@telegraph/tokens 0.1.4 → 0.2.1

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 (9) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/cjs/index.js +2 -2
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/css/dark.css +1 -1
  5. package/dist/css/default.css +1 -1
  6. package/dist/css/light.css +1 -1
  7. package/dist/esm/index.mjs +605 -309
  8. package/dist/esm/index.mjs.map +1 -1
  9. package/package.json +9 -9
package/dist/esm/index.mjs CHANGED
@@ -1,309 +1,605 @@
1
- const r = {
2
- solid: "solid",
3
- dashed: "dashed"
4
- }, F = {
5
- sm: "640px",
6
- md: "768px",
7
- lg: "1024px",
8
- xl: "1280px",
9
- "2xl": "1536px"
10
- }, a = {
11
- transparent: "transparent",
12
- white: "#FFFFFF",
13
- black: "#000000",
14
- surface: {
15
- 1: { light: "#FFFFFF", dark: "#18191B" },
16
- 2: { light: "#FDFDFC", dark: "#101112" },
17
- 3: { light: "#FFFFFF", dark: "#101112" }
18
- },
19
- alpha: {
20
- white: {
21
- 1: "rgba(255, 255, 255, 0.05)",
22
- 2: "rgba(255, 255, 255, 0.1)",
23
- 3: "rgba(255, 255, 255, 0.15)",
24
- 4: "rgba(255, 255, 255, 0.2)",
25
- 5: "rgba(255, 255, 255, 0.3)",
26
- 6: "rgba(255, 255, 255, 0.4)",
27
- 7: "rgba(255, 255, 255, 0.5)",
28
- 8: "rgba(255, 255, 255, 0.6)",
29
- 9: "rgba(255, 255, 255, 0.7)",
30
- 10: "rgba(255, 255, 255, 0.8)",
31
- 11: "rgba(255, 255, 255, 0.9)",
32
- 12: "rgba(255, 255, 255, 0.95)"
33
- },
34
- black: {
35
- 1: "rgba(0, 0, 0, 0.05)",
36
- 2: "rgba(0, 0, 0, 0.1)",
37
- 3: "rgba(0, 0, 0, 0.15)",
38
- 4: "rgba(0, 0, 0, 0.2)",
39
- 5: "rgba(0, 0, 0, 0.3)",
40
- 6: "rgba(0, 0, 0, 0.4)",
41
- 7: "rgba(0, 0, 0, 0.5)",
42
- 8: "rgba(0, 0, 0, 0.6)",
43
- 9: "rgba(0, 0, 0, 0.7)",
44
- 10: "rgba(0, 0, 0, 0.8)",
45
- 11: "rgba(0, 0, 0, 0.9)",
46
- 12: "rgba(0, 0, 0, 0.95)"
47
- }
48
- },
49
- gray: {
50
- 1: { light: "#FCFCFD", dark: "#101112" },
51
- 2: { light: "#f9f9fb", dark: "#18191B" },
52
- 3: { light: "#EFF0F3", dark: "#212325" },
53
- 4: { light: "#E6E8EB", dark: "#282A2D" },
54
- 5: { light: "#DFE2E5", dark: "#2F3235" },
55
- 6: { light: "#D7DADF", dark: "#383B3E" },
56
- 7: { light: "#CBCFD5", dark: "#45484D" },
57
- 8: { light: "#B6BCC4", dark: "#5C6268" },
58
- 9: { light: "#888E95", dark: "#6A6F76" },
59
- 10: { light: "#7E848A", dark: "#777D84" },
60
- 11: { light: "#60646A", dark: "#AFB5BB" },
61
- 12: { light: "#1D2023", dark: "#EDEEEF" }
62
- },
63
- beige: {
64
- 1: { light: "#FDFDFC", dark: "#12110F" },
65
- 2: { light: "#F9F9F8", dark: "#191817" },
66
- 3: { light: "#F0F0EF", dark: "#232220" },
67
- 4: { light: "#E9E8E7", dark: "#2A2927" },
68
- 5: { light: "#E2E1DF", dark: "#31302E" },
69
- 6: { light: "#DAD9D7", dark: "#3B3937" },
70
- 7: { light: "#CFCECC", dark: "#484745" },
71
- 8: { light: "#BCBBB8", dark: "#61605D" },
72
- 9: { light: "#8E8C8A", dark: "#6E6D6A" },
73
- 10: { light: "#83827F", dark: "#7C7A78" },
74
- 11: { light: "#646360", dark: "#B4B3B0" },
75
- 12: { light: "#21201E", dark: "#EEEDEB" }
76
- },
77
- accent: {
78
- 1: { light: "#FFFCFB", dark: "#160F0D" },
79
- 2: { light: "#FFF5F2", dark: "#201412" },
80
- 3: { light: "#FFE9E2", dark: "#3B140D" },
81
- 4: { light: "#FFD6CB", dark: "#530E04" },
82
- 5: { light: "#FFC8BA", dark: "#631507" },
83
- 6: { light: "#FFB7A6", dark: "#742315" },
84
- 7: { light: "#FFA28F", dark: "#8D3323" },
85
- 8: { light: "#F88872", dark: "#B5432F" },
86
- 9: { light: "#FF573A", dark: "#FF573A" },
87
- 10: { light: "#F2472A", dark: "#F1492D" },
88
- 11: { light: "#DB3619", dark: "#FF917A" },
89
- 12: { light: "#5C291F", dark: "#FFD1C7" }
90
- },
91
- green: {
92
- 1: { light: "#FBFEFC", dark: "#0C130F" },
93
- 2: { light: "#F4FBF7", dark: "#111B16" },
94
- 3: { light: "#E4F7EC", dark: "#112D20" },
95
- 4: { light: "#D3F1E0", dark: "#0C3C28" },
96
- 5: { light: "#BFEAD2", dark: "#104A32" },
97
- 6: { light: "#A7DFC1", dark: "#18583D" },
98
- 7: { light: "#86D0AA", dark: "#1E6949" },
99
- 8: { light: "#4FBA8A", dark: "#217D57" },
100
- 9: { light: "#00AA72", dark: "#00AA72" },
101
- 10: { light: "#009C68", dark: "#009D66" },
102
- 11: { light: "#00834F", dark: "#4DD399" },
103
- 12: { light: "#183B2B", dark: "#AAF3CC" }
104
- },
105
- yellow: {
106
- 1: { light: "#FEFDFB", dark: "#16120C" },
107
- 2: { light: "#FEFBE9", dark: "#1D180F" },
108
- 3: { light: "#FFF7C2", dark: "#302008" },
109
- 4: { light: "#FFEE9C", dark: "#3F2700" },
110
- 5: { light: "#FBE577", dark: "#4D3000" },
111
- 6: { light: "#F3D673", dark: "#5C3D05" },
112
- 7: { light: "#E9C162", dark: "#714F19" },
113
- 8: { light: "#F3D673", dark: "#8F6424" },
114
- 9: { light: "#FFC53D", dark: "#FFC53D" },
115
- 10: { light: "#FFBA18", dark: "#FFD60A" },
116
- 11: { light: "#AB6400", dark: "#FFCA16" },
117
- 12: { light: "#4F3422", dark: "#FFE7B3" }
118
- },
119
- blue: {
120
- 1: { light: "#FCFDFF", dark: "#0B111C" },
121
- 2: { light: "#F6F9FF", dark: "#111826" },
122
- 3: { light: "#EBF2FF", dark: "#152548" },
123
- 4: { light: "#DEEBFF", dark: "#172E63" },
124
- 5: { light: "#CEE0FF", dark: "#1F3A76" },
125
- 6: { light: "#BBD3FF", dark: "#294787" },
126
- 7: { light: "#A3C1FB", dark: "#35569D" },
127
- 8: { light: "#81A8F6", dark: "#3F66BB" },
128
- 9: { light: "#4A82FF", dark: "#4A82FF" },
129
- 10: { light: "#4276EC", dark: "#3E75F1" },
130
- 11: { light: "#3569E0", dark: "#89B3FF" },
131
- 12: { light: "#193065", dark: "#D1E1FF" }
132
- },
133
- red: {
134
- 1: { light: "#FFFCFC", dark: "#180E0F" },
135
- 2: { light: "#FFF7F7", dark: "#201314" },
136
- 3: { light: "#FFE9E9", dark: "#3F0F15" },
137
- 4: { light: "#FFDADB", dark: "#550517" },
138
- 5: { light: "#FFCBCD", dark: "#670A1F" },
139
- 6: { light: "#FFBBBE", dark: "#79182A" },
140
- 7: { light: "#FAA7AB", dark: "#932738" },
141
- 8: { light: "#F28B92", dark: "#C1334A" },
142
- 9: { light: "#E9004A", dark: "#E9004A" },
143
- 10: { light: "#D9003D", dark: "#C3354C" },
144
- 11: { light: "#D9003E", dark: "#FF8E98" },
145
- 12: { light: "#6C041F", dark: "#FFCFD1" }
146
- },
147
- purple: {
148
- 1: { light: "#FCFCFF", dark: "#100F1D" },
149
- 2: { light: "#F8F8FF", dark: "#161528" },
150
- 3: { light: "#F1F1FF", dark: "#241E4B" },
151
- 4: { light: "#E6E6FF", dark: "#2E2368" },
152
- 5: { light: "#DADAFF", dark: "#382C77" },
153
- 6: { light: "#CCCBFF", dark: "#423786" },
154
- 7: { light: "#B9B6FF", dark: "#4F449C" },
155
- 8: { light: "#9F99FC", dark: "#6153BD" },
156
- 9: { light: "#6547DE", dark: "#6547DE" },
157
- 10: { light: "#583DC4", dark: "#5936CD" },
158
- 11: { light: "#6148D0", dark: "#AEA8FF" },
159
- 12: { light: "#2E2269", dark: "#DEDEFF" }
160
- }
161
- }, e = {
162
- sans: "Inter, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
163
- mono: "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace"
164
- }, t = {
165
- 0: "1rem",
166
- 1: "1rem",
167
- 2: "1.25rem",
168
- 3: "1.5rem",
169
- 4: "1.5rem",
170
- 5: "1.75rem",
171
- 6: "2rem",
172
- 7: "2.25rem",
173
- 8: "2.5rem",
174
- 9: "3.5rem",
175
- "code-0": "1.0rem",
176
- "code-1": "1.0rem",
177
- "code-2": "1.25rem",
178
- "code-3": "1.5rem",
179
- "code-4": "1.75rem",
180
- "code-5": "1.75rem",
181
- "code-6": "2.0rem",
182
- "code-7": "2.25rem",
183
- "code-8": "2.5rem",
184
- "code-9": "3.0rem"
185
- }, g = {
186
- 0: "0px",
187
- 1: "0.125rem",
188
- 2: "0.25rem",
189
- 3: "0.375rem",
190
- 4: "0.5rem",
191
- 5: "0.75rem",
192
- 6: "1rem",
193
- full: "9999px"
194
- }, d = {
195
- 0: "0px 0px 0px 0px rgba(0, 0, 0, 0.00)",
196
- inner: "0px 5px 2px 0px rgba(28, 32, 36, 0.01) inset, 0px 3px 2px 0px rgba(28, 32, 36, 0.03) inset, 0px 1px 1px 0px rgba(28, 32, 36, 0.05) inset, 0px 0px 1px 0px rgba(28, 32, 36, 0.06) inset",
197
- 1: "0px 5px 2px 0px rgba(28, 32, 36, 0.01), 0px 3px 2px 0px rgba(28, 32, 36, 0.03), 0px 1px 1px 0px rgba(28, 32, 36, 0.05), 0px 0px 1px 0px rgba(28, 32, 36, 0.06)",
198
- 2: "0px 16px 7px 0px rgba(28, 32, 36, 0.01), 0px 9px 6px 0px rgba(28, 32, 36, 0.03), 0px 4px 4px 0px rgba(28, 32, 36, 0.05), 0px 1px 2px 0px rgba(28, 32, 36, 0.06)",
199
- 3: "0px 29px 12px 0px rgba(28, 32, 36, 0.01), 0px 16px 10px 0px rgba(28, 32, 36, 0.03), 0px 7px 7px 0px rgba(28, 32, 36, 0.05), 0px 2px 4px 0px rgba(28, 32, 36, 0.06)"
200
- }, l = {
201
- px: "1px",
202
- 0: "0px",
203
- "0_5": "0.125rem",
204
- 1: "0.25rem",
205
- "1_5": "0.375rem",
206
- 2: "0.5rem",
207
- "2_5": "0.625rem",
208
- 3: "0.75rem",
209
- "3_5": "0.875rem",
210
- 4: "1rem",
211
- 5: "1.25rem",
212
- 6: "1.5rem",
213
- 7: "1.75rem",
214
- 8: "2rem",
215
- 9: "2.25rem",
216
- 10: "2.5rem",
217
- 11: "2.75rem",
218
- 12: "3rem",
219
- 14: "3.5rem",
220
- 16: "4rem",
221
- 20: "5rem",
222
- 24: "6rem",
223
- 28: "7rem",
224
- 32: "8rem",
225
- 36: "9rem",
226
- 40: "10rem",
227
- 44: "11rem",
228
- 48: "12rem",
229
- 52: "13rem",
230
- 56: "14rem",
231
- 60: "15rem",
232
- 64: "16rem",
233
- 72: "18rem",
234
- 80: "20rem",
235
- 96: "24rem",
236
- 120: "30rem",
237
- 140: "35rem",
238
- 160: "40rem",
239
- // Default card and modal width
240
- full: "100%",
241
- auto: "auto"
242
- }, i = {
243
- 0: "0.6875rem",
244
- 1: "0.75rem",
245
- 2: "0.8125rem",
246
- 3: "0.9375rem",
247
- 4: "1.125rem",
248
- 5: "1.25rem",
249
- 6: "1.5rem",
250
- 7: "1.875rem",
251
- 8: "2.25rem",
252
- 9: "3rem",
253
- "code-0": "0.625rem",
254
- "code-1": "0.688rem",
255
- "code-2": "0.812rem",
256
- "code-4": "1.062rem",
257
- "code-5": "1.188rem",
258
- "code-6": "1.438rem",
259
- "code-7": "1.75rem",
260
- "code-8": "2.125rem",
261
- "code-9": "2.875rem"
262
- }, h = {
263
- 0: "0.25%",
264
- 1: "0.25%",
265
- 2: "0",
266
- 3: "0",
267
- 4: "-0.25%",
268
- 5: "-0.5%",
269
- 6: "-0.625%",
270
- 7: "-0.75%",
271
- 8: "-1%",
272
- 9: "-2.5%"
273
- }, k = {
274
- regular: "400",
275
- medium: "500",
276
- "semi-bold": "600"
277
- }, p = {
278
- hidden: "-1",
279
- base: "0",
280
- auto: "auto",
281
- dropdown: "1000",
282
- sticky: "1100",
283
- banner: "1200",
284
- overlay: "1300",
285
- modal: "1400",
286
- popover: "1500",
287
- skipLink: "1600",
288
- toast: "1700",
289
- tooltip: "1800"
290
- }, m = {
291
- tokens: {
292
- "border-style": r,
293
- color: a,
294
- rounded: g,
295
- shadow: d,
296
- spacing: l,
297
- family: e,
298
- leading: t,
299
- tracking: h,
300
- text: i,
301
- weight: k,
302
- breakpoint: F,
303
- zIndex: p
304
- }
305
- };
306
- export {
307
- m as default
308
- };
309
- //# sourceMappingURL=index.mjs.map
1
+ //#endregion
2
+ //#region src/index.ts
3
+ var e = { tokens: {
4
+ "border-style": {
5
+ solid: "solid",
6
+ dashed: "dashed"
7
+ },
8
+ color: {
9
+ transparent: "transparent",
10
+ white: "#FFFFFF",
11
+ black: "#000000",
12
+ surface: {
13
+ 1: {
14
+ light: "#FFFFFF",
15
+ dark: "#18191B"
16
+ },
17
+ 2: {
18
+ light: "#FDFDFC",
19
+ dark: "#101112"
20
+ },
21
+ 3: {
22
+ light: "#FFFFFF",
23
+ dark: "#101112"
24
+ }
25
+ },
26
+ alpha: {
27
+ white: {
28
+ 1: "rgba(255, 255, 255, 0.05)",
29
+ 2: "rgba(255, 255, 255, 0.1)",
30
+ 3: "rgba(255, 255, 255, 0.15)",
31
+ 4: "rgba(255, 255, 255, 0.2)",
32
+ 5: "rgba(255, 255, 255, 0.3)",
33
+ 6: "rgba(255, 255, 255, 0.4)",
34
+ 7: "rgba(255, 255, 255, 0.5)",
35
+ 8: "rgba(255, 255, 255, 0.6)",
36
+ 9: "rgba(255, 255, 255, 0.7)",
37
+ 10: "rgba(255, 255, 255, 0.8)",
38
+ 11: "rgba(255, 255, 255, 0.9)",
39
+ 12: "rgba(255, 255, 255, 0.95)"
40
+ },
41
+ black: {
42
+ 1: "rgba(0, 0, 0, 0.05)",
43
+ 2: "rgba(0, 0, 0, 0.1)",
44
+ 3: "rgba(0, 0, 0, 0.15)",
45
+ 4: "rgba(0, 0, 0, 0.2)",
46
+ 5: "rgba(0, 0, 0, 0.3)",
47
+ 6: "rgba(0, 0, 0, 0.4)",
48
+ 7: "rgba(0, 0, 0, 0.5)",
49
+ 8: "rgba(0, 0, 0, 0.6)",
50
+ 9: "rgba(0, 0, 0, 0.7)",
51
+ 10: "rgba(0, 0, 0, 0.8)",
52
+ 11: "rgba(0, 0, 0, 0.9)",
53
+ 12: "rgba(0, 0, 0, 0.95)"
54
+ }
55
+ },
56
+ gray: {
57
+ 1: {
58
+ light: "#FCFCFD",
59
+ dark: "#101112"
60
+ },
61
+ 2: {
62
+ light: "#f9f9fb",
63
+ dark: "#18191B"
64
+ },
65
+ 3: {
66
+ light: "#EFF0F3",
67
+ dark: "#212325"
68
+ },
69
+ 4: {
70
+ light: "#E6E8EB",
71
+ dark: "#282A2D"
72
+ },
73
+ 5: {
74
+ light: "#DFE2E5",
75
+ dark: "#2F3235"
76
+ },
77
+ 6: {
78
+ light: "#D7DADF",
79
+ dark: "#383B3E"
80
+ },
81
+ 7: {
82
+ light: "#CBCFD5",
83
+ dark: "#45484D"
84
+ },
85
+ 8: {
86
+ light: "#B6BCC4",
87
+ dark: "#5C6268"
88
+ },
89
+ 9: {
90
+ light: "#888E95",
91
+ dark: "#6A6F76"
92
+ },
93
+ 10: {
94
+ light: "#7E848A",
95
+ dark: "#777D84"
96
+ },
97
+ 11: {
98
+ light: "#60646A",
99
+ dark: "#AFB5BB"
100
+ },
101
+ 12: {
102
+ light: "#1D2023",
103
+ dark: "#EDEEEF"
104
+ }
105
+ },
106
+ beige: {
107
+ 1: {
108
+ light: "#FDFDFC",
109
+ dark: "#12110F"
110
+ },
111
+ 2: {
112
+ light: "#F9F9F8",
113
+ dark: "#191817"
114
+ },
115
+ 3: {
116
+ light: "#F0F0EF",
117
+ dark: "#232220"
118
+ },
119
+ 4: {
120
+ light: "#E9E8E7",
121
+ dark: "#2A2927"
122
+ },
123
+ 5: {
124
+ light: "#E2E1DF",
125
+ dark: "#31302E"
126
+ },
127
+ 6: {
128
+ light: "#DAD9D7",
129
+ dark: "#3B3937"
130
+ },
131
+ 7: {
132
+ light: "#CFCECC",
133
+ dark: "#484745"
134
+ },
135
+ 8: {
136
+ light: "#BCBBB8",
137
+ dark: "#61605D"
138
+ },
139
+ 9: {
140
+ light: "#8E8C8A",
141
+ dark: "#6E6D6A"
142
+ },
143
+ 10: {
144
+ light: "#83827F",
145
+ dark: "#7C7A78"
146
+ },
147
+ 11: {
148
+ light: "#646360",
149
+ dark: "#B4B3B0"
150
+ },
151
+ 12: {
152
+ light: "#21201E",
153
+ dark: "#EEEDEB"
154
+ }
155
+ },
156
+ accent: {
157
+ 1: {
158
+ light: "#FFFCFB",
159
+ dark: "#160F0D"
160
+ },
161
+ 2: {
162
+ light: "#FFF5F2",
163
+ dark: "#201412"
164
+ },
165
+ 3: {
166
+ light: "#FFE9E2",
167
+ dark: "#3B140D"
168
+ },
169
+ 4: {
170
+ light: "#FFD6CB",
171
+ dark: "#530E04"
172
+ },
173
+ 5: {
174
+ light: "#FFC8BA",
175
+ dark: "#631507"
176
+ },
177
+ 6: {
178
+ light: "#FFB7A6",
179
+ dark: "#742315"
180
+ },
181
+ 7: {
182
+ light: "#FFA28F",
183
+ dark: "#8D3323"
184
+ },
185
+ 8: {
186
+ light: "#F88872",
187
+ dark: "#B5432F"
188
+ },
189
+ 9: {
190
+ light: "#FF573A",
191
+ dark: "#FF573A"
192
+ },
193
+ 10: {
194
+ light: "#F2472A",
195
+ dark: "#F1492D"
196
+ },
197
+ 11: {
198
+ light: "#DB3619",
199
+ dark: "#FF917A"
200
+ },
201
+ 12: {
202
+ light: "#5C291F",
203
+ dark: "#FFD1C7"
204
+ }
205
+ },
206
+ green: {
207
+ 1: {
208
+ light: "#FBFEFC",
209
+ dark: "#0C130F"
210
+ },
211
+ 2: {
212
+ light: "#F4FBF7",
213
+ dark: "#111B16"
214
+ },
215
+ 3: {
216
+ light: "#E4F7EC",
217
+ dark: "#112D20"
218
+ },
219
+ 4: {
220
+ light: "#D3F1E0",
221
+ dark: "#0C3C28"
222
+ },
223
+ 5: {
224
+ light: "#BFEAD2",
225
+ dark: "#104A32"
226
+ },
227
+ 6: {
228
+ light: "#A7DFC1",
229
+ dark: "#18583D"
230
+ },
231
+ 7: {
232
+ light: "#86D0AA",
233
+ dark: "#1E6949"
234
+ },
235
+ 8: {
236
+ light: "#4FBA8A",
237
+ dark: "#217D57"
238
+ },
239
+ 9: {
240
+ light: "#00AA72",
241
+ dark: "#00AA72"
242
+ },
243
+ 10: {
244
+ light: "#009C68",
245
+ dark: "#009D66"
246
+ },
247
+ 11: {
248
+ light: "#00834F",
249
+ dark: "#4DD399"
250
+ },
251
+ 12: {
252
+ light: "#183B2B",
253
+ dark: "#AAF3CC"
254
+ }
255
+ },
256
+ yellow: {
257
+ 1: {
258
+ light: "#FEFDFB",
259
+ dark: "#16120C"
260
+ },
261
+ 2: {
262
+ light: "#FEFBE9",
263
+ dark: "#1D180F"
264
+ },
265
+ 3: {
266
+ light: "#FFF7C2",
267
+ dark: "#302008"
268
+ },
269
+ 4: {
270
+ light: "#FFEE9C",
271
+ dark: "#3F2700"
272
+ },
273
+ 5: {
274
+ light: "#FBE577",
275
+ dark: "#4D3000"
276
+ },
277
+ 6: {
278
+ light: "#F3D673",
279
+ dark: "#5C3D05"
280
+ },
281
+ 7: {
282
+ light: "#E9C162",
283
+ dark: "#714F19"
284
+ },
285
+ 8: {
286
+ light: "#F3D673",
287
+ dark: "#8F6424"
288
+ },
289
+ 9: {
290
+ light: "#FFC53D",
291
+ dark: "#FFC53D"
292
+ },
293
+ 10: {
294
+ light: "#FFBA18",
295
+ dark: "#FFD60A"
296
+ },
297
+ 11: {
298
+ light: "#AB6400",
299
+ dark: "#FFCA16"
300
+ },
301
+ 12: {
302
+ light: "#4F3422",
303
+ dark: "#FFE7B3"
304
+ }
305
+ },
306
+ blue: {
307
+ 1: {
308
+ light: "#FCFDFF",
309
+ dark: "#0B111C"
310
+ },
311
+ 2: {
312
+ light: "#F6F9FF",
313
+ dark: "#111826"
314
+ },
315
+ 3: {
316
+ light: "#EBF2FF",
317
+ dark: "#152548"
318
+ },
319
+ 4: {
320
+ light: "#DEEBFF",
321
+ dark: "#172E63"
322
+ },
323
+ 5: {
324
+ light: "#CEE0FF",
325
+ dark: "#1F3A76"
326
+ },
327
+ 6: {
328
+ light: "#BBD3FF",
329
+ dark: "#294787"
330
+ },
331
+ 7: {
332
+ light: "#A3C1FB",
333
+ dark: "#35569D"
334
+ },
335
+ 8: {
336
+ light: "#81A8F6",
337
+ dark: "#3F66BB"
338
+ },
339
+ 9: {
340
+ light: "#4A82FF",
341
+ dark: "#4A82FF"
342
+ },
343
+ 10: {
344
+ light: "#4276EC",
345
+ dark: "#3E75F1"
346
+ },
347
+ 11: {
348
+ light: "#3569E0",
349
+ dark: "#89B3FF"
350
+ },
351
+ 12: {
352
+ light: "#193065",
353
+ dark: "#D1E1FF"
354
+ }
355
+ },
356
+ red: {
357
+ 1: {
358
+ light: "#FFFCFC",
359
+ dark: "#180E0F"
360
+ },
361
+ 2: {
362
+ light: "#FFF7F7",
363
+ dark: "#201314"
364
+ },
365
+ 3: {
366
+ light: "#FFE9E9",
367
+ dark: "#3F0F15"
368
+ },
369
+ 4: {
370
+ light: "#FFDADB",
371
+ dark: "#550517"
372
+ },
373
+ 5: {
374
+ light: "#FFCBCD",
375
+ dark: "#670A1F"
376
+ },
377
+ 6: {
378
+ light: "#FFBBBE",
379
+ dark: "#79182A"
380
+ },
381
+ 7: {
382
+ light: "#FAA7AB",
383
+ dark: "#932738"
384
+ },
385
+ 8: {
386
+ light: "#F28B92",
387
+ dark: "#C1334A"
388
+ },
389
+ 9: {
390
+ light: "#E9004A",
391
+ dark: "#E9004A"
392
+ },
393
+ 10: {
394
+ light: "#D9003D",
395
+ dark: "#C3354C"
396
+ },
397
+ 11: {
398
+ light: "#D9003E",
399
+ dark: "#FF8E98"
400
+ },
401
+ 12: {
402
+ light: "#6C041F",
403
+ dark: "#FFCFD1"
404
+ }
405
+ },
406
+ purple: {
407
+ 1: {
408
+ light: "#FCFCFF",
409
+ dark: "#100F1D"
410
+ },
411
+ 2: {
412
+ light: "#F8F8FF",
413
+ dark: "#161528"
414
+ },
415
+ 3: {
416
+ light: "#F1F1FF",
417
+ dark: "#241E4B"
418
+ },
419
+ 4: {
420
+ light: "#E6E6FF",
421
+ dark: "#2E2368"
422
+ },
423
+ 5: {
424
+ light: "#DADAFF",
425
+ dark: "#382C77"
426
+ },
427
+ 6: {
428
+ light: "#CCCBFF",
429
+ dark: "#423786"
430
+ },
431
+ 7: {
432
+ light: "#B9B6FF",
433
+ dark: "#4F449C"
434
+ },
435
+ 8: {
436
+ light: "#9F99FC",
437
+ dark: "#6153BD"
438
+ },
439
+ 9: {
440
+ light: "#6547DE",
441
+ dark: "#6547DE"
442
+ },
443
+ 10: {
444
+ light: "#583DC4",
445
+ dark: "#5936CD"
446
+ },
447
+ 11: {
448
+ light: "#6148D0",
449
+ dark: "#AEA8FF"
450
+ },
451
+ 12: {
452
+ light: "#2E2269",
453
+ dark: "#DEDEFF"
454
+ }
455
+ }
456
+ },
457
+ rounded: {
458
+ 0: "0px",
459
+ 1: "0.125rem",
460
+ 2: "0.25rem",
461
+ 3: "0.375rem",
462
+ 4: "0.5rem",
463
+ 5: "0.75rem",
464
+ 6: "1rem",
465
+ full: "9999px"
466
+ },
467
+ shadow: {
468
+ 0: "0px 0px 0px 0px rgba(0, 0, 0, 0.00)",
469
+ inner: "0px 5px 2px 0px rgba(28, 32, 36, 0.01) inset, 0px 3px 2px 0px rgba(28, 32, 36, 0.03) inset, 0px 1px 1px 0px rgba(28, 32, 36, 0.05) inset, 0px 0px 1px 0px rgba(28, 32, 36, 0.06) inset",
470
+ 1: "0px 0px 0px 1px rgba(0,0,0, 0.06), inset 0px 0px 0px 1px rgba(255,255,255, 0.08), inset 0px 1px 0px 0px rgba(255,255,255, 0.06), inset 0px -1px 0px 0px rgba(255,255,255, 0.02), 0px 1px 2px 0px rgba(0,0,0, 0.03)",
471
+ 2: "0px 0px 0px 1px rgba(0,0,0, 0.06), inset 0px 0px 0px 1px rgba(255,255,255, 0.1), inset 0px 1px 0px 0px rgba(255,255,255, 0.08), inset 0px -1px 0px 0px rgba(255,255,255, 0.02), 0px 1px 2px 0px rgba(0,0,0, 0.04), 0px 4px 8px -2px rgba(0,0,0, 0.05)",
472
+ 3: "0px 0px 0px 1px rgba(0,0,0, 0.06), inset 0px 0px 0px 1px rgba(255,255,255, 0.12), inset 0px 1px 0px 0px rgba(255,255,255, 0.09), inset 0px -1px 0px 0px rgba(255,255,255, 0.03), 0px 1px 1px 0px rgba(0,0,0, 0.04), 0px 4px 6px -1px rgba(0,0,0, 0.05), 0px 8px 16px -4px rgba(0,0,0, 0.06)"
473
+ },
474
+ spacing: {
475
+ px: "1px",
476
+ 0: "0px",
477
+ "0_5": "0.125rem",
478
+ 1: "0.25rem",
479
+ "1_5": "0.375rem",
480
+ 2: "0.5rem",
481
+ "2_5": "0.625rem",
482
+ 3: "0.75rem",
483
+ "3_5": "0.875rem",
484
+ 4: "1rem",
485
+ 5: "1.25rem",
486
+ 6: "1.5rem",
487
+ 7: "1.75rem",
488
+ 8: "2rem",
489
+ 9: "2.25rem",
490
+ 10: "2.5rem",
491
+ 11: "2.75rem",
492
+ 12: "3rem",
493
+ 14: "3.5rem",
494
+ 16: "4rem",
495
+ 20: "5rem",
496
+ 24: "6rem",
497
+ 28: "7rem",
498
+ 32: "8rem",
499
+ 36: "9rem",
500
+ 40: "10rem",
501
+ 44: "11rem",
502
+ 48: "12rem",
503
+ 52: "13rem",
504
+ 56: "14rem",
505
+ 60: "15rem",
506
+ 64: "16rem",
507
+ 72: "18rem",
508
+ 80: "20rem",
509
+ 96: "24rem",
510
+ 120: "30rem",
511
+ 140: "35rem",
512
+ 160: "40rem",
513
+ full: "100%",
514
+ auto: "auto"
515
+ },
516
+ family: {
517
+ sans: "Inter, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif",
518
+ mono: "Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace"
519
+ },
520
+ leading: {
521
+ 0: "1rem",
522
+ 1: "1rem",
523
+ 2: "1.25rem",
524
+ 3: "1.5rem",
525
+ 4: "1.5rem",
526
+ 5: "1.75rem",
527
+ 6: "2rem",
528
+ 7: "2.25rem",
529
+ 8: "2.5rem",
530
+ 9: "3.5rem",
531
+ "code-0": "1.0rem",
532
+ "code-1": "1.0rem",
533
+ "code-2": "1.25rem",
534
+ "code-3": "1.5rem",
535
+ "code-4": "1.75rem",
536
+ "code-5": "1.75rem",
537
+ "code-6": "2.0rem",
538
+ "code-7": "2.25rem",
539
+ "code-8": "2.5rem",
540
+ "code-9": "3.0rem"
541
+ },
542
+ tracking: {
543
+ 0: "0.25%",
544
+ 1: "0.25%",
545
+ 2: "0",
546
+ 3: "0",
547
+ 4: "-0.25%",
548
+ 5: "-0.5%",
549
+ 6: "-0.625%",
550
+ 7: "-0.75%",
551
+ 8: "-1%",
552
+ 9: "-2.5%"
553
+ },
554
+ text: {
555
+ 0: "0.6875rem",
556
+ 1: "0.75rem",
557
+ 2: "0.8125rem",
558
+ 3: "0.9375rem",
559
+ 4: "1.125rem",
560
+ 5: "1.25rem",
561
+ 6: "1.5rem",
562
+ 7: "1.875rem",
563
+ 8: "2.25rem",
564
+ 9: "3rem",
565
+ "code-0": "0.625rem",
566
+ "code-1": "0.688rem",
567
+ "code-2": "0.812rem",
568
+ "code-4": "1.062rem",
569
+ "code-5": "1.188rem",
570
+ "code-6": "1.438rem",
571
+ "code-7": "1.75rem",
572
+ "code-8": "2.125rem",
573
+ "code-9": "2.875rem"
574
+ },
575
+ weight: {
576
+ regular: "400",
577
+ medium: "500",
578
+ "semi-bold": "600"
579
+ },
580
+ breakpoint: {
581
+ sm: "640px",
582
+ md: "768px",
583
+ lg: "1024px",
584
+ xl: "1280px",
585
+ "2xl": "1536px"
586
+ },
587
+ zIndex: {
588
+ hidden: "-1",
589
+ base: "0",
590
+ auto: "auto",
591
+ dropdown: "1000",
592
+ sticky: "1100",
593
+ banner: "1200",
594
+ overlay: "1300",
595
+ modal: "1400",
596
+ popover: "1500",
597
+ skipLink: "1600",
598
+ toast: "1700",
599
+ tooltip: "1800"
600
+ }
601
+ } };
602
+ //#endregion
603
+ export { e as default };
604
+
605
+ //# sourceMappingURL=index.mjs.map