@gv-tech/design-tokens 2.10.0 → 2.12.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.
- package/dist/index.d.ts +264 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +230 -0
- package/package.json +1 -1
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
export declare const palette: {
|
|
2
|
+
readonly brand: {
|
|
3
|
+
readonly blue: "hsl(225 73% 57%)";
|
|
4
|
+
readonly green: "hsl(151 66% 27%)";
|
|
5
|
+
readonly floralWhite: "hsl(40 100% 97%)";
|
|
6
|
+
};
|
|
7
|
+
readonly neutral: {
|
|
8
|
+
readonly white: "hsl(0 0% 100%)";
|
|
9
|
+
readonly black: "hsl(0 0% 0%)";
|
|
10
|
+
readonly gray50: "hsl(0 0% 96%)";
|
|
11
|
+
readonly gray100: "hsl(0 0% 92%)";
|
|
12
|
+
readonly gray200: "hsl(0 0% 89%)";
|
|
13
|
+
readonly gray300: "hsl(0 0% 88%)";
|
|
14
|
+
readonly gray400: "hsl(0 0% 70%)";
|
|
15
|
+
readonly gray500: "hsl(215 16% 47%)";
|
|
16
|
+
readonly gray600: "hsl(222 47% 11%)";
|
|
17
|
+
readonly gray700: "hsl(0 0% 18%)";
|
|
18
|
+
readonly gray800: "hsl(0 0% 15%)";
|
|
19
|
+
readonly gray900: "hsl(0 0% 14%)";
|
|
20
|
+
readonly gray950: "hsl(0 0% 11%)";
|
|
21
|
+
readonly gray975: "hsl(0 0% 9%)";
|
|
22
|
+
readonly gray990: "hsl(0 0% 6%)";
|
|
23
|
+
};
|
|
24
|
+
readonly semantic: {
|
|
25
|
+
readonly success: "hsl(93 28% 54%)";
|
|
26
|
+
readonly successDark: "hsl(96 44% 61%)";
|
|
27
|
+
readonly destructive: "hsl(0 84.2% 60.2%)";
|
|
28
|
+
readonly destructiveDark: "hsl(0 62.8% 30.6%)";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
export declare type PaletteTokens = typeof palette;
|
|
33
|
+
|
|
34
|
+
export declare const radii: {
|
|
35
|
+
readonly none: "0";
|
|
36
|
+
readonly sm: "calc(var(--radius) - 4px)";
|
|
37
|
+
readonly md: "calc(var(--radius) - 2px)";
|
|
38
|
+
readonly lg: "var(--radius)";
|
|
39
|
+
readonly xl: "calc(var(--radius) + 4px)";
|
|
40
|
+
readonly '2xl': "calc(var(--radius) + 8px)";
|
|
41
|
+
readonly full: "9999px";
|
|
42
|
+
};
|
|
43
|
+
|
|
44
|
+
export declare const radiiNumeric: {
|
|
45
|
+
readonly none: 0;
|
|
46
|
+
readonly sm: 4;
|
|
47
|
+
readonly md: 6;
|
|
48
|
+
readonly lg: 8;
|
|
49
|
+
readonly xl: 12;
|
|
50
|
+
readonly '2xl': 16;
|
|
51
|
+
readonly full: 9999;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export declare type RadiiNumericTokens = typeof radiiNumeric;
|
|
55
|
+
|
|
56
|
+
export declare type RadiiTokens = typeof radii;
|
|
57
|
+
|
|
58
|
+
export declare const shadows: {
|
|
59
|
+
readonly none: "none";
|
|
60
|
+
readonly sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)";
|
|
61
|
+
readonly default: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
|
|
62
|
+
readonly md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
|
|
63
|
+
readonly lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
|
|
64
|
+
readonly xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)";
|
|
65
|
+
readonly '2xl': "0 25px 50px -12px rgb(0 0 0 / 0.25)";
|
|
66
|
+
readonly inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)";
|
|
67
|
+
};
|
|
68
|
+
|
|
69
|
+
export declare type ShadowTokens = typeof shadows;
|
|
70
|
+
|
|
71
|
+
export declare const spacing: {
|
|
72
|
+
readonly px: "1px";
|
|
73
|
+
readonly 0: "0";
|
|
74
|
+
readonly 0.5: "0.125rem";
|
|
75
|
+
readonly 1: "0.25rem";
|
|
76
|
+
readonly 1.5: "0.375rem";
|
|
77
|
+
readonly 2: "0.5rem";
|
|
78
|
+
readonly 2.5: "0.625rem";
|
|
79
|
+
readonly 3: "0.75rem";
|
|
80
|
+
readonly 3.5: "0.875rem";
|
|
81
|
+
readonly 4: "1rem";
|
|
82
|
+
readonly 5: "1.25rem";
|
|
83
|
+
readonly 6: "1.5rem";
|
|
84
|
+
readonly 7: "1.75rem";
|
|
85
|
+
readonly 8: "2rem";
|
|
86
|
+
readonly 9: "2.25rem";
|
|
87
|
+
readonly 10: "2.5rem";
|
|
88
|
+
readonly 12: "3rem";
|
|
89
|
+
readonly 14: "3.5rem";
|
|
90
|
+
readonly 16: "4rem";
|
|
91
|
+
readonly 20: "5rem";
|
|
92
|
+
readonly 24: "6rem";
|
|
93
|
+
readonly 32: "8rem";
|
|
94
|
+
readonly 40: "10rem";
|
|
95
|
+
readonly 48: "12rem";
|
|
96
|
+
readonly 56: "14rem";
|
|
97
|
+
readonly 64: "16rem";
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
export declare type SpacingTokens = typeof spacing;
|
|
101
|
+
|
|
102
|
+
export declare const theme: {
|
|
103
|
+
readonly light: {
|
|
104
|
+
readonly background: "hsl(0 0% 96%)";
|
|
105
|
+
readonly foreground: "hsl(222 47% 11%)";
|
|
106
|
+
readonly card: "hsl(0 0% 100%)";
|
|
107
|
+
readonly cardForeground: "hsl(222 47% 11%)";
|
|
108
|
+
readonly popover: "hsl(0 0% 100%)";
|
|
109
|
+
readonly popoverForeground: "hsl(222 47% 11%)";
|
|
110
|
+
readonly primary: "hsl(225 73% 57%)";
|
|
111
|
+
readonly primaryForeground: "hsl(0 0% 100%)";
|
|
112
|
+
readonly secondary: "hsl(93 28% 54%)";
|
|
113
|
+
readonly secondaryForeground: "hsl(0 0% 100%)";
|
|
114
|
+
readonly muted: "hsl(0 0% 92%)";
|
|
115
|
+
readonly mutedForeground: "hsl(215 16% 47%)";
|
|
116
|
+
readonly accent: "hsl(0 0% 88%)";
|
|
117
|
+
readonly accentForeground: "hsl(222 47% 11%)";
|
|
118
|
+
readonly destructive: "hsl(0 84.2% 60.2%)";
|
|
119
|
+
readonly destructiveForeground: "hsl(0 0% 100%)";
|
|
120
|
+
readonly border: "hsl(0 0% 89%)";
|
|
121
|
+
readonly input: "hsl(0 0% 89%)";
|
|
122
|
+
readonly ring: "hsl(222 47% 11%)";
|
|
123
|
+
readonly radius: "0.5rem";
|
|
124
|
+
};
|
|
125
|
+
readonly dark: {
|
|
126
|
+
readonly background: "hsl(0 0% 9%)";
|
|
127
|
+
readonly foreground: "hsl(0 0% 100%)";
|
|
128
|
+
readonly card: "hsl(0 0% 14%)";
|
|
129
|
+
readonly cardForeground: "hsl(0 0% 100%)";
|
|
130
|
+
readonly popover: "hsl(0 0% 11%)";
|
|
131
|
+
readonly popoverForeground: "hsl(0 0% 100%)";
|
|
132
|
+
readonly primary: "hsl(227 96% 71%)";
|
|
133
|
+
readonly primaryForeground: "hsl(0 0% 9%)";
|
|
134
|
+
readonly secondary: "hsl(96 44% 61%)";
|
|
135
|
+
readonly secondaryForeground: "hsl(0 0% 9%)";
|
|
136
|
+
readonly muted: "hsl(0 0% 6%)";
|
|
137
|
+
readonly mutedForeground: "hsl(0 0% 70%)";
|
|
138
|
+
readonly accent: "hsl(0 0% 15%)";
|
|
139
|
+
readonly accentForeground: "hsl(0 0% 100%)";
|
|
140
|
+
readonly destructive: "hsl(0 62.8% 30.6%)";
|
|
141
|
+
readonly destructiveForeground: "hsl(0 0% 100%)";
|
|
142
|
+
readonly border: "hsl(0 0% 18%)";
|
|
143
|
+
readonly input: "hsl(0 0% 18%)";
|
|
144
|
+
readonly ring: "hsl(0 0% 90%)";
|
|
145
|
+
readonly radius: "0.5rem";
|
|
146
|
+
};
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
export declare type ThemeTokens = typeof theme.light;
|
|
150
|
+
|
|
151
|
+
export declare const tokens: {
|
|
152
|
+
readonly palette: {
|
|
153
|
+
readonly brand: {
|
|
154
|
+
readonly blue: "hsl(225 73% 57%)";
|
|
155
|
+
readonly green: "hsl(151 66% 27%)";
|
|
156
|
+
readonly floralWhite: "hsl(40 100% 97%)";
|
|
157
|
+
};
|
|
158
|
+
readonly neutral: {
|
|
159
|
+
readonly white: "hsl(0 0% 100%)";
|
|
160
|
+
readonly black: "hsl(0 0% 0%)";
|
|
161
|
+
readonly gray50: "hsl(0 0% 96%)";
|
|
162
|
+
readonly gray100: "hsl(0 0% 92%)";
|
|
163
|
+
readonly gray200: "hsl(0 0% 89%)";
|
|
164
|
+
readonly gray300: "hsl(0 0% 88%)";
|
|
165
|
+
readonly gray400: "hsl(0 0% 70%)";
|
|
166
|
+
readonly gray500: "hsl(215 16% 47%)";
|
|
167
|
+
readonly gray600: "hsl(222 47% 11%)";
|
|
168
|
+
readonly gray700: "hsl(0 0% 18%)";
|
|
169
|
+
readonly gray800: "hsl(0 0% 15%)";
|
|
170
|
+
readonly gray900: "hsl(0 0% 14%)";
|
|
171
|
+
readonly gray950: "hsl(0 0% 11%)";
|
|
172
|
+
readonly gray975: "hsl(0 0% 9%)";
|
|
173
|
+
readonly gray990: "hsl(0 0% 6%)";
|
|
174
|
+
};
|
|
175
|
+
readonly semantic: {
|
|
176
|
+
readonly success: "hsl(93 28% 54%)";
|
|
177
|
+
readonly successDark: "hsl(96 44% 61%)";
|
|
178
|
+
readonly destructive: "hsl(0 84.2% 60.2%)";
|
|
179
|
+
readonly destructiveDark: "hsl(0 62.8% 30.6%)";
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
readonly theme: {
|
|
183
|
+
readonly light: {
|
|
184
|
+
readonly background: "hsl(0 0% 96%)";
|
|
185
|
+
readonly foreground: "hsl(222 47% 11%)";
|
|
186
|
+
readonly card: "hsl(0 0% 100%)";
|
|
187
|
+
readonly cardForeground: "hsl(222 47% 11%)";
|
|
188
|
+
readonly popover: "hsl(0 0% 100%)";
|
|
189
|
+
readonly popoverForeground: "hsl(222 47% 11%)";
|
|
190
|
+
readonly primary: "hsl(225 73% 57%)";
|
|
191
|
+
readonly primaryForeground: "hsl(0 0% 100%)";
|
|
192
|
+
readonly secondary: "hsl(93 28% 54%)";
|
|
193
|
+
readonly secondaryForeground: "hsl(0 0% 100%)";
|
|
194
|
+
readonly muted: "hsl(0 0% 92%)";
|
|
195
|
+
readonly mutedForeground: "hsl(215 16% 47%)";
|
|
196
|
+
readonly accent: "hsl(0 0% 88%)";
|
|
197
|
+
readonly accentForeground: "hsl(222 47% 11%)";
|
|
198
|
+
readonly destructive: "hsl(0 84.2% 60.2%)";
|
|
199
|
+
readonly destructiveForeground: "hsl(0 0% 100%)";
|
|
200
|
+
readonly border: "hsl(0 0% 89%)";
|
|
201
|
+
readonly input: "hsl(0 0% 89%)";
|
|
202
|
+
readonly ring: "hsl(222 47% 11%)";
|
|
203
|
+
readonly radius: "0.5rem";
|
|
204
|
+
};
|
|
205
|
+
readonly dark: {
|
|
206
|
+
readonly background: "hsl(0 0% 9%)";
|
|
207
|
+
readonly foreground: "hsl(0 0% 100%)";
|
|
208
|
+
readonly card: "hsl(0 0% 14%)";
|
|
209
|
+
readonly cardForeground: "hsl(0 0% 100%)";
|
|
210
|
+
readonly popover: "hsl(0 0% 11%)";
|
|
211
|
+
readonly popoverForeground: "hsl(0 0% 100%)";
|
|
212
|
+
readonly primary: "hsl(227 96% 71%)";
|
|
213
|
+
readonly primaryForeground: "hsl(0 0% 9%)";
|
|
214
|
+
readonly secondary: "hsl(96 44% 61%)";
|
|
215
|
+
readonly secondaryForeground: "hsl(0 0% 9%)";
|
|
216
|
+
readonly muted: "hsl(0 0% 6%)";
|
|
217
|
+
readonly mutedForeground: "hsl(0 0% 70%)";
|
|
218
|
+
readonly accent: "hsl(0 0% 15%)";
|
|
219
|
+
readonly accentForeground: "hsl(0 0% 100%)";
|
|
220
|
+
readonly destructive: "hsl(0 62.8% 30.6%)";
|
|
221
|
+
readonly destructiveForeground: "hsl(0 0% 100%)";
|
|
222
|
+
readonly border: "hsl(0 0% 18%)";
|
|
223
|
+
readonly input: "hsl(0 0% 18%)";
|
|
224
|
+
readonly ring: "hsl(0 0% 90%)";
|
|
225
|
+
readonly radius: "0.5rem";
|
|
226
|
+
};
|
|
227
|
+
};
|
|
228
|
+
};
|
|
229
|
+
|
|
230
|
+
export declare const typography: {
|
|
231
|
+
readonly fontFamily: {
|
|
232
|
+
readonly sans: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif";
|
|
233
|
+
readonly mono: "ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace";
|
|
234
|
+
};
|
|
235
|
+
readonly fontSize: {
|
|
236
|
+
readonly xs: "0.75rem";
|
|
237
|
+
readonly sm: "0.875rem";
|
|
238
|
+
readonly base: "1rem";
|
|
239
|
+
readonly lg: "1.125rem";
|
|
240
|
+
readonly xl: "1.25rem";
|
|
241
|
+
readonly '2xl': "1.5rem";
|
|
242
|
+
readonly '3xl': "1.875rem";
|
|
243
|
+
readonly '4xl': "2.25rem";
|
|
244
|
+
readonly '5xl': "3rem";
|
|
245
|
+
};
|
|
246
|
+
readonly fontWeight: {
|
|
247
|
+
readonly normal: "400";
|
|
248
|
+
readonly medium: "500";
|
|
249
|
+
readonly semibold: "600";
|
|
250
|
+
readonly bold: "700";
|
|
251
|
+
};
|
|
252
|
+
readonly lineHeight: {
|
|
253
|
+
readonly none: "1";
|
|
254
|
+
readonly tight: "1.25";
|
|
255
|
+
readonly snug: "1.375";
|
|
256
|
+
readonly normal: "1.5";
|
|
257
|
+
readonly relaxed: "1.625";
|
|
258
|
+
readonly loose: "2";
|
|
259
|
+
};
|
|
260
|
+
};
|
|
261
|
+
|
|
262
|
+
export declare type TypographyTokens = typeof typography;
|
|
263
|
+
|
|
264
|
+
export { }
|
package/dist/index.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={brand:{blue:"hsl(225 73% 57%)",green:"hsl(151 66% 27%)",floralWhite:"hsl(40 100% 97%)"},neutral:{white:"hsl(0 0% 100%)",black:"hsl(0 0% 0%)",gray50:"hsl(0 0% 96%)",gray100:"hsl(0 0% 92%)",gray200:"hsl(0 0% 89%)",gray300:"hsl(0 0% 88%)",gray400:"hsl(0 0% 70%)",gray500:"hsl(215 16% 47%)",gray600:"hsl(222 47% 11%)",gray700:"hsl(0 0% 18%)",gray800:"hsl(0 0% 15%)",gray900:"hsl(0 0% 14%)",gray950:"hsl(0 0% 11%)",gray975:"hsl(0 0% 9%)",gray990:"hsl(0 0% 6%)"},semantic:{success:"hsl(93 28% 54%)",successDark:"hsl(96 44% 61%)",destructive:"hsl(0 84.2% 60.2%)",destructiveDark:"hsl(0 62.8% 30.6%)"}},e={light:{background:r.neutral.gray50,foreground:r.neutral.gray600,card:r.neutral.white,cardForeground:r.neutral.gray600,popover:r.neutral.white,popoverForeground:r.neutral.gray600,primary:r.brand.blue,primaryForeground:r.neutral.white,secondary:r.semantic.success,secondaryForeground:r.neutral.white,muted:r.neutral.gray100,mutedForeground:r.neutral.gray500,accent:r.neutral.gray300,accentForeground:r.neutral.gray600,destructive:r.semantic.destructive,destructiveForeground:r.neutral.white,border:r.neutral.gray200,input:r.neutral.gray200,ring:r.neutral.gray600,radius:"0.5rem"},dark:{background:r.neutral.gray975,foreground:r.neutral.white,card:r.neutral.gray900,cardForeground:r.neutral.white,popover:r.neutral.gray950,popoverForeground:r.neutral.white,primary:"hsl(227 96% 71%)",primaryForeground:r.neutral.gray975,secondary:r.semantic.successDark,secondaryForeground:r.neutral.gray975,muted:r.neutral.gray990,mutedForeground:r.neutral.gray400,accent:r.neutral.gray800,accentForeground:r.neutral.white,destructive:r.semantic.destructiveDark,destructiveForeground:r.neutral.white,border:r.neutral.gray700,input:r.neutral.gray700,ring:"hsl(0 0% 90%)",radius:"0.5rem"}},a={px:"1px",0:"0",.5:"0.125rem",1:"0.25rem",1.5:"0.375rem",2:"0.5rem",2.5:"0.625rem",3:"0.75rem",3.5:"0.875rem",4:"1rem",5:"1.25rem",6:"1.5rem",7:"1.75rem",8:"2rem",9:"2.25rem",10:"2.5rem",12:"3rem",14:"3.5rem",16:"4rem",20:"5rem",24:"6rem",32:"8rem",40:"10rem",48:"12rem",56:"14rem",64:"16rem"},t={none:"0",sm:"calc(var(--radius) - 4px)",md:"calc(var(--radius) - 2px)",lg:"var(--radius)",xl:"calc(var(--radius) + 4px)","2xl":"calc(var(--radius) + 8px)",full:"9999px"},n={none:0,sm:4,md:6,lg:8,xl:12,"2xl":16,full:9999},l={fontFamily:{sans:'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',mono:'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'},fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem","2xl":"1.5rem","3xl":"1.875rem","4xl":"2.25rem","5xl":"3rem"},fontWeight:{normal:"400",medium:"500",semibold:"600",bold:"700"},lineHeight:{none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"}},s={none:"none",sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",default:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"},o={palette:r,theme:e};exports.palette=r;exports.radii=t;exports.radiiNumeric=n;exports.shadows=s;exports.spacing=a;exports.theme=e;exports.tokens=o;exports.typography=l;
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
const r = {
|
|
2
|
+
brand: {
|
|
3
|
+
blue: "hsl(225 73% 57%)",
|
|
4
|
+
// Royal Blue (Intellect)
|
|
5
|
+
green: "hsl(151 66% 27%)",
|
|
6
|
+
// #177245 (Stability)
|
|
7
|
+
floralWhite: "hsl(40 100% 97%)"
|
|
8
|
+
// Light Neutral / Floral White
|
|
9
|
+
},
|
|
10
|
+
neutral: {
|
|
11
|
+
white: "hsl(0 0% 100%)",
|
|
12
|
+
black: "hsl(0 0% 0%)",
|
|
13
|
+
// Pure Black
|
|
14
|
+
gray50: "hsl(0 0% 96%)",
|
|
15
|
+
// White Smoke
|
|
16
|
+
gray100: "hsl(0 0% 92%)",
|
|
17
|
+
// Gainsboro
|
|
18
|
+
gray200: "hsl(0 0% 89%)",
|
|
19
|
+
// Light Gray
|
|
20
|
+
gray300: "hsl(0 0% 88%)",
|
|
21
|
+
// French Gray
|
|
22
|
+
gray400: "hsl(0 0% 70%)",
|
|
23
|
+
// Silver
|
|
24
|
+
gray500: "hsl(215 16% 47%)",
|
|
25
|
+
// Steel Blue
|
|
26
|
+
gray600: "hsl(222 47% 11%)",
|
|
27
|
+
// Oxford Blue
|
|
28
|
+
gray700: "hsl(0 0% 18%)",
|
|
29
|
+
// Raisin Black
|
|
30
|
+
gray800: "hsl(0 0% 15%)",
|
|
31
|
+
// Jet
|
|
32
|
+
gray900: "hsl(0 0% 14%)",
|
|
33
|
+
// Eerie Black
|
|
34
|
+
gray950: "hsl(0 0% 11%)",
|
|
35
|
+
// Night (alt)
|
|
36
|
+
gray975: "hsl(0 0% 9%)",
|
|
37
|
+
// Night
|
|
38
|
+
gray990: "hsl(0 0% 6%)"
|
|
39
|
+
// Black (almost)
|
|
40
|
+
},
|
|
41
|
+
semantic: {
|
|
42
|
+
success: "hsl(93 28% 54%)",
|
|
43
|
+
// Asparagus / Pistachio
|
|
44
|
+
successDark: "hsl(96 44% 61%)",
|
|
45
|
+
destructive: "hsl(0 84.2% 60.2%)",
|
|
46
|
+
// Vivid Red
|
|
47
|
+
destructiveDark: "hsl(0 62.8% 30.6%)"
|
|
48
|
+
// Blood Red
|
|
49
|
+
}
|
|
50
|
+
}, e = {
|
|
51
|
+
light: {
|
|
52
|
+
background: r.neutral.gray50,
|
|
53
|
+
foreground: r.neutral.gray600,
|
|
54
|
+
card: r.neutral.white,
|
|
55
|
+
cardForeground: r.neutral.gray600,
|
|
56
|
+
popover: r.neutral.white,
|
|
57
|
+
popoverForeground: r.neutral.gray600,
|
|
58
|
+
primary: r.brand.blue,
|
|
59
|
+
primaryForeground: r.neutral.white,
|
|
60
|
+
secondary: r.semantic.success,
|
|
61
|
+
secondaryForeground: r.neutral.white,
|
|
62
|
+
muted: r.neutral.gray100,
|
|
63
|
+
mutedForeground: r.neutral.gray500,
|
|
64
|
+
accent: r.neutral.gray300,
|
|
65
|
+
accentForeground: r.neutral.gray600,
|
|
66
|
+
destructive: r.semantic.destructive,
|
|
67
|
+
destructiveForeground: r.neutral.white,
|
|
68
|
+
border: r.neutral.gray200,
|
|
69
|
+
input: r.neutral.gray200,
|
|
70
|
+
ring: r.neutral.gray600,
|
|
71
|
+
radius: "0.5rem"
|
|
72
|
+
},
|
|
73
|
+
dark: {
|
|
74
|
+
background: r.neutral.gray975,
|
|
75
|
+
foreground: r.neutral.white,
|
|
76
|
+
card: r.neutral.gray900,
|
|
77
|
+
cardForeground: r.neutral.white,
|
|
78
|
+
popover: r.neutral.gray950,
|
|
79
|
+
popoverForeground: r.neutral.white,
|
|
80
|
+
primary: "hsl(227 96% 71%)",
|
|
81
|
+
// Keeping as specific HSL to match original
|
|
82
|
+
primaryForeground: r.neutral.gray975,
|
|
83
|
+
secondary: r.semantic.successDark,
|
|
84
|
+
secondaryForeground: r.neutral.gray975,
|
|
85
|
+
muted: r.neutral.gray990,
|
|
86
|
+
mutedForeground: r.neutral.gray400,
|
|
87
|
+
accent: r.neutral.gray800,
|
|
88
|
+
accentForeground: r.neutral.white,
|
|
89
|
+
destructive: r.semantic.destructiveDark,
|
|
90
|
+
destructiveForeground: r.neutral.white,
|
|
91
|
+
border: r.neutral.gray700,
|
|
92
|
+
input: r.neutral.gray700,
|
|
93
|
+
ring: "hsl(0 0% 90%)",
|
|
94
|
+
// Platinum
|
|
95
|
+
radius: "0.5rem"
|
|
96
|
+
}
|
|
97
|
+
}, a = {
|
|
98
|
+
px: "1px",
|
|
99
|
+
0: "0",
|
|
100
|
+
0.5: "0.125rem",
|
|
101
|
+
// 2px
|
|
102
|
+
1: "0.25rem",
|
|
103
|
+
// 4px
|
|
104
|
+
1.5: "0.375rem",
|
|
105
|
+
// 6px
|
|
106
|
+
2: "0.5rem",
|
|
107
|
+
// 8px
|
|
108
|
+
2.5: "0.625rem",
|
|
109
|
+
// 10px
|
|
110
|
+
3: "0.75rem",
|
|
111
|
+
// 12px
|
|
112
|
+
3.5: "0.875rem",
|
|
113
|
+
// 14px
|
|
114
|
+
4: "1rem",
|
|
115
|
+
// 16px
|
|
116
|
+
5: "1.25rem",
|
|
117
|
+
// 20px
|
|
118
|
+
6: "1.5rem",
|
|
119
|
+
// 24px
|
|
120
|
+
7: "1.75rem",
|
|
121
|
+
// 28px
|
|
122
|
+
8: "2rem",
|
|
123
|
+
// 32px
|
|
124
|
+
9: "2.25rem",
|
|
125
|
+
// 36px
|
|
126
|
+
10: "2.5rem",
|
|
127
|
+
// 40px
|
|
128
|
+
12: "3rem",
|
|
129
|
+
// 48px
|
|
130
|
+
14: "3.5rem",
|
|
131
|
+
// 56px
|
|
132
|
+
16: "4rem",
|
|
133
|
+
// 64px
|
|
134
|
+
20: "5rem",
|
|
135
|
+
// 80px
|
|
136
|
+
24: "6rem",
|
|
137
|
+
// 96px
|
|
138
|
+
32: "8rem",
|
|
139
|
+
// 128px
|
|
140
|
+
40: "10rem",
|
|
141
|
+
// 160px
|
|
142
|
+
48: "12rem",
|
|
143
|
+
// 192px
|
|
144
|
+
56: "14rem",
|
|
145
|
+
// 224px
|
|
146
|
+
64: "16rem"
|
|
147
|
+
// 256px
|
|
148
|
+
}, n = {
|
|
149
|
+
none: "0",
|
|
150
|
+
sm: "calc(var(--radius) - 4px)",
|
|
151
|
+
md: "calc(var(--radius) - 2px)",
|
|
152
|
+
lg: "var(--radius)",
|
|
153
|
+
xl: "calc(var(--radius) + 4px)",
|
|
154
|
+
"2xl": "calc(var(--radius) + 8px)",
|
|
155
|
+
full: "9999px"
|
|
156
|
+
}, t = {
|
|
157
|
+
none: 0,
|
|
158
|
+
sm: 4,
|
|
159
|
+
// 8 - 4
|
|
160
|
+
md: 6,
|
|
161
|
+
// 8 - 2
|
|
162
|
+
lg: 8,
|
|
163
|
+
// base
|
|
164
|
+
xl: 12,
|
|
165
|
+
// 8 + 4
|
|
166
|
+
"2xl": 16,
|
|
167
|
+
// 8 + 8
|
|
168
|
+
full: 9999
|
|
169
|
+
}, l = {
|
|
170
|
+
fontFamily: {
|
|
171
|
+
sans: 'Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
|
|
172
|
+
mono: 'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace'
|
|
173
|
+
},
|
|
174
|
+
fontSize: {
|
|
175
|
+
xs: "0.75rem",
|
|
176
|
+
// 12px
|
|
177
|
+
sm: "0.875rem",
|
|
178
|
+
// 14px
|
|
179
|
+
base: "1rem",
|
|
180
|
+
// 16px
|
|
181
|
+
lg: "1.125rem",
|
|
182
|
+
// 18px
|
|
183
|
+
xl: "1.25rem",
|
|
184
|
+
// 20px
|
|
185
|
+
"2xl": "1.5rem",
|
|
186
|
+
// 24px
|
|
187
|
+
"3xl": "1.875rem",
|
|
188
|
+
// 30px
|
|
189
|
+
"4xl": "2.25rem",
|
|
190
|
+
// 36px
|
|
191
|
+
"5xl": "3rem"
|
|
192
|
+
// 48px
|
|
193
|
+
},
|
|
194
|
+
fontWeight: {
|
|
195
|
+
normal: "400",
|
|
196
|
+
medium: "500",
|
|
197
|
+
semibold: "600",
|
|
198
|
+
bold: "700"
|
|
199
|
+
},
|
|
200
|
+
lineHeight: {
|
|
201
|
+
none: "1",
|
|
202
|
+
tight: "1.25",
|
|
203
|
+
snug: "1.375",
|
|
204
|
+
normal: "1.5",
|
|
205
|
+
relaxed: "1.625",
|
|
206
|
+
loose: "2"
|
|
207
|
+
}
|
|
208
|
+
}, s = {
|
|
209
|
+
none: "none",
|
|
210
|
+
sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
211
|
+
default: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
212
|
+
md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
213
|
+
lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
214
|
+
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
215
|
+
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
|
|
216
|
+
inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
|
|
217
|
+
}, o = {
|
|
218
|
+
palette: r,
|
|
219
|
+
theme: e
|
|
220
|
+
};
|
|
221
|
+
export {
|
|
222
|
+
r as palette,
|
|
223
|
+
n as radii,
|
|
224
|
+
t as radiiNumeric,
|
|
225
|
+
s as shadows,
|
|
226
|
+
a as spacing,
|
|
227
|
+
e as theme,
|
|
228
|
+
o as tokens,
|
|
229
|
+
l as typography
|
|
230
|
+
};
|