@nexus-cross/tokens 1.0.0-beta.2 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/TOKENS.md +9 -9
  2. package/dist/company-vars.css +10 -10
  3. package/dist/company.css +10 -10
  4. package/dist/index.d.mts +8 -0
  5. package/dist/index.d.ts +8 -0
  6. package/dist/index.js +4 -3
  7. package/dist/index.mjs +4 -3
  8. package/package.json +1 -1
  9. package/src/data/color.json +2 -2
  10. package/src/data/space.json +2 -1
package/dist/TOKENS.md CHANGED
@@ -39,7 +39,7 @@ const { semantic } = getTheme("dark");
39
39
  |---|---|---|---|---|
40
40
  | `bg-bg-default` | `--color-bg-default` | 기본 배경 | `#FFFFFF` | `#1E232E` |
41
41
  | `bg-bg-subtle` | `--color-bg-subtle` | 미묘한 배경 | `#F3F6F8` | `#161A21` |
42
- | `bg-bg-strong` | `--color-bg-strong` | 강조 배경 | `#ECF0F2` | `#000000` |
42
+ | `bg-bg-strong` | `--color-bg-strong` | 강조 배경 | `#EAEDEE` | `#000000` |
43
43
 
44
44
  ### Surface
45
45
 
@@ -48,11 +48,11 @@ const { semantic } = getTheme("dark");
48
48
  | `bg-surface-default` | `--color-surface-default` | 기본 표면 | `#FFFFFF` | `#1E232E` |
49
49
  | `bg-surface-default-dim` | `--color-surface-default-dim` | 기본 표면 - 딤 | `#F3F6F8` | `#161A21` |
50
50
  | `bg-surface-default-hover` | `--color-surface-default-hover` | 기본 표면 - 호버 | `#F3F6F8` | `#252B39` |
51
- | `bg-surface-default-pressed` | `--color-surface-default-pressed` | 기본 표면 - 프레스 | `#ECF0F2` | `#363B4C` |
52
- | `bg-surface-default-disabled` | `--color-surface-default-disabled` | 기본 표면 - 비활성 | `#ECF0F2` | `#363B4C` |
51
+ | `bg-surface-default-pressed` | `--color-surface-default-pressed` | 기본 표면 - 프레스 | `#EAEDEE` | `#363B4C` |
52
+ | `bg-surface-default-disabled` | `--color-surface-default-disabled` | 기본 표면 - 비활성 | `#EAEDEE` | `#363B4C` |
53
53
  | `bg-surface-subtle` | `--color-surface-subtle` | 미묘한 표면 | `#F3F6F8` | `#252B39` |
54
- | `bg-surface-subtle-hover` | `--color-surface-subtle-hover` | 미묘한 표면 - 호버 | `#ECF0F2` | `#363B4C` |
55
- | `bg-surface-strong` | `--color-surface-strong` | 강조 표면 | `#ECF0F2` | `#363B4C` |
54
+ | `bg-surface-subtle-hover` | `--color-surface-subtle-hover` | 미묘한 표면 - 호버 | `#EAEDEE` | `#363B4C` |
55
+ | `bg-surface-strong` | `--color-surface-strong` | 강조 표면 | `#EAEDEE` | `#363B4C` |
56
56
  | `bg-surface-inverted` | `--color-surface-inverted` | 반전 표면 | `#161A21` | `#F3F6F8` |
57
57
 
58
58
  ### Text
@@ -60,7 +60,7 @@ const { semantic } = getTheme("dark");
60
60
  | Tailwind Class | CSS Variable | 용도 | Light | Dark |
61
61
  |---|---|---|---|---|
62
62
  | `text-text-highlight` | `--color-text-highlight` | 강조 텍스트 | `#000000` | `#FFFFFF` |
63
- | `text-text-primary` | `--color-text-primary` | 주요 텍스트 | `#1E232E` | `#ECF0F2` |
63
+ | `text-text-primary` | `--color-text-primary` | 주요 텍스트 | `#1E232E` | `#EAEDEE` |
64
64
  | `text-text-primary-hover` | `--color-text-primary-hover` | 주요 텍스트 - 호버 | `#000000` | `#FFFFFF` |
65
65
  | `text-text-primary-pressed` | `--color-text-primary-pressed` | 주요 텍스트 - 프레스 | `#000000` | `#FFFFFF` |
66
66
  | `text-text-secondary` | `--color-text-secondary` | 보조 텍스트 | `#7E8597` | `#A2AABA` |
@@ -77,7 +77,7 @@ const { semantic } = getTheme("dark");
77
77
  | Tailwind Class | CSS Variable | 용도 | Light | Dark |
78
78
  |---|---|---|---|---|
79
79
  | `text-icon-highlight` | `--color-icon-highlight` | 강조 아이콘 | `#000000` | `#FFFFFF` |
80
- | `text-icon-primary` | `--color-icon-primary` | 주요 아이콘 | `#1E232E` | `#ECF0F2` |
80
+ | `text-icon-primary` | `--color-icon-primary` | 주요 아이콘 | `#1E232E` | `#EAEDEE` |
81
81
  | `text-icon-primary-hover` | `--color-icon-primary-hover` | 주요 아이콘 - 호버 | `#000000` | `#FFFFFF` |
82
82
  | `text-icon-primary-pressed` | `--color-icon-primary-pressed` | 주요 아이콘 - 프레스 | `#000000` | `#FFFFFF` |
83
83
  | `text-icon-secondary` | `--color-icon-secondary` | 보조 아이콘 | `#7E8597` | `#A2AABA` |
@@ -93,7 +93,7 @@ const { semantic } = getTheme("dark");
93
93
 
94
94
  | Tailwind Class | CSS Variable | 용도 | Light | Dark |
95
95
  |---|---|---|---|---|
96
- | `border-border-default` | `--color-border-default` | 기본 테두리 | `#ECF0F2` | `#3B4153` |
96
+ | `border-border-default` | `--color-border-default` | 기본 테두리 | `#EAEDEE` | `#3B4153` |
97
97
  | `border-border-default-hover` | `--color-border-default-hover` | 기본 테두리 - 호버 | `#A2AABA` | `#62697A` |
98
98
  | `border-border-default-focus` | `--color-border-default-focus` | 기본 테두리 - 포커스 | `#62697A` | `#A2AABA` |
99
99
  | `border-border-subtle` | `--color-border-subtle` | 약한 테두리 | `#F3F6F8` | `#252B39` |
@@ -114,7 +114,7 @@ const { semantic } = getTheme("dark");
114
114
  | `bg-accent-on-primary` | `--color-accent-on-primary` | 액센트 배경 위 전경색 | `#FFFFFF` | `#000000` |
115
115
  | `bg-accent-secondary` | `--color-accent-secondary` | | `#7346F3` | `#7D4FFF` |
116
116
  | `bg-accent-secondary-intense` | `--color-accent-secondary-intense` | | `#7346F3` | `#9975FF` |
117
- | `bg-accent-secondary-dim` | `--color-accent-secondary-dim` | | `#E9DBFB` | `#7346F3` |
117
+ | `bg-accent-secondary-dim` | `--color-accent-secondary-dim` | | `#E0CDF8` | `#7346F3` |
118
118
  | `bg-accent-secondary-hover` | `--color-accent-secondary-hover` | | `#7D4FFF` | `#9975FF` |
119
119
  | `bg-accent-secondary-pressed` | `--color-accent-secondary-pressed` | | `#9975FF` | `#7346F3` |
120
120
  | `bg-accent-secondary-disabled` | `--color-accent-secondary-disabled` | | `#F4EBFF` | `#3A1D7C` |
package/dist/company-vars.css CHANGED
@@ -2,21 +2,21 @@
2
2
  * Company CSS — 순수 CSS 변수 (:root + .dark)
3
3
  * Tailwind 없이 var(--*) 로 사용 가능
4
4
  * 자동 생성: scripts/generate-css.js
5
- * 생성일: 2026-03-27T03:30:57.084Z
5
+ * 생성일: 2026-04-01T03:22:49.179Z
6
6
  */
7
7
 
8
8
  :root {
9
9
  --color-bg-default: #FFFFFF;
10
10
  --color-bg-subtle: #F3F6F8;
11
- --color-bg-strong: #ECF0F2;
11
+ --color-bg-strong: #EAEDEE;
12
12
  --color-surface-default: #FFFFFF;
13
13
  --color-surface-default-dim: #F3F6F8;
14
14
  --color-surface-default-hover: #F3F6F8;
15
- --color-surface-default-pressed: #ECF0F2;
16
- --color-surface-default-disabled: #ECF0F2;
15
+ --color-surface-default-pressed: #EAEDEE;
16
+ --color-surface-default-disabled: #EAEDEE;
17
17
  --color-surface-subtle: #F3F6F8;
18
- --color-surface-subtle-hover: #ECF0F2;
19
- --color-surface-strong: #ECF0F2;
18
+ --color-surface-subtle-hover: #EAEDEE;
19
+ --color-surface-strong: #EAEDEE;
20
20
  --color-surface-inverted: #161A21;
21
21
  --color-text-highlight: #000000;
22
22
  --color-text-primary: #1E232E;
@@ -42,7 +42,7 @@
42
42
  --color-icon-tertiary-pressed: #62697A;
43
43
  --color-icon-muted: #A2AABA;
44
44
  --color-icon-inverted: #FFFFFF;
45
- --color-border-default: #ECF0F2;
45
+ --color-border-default: #EAEDEE;
46
46
  --color-border-default-hover: #A2AABA;
47
47
  --color-border-default-focus: #62697A;
48
48
  --color-border-subtle: #F3F6F8;
@@ -58,7 +58,7 @@
58
58
  --color-accent-on-primary: #FFFFFF;
59
59
  --color-accent-secondary: #7346F3;
60
60
  --color-accent-secondary-intense: #7346F3;
61
- --color-accent-secondary-dim: #E9DBFB;
61
+ --color-accent-secondary-dim: #E0CDF8;
62
62
  --color-accent-secondary-hover: #7D4FFF;
63
63
  --color-accent-secondary-pressed: #9975FF;
64
64
  --color-accent-secondary-disabled: #F4EBFF;
@@ -314,7 +314,7 @@
314
314
  --color-surface-strong: #363B4C;
315
315
  --color-surface-inverted: #F3F6F8;
316
316
  --color-text-highlight: #FFFFFF;
317
- --color-text-primary: #ECF0F2;
317
+ --color-text-primary: #EAEDEE;
318
318
  --color-text-primary-hover: #FFFFFF;
319
319
  --color-text-primary-pressed: #FFFFFF;
320
320
  --color-text-secondary: #A2AABA;
@@ -326,7 +326,7 @@
326
326
  --color-text-muted: #62697A;
327
327
  --color-text-inverted: #000000;
328
328
  --color-icon-highlight: #FFFFFF;
329
- --color-icon-primary: #ECF0F2;
329
+ --color-icon-primary: #EAEDEE;
330
330
  --color-icon-primary-hover: #FFFFFF;
331
331
  --color-icon-primary-pressed: #FFFFFF;
332
332
  --color-icon-secondary: #A2AABA;
package/dist/company.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Company CSS — Tailwind v4 (@theme + .dark)
3
3
  * 자동 생성: scripts/generate-css.js
4
- * 생성일: 2026-03-27T03:30:57.082Z
4
+ * 생성일: 2026-04-01T03:22:49.177Z
5
5
  *
6
6
  * @theme: Tailwind 유틸리티 클래스 자동 생성
7
7
  * :root: 순수 CSS 변수 (var()로 직접 사용)
@@ -10,15 +10,15 @@
10
10
  @theme {
11
11
  --color-bg-default: #FFFFFF;
12
12
  --color-bg-subtle: #F3F6F8;
13
- --color-bg-strong: #ECF0F2;
13
+ --color-bg-strong: #EAEDEE;
14
14
  --color-surface-default: #FFFFFF;
15
15
  --color-surface-default-dim: #F3F6F8;
16
16
  --color-surface-default-hover: #F3F6F8;
17
- --color-surface-default-pressed: #ECF0F2;
18
- --color-surface-default-disabled: #ECF0F2;
17
+ --color-surface-default-pressed: #EAEDEE;
18
+ --color-surface-default-disabled: #EAEDEE;
19
19
  --color-surface-subtle: #F3F6F8;
20
- --color-surface-subtle-hover: #ECF0F2;
21
- --color-surface-strong: #ECF0F2;
20
+ --color-surface-subtle-hover: #EAEDEE;
21
+ --color-surface-strong: #EAEDEE;
22
22
  --color-surface-inverted: #161A21;
23
23
  --color-text-highlight: #000000;
24
24
  --color-text-primary: #1E232E;
@@ -44,7 +44,7 @@
44
44
  --color-icon-tertiary-pressed: #62697A;
45
45
  --color-icon-muted: #A2AABA;
46
46
  --color-icon-inverted: #FFFFFF;
47
- --color-border-default: #ECF0F2;
47
+ --color-border-default: #EAEDEE;
48
48
  --color-border-default-hover: #A2AABA;
49
49
  --color-border-default-focus: #62697A;
50
50
  --color-border-subtle: #F3F6F8;
@@ -60,7 +60,7 @@
60
60
  --color-accent-on-primary: #FFFFFF;
61
61
  --color-accent-secondary: #7346F3;
62
62
  --color-accent-secondary-intense: #7346F3;
63
- --color-accent-secondary-dim: #E9DBFB;
63
+ --color-accent-secondary-dim: #E0CDF8;
64
64
  --color-accent-secondary-hover: #7D4FFF;
65
65
  --color-accent-secondary-pressed: #9975FF;
66
66
  --color-accent-secondary-disabled: #F4EBFF;
@@ -319,7 +319,7 @@
319
319
  --color-surface-strong: #363B4C;
320
320
  --color-surface-inverted: #F3F6F8;
321
321
  --color-text-highlight: #FFFFFF;
322
- --color-text-primary: #ECF0F2;
322
+ --color-text-primary: #EAEDEE;
323
323
  --color-text-primary-hover: #FFFFFF;
324
324
  --color-text-primary-pressed: #FFFFFF;
325
325
  --color-text-secondary: #A2AABA;
@@ -331,7 +331,7 @@
331
331
  --color-text-muted: #62697A;
332
332
  --color-text-inverted: #000000;
333
333
  --color-icon-highlight: #FFFFFF;
334
- --color-icon-primary: #ECF0F2;
334
+ --color-icon-primary: #EAEDEE;
335
335
  --color-icon-primary-hover: #FFFFFF;
336
336
  --color-icon-primary-pressed: #FFFFFF;
337
337
  --color-icon-secondary: #A2AABA;
package/dist/index.d.mts CHANGED
@@ -1608,6 +1608,7 @@ declare const rawSpaceData: {
1608
1608
  "56": string;
1609
1609
  "64": string;
1610
1610
  px: string;
1611
+ "1.5": string;
1611
1612
  };
1612
1613
  semantic: {
1613
1614
  padding: {
@@ -3763,6 +3764,7 @@ declare const allCategoryData: {
3763
3764
  "56": string;
3764
3765
  "64": string;
3765
3766
  px: string;
3767
+ "1.5": string;
3766
3768
  };
3767
3769
  semantic: {
3768
3770
  padding: {
@@ -4385,6 +4387,10 @@ interface AccentPrimaryState extends InteractiveState {
4385
4387
  intense: string;
4386
4388
  dim: string;
4387
4389
  }
4390
+ interface AccentSecondaryState extends InteractiveState {
4391
+ intense: string;
4392
+ dim: string;
4393
+ }
4388
4394
  interface StatusState extends BaseState {
4389
4395
  hover: string;
4390
4396
  pressed: string;
@@ -4437,7 +4443,9 @@ interface Semantic {
4437
4443
  };
4438
4444
  accent: {
4439
4445
  primary: AccentPrimaryState;
4446
+ secondary: AccentSecondaryState;
4440
4447
  'on-primary': string;
4448
+ 'on-secondary': string;
4441
4449
  };
4442
4450
  status: {
4443
4451
  success: StatusState;
package/dist/index.d.ts CHANGED
@@ -1608,6 +1608,7 @@ declare const rawSpaceData: {
1608
1608
  "56": string;
1609
1609
  "64": string;
1610
1610
  px: string;
1611
+ "1.5": string;
1611
1612
  };
1612
1613
  semantic: {
1613
1614
  padding: {
@@ -3763,6 +3764,7 @@ declare const allCategoryData: {
3763
3764
  "56": string;
3764
3765
  "64": string;
3765
3766
  px: string;
3767
+ "1.5": string;
3766
3768
  };
3767
3769
  semantic: {
3768
3770
  padding: {
@@ -4385,6 +4387,10 @@ interface AccentPrimaryState extends InteractiveState {
4385
4387
  intense: string;
4386
4388
  dim: string;
4387
4389
  }
4390
+ interface AccentSecondaryState extends InteractiveState {
4391
+ intense: string;
4392
+ dim: string;
4393
+ }
4388
4394
  interface StatusState extends BaseState {
4389
4395
  hover: string;
4390
4396
  pressed: string;
@@ -4437,7 +4443,9 @@ interface Semantic {
4437
4443
  };
4438
4444
  accent: {
4439
4445
  primary: AccentPrimaryState;
4446
+ secondary: AccentSecondaryState;
4440
4447
  'on-primary': string;
4448
+ 'on-secondary': string;
4441
4449
  };
4442
4450
  status: {
4443
4451
  success: StatusState;
package/dist/index.js CHANGED
@@ -62,7 +62,7 @@ var color_default = {
62
62
  "600": "#7E8597",
63
63
  "700": "#A2AABA",
64
64
  "800": "#C6D0DA",
65
- "900": "#ECF0F2",
65
+ "900": "#EAEDEE",
66
66
  "950": "#F3F6F8"
67
67
  },
68
68
  brand: {
@@ -139,7 +139,7 @@ var color_default = {
139
139
  "500": "#9975FF",
140
140
  "600": "#B296FF",
141
141
  "700": "#D4BAF4",
142
- "800": "#E9DBFB",
142
+ "800": "#E0CDF8",
143
143
  "900": "#F4EBFF",
144
144
  "950": "#F9F5FF"
145
145
  },
@@ -1657,7 +1657,8 @@ var space_default = {
1657
1657
  "48": "12rem",
1658
1658
  "56": "14rem",
1659
1659
  "64": "16rem",
1660
- px: "1px"
1660
+ px: "1px",
1661
+ "1.5": "0.375rem"
1661
1662
  },
1662
1663
  semantic: {
1663
1664
  padding: {
package/dist/index.mjs CHANGED
@@ -11,7 +11,7 @@ var color_default = {
11
11
  "600": "#7E8597",
12
12
  "700": "#A2AABA",
13
13
  "800": "#C6D0DA",
14
- "900": "#ECF0F2",
14
+ "900": "#EAEDEE",
15
15
  "950": "#F3F6F8"
16
16
  },
17
17
  brand: {
@@ -88,7 +88,7 @@ var color_default = {
88
88
  "500": "#9975FF",
89
89
  "600": "#B296FF",
90
90
  "700": "#D4BAF4",
91
- "800": "#E9DBFB",
91
+ "800": "#E0CDF8",
92
92
  "900": "#F4EBFF",
93
93
  "950": "#F9F5FF"
94
94
  },
@@ -1606,7 +1606,8 @@ var space_default = {
1606
1606
  "48": "12rem",
1607
1607
  "56": "14rem",
1608
1608
  "64": "16rem",
1609
- px: "1px"
1609
+ px: "1px",
1610
+ "1.5": "0.375rem"
1610
1611
  },
1611
1612
  semantic: {
1612
1613
  padding: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexus-cross/tokens",
3
- "version": "1.0.0-beta.2",
3
+ "version": "1.0.0",
4
4
  "description": "TO-NEXUS Design Tokens - 디자인 시스템 토큰 라이브러리",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
package/src/data/color.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "600": "#7E8597",
11
11
  "700": "#A2AABA",
12
12
  "800": "#C6D0DA",
13
- "900": "#ECF0F2",
13
+ "900": "#EAEDEE",
14
14
  "950": "#F3F6F8"
15
15
  },
16
16
  "brand": {
@@ -87,7 +87,7 @@
87
87
  "500": "#9975FF",
88
88
  "600": "#B296FF",
89
89
  "700": "#D4BAF4",
90
- "800": "#E9DBFB",
90
+ "800": "#E0CDF8",
91
91
  "900": "#F4EBFF",
92
92
  "950": "#F9F5FF"
93
93
  },
package/src/data/space.json CHANGED
@@ -18,7 +18,8 @@
18
18
  "48": "12rem",
19
19
  "56": "14rem",
20
20
  "64": "16rem",
21
- "px": "1px"
21
+ "px": "1px",
22
+ "1.5": "0.375rem"
22
23
  },
23
24
  "semantic": {
24
25
  "padding": {