diff --git a/package-policy.json b/package-policy.json index a30eeb0f..fbe62ffb 100644 --- a/package-policy.json +++ b/package-policy.json @@ -33,6 +33,17 @@ "rule": "scripts.test", "reason": "design tokens only, no tests" }, + { + "packageName": "@sipe-team/tokens", + "rule": "scripts.build", + "reason": "tokens build runs tsup before generating Style Dictionary artifacts" + }, + { + "packageName": "@sipe-team/tokens", + "rule": "extraScript", + "fieldPath": "scripts.build:tokens", + "reason": "token-specific Style Dictionary generation invoked by the package build" + }, { "packageName": "@sipe-team/side", "rule": "scripts.test", diff --git a/packages/accordion/CHANGELOG.md b/packages/accordion/CHANGELOG.md index 4caf4656..f0ce0c19 100644 --- a/packages/accordion/CHANGELOG.md +++ b/packages/accordion/CHANGELOG.md @@ -1,5 +1,23 @@ # @sipe-team/accordion +## 0.2.0 + +### Minor Changes + +- 1e7bb22: Add single/multiple open mode support to Accordion component. When `type="single"` is set on `Accordion.Root`, only one item can be open at a time. Also supports controlled mode via `value` and `onValueChange` props. + +### Patch Changes + +- 0b02738: Compile vanilla-extract styles so `./styles.css` resolves. Both packages declared a local `tsup` config without the vanilla-extract plugin, so their `.css.ts` styles were never compiled and the `dist/index.css` referenced by `publishConfig.exports["./styles.css"]` was absent from the published tarball. They now reuse the shared root config like every other component package, and shipped without styles until now. +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + ## 0.1.1 ### Patch Changes diff --git a/packages/accordion/package.json b/packages/accordion/package.json index f416cf6d..ac2f0a8f 100644 --- a/packages/accordion/package.json +++ b/packages/accordion/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/accordion", "description": "Accordion for Sipe Design System", - "version": "0.1.0", + "version": "0.2.0", "license": "MIT", "repository": { "type": "git", diff --git a/packages/avatar/CHANGELOG.md b/packages/avatar/CHANGELOG.md index c9ec1148..f2869176 100644 --- a/packages/avatar/CHANGELOG.md +++ b/packages/avatar/CHANGELOG.md @@ -4,6 +4,29 @@ ### Patch Changes +- 0b02738: Fix two rendering bugs. + - **`onError` loop**: when a broken `src` fell back to `fallback` and that URL also failed, the + handler reassigned the same URL endlessly. It now clears itself (`onerror = null`) before + swapping, so a failing fallback stops cleanly. + - **`asChild` sizing**: the `image` style (`width/height: 100%`) was declared after `size`, so + when `asChild` merged both onto the same `` the `100%` won and the avatar filled its parent + instead of keeping its size. `image` is now declared first, so `size` wins the tie. + +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + - @sipe-team/typography@0.0.6 + +## 0.0.2 + +### Patch Changes + - Updated dependencies [38faf10] - @sipe-team/typography@0.0.6 diff --git a/packages/avatar/package.json b/packages/avatar/package.json index ddeb8a90..802d467b 100644 --- a/packages/avatar/package.json +++ b/packages/avatar/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/avatar", "description": "Avatar component for Sipe Design System", - "version": "0.0.1", + "version": "0.0.2", "license": "MIT", "repository": { "type": "git", diff --git a/packages/badge/CHANGELOG.md b/packages/badge/CHANGELOG.md index e82b89a5..ac3e2e9c 100644 --- a/packages/badge/CHANGELOG.md +++ b/packages/badge/CHANGELOG.md @@ -4,6 +4,21 @@ ### Patch Changes +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + - @sipe-team/typography@0.0.6 + +## 0.0.5 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. - Updated dependencies [38faf10] - @sipe-team/typography@0.0.6 diff --git a/packages/badge/package.json b/packages/badge/package.json index 57b63536..238ad076 100644 --- a/packages/badge/package.json +++ b/packages/badge/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/badge", "description": "Badge component for Sipe Design System", - "version": "0.0.4", + "version": "0.0.5", "license": "MIT", "repository": { "type": "git", diff --git a/packages/button/CHANGELOG.md b/packages/button/CHANGELOG.md index d24945b5..6511509e 100644 --- a/packages/button/CHANGELOG.md +++ b/packages/button/CHANGELOG.md @@ -1,5 +1,57 @@ # @sipe-team/button +## 1.0.0 + +### Major Changes + +- 1e7bb22: Redesign Button component based on 5th generation design system + - **BREAKING**: Rename `ButtonVariant.filled` to `ButtonVariant.fill` + - **BREAKING**: Expand `ButtonSize` from `sm | lg` to `sm | md | lg | xl` + - Add `leftIcon` and `rightIcon` props for icon support + - Apply 5th design colors via `createVar()` (button-scoped CSS variables) + - Add interaction states: hover (gradient), pressed (`#FE4E07`), disabled (`gray500/600`) + - Fix disabled CSS specificity bug by moving styles into recipe base selectors + - Add `theme5th` color token to `@sipe-team/tokens` + +### Patch Changes + +- 1e7bb22: redesign token contract structure with semantic color, spacing, and radius hierarchy + + ## Breaking Changes + + ### `vars` path changes + + | Token | Before | After | + | ------- | -------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | + | color | `vars.color.primary` `vars.color.background` `vars.color.text` | `vars.color.accent.{default\|hover\|subtle}` `vars.color.background.{base\|subtle\|muted}` `vars.color.foreground.{default\|subtle\|muted\|onAccent}` `vars.color.border.{default\|strong\|focus}` `vars.color.status.{success\|warning\|danger\|info}.{foreground\|background\|border}` | + | spacing | `vars.spacing.{xs\|sm\|md\|lg\|xl}` | `vars.spacing.component.{xs\|sm\|md\|lg\|xl}` `vars.spacing.layout.{sm\|md\|lg\|xl}` | + | radius | `vars.radius.{none\|sm\|md\|lg\|xl\|full}` | `vars.radius.component.{sm\|md\|lg\|xl\|full}` `vars.radius.layout.{sm\|md\|lg}` | + + `vars.color.gradient` and `vars.color.secondary` have been removed. + + ### `defaultTheme` export removed + + `defaultTheme` is no longer exported from `@sipe-team/tokens`. Theme variables are now applied automatically via `createGlobalTheme` on `:root`. Remove any explicit `defaultTheme` import or usage. + + ### Default color mode changed to dark + + The `:root` theme now defaults to `mode: 'dark'` (previously `mode: 'light'`). If your app relied on the light-mode defaults from `:root`, you will need to apply a `[data-theme]` attribute or supply your own light-mode overrides. + + ### Deprecated named exports + + `opacity`, `zIndex`, `borderWidth`, `borderStyle`, `shadows`, `breakpoints`, `breakpointQuery`, `responsiveStyle`, `grid` and their associated types are deprecated and will be removed in a future release. + +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + - @sipe-team/typography@0.0.6 + ## 0.0.3 ### Patch Changes diff --git a/packages/button/package.json b/packages/button/package.json index c5377f32..a2f98c44 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/button", "description": "button for Sipe Design System", - "version": "0.0.2", + "version": "1.0.0", "license": "MIT", "repository": { "type": "git", diff --git a/packages/card/CHANGELOG.md b/packages/card/CHANGELOG.md index 31ad43b9..d00a48a1 100644 --- a/packages/card/CHANGELOG.md +++ b/packages/card/CHANGELOG.md @@ -1,5 +1,21 @@ # @sipe-team/card +## 0.2.0 + +### Minor Changes + +- 1e7bb22: Add ghost variant to Card component with transparent background, no border, and no padding + +### Patch Changes + +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + ## 0.1.2 ### Patch Changes diff --git a/packages/card/package.json b/packages/card/package.json index 0988dcb4..13da0f02 100644 --- a/packages/card/package.json +++ b/packages/card/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/card", "description": "Card component for Sipe Design System", - "version": "0.1.1", + "version": "0.2.0", "license": "MIT", "repository": { "type": "git", diff --git a/packages/checkbox/CHANGELOG.md b/packages/checkbox/CHANGELOG.md index f389deca..4ae81279 100644 --- a/packages/checkbox/CHANGELOG.md +++ b/packages/checkbox/CHANGELOG.md @@ -4,6 +4,23 @@ ### Patch Changes +- 0b02738: Fix two issues. + - **SVG assets**: `Checkbox.css.ts` referenced `url("public/check.svg")` / `url("public/indeterminate.svg")`, which esbuild (tsup) resolved but source-compiling consumers (webpack + `@vanilla-extract/webpack-plugin`, e.g. the Docusaurus docs site) could not, breaking their production build. The icons are now inlined as `data:` URIs so both bundlers render identical marks with no external asset resolution. + - **`checked` + `defaultChecked` warning**: `Root` did not consume `defaultChecked`, so it leaked through context onto the `` alongside the always-set `checked`, triggering React's "input with both checked and defaultChecked" warning. `Root` now destructures `defaultChecked` (it only seeds the uncontrolled initial state), so the input receives just `checked`. + +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + +## 0.0.2 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. ## 0.0.1 diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index fbc90395..8ab6ad5d 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/checkbox", "description": "checkbox for Sipe Design System", - "version": "0.0.1", + "version": "0.0.2", "license": "MIT", "repository": { "type": "git", diff --git a/packages/chip/CHANGELOG.md b/packages/chip/CHANGELOG.md new file mode 100644 index 00000000..ec77c382 --- /dev/null +++ b/packages/chip/CHANGELOG.md @@ -0,0 +1,13 @@ +# @sipe-team/chip + +## 0.0.2 + +### Patch Changes + +- 1e7bb22: Normalize `@sipe-team/chip` package.json to match the canonical structure used across other `@sipe-team/*` packages. Adds `publishConfig` with `access`/`registry`/`exports`, moves source `exports` to `./src/index.ts`, adds `type: "module"`, `repository`, `sideEffects: ["**/*.css"]`, and aligns scripts/dependencies. Consumer module resolution now uses the `import`/`require` branches declared under `publishConfig.exports`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 diff --git a/packages/chip/package.json b/packages/chip/package.json index 5a3db52a..46d41bb8 100644 --- a/packages/chip/package.json +++ b/packages/chip/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/chip", "description": "Chip component for SIDE design system", - "version": "0.0.1", + "version": "0.0.2", "license": "MIT", "repository": { "type": "git", diff --git a/packages/divider/CHANGELOG.md b/packages/divider/CHANGELOG.md index bef7d6e5..bf7bf836 100644 --- a/packages/divider/CHANGELOG.md +++ b/packages/divider/CHANGELOG.md @@ -4,6 +4,19 @@ ### Patch Changes +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + +## 0.0.4 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. ## 0.0.3 diff --git a/packages/divider/package.json b/packages/divider/package.json index 1c5d9db6..d5a8a616 100644 --- a/packages/divider/package.json +++ b/packages/divider/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/divider", "description": "divider component for Sipe Design System", - "version": "0.0.3", + "version": "0.0.4", "license": "MIT", "repository": { "type": "git", diff --git a/packages/flex/CHANGELOG.md b/packages/flex/CHANGELOG.md index d15e41fc..1378145a 100644 --- a/packages/flex/CHANGELOG.md +++ b/packages/flex/CHANGELOG.md @@ -1,5 +1,15 @@ # @sipe-team/flex +## 0.2.0 + +### Minor Changes + +- 0b02738: Extend Flex props to accept responsive breakpoint values for direction, align, justify, wrap, and gap. + +### Patch Changes + +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. + ## 0.1.4 ### Patch Changes diff --git a/packages/flex/package.json b/packages/flex/package.json index e774a2ea..a9b5d74a 100644 --- a/packages/flex/package.json +++ b/packages/flex/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/flex", "description": "Flex for Sipe Design System", - "version": "0.1.3", + "version": "0.2.0", "license": "MIT", "repository": { "type": "git", diff --git a/packages/grid/CHANGELOG.md b/packages/grid/CHANGELOG.md index b8027b4c..9b6f6cc4 100644 --- a/packages/grid/CHANGELOG.md +++ b/packages/grid/CHANGELOG.md @@ -4,6 +4,13 @@ ### Patch Changes +- 0b02738: Compile vanilla-extract styles so `./styles.css` resolves. Both packages declared a local `tsup` config without the vanilla-extract plugin, so their `.css.ts` styles were never compiled and the `dist/index.css` referenced by `publishConfig.exports["./styles.css"]` was absent from the published tarball. They now reuse the shared root config like every other component package, and shipped without styles until now. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. + +## 0.1.2 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. ## 0.1.1 diff --git a/packages/grid/package.json b/packages/grid/package.json index 827a2d05..939de5f7 100644 --- a/packages/grid/package.json +++ b/packages/grid/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/grid", "description": "Grid for Sipe Design System", - "version": "0.1.1", + "version": "0.1.2", "license": "MIT", "repository": { "type": "git", diff --git a/packages/input/CHANGELOG.md b/packages/input/CHANGELOG.md index 9ea166f4..51136e18 100644 --- a/packages/input/CHANGELOG.md +++ b/packages/input/CHANGELOG.md @@ -4,6 +4,18 @@ ### Patch Changes +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + +## 0.0.5 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. ## 0.0.4 diff --git a/packages/input/package.json b/packages/input/package.json index 7117dc6d..94d24f13 100644 --- a/packages/input/package.json +++ b/packages/input/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/input", "description": "Input component for Sipe Design System", - "version": "0.0.4", + "version": "0.0.5", "license": "MIT", "repository": { "type": "git", diff --git a/packages/radio/CHANGELOG.md b/packages/radio/CHANGELOG.md index 1e8144d0..b2af2d0f 100644 --- a/packages/radio/CHANGELOG.md +++ b/packages/radio/CHANGELOG.md @@ -4,6 +4,22 @@ ### Patch Changes +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + - @sipe-team/typography@0.0.6 + +## 0.1.1 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. - Updated dependencies [38faf10] - @sipe-team/typography@0.0.6 diff --git a/packages/radio/package.json b/packages/radio/package.json index ca32ec56..d88de2b2 100644 --- a/packages/radio/package.json +++ b/packages/radio/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/radio", "description": "Radio component for Sipe Design System", - "version": "0.1.0", + "version": "0.1.1", "license": "MIT", "repository": { "type": "git", diff --git a/packages/reset/CHANGELOG.md b/packages/reset/CHANGELOG.md index 8e77ad65..b21fed15 100644 --- a/packages/reset/CHANGELOG.md +++ b/packages/reset/CHANGELOG.md @@ -1,5 +1,12 @@ # @sipe-team/reset +## 0.1.3 + +### Patch Changes + +- 0b02738: Point the `./reset.css` export at the emitted stylesheet. It referenced `./dist/reset.css`, but the build emits `./dist/index.css`, so importing `@sipe-team/reset/reset.css` failed to resolve. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. + ## 0.1.2 ### Patch Changes diff --git a/packages/reset/package.json b/packages/reset/package.json index 2f0f3af1..9cb84a5d 100644 --- a/packages/reset/package.json +++ b/packages/reset/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/reset", "description": "Reset for Sipe Design System", - "version": "0.1.2", + "version": "0.1.3", "license": "MIT", "repository": { "type": "git", diff --git a/packages/side/CHANGELOG.md b/packages/side/CHANGELOG.md index 384b1d42..54c2694e 100644 --- a/packages/side/CHANGELOG.md +++ b/packages/side/CHANGELOG.md @@ -1,5 +1,37 @@ # @sipe-team/side +## 0.2.7 + +### Patch Changes + +- 0b02738: Extend Flex props to accept responsive breakpoint values for direction, align, justify, wrap, and gap. +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] + - @sipe-team/card@0.2.0 + - @sipe-team/tooltip@1.0.0 + - @sipe-team/flex@0.2.0 + - @sipe-team/button@1.0.0 + - @sipe-team/tokens@1.0.0 + - @sipe-team/divider@0.0.4 + - @sipe-team/radio@0.1.1 + - @sipe-team/switch@0.0.4 + - @sipe-team/theme@1.0.0 + - @sipe-team/typography@0.0.6 + - @sipe-team/skeleton@0.0.4 + - @sipe-team/badge@0.0.5 + - @sipe-team/input@0.0.5 + ## 0.2.6 ### Patch Changes diff --git a/packages/side/package.json b/packages/side/package.json index 79911a12..29bcb337 100644 --- a/packages/side/package.json +++ b/packages/side/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/side", "description": "Sipe Design System", - "version": "0.2.6", + "version": "0.2.7", "license": "MIT", "repository": { "type": "git", diff --git a/packages/skeleton/CHANGELOG.md b/packages/skeleton/CHANGELOG.md index bd34fb40..cfdb619b 100644 --- a/packages/skeleton/CHANGELOG.md +++ b/packages/skeleton/CHANGELOG.md @@ -4,6 +4,18 @@ ### Patch Changes +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + +## 0.0.4 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. ## 0.0.3 diff --git a/packages/skeleton/package.json b/packages/skeleton/package.json index 2c1c0acc..e915a7a2 100644 --- a/packages/skeleton/package.json +++ b/packages/skeleton/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/skeleton", "description": "Skeleton component for Sipe Design System", - "version": "0.0.3", + "version": "0.0.4", "license": "MIT", "repository": { "type": "git", diff --git a/packages/switch/CHANGELOG.md b/packages/switch/CHANGELOG.md index 1d52fd14..5716d099 100644 --- a/packages/switch/CHANGELOG.md +++ b/packages/switch/CHANGELOG.md @@ -4,6 +4,19 @@ ### Patch Changes +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + +## 0.0.4 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. ## 0.0.3 diff --git a/packages/switch/package.json b/packages/switch/package.json index fba01e90..b1675d8f 100644 --- a/packages/switch/package.json +++ b/packages/switch/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/switch", "description": "Switch component for Sipe Design System", - "version": "0.0.3", + "version": "0.0.4", "license": "MIT", "repository": { "type": "git", diff --git a/packages/theme/CHANGELOG.md b/packages/theme/CHANGELOG.md new file mode 100644 index 00000000..7247deee --- /dev/null +++ b/packages/theme/CHANGELOG.md @@ -0,0 +1,23 @@ +# @sipe-team/theme + +## 1.0.0 + +### Major Changes + +- 1e7bb22: Replace brand-color ThemeProvider with light/dark mode toggle and align design tokens with SSOT. + - `ThemeProvider` now applies themes via `data-theme` attribute instead of `assignInlineVars` + - `theme` prop changed from brand-color objects to `'light' | 'dark'` string union + - `ThemeMode` type is now exported from `@sipe-team/tokens` + - VE contract structure for `color`, `spacing`, and `radius` reorganized into semantic token hierarchy + - Token values in `themes.css.ts` now reference Style Dictionary CSS variables instead of hardcoded JS constants + - Removed `@vanilla-extract/dynamic` dependency from `@sipe-team/theme` + +### Patch Changes + +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 diff --git a/packages/theme/package.json b/packages/theme/package.json index 09c2d896..7d5bb463 100644 --- a/packages/theme/package.json +++ b/packages/theme/package.json @@ -1,6 +1,6 @@ { "name": "@sipe-team/theme", - "version": "0.0.1", + "version": "1.0.0", "license": "MIT", "description": "Sipe Design System Theme Provider", "repository": { diff --git a/packages/tokens/CHANGELOG.md b/packages/tokens/CHANGELOG.md index 1c37642b..a6289fed 100644 --- a/packages/tokens/CHANGELOG.md +++ b/packages/tokens/CHANGELOG.md @@ -1,5 +1,72 @@ # @sipe-team/tokens +## 1.0.0 + +### Major Changes + +- 1e7bb22: redesign token contract structure with semantic color, spacing, and radius hierarchy + + ## Breaking Changes + + ### `vars` path changes + + | Token | Before | After | + | ------- | -------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | + | color | `vars.color.primary` `vars.color.background` `vars.color.text` | `vars.color.accent.{default\|hover\|subtle}` `vars.color.background.{base\|subtle\|muted}` `vars.color.foreground.{default\|subtle\|muted\|onAccent}` `vars.color.border.{default\|strong\|focus}` `vars.color.status.{success\|warning\|danger\|info}.{foreground\|background\|border}` | + | spacing | `vars.spacing.{xs\|sm\|md\|lg\|xl}` | `vars.spacing.component.{xs\|sm\|md\|lg\|xl}` `vars.spacing.layout.{sm\|md\|lg\|xl}` | + | radius | `vars.radius.{none\|sm\|md\|lg\|xl\|full}` | `vars.radius.component.{sm\|md\|lg\|xl\|full}` `vars.radius.layout.{sm\|md\|lg}` | + + `vars.color.gradient` and `vars.color.secondary` have been removed. + + ### `defaultTheme` export removed + + `defaultTheme` is no longer exported from `@sipe-team/tokens`. Theme variables are now applied automatically via `createGlobalTheme` on `:root`. Remove any explicit `defaultTheme` import or usage. + + ### Default color mode changed to dark + + The `:root` theme now defaults to `mode: 'dark'` (previously `mode: 'light'`). If your app relied on the light-mode defaults from `:root`, you will need to apply a `[data-theme]` attribute or supply your own light-mode overrides. + + ### Deprecated named exports + + `opacity`, `zIndex`, `borderWidth`, `borderStyle`, `shadows`, `breakpoints`, `breakpointQuery`, `responsiveStyle`, `grid` and their associated types are deprecated and will be removed in a future release. + +### Minor Changes + +- 1e7bb22: Redesign Button component based on 5th generation design system + - **BREAKING**: Rename `ButtonVariant.filled` to `ButtonVariant.fill` + - **BREAKING**: Expand `ButtonSize` from `sm | lg` to `sm | md | lg | xl` + - Add `leftIcon` and `rightIcon` props for icon support + - Apply 5th design colors via `createVar()` (button-scoped CSS variables) + - Add interaction states: hover (gradient), pressed (`#FE4E07`), disabled (`gray500/600`) + - Fix disabled CSS specificity bug by moving styles into recipe base selectors + - Add `theme5th` color token to `@sipe-team/tokens` + +- 0b02738: 토큰 CSS 체인을 복구하고 `./styles.css` 진입점을 추가합니다. + + `packages/tokens/tsup.config.ts`가 21개 패키지 중 유일하게 루트 tsup 설정을 상속하지 않아 vanilla-extract esbuild 플러그인이 누락돼 있었습니다. 그 결과: + - `contract.css.ts`가 일반 TS로 번들되어 **`dist`를 import하면 런타임 예외**가 발생했습니다 (`Styles were unable to be assigned to a file`). `@sipe-team/tokens`를 re-export하는 `@sipe-team/side`도 함께 영향받았습니다. + - `createGlobalTheme` 호출이 `sideEffects: false`로 트리셰이킹되어 `--side-*` 브릿지 CSS가 방출되지 않았습니다. + - 소비자가 토큰 CSS를 가져갈 진입점이 없어, `vars.*`를 쓰는 컴포넌트(Button)의 padding·radius·font-size·font-family·gap이 전부 무효화됐습니다. + + **변경 사항** + - `tsup.config.ts`가 루트 설정을 상속합니다 (다른 20개 패키지와 동일한 패턴). + - `sideEffects`를 `["**/*.css"]`로 변경해 소비자의 CSS import가 번들러에 제거되지 않게 합니다. + - `./styles.css` 진입점을 추가합니다. Style Dictionary 값층(`--color-*`, `--spacing-*`)과 vanilla-extract 브릿지(`--side-*`)를 **한 파일로** 제공합니다 — 둘 중 하나만 로드하면 체인이 조용히 끊기기 때문입니다. + + **소비자 액션 필요:** 개별 패키지를 사용한다면 `import '@sipe-team/tokens/styles.css'`를 추가해야 컴포넌트 스타일이 적용됩니다. + +- 1e7bb22: Replace brand-color ThemeProvider with light/dark mode toggle and align design tokens with SSOT. + - `ThemeProvider` now applies themes via `data-theme` attribute instead of `assignInlineVars` + - `theme` prop changed from brand-color objects to `'light' | 'dark'` string union + - `ThemeMode` type is now exported from `@sipe-team/tokens` + - VE contract structure for `color`, `spacing`, and `radius` reorganized into semantic token hierarchy + - Token values in `themes.css.ts` now reference Style Dictionary CSS variables instead of hardcoded JS constants + - Removed `@vanilla-extract/dynamic` dependency from `@sipe-team/theme` + +### Patch Changes + +- 0b02738: Fix `@sipe-team/tokens/token-names` failing to resolve under node16 ESM. The generated barrel declaration re-exported `./primitive` and `./semantic` without runtime extensions, and the types-only semantic layer had no runtime module behind it, so TypeScript could not resolve the sibling declarations. The barrel now emits extension-qualified specifiers and a runtime stub for the semantic layer. + ## 0.1.0 ### Minor Changes diff --git a/packages/tokens/package.json b/packages/tokens/package.json index 5a4d3f6f..8dfafdfc 100644 --- a/packages/tokens/package.json +++ b/packages/tokens/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/tokens", "description": "Design tokens for Sipe Design System", - "version": "0.1.0", + "version": "1.0.0", "license": "MIT", "repository": { "type": "git", diff --git a/packages/tooltip/CHANGELOG.md b/packages/tooltip/CHANGELOG.md index 63a6f781..20a1a4a4 100644 --- a/packages/tooltip/CHANGELOG.md +++ b/packages/tooltip/CHANGELOG.md @@ -1,5 +1,16 @@ # @sipe-team/tooltip +## 1.0.0 + +### Major Changes + +- 1e7bb22: Refactor tooltip API: replace trigger prop with disableHoverListener, add controlled mode (open/onOpen/onClose), improve WCAG compliance, and fix animation on mount + +### Patch Changes + +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- 1e7bb22: improve accessibility and refactor styles for Tooltip + ## 0.0.5 ### Patch Changes diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json index af2d4a9b..9086f207 100644 --- a/packages/tooltip/package.json +++ b/packages/tooltip/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/tooltip", "description": "Tooltip component for Sipe Design System", - "version": "0.0.4", + "version": "1.0.0", "license": "MIT", "repository": { "type": "git", diff --git a/packages/typography/CHANGELOG.md b/packages/typography/CHANGELOG.md index a9c48f9f..6c03c096 100644 --- a/packages/typography/CHANGELOG.md +++ b/packages/typography/CHANGELOG.md @@ -4,6 +4,19 @@ ### Patch Changes +- 1e7bb22: Align existing `@sipe-team/*` `package.json` metadata with the canonical shape. Adds `publishConfig.registry` to divider/radio/side/switch, unifies `lint` scripts on `pnpm exec biome lint`, normalizes `workspace:^` → `workspace:*` in avatar/switch/typography, and moves accordion/theme/checkbox direct `react`, `@types/react`, `react-dom`, and `@vanilla-extract/css` specifiers to the pnpm catalog. +- 1e7bb22: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/tokens@1.0.0 + +## 0.0.6 + +### Patch Changes + - 38faf10: Preserve CSS imports in `sideEffects` so consumer bundlers don't tree-shake `./styles.css`. ## 0.0.5 diff --git a/packages/typography/package.json b/packages/typography/package.json index 537c37f6..750569ce 100644 --- a/packages/typography/package.json +++ b/packages/typography/package.json @@ -1,7 +1,7 @@ { "name": "@sipe-team/typography", "description": "Typography component for Sipe Design System", - "version": "0.0.5", + "version": "0.0.6", "license": "MIT", "repository": { "type": "git", diff --git a/scripts/checkPackageConsistency.ts b/scripts/checkPackageConsistency.ts index a439eb86..c850c0ab 100644 --- a/scripts/checkPackageConsistency.ts +++ b/scripts/checkPackageConsistency.ts @@ -123,7 +123,7 @@ function checkPackage(pkg: Package, policy: Policy): Violation[] { message: `missing required script "${key}" (expected: "${expected}")`, }); } - } else if (actual !== expected) { + } else if (actual !== expected && !isAllowlisted(policy.allowlist, name, `scripts.${key}`)) { violations.push({ packageName: name, severity: 'hard', diff --git a/tokens/tokens.json b/tokens/tokens.json index 549b2e47..230e6158 100644 --- a/tokens/tokens.json +++ b/tokens/tokens.json @@ -3,7 +3,7 @@ "color": { "black": { "$type": "color", - "$value": "#131518" + "$value": "#000000" }, "white": { "$type": "color", @@ -150,17 +150,21 @@ "brand": { "default": { "$type": "color", - "$value": "#ffb24d", + "$value": "{color.orange.500}", "$description": "브랜드 기본 강조색 (기수별 교체)" }, "hover": { "$type": "color", - "$value": "#d9963f", + "$value": "{color.orange.400}", "$description": "브랜드 hover 상태색 (기수별 교체)" }, + "pressed": { + "$type": "color", + "$value": "{color.orange.600}" + }, "subtle": { "$type": "color", - "$value": "#3b2005", + "$value": "{color.orange.900}", "$description": "브랜드 배경용 어두운 색 (기수별 교체)" } }, @@ -560,7 +564,7 @@ "typography": { "fontFamily": { "base": { - "$type": "fontFamily", + "$type": "fontFamilies", "$value": "'Pretendard', sans-serif" } }, @@ -608,19 +612,19 @@ }, "fontWeight": { "regular": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "400" }, "medium": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "500" }, "semiBold": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "600" }, "bold": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "700" } }, @@ -639,9 +643,9 @@ "semantic/dark/color": { "color": { "background": { - "base": { + "default": { "$type": "color", - "$value": "{color.gray.950}", + "$value": "{color.black}", "$description": "1. 페이지 전체 기본 배경 / 2. 모달·시트 내부 배경" }, "subtle": { @@ -690,7 +694,7 @@ }, "focus": { "$type": "color", - "$value": "{color.blue.400}", + "$value": "{color.brand.default}", "$description": "1. 키보드 포커스 링 색상 / 2. 활성 탭 언더라인" } }, @@ -705,6 +709,10 @@ "$value": "{color.brand.hover}", "$description": "1. Primary 버튼 호버·프레스 배경 / 2. 링크 호버 색상" }, + "pressed": { + "$type": "color", + "$value": "{color.brand.pressed}" + }, "subtle": { "$type": "color", "$value": "{color.brand.subtle}", @@ -732,17 +740,17 @@ "warning": { "foreground": { "$type": "color", - "$value": "{color.orange.400}", + "$value": "{color.yellow.400}", "$description": "1. 경고 텍스트·아이콘 / 2. 주의 배지 레이블" }, "background": { "$type": "color", - "$value": "{color.orange.900}", + "$value": "{color.yellow.900}", "$description": "1. 경고 배너·토스트 배경 / 2. 주의 섹션 하이라이트" }, "border": { "$type": "color", - "$value": "{color.orange.700}", + "$value": "{color.yellow.600}", "$description": "1. 경고 인풋 테두리 / 2. 주의 알림 카드 보더" } }, @@ -888,7 +896,7 @@ "typography": { "fontFamily": { "base": { - "$type": "fontFamily", + "$type": "fontFamilies", "$value": "{typography.fontFamily.base}", "$description": "1. 모든 UI 텍스트 기본 폰트 / 2. 코드 블록 외 전체 텍스트" } @@ -912,7 +920,7 @@ "$description": "1. 랜딩 히어로 헤딩 / 2. 최상위 마케팅 카피" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.bold}", "$description": "1. 랜딩 히어로 텍스트 강조 / 2. 기능 소개 대형 카피" } @@ -925,7 +933,7 @@ "$description": "1. 페이지 제목(h1) / 2. 다이얼로그 메인 제목" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.bold}", "$description": "1. 페이지 대제목 강조 / 2. 섹션 최상위 타이틀" } @@ -937,7 +945,7 @@ "$description": "1. 섹션 제목(h2) / 2. 카드 헤딩" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.semiBold}", "$description": "1. 섹션 소제목 / 2. 모달 타이틀" } @@ -949,7 +957,7 @@ "$description": "1. 서브섹션 제목(h3) / 2. 리스트 그룹 레이블" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.semiBold}", "$description": "1. 서브 헤딩 강조 / 2. 사이드바 섹션 타이틀" } @@ -963,7 +971,7 @@ "$description": "1. 긴 형식 본문 텍스트 / 2. 소개 단락" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.regular}", "$description": "1. 기사·블로그 본문 / 2. 제품 상세 설명 텍스트" } @@ -975,7 +983,7 @@ "$description": "1. 일반 UI 본문 텍스트 / 2. 폼 인풋 입력값" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.regular}", "$description": "1. 기본 단락 텍스트 / 2. 드롭다운 항목 텍스트" } @@ -987,7 +995,7 @@ "$description": "1. 보조 설명 텍스트 / 2. 테이블 셀 텍스트" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.regular}", "$description": "1. 인풋 헬프 텍스트 / 2. 리스트 아이템 설명" } @@ -1000,7 +1008,7 @@ "$description": "1. 폼 필드 레이블 / 2. 버튼 텍스트" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.medium}", "$description": "1. 인풋 레이블 / 2. 네비게이션 링크" } @@ -1012,7 +1020,7 @@ "$description": "1. 이미지 캡션 / 2. 에러·힌트 메시지" }, "fontWeight": { - "$type": "fontWeight", + "$type": "fontWeights", "$value": "{typography.fontWeight.regular}", "$description": "1. 타임스탬프·날짜 표시 / 2. 메타 정보 텍스트" } diff --git a/www/CHANGELOG.md b/www/CHANGELOG.md new file mode 100644 index 00000000..87a89aee --- /dev/null +++ b/www/CHANGELOG.md @@ -0,0 +1,23 @@ +# docs + +## 0.0.1 + +### Patch Changes + +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] +- Updated dependencies [0b02738] +- Updated dependencies [0b02738] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [1e7bb22] +- Updated dependencies [0b02738] + - @sipe-team/accordion@0.2.0 + - @sipe-team/button@1.0.0 + - @sipe-team/tokens@1.0.0 + - @sipe-team/avatar@0.0.2 + - @sipe-team/checkbox@0.0.2 + - @sipe-team/typography@0.0.6