@solibo/solibo-ui 0.4.2 → 0.4.4

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 (41) hide show
  1. package/README.md +7 -13
  2. package/dist/assets/index.css +1 -1
  3. package/dist/assets/index10.css +1 -1
  4. package/dist/assets/index19.css +1 -1
  5. package/dist/assets/index23.css +1 -1
  6. package/dist/assets/index31.css +1 -1
  7. package/dist/assets/index32.css +1 -1
  8. package/dist/assets/index38.css +1 -1
  9. package/dist/assets/index40.css +1 -1
  10. package/dist/assets/index44.css +1 -1
  11. package/dist/components/_card/index.cjs +1 -1
  12. package/dist/components/_card/index.js +18 -18
  13. package/dist/components/_dropzone/index.cjs +1 -1
  14. package/dist/components/_dropzone/index.js +15 -15
  15. package/dist/components/aside/index.cjs +1 -1
  16. package/dist/components/aside/index.js +5 -5
  17. package/dist/components/branding/index.cjs +1 -1
  18. package/dist/components/branding/index.js +9 -9
  19. package/dist/components/controls/index.cjs +1 -1
  20. package/dist/components/controls/index.cjs.map +1 -1
  21. package/dist/components/controls/index.js +7 -7
  22. package/dist/components/controls/index.js.map +1 -1
  23. package/dist/components/dialog/index.cjs +1 -1
  24. package/dist/components/dialog/index.cjs.map +1 -1
  25. package/dist/components/dialog/index.js +8 -8
  26. package/dist/components/dialog/index.js.map +1 -1
  27. package/dist/components/file/index.cjs +1 -1
  28. package/dist/components/file/index.js +3 -3
  29. package/dist/components/group/index.cjs +1 -1
  30. package/dist/components/group/index.cjs.map +1 -1
  31. package/dist/components/group/index.js +4 -4
  32. package/dist/components/group/index.js.map +1 -1
  33. package/dist/components/list/index.cjs +1 -1
  34. package/dist/components/list/index.js +11 -11
  35. package/dist/components/nav/index.cjs +1 -1
  36. package/dist/components/nav/index.js +16 -16
  37. package/dist/components/toolbar/index.cjs +1 -1
  38. package/dist/components/toolbar/index.js +4 -4
  39. package/dist/tokens.css +207 -72
  40. package/dist/tokens.json +2130 -231
  41. package/package.json +2 -1
package/dist/tokens.json CHANGED
@@ -1,333 +1,2232 @@
1
1
  {
2
- "meta": {
3
- "format": "solibo-design-tokens",
4
- "packageName": "@solibo/solibo-ui",
5
- "packageVersion": "0.4.2",
6
- "schemaVersion": 1
7
- },
8
- "tokens": {
9
- "border": {
10
- "$type": "string",
11
- "$value": "{border.width} solid {color.border}",
12
- "radius": {
13
- "$type": "dimension",
14
- "$value": "calc({unit} / 1.5)",
15
- "large": {
16
- "$type": "dimension",
17
- "$value": "calc({unit} * 1.5)"
18
- }
19
- },
20
- "width": {
21
- "$type": "dimension",
22
- "$value": "1px",
23
- "heavy": {
24
- "$type": "dimension",
25
- "$value": "2px"
2
+ "$description": "Design tokens exported from Figma",
3
+ "$extensions": {
4
+ "com.figma": {
5
+ "exportedAt": "2026-04-30T09:39:48.681Z",
6
+ "history": [
7
+ {
8
+ "author": "Anne Cathrine",
9
+ "changesSummary": "Export from Figma",
10
+ "exportedAt": "2026-04-30T09:39:48.681Z",
11
+ "variableCount": 158,
12
+ "version": "1.0.0"
26
13
  }
27
- }
14
+ ],
15
+ "modeNames": {
16
+ "VariableCollectionId:12:5231": {
17
+ "12:15": "desktop",
18
+ "13:18": "mobile"
19
+ },
20
+ "VariableCollectionId:13:5256": {
21
+ "13:17": "Mode 1"
22
+ },
23
+ "VariableCollectionId:3:185": {
24
+ "3:4": "Desktop"
25
+ },
26
+ "VariableCollectionId:3:25": {
27
+ "3:0": "Default"
28
+ },
29
+ "VariableCollectionId:3:344": {
30
+ "3:8": "Light",
31
+ "53:1": "Dark"
32
+ },
33
+ "VariableCollectionId:3:469": {
34
+ "3:13": "Mode 1"
35
+ }
36
+ },
37
+ "modes": {
38
+ "VariableCollectionId:12:5231": [
39
+ "12:15",
40
+ "13:18"
41
+ ],
42
+ "VariableCollectionId:13:5256": [
43
+ "13:17"
44
+ ],
45
+ "VariableCollectionId:3:185": [
46
+ "3:4"
47
+ ],
48
+ "VariableCollectionId:3:25": [
49
+ "3:0"
50
+ ],
51
+ "VariableCollectionId:3:344": [
52
+ "3:8",
53
+ "53:1"
54
+ ],
55
+ "VariableCollectionId:3:469": [
56
+ "3:13"
57
+ ]
58
+ },
59
+ "originalPaths": {
60
+ "colors.green.100": "colors/green/100",
61
+ "colors.green.200": "colors/green/200",
62
+ "colors.green.300": "colors/green/300",
63
+ "colors.green.400": "colors/green/400",
64
+ "colors.green.50": "colors/green/50",
65
+ "colors.green.500": "colors/green/500",
66
+ "colors.green.600": "colors/green/600",
67
+ "colors.green.700": "colors/green/700",
68
+ "colors.green.800": "colors/green/800",
69
+ "colors.green.900": "colors/green/900",
70
+ "colors.neutral.0": "colors/neutral/0",
71
+ "colors.neutral.100": "colors/neutral/100",
72
+ "colors.neutral.200": "colors/neutral/200",
73
+ "colors.neutral.300": "colors/neutral/300",
74
+ "colors.neutral.400": "colors/neutral/400",
75
+ "colors.neutral.50": "colors/neutral/50",
76
+ "colors.neutral.500": "colors/neutral/500",
77
+ "colors.neutral.600": "colors/neutral/600",
78
+ "colors.neutral.700": "colors/neutral/700",
79
+ "colors.neutral.800": "colors/neutral/800",
80
+ "colors.neutral.900": "colors/neutral/900",
81
+ "colors.orange.100": "colors/orange/100",
82
+ "colors.orange.200": "colors/orange/200",
83
+ "colors.orange.300": "colors/orange/300",
84
+ "colors.orange.400": "colors/orange/400",
85
+ "colors.orange.50": "colors/orange/50",
86
+ "colors.orange.500": "colors/orange/500",
87
+ "colors.orange.600": "colors/orange/600",
88
+ "colors.orange.700": "colors/orange/700",
89
+ "colors.orange.800": "colors/orange/800",
90
+ "colors.orange.900": "colors/orange/900",
91
+ "colors.purple.100": "colors/purple/100",
92
+ "colors.purple.200": "colors/purple/200",
93
+ "colors.purple.300": "colors/purple/300",
94
+ "colors.purple.400": "colors/purple/400",
95
+ "colors.purple.50": "colors/purple/50",
96
+ "colors.purple.500": "colors/purple/500",
97
+ "colors.purple.600": "colors/purple/600",
98
+ "colors.purple.700": "colors/purple/700",
99
+ "colors.purple.800": "colors/purple/800",
100
+ "colors.purple.900": "colors/purple/900",
101
+ "colors.red.100": "colors/red/100",
102
+ "colors.red.200": "colors/red/200",
103
+ "colors.red.300": "colors/red/300",
104
+ "colors.red.400": "colors/red/400",
105
+ "colors.red.50": "colors/red/50",
106
+ "colors.red.500": "colors/red/500",
107
+ "colors.red.600": "colors/red/600",
108
+ "colors.red.700": "colors/red/700",
109
+ "colors.red.800": "colors/red/800",
110
+ "colors.red.900": "colors/red/900",
111
+ "colors.semantic.bg.disabled": "colors/semantic/bg/disabled",
112
+ "colors.semantic.bg.overlay": "colors/semantic/bg/overlay",
113
+ "colors.semantic.bg.page": "colors/semantic/bg/page",
114
+ "colors.semantic.bg.surface": "colors/semantic/bg/surface",
115
+ "colors.semantic.border.default": "colors/semantic/border/default",
116
+ "colors.semantic.border.disabled": "colors/semantic/border/disabled",
117
+ "colors.semantic.border.focus": "colors/semantic/border/focus",
118
+ "colors.semantic.border.strong": "colors/semantic/border/strong",
119
+ "colors.semantic.border.subtle": "colors/semantic/border/subtle",
120
+ "colors.semantic.content.disabled": "colors/semantic/content/disabled",
121
+ "colors.semantic.content.link": "colors/semantic/content/link",
122
+ "colors.semantic.content.link-hover": "colors/semantic/content/link-hover",
123
+ "colors.semantic.content.link-visited": "colors/semantic/content/link-visited",
124
+ "colors.semantic.content.on-color": "colors/semantic/content/on-color",
125
+ "colors.semantic.content.primary": "colors/semantic/content/primary",
126
+ "colors.semantic.content.secondary": "colors/semantic/content/secondary",
127
+ "colors.semantic.content.tertiary": "colors/semantic/content/tertiary",
128
+ "colors.semantic.interactive.destructive-bg": "colors/semantic/interactive/destructive-bg",
129
+ "colors.semantic.interactive.destructive-disabled": "colors/semantic/interactive/destructive-disabled",
130
+ "colors.semantic.interactive.destructive-hover": "colors/semantic/interactive/destructive-hover",
131
+ "colors.semantic.interactive.disabled": "colors/semantic/interactive/disabled",
132
+ "colors.semantic.interactive.hover": "colors/semantic/interactive/hover",
133
+ "colors.semantic.interactive.hover-subtle": "colors/semantic/interactive/hover-subtle",
134
+ "colors.semantic.interactive.pressed": "colors/semantic/interactive/pressed",
135
+ "colors.semantic.interactive.selected": "colors/semantic/interactive/selected",
136
+ "colors.semantic.primary.on-primary": "colors/semantic/primary/on-primary",
137
+ "colors.semantic.primary.on-primary-subtle": "colors/semantic/primary/on-primary-subtle",
138
+ "colors.semantic.primary.primary": "colors/semantic/primary/primary",
139
+ "colors.semantic.primary.primary-active": "colors/semantic/primary/primary-active",
140
+ "colors.semantic.primary.primary-hover": "colors/semantic/primary/primary-hover",
141
+ "colors.semantic.primary.primary-subtle": "colors/semantic/primary/primary-subtle",
142
+ "colors.semantic.primary.primary-subtle-border": "colors/semantic/primary/primary-subtle-border",
143
+ "colors.semantic.status.error.bg": "colors/semantic/status/error/bg",
144
+ "colors.semantic.status.error.border": "colors/semantic/status/error/border",
145
+ "colors.semantic.status.error.content": "colors/semantic/status/error/content",
146
+ "colors.semantic.status.error.content-inverse": "colors/semantic/status/error/content-inverse",
147
+ "colors.semantic.status.success.bg": "colors/semantic/status/success/bg",
148
+ "colors.semantic.status.success.border": "colors/semantic/status/success/border",
149
+ "colors.semantic.status.success.content": "colors/semantic/status/success/content",
150
+ "colors.semantic.status.success.content-inverse": "colors/semantic/status/success/content-inverse",
151
+ "colors.semantic.status.warning.bg": "colors/semantic/status/warning/bg",
152
+ "colors.semantic.status.warning.border": "colors/semantic/status/warning/border",
153
+ "colors.semantic.status.warning.content": "colors/semantic/status/warning/content",
154
+ "colors.semantic.status.warning.content-inverse": "colors/semantic/status/warning/content-inverse",
155
+ "font.base": "font/base",
156
+ "font.font-weight.bold": "font/font-weight/bold",
157
+ "font.font-weight.regular": "font/font-weight/regular",
158
+ "font.font-weight.semibold": "font/font-weight/semibold",
159
+ "scale.-16": "scale/-16",
160
+ "scale.0": "scale/0",
161
+ "scale.1": "scale/1",
162
+ "scale.12": "scale/12",
163
+ "scale.14": "scale/14",
164
+ "scale.16": "scale/16",
165
+ "scale.18": "scale/18",
166
+ "scale.2": "scale/2",
167
+ "scale.20": "scale/20",
168
+ "scale.24": "scale/24",
169
+ "scale.32": "scale/32",
170
+ "scale.4": "scale/4",
171
+ "scale.40": "scale/40",
172
+ "scale.48": "scale/48",
173
+ "scale.56": "scale/56",
174
+ "scale.64": "scale/64",
175
+ "scale.72": "scale/72",
176
+ "scale.8": "scale/8",
177
+ "scale.80": "scale/80",
178
+ "scale.88": "scale/88",
179
+ "scale.96": "scale/96",
180
+ "shape.border-radius.radius -sm": "shape/border-radius/radius -sm",
181
+ "shape.border-radius.radius-2xl": "shape/border-radius/radius-2xl",
182
+ "shape.border-radius.radius-full": "shape/border-radius/radius-full",
183
+ "shape.border-radius.radius-lg": "shape/border-radius/radius-lg",
184
+ "shape.border-radius.radius-md": "shape/border-radius/radius-md",
185
+ "shape.border-radius.radius-none": "shape/border-radius/radius-none",
186
+ "shape.border-radius.radius-xl": "shape/border-radius/radius-xl",
187
+ "shape.spacing.2xl": "shape/spacing/2xl",
188
+ "shape.spacing.2xs": "shape/spacing/2xs",
189
+ "shape.spacing.3xl": "shape/spacing/3xl",
190
+ "shape.spacing.3xs": "shape/spacing/3xs",
191
+ "shape.spacing.lg": "shape/spacing/lg",
192
+ "shape.spacing.md": "shape/spacing/md",
193
+ "shape.spacing.sm": "shape/spacing/sm",
194
+ "shape.spacing.xl": "shape/spacing/xl",
195
+ "shape.spacing.xs": "shape/spacing/xs",
196
+ "typography.font-sizes.body-lg": "typography/font-sizes/body-lg",
197
+ "typography.font-sizes.body-md": "typography/font-sizes/body-md",
198
+ "typography.font-sizes.body-sm": "typography/font-sizes/body-sm",
199
+ "typography.font-sizes.caption": "typography/font-sizes/caption",
200
+ "typography.font-sizes.display-lg": "typography/font-sizes/display-lg",
201
+ "typography.font-sizes.display-sm": "typography/font-sizes/display-sm",
202
+ "typography.font-sizes.h1": "typography/font-sizes/h1",
203
+ "typography.font-sizes.h2": "typography/font-sizes/h2",
204
+ "typography.font-sizes.h3": "typography/font-sizes/h3",
205
+ "typography.font-sizes.h4": "typography/font-sizes/h4",
206
+ "typography.font-sizes.label-lg": "typography/font-sizes/label-lg",
207
+ "typography.font-sizes.label-sm": "typography/font-sizes/label-sm",
208
+ "utils.tokens.font.family": "utils/tokens/font/family",
209
+ "utils.tokens.gradient": "utils/tokens/gradient",
210
+ "utils.tokens.icon.size": "utils/tokens/icon/size",
211
+ "utils.tokens.negative.unit": "utils/tokens/negative/unit",
212
+ "utils.tokens.opacity.minimal": "utils/tokens/opacity/minimal",
213
+ "utils.tokens.transition.delay": "utils/tokens/transition/delay",
214
+ "utils.tokens.transition.duration": "utils/tokens/transition/duration",
215
+ "utils.tokens.transition.timing.function": "utils/tokens/transition/timing/function",
216
+ "utils.tokens.unit": "utils/tokens/unit",
217
+ "utils.tokens.z.max": "utils/tokens/z/max"
218
+ },
219
+ "sourceFile": "Solibo UI Tokens",
220
+ "version": "1.0.0"
28
221
  },
29
- "color": {
30
- "background": {
31
- "light": {
32
- "$type": "color",
33
- "$value": "{color.neutral.light}"
222
+ "com.solibo": {
223
+ "packageName": "@solibo/solibo-ui",
224
+ "packageVersion": "0.4.4"
225
+ }
226
+ },
227
+ "$name": "Solibo UI Tokens",
228
+ "colors": {
229
+ "green": {
230
+ "50": {
231
+ "$extensions": {
232
+ "com.figma": {
233
+ "scopes": []
234
+ }
235
+ },
236
+ "$type": "color",
237
+ "$value": {
238
+ "Dark": "#e6edeb",
239
+ "Light": "#e6edeb"
34
240
  }
35
241
  },
36
- "black": {
242
+ "100": {
243
+ "$extensions": {
244
+ "com.figma": {
245
+ "scopes": []
246
+ }
247
+ },
37
248
  "$type": "color",
38
- "$value": "rgb(23 23 23)"
249
+ "$value": {
250
+ "Dark": "#b0c8c2",
251
+ "Light": "#b0c8c2"
252
+ }
39
253
  },
40
- "border": {
254
+ "200": {
255
+ "$extensions": {
256
+ "com.figma": {
257
+ "scopes": []
258
+ }
259
+ },
41
260
  "$type": "color",
42
- "$value": "{color.timberwolf}",
43
- "primary": {
44
- "$type": "color",
45
- "$value": "rgb(42 42 42 / 12%)"
261
+ "$value": {
262
+ "Dark": "#8aaea5",
263
+ "Light": "#8aaea5"
46
264
  }
47
265
  },
48
- "cod": {
49
- "gray": {
50
- "$type": "color",
51
- "$value": "rgb(11 11 11)"
266
+ "300": {
267
+ "$extensions": {
268
+ "com.figma": {
269
+ "scopes": []
270
+ }
271
+ },
272
+ "$type": "color",
273
+ "$value": {
274
+ "Dark": "#54887c",
275
+ "Light": "#54887c"
276
+ }
277
+ },
278
+ "400": {
279
+ "$extensions": {
280
+ "com.figma": {
281
+ "scopes": []
282
+ }
283
+ },
284
+ "$type": "color",
285
+ "$value": {
286
+ "Dark": "#337162",
287
+ "Light": "#337162"
52
288
  }
53
289
  },
54
- "dark": {
290
+ "500": {
291
+ "$extensions": {
292
+ "com.figma": {
293
+ "scopes": []
294
+ }
295
+ },
55
296
  "$type": "color",
56
- "$value": "rgb(180 180 180)"
297
+ "$value": {
298
+ "Dark": "#004e3b",
299
+ "Light": "#004e3b"
300
+ }
57
301
  },
58
- "draft": {
302
+ "600": {
303
+ "$extensions": {
304
+ "com.figma": {
305
+ "scopes": []
306
+ }
307
+ },
59
308
  "$type": "color",
60
- "$value": "rgb(255 255 200 / 80%)"
309
+ "$value": {
310
+ "Dark": "#004736",
311
+ "Light": "#004736"
312
+ }
61
313
  },
62
- "electric": {
63
- "violet": {
64
- "$type": "color",
65
- "$value": "rgb(90 35 245)"
314
+ "700": {
315
+ "$extensions": {
316
+ "com.figma": {
317
+ "scopes": []
318
+ }
319
+ },
320
+ "$type": "color",
321
+ "$value": {
322
+ "Dark": "#00372a",
323
+ "Light": "#00372a"
66
324
  }
67
325
  },
68
- "fallback": {
326
+ "800": {
327
+ "$extensions": {
328
+ "com.figma": {
329
+ "scopes": []
330
+ }
331
+ },
69
332
  "$type": "color",
70
- "$value": "{color.silver}"
333
+ "$value": {
334
+ "Dark": "#002b20",
335
+ "Light": "#002b20"
336
+ }
71
337
  },
72
- "green": {
338
+ "900": {
339
+ "$extensions": {
340
+ "com.figma": {
341
+ "scopes": []
342
+ }
343
+ },
73
344
  "$type": "color",
74
- "$value": "rgb(0 146 20)",
75
- "dark": {
76
- "$type": "color",
77
- "$value": "rgb(33 69 45)"
345
+ "$value": {
346
+ "Dark": "#002119",
347
+ "Light": "#002119"
348
+ }
349
+ }
350
+ },
351
+ "neutral": {
352
+ "0": {
353
+ "$extensions": {
354
+ "com.figma": {
355
+ "scopes": []
356
+ }
78
357
  },
79
- "light": {
80
- "$type": "color",
81
- "$value": "rgb(209 250 229)"
358
+ "$type": "color",
359
+ "$value": {
360
+ "Dark": "#ffffff",
361
+ "Light": "#ffffff"
82
362
  }
83
363
  },
84
- "highlight": {
364
+ "50": {
365
+ "$extensions": {
366
+ "com.figma": {
367
+ "scopes": []
368
+ }
369
+ },
85
370
  "$type": "color",
86
- "$value": "rgb(235 235 235)"
371
+ "$value": {
372
+ "Dark": "#f5f5f5",
373
+ "Light": "#f5f5f5"
374
+ }
87
375
  },
88
- "icon": {
376
+ "100": {
377
+ "$extensions": {
378
+ "com.figma": {
379
+ "scopes": []
380
+ }
381
+ },
89
382
  "$type": "color",
90
- "$value": "{color.outer.space}"
383
+ "$value": {
384
+ "Dark": "#ebebeb",
385
+ "Light": "#ebebeb"
386
+ }
91
387
  },
92
- "mahogany": {
388
+ "200": {
389
+ "$extensions": {
390
+ "com.figma": {
391
+ "scopes": []
392
+ }
393
+ },
93
394
  "$type": "color",
94
- "$value": "rgb(136 4 2)"
395
+ "$value": {
396
+ "Dark": "#dfdfdf",
397
+ "Light": "#dfdfdf"
398
+ }
95
399
  },
96
- "neutral": {
400
+ "300": {
401
+ "$extensions": {
402
+ "com.figma": {
403
+ "scopes": []
404
+ }
405
+ },
97
406
  "$type": "color",
98
- "$value": "{color.timberwolf}",
99
- "light": {
100
- "$type": "color",
101
- "$value": "{color.wild.sand}"
407
+ "$value": {
408
+ "Dark": "#999999",
409
+ "Light": "#999999"
102
410
  }
103
411
  },
104
- "outer": {
105
- "space": {
106
- "$type": "color",
107
- "$value": "rgb(82 82 82)"
412
+ "400": {
413
+ "$extensions": {
414
+ "com.figma": {
415
+ "scopes": []
416
+ }
417
+ },
418
+ "$type": "color",
419
+ "$value": {
420
+ "Dark": "#7b7b7b",
421
+ "Light": "#7b7b7b"
108
422
  }
109
423
  },
110
- "placeholder": {
111
- "text": {
112
- "$type": "color",
113
- "$value": "{color.silver}"
424
+ "500": {
425
+ "$extensions": {
426
+ "com.figma": {
427
+ "scopes": []
428
+ }
429
+ },
430
+ "$type": "color",
431
+ "$value": {
432
+ "Dark": "#525252",
433
+ "Light": "#525252"
114
434
  }
115
435
  },
116
- "primary": {
436
+ "600": {
437
+ "$extensions": {
438
+ "com.figma": {
439
+ "scopes": []
440
+ }
441
+ },
117
442
  "$type": "color",
118
- "$value": "{color.electric.violet}",
119
- "dark": {
120
- "$type": "color",
121
- "$value": "{color.purple.heart}"
443
+ "$value": {
444
+ "Dark": "#373737",
445
+ "Light": "#373737"
122
446
  }
123
447
  },
124
- "purple": {
125
- "heart": {
126
- "$type": "color",
127
- "$value": "rgb(64 25 174)"
448
+ "700": {
449
+ "$extensions": {
450
+ "com.figma": {
451
+ "scopes": []
452
+ }
128
453
  },
129
- "light": {
130
- "$type": "color",
131
- "$value": "rgb(239 233 254)"
454
+ "$type": "color",
455
+ "$value": {
456
+ "Dark": "#2a2a2a",
457
+ "Light": "#2a2a2a"
132
458
  }
133
459
  },
134
- "red": {
460
+ "800": {
461
+ "$extensions": {
462
+ "com.figma": {
463
+ "scopes": []
464
+ }
465
+ },
135
466
  "$type": "color",
136
- "$value": "rgb(191 6 3)",
137
- "light": {
138
- "$type": "color",
139
- "$value": "rgb(235 178 177)"
467
+ "$value": {
468
+ "Dark": "#1c1c1c",
469
+ "Light": "#1c1c1c"
140
470
  }
141
471
  },
142
- "silver": {
472
+ "900": {
473
+ "$extensions": {
474
+ "com.figma": {
475
+ "scopes": []
476
+ }
477
+ },
143
478
  "$type": "color",
144
- "$value": "rgb(194 194 194)"
479
+ "$value": {
480
+ "Dark": "#0b0b0b",
481
+ "Light": "#0b0b0b"
482
+ }
483
+ }
484
+ },
485
+ "orange": {
486
+ "50": {
487
+ "$extensions": {
488
+ "com.figma": {
489
+ "scopes": []
490
+ }
491
+ },
492
+ "$type": "color",
493
+ "$value": {
494
+ "Dark": "#fef2e6",
495
+ "Light": "#fef2e6"
496
+ }
145
497
  },
146
- "surface": {
147
- "active": {
148
- "$type": "color",
149
- "$value": "rgb(123 79 247 / 20%)"
498
+ "100": {
499
+ "$extensions": {
500
+ "com.figma": {
501
+ "scopes": []
502
+ }
503
+ },
504
+ "$type": "color",
505
+ "$value": {
506
+ "Dark": "#fdd7b0",
507
+ "Light": "#fdd7b0"
150
508
  }
151
509
  },
152
- "text": {
510
+ "200": {
511
+ "$extensions": {
512
+ "com.figma": {
513
+ "scopes": []
514
+ }
515
+ },
153
516
  "$type": "color",
154
- "$value": "{color.text.primary}",
155
- "primary": {
156
- "$type": "color",
157
- "$value": "{color.cod.gray}"
517
+ "$value": {
518
+ "Dark": "#fbc48a",
519
+ "Light": "#fbc48a"
520
+ }
521
+ },
522
+ "300": {
523
+ "$extensions": {
524
+ "com.figma": {
525
+ "scopes": []
526
+ }
158
527
  },
159
- "secondary": {
160
- "$type": "color",
161
- "$value": "{color.outer.space}"
528
+ "$type": "color",
529
+ "$value": {
530
+ "Dark": "#faa954",
531
+ "Light": "#faa954"
162
532
  }
163
533
  },
164
- "timberwolf": {
534
+ "400": {
535
+ "$extensions": {
536
+ "com.figma": {
537
+ "scopes": []
538
+ }
539
+ },
165
540
  "$type": "color",
166
- "$value": "rgb(223 223 223)"
541
+ "$value": {
542
+ "Dark": "#f99933",
543
+ "Light": "#f99933"
544
+ }
167
545
  },
168
- "translucent": {
546
+ "500": {
547
+ "$extensions": {
548
+ "com.figma": {
549
+ "scopes": []
550
+ }
551
+ },
169
552
  "$type": "color",
170
- "$value": "rgba(255 255 255 / 60%)"
553
+ "$value": {
554
+ "Dark": "#f77f00",
555
+ "Light": "#f77f00"
556
+ }
171
557
  },
172
- "warning": {
558
+ "600": {
559
+ "$extensions": {
560
+ "com.figma": {
561
+ "scopes": []
562
+ }
563
+ },
173
564
  "$type": "color",
174
- "$value": "{color.red}"
565
+ "$value": {
566
+ "Dark": "#e17400",
567
+ "Light": "#e17400"
568
+ }
175
569
  },
176
- "white": {
570
+ "700": {
571
+ "$extensions": {
572
+ "com.figma": {
573
+ "scopes": []
574
+ }
575
+ },
177
576
  "$type": "color",
178
- "$value": "rgb(255 255 255)"
577
+ "$value": {
578
+ "Dark": "#af5a00",
579
+ "Light": "#af5a00"
580
+ }
179
581
  },
180
- "wild": {
181
- "sand": {
182
- "$type": "color",
183
- "$value": "rgb(245 245 245)"
582
+ "800": {
583
+ "$extensions": {
584
+ "com.figma": {
585
+ "scopes": []
586
+ }
587
+ },
588
+ "$type": "color",
589
+ "$value": {
590
+ "Dark": "#884600",
591
+ "Light": "#884600"
592
+ }
593
+ },
594
+ "900": {
595
+ "$extensions": {
596
+ "com.figma": {
597
+ "scopes": []
598
+ }
599
+ },
600
+ "$type": "color",
601
+ "$value": {
602
+ "Dark": "#683500",
603
+ "Light": "#683500"
184
604
  }
185
605
  }
186
606
  },
187
- "font": {
188
- "family": {
189
- "$type": "fontFamily",
190
- "$value": "'Figtree', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"
607
+ "purple": {
608
+ "50": {
609
+ "$extensions": {
610
+ "com.figma": {
611
+ "scopes": []
612
+ }
613
+ },
614
+ "$type": "color",
615
+ "$value": {
616
+ "Dark": "#efe9fe",
617
+ "Light": "#efe9fe"
618
+ }
191
619
  },
192
- "size": {
193
- "$type": "string",
194
- "$value": "{unit}",
195
- "h1": {
196
- "$type": "dimension",
197
- "$value": "calc({unit} * 2)"
620
+ "100": {
621
+ "$extensions": {
622
+ "com.figma": {
623
+ "scopes": []
624
+ }
198
625
  },
199
- "h2": {
200
- "$type": "dimension",
201
- "$value": "calc({unit} * 1.25)"
626
+ "$type": "color",
627
+ "$value": {
628
+ "Dark": "#ccbbfc",
629
+ "Light": "#ccbbfc"
630
+ }
631
+ },
632
+ "200": {
633
+ "$extensions": {
634
+ "com.figma": {
635
+ "scopes": []
636
+ }
202
637
  },
203
- "h3": {
204
- "$type": "dimension",
205
- "$value": "calc({unit})"
638
+ "$type": "color",
639
+ "$value": {
640
+ "Dark": "#b39afa",
641
+ "Light": "#b39afa"
642
+ }
643
+ },
644
+ "300": {
645
+ "$extensions": {
646
+ "com.figma": {
647
+ "scopes": []
648
+ }
649
+ },
650
+ "$type": "color",
651
+ "$value": {
652
+ "Dark": "#906cf8",
653
+ "Light": "#906cf8"
654
+ }
655
+ },
656
+ "400": {
657
+ "$extensions": {
658
+ "com.figma": {
659
+ "scopes": []
660
+ }
661
+ },
662
+ "$type": "color",
663
+ "$value": {
664
+ "Dark": "#7b4ff7",
665
+ "Light": "#7b4ff7"
666
+ }
667
+ },
668
+ "500": {
669
+ "$extensions": {
670
+ "com.figma": {
671
+ "scopes": []
672
+ }
673
+ },
674
+ "$type": "color",
675
+ "$value": {
676
+ "Dark": "#5a23f5",
677
+ "Light": "#5a23f5"
678
+ }
679
+ },
680
+ "600": {
681
+ "$extensions": {
682
+ "com.figma": {
683
+ "scopes": []
684
+ }
685
+ },
686
+ "$type": "color",
687
+ "$value": {
688
+ "Dark": "#5220df",
689
+ "Light": "#5220df"
690
+ }
691
+ },
692
+ "700": {
693
+ "$extensions": {
694
+ "com.figma": {
695
+ "scopes": []
696
+ }
206
697
  },
207
- "small": {
208
- "$type": "dimension",
209
- "$value": "calc({unit} * 0.75)"
698
+ "$type": "color",
699
+ "$value": {
700
+ "Dark": "#4019ae",
701
+ "Light": "#4019ae"
210
702
  }
211
703
  },
212
- "weight": {
213
- "bold": {
214
- "$type": "fontWeight",
215
- "$value": "700"
704
+ "800": {
705
+ "$extensions": {
706
+ "com.figma": {
707
+ "scopes": []
708
+ }
216
709
  },
217
- "normal": {
218
- "$type": "fontWeight",
219
- "$value": "400"
710
+ "$type": "color",
711
+ "$value": {
712
+ "Dark": "#321387",
713
+ "Light": "#321387"
714
+ }
715
+ },
716
+ "900": {
717
+ "$extensions": {
718
+ "com.figma": {
719
+ "scopes": []
720
+ }
220
721
  },
221
- "semibold": {
222
- "$type": "fontWeight",
223
- "$value": "600"
722
+ "$type": "color",
723
+ "$value": {
724
+ "Dark": "#260f67",
725
+ "Light": "#260f67"
224
726
  }
225
727
  }
226
728
  },
227
- "gradient": {
228
- "$type": "gradient",
229
- "$value": "linear-gradient(180deg, rgb(255 255 255 / 100%), transparent 50%)"
230
- },
231
- "icon": {
232
- "size": {
233
- "$type": "dimension",
234
- "$value": "calc({unit} * 1.5)"
729
+ "red": {
730
+ "50": {
731
+ "$extensions": {
732
+ "com.figma": {
733
+ "scopes": []
734
+ }
735
+ },
736
+ "$type": "color",
737
+ "$value": {
738
+ "Dark": "#f9e6e6",
739
+ "Light": "#f9e6e6"
740
+ }
741
+ },
742
+ "100": {
743
+ "$extensions": {
744
+ "com.figma": {
745
+ "scopes": []
746
+ }
747
+ },
748
+ "$type": "color",
749
+ "$value": {
750
+ "Dark": "#ebb2b1",
751
+ "Light": "#ebb2b1"
752
+ }
753
+ },
754
+ "200": {
755
+ "$extensions": {
756
+ "com.figma": {
757
+ "scopes": []
758
+ }
759
+ },
760
+ "$type": "color",
761
+ "$value": {
762
+ "Dark": "#e28c8b",
763
+ "Light": "#e28c8b"
764
+ }
765
+ },
766
+ "300": {
767
+ "$extensions": {
768
+ "com.figma": {
769
+ "scopes": []
770
+ }
771
+ },
772
+ "$type": "color",
773
+ "$value": {
774
+ "Dark": "#d45856",
775
+ "Light": "#d45856"
776
+ }
777
+ },
778
+ "400": {
779
+ "$extensions": {
780
+ "com.figma": {
781
+ "scopes": []
782
+ }
783
+ },
784
+ "$type": "color",
785
+ "$value": {
786
+ "Dark": "#cc3835",
787
+ "Light": "#cc3835"
788
+ }
789
+ },
790
+ "500": {
791
+ "$extensions": {
792
+ "com.figma": {
793
+ "scopes": []
794
+ }
795
+ },
796
+ "$type": "color",
797
+ "$value": {
798
+ "Dark": "#bf0603",
799
+ "Light": "#bf0603"
800
+ }
801
+ },
802
+ "600": {
803
+ "$extensions": {
804
+ "com.figma": {
805
+ "scopes": []
806
+ }
807
+ },
808
+ "$type": "color",
809
+ "$value": {
810
+ "Dark": "#ae0503",
811
+ "Light": "#ae0503"
812
+ }
813
+ },
814
+ "700": {
815
+ "$extensions": {
816
+ "com.figma": {
817
+ "scopes": []
818
+ }
819
+ },
820
+ "$type": "color",
821
+ "$value": {
822
+ "Dark": "#880402",
823
+ "Light": "#880402"
824
+ }
825
+ },
826
+ "800": {
827
+ "$extensions": {
828
+ "com.figma": {
829
+ "scopes": []
830
+ }
831
+ },
832
+ "$type": "color",
833
+ "$value": {
834
+ "Dark": "#690302",
835
+ "Light": "#690302"
836
+ }
837
+ },
838
+ "900": {
839
+ "$extensions": {
840
+ "com.figma": {
841
+ "scopes": []
842
+ }
843
+ },
844
+ "$type": "color",
845
+ "$value": {
846
+ "Dark": "#500301",
847
+ "Light": "#500301"
848
+ }
235
849
  }
236
850
  },
237
- "negative": {
238
- "unit": {
239
- "$type": "dimension",
240
- "$value": "calc(-1 * {unit})",
241
- "large": {
242
- "$type": "dimension",
243
- "$value": "calc({negative.unit} * 2)"
851
+ "semantic": {
852
+ "bg": {
853
+ "disabled": {
854
+ "$extensions": {
855
+ "com.figma": {
856
+ "scopes": [
857
+ "FRAME_FILL",
858
+ "SHAPE_FILL"
859
+ ]
860
+ }
861
+ },
862
+ "$type": "color",
863
+ "$value": {
864
+ "Dark": "{colors.neutral.800}",
865
+ "Light": "{colors.neutral.50}"
866
+ }
867
+ },
868
+ "overlay": {
869
+ "$extensions": {
870
+ "com.figma": {
871
+ "scopes": [
872
+ "FRAME_FILL",
873
+ "SHAPE_FILL"
874
+ ]
875
+ }
876
+ },
877
+ "$type": "color",
878
+ "$value": {
879
+ "Dark": "{colors.neutral.600}",
880
+ "Light": "{colors.neutral.100}"
881
+ }
882
+ },
883
+ "page": {
884
+ "$extensions": {
885
+ "com.figma": {
886
+ "scopes": [
887
+ "FRAME_FILL",
888
+ "SHAPE_FILL"
889
+ ]
890
+ }
891
+ },
892
+ "$type": "color",
893
+ "$value": {
894
+ "Dark": "{colors.neutral.900}",
895
+ "Light": "{colors.neutral.50}"
896
+ }
897
+ },
898
+ "surface": {
899
+ "$extensions": {
900
+ "com.figma": {
901
+ "scopes": [
902
+ "FRAME_FILL",
903
+ "SHAPE_FILL"
904
+ ]
905
+ }
906
+ },
907
+ "$type": "color",
908
+ "$value": {
909
+ "Dark": "{colors.neutral.800}",
910
+ "Light": "{colors.neutral.0}"
911
+ }
912
+ }
913
+ },
914
+ "border": {
915
+ "default": {
916
+ "$extensions": {
917
+ "com.figma": {
918
+ "scopes": [
919
+ "SHAPE_FILL",
920
+ "STROKE_COLOR"
921
+ ]
922
+ }
923
+ },
924
+ "$type": "color",
925
+ "$value": {
926
+ "Dark": "{colors.neutral.500}",
927
+ "Light": "{colors.neutral.200}"
928
+ }
929
+ },
930
+ "disabled": {
931
+ "$extensions": {
932
+ "com.figma": {
933
+ "scopes": [
934
+ "SHAPE_FILL",
935
+ "STROKE_COLOR"
936
+ ]
937
+ }
938
+ },
939
+ "$type": "color",
940
+ "$value": {
941
+ "Dark": "{colors.neutral.700}",
942
+ "Light": "{colors.neutral.50}"
943
+ }
244
944
  },
245
- "small": {
246
- "$type": "dimension",
247
- "$value": "calc({negative.unit} / 2)"
945
+ "focus": {
946
+ "$extensions": {
947
+ "com.figma": {
948
+ "scopes": [
949
+ "SHAPE_FILL",
950
+ "STROKE_COLOR"
951
+ ]
952
+ }
953
+ },
954
+ "$type": "color",
955
+ "$value": {
956
+ "Dark": "{colors.purple.400}",
957
+ "Light": "{colors.purple.500}"
958
+ }
959
+ },
960
+ "strong": {
961
+ "$extensions": {
962
+ "com.figma": {
963
+ "scopes": [
964
+ "SHAPE_FILL",
965
+ "STROKE_COLOR"
966
+ ]
967
+ }
968
+ },
969
+ "$type": "color",
970
+ "$value": {
971
+ "Dark": "{colors.neutral.300}",
972
+ "Light": "{colors.neutral.300}"
973
+ }
974
+ },
975
+ "subtle": {
976
+ "$extensions": {
977
+ "com.figma": {
978
+ "scopes": [
979
+ "SHAPE_FILL",
980
+ "STROKE_COLOR"
981
+ ]
982
+ }
983
+ },
984
+ "$type": "color",
985
+ "$value": {
986
+ "Dark": "{colors.neutral.600}",
987
+ "Light": "{colors.neutral.100}"
988
+ }
989
+ }
990
+ },
991
+ "content": {
992
+ "disabled": {
993
+ "$extensions": {
994
+ "com.figma": {
995
+ "scopes": [
996
+ "SHAPE_FILL",
997
+ "TEXT_FILL",
998
+ "STROKE_COLOR"
999
+ ]
1000
+ }
1001
+ },
1002
+ "$type": "color",
1003
+ "$value": {
1004
+ "Dark": "{colors.neutral.500}",
1005
+ "Light": "{colors.neutral.300}"
1006
+ }
1007
+ },
1008
+ "link": {
1009
+ "$extensions": {
1010
+ "com.figma": {
1011
+ "scopes": [
1012
+ "SHAPE_FILL",
1013
+ "TEXT_FILL",
1014
+ "STROKE_COLOR"
1015
+ ]
1016
+ }
1017
+ },
1018
+ "$type": "color",
1019
+ "$value": {
1020
+ "Dark": "{colors.purple.200}",
1021
+ "Light": "{colors.purple.600}"
1022
+ }
1023
+ },
1024
+ "link-hover": {
1025
+ "$extensions": {
1026
+ "com.figma": {
1027
+ "scopes": [
1028
+ "SHAPE_FILL",
1029
+ "TEXT_FILL",
1030
+ "STROKE_COLOR"
1031
+ ]
1032
+ }
1033
+ },
1034
+ "$type": "color",
1035
+ "$value": {
1036
+ "Dark": "{colors.purple.300}",
1037
+ "Light": "{colors.purple.700}"
1038
+ }
1039
+ },
1040
+ "link-visited": {
1041
+ "$extensions": {
1042
+ "com.figma": {
1043
+ "scopes": [
1044
+ "ALL_SCOPES"
1045
+ ]
1046
+ }
1047
+ },
1048
+ "$type": "color",
1049
+ "$value": {
1050
+ "Dark": "{colors.purple.400}",
1051
+ "Light": "{colors.purple.400}"
1052
+ }
1053
+ },
1054
+ "on-color": {
1055
+ "$extensions": {
1056
+ "com.figma": {
1057
+ "scopes": [
1058
+ "SHAPE_FILL",
1059
+ "TEXT_FILL",
1060
+ "STROKE_COLOR"
1061
+ ]
1062
+ }
1063
+ },
1064
+ "$type": "color",
1065
+ "$value": {
1066
+ "Dark": "{colors.neutral.0}",
1067
+ "Light": "{colors.neutral.0}"
1068
+ }
1069
+ },
1070
+ "primary": {
1071
+ "$extensions": {
1072
+ "com.figma": {
1073
+ "scopes": [
1074
+ "SHAPE_FILL",
1075
+ "TEXT_FILL",
1076
+ "STROKE_COLOR"
1077
+ ]
1078
+ }
1079
+ },
1080
+ "$type": "color",
1081
+ "$value": {
1082
+ "Dark": "{colors.neutral.50}",
1083
+ "Light": "{colors.neutral.900}"
1084
+ }
1085
+ },
1086
+ "secondary": {
1087
+ "$extensions": {
1088
+ "com.figma": {
1089
+ "scopes": [
1090
+ "SHAPE_FILL",
1091
+ "TEXT_FILL",
1092
+ "STROKE_COLOR"
1093
+ ]
1094
+ }
1095
+ },
1096
+ "$type": "color",
1097
+ "$value": {
1098
+ "Dark": "{colors.neutral.200}",
1099
+ "Light": "{colors.neutral.500}"
1100
+ }
1101
+ },
1102
+ "tertiary": {
1103
+ "$extensions": {
1104
+ "com.figma": {
1105
+ "scopes": [
1106
+ "SHAPE_FILL",
1107
+ "TEXT_FILL",
1108
+ "STROKE_COLOR"
1109
+ ]
1110
+ }
1111
+ },
1112
+ "$type": "color",
1113
+ "$value": {
1114
+ "Dark": "{colors.neutral.300}",
1115
+ "Light": "{colors.neutral.400}"
1116
+ }
1117
+ }
1118
+ },
1119
+ "interactive": {
1120
+ "destructive-bg": {
1121
+ "$extensions": {
1122
+ "com.figma": {
1123
+ "scopes": [
1124
+ "ALL_SCOPES"
1125
+ ]
1126
+ }
1127
+ },
1128
+ "$type": "color",
1129
+ "$value": {
1130
+ "Dark": "{colors.red.600}",
1131
+ "Light": "{colors.red.600}"
1132
+ }
1133
+ },
1134
+ "destructive-disabled": {
1135
+ "$extensions": {
1136
+ "com.figma": {
1137
+ "scopes": [
1138
+ "ALL_SCOPES"
1139
+ ]
1140
+ }
1141
+ },
1142
+ "$type": "color",
1143
+ "$value": {
1144
+ "Dark": "{colors.red.200}",
1145
+ "Light": "{colors.red.200}"
1146
+ }
1147
+ },
1148
+ "destructive-hover": {
1149
+ "$extensions": {
1150
+ "com.figma": {
1151
+ "scopes": [
1152
+ "ALL_SCOPES"
1153
+ ]
1154
+ }
1155
+ },
1156
+ "$type": "color",
1157
+ "$value": {
1158
+ "Dark": "{colors.red.700}",
1159
+ "Light": "{colors.red.700}"
1160
+ }
1161
+ },
1162
+ "disabled": {
1163
+ "$extensions": {
1164
+ "com.figma": {
1165
+ "scopes": [
1166
+ "FRAME_FILL",
1167
+ "SHAPE_FILL",
1168
+ "STROKE_COLOR"
1169
+ ]
1170
+ }
1171
+ },
1172
+ "$type": "color",
1173
+ "$value": {
1174
+ "Dark": "{colors.neutral.500}",
1175
+ "Light": "{colors.neutral.200}"
1176
+ }
1177
+ },
1178
+ "hover": {
1179
+ "$extensions": {
1180
+ "com.figma": {
1181
+ "scopes": [
1182
+ "FRAME_FILL",
1183
+ "SHAPE_FILL",
1184
+ "STROKE_COLOR"
1185
+ ]
1186
+ }
1187
+ },
1188
+ "$type": "color",
1189
+ "$value": {
1190
+ "Dark": "{colors.purple.700}",
1191
+ "Light": "{colors.purple.50}"
1192
+ }
1193
+ },
1194
+ "hover-subtle": {
1195
+ "$extensions": {
1196
+ "com.figma": {
1197
+ "scopes": [
1198
+ "FRAME_FILL",
1199
+ "SHAPE_FILL",
1200
+ "STROKE_COLOR"
1201
+ ]
1202
+ }
1203
+ },
1204
+ "$type": "color",
1205
+ "$value": {
1206
+ "Dark": "{colors.neutral.700}",
1207
+ "Light": "{colors.neutral.50}"
1208
+ }
1209
+ },
1210
+ "pressed": {
1211
+ "$extensions": {
1212
+ "com.figma": {
1213
+ "scopes": [
1214
+ "FRAME_FILL",
1215
+ "SHAPE_FILL",
1216
+ "STROKE_COLOR"
1217
+ ]
1218
+ }
1219
+ },
1220
+ "$type": "color",
1221
+ "$value": {
1222
+ "Dark": "{colors.purple.700}",
1223
+ "Light": "{colors.purple.100}"
1224
+ }
1225
+ },
1226
+ "selected": {
1227
+ "$extensions": {
1228
+ "com.figma": {
1229
+ "scopes": [
1230
+ "FRAME_FILL",
1231
+ "SHAPE_FILL",
1232
+ "STROKE_COLOR"
1233
+ ]
1234
+ }
1235
+ },
1236
+ "$type": "color",
1237
+ "$value": {
1238
+ "Dark": "{colors.purple.600}",
1239
+ "Light": "{colors.purple.100}"
1240
+ }
1241
+ }
1242
+ },
1243
+ "primary": {
1244
+ "on-primary": {
1245
+ "$extensions": {
1246
+ "com.figma": {
1247
+ "scopes": [
1248
+ "ALL_FILLS",
1249
+ "STROKE_COLOR"
1250
+ ]
1251
+ }
1252
+ },
1253
+ "$type": "color",
1254
+ "$value": {
1255
+ "Dark": "{colors.neutral.0}",
1256
+ "Light": "{colors.neutral.0}"
1257
+ }
1258
+ },
1259
+ "on-primary-subtle": {
1260
+ "$extensions": {
1261
+ "com.figma": {
1262
+ "scopes": [
1263
+ "ALL_FILLS",
1264
+ "STROKE_COLOR"
1265
+ ]
1266
+ }
1267
+ },
1268
+ "$type": "color",
1269
+ "$value": {
1270
+ "Dark": "{colors.purple.200}",
1271
+ "Light": "{colors.purple.700}"
1272
+ }
1273
+ },
1274
+ "primary": {
1275
+ "$extensions": {
1276
+ "com.figma": {
1277
+ "scopes": [
1278
+ "ALL_FILLS",
1279
+ "STROKE_COLOR"
1280
+ ]
1281
+ }
1282
+ },
1283
+ "$type": "color",
1284
+ "$value": {
1285
+ "Dark": "{colors.purple.300}",
1286
+ "Light": "{colors.purple.500}"
1287
+ }
1288
+ },
1289
+ "primary-active": {
1290
+ "$extensions": {
1291
+ "com.figma": {
1292
+ "scopes": [
1293
+ "ALL_FILLS",
1294
+ "STROKE_COLOR"
1295
+ ]
1296
+ }
1297
+ },
1298
+ "$type": "color",
1299
+ "$value": {
1300
+ "Dark": "{colors.purple.200}",
1301
+ "Light": "{colors.purple.700}"
1302
+ }
1303
+ },
1304
+ "primary-hover": {
1305
+ "$extensions": {
1306
+ "com.figma": {
1307
+ "scopes": [
1308
+ "ALL_FILLS",
1309
+ "STROKE_COLOR"
1310
+ ]
1311
+ }
1312
+ },
1313
+ "$type": "color",
1314
+ "$value": {
1315
+ "Dark": "{colors.purple.300}",
1316
+ "Light": "{colors.purple.600}"
1317
+ }
1318
+ },
1319
+ "primary-subtle": {
1320
+ "$extensions": {
1321
+ "com.figma": {
1322
+ "scopes": [
1323
+ "ALL_FILLS",
1324
+ "STROKE_COLOR"
1325
+ ]
1326
+ }
1327
+ },
1328
+ "$type": "color",
1329
+ "$value": {
1330
+ "Dark": "{colors.purple.800}",
1331
+ "Light": "{colors.purple.50}"
1332
+ }
1333
+ },
1334
+ "primary-subtle-border": {
1335
+ "$extensions": {
1336
+ "com.figma": {
1337
+ "scopes": [
1338
+ "ALL_FILLS",
1339
+ "STROKE_COLOR"
1340
+ ]
1341
+ }
1342
+ },
1343
+ "$type": "color",
1344
+ "$value": {
1345
+ "Dark": "{colors.purple.600}",
1346
+ "Light": "{colors.purple.200}"
1347
+ }
1348
+ }
1349
+ },
1350
+ "status": {
1351
+ "error": {
1352
+ "bg": {
1353
+ "$extensions": {
1354
+ "com.figma": {
1355
+ "scopes": [
1356
+ "ALL_SCOPES"
1357
+ ]
1358
+ }
1359
+ },
1360
+ "$type": "color",
1361
+ "$value": {
1362
+ "Dark": "{colors.red.100}",
1363
+ "Light": "{colors.red.50}"
1364
+ }
1365
+ },
1366
+ "border": {
1367
+ "$extensions": {
1368
+ "com.figma": {
1369
+ "scopes": [
1370
+ "ALL_SCOPES"
1371
+ ]
1372
+ }
1373
+ },
1374
+ "$type": "color",
1375
+ "$value": {
1376
+ "Dark": "{colors.red.300}",
1377
+ "Light": "{colors.red.500}"
1378
+ }
1379
+ },
1380
+ "content": {
1381
+ "$extensions": {
1382
+ "com.figma": {
1383
+ "scopes": [
1384
+ "ALL_SCOPES"
1385
+ ]
1386
+ }
1387
+ },
1388
+ "$type": "color",
1389
+ "$value": {
1390
+ "Dark": "{colors.red.800}",
1391
+ "Light": "{colors.red.700}"
1392
+ }
1393
+ },
1394
+ "content-inverse": {
1395
+ "$extensions": {
1396
+ "com.figma": {
1397
+ "scopes": [
1398
+ "ALL_SCOPES"
1399
+ ]
1400
+ }
1401
+ },
1402
+ "$type": "color",
1403
+ "$value": {
1404
+ "Dark": "{colors.neutral.0}",
1405
+ "Light": "{colors.neutral.0}"
1406
+ }
1407
+ }
1408
+ },
1409
+ "success": {
1410
+ "bg": {
1411
+ "$extensions": {
1412
+ "com.figma": {
1413
+ "scopes": [
1414
+ "ALL_SCOPES"
1415
+ ]
1416
+ }
1417
+ },
1418
+ "$type": "color",
1419
+ "$value": {
1420
+ "Dark": "{colors.green.200}",
1421
+ "Light": "{colors.green.50}"
1422
+ }
1423
+ },
1424
+ "border": {
1425
+ "$extensions": {
1426
+ "com.figma": {
1427
+ "scopes": [
1428
+ "ALL_SCOPES"
1429
+ ]
1430
+ }
1431
+ },
1432
+ "$type": "color",
1433
+ "$value": {
1434
+ "Dark": "{colors.green.400}",
1435
+ "Light": "{colors.green.200}"
1436
+ }
1437
+ },
1438
+ "content": {
1439
+ "$extensions": {
1440
+ "com.figma": {
1441
+ "scopes": [
1442
+ "ALL_SCOPES"
1443
+ ]
1444
+ }
1445
+ },
1446
+ "$type": "color",
1447
+ "$value": {
1448
+ "Dark": "{colors.green.800}",
1449
+ "Light": "{colors.green.800}"
1450
+ }
1451
+ },
1452
+ "content-inverse": {
1453
+ "$extensions": {
1454
+ "com.figma": {
1455
+ "scopes": [
1456
+ "ALL_SCOPES"
1457
+ ]
1458
+ }
1459
+ },
1460
+ "$type": "color",
1461
+ "$value": {
1462
+ "Dark": "{colors.neutral.0}",
1463
+ "Light": "{colors.neutral.0}"
1464
+ }
1465
+ }
1466
+ },
1467
+ "warning": {
1468
+ "bg": {
1469
+ "$extensions": {
1470
+ "com.figma": {
1471
+ "scopes": [
1472
+ "ALL_SCOPES"
1473
+ ]
1474
+ }
1475
+ },
1476
+ "$type": "color",
1477
+ "$value": {
1478
+ "Dark": "{colors.orange.200}",
1479
+ "Light": "{colors.orange.50}"
1480
+ }
1481
+ },
1482
+ "border": {
1483
+ "$extensions": {
1484
+ "com.figma": {
1485
+ "scopes": [
1486
+ "ALL_SCOPES"
1487
+ ]
1488
+ }
1489
+ },
1490
+ "$type": "color",
1491
+ "$value": {
1492
+ "Dark": "{colors.orange.400}",
1493
+ "Light": "{colors.orange.200}"
1494
+ }
1495
+ },
1496
+ "content": {
1497
+ "$extensions": {
1498
+ "com.figma": {
1499
+ "scopes": [
1500
+ "ALL_SCOPES"
1501
+ ]
1502
+ }
1503
+ },
1504
+ "$type": "color",
1505
+ "$value": {
1506
+ "Dark": "{colors.orange.800}",
1507
+ "Light": "{colors.orange.800}"
1508
+ }
1509
+ },
1510
+ "content-inverse": {
1511
+ "$extensions": {
1512
+ "com.figma": {
1513
+ "scopes": [
1514
+ "ALL_SCOPES"
1515
+ ]
1516
+ }
1517
+ },
1518
+ "$type": "color",
1519
+ "$value": {
1520
+ "Dark": "{colors.neutral.0}",
1521
+ "Light": "{colors.neutral.0}"
1522
+ }
1523
+ }
248
1524
  }
249
1525
  }
1526
+ }
1527
+ },
1528
+ "font": {
1529
+ "base": {
1530
+ "$extensions": {
1531
+ "com.figma": {
1532
+ "scopes": [
1533
+ "FONT_FAMILY"
1534
+ ]
1535
+ }
1536
+ },
1537
+ "$type": "string",
1538
+ "$value": "Figtree"
250
1539
  },
251
- "offset": {
252
- "$type": "dimension",
253
- "$value": "calc(-2 * {unit})"
254
- },
255
- "opacity": {
256
- "disabled": {
1540
+ "font-weight": {
1541
+ "bold": {
1542
+ "$extensions": {
1543
+ "com.figma": {
1544
+ "scopes": [
1545
+ "FONT_WEIGHT"
1546
+ ]
1547
+ }
1548
+ },
257
1549
  "$type": "number",
258
- "$value": "{opacity.minimal}"
1550
+ "$value": 700
259
1551
  },
260
- "minimal": {
1552
+ "regular": {
1553
+ "$extensions": {
1554
+ "com.figma": {
1555
+ "scopes": [
1556
+ "FONT_WEIGHT"
1557
+ ]
1558
+ }
1559
+ },
261
1560
  "$type": "number",
262
- "$value": "0.5"
1561
+ "$value": 400
263
1562
  },
264
- "visited": {
1563
+ "semibold": {
1564
+ "$extensions": {
1565
+ "com.figma": {
1566
+ "scopes": [
1567
+ "FONT_WEIGHT"
1568
+ ]
1569
+ }
1570
+ },
265
1571
  "$type": "number",
266
- "$value": "{opacity.minimal}"
1572
+ "$value": 600
267
1573
  }
1574
+ }
1575
+ },
1576
+ "scale": {
1577
+ "0": {
1578
+ "$extensions": {
1579
+ "com.figma": {
1580
+ "scopes": []
1581
+ }
1582
+ },
1583
+ "$type": "number",
1584
+ "$value": ""
268
1585
  },
269
- "padding": {
270
- "box": {
271
- "$type": "string",
272
- "$value": "0.05px {unit}"
273
- }
1586
+ "1": {
1587
+ "$extensions": {
1588
+ "com.figma": {
1589
+ "scopes": [
1590
+ "ALL_SCOPES"
1591
+ ]
1592
+ }
1593
+ },
1594
+ "$type": "number",
1595
+ "$value": 1
274
1596
  },
275
- "shadow": {
276
- "$type": "shadow",
277
- "$value": "{shadow.color} {unit.micro} {unit.micro} {unit.tiny}",
278
- "big": {
279
- "$type": "shadow",
280
- "$value": "{shadow.color} {unit.micro} {unit.micro} {unit.small}"
281
- },
282
- "color": {
283
- "$type": "shadow",
284
- "$value": "rgb(0 0 0 / 10%)"
285
- }
1597
+ "2": {
1598
+ "$extensions": {
1599
+ "com.figma": {
1600
+ "scopes": []
1601
+ }
1602
+ },
1603
+ "$type": "number",
1604
+ "$value": 2
286
1605
  },
287
- "transition": {
288
- "delay": {
289
- "$type": "duration",
290
- "$value": "125ms"
1606
+ "4": {
1607
+ "$extensions": {
1608
+ "com.figma": {
1609
+ "scopes": []
1610
+ }
291
1611
  },
292
- "duration": {
293
- "$type": "duration",
294
- "$value": "250ms",
295
- "long": {
296
- "$type": "duration",
297
- "$value": "calc({transition.duration} * 2)"
1612
+ "$type": "number",
1613
+ "$value": 4
1614
+ },
1615
+ "8": {
1616
+ "$extensions": {
1617
+ "com.figma": {
1618
+ "scopes": []
298
1619
  }
299
1620
  },
300
- "timing": {
301
- "function": {
302
- "$type": "string",
303
- "$value": "ease-out"
1621
+ "$type": "number",
1622
+ "$value": 8
1623
+ },
1624
+ "12": {
1625
+ "$extensions": {
1626
+ "com.figma": {
1627
+ "scopes": []
304
1628
  }
305
- }
1629
+ },
1630
+ "$type": "number",
1631
+ "$value": 12
1632
+ },
1633
+ "14": {
1634
+ "$extensions": {
1635
+ "com.figma": {
1636
+ "scopes": []
1637
+ }
1638
+ },
1639
+ "$type": "number",
1640
+ "$value": 14
1641
+ },
1642
+ "16": {
1643
+ "$extensions": {
1644
+ "com.figma": {
1645
+ "scopes": []
1646
+ }
1647
+ },
1648
+ "$type": "number",
1649
+ "$value": 16
1650
+ },
1651
+ "18": {
1652
+ "$extensions": {
1653
+ "com.figma": {
1654
+ "scopes": []
1655
+ }
1656
+ },
1657
+ "$type": "number",
1658
+ "$value": 18
1659
+ },
1660
+ "20": {
1661
+ "$extensions": {
1662
+ "com.figma": {
1663
+ "scopes": []
1664
+ }
1665
+ },
1666
+ "$type": "number",
1667
+ "$value": 20
1668
+ },
1669
+ "24": {
1670
+ "$extensions": {
1671
+ "com.figma": {
1672
+ "scopes": []
1673
+ }
1674
+ },
1675
+ "$type": "number",
1676
+ "$value": 24
306
1677
  },
307
- "unit": {
308
- "$type": "dimension",
309
- "$value": "16px",
310
- "large": {
311
- "$type": "dimension",
312
- "$value": "calc({unit} * 2)"
313
- },
314
- "micro": {
315
- "$type": "dimension",
316
- "$value": "calc({unit} / 8)"
317
- },
318
- "small": {
319
- "$type": "dimension",
320
- "$value": "calc({unit} / 2)"
321
- },
322
- "tiny": {
323
- "$type": "dimension",
324
- "$value": "calc({unit} / 4)"
1678
+ "32": {
1679
+ "$extensions": {
1680
+ "com.figma": {
1681
+ "scopes": []
1682
+ }
1683
+ },
1684
+ "$type": "number",
1685
+ "$value": 32
1686
+ },
1687
+ "40": {
1688
+ "$extensions": {
1689
+ "com.figma": {
1690
+ "scopes": []
1691
+ }
1692
+ },
1693
+ "$type": "number",
1694
+ "$value": 40
1695
+ },
1696
+ "48": {
1697
+ "$extensions": {
1698
+ "com.figma": {
1699
+ "scopes": []
1700
+ }
1701
+ },
1702
+ "$type": "number",
1703
+ "$value": 48
1704
+ },
1705
+ "56": {
1706
+ "$extensions": {
1707
+ "com.figma": {
1708
+ "scopes": []
1709
+ }
1710
+ },
1711
+ "$type": "number",
1712
+ "$value": 56
1713
+ },
1714
+ "64": {
1715
+ "$extensions": {
1716
+ "com.figma": {
1717
+ "scopes": []
1718
+ }
1719
+ },
1720
+ "$type": "number",
1721
+ "$value": 64
1722
+ },
1723
+ "72": {
1724
+ "$extensions": {
1725
+ "com.figma": {
1726
+ "scopes": []
1727
+ }
1728
+ },
1729
+ "$type": "number",
1730
+ "$value": 72
1731
+ },
1732
+ "80": {
1733
+ "$extensions": {
1734
+ "com.figma": {
1735
+ "scopes": []
1736
+ }
1737
+ },
1738
+ "$type": "number",
1739
+ "$value": 80
1740
+ },
1741
+ "88": {
1742
+ "$extensions": {
1743
+ "com.figma": {
1744
+ "scopes": []
1745
+ }
1746
+ },
1747
+ "$type": "number",
1748
+ "$value": 88
1749
+ },
1750
+ "96": {
1751
+ "$extensions": {
1752
+ "com.figma": {
1753
+ "scopes": []
1754
+ }
1755
+ },
1756
+ "$type": "number",
1757
+ "$value": 96
1758
+ },
1759
+ "-16": {
1760
+ "$extensions": {
1761
+ "com.figma": {
1762
+ "scopes": [
1763
+ "ALL_SCOPES"
1764
+ ]
1765
+ }
1766
+ },
1767
+ "$type": "number",
1768
+ "$value": -16
1769
+ }
1770
+ },
1771
+ "shape": {
1772
+ "border-radius": {
1773
+ "radius -sm": {
1774
+ "$extensions": {
1775
+ "com.figma": {
1776
+ "scopes": [
1777
+ "CORNER_RADIUS"
1778
+ ]
1779
+ }
1780
+ },
1781
+ "$type": "number",
1782
+ "$value": "{scale.4}"
1783
+ },
1784
+ "radius-2xl": {
1785
+ "$extensions": {
1786
+ "com.figma": {
1787
+ "scopes": [
1788
+ "CORNER_RADIUS"
1789
+ ]
1790
+ }
1791
+ },
1792
+ "$type": "number",
1793
+ "$value": "{scale.24}"
1794
+ },
1795
+ "radius-full": {
1796
+ "$extensions": {
1797
+ "com.figma": {
1798
+ "scopes": [
1799
+ "CORNER_RADIUS"
1800
+ ]
1801
+ }
1802
+ },
1803
+ "$type": "number",
1804
+ "$value": "{scale.32}"
1805
+ },
1806
+ "radius-lg": {
1807
+ "$extensions": {
1808
+ "com.figma": {
1809
+ "scopes": [
1810
+ "CORNER_RADIUS"
1811
+ ]
1812
+ }
1813
+ },
1814
+ "$type": "number",
1815
+ "$value": "{scale.12}"
1816
+ },
1817
+ "radius-md": {
1818
+ "$extensions": {
1819
+ "com.figma": {
1820
+ "scopes": [
1821
+ "CORNER_RADIUS"
1822
+ ]
1823
+ }
1824
+ },
1825
+ "$type": "number",
1826
+ "$value": "{scale.8}"
1827
+ },
1828
+ "radius-none": {
1829
+ "$extensions": {
1830
+ "com.figma": {
1831
+ "scopes": [
1832
+ "CORNER_RADIUS"
1833
+ ]
1834
+ }
1835
+ },
1836
+ "$type": "number",
1837
+ "$value": "{scale.0}"
1838
+ },
1839
+ "radius-xl": {
1840
+ "$extensions": {
1841
+ "com.figma": {
1842
+ "scopes": [
1843
+ "CORNER_RADIUS"
1844
+ ]
1845
+ }
1846
+ },
1847
+ "$type": "number",
1848
+ "$value": "{scale.16}"
325
1849
  }
326
1850
  },
327
- "z": {
328
- "max": {
1851
+ "spacing": {
1852
+ "2xl": {
1853
+ "$extensions": {
1854
+ "com.figma": {
1855
+ "scopes": [
1856
+ "GAP"
1857
+ ]
1858
+ }
1859
+ },
1860
+ "$type": "number",
1861
+ "$value": "{scale.48}"
1862
+ },
1863
+ "2xs": {
1864
+ "$extensions": {
1865
+ "com.figma": {
1866
+ "scopes": [
1867
+ "GAP"
1868
+ ]
1869
+ }
1870
+ },
1871
+ "$type": "number",
1872
+ "$value": "{scale.4}"
1873
+ },
1874
+ "3xl": {
1875
+ "$extensions": {
1876
+ "com.figma": {
1877
+ "scopes": [
1878
+ "GAP"
1879
+ ]
1880
+ }
1881
+ },
1882
+ "$type": "number",
1883
+ "$value": "{scale.64}"
1884
+ },
1885
+ "3xs": {
1886
+ "$extensions": {
1887
+ "com.figma": {
1888
+ "scopes": [
1889
+ "GAP"
1890
+ ]
1891
+ }
1892
+ },
1893
+ "$type": "number",
1894
+ "$value": "{scale.2}"
1895
+ },
1896
+ "lg": {
1897
+ "$extensions": {
1898
+ "com.figma": {
1899
+ "scopes": [
1900
+ "GAP"
1901
+ ]
1902
+ }
1903
+ },
1904
+ "$type": "number",
1905
+ "$value": "{scale.24}"
1906
+ },
1907
+ "md": {
1908
+ "$extensions": {
1909
+ "com.figma": {
1910
+ "scopes": [
1911
+ "GAP"
1912
+ ]
1913
+ }
1914
+ },
1915
+ "$type": "number",
1916
+ "$value": "{scale.16}"
1917
+ },
1918
+ "sm": {
1919
+ "$extensions": {
1920
+ "com.figma": {
1921
+ "scopes": [
1922
+ "GAP"
1923
+ ]
1924
+ }
1925
+ },
1926
+ "$type": "number",
1927
+ "$value": "{scale.12}"
1928
+ },
1929
+ "xl": {
1930
+ "$extensions": {
1931
+ "com.figma": {
1932
+ "scopes": [
1933
+ "GAP"
1934
+ ]
1935
+ }
1936
+ },
1937
+ "$type": "number",
1938
+ "$value": "{scale.32}"
1939
+ },
1940
+ "xs": {
1941
+ "$extensions": {
1942
+ "com.figma": {
1943
+ "scopes": [
1944
+ "GAP"
1945
+ ]
1946
+ }
1947
+ },
1948
+ "$type": "number",
1949
+ "$value": "{scale.8}"
1950
+ }
1951
+ }
1952
+ },
1953
+ "typography": {
1954
+ "font-sizes": {
1955
+ "body-lg": {
1956
+ "$extensions": {
1957
+ "com.figma": {
1958
+ "scopes": [
1959
+ "FONT_SIZE"
1960
+ ]
1961
+ }
1962
+ },
1963
+ "$type": "number",
1964
+ "$value": {
1965
+ "desktop": "{scale.18}",
1966
+ "mobile": "{scale.16}"
1967
+ }
1968
+ },
1969
+ "body-md": {
1970
+ "$extensions": {
1971
+ "com.figma": {
1972
+ "scopes": [
1973
+ "FONT_SIZE"
1974
+ ]
1975
+ }
1976
+ },
1977
+ "$type": "number",
1978
+ "$value": {
1979
+ "desktop": "{scale.16}",
1980
+ "mobile": "{scale.16}"
1981
+ }
1982
+ },
1983
+ "body-sm": {
1984
+ "$extensions": {
1985
+ "com.figma": {
1986
+ "scopes": [
1987
+ "FONT_SIZE"
1988
+ ]
1989
+ }
1990
+ },
1991
+ "$type": "number",
1992
+ "$value": {
1993
+ "desktop": "{scale.14}",
1994
+ "mobile": "{scale.14}"
1995
+ }
1996
+ },
1997
+ "caption": {
1998
+ "$extensions": {
1999
+ "com.figma": {
2000
+ "scopes": [
2001
+ "FONT_SIZE"
2002
+ ]
2003
+ }
2004
+ },
2005
+ "$type": "number",
2006
+ "$value": {
2007
+ "desktop": "{scale.12}",
2008
+ "mobile": "{scale.12}"
2009
+ }
2010
+ },
2011
+ "display-lg": {
2012
+ "$extensions": {
2013
+ "com.figma": {
2014
+ "scopes": [
2015
+ "FONT_SIZE"
2016
+ ]
2017
+ }
2018
+ },
2019
+ "$type": "number",
2020
+ "$value": {
2021
+ "desktop": "{scale.56}",
2022
+ "mobile": "{scale.48}"
2023
+ }
2024
+ },
2025
+ "display-sm": {
2026
+ "$extensions": {
2027
+ "com.figma": {
2028
+ "scopes": [
2029
+ "FONT_SIZE"
2030
+ ]
2031
+ }
2032
+ },
2033
+ "$type": "number",
2034
+ "$value": {
2035
+ "desktop": "{scale.48}",
2036
+ "mobile": "{scale.40}"
2037
+ }
2038
+ },
2039
+ "h1": {
2040
+ "$extensions": {
2041
+ "com.figma": {
2042
+ "scopes": [
2043
+ "FONT_SIZE"
2044
+ ]
2045
+ }
2046
+ },
2047
+ "$type": "number",
2048
+ "$value": {
2049
+ "desktop": "{scale.32}",
2050
+ "mobile": "{scale.24}"
2051
+ }
2052
+ },
2053
+ "h2": {
2054
+ "$extensions": {
2055
+ "com.figma": {
2056
+ "scopes": [
2057
+ "FONT_SIZE"
2058
+ ]
2059
+ }
2060
+ },
2061
+ "$type": "number",
2062
+ "$value": {
2063
+ "desktop": "{scale.24}",
2064
+ "mobile": "{scale.20}"
2065
+ }
2066
+ },
2067
+ "h3": {
2068
+ "$extensions": {
2069
+ "com.figma": {
2070
+ "scopes": [
2071
+ "FONT_SIZE"
2072
+ ]
2073
+ }
2074
+ },
2075
+ "$type": "number",
2076
+ "$value": {
2077
+ "desktop": "{scale.20}",
2078
+ "mobile": "{scale.18}"
2079
+ }
2080
+ },
2081
+ "h4": {
2082
+ "$extensions": {
2083
+ "com.figma": {
2084
+ "scopes": [
2085
+ "FONT_SIZE"
2086
+ ]
2087
+ }
2088
+ },
329
2089
  "$type": "number",
330
- "$value": "2147483647"
2090
+ "$value": {
2091
+ "desktop": "{scale.16}",
2092
+ "mobile": "{scale.18}"
2093
+ }
2094
+ },
2095
+ "label-lg": {
2096
+ "$extensions": {
2097
+ "com.figma": {
2098
+ "scopes": [
2099
+ "FONT_SIZE"
2100
+ ]
2101
+ }
2102
+ },
2103
+ "$type": "number",
2104
+ "$value": {
2105
+ "desktop": "{scale.16}",
2106
+ "mobile": "{scale.14}"
2107
+ }
2108
+ },
2109
+ "label-sm": {
2110
+ "$extensions": {
2111
+ "com.figma": {
2112
+ "scopes": [
2113
+ "FONT_SIZE"
2114
+ ]
2115
+ }
2116
+ },
2117
+ "$type": "number",
2118
+ "$value": {
2119
+ "desktop": "{scale.14}",
2120
+ "mobile": "{scale.12}"
2121
+ }
2122
+ }
2123
+ }
2124
+ },
2125
+ "utils": {
2126
+ "tokens": {
2127
+ "font": {
2128
+ "family": {
2129
+ "$extensions": {
2130
+ "com.figma": {
2131
+ "scopes": []
2132
+ }
2133
+ },
2134
+ "$type": "string",
2135
+ "$value": "'Figtree', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif"
2136
+ }
2137
+ },
2138
+ "gradient": {
2139
+ "$extensions": {
2140
+ "com.figma": {
2141
+ "scopes": []
2142
+ }
2143
+ },
2144
+ "$type": "string",
2145
+ "$value": "linear-gradient(180deg, rgb(255 255 255 / 100%), transparent 50%)"
2146
+ },
2147
+ "icon": {
2148
+ "size": {
2149
+ "$extensions": {
2150
+ "com.figma": {
2151
+ "scopes": []
2152
+ }
2153
+ },
2154
+ "$type": "number",
2155
+ "$value": "{scale.16}"
2156
+ }
2157
+ },
2158
+ "negative": {
2159
+ "unit": {
2160
+ "$extensions": {
2161
+ "com.figma": {
2162
+ "scopes": []
2163
+ }
2164
+ },
2165
+ "$type": "number",
2166
+ "$value": "{scale.-16}"
2167
+ }
2168
+ },
2169
+ "opacity": {
2170
+ "minimal": {
2171
+ "$extensions": {
2172
+ "com.figma": {
2173
+ "scopes": []
2174
+ }
2175
+ },
2176
+ "$type": "number",
2177
+ "$value": 0.5
2178
+ }
2179
+ },
2180
+ "transition": {
2181
+ "delay": {
2182
+ "$extensions": {
2183
+ "com.figma": {
2184
+ "scopes": []
2185
+ }
2186
+ },
2187
+ "$type": "number",
2188
+ "$value": 125
2189
+ },
2190
+ "duration": {
2191
+ "$extensions": {
2192
+ "com.figma": {
2193
+ "scopes": []
2194
+ }
2195
+ },
2196
+ "$type": "number",
2197
+ "$value": 250
2198
+ },
2199
+ "timing": {
2200
+ "function": {
2201
+ "$extensions": {
2202
+ "com.figma": {
2203
+ "scopes": []
2204
+ }
2205
+ },
2206
+ "$type": "string",
2207
+ "$value": "ease-out"
2208
+ }
2209
+ }
2210
+ },
2211
+ "unit": {
2212
+ "$extensions": {
2213
+ "com.figma": {
2214
+ "scopes": []
2215
+ }
2216
+ },
2217
+ "$type": "number",
2218
+ "$value": "{scale.16}"
2219
+ },
2220
+ "z": {
2221
+ "max": {
2222
+ "$extensions": {
2223
+ "com.figma": {
2224
+ "scopes": []
2225
+ }
2226
+ },
2227
+ "$type": "number",
2228
+ "$value": 2147483648
2229
+ }
331
2230
  }
332
2231
  }
333
2232
  }