@genfeedai/design-tokens 1.0.2
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/core/colors.d.ts +304 -0
- package/dist/core/colors.d.ts.map +1 -0
- package/dist/core/colors.js +105 -0
- package/dist/core/colors.js.map +1 -0
- package/dist/core/motion.d.ts +12 -0
- package/dist/core/motion.d.ts.map +1 -0
- package/dist/core/motion.js +7 -0
- package/dist/core/motion.js.map +1 -0
- package/dist/core/radius.d.ts +18 -0
- package/dist/core/radius.d.ts.map +1 -0
- package/dist/core/radius.js +10 -0
- package/dist/core/radius.js.map +1 -0
- package/dist/core/spacing.d.ts +20 -0
- package/dist/core/spacing.d.ts.map +1 -0
- package/dist/core/spacing.js +11 -0
- package/dist/core/spacing.js.map +1 -0
- package/dist/core/typography.d.ts +32 -0
- package/dist/core/typography.d.ts.map +1 -0
- package/dist/core/typography.js +17 -0
- package/dist/core/typography.js.map +1 -0
- package/dist/generators/native-ts.d.ts +74 -0
- package/dist/generators/native-ts.d.ts.map +1 -0
- package/dist/generators/native-ts.js +5 -0
- package/dist/generators/native-ts.js.map +1 -0
- package/dist/generators/web-css.d.ts +3 -0
- package/dist/generators/web-css.d.ts.map +1 -0
- package/dist/generators/web-css.js +43 -0
- package/dist/generators/web-css.js.map +1 -0
- package/dist/generators/webview-css.d.ts +3 -0
- package/dist/generators/webview-css.d.ts.map +1 -0
- package/dist/generators/webview-css.js +31 -0
- package/dist/generators/webview-css.js.map +1 -0
- package/dist/index.d.ts +51 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +21 -0
- package/dist/index.js.map +1 -0
- package/dist/semantic/mobile.d.ts +74 -0
- package/dist/semantic/mobile.d.ts.map +1 -0
- package/dist/semantic/mobile.js +69 -0
- package/dist/semantic/mobile.js.map +1 -0
- package/dist/semantic/web.d.ts +44 -0
- package/dist/semantic/web.d.ts.map +1 -0
- package/dist/semantic/web.js +44 -0
- package/dist/semantic/web.js.map +1 -0
- package/dist/semantic/webview.d.ts +22 -0
- package/dist/semantic/webview.d.ts.map +1 -0
- package/dist/semantic/webview.js +22 -0
- package/dist/semantic/webview.js.map +1 -0
- package/gen-vars.scss +72 -0
- package/package.json +42 -0
- package/web-tokens.scss +116 -0
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
export declare const semanticColorRoles: readonly [
|
|
2
|
+
'background',
|
|
3
|
+
'backgroundSecondary',
|
|
4
|
+
'backgroundTertiary',
|
|
5
|
+
'foreground',
|
|
6
|
+
'card',
|
|
7
|
+
'cardForeground',
|
|
8
|
+
'popover',
|
|
9
|
+
'popoverForeground',
|
|
10
|
+
'primary',
|
|
11
|
+
'primaryForeground',
|
|
12
|
+
'secondary',
|
|
13
|
+
'secondaryForeground',
|
|
14
|
+
'muted',
|
|
15
|
+
'mutedForeground',
|
|
16
|
+
'accent',
|
|
17
|
+
'accentForeground',
|
|
18
|
+
'destructive',
|
|
19
|
+
'destructiveForeground',
|
|
20
|
+
'border',
|
|
21
|
+
'input',
|
|
22
|
+
'ring',
|
|
23
|
+
'success',
|
|
24
|
+
'successForeground',
|
|
25
|
+
'warning',
|
|
26
|
+
'warningForeground',
|
|
27
|
+
'info',
|
|
28
|
+
'infoForeground',
|
|
29
|
+
'surface',
|
|
30
|
+
'fill',
|
|
31
|
+
'edge',
|
|
32
|
+
'inv',
|
|
33
|
+
'invFg',
|
|
34
|
+
];
|
|
35
|
+
export type SemanticColorRole = (typeof semanticColorRoles)[number];
|
|
36
|
+
export type ColorTokenName = SemanticColorRole;
|
|
37
|
+
export interface SemanticColorValue {
|
|
38
|
+
hsl: string;
|
|
39
|
+
hex: string;
|
|
40
|
+
}
|
|
41
|
+
export type SemanticThemeColors = Record<SemanticColorRole, SemanticColorValue>;
|
|
42
|
+
export declare const semanticColorTokens: {
|
|
43
|
+
readonly dark: {
|
|
44
|
+
readonly accent: {
|
|
45
|
+
readonly hex: '#1D1D1D';
|
|
46
|
+
readonly hsl: '0 0% 11%';
|
|
47
|
+
};
|
|
48
|
+
readonly accentForeground: {
|
|
49
|
+
readonly hex: '#FAFAFA';
|
|
50
|
+
readonly hsl: '0 0% 98%';
|
|
51
|
+
};
|
|
52
|
+
readonly background: {
|
|
53
|
+
readonly hex: '#0A0A0A';
|
|
54
|
+
readonly hsl: '0 0% 4%';
|
|
55
|
+
};
|
|
56
|
+
readonly backgroundSecondary: {
|
|
57
|
+
readonly hex: '#0F0F0F';
|
|
58
|
+
readonly hsl: '0 0% 6%';
|
|
59
|
+
};
|
|
60
|
+
readonly backgroundTertiary: {
|
|
61
|
+
readonly hex: '#1A1A1A';
|
|
62
|
+
readonly hsl: '0 0% 10%';
|
|
63
|
+
};
|
|
64
|
+
readonly border: {
|
|
65
|
+
readonly hex: '#262626';
|
|
66
|
+
readonly hsl: '0 0% 15%';
|
|
67
|
+
};
|
|
68
|
+
readonly card: {
|
|
69
|
+
readonly hex: '#141414';
|
|
70
|
+
readonly hsl: '0 0% 8%';
|
|
71
|
+
};
|
|
72
|
+
readonly cardForeground: {
|
|
73
|
+
readonly hex: '#FAFAFA';
|
|
74
|
+
readonly hsl: '0 0% 98%';
|
|
75
|
+
};
|
|
76
|
+
readonly destructive: {
|
|
77
|
+
readonly hex: '#CF3F3F';
|
|
78
|
+
readonly hsl: '0 62% 50%';
|
|
79
|
+
};
|
|
80
|
+
readonly destructiveForeground: {
|
|
81
|
+
readonly hex: '#FFFFFF';
|
|
82
|
+
readonly hsl: '0 0% 100%';
|
|
83
|
+
};
|
|
84
|
+
readonly edge: {
|
|
85
|
+
readonly hex: '#FFFFFF';
|
|
86
|
+
readonly hsl: '255 255 255';
|
|
87
|
+
};
|
|
88
|
+
readonly fill: {
|
|
89
|
+
readonly hex: '#FFFFFF';
|
|
90
|
+
readonly hsl: '255 255 255';
|
|
91
|
+
};
|
|
92
|
+
readonly foreground: {
|
|
93
|
+
readonly hex: '#FAFAFA';
|
|
94
|
+
readonly hsl: '0 0% 98%';
|
|
95
|
+
};
|
|
96
|
+
readonly info: {
|
|
97
|
+
readonly hex: '#0EA5E9';
|
|
98
|
+
readonly hsl: '199 89% 48%';
|
|
99
|
+
};
|
|
100
|
+
readonly infoForeground: {
|
|
101
|
+
readonly hex: '#FFFFFF';
|
|
102
|
+
readonly hsl: '0 0% 100%';
|
|
103
|
+
};
|
|
104
|
+
readonly input: {
|
|
105
|
+
readonly hex: '#262626';
|
|
106
|
+
readonly hsl: '0 0% 15%';
|
|
107
|
+
};
|
|
108
|
+
readonly inv: {
|
|
109
|
+
readonly hex: '#FFFFFF';
|
|
110
|
+
readonly hsl: '255 255 255';
|
|
111
|
+
};
|
|
112
|
+
readonly invFg: {
|
|
113
|
+
readonly hex: '#0A0A0A';
|
|
114
|
+
readonly hsl: '10 10 10';
|
|
115
|
+
};
|
|
116
|
+
readonly muted: {
|
|
117
|
+
readonly hex: '#1D1D1D';
|
|
118
|
+
readonly hsl: '0 0% 11%';
|
|
119
|
+
};
|
|
120
|
+
readonly mutedForeground: {
|
|
121
|
+
readonly hex: '#949494';
|
|
122
|
+
readonly hsl: '0 0% 58%';
|
|
123
|
+
};
|
|
124
|
+
readonly popover: {
|
|
125
|
+
readonly hex: '#141414';
|
|
126
|
+
readonly hsl: '0 0% 8%';
|
|
127
|
+
};
|
|
128
|
+
readonly popoverForeground: {
|
|
129
|
+
readonly hex: '#FAFAFA';
|
|
130
|
+
readonly hsl: '0 0% 98%';
|
|
131
|
+
};
|
|
132
|
+
readonly primary: {
|
|
133
|
+
readonly hex: '#FFFFFF';
|
|
134
|
+
readonly hsl: '0 0% 100%';
|
|
135
|
+
};
|
|
136
|
+
readonly primaryForeground: {
|
|
137
|
+
readonly hex: '#000000';
|
|
138
|
+
readonly hsl: '0 0% 0%';
|
|
139
|
+
};
|
|
140
|
+
readonly ring: {
|
|
141
|
+
readonly hex: '#FFFFFF';
|
|
142
|
+
readonly hsl: '0 0% 100%';
|
|
143
|
+
};
|
|
144
|
+
readonly secondary: {
|
|
145
|
+
readonly hex: '#1D1D1D';
|
|
146
|
+
readonly hsl: '0 0% 11%';
|
|
147
|
+
};
|
|
148
|
+
readonly secondaryForeground: {
|
|
149
|
+
readonly hex: '#FAFAFA';
|
|
150
|
+
readonly hsl: '0 0% 98%';
|
|
151
|
+
};
|
|
152
|
+
readonly success: {
|
|
153
|
+
readonly hex: '#22C55E';
|
|
154
|
+
readonly hsl: '142 71% 45%';
|
|
155
|
+
};
|
|
156
|
+
readonly successForeground: {
|
|
157
|
+
readonly hex: '#FFFFFF';
|
|
158
|
+
readonly hsl: '0 0% 100%';
|
|
159
|
+
};
|
|
160
|
+
readonly surface: {
|
|
161
|
+
readonly hex: '#FFFFFF';
|
|
162
|
+
readonly hsl: '255 255 255';
|
|
163
|
+
};
|
|
164
|
+
readonly warning: {
|
|
165
|
+
readonly hex: '#F59E0B';
|
|
166
|
+
readonly hsl: '38 92% 50%';
|
|
167
|
+
};
|
|
168
|
+
readonly warningForeground: {
|
|
169
|
+
readonly hex: '#000000';
|
|
170
|
+
readonly hsl: '0 0% 0%';
|
|
171
|
+
};
|
|
172
|
+
};
|
|
173
|
+
readonly light: {
|
|
174
|
+
readonly accent: {
|
|
175
|
+
readonly hex: '#F6F6F3';
|
|
176
|
+
readonly hsl: '60 9% 96%';
|
|
177
|
+
};
|
|
178
|
+
readonly accentForeground: {
|
|
179
|
+
readonly hex: '#0C0C0C';
|
|
180
|
+
readonly hsl: '0 0% 5%';
|
|
181
|
+
};
|
|
182
|
+
readonly background: {
|
|
183
|
+
readonly hex: '#FAFAF9';
|
|
184
|
+
readonly hsl: '60 10% 98%';
|
|
185
|
+
};
|
|
186
|
+
readonly backgroundSecondary: {
|
|
187
|
+
readonly hex: '#F6F6F3';
|
|
188
|
+
readonly hsl: '60 9% 96%';
|
|
189
|
+
};
|
|
190
|
+
readonly backgroundTertiary: {
|
|
191
|
+
readonly hex: '#F0F0ED';
|
|
192
|
+
readonly hsl: '60 7% 94%';
|
|
193
|
+
};
|
|
194
|
+
readonly border: {
|
|
195
|
+
readonly hex: '#D9D7D0';
|
|
196
|
+
readonly hsl: '45 5% 85%';
|
|
197
|
+
};
|
|
198
|
+
readonly card: {
|
|
199
|
+
readonly hex: '#F6F6F3';
|
|
200
|
+
readonly hsl: '60 9% 96%';
|
|
201
|
+
};
|
|
202
|
+
readonly cardForeground: {
|
|
203
|
+
readonly hex: '#0C0C0C';
|
|
204
|
+
readonly hsl: '0 0% 5%';
|
|
205
|
+
};
|
|
206
|
+
readonly destructive: {
|
|
207
|
+
readonly hex: '#F06464';
|
|
208
|
+
readonly hsl: '0 84% 60%';
|
|
209
|
+
};
|
|
210
|
+
readonly destructiveForeground: {
|
|
211
|
+
readonly hex: '#FFFFFF';
|
|
212
|
+
readonly hsl: '0 0% 100%';
|
|
213
|
+
};
|
|
214
|
+
readonly edge: {
|
|
215
|
+
readonly hex: '#0C0C0C';
|
|
216
|
+
readonly hsl: '12 12 12';
|
|
217
|
+
};
|
|
218
|
+
readonly fill: {
|
|
219
|
+
readonly hex: '#0C0C0C';
|
|
220
|
+
readonly hsl: '12 12 12';
|
|
221
|
+
};
|
|
222
|
+
readonly foreground: {
|
|
223
|
+
readonly hex: '#0C0C0C';
|
|
224
|
+
readonly hsl: '0 0% 5%';
|
|
225
|
+
};
|
|
226
|
+
readonly info: {
|
|
227
|
+
readonly hex: '#0EA5E9';
|
|
228
|
+
readonly hsl: '199 89% 48%';
|
|
229
|
+
};
|
|
230
|
+
readonly infoForeground: {
|
|
231
|
+
readonly hex: '#FFFFFF';
|
|
232
|
+
readonly hsl: '0 0% 100%';
|
|
233
|
+
};
|
|
234
|
+
readonly input: {
|
|
235
|
+
readonly hex: '#D9D7D0';
|
|
236
|
+
readonly hsl: '45 5% 85%';
|
|
237
|
+
};
|
|
238
|
+
readonly inv: {
|
|
239
|
+
readonly hex: '#0C0C0C';
|
|
240
|
+
readonly hsl: '12 12 12';
|
|
241
|
+
};
|
|
242
|
+
readonly invFg: {
|
|
243
|
+
readonly hex: '#FAFAFA';
|
|
244
|
+
readonly hsl: '250 250 250';
|
|
245
|
+
};
|
|
246
|
+
readonly muted: {
|
|
247
|
+
readonly hex: '#F0F0ED';
|
|
248
|
+
readonly hsl: '60 7% 94%';
|
|
249
|
+
};
|
|
250
|
+
readonly mutedForeground: {
|
|
251
|
+
readonly hex: '#707070';
|
|
252
|
+
readonly hsl: '0 0% 44%';
|
|
253
|
+
};
|
|
254
|
+
readonly popover: {
|
|
255
|
+
readonly hex: '#FAFAF9';
|
|
256
|
+
readonly hsl: '60 10% 98%';
|
|
257
|
+
};
|
|
258
|
+
readonly popoverForeground: {
|
|
259
|
+
readonly hex: '#0C0C0C';
|
|
260
|
+
readonly hsl: '0 0% 5%';
|
|
261
|
+
};
|
|
262
|
+
readonly primary: {
|
|
263
|
+
readonly hex: '#2563EB';
|
|
264
|
+
readonly hsl: '221 83% 53%';
|
|
265
|
+
};
|
|
266
|
+
readonly primaryForeground: {
|
|
267
|
+
readonly hex: '#FFFFFF';
|
|
268
|
+
readonly hsl: '0 0% 100%';
|
|
269
|
+
};
|
|
270
|
+
readonly ring: {
|
|
271
|
+
readonly hex: '#2563EB';
|
|
272
|
+
readonly hsl: '221 83% 53%';
|
|
273
|
+
};
|
|
274
|
+
readonly secondary: {
|
|
275
|
+
readonly hex: '#F0F0ED';
|
|
276
|
+
readonly hsl: '60 7% 94%';
|
|
277
|
+
};
|
|
278
|
+
readonly secondaryForeground: {
|
|
279
|
+
readonly hex: '#0C0C0C';
|
|
280
|
+
readonly hsl: '0 0% 5%';
|
|
281
|
+
};
|
|
282
|
+
readonly success: {
|
|
283
|
+
readonly hex: '#22C55E';
|
|
284
|
+
readonly hsl: '142 71% 45%';
|
|
285
|
+
};
|
|
286
|
+
readonly successForeground: {
|
|
287
|
+
readonly hex: '#FFFFFF';
|
|
288
|
+
readonly hsl: '0 0% 100%';
|
|
289
|
+
};
|
|
290
|
+
readonly surface: {
|
|
291
|
+
readonly hex: '#0C0C0C';
|
|
292
|
+
readonly hsl: '12 12 12';
|
|
293
|
+
};
|
|
294
|
+
readonly warning: {
|
|
295
|
+
readonly hex: '#F59E0B';
|
|
296
|
+
readonly hsl: '38 92% 50%';
|
|
297
|
+
};
|
|
298
|
+
readonly warningForeground: {
|
|
299
|
+
readonly hex: '#000000';
|
|
300
|
+
readonly hsl: '0 0% 0%';
|
|
301
|
+
};
|
|
302
|
+
};
|
|
303
|
+
};
|
|
304
|
+
//# sourceMappingURL=colors.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/core/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,odAiCrB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAE/C,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,CAAC;AAEhF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEkC,CAAC"}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
export const semanticColorRoles = [
|
|
2
|
+
'background',
|
|
3
|
+
'backgroundSecondary',
|
|
4
|
+
'backgroundTertiary',
|
|
5
|
+
'foreground',
|
|
6
|
+
'card',
|
|
7
|
+
'cardForeground',
|
|
8
|
+
'popover',
|
|
9
|
+
'popoverForeground',
|
|
10
|
+
'primary',
|
|
11
|
+
'primaryForeground',
|
|
12
|
+
'secondary',
|
|
13
|
+
'secondaryForeground',
|
|
14
|
+
'muted',
|
|
15
|
+
'mutedForeground',
|
|
16
|
+
'accent',
|
|
17
|
+
'accentForeground',
|
|
18
|
+
'destructive',
|
|
19
|
+
'destructiveForeground',
|
|
20
|
+
'border',
|
|
21
|
+
'input',
|
|
22
|
+
'ring',
|
|
23
|
+
'success',
|
|
24
|
+
'successForeground',
|
|
25
|
+
'warning',
|
|
26
|
+
'warningForeground',
|
|
27
|
+
'info',
|
|
28
|
+
'infoForeground',
|
|
29
|
+
'surface',
|
|
30
|
+
'fill',
|
|
31
|
+
'edge',
|
|
32
|
+
'inv',
|
|
33
|
+
'invFg',
|
|
34
|
+
];
|
|
35
|
+
export const semanticColorTokens = {
|
|
36
|
+
dark: {
|
|
37
|
+
accent: { hex: '#1D1D1D', hsl: '0 0% 11%' },
|
|
38
|
+
accentForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },
|
|
39
|
+
background: { hex: '#0A0A0A', hsl: '0 0% 4%' },
|
|
40
|
+
backgroundSecondary: { hex: '#0F0F0F', hsl: '0 0% 6%' },
|
|
41
|
+
backgroundTertiary: { hex: '#1A1A1A', hsl: '0 0% 10%' },
|
|
42
|
+
border: { hex: '#262626', hsl: '0 0% 15%' },
|
|
43
|
+
card: { hex: '#141414', hsl: '0 0% 8%' },
|
|
44
|
+
cardForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },
|
|
45
|
+
destructive: { hex: '#CF3F3F', hsl: '0 62% 50%' },
|
|
46
|
+
destructiveForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
47
|
+
edge: { hex: '#FFFFFF', hsl: '255 255 255' },
|
|
48
|
+
fill: { hex: '#FFFFFF', hsl: '255 255 255' },
|
|
49
|
+
foreground: { hex: '#FAFAFA', hsl: '0 0% 98%' },
|
|
50
|
+
info: { hex: '#0EA5E9', hsl: '199 89% 48%' },
|
|
51
|
+
infoForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
52
|
+
input: { hex: '#262626', hsl: '0 0% 15%' },
|
|
53
|
+
inv: { hex: '#FFFFFF', hsl: '255 255 255' },
|
|
54
|
+
invFg: { hex: '#0A0A0A', hsl: '10 10 10' },
|
|
55
|
+
muted: { hex: '#1D1D1D', hsl: '0 0% 11%' },
|
|
56
|
+
mutedForeground: { hex: '#949494', hsl: '0 0% 58%' },
|
|
57
|
+
popover: { hex: '#141414', hsl: '0 0% 8%' },
|
|
58
|
+
popoverForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },
|
|
59
|
+
primary: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
60
|
+
primaryForeground: { hex: '#000000', hsl: '0 0% 0%' },
|
|
61
|
+
ring: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
62
|
+
secondary: { hex: '#1D1D1D', hsl: '0 0% 11%' },
|
|
63
|
+
secondaryForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },
|
|
64
|
+
success: { hex: '#22C55E', hsl: '142 71% 45%' },
|
|
65
|
+
successForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
66
|
+
surface: { hex: '#FFFFFF', hsl: '255 255 255' },
|
|
67
|
+
warning: { hex: '#F59E0B', hsl: '38 92% 50%' },
|
|
68
|
+
warningForeground: { hex: '#000000', hsl: '0 0% 0%' },
|
|
69
|
+
},
|
|
70
|
+
light: {
|
|
71
|
+
accent: { hex: '#F6F6F3', hsl: '60 9% 96%' },
|
|
72
|
+
accentForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },
|
|
73
|
+
background: { hex: '#FAFAF9', hsl: '60 10% 98%' },
|
|
74
|
+
backgroundSecondary: { hex: '#F6F6F3', hsl: '60 9% 96%' },
|
|
75
|
+
backgroundTertiary: { hex: '#F0F0ED', hsl: '60 7% 94%' },
|
|
76
|
+
border: { hex: '#D9D7D0', hsl: '45 5% 85%' },
|
|
77
|
+
card: { hex: '#F6F6F3', hsl: '60 9% 96%' },
|
|
78
|
+
cardForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },
|
|
79
|
+
destructive: { hex: '#F06464', hsl: '0 84% 60%' },
|
|
80
|
+
destructiveForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
81
|
+
edge: { hex: '#0C0C0C', hsl: '12 12 12' },
|
|
82
|
+
fill: { hex: '#0C0C0C', hsl: '12 12 12' },
|
|
83
|
+
foreground: { hex: '#0C0C0C', hsl: '0 0% 5%' },
|
|
84
|
+
info: { hex: '#0EA5E9', hsl: '199 89% 48%' },
|
|
85
|
+
infoForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
86
|
+
input: { hex: '#D9D7D0', hsl: '45 5% 85%' },
|
|
87
|
+
inv: { hex: '#0C0C0C', hsl: '12 12 12' },
|
|
88
|
+
invFg: { hex: '#FAFAFA', hsl: '250 250 250' },
|
|
89
|
+
muted: { hex: '#F0F0ED', hsl: '60 7% 94%' },
|
|
90
|
+
mutedForeground: { hex: '#707070', hsl: '0 0% 44%' },
|
|
91
|
+
popover: { hex: '#FAFAF9', hsl: '60 10% 98%' },
|
|
92
|
+
popoverForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },
|
|
93
|
+
primary: { hex: '#2563EB', hsl: '221 83% 53%' },
|
|
94
|
+
primaryForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
95
|
+
ring: { hex: '#2563EB', hsl: '221 83% 53%' },
|
|
96
|
+
secondary: { hex: '#F0F0ED', hsl: '60 7% 94%' },
|
|
97
|
+
secondaryForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },
|
|
98
|
+
success: { hex: '#22C55E', hsl: '142 71% 45%' },
|
|
99
|
+
successForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },
|
|
100
|
+
surface: { hex: '#0C0C0C', hsl: '12 12 12' },
|
|
101
|
+
warning: { hex: '#F59E0B', hsl: '38 92% 50%' },
|
|
102
|
+
warningForeground: { hex: '#000000', hsl: '0 0% 0%' },
|
|
103
|
+
},
|
|
104
|
+
};
|
|
105
|
+
//# sourceMappingURL=colors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../src/core/colors.ts"],"names":[],"mappings":"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","sourcesContent":["export const semanticColorRoles = [\n 'background',\n 'backgroundSecondary',\n 'backgroundTertiary',\n 'foreground',\n 'card',\n 'cardForeground',\n 'popover',\n 'popoverForeground',\n 'primary',\n 'primaryForeground',\n 'secondary',\n 'secondaryForeground',\n 'muted',\n 'mutedForeground',\n 'accent',\n 'accentForeground',\n 'destructive',\n 'destructiveForeground',\n 'border',\n 'input',\n 'ring',\n 'success',\n 'successForeground',\n 'warning',\n 'warningForeground',\n 'info',\n 'infoForeground',\n 'surface',\n 'fill',\n 'edge',\n 'inv',\n 'invFg',\n] as const;\n\nexport type SemanticColorRole = (typeof semanticColorRoles)[number];\nexport type ColorTokenName = SemanticColorRole;\n\nexport interface SemanticColorValue {\n hsl: string;\n hex: string;\n}\n\nexport type SemanticThemeColors = Record<SemanticColorRole, SemanticColorValue>;\n\nexport const semanticColorTokens = {\n dark: {\n accent: { hex: '#1D1D1D', hsl: '0 0% 11%' },\n accentForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },\n background: { hex: '#0A0A0A', hsl: '0 0% 4%' },\n backgroundSecondary: { hex: '#0F0F0F', hsl: '0 0% 6%' },\n backgroundTertiary: { hex: '#1A1A1A', hsl: '0 0% 10%' },\n border: { hex: '#262626', hsl: '0 0% 15%' },\n card: { hex: '#141414', hsl: '0 0% 8%' },\n cardForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },\n destructive: { hex: '#CF3F3F', hsl: '0 62% 50%' },\n destructiveForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n edge: { hex: '#FFFFFF', hsl: '255 255 255' },\n fill: { hex: '#FFFFFF', hsl: '255 255 255' },\n foreground: { hex: '#FAFAFA', hsl: '0 0% 98%' },\n info: { hex: '#0EA5E9', hsl: '199 89% 48%' },\n infoForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n input: { hex: '#262626', hsl: '0 0% 15%' },\n inv: { hex: '#FFFFFF', hsl: '255 255 255' },\n invFg: { hex: '#0A0A0A', hsl: '10 10 10' },\n muted: { hex: '#1D1D1D', hsl: '0 0% 11%' },\n mutedForeground: { hex: '#949494', hsl: '0 0% 58%' },\n popover: { hex: '#141414', hsl: '0 0% 8%' },\n popoverForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },\n primary: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n primaryForeground: { hex: '#000000', hsl: '0 0% 0%' },\n ring: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n secondary: { hex: '#1D1D1D', hsl: '0 0% 11%' },\n secondaryForeground: { hex: '#FAFAFA', hsl: '0 0% 98%' },\n success: { hex: '#22C55E', hsl: '142 71% 45%' },\n successForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n surface: { hex: '#FFFFFF', hsl: '255 255 255' },\n warning: { hex: '#F59E0B', hsl: '38 92% 50%' },\n warningForeground: { hex: '#000000', hsl: '0 0% 0%' },\n },\n light: {\n accent: { hex: '#F6F6F3', hsl: '60 9% 96%' },\n accentForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },\n background: { hex: '#FAFAF9', hsl: '60 10% 98%' },\n backgroundSecondary: { hex: '#F6F6F3', hsl: '60 9% 96%' },\n backgroundTertiary: { hex: '#F0F0ED', hsl: '60 7% 94%' },\n border: { hex: '#D9D7D0', hsl: '45 5% 85%' },\n card: { hex: '#F6F6F3', hsl: '60 9% 96%' },\n cardForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },\n destructive: { hex: '#F06464', hsl: '0 84% 60%' },\n destructiveForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n edge: { hex: '#0C0C0C', hsl: '12 12 12' },\n fill: { hex: '#0C0C0C', hsl: '12 12 12' },\n foreground: { hex: '#0C0C0C', hsl: '0 0% 5%' },\n info: { hex: '#0EA5E9', hsl: '199 89% 48%' },\n infoForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n input: { hex: '#D9D7D0', hsl: '45 5% 85%' },\n inv: { hex: '#0C0C0C', hsl: '12 12 12' },\n invFg: { hex: '#FAFAFA', hsl: '250 250 250' },\n muted: { hex: '#F0F0ED', hsl: '60 7% 94%' },\n mutedForeground: { hex: '#707070', hsl: '0 0% 44%' },\n popover: { hex: '#FAFAF9', hsl: '60 10% 98%' },\n popoverForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },\n primary: { hex: '#2563EB', hsl: '221 83% 53%' },\n primaryForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n ring: { hex: '#2563EB', hsl: '221 83% 53%' },\n secondary: { hex: '#F0F0ED', hsl: '60 7% 94%' },\n secondaryForeground: { hex: '#0C0C0C', hsl: '0 0% 5%' },\n success: { hex: '#22C55E', hsl: '142 71% 45%' },\n successForeground: { hex: '#FFFFFF', hsl: '0 0% 100%' },\n surface: { hex: '#0C0C0C', hsl: '12 12 12' },\n warning: { hex: '#F59E0B', hsl: '38 92% 50%' },\n warningForeground: { hex: '#000000', hsl: '0 0% 0%' },\n },\n} as const satisfies Record<'dark' | 'light', SemanticThemeColors>;\n"]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type MotionTokenName =
|
|
2
|
+
| 'durationFast'
|
|
3
|
+
| 'durationNormal'
|
|
4
|
+
| 'durationSlow'
|
|
5
|
+
| 'easeStandard';
|
|
6
|
+
export declare const motionTokens: {
|
|
7
|
+
readonly durationFast: '200ms';
|
|
8
|
+
readonly durationNormal: '300ms';
|
|
9
|
+
readonly durationSlow: '500ms';
|
|
10
|
+
readonly easeStandard: 'cubic-bezier(0.32, 0.72, 0, 1)';
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=motion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../src/core/motion.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,cAAc,CAAC;AAEnB,eAAO,MAAM,YAAY;;;;;CAK2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"motion.js","sourceRoot":"","sources":["../../src/core/motion.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,YAAY,EAAE,OAAO;IACrB,cAAc,EAAE,OAAO;IACvB,YAAY,EAAE,OAAO;IACrB,YAAY,EAAE,gCAAgC;CACI,CAAC","sourcesContent":["export type MotionTokenName =\n | 'durationFast'\n | 'durationNormal'\n | 'durationSlow'\n | 'easeStandard';\n\nexport const motionTokens = {\n durationFast: '200ms',\n durationNormal: '300ms',\n durationSlow: '500ms',\n easeStandard: 'cubic-bezier(0.32, 0.72, 0, 1)',\n} as const satisfies Record<MotionTokenName, string>;\n"]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type RadiusTokenName =
|
|
2
|
+
| 'none'
|
|
3
|
+
| 'sm'
|
|
4
|
+
| 'md'
|
|
5
|
+
| 'lg'
|
|
6
|
+
| 'xl'
|
|
7
|
+
| 'xxl'
|
|
8
|
+
| 'full';
|
|
9
|
+
export declare const radiusTokens: {
|
|
10
|
+
readonly full: '999px';
|
|
11
|
+
readonly lg: '12px';
|
|
12
|
+
readonly md: '8px';
|
|
13
|
+
readonly none: '0px';
|
|
14
|
+
readonly sm: '6px';
|
|
15
|
+
readonly xl: '16px';
|
|
16
|
+
readonly xxl: '24px';
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=radius.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radius.d.ts","sourceRoot":"","sources":["../../src/core/radius.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,MAAM,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;CAQ2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radius.js","sourceRoot":"","sources":["../../src/core/radius.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,IAAI,EAAE,OAAO;IACb,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,KAAK;IACT,IAAI,EAAE,KAAK;IACX,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,GAAG,EAAE,MAAM;CACuC,CAAC","sourcesContent":["export type RadiusTokenName =\n | 'none'\n | 'sm'\n | 'md'\n | 'lg'\n | 'xl'\n | 'xxl'\n | 'full';\n\nexport const radiusTokens = {\n full: '999px',\n lg: '12px',\n md: '8px',\n none: '0px',\n sm: '6px',\n xl: '16px',\n xxl: '24px',\n} as const satisfies Record<RadiusTokenName, string>;\n"]}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export type SpacingTokenName =
|
|
2
|
+
| 'xs'
|
|
3
|
+
| 'sm'
|
|
4
|
+
| 'md'
|
|
5
|
+
| 'lg'
|
|
6
|
+
| 'xl'
|
|
7
|
+
| 'xxl'
|
|
8
|
+
| 'xxxl'
|
|
9
|
+
| 'xxxxl';
|
|
10
|
+
export declare const spacingTokens: {
|
|
11
|
+
readonly lg: '16px';
|
|
12
|
+
readonly md: '12px';
|
|
13
|
+
readonly sm: '8px';
|
|
14
|
+
readonly xl: '20px';
|
|
15
|
+
readonly xs: '4px';
|
|
16
|
+
readonly xxl: '24px';
|
|
17
|
+
readonly xxxl: '32px';
|
|
18
|
+
readonly xxxxl: '48px';
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=spacing.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../src/core/spacing.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GACxB,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,MAAM,GACN,OAAO,CAAC;AAEZ,eAAO,MAAM,aAAa;;;;;;;;;CAS2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../src/core/spacing.ts"],"names":[],"mappings":"AAUA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,KAAK;IACT,EAAE,EAAE,MAAM;IACV,EAAE,EAAE,KAAK;IACT,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,MAAM;CACsC,CAAC","sourcesContent":["export type SpacingTokenName =\n | 'xs'\n | 'sm'\n | 'md'\n | 'lg'\n | 'xl'\n | 'xxl'\n | 'xxxl'\n | 'xxxxl';\n\nexport const spacingTokens = {\n lg: '16px',\n md: '12px',\n sm: '8px',\n xl: '20px',\n xs: '4px',\n xxl: '24px',\n xxxl: '32px',\n xxxxl: '48px',\n} as const satisfies Record<SpacingTokenName, string>;\n"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export type TypographyTokenName =
|
|
2
|
+
| 'fontSans'
|
|
3
|
+
| 'fontSerif'
|
|
4
|
+
| 'fontSerifItalic'
|
|
5
|
+
| 'fontSizeXs'
|
|
6
|
+
| 'fontSizeSm'
|
|
7
|
+
| 'fontSizeMd'
|
|
8
|
+
| 'fontSizeLg'
|
|
9
|
+
| 'fontSizeXl'
|
|
10
|
+
| 'fontSizeXxl'
|
|
11
|
+
| 'fontSizeXxxl'
|
|
12
|
+
| 'fontSizeHero'
|
|
13
|
+
| 'fontSizeH1'
|
|
14
|
+
| 'fontSizeH2'
|
|
15
|
+
| 'fontSizeH3';
|
|
16
|
+
export declare const typographyTokens: {
|
|
17
|
+
readonly fontSans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif";
|
|
18
|
+
readonly fontSerif: "Georgia, 'Times New Roman', serif";
|
|
19
|
+
readonly fontSerifItalic: "Georgia, 'Times New Roman', serif";
|
|
20
|
+
readonly fontSizeH1: '26px';
|
|
21
|
+
readonly fontSizeH2: '24px';
|
|
22
|
+
readonly fontSizeH3: '20px';
|
|
23
|
+
readonly fontSizeHero: '28px';
|
|
24
|
+
readonly fontSizeLg: '14px';
|
|
25
|
+
readonly fontSizeMd: '13px';
|
|
26
|
+
readonly fontSizeSm: '12px';
|
|
27
|
+
readonly fontSizeXl: '15px';
|
|
28
|
+
readonly fontSizeXs: '11px';
|
|
29
|
+
readonly fontSizeXxl: '16px';
|
|
30
|
+
readonly fontSizeXxxl: '18px';
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/core/typography.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAC3B,UAAU,GACV,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,aAAa,GACb,cAAc,GACd,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;AAEjB,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;CAe2B,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
export const typographyTokens = {
|
|
2
|
+
fontSans: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
|
|
3
|
+
fontSerif: "Georgia, 'Times New Roman', serif",
|
|
4
|
+
fontSerifItalic: "Georgia, 'Times New Roman', serif",
|
|
5
|
+
fontSizeH1: '26px',
|
|
6
|
+
fontSizeH2: '24px',
|
|
7
|
+
fontSizeH3: '20px',
|
|
8
|
+
fontSizeHero: '28px',
|
|
9
|
+
fontSizeLg: '14px',
|
|
10
|
+
fontSizeMd: '13px',
|
|
11
|
+
fontSizeSm: '12px',
|
|
12
|
+
fontSizeXl: '15px',
|
|
13
|
+
fontSizeXs: '11px',
|
|
14
|
+
fontSizeXxl: '16px',
|
|
15
|
+
fontSizeXxxl: '18px',
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=typography.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/core/typography.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,QAAQ,EAAE,mEAAmE;IAC7E,SAAS,EAAE,mCAAmC;IAC9C,eAAe,EAAE,mCAAmC;IACpD,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,MAAM;IACpB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,MAAM;IAClB,WAAW,EAAE,MAAM;IACnB,YAAY,EAAE,MAAM;CACkC,CAAC","sourcesContent":["export type TypographyTokenName =\n | 'fontSans'\n | 'fontSerif'\n | 'fontSerifItalic'\n | 'fontSizeXs'\n | 'fontSizeSm'\n | 'fontSizeMd'\n | 'fontSizeLg'\n | 'fontSizeXl'\n | 'fontSizeXxl'\n | 'fontSizeXxxl'\n | 'fontSizeHero'\n | 'fontSizeH1'\n | 'fontSizeH2'\n | 'fontSizeH3';\n\nexport const typographyTokens = {\n fontSans: \"-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n fontSerif: \"Georgia, 'Times New Roman', serif\",\n fontSerifItalic: \"Georgia, 'Times New Roman', serif\",\n fontSizeH1: '26px',\n fontSizeH2: '24px',\n fontSizeH3: '20px',\n fontSizeHero: '28px',\n fontSizeLg: '14px',\n fontSizeMd: '13px',\n fontSizeSm: '12px',\n fontSizeXl: '15px',\n fontSizeXs: '11px',\n fontSizeXxl: '16px',\n fontSizeXxxl: '18px',\n} as const satisfies Record<TypographyTokenName, string>;\n"]}
|