@alessandrogiordano/stk 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/README.md +100 -0
  2. package/build/css/tokens.css +588 -0
  3. package/build/js/tokens.js +591 -0
  4. package/build/json/tokens.json +696 -0
  5. package/package.json +43 -0
  6. package/tokens/base/borders.json +21 -0
  7. package/tokens/base/colors.json +17 -0
  8. package/tokens/base/elevation.json +11 -0
  9. package/tokens/base/motion.json +16 -0
  10. package/tokens/base/opacity.json +14 -0
  11. package/tokens/base/shades.json +965 -0
  12. package/tokens/base/shadows.json +35 -0
  13. package/tokens/base/spacing.json +12 -0
  14. package/tokens/base/typography.json +17 -0
  15. package/tokens/components/badge-status.json +66 -0
  16. package/tokens/components/button.json +152 -0
  17. package/tokens/components/card.json +19 -0
  18. package/tokens/components/checkbox.json +34 -0
  19. package/tokens/components/image.json +9 -0
  20. package/tokens/components/list-item.json +87 -0
  21. package/tokens/components/radio-button.json +46 -0
  22. package/tokens/components/spinner.json +30 -0
  23. package/tokens/components/text-input.json +47 -0
  24. package/tokens/components/tooltip.json +39 -0
  25. package/tokens/semantic/borders.json +18 -0
  26. package/tokens/semantic/icons.json +17 -0
  27. package/tokens/semantic/layout.json +11 -0
  28. package/tokens/semantic/states.json +29 -0
  29. package/tokens/semantic/surfaces.json +87 -0
  30. package/tokens/semantic/text.json +17 -0
  31. package/tokens/semantic/typography.json +49 -0
package/build/json/tokens.json ADDED
@@ -0,0 +1,696 @@
1
+ {
2
+ "stk-color-shade-palette-1-1": "#cff6ff",
3
+ "stk-color-shade-palette-1-2": "#abe1ff",
4
+ "stk-color-shade-palette-1-3": "#8dcbff",
5
+ "stk-color-shade-palette-1-4": "#75b7ff",
6
+ "stk-color-shade-palette-1-5": "#60a3ff",
7
+ "stk-color-shade-palette-1-6": "#4d8fff",
8
+ "stk-color-shade-palette-1-7": "#3b7cff",
9
+ "stk-color-shade-palette-1-8": "#2a69f1",
10
+ "stk-color-shade-palette-1-9": "#1956dd",
11
+ "stk-color-shade-palette-1-10": "#0542c9",
12
+ "stk-color-shade-palette-1-11": "#002eb4",
13
+ "stk-color-shade-palette-1-12": "#00169f",
14
+ "stk-color-shade-palette-1-13": "#000087",
15
+ "stk-color-shade-palette-1-14": "#02006c",
16
+ "stk-color-shade-palette-1-15": "#03004d",
17
+ "stk-color-shade-palette-1-16": "#020029",
18
+ "stk-color-shade-palette-2-1": "#e1efff",
19
+ "stk-color-shade-palette-2-2": "#c7d6ff",
20
+ "stk-color-shade-palette-2-3": "#b0bfff",
21
+ "stk-color-shade-palette-2-4": "#9da9ff",
22
+ "stk-color-shade-palette-2-5": "#8b94ff",
23
+ "stk-color-shade-palette-2-6": "#7a80ff",
24
+ "stk-color-shade-palette-2-7": "#6b6cff",
25
+ "stk-color-shade-palette-2-8": "#5c59f8",
26
+ "stk-color-shade-palette-2-9": "#4e44e3",
27
+ "stk-color-shade-palette-2-10": "#412ecf",
28
+ "stk-color-shade-palette-2-11": "#3612ba",
29
+ "stk-color-shade-palette-2-12": "#2c00a4",
30
+ "stk-color-shade-palette-2-13": "#23008c",
31
+ "stk-color-shade-palette-2-14": "#1a0071",
32
+ "stk-color-shade-palette-2-15": "#100051",
33
+ "stk-color-shade-palette-2-16": "#06002b",
34
+ "stk-color-shade-palette-3-1": "#f8e6ff",
35
+ "stk-color-shade-palette-3-2": "#e7c9ff",
36
+ "stk-color-shade-palette-3-3": "#d6afff",
37
+ "stk-color-shade-palette-3-4": "#c698ff",
38
+ "stk-color-shade-palette-3-5": "#b481ff",
39
+ "stk-color-shade-palette-3-6": "#a36cff",
40
+ "stk-color-shade-palette-3-7": "#9358ff",
41
+ "stk-color-shade-palette-3-8": "#8243f5",
42
+ "stk-color-shade-palette-3-9": "#722be1",
43
+ "stk-color-shade-palette-3-10": "#6305cc",
44
+ "stk-color-shade-palette-3-11": "#5500b8",
45
+ "stk-color-shade-palette-3-12": "#4600a2",
46
+ "stk-color-shade-palette-3-13": "#39008a",
47
+ "stk-color-shade-palette-3-14": "#2a006f",
48
+ "stk-color-shade-palette-3-15": "#1b004f",
49
+ "stk-color-shade-palette-3-16": "#0b002a",
50
+ "stk-color-shade-palette-4-1": "#ffd7f1",
51
+ "stk-color-shade-palette-4-2": "#ffb4dc",
52
+ "stk-color-shade-palette-4-3": "#ff95c9",
53
+ "stk-color-shade-palette-4-4": "#ff7bb6",
54
+ "stk-color-shade-palette-4-5": "#ff63a3",
55
+ "stk-color-shade-palette-4-6": "#fb4c91",
56
+ "stk-color-shade-palette-4-7": "#e63580",
57
+ "stk-color-shade-palette-4-8": "#d1186f",
58
+ "stk-color-shade-palette-4-9": "#bc005e",
59
+ "stk-color-shade-palette-4-10": "#a7004e",
60
+ "stk-color-shade-palette-4-11": "#92003f",
61
+ "stk-color-shade-palette-4-12": "#7d0030",
62
+ "stk-color-shade-palette-4-13": "#660022",
63
+ "stk-color-shade-palette-4-14": "#4e0015",
64
+ "stk-color-shade-palette-4-15": "#340009",
65
+ "stk-color-shade-palette-4-16": "#190002",
66
+ "stk-color-shade-palette-5-1": "#ffdace",
67
+ "stk-color-shade-palette-5-2": "#ffb8a9",
68
+ "stk-color-shade-palette-5-3": "#ff9a8b",
69
+ "stk-color-shade-palette-5-4": "#ff8072",
70
+ "stk-color-shade-palette-5-5": "#ff685c",
71
+ "stk-color-shade-palette-5-6": "#ff5148",
72
+ "stk-color-shade-palette-5-7": "#ec3a35",
73
+ "stk-color-shade-palette-5-8": "#d71f21",
74
+ "stk-color-shade-palette-5-9": "#c20007",
75
+ "stk-color-shade-palette-5-10": "#ad0000",
76
+ "stk-color-shade-palette-5-11": "#980000",
77
+ "stk-color-shade-palette-5-12": "#820000",
78
+ "stk-color-shade-palette-5-13": "#6b0000",
79
+ "stk-color-shade-palette-5-14": "#520000",
80
+ "stk-color-shade-palette-5-15": "#380000",
81
+ "stk-color-shade-palette-5-16": "#1b0000",
82
+ "stk-color-shade-palette-6-1": "#ffe0c3",
83
+ "stk-color-shade-palette-6-2": "#ffc298",
84
+ "stk-color-shade-palette-6-3": "#ffa675",
85
+ "stk-color-shade-palette-6-4": "#ff8e58",
86
+ "stk-color-shade-palette-6-5": "#ff783d",
87
+ "stk-color-shade-palette-6-6": "#f66422",
88
+ "stk-color-shade-palette-6-7": "#e15000",
89
+ "stk-color-shade-palette-6-8": "#cd3c00",
90
+ "stk-color-shade-palette-6-9": "#b82500",
91
+ "stk-color-shade-palette-6-10": "#a40000",
92
+ "stk-color-shade-palette-6-11": "#8f0000",
93
+ "stk-color-shade-palette-6-12": "#7a0000",
94
+ "stk-color-shade-palette-6-13": "#640000",
95
+ "stk-color-shade-palette-6-14": "#4d0000",
96
+ "stk-color-shade-palette-6-15": "#340000",
97
+ "stk-color-shade-palette-6-16": "#190000",
98
+ "stk-color-shade-palette-7-1": "#ffe9c1",
99
+ "stk-color-shade-palette-7-2": "#ffcf95",
100
+ "stk-color-shade-palette-7-3": "#ffb871",
101
+ "stk-color-shade-palette-7-4": "#ffa352",
102
+ "stk-color-shade-palette-7-5": "#f08f36",
103
+ "stk-color-shade-palette-7-6": "#dd7c16",
104
+ "stk-color-shade-palette-7-7": "#ca6900",
105
+ "stk-color-shade-palette-7-8": "#b75800",
106
+ "stk-color-shade-palette-7-9": "#a34600",
107
+ "stk-color-shade-palette-7-10": "#903400",
108
+ "stk-color-shade-palette-7-11": "#7d2100",
109
+ "stk-color-shade-palette-7-12": "#6a0c00",
110
+ "stk-color-shade-palette-7-13": "#560000",
111
+ "stk-color-shade-palette-7-14": "#410000",
112
+ "stk-color-shade-palette-7-15": "#2a0000",
113
+ "stk-color-shade-palette-7-16": "#130000",
114
+ "stk-color-shade-palette-8-1": "#ceffd6",
115
+ "stk-color-shade-palette-8-2": "#a7f9b6",
116
+ "stk-color-shade-palette-8-3": "#85e99a",
117
+ "stk-color-shade-palette-8-4": "#68d882",
118
+ "stk-color-shade-palette-8-5": "#4ec66e",
119
+ "stk-color-shade-palette-8-6": "#34b45b",
120
+ "stk-color-shade-palette-8-7": "#12a149",
121
+ "stk-color-shade-palette-8-8": "#008f37",
122
+ "stk-color-shade-palette-8-9": "#007d24",
123
+ "stk-color-shade-palette-8-10": "#006c0f",
124
+ "stk-color-shade-palette-8-11": "#005a00",
125
+ "stk-color-shade-palette-8-12": "#004900",
126
+ "stk-color-shade-palette-8-13": "#003900",
127
+ "stk-color-shade-palette-8-14": "#002800",
128
+ "stk-color-shade-palette-8-15": "#001700",
129
+ "stk-color-shade-palette-8-16": "#000800",
130
+ "stk-color-shade-palette-9-1": "#cffff9",
131
+ "stk-color-shade-palette-9-2": "#a9f3e8",
132
+ "stk-color-shade-palette-9-3": "#88e2d6",
133
+ "stk-color-shade-palette-9-4": "#6cd1c4",
134
+ "stk-color-shade-palette-9-5": "#52bfb2",
135
+ "stk-color-shade-palette-9-6": "#3aada0",
136
+ "stk-color-shade-palette-9-7": "#1d9b8f",
137
+ "stk-color-shade-palette-9-8": "#00897d",
138
+ "stk-color-shade-palette-9-9": "#00776c",
139
+ "stk-color-shade-palette-9-10": "#00665c",
140
+ "stk-color-shade-palette-9-11": "#00564c",
141
+ "stk-color-shade-palette-9-12": "#00453c",
142
+ "stk-color-shade-palette-9-13": "#00352d",
143
+ "stk-color-shade-palette-9-14": "#00251f",
144
+ "stk-color-shade-palette-9-15": "#001511",
145
+ "stk-color-shade-palette-9-16": "#000705",
146
+ "stk-color-shade-palette-10-1": "#cdfeff",
147
+ "stk-color-shade-palette-10-2": "#a6efff",
148
+ "stk-color-shade-palette-10-3": "#85defb",
149
+ "stk-color-shade-palette-10-4": "#68ccec",
150
+ "stk-color-shade-palette-10-5": "#4eb9db",
151
+ "stk-color-shade-palette-10-6": "#34a7c9",
152
+ "stk-color-shade-palette-10-7": "#1595b6",
153
+ "stk-color-shade-palette-10-8": "#0083a4",
154
+ "stk-color-shade-palette-10-9": "#007292",
155
+ "stk-color-shade-palette-10-10": "#006180",
156
+ "stk-color-shade-palette-10-11": "#00506e",
157
+ "stk-color-shade-palette-10-12": "#00405d",
158
+ "stk-color-shade-palette-10-13": "#00304b",
159
+ "stk-color-shade-palette-10-14": "#002038",
160
+ "stk-color-shade-palette-10-15": "#001124",
161
+ "stk-color-shade-palette-10-16": "#000510",
162
+ "stk-color-shade-palette-11-1": "#f5f5f5",
163
+ "stk-color-shade-palette-11-2": "#e2e2e2",
164
+ "stk-color-shade-palette-11-3": "#cfcfcf",
165
+ "stk-color-shade-palette-11-4": "#bcbcbc",
166
+ "stk-color-shade-palette-11-5": "#aaaaaa",
167
+ "stk-color-shade-palette-11-6": "#989898",
168
+ "stk-color-shade-palette-11-7": "#878787",
169
+ "stk-color-shade-palette-11-8": "#757575",
170
+ "stk-color-shade-palette-11-9": "#656565",
171
+ "stk-color-shade-palette-11-10": "#555555",
172
+ "stk-color-shade-palette-11-11": "#454545",
173
+ "stk-color-shade-palette-11-12": "#363636",
174
+ "stk-color-shade-palette-11-13": "#272727",
175
+ "stk-color-shade-palette-11-14": "#1a1a1a",
176
+ "stk-color-shade-palette-11-15": "#0d0d0d",
177
+ "stk-color-shade-palette-11-16": "#030303",
178
+ "stk-color-brand-palette-1": "#2563eb",
179
+ "stk-color-brand-palette-2": "#4f46e5",
180
+ "stk-color-brand-palette-3": "#7c3aed",
181
+ "stk-color-brand-palette-4": "#db2777",
182
+ "stk-color-brand-palette-5": "#dc2626",
183
+ "stk-color-brand-palette-6": "#ea580c",
184
+ "stk-color-brand-palette-7": "#d97706",
185
+ "stk-color-brand-palette-8": "#16a34a",
186
+ "stk-color-brand-palette-9": "#0d9488",
187
+ "stk-color-brand-palette-10": "#0891b2",
188
+ "stk-color-brand-palette-11": "#525252",
189
+ "stk-spacing-xxs": "4px",
190
+ "stk-spacing-xs": "8px",
191
+ "stk-spacing-sm": "12px",
192
+ "stk-spacing-md": "16px",
193
+ "stk-spacing-lg": "24px",
194
+ "stk-spacing-xl": "32px",
195
+ "stk-spacing-xxl": "48px",
196
+ "stk-spacing-xxxl": "64px",
197
+ "stk-radius-none": "0px",
198
+ "stk-radius-xs": "2px",
199
+ "stk-radius-sm": "4px",
200
+ "stk-radius-sm-md": "6px",
201
+ "stk-radius-md": "8px",
202
+ "stk-radius-lg": "16px",
203
+ "stk-radius-xl": "24px",
204
+ "stk-radius-circular": "100px",
205
+ "stk-radius-pill": "100px",
206
+ "stk-border-width-sm": "1px",
207
+ "stk-border-width-md": "2px",
208
+ "stk-border-width-lg": "4px",
209
+ "stk-border-width-xl": "8px",
210
+ "stk-border-default": "#aaaaaa",
211
+ "stk-border-subtle": "#bcbcbc",
212
+ "stk-border-strong": "#878787",
213
+ "stk-border-inverse": "#f5f5f5",
214
+ "stk-border-focus": "#2a69f1",
215
+ "stk-border-brand-1": "#2a69f1",
216
+ "stk-border-brand-2": "#5c59f8",
217
+ "stk-border-brand-3": "#8243f5",
218
+ "stk-border-success": "#008f37",
219
+ "stk-border-danger": "#d71f21",
220
+ "stk-border-alert": "#cd3c00",
221
+ "stk-border-info": "#b75800",
222
+ "stk-border-news": "#008f37",
223
+ "stk-border-ai": "#00897d",
224
+ "stk-typography-config-base": 16,
225
+ "stk-typography-config-ratio": 1.2,
226
+ "stk-typography-size-xs": "11px",
227
+ "stk-typography-size-sm": "13px",
228
+ "stk-typography-size-md": "16px",
229
+ "stk-typography-size-lg": "19px",
230
+ "stk-typography-size-xl": "23px",
231
+ "stk-typography-size-xxl": "28px",
232
+ "stk-typography-size-xxxl": "33px",
233
+ "stk-opacity-0": "0",
234
+ "stk-opacity-8": "0.08",
235
+ "stk-opacity-12": "0.12",
236
+ "stk-opacity-16": "0.16",
237
+ "stk-opacity-24": "0.24",
238
+ "stk-opacity-32": "0.32",
239
+ "stk-opacity-48": "0.48",
240
+ "stk-opacity-64": "0.64",
241
+ "stk-opacity-80": "0.80",
242
+ "stk-opacity-100": "1",
243
+ "stk-duration-instant": "0ms",
244
+ "stk-duration-fast": "100ms",
245
+ "stk-duration-normal": "200ms",
246
+ "stk-duration-slow": "300ms",
247
+ "stk-duration-slower": "500ms",
248
+ "stk-easing-linear": "linear",
249
+ "stk-easing-ease-in": "cubic-bezier(0.4, 0, 1, 1)",
250
+ "stk-easing-ease-out": "cubic-bezier(0, 0, 0.2, 1)",
251
+ "stk-easing-ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
252
+ "stk-easing-spring": "cubic-bezier(0.34, 1.56, 0.64, 1)",
253
+ "stk-elevation-base": "0",
254
+ "stk-elevation-raised": "10",
255
+ "stk-elevation-sticky": "100",
256
+ "stk-elevation-overlay": "200",
257
+ "stk-elevation-modal": "300",
258
+ "stk-elevation-toast": "400",
259
+ "stk-elevation-tooltip": "500",
260
+ "stk-surface-brand-1-subtlest": "#cff6ff",
261
+ "stk-surface-brand-1-subtle": "#abe1ff",
262
+ "stk-surface-brand-1-default": "#8dcbff",
263
+ "stk-surface-brand-1-bold": "#60a3ff",
264
+ "stk-surface-brand-1-strong": "#1956dd",
265
+ "stk-surface-brand-1-strongest": "#0542c9",
266
+ "stk-surface-brand-2-subtlest": "#e1efff",
267
+ "stk-surface-brand-2-subtle": "#c7d6ff",
268
+ "stk-surface-brand-2-default": "#b0bfff",
269
+ "stk-surface-brand-2-bold": "#8b94ff",
270
+ "stk-surface-brand-2-strong": "#5c59f8",
271
+ "stk-surface-brand-2-strongest": "#412ecf",
272
+ "stk-surface-brand-3-subtlest": "#f8e6ff",
273
+ "stk-surface-brand-3-subtle": "#e7c9ff",
274
+ "stk-surface-brand-3-default": "#d6afff",
275
+ "stk-surface-brand-3-bold": "#b481ff",
276
+ "stk-surface-brand-3-strong": "#8243f5",
277
+ "stk-surface-brand-3-strongest": "#6305cc",
278
+ "stk-surface-success-subtlest": "#ceffd6",
279
+ "stk-surface-success-subtle": "#a7f9b6",
280
+ "stk-surface-success-default": "#85e99a",
281
+ "stk-surface-success-bold": "#4ec66e",
282
+ "stk-surface-success-strong": "#008f37",
283
+ "stk-surface-success-strongest": "#006c0f",
284
+ "stk-surface-danger-subtlest": "#ffdace",
285
+ "stk-surface-danger-subtle": "#ffb8a9",
286
+ "stk-surface-danger-default": "#ff9a8b",
287
+ "stk-surface-danger-bold": "#ff685c",
288
+ "stk-surface-danger-strong": "#d71f21",
289
+ "stk-surface-danger-strongest": "#ad0000",
290
+ "stk-surface-alert-subtlest": "#ffe0c3",
291
+ "stk-surface-alert-subtle": "#ffc298",
292
+ "stk-surface-alert-default": "#ffa675",
293
+ "stk-surface-alert-bold": "#ff783d",
294
+ "stk-surface-alert-strong": "#cd3c00",
295
+ "stk-surface-alert-strongest": "#a40000",
296
+ "stk-surface-info-subtlest": "#ffe9c1",
297
+ "stk-surface-info-subtle": "#ffcf95",
298
+ "stk-surface-info-default": "#ffb871",
299
+ "stk-surface-info-bold": "#f08f36",
300
+ "stk-surface-info-strong": "#b75800",
301
+ "stk-surface-info-strongest": "#903400",
302
+ "stk-surface-news-subtlest": "#ceffd6",
303
+ "stk-surface-news-subtle": "#a7f9b6",
304
+ "stk-surface-news-default": "#85e99a",
305
+ "stk-surface-news-bold": "#4ec66e",
306
+ "stk-surface-news-strong": "#008f37",
307
+ "stk-surface-news-strongest": "#006c0f",
308
+ "stk-surface-ai-subtlest": "#cffff9",
309
+ "stk-surface-ai-subtle": "#a9f3e8",
310
+ "stk-surface-ai-default": "#88e2d6",
311
+ "stk-surface-ai-bold": "#52bfb2",
312
+ "stk-surface-ai-strong": "#00897d",
313
+ "stk-surface-ai-strongest": "#00665c",
314
+ "stk-surface-neutral-white": "#ffffff",
315
+ "stk-surface-neutral-subtlest": "#f5f5f5",
316
+ "stk-surface-neutral-subtle": "#e2e2e2",
317
+ "stk-surface-neutral-default": "#cfcfcf",
318
+ "stk-surface-neutral-bold": "#aaaaaa",
319
+ "stk-surface-neutral-strong": "#757575",
320
+ "stk-surface-neutral-strongest": "#555555",
321
+ "stk-surface-neutral-black": "#000000",
322
+ "stk-surface-transparent": "transparent",
323
+ "stk-text-default": "#363636",
324
+ "stk-text-subtle": "#656565",
325
+ "stk-text-subtlest": "#757575",
326
+ "stk-text-inverse": "#f5f5f5",
327
+ "stk-text-brand-1": "#0542c9",
328
+ "stk-text-brand-2": "#412ecf",
329
+ "stk-text-brand-3": "#6305cc",
330
+ "stk-text-success": "#006c0f",
331
+ "stk-text-danger": "#ad0000",
332
+ "stk-text-alert": "#a40000",
333
+ "stk-text-info": "#903400",
334
+ "stk-text-news": "#006c0f",
335
+ "stk-text-ai": "#00665c",
336
+ "stk-text-display-light": {
337
+ "fontSize": "33px",
338
+ "fontWeight": "300",
339
+ "lineHeight": "1.1"
340
+ },
341
+ "stk-text-display-regular": {
342
+ "fontSize": "33px",
343
+ "fontWeight": "400",
344
+ "lineHeight": "1.1"
345
+ },
346
+ "stk-text-display-bold": {
347
+ "fontSize": "33px",
348
+ "fontWeight": "700",
349
+ "lineHeight": "1.1"
350
+ },
351
+ "stk-text-title-1-light": {
352
+ "fontSize": "28px",
353
+ "fontWeight": "300",
354
+ "lineHeight": "1.2"
355
+ },
356
+ "stk-text-title-1-regular": {
357
+ "fontSize": "28px",
358
+ "fontWeight": "400",
359
+ "lineHeight": "1.2"
360
+ },
361
+ "stk-text-title-1-bold": {
362
+ "fontSize": "28px",
363
+ "fontWeight": "700",
364
+ "lineHeight": "1.2"
365
+ },
366
+ "stk-text-title-2-light": {
367
+ "fontSize": "23px",
368
+ "fontWeight": "300",
369
+ "lineHeight": "1.25"
370
+ },
371
+ "stk-text-title-2-regular": {
372
+ "fontSize": "23px",
373
+ "fontWeight": "400",
374
+ "lineHeight": "1.25"
375
+ },
376
+ "stk-text-title-2-bold": {
377
+ "fontSize": "23px",
378
+ "fontWeight": "700",
379
+ "lineHeight": "1.25"
380
+ },
381
+ "stk-text-title-3-light": {
382
+ "fontSize": "19px",
383
+ "fontWeight": "300",
384
+ "lineHeight": "1.3"
385
+ },
386
+ "stk-text-title-3-regular": {
387
+ "fontSize": "19px",
388
+ "fontWeight": "400",
389
+ "lineHeight": "1.3"
390
+ },
391
+ "stk-text-title-3-bold": {
392
+ "fontSize": "19px",
393
+ "fontWeight": "700",
394
+ "lineHeight": "1.3"
395
+ },
396
+ "stk-text-title-4-light": {
397
+ "fontSize": "16px",
398
+ "fontWeight": "300",
399
+ "lineHeight": "1.35"
400
+ },
401
+ "stk-text-title-4-regular": {
402
+ "fontSize": "16px",
403
+ "fontWeight": "400",
404
+ "lineHeight": "1.35"
405
+ },
406
+ "stk-text-title-4-bold": {
407
+ "fontSize": "16px",
408
+ "fontWeight": "700",
409
+ "lineHeight": "1.35"
410
+ },
411
+ "stk-text-body-light": {
412
+ "fontSize": "16px",
413
+ "fontWeight": "300",
414
+ "lineHeight": "1.5"
415
+ },
416
+ "stk-text-body-regular": {
417
+ "fontSize": "16px",
418
+ "fontWeight": "400",
419
+ "lineHeight": "1.5"
420
+ },
421
+ "stk-text-body-bold": {
422
+ "fontSize": "16px",
423
+ "fontWeight": "700",
424
+ "lineHeight": "1.5"
425
+ },
426
+ "stk-text-body-sm-light": {
427
+ "fontSize": "13px",
428
+ "fontWeight": "300",
429
+ "lineHeight": "1.5"
430
+ },
431
+ "stk-text-body-sm-regular": {
432
+ "fontSize": "13px",
433
+ "fontWeight": "400",
434
+ "lineHeight": "1.5"
435
+ },
436
+ "stk-text-body-sm-bold": {
437
+ "fontSize": "13px",
438
+ "fontWeight": "700",
439
+ "lineHeight": "1.5"
440
+ },
441
+ "stk-text-label-light": {
442
+ "fontSize": "13px",
443
+ "fontWeight": "300",
444
+ "lineHeight": "1.4"
445
+ },
446
+ "stk-text-label-regular": {
447
+ "fontSize": "13px",
448
+ "fontWeight": "400",
449
+ "lineHeight": "1.4"
450
+ },
451
+ "stk-text-label-bold": {
452
+ "fontSize": "13px",
453
+ "fontWeight": "700",
454
+ "lineHeight": "1.4"
455
+ },
456
+ "stk-text-label-sm-light": {
457
+ "fontSize": "11px",
458
+ "fontWeight": "300",
459
+ "lineHeight": "1.4"
460
+ },
461
+ "stk-text-label-sm-regular": {
462
+ "fontSize": "11px",
463
+ "fontWeight": "400",
464
+ "lineHeight": "1.4"
465
+ },
466
+ "stk-text-label-sm-bold": {
467
+ "fontSize": "11px",
468
+ "fontWeight": "700",
469
+ "lineHeight": "1.4"
470
+ },
471
+ "stk-state-hover": "#cfcfcf",
472
+ "stk-state-active": "#aaaaaa",
473
+ "stk-state-selected": "0.12",
474
+ "stk-state-focus": "#2a69f1",
475
+ "stk-state-disabled-bg": "#e2e2e2",
476
+ "stk-state-disabled-text": "#989898",
477
+ "stk-state-disabled-border": "#bcbcbc",
478
+ "stk-icon-default": "#363636",
479
+ "stk-icon-subtle": "#656565",
480
+ "stk-icon-subtlest": "#878787",
481
+ "stk-icon-inverse": "#f5f5f5",
482
+ "stk-icon-brand-1": "#0542c9",
483
+ "stk-icon-brand-2": "#412ecf",
484
+ "stk-icon-brand-3": "#6305cc",
485
+ "stk-icon-success": "#006c0f",
486
+ "stk-icon-danger": "#ad0000",
487
+ "stk-icon-alert": "#a40000",
488
+ "stk-icon-info": "#903400",
489
+ "stk-icon-news": "#006c0f",
490
+ "stk-icon-ai": "#00665c",
491
+ "stk-shadow-color": "0 0 0",
492
+ "stk-shadow-opacity": "0.08",
493
+ "stk-shadow-key-xs": "0px 1px 4px 0px",
494
+ "stk-shadow-key-sm": "0px 2px 8px 0px",
495
+ "stk-shadow-key-md": "0px 3px 12px 0px",
496
+ "stk-shadow-key-lg": "0px 4px 16px 0px",
497
+ "stk-shadow-key-xl": "0px 2px 8px 0px",
498
+ "stk-shadow-ambient-xs": "0px 2px 8px 0px",
499
+ "stk-shadow-ambient-sm": "0px 3px 12px 0px",
500
+ "stk-shadow-ambient-md": "0px 4px 16px 0px",
501
+ "stk-shadow-ambient-lg": "0px 5px 20px 0px",
502
+ "stk-shadow-ambient-xl": "0px 6px 24px 0px",
503
+ "stk-shadow-preset-xs": "surface",
504
+ "stk-shadow-preset-sm": "non-modal",
505
+ "stk-shadow-preset-md": "sticky",
506
+ "stk-shadow-preset-lg": "non-modal-sticky",
507
+ "stk-shadow-preset-xl": "modal",
508
+ "stk-layout-container-max-width-sm": "560px",
509
+ "stk-layout-container-max-width-md": "800px",
510
+ "stk-layout-container-max-width-lg": "1280px",
511
+ "stk-layout-container-padding-x": "32px",
512
+ "stk-layout-container-padding-x-narrow": "16px",
513
+ "stk-tooltip-bg": "#555555",
514
+ "stk-tooltip-text": "#f5f5f5",
515
+ "stk-tooltip-arrow": "#555555",
516
+ "stk-tooltip-radius": "8px",
517
+ "stk-tooltip-padding-x": "12px",
518
+ "stk-tooltip-padding-y": "8px",
519
+ "stk-tooltip-max-width": "250",
520
+ "stk-button-sm-spacing-horizontal": "12px",
521
+ "stk-button-sm-spacing-vertical": "8px",
522
+ "stk-button-sm-spacing-gap": "8px",
523
+ "stk-button-sm-radius": "4px",
524
+ "stk-button-md-spacing-horizontal": "16px",
525
+ "stk-button-md-spacing-vertical": "8px",
526
+ "stk-button-md-spacing-gap": "8px",
527
+ "stk-button-md-radius": "8px",
528
+ "stk-button-lg-spacing-horizontal": "24px",
529
+ "stk-button-lg-spacing-vertical": "16px",
530
+ "stk-button-lg-spacing-gap": "12px",
531
+ "stk-button-lg-radius": "8px",
532
+ "stk-button-primary-background-color": "#1956dd",
533
+ "stk-button-primary-text-color": "#f5f5f5",
534
+ "stk-button-primary-icon-color": "#f5f5f5",
535
+ "stk-button-primary-active-background-color": "#0542c9",
536
+ "stk-button-primary-disabled-background-color": "#e2e2e2",
537
+ "stk-button-primary-disabled-text-color": "#989898",
538
+ "stk-button-primary-disabled-icon-color": "#989898",
539
+ "stk-button-primary-loading-background-color": "#1956dd",
540
+ "stk-button-ghost-background-color": "#f5f5f5",
541
+ "stk-button-ghost-text-color": "#363636",
542
+ "stk-button-ghost-icon-color": "#363636",
543
+ "stk-button-ghost-active-background-color": "#cfcfcf",
544
+ "stk-button-ghost-active-press-text-color": "#363636",
545
+ "stk-button-ghost-active-press-icon-color": "#363636",
546
+ "stk-button-ghost-disabled-background-color": "#e2e2e2",
547
+ "stk-button-ghost-disabled-text-color": "#989898",
548
+ "stk-button-ghost-disabled-icon-color": "#989898",
549
+ "stk-button-ghost-loading-background-color": "transparent",
550
+ "stk-button-danger-background-color": "#d71f21",
551
+ "stk-button-danger-text-color": "#f5f5f5",
552
+ "stk-button-danger-icon-color": "#f5f5f5",
553
+ "stk-button-danger-active-background-color": "#ad0000",
554
+ "stk-button-danger-disabled-background-color": "#e2e2e2",
555
+ "stk-button-danger-disabled-text-color": "#989898",
556
+ "stk-button-danger-disabled-icon-color": "#989898",
557
+ "stk-button-danger-loading-background-color": "#d71f21",
558
+ "stk-button-hover-overlay-color": "#cfcfcf",
559
+ "stk-button-press-overlay-color": "#aaaaaa",
560
+ "stk-button-active-hover-overlay-color": "#cfcfcf",
561
+ "stk-button-active-press-overlay-color": "#aaaaaa",
562
+ "stk-radio-button-size": "16px",
563
+ "stk-radio-button-dot-size": "6",
564
+ "stk-radio-button-dot-color": "#f5f5f5",
565
+ "stk-radio-button-border-width": "1.5",
566
+ "stk-radio-button-border-color-default": "#aaaaaa",
567
+ "stk-radio-button-border-color-hover": "#878787",
568
+ "stk-radio-button-bg-default": "#f5f5f5",
569
+ "stk-radio-button-bg-hover": "#e2e2e2",
570
+ "stk-radio-button-bg-press": "#cfcfcf",
571
+ "stk-radio-button-bg-selected": "#1956dd",
572
+ "stk-radio-button-bg-selected-hover": "#60a3ff",
573
+ "stk-radio-button-bg-selected-press": "#0542c9",
574
+ "stk-radio-button-bg-disabled": "#e2e2e2",
575
+ "stk-radio-button-focus-ring-color": "#2a69f1",
576
+ "stk-radio-button-label-color": "#363636",
577
+ "stk-radio-button-label-disabled-color": "#989898",
578
+ "stk-radio-button-required-color": "#656565",
579
+ "stk-radio-button-spacing-gap": "8px",
580
+ "stk-radio-group-spacing-gap": "12px",
581
+ "stk-radio-group-spacing-item-gap": "8px",
582
+ "stk-radio-group-spacing-header-gap": "4px",
583
+ "stk-radio-group-label-color": "#363636",
584
+ "stk-radio-group-hint-color": "#656565",
585
+ "stk-radio-group-required-color": "#656565",
586
+ "stk-text-input-spacing-padding-x": "12px",
587
+ "stk-text-input-spacing-padding-y": "8px",
588
+ "stk-text-input-spacing-gap": "4px",
589
+ "stk-text-input-spacing-label-gap": "4px",
590
+ "stk-text-input-spacing-inner-gap": "8px",
591
+ "stk-text-input-spacing-error-gap": "4px",
592
+ "stk-text-input-border-radius": "8px",
593
+ "stk-text-input-border-width": "1px",
594
+ "stk-text-input-border-width-hover": "2px",
595
+ "stk-text-input-border-width-focus": "2px",
596
+ "stk-text-input-border-color-default": "#aaaaaa",
597
+ "stk-text-input-border-color-hover": "#878787",
598
+ "stk-text-input-border-color-focus": "#2a69f1",
599
+ "stk-text-input-border-color-error": "#d71f21",
600
+ "stk-text-input-border-color-disabled": "#bcbcbc",
601
+ "stk-text-input-bg-default": "#ffffff",
602
+ "stk-text-input-bg-disabled": "#e2e2e2",
603
+ "stk-text-input-label-color": "#656565",
604
+ "stk-text-input-label-disabled-color": "#989898",
605
+ "stk-text-input-required-color": "#757575",
606
+ "stk-text-input-text-color": "#363636",
607
+ "stk-text-input-text-disabled-color": "#989898",
608
+ "stk-text-input-error-color": "#ad0000",
609
+ "stk-text-input-error-disabled-color": "#989898",
610
+ "stk-text-input-icon-color": "#656565",
611
+ "stk-text-input-icon-disabled-color": "#989898",
612
+ "stk-text-input-icon-size": "20",
613
+ "stk-checkbox-size": "16px",
614
+ "stk-checkbox-check-size": "10",
615
+ "stk-checkbox-check-color": "#f5f5f5",
616
+ "stk-checkbox-border-width": "1px",
617
+ "stk-checkbox-border-color-default": "#aaaaaa",
618
+ "stk-checkbox-border-color-hover": "#878787",
619
+ "stk-checkbox-border-color-error": "#d71f21",
620
+ "stk-checkbox-radius": "2px",
621
+ "stk-checkbox-bg-default": "#f5f5f5",
622
+ "stk-checkbox-bg-hover": "#e2e2e2",
623
+ "stk-checkbox-bg-press": "#cfcfcf",
624
+ "stk-checkbox-bg-checked": "#1956dd",
625
+ "stk-checkbox-bg-checked-hover": "#60a3ff",
626
+ "stk-checkbox-bg-checked-press": "#0542c9",
627
+ "stk-checkbox-bg-disabled": "#e2e2e2",
628
+ "stk-checkbox-focus-ring-color": "#2a69f1",
629
+ "stk-checkbox-label-color": "#363636",
630
+ "stk-checkbox-label-disabled-color": "#989898",
631
+ "stk-checkbox-gap": "8px",
632
+ "stk-checkbox-required-color": "#656565",
633
+ "stk-badge-status-bg-neutral": "#e2e2e2",
634
+ "stk-badge-status-bg-brand-1": "#cff6ff",
635
+ "stk-badge-status-bg-brand-2": "#e1efff",
636
+ "stk-badge-status-bg-brand-3": "#f8e6ff",
637
+ "stk-badge-status-bg-success": "#ceffd6",
638
+ "stk-badge-status-bg-danger": "#ffdace",
639
+ "stk-badge-status-bg-alert": "#ffe0c3",
640
+ "stk-badge-status-bg-info": "#ffe9c1",
641
+ "stk-badge-status-bg-ai": "#cffff9",
642
+ "stk-badge-status-text-neutral": "#363636",
643
+ "stk-badge-status-text-brand-1": "#0542c9",
644
+ "stk-badge-status-text-brand-2": "#412ecf",
645
+ "stk-badge-status-text-brand-3": "#6305cc",
646
+ "stk-badge-status-text-success": "#006c0f",
647
+ "stk-badge-status-text-danger": "#ad0000",
648
+ "stk-badge-status-text-alert": "#a40000",
649
+ "stk-badge-status-text-info": "#903400",
650
+ "stk-badge-status-text-ai": "#00665c",
651
+ "stk-badge-status-border-color": "#aaaaaa",
652
+ "stk-badge-status-border-width": "1px",
653
+ "stk-badge-status-radius": "8px",
654
+ "stk-badge-status-font-size": "11px",
655
+ "stk-badge-status-spacing-h": "8px",
656
+ "stk-badge-status-spacing-v": "4px",
657
+ "stk-badge-status-spacing-gap": "4px",
658
+ "stk-badge-status-dot-size": "8px",
659
+ "stk-spinner-sm-size": "16px",
660
+ "stk-spinner-sm-stroke-width": "1px",
661
+ "stk-spinner-md-size": "20",
662
+ "stk-spinner-md-stroke-width": "2px",
663
+ "stk-spinner-lg-size": "24px",
664
+ "stk-spinner-lg-stroke-width": "2px",
665
+ "stk-spinner-xl-size": "32px",
666
+ "stk-spinner-xl-stroke-width": "2px",
667
+ "stk-spinner-track-opacity": "0.2",
668
+ "stk-spinner-color-default": "#aaaaaa",
669
+ "stk-spinner-color-brand": "#2a69f1",
670
+ "stk-spinner-color-success": "#008f37",
671
+ "stk-spinner-color-danger": "#d71f21",
672
+ "stk-spinner-color-inverse": "#f5f5f5",
673
+ "stk-spinner-duration": "500ms",
674
+ "stk-spinner-easing": "linear",
675
+ "stk-image-bg": "#f5f5f5",
676
+ "stk-image-radius": "8px",
677
+ "stk-image-selection-bg": "#ffffff",
678
+ "stk-card-bg": "#ffffff",
679
+ "stk-card-border": "#bcbcbc",
680
+ "stk-card-radius": "16px",
681
+ "stk-list-item-bg-default": "#ffffff",
682
+ "stk-list-item-bg-hover": "#cfcfcf",
683
+ "stk-list-item-bg-press": "#aaaaaa",
684
+ "stk-list-item-bg-selected": "0.12",
685
+ "stk-list-item-bg-disabled": "#e2e2e2",
686
+ "stk-list-item-text-title": "#363636",
687
+ "stk-list-item-text-description": "#656565",
688
+ "stk-list-item-text-disabled": "#989898",
689
+ "stk-list-item-icon-color": "#363636",
690
+ "stk-list-item-icon-size": "16px",
691
+ "stk-list-item-spacing-padding-x": "12px",
692
+ "stk-list-item-spacing-padding-y": "8px",
693
+ "stk-list-item-spacing-gap": "8px",
694
+ "stk-list-item-radius": "4px",
695
+ "stk-list-item-min-height": "40px"
696
+ }