@vapor-ui/core

1.0.0-beta.12

Button

• Update secondary button fill variant text color to use foreground.secondary[200] for improved contrast (#427) - Thanks @MaxLee-dev!

Dialog

• adjust to max-width in dialog (#394) - Thanks @noahchoii!

Field

• feat(field): add typography and foreground props to Field.Label (#399) - Thanks @MaxLee-dev!

Floatingbar

• add new FloatingBar component (#359) - Thanks @noahchoii!

• clone elements & enhance customizability (#359) - Thanks @noahchoii!

Tabs

• Refactor Tabs component structure for better customization (#429) - Thanks @ZeroChoi2781!
  • Changed Tabs.Trigger to Tabs.Button for clearer semantics
  • Extracted Tabs.ListPrimitive and Tabs.IndicatorPrimitive for enhanced customization
  • Added fill and line variant support with updated styles
  • Updated type definitions and utility props for better developer experience

Updated Dependencies

• @vapor-ui/icons@1.0.0-beta.7

1.0.0-beta.11

Text Input

• Correct background-color of TextInput component (#387) - Thanks @agetbase!

Etc.

• clone elements & enhance customizability (#359) - Thanks @noahchoii!

Updated Dependencies

• @vapor-ui/hooks@1.0.0-beta.6
• @vapor-ui/icons@1.0.0-beta.6

1.0.0-beta.10

Toast

• avoid overflowing when toast width is wider than view port width (#390) - Thanks @noahchoii!

1.0.0-beta.9

Toast

• remove toastManager (#383) - Thanks @noahchoii!

1.0.0-beta.8

Toast

• add new Toast component (#376) - Thanks @noahchoii!

1.0.0-beta.7

Menu

• Updated Menu.Item paddingRight from 6px to 12px to match Figma design specification (#325) - Thanks @agetbase!

• Correct MenuPositionerPrimitive sideOffset from 8px to 4px to match Figma spec (#342) - Thanks @agetbase!

Pagination

• add new Pagination component (#329) - Thanks @noahchoii!

Table

• add new Table component (#294) - Thanks @noahchoii!

Etc.

• synchronized color tokens with figma (#340) - Thanks @noahchoii!

• BREAKING CHANGE: Remove stretch prop from Button, IconButton, and NavigationMenu components (#368) - Thanks @ZeroChoi2781!

  The stretch prop has been removed to align with Figma's component variant system. In Figma, width control is handled via "Fill Container" (Auto Layout), not as a component variant.

  Migration Guide:

  Replace stretch prop with Tailwind's w-full utility class:

  // Before
  <Button stretch>Submit</Button>
  <NavigationMenu stretch>...</NavigationMenu>
  
  // After
  <Button className="w-full">Submit</Button>
  <NavigationMenu className="w-full">...</NavigationMenu>

  Why this change:

  • Maintains Figma-React design system parity (SSOT principle)
  • Follows "React Props = Figma Variants" architectural principle
  • Aligns with Vapor UI's 4-layer component architecture (Container, Interaction, Contents, Slot)
  • Layout concerns should be handled by parent containers, not component props

1.0.0-beta.6

It contains the same code as the previous version. Please refer to that version.

1.0.0-beta.5

Button

• update horizontal padding for small size (050 (4px) -> 100 (8px)) (#323) - Thanks @agetbase!

Checkbox

• fix checkbox borderRadius sync error (#267) - Thanks @SimYunSup!

Field

• add default layout styles to field.label (#289) - Thanks @noahchoii!

Form

• add new Form component (#256) - Thanks @noahchoii!

Icon Button

• Fixed a CSS dependency order issue where IconButton styles loaded before Button styles, causing incorrect style inheritance.

Radio

• adjust indicator size to account for border (#291) - Thanks @SimYunSup!

Radio Card

• add new component RadioCard (#284) - Thanks @ZeroChoi2781!

Radio Group

• synchronize the aria-labelledby with the recieved id prop (#327) - Thanks @noahchoii!

• replace layout styles into layout component like VStack, HStack (#288) - Thanks @ZeroChoi2781!

Text Input

• add component layer (#253) - Thanks @ZeroChoi2781!

Theme

• add ThemeScope component and migrate to data-attribute based theming (#278) - Thanks @ZeroChoi2781!

Theme Provider

• remove ThemeScript and simplify ThemeProvider (#240) - Thanks @ZeroChoi2781!

Etc.

• enabled CSS tree shaking (#298) - Thanks @ZeroChoi2781!

  • Component CSS is now automatically imported by each component file.

• add white foreground variant to foreground recipe (#305) - Thanks @MaxLee-dev!

• export component with namespace (#276) - Thanks @noahchoii!

• migrate to base-ui beta v4 (#292) - Thanks @noahchoii!

• change components interface (#360) - Thanks @noahchoii!

• missing component exports in entry file (#248) - Thanks @noahchoii!

• add uilitiy css props (#326) - Thanks @noahchoii!

• rename CombinedContent to Content (#247) - Thanks @noahchoii!

• unify cascade layers under vapor namespace (#334) - Thanks @noahchoii!

• standardize state attributes for form components (#282) - Thanks @noahchoii!

• feat: rename color tokens (#261) - Thanks @ZeroChoi2781!

• prevent loading font while building CSS (#265) - Thanks @ZeroChoi2781!

• correct background color of interaction layer in dark mode (#335) - Thanks @noahchoii!

Updated Dependencies

• @vapor-ui/icons@1.0.0-beta.5

0.6.0

Callout

• add flex layout for icons and text alignment (#181) - Thanks @MaxLee-dev!

Collapsible

• add new Collapsible component (#197) - Thanks @noahchoii!

Field

• add new Field components (#224) - Thanks @MaxLee-dev!

Input Group

• add new InputGroup component (#230) - Thanks @MaxLee-dev!

Multi Select

• add new MultiSelect component (#225) - Thanks @noahchoii!

Navigation Menu

• Migrate Nav to NavigationMenu (#211) - Thanks @noahchoii!

Popover

• add new Popover component (#156) - Thanks @noahchoii!

Select

• add new Select component (#222) - Thanks @noahchoii!

Sheet

• add new Sheet component (#187) - Thanks @noahchoii!

• edit spacing style implementation (#238) - Thanks @noahchoii!

Tabs

• add new Tabs component (#157) - Thanks @noahchoii!

Textarea

• Add new Textarea component (#209) - Thanks @MaxLee-dev!

Tooltip

• eidt tooltip offset (#212) - Thanks @noahchoii!

Etc.

• change the overlay component interface (#195) - Thanks @noahchoii!

• remove Label sub-component from all form elements (#204) - Thanks @noahchoii!

• migrate to Base UI (#186) - Thanks @noahchoii!

• support readonly props in all of form elements (#208) - Thanks @MaxLee-dev!

• fix svg rendering issue on safari (#237) - Thanks @noahchoii!

• remove active style when provided readonly (#246) - Thanks @noahchoii!

• ensure focus styles take precedence over hover styles (#200) - Thanks @noahchoii!

Updated Dependencies

• @vapor-ui/icons@0.4.0

0.5.0

Avatar

• align CSS variable with build identifiers config (#176) - Thanks @MaxLee-dev!

Breadcrumb

• add new Breadcrumb component (#151) - Thanks @noahchoii!

Button

• add no-wrap CSS properties (#114) - Thanks @jun094!

Menu

• add new Menu component (#147) - Thanks @noahchoii!

Radio Group

• add background-color(white) to RadioGroup Indicator (#146) - Thanks @MaxLee-dev!

Tooltip

• add new Tooltip component (#150) - Thanks @noahchoii!

Etc.

• enhance vanillaExtractPlugin identifiers (#161) - Thanks @noahchoii!

• remove hover state when used touchscreen (#158) - Thanks @noahchoii!

• add VComponentProps (#168) - Thanks @noahchoii!

• add box-shadow tokens (#143) - Thanks @noahchoii!

• enhance vanillaExtractPlugin identifiers for better debugging (#149) - Thanks @MaxLee-dev!

Updated Dependencies

• @vapor-ui/icons@1.0.0

0.4.0

Badge

• align text to center (#137) - Thanks @ZeroChoi2781!

Radio Group

• remove incorrectly injected props (#125) - Thanks @noahchoii!

Etc.

• change CSS layer names to theme, reset, components, and utilities (#138) - Thanks @ZeroChoi2781!

• add Tailwind CSS v4 preset (#98) - Thanks @ZeroChoi2781!

• improve DX by overhauling CSS bundling strategy (#121) - Thanks @ZeroChoi2781!

• add foreground mixin to style entry point (#142) - Thanks @ZeroChoi2781!

Updated Dependencies

• @vapor-ui/icons@0.2.0

0.3.1

Theme Provider

• add primaryColor props for user custom (#87) - Thanks @ZeroChoi2781!

0.3.0

Etc.

• remove sprinkles on each components (#88) - Thanks @noahchoii!

• correct CSS layer priority (#94) - Thanks @ZeroChoi2781!

0.2.1

Theme Provider

• support RSC (#82) - Thanks @ZeroChoi2781!

0.2.0

Callout

• add new Callout component (#67) - Thanks @noahchoii!

Checkbox

• add new Checkbox Component (#58) - Thanks @noahchoii!

Dialog

• edit dialog animation style (#72) - Thanks @noahchoii!

Radio Group

• add new RadioGroup component (#76) - Thanks @noahchoii!

Switch

• add new Switch component - Thanks @noahchoii!

Etc.

• remove @vapor-ui/icons for resolving storybook build error (#57) - Thanks @noahchoii!

• prevent code splitting while tsup build (#81) - Thanks @ZeroChoi2781!

• resolve circular dependency in vanilla-extract (#73) - Thanks @ZeroChoi2781!

• optimize build system for component bundling (#73) - Thanks @ZeroChoi2781!

0.1.0

Etc.

• create package (#48) - Thanks @ZeroChoi2781!