@gv-tech/design-tokens 2.24.0 → 2.25.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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/theme.css +126 -128
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gv-tech/design-tokens",
3
- "version": "2.24.0",
3
+ "version": "2.25.0",
4
4
  "description": "Shared design tokens for the GV Tech design system — palette, theme, spacing, typography, shadows",
5
5
  "repository": {
6
6
  "type": "git",
package/src/theme.css CHANGED
@@ -1,218 +1,216 @@
1
1
  /* Generated by scripts/sync-tokens.ts - Do not edit manually */
2
- @theme inline {
3
- --color-background: var(--background-color);
4
- --color-foreground: var(--foreground-color);
5
- --color-card: var(--card-color);
6
- --color-card-foreground: var(--card-foreground-color);
7
- --color-popover: var(--popover-color);
8
- --color-popover-foreground: var(--popover-foreground-color);
9
- --color-primary: var(--primary-color);
10
- --color-primary-foreground: var(--primary-foreground-color);
11
- --color-secondary: var(--secondary-color);
12
- --color-secondary-foreground: var(--secondary-foreground-color);
13
- --color-muted: var(--muted-color);
14
- --color-muted-foreground: var(--muted-foreground-color);
15
- --color-accent: var(--accent-color);
16
- --color-accent-foreground: var(--accent-foreground-color);
17
- --color-destructive: var(--destructive-color);
18
- --color-destructive-foreground: var(--destructive-foreground-color);
19
- --color-border: var(--border-color);
20
- --color-input: var(--input-color);
21
- --color-ring: var(--ring-color);
22
- --color-sidebar: var(--sidebar-color);
23
- --color-sidebar-foreground: var(--sidebar-foreground-color);
24
- --color-sidebar-primary: var(--sidebar-primary-color);
25
- --color-sidebar-primary-foreground: var(--sidebar-primary-foreground-color);
26
- --color-sidebar-accent: var(--sidebar-accent-color);
27
- --color-sidebar-accent-foreground: var(--sidebar-accent-foreground-color);
28
- --color-sidebar-border: var(--sidebar-border-color);
29
- --color-sidebar-ring: var(--sidebar-ring-color);
30
-
31
- /* Brand Tokens */
32
- --color-brand-blue: var(--brand-blue-color);
33
- --color-brand-green: var(--brand-green-color);
34
- --color-brand-floral-white: var(--brand-floral-white-color);
35
- --color-neutral-white: var(--neutral-white-color);
36
- --color-neutral-black: var(--neutral-black-color);
37
- --color-neutral-gray50: var(--neutral-gray50-color);
38
- --color-neutral-gray100: var(--neutral-gray100-color);
39
- --color-neutral-gray200: var(--neutral-gray200-color);
40
- --color-neutral-gray300: var(--neutral-gray300-color);
41
- --color-neutral-gray400: var(--neutral-gray400-color);
42
- --color-neutral-gray500: var(--neutral-gray500-color);
43
- --color-neutral-gray600: var(--neutral-gray600-color);
44
- --color-neutral-gray700: var(--neutral-gray700-color);
45
- --color-neutral-gray800: var(--neutral-gray800-color);
46
- --color-neutral-gray900: var(--neutral-gray900-color);
47
- --color-neutral-gray950: var(--neutral-gray950-color);
48
- --color-neutral-gray975: var(--neutral-gray975-color);
49
- --color-neutral-gray990: var(--neutral-gray990-color);
50
- --color-semantic-success: var(--semantic-success-color);
51
- --color-semantic-success-dark: var(--semantic-success-dark-color);
52
- --color-semantic-destructive: var(--semantic-destructive-color);
53
- --color-semantic-destructive-dark: var(--semantic-destructive-dark-color);
2
+ @theme {
3
+ --color-background: var(--color-background);
4
+ --color-foreground: var(--color-foreground);
5
+ --color-card: var(--color-card);
6
+ --color-card-foreground: var(--color-card-foreground);
7
+ --color-popover: var(--color-popover);
8
+ --color-popover-foreground: var(--color-popover-foreground);
9
+ --color-primary: var(--color-primary);
10
+ --color-primary-foreground: var(--color-primary-foreground);
11
+ --color-secondary: var(--color-secondary);
12
+ --color-secondary-foreground: var(--color-secondary-foreground);
13
+ --color-muted: var(--color-muted);
14
+ --color-muted-foreground: var(--color-muted-foreground);
15
+ --color-accent: var(--color-accent);
16
+ --color-accent-foreground: var(--color-accent-foreground);
17
+ --color-destructive: var(--color-destructive);
18
+ --color-destructive-foreground: var(--color-destructive-foreground);
19
+ --color-border: var(--color-border);
20
+ --color-input: var(--color-input);
21
+ --color-ring: var(--color-ring);
22
+ --color-sidebar: var(--color-sidebar);
23
+ --color-sidebar-foreground: var(--color-sidebar-foreground);
24
+ --color-sidebar-primary: var(--color-sidebar-primary);
25
+ --color-sidebar-primary-foreground: var(--color-sidebar-primary-foreground);
26
+ --color-sidebar-accent: var(--color-sidebar-accent);
27
+ --color-sidebar-accent-foreground: var(--color-sidebar-accent-foreground);
28
+ --color-sidebar-border: var(--color-sidebar-border);
29
+ --color-sidebar-ring: var(--color-sidebar-ring);
30
+ --color-brand-blue: var(--color-brand-blue);
31
+ --color-brand-green: var(--color-brand-green);
32
+ --color-brand-floral-white: var(--color-brand-floral-white);
33
+ --color-neutral-white: var(--color-neutral-white);
34
+ --color-neutral-black: var(--color-neutral-black);
35
+ --color-neutral-gray50: var(--color-neutral-gray50);
36
+ --color-neutral-gray100: var(--color-neutral-gray100);
37
+ --color-neutral-gray200: var(--color-neutral-gray200);
38
+ --color-neutral-gray300: var(--color-neutral-gray300);
39
+ --color-neutral-gray400: var(--color-neutral-gray400);
40
+ --color-neutral-gray500: var(--color-neutral-gray500);
41
+ --color-neutral-gray600: var(--color-neutral-gray600);
42
+ --color-neutral-gray700: var(--color-neutral-gray700);
43
+ --color-neutral-gray800: var(--color-neutral-gray800);
44
+ --color-neutral-gray900: var(--color-neutral-gray900);
45
+ --color-neutral-gray950: var(--color-neutral-gray950);
46
+ --color-neutral-gray975: var(--color-neutral-gray975);
47
+ --color-neutral-gray990: var(--color-neutral-gray990);
48
+ --color-semantic-success: var(--color-semantic-success);
49
+ --color-semantic-success-dark: var(--color-semantic-success-dark);
50
+ --color-semantic-destructive: var(--color-semantic-destructive);
51
+ --color-semantic-destructive-dark: var(--color-semantic-destructive-dark);
54
52
  }
55
53
 
56
54
  @layer base {
57
55
  :root {
58
56
  --background: 0 0% 96%;
59
- --background-color: hsl(0 0% 96%);
57
+ --color-background: hsl(0 0% 96%);
60
58
  --foreground: 222 47% 11%;
61
- --foreground-color: hsl(222 47% 11%);
59
+ --color-foreground: hsl(222 47% 11%);
62
60
  --card: 0 0% 100%;
63
- --card-color: hsl(0 0% 100%);
61
+ --color-card: hsl(0 0% 100%);
64
62
  --card-foreground: 222 47% 11%;
65
- --card-foreground-color: hsl(222 47% 11%);
63
+ --color-card-foreground: hsl(222 47% 11%);
66
64
  --popover: 0 0% 100%;
67
- --popover-color: hsl(0 0% 100%);
65
+ --color-popover: hsl(0 0% 100%);
68
66
  --popover-foreground: 222 47% 11%;
69
- --popover-foreground-color: hsl(222 47% 11%);
67
+ --color-popover-foreground: hsl(222 47% 11%);
70
68
  --primary: 225 73% 57%;
71
- --primary-color: hsl(225 73% 57%);
69
+ --color-primary: hsl(225 73% 57%);
72
70
  --primary-foreground: 0 0% 100%;
73
- --primary-foreground-color: hsl(0 0% 100%);
71
+ --color-primary-foreground: hsl(0 0% 100%);
74
72
  --secondary: 93 28% 54%;
75
- --secondary-color: hsl(93 28% 54%);
73
+ --color-secondary: hsl(93 28% 54%);
76
74
  --secondary-foreground: 0 0% 100%;
77
- --secondary-foreground-color: hsl(0 0% 100%);
75
+ --color-secondary-foreground: hsl(0 0% 100%);
78
76
  --muted: 0 0% 92%;
79
- --muted-color: hsl(0 0% 92%);
77
+ --color-muted: hsl(0 0% 92%);
80
78
  --muted-foreground: 215 16% 47%;
81
- --muted-foreground-color: hsl(215 16% 47%);
79
+ --color-muted-foreground: hsl(215 16% 47%);
82
80
  --accent: 0 0% 88%;
83
- --accent-color: hsl(0 0% 88%);
81
+ --color-accent: hsl(0 0% 88%);
84
82
  --accent-foreground: 222 47% 11%;
85
- --accent-foreground-color: hsl(222 47% 11%);
83
+ --color-accent-foreground: hsl(222 47% 11%);
86
84
  --destructive: 0 84.2% 60.2%;
87
- --destructive-color: hsl(0 84.2% 60.2%);
85
+ --color-destructive: hsl(0 84.2% 60.2%);
88
86
  --destructive-foreground: 0 0% 100%;
89
- --destructive-foreground-color: hsl(0 0% 100%);
87
+ --color-destructive-foreground: hsl(0 0% 100%);
90
88
  --border: 0 0% 89%;
91
- --border-color: hsl(0 0% 89%);
89
+ --color-border: hsl(0 0% 89%);
92
90
  --input: 0 0% 89%;
93
- --input-color: hsl(0 0% 89%);
91
+ --color-input: hsl(0 0% 89%);
94
92
  --ring: 222 47% 11%;
95
- --ring-color: hsl(222 47% 11%);
93
+ --color-ring: hsl(222 47% 11%);
96
94
  --sidebar: 0 0% 96%;
97
- --sidebar-color: hsl(0 0% 96%);
95
+ --color-sidebar: hsl(0 0% 96%);
98
96
  --sidebar-foreground: 222 47% 11%;
99
- --sidebar-foreground-color: hsl(222 47% 11%);
97
+ --color-sidebar-foreground: hsl(222 47% 11%);
100
98
  --sidebar-primary: 225 73% 57%;
101
- --sidebar-primary-color: hsl(225 73% 57%);
99
+ --color-sidebar-primary: hsl(225 73% 57%);
102
100
  --sidebar-primary-foreground: 0 0% 100%;
103
- --sidebar-primary-foreground-color: hsl(0 0% 100%);
101
+ --color-sidebar-primary-foreground: hsl(0 0% 100%);
104
102
  --sidebar-accent: 0 0% 92%;
105
- --sidebar-accent-color: hsl(0 0% 92%);
103
+ --color-sidebar-accent: hsl(0 0% 92%);
106
104
  --sidebar-accent-foreground: 0 0% 14%;
107
- --sidebar-accent-foreground-color: hsl(0 0% 14%);
105
+ --color-sidebar-accent-foreground: hsl(0 0% 14%);
108
106
  --sidebar-border: 0 0% 89%;
109
- --sidebar-border-color: hsl(0 0% 89%);
107
+ --color-sidebar-border: hsl(0 0% 89%);
110
108
  --sidebar-ring: 225 73% 57%;
111
- --sidebar-ring-color: hsl(225 73% 57%);
109
+ --color-sidebar-ring: hsl(225 73% 57%);
112
110
  --radius: 0.5rem;
113
111
 
114
112
  /* Brand Tokens */
115
113
  --brand-blue: 225 73% 57%;
116
- --brand-blue-color: hsl(225 73% 57%);
114
+ --color-brand-blue: hsl(225 73% 57%);
117
115
  --brand-green: 151 66% 27%;
118
- --brand-green-color: hsl(151 66% 27%);
116
+ --color-brand-green: hsl(151 66% 27%);
119
117
  --brand-floral-white: 40 100% 97%;
120
- --brand-floral-white-color: hsl(40 100% 97%);
118
+ --color-brand-floral-white: hsl(40 100% 97%);
121
119
  --neutral-white: 0 0% 100%;
122
- --neutral-white-color: hsl(0 0% 100%);
120
+ --color-neutral-white: hsl(0 0% 100%);
123
121
  --neutral-black: 0 0% 0%;
124
- --neutral-black-color: hsl(0 0% 0%);
122
+ --color-neutral-black: hsl(0 0% 0%);
125
123
  --neutral-gray50: 0 0% 96%;
126
- --neutral-gray50-color: hsl(0 0% 96%);
124
+ --color-neutral-gray50: hsl(0 0% 96%);
127
125
  --neutral-gray100: 0 0% 92%;
128
- --neutral-gray100-color: hsl(0 0% 92%);
126
+ --color-neutral-gray100: hsl(0 0% 92%);
129
127
  --neutral-gray200: 0 0% 89%;
130
- --neutral-gray200-color: hsl(0 0% 89%);
128
+ --color-neutral-gray200: hsl(0 0% 89%);
131
129
  --neutral-gray300: 0 0% 88%;
132
- --neutral-gray300-color: hsl(0 0% 88%);
130
+ --color-neutral-gray300: hsl(0 0% 88%);
133
131
  --neutral-gray400: 0 0% 70%;
134
- --neutral-gray400-color: hsl(0 0% 70%);
132
+ --color-neutral-gray400: hsl(0 0% 70%);
135
133
  --neutral-gray500: 215 16% 47%;
136
- --neutral-gray500-color: hsl(215 16% 47%);
134
+ --color-neutral-gray500: hsl(215 16% 47%);
137
135
  --neutral-gray600: 222 47% 11%;
138
- --neutral-gray600-color: hsl(222 47% 11%);
136
+ --color-neutral-gray600: hsl(222 47% 11%);
139
137
  --neutral-gray700: 0 0% 18%;
140
- --neutral-gray700-color: hsl(0 0% 18%);
138
+ --color-neutral-gray700: hsl(0 0% 18%);
141
139
  --neutral-gray800: 0 0% 15%;
142
- --neutral-gray800-color: hsl(0 0% 15%);
140
+ --color-neutral-gray800: hsl(0 0% 15%);
143
141
  --neutral-gray900: 0 0% 14%;
144
- --neutral-gray900-color: hsl(0 0% 14%);
142
+ --color-neutral-gray900: hsl(0 0% 14%);
145
143
  --neutral-gray950: 0 0% 11%;
146
- --neutral-gray950-color: hsl(0 0% 11%);
144
+ --color-neutral-gray950: hsl(0 0% 11%);
147
145
  --neutral-gray975: 0 0% 9%;
148
- --neutral-gray975-color: hsl(0 0% 9%);
146
+ --color-neutral-gray975: hsl(0 0% 9%);
149
147
  --neutral-gray990: 0 0% 6%;
150
- --neutral-gray990-color: hsl(0 0% 6%);
148
+ --color-neutral-gray990: hsl(0 0% 6%);
151
149
  --semantic-success: 93 28% 54%;
152
- --semantic-success-color: hsl(93 28% 54%);
150
+ --color-semantic-success: hsl(93 28% 54%);
153
151
  --semantic-success-dark: 96 44% 61%;
154
- --semantic-success-dark-color: hsl(96 44% 61%);
152
+ --color-semantic-success-dark: hsl(96 44% 61%);
155
153
  --semantic-destructive: 0 84.2% 60.2%;
156
- --semantic-destructive-color: hsl(0 84.2% 60.2%);
154
+ --color-semantic-destructive: hsl(0 84.2% 60.2%);
157
155
  --semantic-destructive-dark: 0 62.8% 30.6%;
158
- --semantic-destructive-dark-color: hsl(0 62.8% 30.6%);
156
+ --color-semantic-destructive-dark: hsl(0 62.8% 30.6%);
159
157
  }
160
158
 
161
159
  .dark {
162
160
  --background: 0 0% 9%;
163
- --background-color: hsl(0 0% 9%);
161
+ --color-background: hsl(0 0% 9%);
164
162
  --foreground: 0 0% 100%;
165
- --foreground-color: hsl(0 0% 100%);
163
+ --color-foreground: hsl(0 0% 100%);
166
164
  --card: 0 0% 14%;
167
- --card-color: hsl(0 0% 14%);
165
+ --color-card: hsl(0 0% 14%);
168
166
  --card-foreground: 0 0% 100%;
169
- --card-foreground-color: hsl(0 0% 100%);
167
+ --color-card-foreground: hsl(0 0% 100%);
170
168
  --popover: 0 0% 11%;
171
- --popover-color: hsl(0 0% 11%);
169
+ --color-popover: hsl(0 0% 11%);
172
170
  --popover-foreground: 0 0% 100%;
173
- --popover-foreground-color: hsl(0 0% 100%);
171
+ --color-popover-foreground: hsl(0 0% 100%);
174
172
  --primary: 227 96% 71%;
175
- --primary-color: hsl(227 96% 71%);
173
+ --color-primary: hsl(227 96% 71%);
176
174
  --primary-foreground: 0 0% 9%;
177
- --primary-foreground-color: hsl(0 0% 9%);
175
+ --color-primary-foreground: hsl(0 0% 9%);
178
176
  --secondary: 96 44% 61%;
179
- --secondary-color: hsl(96 44% 61%);
177
+ --color-secondary: hsl(96 44% 61%);
180
178
  --secondary-foreground: 0 0% 9%;
181
- --secondary-foreground-color: hsl(0 0% 9%);
179
+ --color-secondary-foreground: hsl(0 0% 9%);
182
180
  --muted: 0 0% 6%;
183
- --muted-color: hsl(0 0% 6%);
181
+ --color-muted: hsl(0 0% 6%);
184
182
  --muted-foreground: 0 0% 70%;
185
- --muted-foreground-color: hsl(0 0% 70%);
183
+ --color-muted-foreground: hsl(0 0% 70%);
186
184
  --accent: 0 0% 15%;
187
- --accent-color: hsl(0 0% 15%);
185
+ --color-accent: hsl(0 0% 15%);
188
186
  --accent-foreground: 0 0% 100%;
189
- --accent-foreground-color: hsl(0 0% 100%);
187
+ --color-accent-foreground: hsl(0 0% 100%);
190
188
  --destructive: 0 62.8% 30.6%;
191
- --destructive-color: hsl(0 62.8% 30.6%);
189
+ --color-destructive: hsl(0 62.8% 30.6%);
192
190
  --destructive-foreground: 0 0% 100%;
193
- --destructive-foreground-color: hsl(0 0% 100%);
191
+ --color-destructive-foreground: hsl(0 0% 100%);
194
192
  --border: 0 0% 18%;
195
- --border-color: hsl(0 0% 18%);
193
+ --color-border: hsl(0 0% 18%);
196
194
  --input: 0 0% 18%;
197
- --input-color: hsl(0 0% 18%);
195
+ --color-input: hsl(0 0% 18%);
198
196
  --ring: 0 0% 90%;
199
- --ring-color: hsl(0 0% 90%);
197
+ --color-ring: hsl(0 0% 90%);
200
198
  --sidebar: 0 0% 11%;
201
- --sidebar-color: hsl(0 0% 11%);
199
+ --color-sidebar: hsl(0 0% 11%);
202
200
  --sidebar-foreground: 0 0% 70%;
203
- --sidebar-foreground-color: hsl(0 0% 70%);
201
+ --color-sidebar-foreground: hsl(0 0% 70%);
204
202
  --sidebar-primary: 227 96% 71%;
205
- --sidebar-primary-color: hsl(227 96% 71%);
203
+ --color-sidebar-primary: hsl(227 96% 71%);
206
204
  --sidebar-primary-foreground: 0 0% 100%;
207
- --sidebar-primary-foreground-color: hsl(0 0% 100%);
205
+ --color-sidebar-primary-foreground: hsl(0 0% 100%);
208
206
  --sidebar-accent: 0 0% 15%;
209
- --sidebar-accent-color: hsl(0 0% 15%);
207
+ --color-sidebar-accent: hsl(0 0% 15%);
210
208
  --sidebar-accent-foreground: 0 0% 100%;
211
- --sidebar-accent-foreground-color: hsl(0 0% 100%);
209
+ --color-sidebar-accent-foreground: hsl(0 0% 100%);
212
210
  --sidebar-border: 0 0% 18%;
213
- --sidebar-border-color: hsl(0 0% 18%);
211
+ --color-sidebar-border: hsl(0 0% 18%);
214
212
  --sidebar-ring: 227 96% 71%;
215
- --sidebar-ring-color: hsl(227 96% 71%);
213
+ --color-sidebar-ring: hsl(227 96% 71%);
216
214
  --radius: 0.5rem;
217
215
  }
218
216
  }