@bestow-ui/tokens 0.2.0 → 0.8.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Dev-BestOW
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# @bestow-ui/tokens
+
+[![npm](https://img.shields.io/npm/v/@bestow-ui/tokens)](https://www.npmjs.com/package/@bestow-ui/tokens)
+[![license](https://img.shields.io/npm/l/@bestow-ui/tokens)](https://github.com/Dev-BestOW/BestOW-UI/blob/main/LICENSE)
+
+Design tokens for **BestOW UI** — colors, spacing, radius, typography, shadow, duration and z-index as plain JavaScript values.
+No dependencies, framework-agnostic.
+
+📖 **See every token:** [Storybook › Foundations › Design Tokens](https://dev-bestow.github.io/BestOW-UI/?path=/story/foundations-design-tokens--colors)
+
+> 🇰🇷 한국어 안내는 [아래](#한국어)에 있어요.
+
+## Install
+
+```bash
+npm install @bestow-ui/tokens
+```
+
+## Usage
+
+```ts
+import { palette, space, radius, fontSize, lightColors, darkColors } from '@bestow-ui/tokens';
+
+space[4]; // '16px'
+radius.md; // '8px'
+lightColors.primary.solid; // '#2554eb'
+darkColors.fg.default; // '#f8f9fa'
+```
+
+| Export | Contents |
+|---|---|
+| `palette` | Raw color scales (`gray`, `blue`, `red`, `green`, `white`, `black`) |
+| `lightColors`, `darkColors` | Semantic colors (`bg`, `fg`, `border`, `primary`, `neutral`, `danger`, `success`) — same keys in both modes |
+| `space` | `0`–`16` (4px grid) |
+| `radius` | `none`, `sm`, `md`, `lg`, `xl`, `full` |
+| `fontFamily`, `fontSize`, `fontWeight`, `lineHeight` | Typography |
+| `shadow`, `duration`, `zIndex` | Elevation, motion and stacking order |
+
+### Using with React
+
+If you use [`@bestow-ui/react`](https://www.npmjs.com/package/@bestow-ui/react), reference tokens through its theme instead of raw values,
+so dark mode and brand themes apply automatically:
+
+```ts
+import { vars } from '@bestow-ui/react'; // vars.color.primary.solid → var(--bestow-color-primary-solid)
+```
+
+## License
+
+[MIT](https://github.com/Dev-BestOW/BestOW-UI/blob/main/LICENSE) © Dev-BestOW
+
+---
+
+## 한국어
+
+**BestOW UI** 의 디자인 토큰이에요. 색상·간격·모서리·타이포그래피·그림자·시간·z-index 를 순수 JavaScript 값으로 제공해요. 의존성이 없어서 어떤 프레임워크에서도 쓸 수 있어요.
+
+```ts
+import { space, lightColors } from '@bestow-ui/tokens';
+
+space[4]; // '16px'
+lightColors.primary.solid; // '#2554eb'
+```
+
+`@bestow-ui/react` 를 쓴다면 원시 값 대신 `vars`(CSS 변수)로 참조해야 다크 모드·브랜드 테마가 적용돼요.
+전체 토큰은 [Storybook 디자인 토큰 페이지](https://dev-bestow.github.io/BestOW-UI/?path=/story/foundations-design-tokens--colors) 에서 볼 수 있어요.

package/dist/index.cjs

@@ -44,7 +44,8 @@ var palette = {
     300: "#dee2e6",
     400: "#ced4da",
     500: "#adb5bd",
-    600: "#868e96",
+    600: "#666e76",
+    // 흰색·gray50·gray100 배경에서 4.5:1 이상 (fg.subtle 로 쓰인다)
     700: "#495057",
     800: "#343a40",
     900: "#212529",
@@ -151,22 +152,90 @@ var zIndex = {
   tooltip: "1500"
 };
 var lightColors = {
-  bg: { default: palette.white, subtle: palette.gray[50], muted: palette.gray[100], inverse: palette.gray[900], overlay: "rgba(0, 0, 0, 0.45)" },
+  bg: {
+    default: palette.white,
+    subtle: palette.gray[50],
+    muted: palette.gray[100],
+    inverse: palette.gray[900],
+    overlay: "rgba(0, 0, 0, 0.45)"
+  },
   fg: { default: palette.gray[900], muted: palette.gray[700], subtle: palette.gray[600], inverse: palette.white },
   border: { default: palette.gray[300], strong: palette.gray[500], focus: palette.blue[500] },
-  primary: { solid: palette.blue[600], solidHover: palette.blue[700], contrast: palette.white, subtle: palette.blue[50], subtleHover: palette.blue[100], text: palette.blue[700] },
-  neutral: { solid: palette.gray[800], solidHover: palette.gray[900], contrast: palette.white, subtle: palette.gray[100], subtleHover: palette.gray[200], text: palette.gray[800] },
-  danger: { solid: palette.red[600], solidHover: palette.red[700], contrast: palette.white, subtle: palette.red[50], subtleHover: palette.red[100], text: palette.red[700] },
-  success: { solid: palette.green[700], solidHover: palette.green[800], contrast: palette.white, subtle: palette.green[50], subtleHover: palette.green[100], text: palette.green[700] }
+  primary: {
+    solid: palette.blue[600],
+    solidHover: palette.blue[700],
+    contrast: palette.white,
+    subtle: palette.blue[50],
+    subtleHover: palette.blue[100],
+    text: palette.blue[700]
+  },
+  neutral: {
+    solid: palette.gray[800],
+    solidHover: palette.gray[900],
+    contrast: palette.white,
+    subtle: palette.gray[100],
+    subtleHover: palette.gray[200],
+    text: palette.gray[800]
+  },
+  danger: {
+    solid: palette.red[600],
+    solidHover: palette.red[700],
+    contrast: palette.white,
+    subtle: palette.red[50],
+    subtleHover: palette.red[100],
+    text: palette.red[700]
+  },
+  success: {
+    solid: palette.green[700],
+    solidHover: palette.green[800],
+    contrast: palette.white,
+    subtle: palette.green[50],
+    subtleHover: palette.green[100],
+    text: palette.green[700]
+  }
 };
 var darkColors = {
-  bg: { default: palette.gray[950], subtle: palette.gray[900], muted: palette.gray[800], inverse: palette.gray[50], overlay: "rgba(0, 0, 0, 0.65)" },
+  bg: {
+    default: palette.gray[950],
+    subtle: palette.gray[900],
+    muted: palette.gray[800],
+    inverse: palette.gray[50],
+    overlay: "rgba(0, 0, 0, 0.65)"
+  },
   fg: { default: palette.gray[50], muted: palette.gray[300], subtle: palette.gray[500], inverse: palette.gray[900] },
   border: { default: palette.gray[700], strong: palette.gray[500], focus: palette.blue[400] },
-  primary: { solid: palette.blue[600], solidHover: palette.blue[500], contrast: palette.white, subtle: "rgba(59, 111, 246, 0.16)", subtleHover: "rgba(59, 111, 246, 0.26)", text: palette.blue[300] },
-  neutral: { solid: palette.gray[200], solidHover: palette.gray[100], contrast: palette.gray[900], subtle: "rgba(255, 255, 255, 0.08)", subtleHover: "rgba(255, 255, 255, 0.14)", text: palette.gray[100] },
-  danger: { solid: palette.red[600], solidHover: palette.red[500], contrast: palette.white, subtle: "rgba(239, 68, 68, 0.16)", subtleHover: "rgba(239, 68, 68, 0.26)", text: palette.red[300] },
-  success: { solid: palette.green[700], solidHover: palette.green[600], contrast: palette.white, subtle: "rgba(34, 197, 94, 0.16)", subtleHover: "rgba(34, 197, 94, 0.26)", text: palette.green[300] }
+  primary: {
+    solid: palette.blue[600],
+    solidHover: palette.blue[500],
+    contrast: palette.white,
+    subtle: "rgba(59, 111, 246, 0.16)",
+    subtleHover: "rgba(59, 111, 246, 0.26)",
+    text: palette.blue[300]
+  },
+  neutral: {
+    solid: palette.gray[200],
+    solidHover: palette.gray[100],
+    contrast: palette.gray[900],
+    subtle: "rgba(255, 255, 255, 0.08)",
+    subtleHover: "rgba(255, 255, 255, 0.14)",
+    text: palette.gray[100]
+  },
+  danger: {
+    solid: palette.red[600],
+    solidHover: palette.red[500],
+    contrast: palette.white,
+    subtle: "rgba(239, 68, 68, 0.16)",
+    subtleHover: "rgba(239, 68, 68, 0.26)",
+    text: palette.red[300]
+  },
+  success: {
+    solid: palette.green[700],
+    solidHover: palette.green[600],
+    contrast: palette.white,
+    subtle: "rgba(34, 197, 94, 0.16)",
+    subtleHover: "rgba(34, 197, 94, 0.26)",
+    text: palette.green[300]
+  }
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * BestOW UI 디자인 토큰.\n * 플랫폼에 독립적인 원시 값만 정의한다. 컴포넌트는 @bestow-ui/react 의 테마(vars)를 통해 참조한다.\n */\n\nexport const palette = {\n  white: '#ffffff',\n  black: '#000000',\n  gray: {\n    50: '#f8f9fa',\n    100: '#f1f3f5',\n    200: '#e9ecef',\n    300: '#dee2e6',\n    400: '#ced4da',\n    500: '#adb5bd',\n    600: '#868e96',\n    700: '#495057',\n    800: '#343a40',\n    900: '#212529',\n    950: '#16181b',\n  },\n  blue: {\n    50: '#eef4ff',\n    100: '#dbe6fe',\n    200: '#bfd3fe',\n    300: '#93b4fd',\n    400: '#6090fa',\n    500: '#3b6ff6',\n    600: '#2554eb',\n    700: '#1d42d8',\n    800: '#1e37af',\n    900: '#1e338a',\n  },\n  red: {\n    50: '#fef2f2',\n    100: '#fee2e2',\n    200: '#fecaca',\n    300: '#fca5a5',\n    400: '#f87171',\n    500: '#ef4444',\n    600: '#dc2626',\n    700: '#b91c1c',\n    800: '#991b1b',\n    900: '#7f1d1d',\n  },\n  green: {\n    50: '#f0fdf4',\n    100: '#dcfce7',\n    200: '#bbf7d0',\n    300: '#86efac',\n    400: '#4ade80',\n    500: '#22c55e',\n    600: '#16a34a',\n    700: '#15803d',\n    800: '#166534',\n    900: '#14532d',\n  },\n} as const;\n\nexport const space = {\n  0: '0',\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '20px',\n  6: '24px',\n  8: '32px',\n  10: '40px',\n  12: '48px',\n  16: '64px',\n} as const;\n\nexport const radius = {\n  none: '0',\n  sm: '4px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  full: '9999px',\n} as const;\n\nexport const fontFamily = {\n  sans: '\"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, \"Apple SD Gothic Neo\", \"Noto Sans KR\", sans-serif',\n  mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\n} as const;\n\nexport const fontSize = {\n  xs: '12px',\n  sm: '14px',\n  md: '16px',\n  lg: '18px',\n  xl: '20px',\n  '2xl': '24px',\n  '3xl': '30px',\n  '4xl': '36px',\n} as const;\n\nexport const fontWeight = {\n  regular: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport const lineHeight = {\n  tight: '1.25',\n  normal: '1.5',\n  relaxed: '1.75',\n} as const;\n\nexport const shadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.06)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.08)',\n  lg: '0 12px 32px rgba(0, 0, 0, 0.12)',\n} as const;\n\nexport const duration = {\n  fast: '120ms',\n  normal: '200ms',\n  slow: '320ms',\n} as const;\n\nexport const zIndex = {\n  dropdown: '1000',\n  overlay: '1300',\n  modal: '1310',\n  toast: '1400',\n  tooltip: '1500',\n} as const;\n\n/** 의미 기반(semantic) 색상. 라이트/다크 테마가 같은 키를 가져야 한다. */\n/** solid 배경 위 글자색은 각 그룹의 contrast 를 사용한다. */\nexport interface SemanticColors {\n  bg: { default: string; subtle: string; muted: string; inverse: string; overlay: string };\n  fg: { default: string; muted: string; subtle: string; inverse: string };\n  border: { default: string; strong: string; focus: string };\n  primary: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  neutral: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  danger: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  success: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n}\n\nexport const lightColors: SemanticColors = {\n  bg: { default: palette.white, subtle: palette.gray[50], muted: palette.gray[100], inverse: palette.gray[900], overlay: 'rgba(0, 0, 0, 0.45)' },\n  fg: { default: palette.gray[900], muted: palette.gray[700], subtle: palette.gray[600], inverse: palette.white },\n  border: { default: palette.gray[300], strong: palette.gray[500], focus: palette.blue[500] },\n  primary: { solid: palette.blue[600], solidHover: palette.blue[700], contrast: palette.white, subtle: palette.blue[50], subtleHover: palette.blue[100], text: palette.blue[700] },\n  neutral: { solid: palette.gray[800], solidHover: palette.gray[900], contrast: palette.white, subtle: palette.gray[100], subtleHover: palette.gray[200], text: palette.gray[800] },\n  danger: { solid: palette.red[600], solidHover: palette.red[700], contrast: palette.white, subtle: palette.red[50], subtleHover: palette.red[100], text: palette.red[700] },\n  success: { solid: palette.green[700], solidHover: palette.green[800], contrast: palette.white, subtle: palette.green[50], subtleHover: palette.green[100], text: palette.green[700] },\n};\n\nexport const darkColors: SemanticColors = {\n  bg: { default: palette.gray[950], subtle: palette.gray[900], muted: palette.gray[800], inverse: palette.gray[50], overlay: 'rgba(0, 0, 0, 0.65)' },\n  fg: { default: palette.gray[50], muted: palette.gray[300], subtle: palette.gray[500], inverse: palette.gray[900] },\n  border: { default: palette.gray[700], strong: palette.gray[500], focus: palette.blue[400] },\n  primary: { solid: palette.blue[600], solidHover: palette.blue[500], contrast: palette.white, subtle: 'rgba(59, 111, 246, 0.16)', subtleHover: 'rgba(59, 111, 246, 0.26)', text: palette.blue[300] },\n  neutral: { solid: palette.gray[200], solidHover: palette.gray[100], contrast: palette.gray[900], subtle: 'rgba(255, 255, 255, 0.08)', subtleHover: 'rgba(255, 255, 255, 0.14)', text: palette.gray[100] },\n  danger: { solid: palette.red[600], solidHover: palette.red[500], contrast: palette.white, subtle: 'rgba(239, 68, 68, 0.16)', subtleHover: 'rgba(239, 68, 68, 0.26)', text: palette.red[300] },\n  success: { solid: palette.green[700], solidHover: palette.green[600], contrast: palette.white, subtle: 'rgba(34, 197, 94, 0.16)', subtleHover: 'rgba(34, 197, 94, 0.26)', text: palette.green[300] },\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * BestOW UI 디자인 토큰.\n * 플랫폼에 독립적인 원시 값만 정의한다. 컴포넌트는 @bestow-ui/react 의 테마(vars)를 통해 참조한다.\n */\n\nexport const palette = {\n  white: '#ffffff',\n  black: '#000000',\n  gray: {\n    50: '#f8f9fa',\n    100: '#f1f3f5',\n    200: '#e9ecef',\n    300: '#dee2e6',\n    400: '#ced4da',\n    500: '#adb5bd',\n    600: '#666e76', // 흰색·gray50·gray100 배경에서 4.5:1 이상 (fg.subtle 로 쓰인다)\n    700: '#495057',\n    800: '#343a40',\n    900: '#212529',\n    950: '#16181b',\n  },\n  blue: {\n    50: '#eef4ff',\n    100: '#dbe6fe',\n    200: '#bfd3fe',\n    300: '#93b4fd',\n    400: '#6090fa',\n    500: '#3b6ff6',\n    600: '#2554eb',\n    700: '#1d42d8',\n    800: '#1e37af',\n    900: '#1e338a',\n  },\n  red: {\n    50: '#fef2f2',\n    100: '#fee2e2',\n    200: '#fecaca',\n    300: '#fca5a5',\n    400: '#f87171',\n    500: '#ef4444',\n    600: '#dc2626',\n    700: '#b91c1c',\n    800: '#991b1b',\n    900: '#7f1d1d',\n  },\n  green: {\n    50: '#f0fdf4',\n    100: '#dcfce7',\n    200: '#bbf7d0',\n    300: '#86efac',\n    400: '#4ade80',\n    500: '#22c55e',\n    600: '#16a34a',\n    700: '#15803d',\n    800: '#166534',\n    900: '#14532d',\n  },\n} as const;\n\nexport const space = {\n  0: '0',\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '20px',\n  6: '24px',\n  8: '32px',\n  10: '40px',\n  12: '48px',\n  16: '64px',\n} as const;\n\nexport const radius = {\n  none: '0',\n  sm: '4px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  full: '9999px',\n} as const;\n\nexport const fontFamily = {\n  sans: '\"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, \"Apple SD Gothic Neo\", \"Noto Sans KR\", sans-serif',\n  mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\n} as const;\n\nexport const fontSize = {\n  xs: '12px',\n  sm: '14px',\n  md: '16px',\n  lg: '18px',\n  xl: '20px',\n  '2xl': '24px',\n  '3xl': '30px',\n  '4xl': '36px',\n} as const;\n\nexport const fontWeight = {\n  regular: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport const lineHeight = {\n  tight: '1.25',\n  normal: '1.5',\n  relaxed: '1.75',\n} as const;\n\nexport const shadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.06)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.08)',\n  lg: '0 12px 32px rgba(0, 0, 0, 0.12)',\n} as const;\n\nexport const duration = {\n  fast: '120ms',\n  normal: '200ms',\n  slow: '320ms',\n} as const;\n\nexport const zIndex = {\n  dropdown: '1000',\n  overlay: '1300',\n  modal: '1310',\n  toast: '1400',\n  tooltip: '1500',\n} as const;\n\n/** 의미 기반(semantic) 색상. 라이트/다크 테마가 같은 키를 가져야 한다. */\n/** solid 배경 위 글자색은 각 그룹의 contrast 를 사용한다. */\nexport interface SemanticColors {\n  bg: { default: string; subtle: string; muted: string; inverse: string; overlay: string };\n  fg: { default: string; muted: string; subtle: string; inverse: string };\n  border: { default: string; strong: string; focus: string };\n  primary: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  neutral: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  danger: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  success: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n}\n\nexport const lightColors: SemanticColors = {\n  bg: {\n    default: palette.white,\n    subtle: palette.gray[50],\n    muted: palette.gray[100],\n    inverse: palette.gray[900],\n    overlay: 'rgba(0, 0, 0, 0.45)',\n  },\n  fg: { default: palette.gray[900], muted: palette.gray[700], subtle: palette.gray[600], inverse: palette.white },\n  border: { default: palette.gray[300], strong: palette.gray[500], focus: palette.blue[500] },\n  primary: {\n    solid: palette.blue[600],\n    solidHover: palette.blue[700],\n    contrast: palette.white,\n    subtle: palette.blue[50],\n    subtleHover: palette.blue[100],\n    text: palette.blue[700],\n  },\n  neutral: {\n    solid: palette.gray[800],\n    solidHover: palette.gray[900],\n    contrast: palette.white,\n    subtle: palette.gray[100],\n    subtleHover: palette.gray[200],\n    text: palette.gray[800],\n  },\n  danger: {\n    solid: palette.red[600],\n    solidHover: palette.red[700],\n    contrast: palette.white,\n    subtle: palette.red[50],\n    subtleHover: palette.red[100],\n    text: palette.red[700],\n  },\n  success: {\n    solid: palette.green[700],\n    solidHover: palette.green[800],\n    contrast: palette.white,\n    subtle: palette.green[50],\n    subtleHover: palette.green[100],\n    text: palette.green[700],\n  },\n};\n\nexport const darkColors: SemanticColors = {\n  bg: {\n    default: palette.gray[950],\n    subtle: palette.gray[900],\n    muted: palette.gray[800],\n    inverse: palette.gray[50],\n    overlay: 'rgba(0, 0, 0, 0.65)',\n  },\n  fg: { default: palette.gray[50], muted: palette.gray[300], subtle: palette.gray[500], inverse: palette.gray[900] },\n  border: { default: palette.gray[700], strong: palette.gray[500], focus: palette.blue[400] },\n  primary: {\n    solid: palette.blue[600],\n    solidHover: palette.blue[500],\n    contrast: palette.white,\n    subtle: 'rgba(59, 111, 246, 0.16)',\n    subtleHover: 'rgba(59, 111, 246, 0.26)',\n    text: palette.blue[300],\n  },\n  neutral: {\n    solid: palette.gray[200],\n    solidHover: palette.gray[100],\n    contrast: palette.gray[900],\n    subtle: 'rgba(255, 255, 255, 0.08)',\n    subtleHover: 'rgba(255, 255, 255, 0.14)',\n    text: palette.gray[100],\n  },\n  danger: {\n    solid: palette.red[600],\n    solidHover: palette.red[500],\n    contrast: palette.white,\n    subtle: 'rgba(239, 68, 68, 0.16)',\n    subtleHover: 'rgba(239, 68, 68, 0.26)',\n    text: palette.red[300],\n  },\n  success: {\n    solid: palette.green[700],\n    solidHover: palette.green[600],\n    contrast: palette.white,\n    subtle: 'rgba(34, 197, 94, 0.16)',\n    subtleHover: 'rgba(34, 197, 94, 0.26)',\n    text: palette.green[300],\n  },\n};\n"],"mappings":"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","names":[]}

package/dist/index.d.cts

@@ -12,7 +12,7 @@ declare const palette: {
         readonly 300: "#dee2e6";
         readonly 400: "#ced4da";
         readonly 500: "#adb5bd";
-        readonly 600: "#868e96";
+        readonly 600: "#666e76";
         readonly 700: "#495057";
         readonly 800: "#343a40";
         readonly 900: "#212529";

package/dist/index.d.ts

@@ -12,7 +12,7 @@ declare const palette: {
         readonly 300: "#dee2e6";
         readonly 400: "#ced4da";
         readonly 500: "#adb5bd";
-        readonly 600: "#868e96";
+        readonly 600: "#666e76";
         readonly 700: "#495057";
         readonly 800: "#343a40";
         readonly 900: "#212529";

package/dist/index.js

@@ -9,7 +9,8 @@ var palette = {
     300: "#dee2e6",
     400: "#ced4da",
     500: "#adb5bd",
-    600: "#868e96",
+    600: "#666e76",
+    // 흰색·gray50·gray100 배경에서 4.5:1 이상 (fg.subtle 로 쓰인다)
     700: "#495057",
     800: "#343a40",
     900: "#212529",
@@ -116,22 +117,90 @@ var zIndex = {
   tooltip: "1500"
 };
 var lightColors = {
-  bg: { default: palette.white, subtle: palette.gray[50], muted: palette.gray[100], inverse: palette.gray[900], overlay: "rgba(0, 0, 0, 0.45)" },
+  bg: {
+    default: palette.white,
+    subtle: palette.gray[50],
+    muted: palette.gray[100],
+    inverse: palette.gray[900],
+    overlay: "rgba(0, 0, 0, 0.45)"
+  },
   fg: { default: palette.gray[900], muted: palette.gray[700], subtle: palette.gray[600], inverse: palette.white },
   border: { default: palette.gray[300], strong: palette.gray[500], focus: palette.blue[500] },
-  primary: { solid: palette.blue[600], solidHover: palette.blue[700], contrast: palette.white, subtle: palette.blue[50], subtleHover: palette.blue[100], text: palette.blue[700] },
-  neutral: { solid: palette.gray[800], solidHover: palette.gray[900], contrast: palette.white, subtle: palette.gray[100], subtleHover: palette.gray[200], text: palette.gray[800] },
-  danger: { solid: palette.red[600], solidHover: palette.red[700], contrast: palette.white, subtle: palette.red[50], subtleHover: palette.red[100], text: palette.red[700] },
-  success: { solid: palette.green[700], solidHover: palette.green[800], contrast: palette.white, subtle: palette.green[50], subtleHover: palette.green[100], text: palette.green[700] }
+  primary: {
+    solid: palette.blue[600],
+    solidHover: palette.blue[700],
+    contrast: palette.white,
+    subtle: palette.blue[50],
+    subtleHover: palette.blue[100],
+    text: palette.blue[700]
+  },
+  neutral: {
+    solid: palette.gray[800],
+    solidHover: palette.gray[900],
+    contrast: palette.white,
+    subtle: palette.gray[100],
+    subtleHover: palette.gray[200],
+    text: palette.gray[800]
+  },
+  danger: {
+    solid: palette.red[600],
+    solidHover: palette.red[700],
+    contrast: palette.white,
+    subtle: palette.red[50],
+    subtleHover: palette.red[100],
+    text: palette.red[700]
+  },
+  success: {
+    solid: palette.green[700],
+    solidHover: palette.green[800],
+    contrast: palette.white,
+    subtle: palette.green[50],
+    subtleHover: palette.green[100],
+    text: palette.green[700]
+  }
 };
 var darkColors = {
-  bg: { default: palette.gray[950], subtle: palette.gray[900], muted: palette.gray[800], inverse: palette.gray[50], overlay: "rgba(0, 0, 0, 0.65)" },
+  bg: {
+    default: palette.gray[950],
+    subtle: palette.gray[900],
+    muted: palette.gray[800],
+    inverse: palette.gray[50],
+    overlay: "rgba(0, 0, 0, 0.65)"
+  },
   fg: { default: palette.gray[50], muted: palette.gray[300], subtle: palette.gray[500], inverse: palette.gray[900] },
   border: { default: palette.gray[700], strong: palette.gray[500], focus: palette.blue[400] },
-  primary: { solid: palette.blue[600], solidHover: palette.blue[500], contrast: palette.white, subtle: "rgba(59, 111, 246, 0.16)", subtleHover: "rgba(59, 111, 246, 0.26)", text: palette.blue[300] },
-  neutral: { solid: palette.gray[200], solidHover: palette.gray[100], contrast: palette.gray[900], subtle: "rgba(255, 255, 255, 0.08)", subtleHover: "rgba(255, 255, 255, 0.14)", text: palette.gray[100] },
-  danger: { solid: palette.red[600], solidHover: palette.red[500], contrast: palette.white, subtle: "rgba(239, 68, 68, 0.16)", subtleHover: "rgba(239, 68, 68, 0.26)", text: palette.red[300] },
-  success: { solid: palette.green[700], solidHover: palette.green[600], contrast: palette.white, subtle: "rgba(34, 197, 94, 0.16)", subtleHover: "rgba(34, 197, 94, 0.26)", text: palette.green[300] }
+  primary: {
+    solid: palette.blue[600],
+    solidHover: palette.blue[500],
+    contrast: palette.white,
+    subtle: "rgba(59, 111, 246, 0.16)",
+    subtleHover: "rgba(59, 111, 246, 0.26)",
+    text: palette.blue[300]
+  },
+  neutral: {
+    solid: palette.gray[200],
+    solidHover: palette.gray[100],
+    contrast: palette.gray[900],
+    subtle: "rgba(255, 255, 255, 0.08)",
+    subtleHover: "rgba(255, 255, 255, 0.14)",
+    text: palette.gray[100]
+  },
+  danger: {
+    solid: palette.red[600],
+    solidHover: palette.red[500],
+    contrast: palette.white,
+    subtle: "rgba(239, 68, 68, 0.16)",
+    subtleHover: "rgba(239, 68, 68, 0.26)",
+    text: palette.red[300]
+  },
+  success: {
+    solid: palette.green[700],
+    solidHover: palette.green[600],
+    contrast: palette.white,
+    subtle: "rgba(34, 197, 94, 0.16)",
+    subtleHover: "rgba(34, 197, 94, 0.26)",
+    text: palette.green[300]
+  }
 };
 export {
   darkColors,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * BestOW UI 디자인 토큰.\n * 플랫폼에 독립적인 원시 값만 정의한다. 컴포넌트는 @bestow-ui/react 의 테마(vars)를 통해 참조한다.\n */\n\nexport const palette = {\n  white: '#ffffff',\n  black: '#000000',\n  gray: {\n    50: '#f8f9fa',\n    100: '#f1f3f5',\n    200: '#e9ecef',\n    300: '#dee2e6',\n    400: '#ced4da',\n    500: '#adb5bd',\n    600: '#868e96',\n    700: '#495057',\n    800: '#343a40',\n    900: '#212529',\n    950: '#16181b',\n  },\n  blue: {\n    50: '#eef4ff',\n    100: '#dbe6fe',\n    200: '#bfd3fe',\n    300: '#93b4fd',\n    400: '#6090fa',\n    500: '#3b6ff6',\n    600: '#2554eb',\n    700: '#1d42d8',\n    800: '#1e37af',\n    900: '#1e338a',\n  },\n  red: {\n    50: '#fef2f2',\n    100: '#fee2e2',\n    200: '#fecaca',\n    300: '#fca5a5',\n    400: '#f87171',\n    500: '#ef4444',\n    600: '#dc2626',\n    700: '#b91c1c',\n    800: '#991b1b',\n    900: '#7f1d1d',\n  },\n  green: {\n    50: '#f0fdf4',\n    100: '#dcfce7',\n    200: '#bbf7d0',\n    300: '#86efac',\n    400: '#4ade80',\n    500: '#22c55e',\n    600: '#16a34a',\n    700: '#15803d',\n    800: '#166534',\n    900: '#14532d',\n  },\n} as const;\n\nexport const space = {\n  0: '0',\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '20px',\n  6: '24px',\n  8: '32px',\n  10: '40px',\n  12: '48px',\n  16: '64px',\n} as const;\n\nexport const radius = {\n  none: '0',\n  sm: '4px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  full: '9999px',\n} as const;\n\nexport const fontFamily = {\n  sans: '\"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, \"Apple SD Gothic Neo\", \"Noto Sans KR\", sans-serif',\n  mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\n} as const;\n\nexport const fontSize = {\n  xs: '12px',\n  sm: '14px',\n  md: '16px',\n  lg: '18px',\n  xl: '20px',\n  '2xl': '24px',\n  '3xl': '30px',\n  '4xl': '36px',\n} as const;\n\nexport const fontWeight = {\n  regular: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport const lineHeight = {\n  tight: '1.25',\n  normal: '1.5',\n  relaxed: '1.75',\n} as const;\n\nexport const shadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.06)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.08)',\n  lg: '0 12px 32px rgba(0, 0, 0, 0.12)',\n} as const;\n\nexport const duration = {\n  fast: '120ms',\n  normal: '200ms',\n  slow: '320ms',\n} as const;\n\nexport const zIndex = {\n  dropdown: '1000',\n  overlay: '1300',\n  modal: '1310',\n  toast: '1400',\n  tooltip: '1500',\n} as const;\n\n/** 의미 기반(semantic) 색상. 라이트/다크 테마가 같은 키를 가져야 한다. */\n/** solid 배경 위 글자색은 각 그룹의 contrast 를 사용한다. */\nexport interface SemanticColors {\n  bg: { default: string; subtle: string; muted: string; inverse: string; overlay: string };\n  fg: { default: string; muted: string; subtle: string; inverse: string };\n  border: { default: string; strong: string; focus: string };\n  primary: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  neutral: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  danger: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  success: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n}\n\nexport const lightColors: SemanticColors = {\n  bg: { default: palette.white, subtle: palette.gray[50], muted: palette.gray[100], inverse: palette.gray[900], overlay: 'rgba(0, 0, 0, 0.45)' },\n  fg: { default: palette.gray[900], muted: palette.gray[700], subtle: palette.gray[600], inverse: palette.white },\n  border: { default: palette.gray[300], strong: palette.gray[500], focus: palette.blue[500] },\n  primary: { solid: palette.blue[600], solidHover: palette.blue[700], contrast: palette.white, subtle: palette.blue[50], subtleHover: palette.blue[100], text: palette.blue[700] },\n  neutral: { solid: palette.gray[800], solidHover: palette.gray[900], contrast: palette.white, subtle: palette.gray[100], subtleHover: palette.gray[200], text: palette.gray[800] },\n  danger: { solid: palette.red[600], solidHover: palette.red[700], contrast: palette.white, subtle: palette.red[50], subtleHover: palette.red[100], text: palette.red[700] },\n  success: { solid: palette.green[700], solidHover: palette.green[800], contrast: palette.white, subtle: palette.green[50], subtleHover: palette.green[100], text: palette.green[700] },\n};\n\nexport const darkColors: SemanticColors = {\n  bg: { default: palette.gray[950], subtle: palette.gray[900], muted: palette.gray[800], inverse: palette.gray[50], overlay: 'rgba(0, 0, 0, 0.65)' },\n  fg: { default: palette.gray[50], muted: palette.gray[300], subtle: palette.gray[500], inverse: palette.gray[900] },\n  border: { default: palette.gray[700], strong: palette.gray[500], focus: palette.blue[400] },\n  primary: { solid: palette.blue[600], solidHover: palette.blue[500], contrast: palette.white, subtle: 'rgba(59, 111, 246, 0.16)', subtleHover: 'rgba(59, 111, 246, 0.26)', text: palette.blue[300] },\n  neutral: { solid: palette.gray[200], solidHover: palette.gray[100], contrast: palette.gray[900], subtle: 'rgba(255, 255, 255, 0.08)', subtleHover: 'rgba(255, 255, 255, 0.14)', text: palette.gray[100] },\n  danger: { solid: palette.red[600], solidHover: palette.red[500], contrast: palette.white, subtle: 'rgba(239, 68, 68, 0.16)', subtleHover: 'rgba(239, 68, 68, 0.26)', text: palette.red[300] },\n  success: { solid: palette.green[700], solidHover: palette.green[600], contrast: palette.white, subtle: 'rgba(34, 197, 94, 0.16)', subtleHover: 'rgba(34, 197, 94, 0.26)', text: palette.green[300] },\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["/**\n * BestOW UI 디자인 토큰.\n * 플랫폼에 독립적인 원시 값만 정의한다. 컴포넌트는 @bestow-ui/react 의 테마(vars)를 통해 참조한다.\n */\n\nexport const palette = {\n  white: '#ffffff',\n  black: '#000000',\n  gray: {\n    50: '#f8f9fa',\n    100: '#f1f3f5',\n    200: '#e9ecef',\n    300: '#dee2e6',\n    400: '#ced4da',\n    500: '#adb5bd',\n    600: '#666e76', // 흰색·gray50·gray100 배경에서 4.5:1 이상 (fg.subtle 로 쓰인다)\n    700: '#495057',\n    800: '#343a40',\n    900: '#212529',\n    950: '#16181b',\n  },\n  blue: {\n    50: '#eef4ff',\n    100: '#dbe6fe',\n    200: '#bfd3fe',\n    300: '#93b4fd',\n    400: '#6090fa',\n    500: '#3b6ff6',\n    600: '#2554eb',\n    700: '#1d42d8',\n    800: '#1e37af',\n    900: '#1e338a',\n  },\n  red: {\n    50: '#fef2f2',\n    100: '#fee2e2',\n    200: '#fecaca',\n    300: '#fca5a5',\n    400: '#f87171',\n    500: '#ef4444',\n    600: '#dc2626',\n    700: '#b91c1c',\n    800: '#991b1b',\n    900: '#7f1d1d',\n  },\n  green: {\n    50: '#f0fdf4',\n    100: '#dcfce7',\n    200: '#bbf7d0',\n    300: '#86efac',\n    400: '#4ade80',\n    500: '#22c55e',\n    600: '#16a34a',\n    700: '#15803d',\n    800: '#166534',\n    900: '#14532d',\n  },\n} as const;\n\nexport const space = {\n  0: '0',\n  1: '4px',\n  2: '8px',\n  3: '12px',\n  4: '16px',\n  5: '20px',\n  6: '24px',\n  8: '32px',\n  10: '40px',\n  12: '48px',\n  16: '64px',\n} as const;\n\nexport const radius = {\n  none: '0',\n  sm: '4px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  full: '9999px',\n} as const;\n\nexport const fontFamily = {\n  sans: '\"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, \"Apple SD Gothic Neo\", \"Noto Sans KR\", sans-serif',\n  mono: '\"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace',\n} as const;\n\nexport const fontSize = {\n  xs: '12px',\n  sm: '14px',\n  md: '16px',\n  lg: '18px',\n  xl: '20px',\n  '2xl': '24px',\n  '3xl': '30px',\n  '4xl': '36px',\n} as const;\n\nexport const fontWeight = {\n  regular: '400',\n  medium: '500',\n  semibold: '600',\n  bold: '700',\n} as const;\n\nexport const lineHeight = {\n  tight: '1.25',\n  normal: '1.5',\n  relaxed: '1.75',\n} as const;\n\nexport const shadow = {\n  sm: '0 1px 2px rgba(0, 0, 0, 0.06)',\n  md: '0 4px 12px rgba(0, 0, 0, 0.08)',\n  lg: '0 12px 32px rgba(0, 0, 0, 0.12)',\n} as const;\n\nexport const duration = {\n  fast: '120ms',\n  normal: '200ms',\n  slow: '320ms',\n} as const;\n\nexport const zIndex = {\n  dropdown: '1000',\n  overlay: '1300',\n  modal: '1310',\n  toast: '1400',\n  tooltip: '1500',\n} as const;\n\n/** 의미 기반(semantic) 색상. 라이트/다크 테마가 같은 키를 가져야 한다. */\n/** solid 배경 위 글자색은 각 그룹의 contrast 를 사용한다. */\nexport interface SemanticColors {\n  bg: { default: string; subtle: string; muted: string; inverse: string; overlay: string };\n  fg: { default: string; muted: string; subtle: string; inverse: string };\n  border: { default: string; strong: string; focus: string };\n  primary: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  neutral: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  danger: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n  success: { solid: string; solidHover: string; contrast: string; subtle: string; subtleHover: string; text: string };\n}\n\nexport const lightColors: SemanticColors = {\n  bg: {\n    default: palette.white,\n    subtle: palette.gray[50],\n    muted: palette.gray[100],\n    inverse: palette.gray[900],\n    overlay: 'rgba(0, 0, 0, 0.45)',\n  },\n  fg: { default: palette.gray[900], muted: palette.gray[700], subtle: palette.gray[600], inverse: palette.white },\n  border: { default: palette.gray[300], strong: palette.gray[500], focus: palette.blue[500] },\n  primary: {\n    solid: palette.blue[600],\n    solidHover: palette.blue[700],\n    contrast: palette.white,\n    subtle: palette.blue[50],\n    subtleHover: palette.blue[100],\n    text: palette.blue[700],\n  },\n  neutral: {\n    solid: palette.gray[800],\n    solidHover: palette.gray[900],\n    contrast: palette.white,\n    subtle: palette.gray[100],\n    subtleHover: palette.gray[200],\n    text: palette.gray[800],\n  },\n  danger: {\n    solid: palette.red[600],\n    solidHover: palette.red[700],\n    contrast: palette.white,\n    subtle: palette.red[50],\n    subtleHover: palette.red[100],\n    text: palette.red[700],\n  },\n  success: {\n    solid: palette.green[700],\n    solidHover: palette.green[800],\n    contrast: palette.white,\n    subtle: palette.green[50],\n    subtleHover: palette.green[100],\n    text: palette.green[700],\n  },\n};\n\nexport const darkColors: SemanticColors = {\n  bg: {\n    default: palette.gray[950],\n    subtle: palette.gray[900],\n    muted: palette.gray[800],\n    inverse: palette.gray[50],\n    overlay: 'rgba(0, 0, 0, 0.65)',\n  },\n  fg: { default: palette.gray[50], muted: palette.gray[300], subtle: palette.gray[500], inverse: palette.gray[900] },\n  border: { default: palette.gray[700], strong: palette.gray[500], focus: palette.blue[400] },\n  primary: {\n    solid: palette.blue[600],\n    solidHover: palette.blue[500],\n    contrast: palette.white,\n    subtle: 'rgba(59, 111, 246, 0.16)',\n    subtleHover: 'rgba(59, 111, 246, 0.26)',\n    text: palette.blue[300],\n  },\n  neutral: {\n    solid: palette.gray[200],\n    solidHover: palette.gray[100],\n    contrast: palette.gray[900],\n    subtle: 'rgba(255, 255, 255, 0.08)',\n    subtleHover: 'rgba(255, 255, 255, 0.14)',\n    text: palette.gray[100],\n  },\n  danger: {\n    solid: palette.red[600],\n    solidHover: palette.red[500],\n    contrast: palette.white,\n    subtle: 'rgba(239, 68, 68, 0.16)',\n    subtleHover: 'rgba(239, 68, 68, 0.26)',\n    text: palette.red[300],\n  },\n  success: {\n    solid: palette.green[700],\n    solidHover: palette.green[600],\n    contrast: palette.white,\n    subtle: 'rgba(34, 197, 94, 0.16)',\n    subtleHover: 'rgba(34, 197, 94, 0.26)',\n    text: palette.green[300],\n  },\n};\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,14 +1,26 @@
 {
   "name": "@bestow-ui/tokens",
-  "version": "0.2.0",
-  "description": "BestOW UI design tokens",
+  "version": "0.8.3",
+  "description": "Design tokens for BestOW UI — colors, spacing, radius, typography, shadow, motion",
+  "keywords": [
+    "bestow-ui",
+    "design-system",
+    "design-tokens",
+    "tokens",
+    "colors",
+    "theme"
+  ],
   "license": "MIT",
+  "author": "Dev-BestOW",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Dev-BestOW/BestOW-UI.git",
     "directory": "packages/tokens"
   },
   "homepage": "https://dev-bestow.github.io/BestOW-UI/",
+  "bugs": {
+    "url": "https://github.com/Dev-BestOW/BestOW-UI/issues"
+  },
   "publishConfig": {
     "access": "public"
   },