@fastwork/xosmoz-theme 0.0.13 → 0.0.15
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/README.md +47 -72
- package/dist/base.css +3 -3
- package/dist/{index-B3oQ5FIa.d.mts → index-D8kHN4dA.d.mts} +8 -25
- package/dist/{index-B3oQ5FIa.d.ts → index-D8kHN4dA.d.ts} +8 -25
- package/dist/index.d.mts +61 -73
- package/dist/index.d.ts +61 -73
- package/dist/index.js +532 -541
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +533 -523
- package/dist/index.mjs.map +1 -1
- package/dist/themes/dark.css +174 -25
- package/dist/themes/light.css +175 -26
- package/dist/themes.css +349 -138
- package/dist/tokens.d.mts +1 -1
- package/dist/tokens.d.ts +1 -1
- package/dist/tokens.js +0 -244
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.mjs +1 -234
- package/dist/tokens.mjs.map +1 -1
- package/dist/variables.css +144 -102
- package/dist/xosmoz.css +147 -105
- package/package.json +5 -5
- package/dist/themes/cyberpunk.css +0 -27
- package/dist/themes/forest.css +0 -27
- package/dist/themes/ocean.css +0 -27
package/dist/tokens.js
CHANGED
|
@@ -1,177 +1,24 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
// src/tokens/colors.ts
|
|
4
|
-
var primary = {
|
|
5
|
-
50: "#E5F0FF",
|
|
6
|
-
100: "#CCE0FF",
|
|
7
|
-
200: "#99C2FF",
|
|
8
|
-
300: "#66A3FF",
|
|
9
|
-
400: "#3385FF",
|
|
10
|
-
500: "#0569FF",
|
|
11
|
-
600: "#0052CC",
|
|
12
|
-
700: "#003D99",
|
|
13
|
-
800: "#002966",
|
|
14
|
-
900: "#001433"
|
|
15
|
-
};
|
|
16
|
-
var neutral = {
|
|
17
|
-
50: "#FFFFFF",
|
|
18
|
-
100: "#FBFBFC",
|
|
19
|
-
200: "#F6F7F8",
|
|
20
|
-
300: "#E8EAEE",
|
|
21
|
-
400: "#D6DAE1",
|
|
22
|
-
500: "#9BA6B5",
|
|
23
|
-
600: "#8793A6",
|
|
24
|
-
700: "#728197",
|
|
25
|
-
800: "#485261",
|
|
26
|
-
900: "#38404C",
|
|
27
|
-
1e3: "#2B313B",
|
|
28
|
-
1100: "#000000"
|
|
29
|
-
};
|
|
30
|
-
var green = {
|
|
31
|
-
50: "#EBFFF3",
|
|
32
|
-
100: "#D7F1E2",
|
|
33
|
-
200: "#AFE3C5",
|
|
34
|
-
300: "#87D5A7",
|
|
35
|
-
400: "#5FC78A",
|
|
36
|
-
500: "#37B96D",
|
|
37
|
-
600: "#2C9457",
|
|
38
|
-
700: "#216F41",
|
|
39
|
-
800: "#164A2C",
|
|
40
|
-
900: "#0B2516"
|
|
41
|
-
};
|
|
42
|
-
var yellow = {
|
|
43
|
-
50: "#FFF8E5",
|
|
44
|
-
100: "#FFF4CC",
|
|
45
|
-
200: "#FFE999",
|
|
46
|
-
300: "#FFDE66",
|
|
47
|
-
400: "#FFD333",
|
|
48
|
-
500: "#FFC800",
|
|
49
|
-
600: "#CCA000",
|
|
50
|
-
700: "#997800",
|
|
51
|
-
800: "#665000",
|
|
52
|
-
900: "#332800"
|
|
53
|
-
};
|
|
54
|
-
var red = {
|
|
55
|
-
50: "#FCE3E3",
|
|
56
|
-
100: "#FAD8D7",
|
|
57
|
-
200: "#F5B0AF",
|
|
58
|
-
300: "#F08987",
|
|
59
|
-
400: "#EC615F",
|
|
60
|
-
500: "#E73A37",
|
|
61
|
-
600: "#B92E2C",
|
|
62
|
-
700: "#8A2321",
|
|
63
|
-
800: "#5C1716",
|
|
64
|
-
900: "#411110"
|
|
65
|
-
};
|
|
66
|
-
var orange = {
|
|
67
|
-
50: "#FEF0E6",
|
|
68
|
-
100: "#FEE1CD",
|
|
69
|
-
200: "#FCC49C",
|
|
70
|
-
300: "#FBA66A",
|
|
71
|
-
400: "#FA8938",
|
|
72
|
-
500: "#F97416",
|
|
73
|
-
600: "#C75605",
|
|
74
|
-
700: "#954004",
|
|
75
|
-
800: "#632B03",
|
|
76
|
-
900: "#321501"
|
|
77
|
-
};
|
|
78
|
-
var purple = {
|
|
79
|
-
50: "#F0F2FD",
|
|
80
|
-
100: "#E9E8FA",
|
|
81
|
-
200: "#D2D1F6",
|
|
82
|
-
300: "#BCBBF1",
|
|
83
|
-
400: "#A5A4ED",
|
|
84
|
-
500: "#8F8DE8",
|
|
85
|
-
600: "#7271BA",
|
|
86
|
-
700: "#56558B",
|
|
87
|
-
800: "#39385D",
|
|
88
|
-
900: "#1D1C2E"
|
|
89
|
-
};
|
|
90
|
-
var cyan = {
|
|
91
|
-
50: "#E5F5FC",
|
|
92
|
-
100: "#D7EFF8",
|
|
93
|
-
200: "#AFDEF1",
|
|
94
|
-
300: "#88CEEA",
|
|
95
|
-
400: "#60BDE3",
|
|
96
|
-
500: "#38ADDC",
|
|
97
|
-
600: "#2D8AB0",
|
|
98
|
-
700: "#226884",
|
|
99
|
-
800: "#164558",
|
|
100
|
-
900: "#0B232C"
|
|
101
|
-
};
|
|
102
|
-
var blackAlpha = {
|
|
103
|
-
50: "rgb(0 0 0 / 0.05)",
|
|
104
|
-
100: "rgb(0 0 0 / 0.1)",
|
|
105
|
-
200: "rgb(0 0 0 / 0.2)",
|
|
106
|
-
300: "rgb(0 0 0 / 0.3)",
|
|
107
|
-
400: "rgb(0 0 0 / 0.4)",
|
|
108
|
-
500: "rgb(0 0 0 / 0.5)",
|
|
109
|
-
600: "rgb(0 0 0 / 0.6)",
|
|
110
|
-
700: "rgb(0 0 0 / 0.7)",
|
|
111
|
-
800: "rgb(0 0 0 / 0.8)",
|
|
112
|
-
900: "rgb(0 0 0 / 0.9)"
|
|
113
|
-
};
|
|
114
|
-
var whiteAlpha = {
|
|
115
|
-
50: "rgb(255 255 255 / 0.05)",
|
|
116
|
-
100: "rgb(255 255 255 / 0.1)",
|
|
117
|
-
200: "rgb(255 255 255 / 0.2)",
|
|
118
|
-
300: "rgb(255 255 255 / 0.3)",
|
|
119
|
-
400: "rgb(255 255 255 / 0.4)",
|
|
120
|
-
500: "rgb(255 255 255 / 0.5)",
|
|
121
|
-
600: "rgb(255 255 255 / 0.6)",
|
|
122
|
-
700: "rgb(255 255 255 / 0.7)",
|
|
123
|
-
800: "rgb(255 255 255 / 0.8)",
|
|
124
|
-
900: "rgb(255 255 255 / 0.9)"
|
|
125
|
-
};
|
|
126
|
-
var colors = {
|
|
127
|
-
primary,
|
|
128
|
-
neutral,
|
|
129
|
-
green,
|
|
130
|
-
yellow,
|
|
131
|
-
red,
|
|
132
|
-
orange,
|
|
133
|
-
purple,
|
|
134
|
-
cyan,
|
|
135
|
-
"black-alpha": blackAlpha,
|
|
136
|
-
"white-alpha": whiteAlpha
|
|
137
|
-
};
|
|
138
|
-
|
|
139
3
|
// src/tokens/typography.ts
|
|
140
4
|
var fontSize = {
|
|
141
5
|
50: "0.5rem",
|
|
142
|
-
// 8px
|
|
143
6
|
100: "0.625rem",
|
|
144
|
-
// 10px
|
|
145
7
|
200: "0.75rem",
|
|
146
|
-
// 12px
|
|
147
8
|
300: "0.875rem",
|
|
148
|
-
// 14px
|
|
149
9
|
400: "1rem",
|
|
150
|
-
// 16px
|
|
151
10
|
500: "1.125rem",
|
|
152
|
-
// 18px
|
|
153
11
|
600: "1.25rem",
|
|
154
|
-
// 20px
|
|
155
12
|
700: "1.5rem",
|
|
156
|
-
// 24px
|
|
157
13
|
800: "1.625rem",
|
|
158
|
-
// 26px
|
|
159
14
|
900: "2rem",
|
|
160
|
-
// 32px
|
|
161
15
|
1e3: "2.375rem",
|
|
162
|
-
// 38px
|
|
163
16
|
1100: "2.5rem",
|
|
164
|
-
// 40px
|
|
165
17
|
1200: "2.6875rem",
|
|
166
|
-
// 43px
|
|
167
18
|
1300: "3rem",
|
|
168
|
-
// 48px
|
|
169
19
|
1400: "3.5rem",
|
|
170
|
-
// 56px
|
|
171
20
|
1500: "4rem",
|
|
172
|
-
// 64px
|
|
173
21
|
1600: "4.5rem"
|
|
174
|
-
// 72px
|
|
175
22
|
};
|
|
176
23
|
var fontWeight = {
|
|
177
24
|
100: 100,
|
|
@@ -201,9 +48,7 @@ var headings = {
|
|
|
201
48
|
fontFamily: fontFamily.secondary,
|
|
202
49
|
fontSize: {
|
|
203
50
|
desktop: fontSize[1600],
|
|
204
|
-
// 72px
|
|
205
51
|
mobile: fontSize[1300]
|
|
206
|
-
// 48px
|
|
207
52
|
},
|
|
208
53
|
fontWeight: fontWeight[700]
|
|
209
54
|
},
|
|
@@ -211,9 +56,7 @@ var headings = {
|
|
|
211
56
|
fontFamily: fontFamily.secondary,
|
|
212
57
|
fontSize: {
|
|
213
58
|
desktop: fontSize[1500],
|
|
214
|
-
// 64px
|
|
215
59
|
mobile: fontSize[1200]
|
|
216
|
-
// 43px
|
|
217
60
|
},
|
|
218
61
|
fontWeight: fontWeight[700]
|
|
219
62
|
},
|
|
@@ -221,9 +64,7 @@ var headings = {
|
|
|
221
64
|
fontFamily: fontFamily.secondary,
|
|
222
65
|
fontSize: {
|
|
223
66
|
desktop: fontSize[1400],
|
|
224
|
-
// 56px
|
|
225
67
|
mobile: fontSize[1e3]
|
|
226
|
-
// 38px
|
|
227
68
|
},
|
|
228
69
|
fontWeight: fontWeight[700]
|
|
229
70
|
},
|
|
@@ -231,9 +72,7 @@ var headings = {
|
|
|
231
72
|
fontFamily: fontFamily.secondary,
|
|
232
73
|
fontSize: {
|
|
233
74
|
desktop: fontSize[1300],
|
|
234
|
-
// 48px
|
|
235
75
|
mobile: fontSize[900]
|
|
236
|
-
// 32px
|
|
237
76
|
},
|
|
238
77
|
fontWeight: fontWeight[700]
|
|
239
78
|
},
|
|
@@ -241,9 +80,7 @@ var headings = {
|
|
|
241
80
|
fontFamily: fontFamily.secondary,
|
|
242
81
|
fontSize: {
|
|
243
82
|
desktop: fontSize[1100],
|
|
244
|
-
// 40px
|
|
245
83
|
mobile: fontSize[800]
|
|
246
|
-
// 26px
|
|
247
84
|
},
|
|
248
85
|
fontWeight: fontWeight[700]
|
|
249
86
|
},
|
|
@@ -251,9 +88,7 @@ var headings = {
|
|
|
251
88
|
fontFamily: fontFamily.secondary,
|
|
252
89
|
fontSize: {
|
|
253
90
|
desktop: fontSize[900],
|
|
254
|
-
// 32px
|
|
255
91
|
mobile: fontSize[700]
|
|
256
|
-
// 24px
|
|
257
92
|
},
|
|
258
93
|
fontWeight: fontWeight[700]
|
|
259
94
|
}
|
|
@@ -263,9 +98,7 @@ var titles = {
|
|
|
263
98
|
fontFamily: fontFamily.secondary,
|
|
264
99
|
fontSize: {
|
|
265
100
|
desktop: fontSize[700],
|
|
266
|
-
// 24px
|
|
267
101
|
mobile: fontSize[600]
|
|
268
|
-
// 20px
|
|
269
102
|
},
|
|
270
103
|
fontWeight: fontWeight[700]
|
|
271
104
|
},
|
|
@@ -273,9 +106,7 @@ var titles = {
|
|
|
273
106
|
fontFamily: fontFamily.secondary,
|
|
274
107
|
fontSize: {
|
|
275
108
|
desktop: fontSize[600],
|
|
276
|
-
// 20px
|
|
277
109
|
mobile: fontSize[500]
|
|
278
|
-
// 18px
|
|
279
110
|
},
|
|
280
111
|
fontWeight: fontWeight[700]
|
|
281
112
|
},
|
|
@@ -283,9 +114,7 @@ var titles = {
|
|
|
283
114
|
fontFamily: fontFamily.secondary,
|
|
284
115
|
fontSize: {
|
|
285
116
|
desktop: fontSize[500],
|
|
286
|
-
// 18px
|
|
287
117
|
mobile: fontSize[400]
|
|
288
|
-
// 16px
|
|
289
118
|
},
|
|
290
119
|
fontWeight: fontWeight[700]
|
|
291
120
|
},
|
|
@@ -293,9 +122,7 @@ var titles = {
|
|
|
293
122
|
fontFamily: fontFamily.secondary,
|
|
294
123
|
fontSize: {
|
|
295
124
|
desktop: fontSize[400],
|
|
296
|
-
// 16px
|
|
297
125
|
mobile: fontSize[300]
|
|
298
|
-
// 14px
|
|
299
126
|
},
|
|
300
127
|
fontWeight: fontWeight[700]
|
|
301
128
|
}
|
|
@@ -305,9 +132,7 @@ var subtitles = {
|
|
|
305
132
|
fontFamily: fontFamily.secondary,
|
|
306
133
|
fontSize: {
|
|
307
134
|
desktop: fontSize[400],
|
|
308
|
-
// 16px
|
|
309
135
|
mobile: fontSize[300]
|
|
310
|
-
// 14px
|
|
311
136
|
},
|
|
312
137
|
fontWeight: fontWeight[700]
|
|
313
138
|
},
|
|
@@ -315,9 +140,7 @@ var subtitles = {
|
|
|
315
140
|
fontFamily: fontFamily.secondary,
|
|
316
141
|
fontSize: {
|
|
317
142
|
desktop: fontSize[400],
|
|
318
|
-
// 16px
|
|
319
143
|
mobile: fontSize[300]
|
|
320
|
-
// 14px
|
|
321
144
|
},
|
|
322
145
|
fontWeight: fontWeight[400]
|
|
323
146
|
},
|
|
@@ -325,9 +148,7 @@ var subtitles = {
|
|
|
325
148
|
fontFamily: fontFamily.secondary,
|
|
326
149
|
fontSize: {
|
|
327
150
|
desktop: fontSize[300],
|
|
328
|
-
// 14px
|
|
329
151
|
mobile: fontSize[200]
|
|
330
|
-
// 12px
|
|
331
152
|
},
|
|
332
153
|
fontWeight: fontWeight[700]
|
|
333
154
|
},
|
|
@@ -335,9 +156,7 @@ var subtitles = {
|
|
|
335
156
|
fontFamily: fontFamily.secondary,
|
|
336
157
|
fontSize: {
|
|
337
158
|
desktop: fontSize[300],
|
|
338
|
-
// 14px
|
|
339
159
|
mobile: fontSize[200]
|
|
340
|
-
// 12px
|
|
341
160
|
},
|
|
342
161
|
fontWeight: fontWeight[400]
|
|
343
162
|
},
|
|
@@ -345,9 +164,7 @@ var subtitles = {
|
|
|
345
164
|
fontFamily: fontFamily.secondary,
|
|
346
165
|
fontSize: {
|
|
347
166
|
desktop: fontSize[200],
|
|
348
|
-
// 12px
|
|
349
167
|
mobile: fontSize[100]
|
|
350
|
-
// 10px
|
|
351
168
|
},
|
|
352
169
|
fontWeight: fontWeight[700]
|
|
353
170
|
},
|
|
@@ -355,9 +172,7 @@ var subtitles = {
|
|
|
355
172
|
fontFamily: fontFamily.secondary,
|
|
356
173
|
fontSize: {
|
|
357
174
|
desktop: fontSize[200],
|
|
358
|
-
// 12px
|
|
359
175
|
mobile: fontSize[100]
|
|
360
|
-
// 10px
|
|
361
176
|
},
|
|
362
177
|
fontWeight: fontWeight[400]
|
|
363
178
|
}
|
|
@@ -367,9 +182,7 @@ var body = {
|
|
|
367
182
|
fontFamily: fontFamily.secondary,
|
|
368
183
|
fontSize: {
|
|
369
184
|
desktop: fontSize[400],
|
|
370
|
-
// 16px
|
|
371
185
|
mobile: fontSize[300]
|
|
372
|
-
// 14px
|
|
373
186
|
},
|
|
374
187
|
fontWeight: fontWeight[400]
|
|
375
188
|
},
|
|
@@ -377,9 +190,7 @@ var body = {
|
|
|
377
190
|
fontFamily: fontFamily.secondary,
|
|
378
191
|
fontSize: {
|
|
379
192
|
desktop: fontSize[300],
|
|
380
|
-
// 14px
|
|
381
193
|
mobile: fontSize[200]
|
|
382
|
-
// 12px
|
|
383
194
|
},
|
|
384
195
|
fontWeight: fontWeight[400]
|
|
385
196
|
},
|
|
@@ -387,9 +198,7 @@ var body = {
|
|
|
387
198
|
fontFamily: fontFamily.secondary,
|
|
388
199
|
fontSize: {
|
|
389
200
|
desktop: fontSize[200],
|
|
390
|
-
// 12px
|
|
391
201
|
mobile: fontSize[100]
|
|
392
|
-
// 10px
|
|
393
202
|
},
|
|
394
203
|
fontWeight: fontWeight[400]
|
|
395
204
|
},
|
|
@@ -397,9 +206,7 @@ var body = {
|
|
|
397
206
|
fontFamily: fontFamily.secondary,
|
|
398
207
|
fontSize: {
|
|
399
208
|
desktop: fontSize[100],
|
|
400
|
-
// 10px
|
|
401
209
|
mobile: fontSize[50]
|
|
402
|
-
// 8px
|
|
403
210
|
},
|
|
404
211
|
fontWeight: fontWeight[400]
|
|
405
212
|
}
|
|
@@ -420,71 +227,38 @@ var spacing = {
|
|
|
420
227
|
0: "0",
|
|
421
228
|
px: "1px",
|
|
422
229
|
0.5: "0.125rem",
|
|
423
|
-
// 2px
|
|
424
230
|
1: "0.25rem",
|
|
425
|
-
// 4px
|
|
426
231
|
1.5: "0.375rem",
|
|
427
|
-
// 6px
|
|
428
232
|
2: "0.5rem",
|
|
429
|
-
// 8px
|
|
430
233
|
2.5: "0.625rem",
|
|
431
|
-
// 10px
|
|
432
234
|
3: "0.75rem",
|
|
433
|
-
// 12px
|
|
434
235
|
3.5: "0.875rem",
|
|
435
|
-
// 14px
|
|
436
236
|
4: "1rem",
|
|
437
|
-
// 16px
|
|
438
237
|
5: "1.25rem",
|
|
439
|
-
// 20px
|
|
440
238
|
6: "1.5rem",
|
|
441
|
-
// 24px
|
|
442
239
|
7: "1.75rem",
|
|
443
|
-
// 28px
|
|
444
240
|
8: "2rem",
|
|
445
|
-
// 32px
|
|
446
241
|
9: "2.25rem",
|
|
447
|
-
// 36px
|
|
448
242
|
10: "2.5rem",
|
|
449
|
-
// 40px
|
|
450
243
|
11: "2.75rem",
|
|
451
|
-
// 44px
|
|
452
244
|
12: "3rem",
|
|
453
|
-
// 48px
|
|
454
245
|
14: "3.5rem",
|
|
455
|
-
// 56px
|
|
456
246
|
16: "4rem",
|
|
457
|
-
// 64px
|
|
458
247
|
20: "5rem",
|
|
459
|
-
// 80px
|
|
460
248
|
24: "6rem",
|
|
461
|
-
// 96px
|
|
462
249
|
28: "7rem",
|
|
463
|
-
// 112px
|
|
464
250
|
32: "8rem",
|
|
465
|
-
// 128px
|
|
466
251
|
36: "9rem",
|
|
467
|
-
// 144px
|
|
468
252
|
40: "10rem",
|
|
469
|
-
// 160px
|
|
470
253
|
44: "11rem",
|
|
471
|
-
// 176px
|
|
472
254
|
48: "12rem",
|
|
473
|
-
// 192px
|
|
474
255
|
52: "13rem",
|
|
475
|
-
// 208px
|
|
476
256
|
56: "14rem",
|
|
477
|
-
// 224px
|
|
478
257
|
60: "15rem",
|
|
479
|
-
// 240px
|
|
480
258
|
64: "16rem",
|
|
481
|
-
// 256px
|
|
482
259
|
72: "18rem",
|
|
483
|
-
// 288px
|
|
484
260
|
80: "20rem",
|
|
485
|
-
// 320px
|
|
486
261
|
96: "24rem"
|
|
487
|
-
// 384px
|
|
488
262
|
};
|
|
489
263
|
|
|
490
264
|
// src/tokens/shadows.ts
|
|
@@ -504,44 +278,26 @@ var shadows = {
|
|
|
504
278
|
var borderRadius = {
|
|
505
279
|
none: "0",
|
|
506
280
|
sm: "0.125rem",
|
|
507
|
-
// 2px
|
|
508
281
|
base: "0.25rem",
|
|
509
|
-
// 4px
|
|
510
282
|
md: "0.375rem",
|
|
511
|
-
// 6px
|
|
512
283
|
lg: "0.5rem",
|
|
513
|
-
// 8px
|
|
514
284
|
xl: "0.75rem",
|
|
515
|
-
// 12px
|
|
516
285
|
"2xl": "1rem",
|
|
517
|
-
// 16px
|
|
518
286
|
"3xl": "1.5rem",
|
|
519
|
-
// 24px
|
|
520
287
|
full: "9999px"
|
|
521
288
|
};
|
|
522
289
|
|
|
523
|
-
exports.blackAlpha = blackAlpha;
|
|
524
290
|
exports.body = body;
|
|
525
291
|
exports.borderRadius = borderRadius;
|
|
526
|
-
exports.colors = colors;
|
|
527
|
-
exports.cyan = cyan;
|
|
528
292
|
exports.fontFamily = fontFamily;
|
|
529
293
|
exports.fontSize = fontSize;
|
|
530
294
|
exports.fontWeight = fontWeight;
|
|
531
|
-
exports.green = green;
|
|
532
295
|
exports.headings = headings;
|
|
533
296
|
exports.lineHeight = lineHeight;
|
|
534
|
-
exports.neutral = neutral;
|
|
535
|
-
exports.orange = orange;
|
|
536
|
-
exports.primary = primary;
|
|
537
|
-
exports.purple = purple;
|
|
538
|
-
exports.red = red;
|
|
539
297
|
exports.shadows = shadows;
|
|
540
298
|
exports.spacing = spacing;
|
|
541
299
|
exports.subtitles = subtitles;
|
|
542
300
|
exports.titles = titles;
|
|
543
301
|
exports.typography = typography;
|
|
544
|
-
exports.whiteAlpha = whiteAlpha;
|
|
545
|
-
exports.yellow = yellow;
|
|
546
302
|
//# sourceMappingURL=tokens.js.map
|
|
547
303
|
//# sourceMappingURL=tokens.js.map
|
package/dist/tokens.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/tokens/colors.ts","../src/tokens/typography.ts","../src/tokens/spacing.ts","../src/tokens/shadows.ts","../src/tokens/radius.ts"],"names":[],"mappings":"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","file":"tokens.js","sourcesContent":["/**\n * Color design tokens\n */\n\nimport type { ColorToken, ThemeColors } from '../types';\n\nexport const primary: ColorToken = {\n\t50: '#E5F0FF',\n\t100: '#CCE0FF',\n\t200: '#99C2FF',\n\t300: '#66A3FF',\n\t400: '#3385FF',\n\t500: '#0569FF',\n\t600: '#0052CC',\n\t700: '#003D99',\n\t800: '#002966',\n\t900: '#001433',\n};\n\nexport const neutral: ColorToken = {\n\t50: '#FFFFFF',\n\t100: '#FBFBFC',\n\t200: '#F6F7F8',\n\t300: '#E8EAEE',\n\t400: '#D6DAE1',\n\t500: '#9BA6B5',\n\t600: '#8793A6',\n\t700: '#728197',\n\t800: '#485261',\n\t900: '#38404C',\n\t1000: '#2B313B',\n\t1100: '#000000',\n};\n\nexport const green: ColorToken = {\n\t50: '#EBFFF3',\n\t100: '#D7F1E2',\n\t200: '#AFE3C5',\n\t300: '#87D5A7',\n\t400: '#5FC78A',\n\t500: '#37B96D',\n\t600: '#2C9457',\n\t700: '#216F41',\n\t800: '#164A2C',\n\t900: '#0B2516',\n};\n\nexport const yellow: ColorToken = {\n\t50: '#FFF8E5',\n\t100: '#FFF4CC',\n\t200: '#FFE999',\n\t300: '#FFDE66',\n\t400: '#FFD333',\n\t500: '#FFC800',\n\t600: '#CCA000',\n\t700: '#997800',\n\t800: '#665000',\n\t900: '#332800',\n};\n\nexport const red: ColorToken = {\n\t50: '#FCE3E3',\n\t100: '#FAD8D7',\n\t200: '#F5B0AF',\n\t300: '#F08987',\n\t400: '#EC615F',\n\t500: '#E73A37',\n\t600: '#B92E2C',\n\t700: '#8A2321',\n\t800: '#5C1716',\n\t900: '#411110',\n};\n\nexport const orange: ColorToken = {\n\t50: '#FEF0E6',\n\t100: '#FEE1CD',\n\t200: '#FCC49C',\n\t300: '#FBA66A',\n\t400: '#FA8938',\n\t500: '#F97416',\n\t600: '#C75605',\n\t700: '#954004',\n\t800: '#632B03',\n\t900: '#321501',\n};\n\nexport const purple: ColorToken = {\n\t50: '#F0F2FD',\n\t100: '#E9E8FA',\n\t200: '#D2D1F6',\n\t300: '#BCBBF1',\n\t400: '#A5A4ED',\n\t500: '#8F8DE8',\n\t600: '#7271BA',\n\t700: '#56558B',\n\t800: '#39385D',\n\t900: '#1D1C2E',\n};\n\nexport const cyan: ColorToken = {\n\t50: '#E5F5FC',\n\t100: '#D7EFF8',\n\t200: '#AFDEF1',\n\t300: '#88CEEA',\n\t400: '#60BDE3',\n\t500: '#38ADDC',\n\t600: '#2D8AB0',\n\t700: '#226884',\n\t800: '#164558',\n\t900: '#0B232C',\n};\n\nexport const blackAlpha: ColorToken = {\n\t50: 'rgb(0 0 0 / 0.05)',\n\t100: 'rgb(0 0 0 / 0.1)',\n\t200: 'rgb(0 0 0 / 0.2)',\n\t300: 'rgb(0 0 0 / 0.3)',\n\t400: 'rgb(0 0 0 / 0.4)',\n\t500: 'rgb(0 0 0 / 0.5)',\n\t600: 'rgb(0 0 0 / 0.6)',\n\t700: 'rgb(0 0 0 / 0.7)',\n\t800: 'rgb(0 0 0 / 0.8)',\n\t900: 'rgb(0 0 0 / 0.9)',\n};\n\nexport const whiteAlpha: ColorToken = {\n\t50: 'rgb(255 255 255 / 0.05)',\n\t100: 'rgb(255 255 255 / 0.1)',\n\t200: 'rgb(255 255 255 / 0.2)',\n\t300: 'rgb(255 255 255 / 0.3)',\n\t400: 'rgb(255 255 255 / 0.4)',\n\t500: 'rgb(255 255 255 / 0.5)',\n\t600: 'rgb(255 255 255 / 0.6)',\n\t700: 'rgb(255 255 255 / 0.7)',\n\t800: 'rgb(255 255 255 / 0.8)',\n\t900: 'rgb(255 255 255 / 0.9)',\n};\n\nexport const colors: ThemeColors = {\n\tprimary,\n\tneutral,\n\tgreen,\n\tyellow,\n\tred,\n\torange,\n\tpurple,\n\tcyan,\n\t'black-alpha': blackAlpha,\n\t'white-alpha': whiteAlpha,\n};\n","/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types';\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n};\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n};\n\nexport const fontFamily = {\n\tprimary:\n\t\t'-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'\"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n};\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n};\n\nexport const headings: HeadingTokens = {\n\th1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[50], // 8px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\theadings,\n\ttitles,\n\tsubtitles,\n\tbody,\n};\n","/**\n * Spacing design tokens\n */\n\nimport type { SpacingScale } from '../types';\n\nexport const spacing: SpacingScale = {\n\t0: '0',\n\tpx: '1px',\n\t0.5: '0.125rem', // 2px\n\t1: '0.25rem', // 4px\n\t1.5: '0.375rem', // 6px\n\t2: '0.5rem', // 8px\n\t2.5: '0.625rem', // 10px\n\t3: '0.75rem', // 12px\n\t3.5: '0.875rem', // 14px\n\t4: '1rem', // 16px\n\t5: '1.25rem', // 20px\n\t6: '1.5rem', // 24px\n\t7: '1.75rem', // 28px\n\t8: '2rem', // 32px\n\t9: '2.25rem', // 36px\n\t10: '2.5rem', // 40px\n\t11: '2.75rem', // 44px\n\t12: '3rem', // 48px\n\t14: '3.5rem', // 56px\n\t16: '4rem', // 64px\n\t20: '5rem', // 80px\n\t24: '6rem', // 96px\n\t28: '7rem', // 112px\n\t32: '8rem', // 128px\n\t36: '9rem', // 144px\n\t40: '10rem', // 160px\n\t44: '11rem', // 176px\n\t48: '12rem', // 192px\n\t52: '13rem', // 208px\n\t56: '14rem', // 224px\n\t60: '15rem', // 240px\n\t64: '16rem', // 256px\n\t72: '18rem', // 288px\n\t80: '20rem', // 320px\n\t96: '24rem', // 384px\n};\n","/**\n * Shadow design tokens\n */\n\nimport type { Shadows } from '../types';\n\nexport const shadows: Shadows = {\n\txs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n\tsm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tbase: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tmd: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n\tlg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n\txl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n\t'2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n\tinner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n\tnone: '0 0 #0000',\n};\n","/**\n * Border radius design tokens\n */\n\nimport type { BorderRadius } from '../types';\n\nexport const borderRadius: BorderRadius = {\n\tnone: '0',\n\tsm: '0.125rem', // 2px\n\tbase: '0.25rem', // 4px\n\tmd: '0.375rem', // 6px\n\tlg: '0.5rem', // 8px\n\txl: '0.75rem', // 12px\n\t'2xl': '1rem', // 16px\n\t'3xl': '1.5rem', // 24px\n\tfull: '9999px',\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/tokens/typography.ts","../src/tokens/spacing.ts","../src/tokens/shadows.ts","../src/tokens/radius.ts"],"names":["fontSize","fontWeight","fontFamily","primary","secondary","lineHeight","headings","h1","desktop","mobile","h2","h3","h4","h5","h6","titles","title1","title2","title3","title4","subtitles","subtitle1Bold","subtitle1Regular","subtitle2Bold","subtitle2Regular","subtitle3Bold","subtitle3Regular","body","body1","body2","body3","body4","typography","spacing","px","shadows","xs","sm","base","md","lg","xl","inner","none","borderRadius","full"],"mappings":"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","file":"tokens.js","sourcesContent":["/**\n * Typography design tokens\n */\n\nimport type {\n\tTypographyScale,\n\tFontWeights,\n\tHeadingTokens,\n\tTitleTokens,\n\tSubtitleTokens,\n\tBodyTokens,\n} from '../types';\n\nexport const fontSize: TypographyScale = {\n\t50: '0.5rem', // 8px\n\t100: '0.625rem', // 10px\n\t200: '0.75rem', // 12px\n\t300: '0.875rem', // 14px\n\t400: '1rem', // 16px\n\t500: '1.125rem', // 18px\n\t600: '1.25rem', // 20px\n\t700: '1.5rem', // 24px\n\t800: '1.625rem', // 26px\n\t900: '2rem', // 32px\n\t1000: '2.375rem', // 38px\n\t1100: '2.5rem', // 40px\n\t1200: '2.6875rem', // 43px\n\t1300: '3rem', // 48px\n\t1400: '3.5rem', // 56px\n\t1500: '4rem', // 64px\n\t1600: '4.5rem', // 72px\n};\n\nexport const fontWeight: FontWeights = {\n\t100: 100,\n\t200: 200,\n\t300: 300,\n\t400: 400,\n\t500: 500,\n\t600: 600,\n\t700: 700,\n\t800: 800,\n\t900: 900,\n};\n\nexport const fontFamily = {\n\tprimary:\n\t\t'-apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n\tsecondary:\n\t\t'\"Fastwork\", \"Noto Sans Thai\", \"Noto Sans\", -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", sans-serif',\n};\n\nexport const lineHeight = {\n\t'100pct': '1',\n\t'125pct': '1.25',\n\t'135pct': '1.35',\n\t'150pct': '1.5',\n\t'165pct': '1.65',\n\t'200pct': '2',\n};\n\nexport const headings: HeadingTokens = {\n\th1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1600], // 72px\n\t\t\tmobile: fontSize[1300], // 48px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1500], // 64px\n\t\t\tmobile: fontSize[1200], // 43px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1400], // 56px\n\t\t\tmobile: fontSize[1000], // 38px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1300], // 48px\n\t\t\tmobile: fontSize[900], // 32px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th5: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[1100], // 40px\n\t\t\tmobile: fontSize[800], // 26px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\th6: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[900], // 32px\n\t\t\tmobile: fontSize[700], // 24px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const titles: TitleTokens = {\n\ttitle1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[700], // 24px\n\t\t\tmobile: fontSize[600], // 20px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[600], // 20px\n\t\t\tmobile: fontSize[500], // 18px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[500], // 18px\n\t\t\tmobile: fontSize[400], // 16px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\ttitle4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n};\n\nexport const subtitles: SubtitleTokens = {\n\tsubtitle1Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle1Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle2Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle2Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tsubtitle3Bold: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[700],\n\t},\n\tsubtitle3Regular: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const body: BodyTokens = {\n\tbody1: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[400], // 16px\n\t\t\tmobile: fontSize[300], // 14px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody2: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[300], // 14px\n\t\t\tmobile: fontSize[200], // 12px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody3: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[200], // 12px\n\t\t\tmobile: fontSize[100], // 10px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n\tbody4: {\n\t\tfontFamily: fontFamily.secondary,\n\t\tfontSize: {\n\t\t\tdesktop: fontSize[100], // 10px\n\t\t\tmobile: fontSize[50], // 8px\n\t\t},\n\t\tfontWeight: fontWeight[400],\n\t},\n};\n\nexport const typography = {\n\tfontSize,\n\tfontWeight,\n\tfontFamily,\n\tlineHeight,\n\theadings,\n\ttitles,\n\tsubtitles,\n\tbody,\n};\n","/**\n * Spacing design tokens\n */\n\nimport type { SpacingScale } from '../types';\n\nexport const spacing: SpacingScale = {\n\t0: '0',\n\tpx: '1px',\n\t0.5: '0.125rem', // 2px\n\t1: '0.25rem', // 4px\n\t1.5: '0.375rem', // 6px\n\t2: '0.5rem', // 8px\n\t2.5: '0.625rem', // 10px\n\t3: '0.75rem', // 12px\n\t3.5: '0.875rem', // 14px\n\t4: '1rem', // 16px\n\t5: '1.25rem', // 20px\n\t6: '1.5rem', // 24px\n\t7: '1.75rem', // 28px\n\t8: '2rem', // 32px\n\t9: '2.25rem', // 36px\n\t10: '2.5rem', // 40px\n\t11: '2.75rem', // 44px\n\t12: '3rem', // 48px\n\t14: '3.5rem', // 56px\n\t16: '4rem', // 64px\n\t20: '5rem', // 80px\n\t24: '6rem', // 96px\n\t28: '7rem', // 112px\n\t32: '8rem', // 128px\n\t36: '9rem', // 144px\n\t40: '10rem', // 160px\n\t44: '11rem', // 176px\n\t48: '12rem', // 192px\n\t52: '13rem', // 208px\n\t56: '14rem', // 224px\n\t60: '15rem', // 240px\n\t64: '16rem', // 256px\n\t72: '18rem', // 288px\n\t80: '20rem', // 320px\n\t96: '24rem', // 384px\n};\n","/**\n * Shadow design tokens\n */\n\nimport type { Shadows } from '../types';\n\nexport const shadows: Shadows = {\n\txs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',\n\tsm: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tbase: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',\n\tmd: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',\n\tlg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',\n\txl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',\n\t'2xl': '0 25px 50px -12px rgb(0 0 0 / 0.25)',\n\tinner: 'inset 0 2px 4px 0 rgb(0 0 0 / 0.05)',\n\tnone: '0 0 #0000',\n};\n","/**\n * Border radius design tokens\n */\n\nimport type { BorderRadius } from '../types';\n\nexport const borderRadius: BorderRadius = {\n\tnone: '0',\n\tsm: '0.125rem', // 2px\n\tbase: '0.25rem', // 4px\n\tmd: '0.375rem', // 6px\n\tlg: '0.5rem', // 8px\n\txl: '0.75rem', // 12px\n\t'2xl': '1rem', // 16px\n\t'3xl': '1.5rem', // 24px\n\tfull: '9999px',\n};\n"]}
|