@gitlab/ui 115.0.0 → 115.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 (127) hide show
  1. package/bin/migrate_custom_utils_to_tw.bundled.mjs +172489 -139144
  2. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +15 -3
  3. package/dist/components/base/new_dropdowns/constants.js +5 -2
  4. package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +286 -0
  5. package/dist/components/dashboards/mock_data.js +49 -0
  6. package/dist/index.css +2 -2
  7. package/dist/index.css.map +1 -1
  8. package/dist/tailwind.css +1 -1
  9. package/dist/tailwind.css.map +1 -1
  10. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +7986 -0
  11. package/dist/tokens/docs/tokens-tailwind-docs.json +7986 -0
  12. package/dist/tokens/figma/constants.tokens.json +944 -236
  13. package/dist/tokens/figma/contextual.tokens.json +2721 -418
  14. package/dist/tokens/figma/deprecated.tokens.json +664 -8
  15. package/dist/tokens/figma/semantic.tokens.json +1130 -169
  16. package/dist/tokens/js/tokens.dark.js +1089 -1047
  17. package/dist/tokens/js/tokens.js +1078 -1047
  18. package/dist/tokens/json/tokens.dark.json +9267 -3
  19. package/dist/tokens/json/tokens.json +9267 -3
  20. package/dist/tokens/tailwind/tokens.cjs +76 -407
  21. package/package.json +22 -49
  22. package/src/components/base/accordion/accordion_item.vue +1 -1
  23. package/src/components/base/avatar/avatar.vue +1 -1
  24. package/src/components/base/button/button.vue +1 -1
  25. package/src/components/base/dropdown/dropdown.vue +3 -1
  26. package/src/components/base/filtered_search/filtered_search.vue +1 -1
  27. package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +1 -1
  28. package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
  29. package/src/components/base/filtered_search/filtered_search_token_segment.vue +3 -3
  30. package/src/components/base/form/form_checkbox_tree/models/tree.js +1 -1
  31. package/src/components/base/form/form_date/form_date.vue +1 -1
  32. package/src/components/base/form/form_input/form_input.vue +1 -1
  33. package/src/components/base/form/form_select/form_select.vue +1 -1
  34. package/src/components/base/modal/modal.vue +2 -2
  35. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +23 -6
  36. package/src/components/base/new_dropdowns/constants.js +4 -1
  37. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +1 -2
  38. package/src/components/base/new_dropdowns/listbox/listbox.vue +7 -7
  39. package/src/components/base/pagination/pagination.vue +2 -2
  40. package/src/components/base/path/path.vue +1 -1
  41. package/src/components/base/skeleton_loader/skeleton_loader.vue +9 -9
  42. package/src/components/base/table/table.md +1 -2
  43. package/src/components/base/table_lite/table_lite.md +1 -1
  44. package/src/components/base/tabs/tabs/tabs.vue +1 -1
  45. package/src/components/base/toast/toast.js +2 -2
  46. package/src/components/base/token_selector/token_container.vue +1 -1
  47. package/src/components/base/token_selector/token_selector.vue +2 -2
  48. package/src/components/base/token_selector/token_selector_dropdown.vue +1 -1
  49. package/src/components/charts/area/area.vue +3 -3
  50. package/src/components/charts/bar/bar.vue +2 -2
  51. package/src/components/charts/column/column.vue +2 -2
  52. package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
  53. package/src/components/charts/gauge/gauge.vue +1 -1
  54. package/src/components/charts/heatmap/heatmap.vue +2 -2
  55. package/src/components/charts/heatmap/index.js +1 -0
  56. package/src/components/charts/legend/legend.vue +1 -1
  57. package/src/components/charts/line/line.vue +3 -3
  58. package/src/components/charts/sparkline/sparkline.vue +1 -1
  59. package/src/components/charts/stacked_column/stacked_column.vue +1 -1
  60. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.scss +1 -0
  61. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +247 -0
  62. package/src/components/dashboards/mock_data.js +40 -0
  63. package/src/components/mixins/tooltip_mixin.js +1 -1
  64. package/src/components/utilities/intersection_observer/intersection_observer.vue +1 -1
  65. package/src/components/utilities/intersperse/intersperse.vue +2 -2
  66. package/src/components/utilities/sprintf/sprintf.md +1 -1
  67. package/src/components/utilities/sprintf/sprintf.vue +1 -1
  68. package/src/components/utilities/truncate/truncate.vue +2 -2
  69. package/src/config.js +1 -1
  70. package/src/directives/outside/outside.js +4 -4
  71. package/src/directives/tooltip/tooltip.js +1 -1
  72. package/src/scss/components.scss +1 -0
  73. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +7986 -0
  74. package/src/tokens/build/docs/tokens-tailwind-docs.json +7986 -0
  75. package/src/tokens/build/figma/constants.tokens.json +944 -236
  76. package/src/tokens/build/figma/contextual.tokens.json +2721 -418
  77. package/src/tokens/build/figma/deprecated.tokens.json +664 -8
  78. package/src/tokens/build/figma/semantic.tokens.json +1130 -169
  79. package/src/tokens/build/json/tokens.dark.json +9267 -3
  80. package/src/tokens/build/json/tokens.json +9267 -3
  81. package/src/tokens/constant/color.alpha.tokens.json +60 -15
  82. package/src/tokens/constant/color.tokens.json +844 -211
  83. package/src/tokens/constant/line_height.tokens.json +40 -10
  84. package/src/tokens/contextual/alert.tokens.json +119 -19
  85. package/src/tokens/contextual/avatar.tokens.json +90 -14
  86. package/src/tokens/contextual/badge.tokens.json +728 -112
  87. package/src/tokens/contextual/banner.tokens.json +19 -3
  88. package/src/tokens/contextual/breadcrumb.tokens.json +6 -1
  89. package/src/tokens/contextual/broadcast.tokens.json +301 -81
  90. package/src/tokens/contextual/button.tokens.json +793 -120
  91. package/src/tokens/contextual/chart.tokens.json +42 -7
  92. package/src/tokens/contextual/datepicker.tokens.json +13 -2
  93. package/src/tokens/contextual/dropdown.tokens.json +142 -21
  94. package/src/tokens/contextual/filtered-search.tokens.json +42 -6
  95. package/src/tokens/contextual/illustration.tokens.json +195 -33
  96. package/src/tokens/contextual/label.tokens.json +81 -12
  97. package/src/tokens/contextual/link.tokens.json +26 -4
  98. package/src/tokens/contextual/progress-bar.tokens.json +35 -5
  99. package/src/tokens/contextual/skeleton-loader.tokens.json +12 -2
  100. package/src/tokens/contextual/spinner.tokens.json +24 -4
  101. package/src/tokens/contextual/table.tokens.json +14 -2
  102. package/src/tokens/contextual/tabs.tokens.json +7 -1
  103. package/src/tokens/contextual/toggle.tokens.json +54 -9
  104. package/src/tokens/contextual/token-selector.tokens.json +7 -1
  105. package/src/tokens/contextual/token.tokens.json +14 -2
  106. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +165 -0
  107. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +216 -0
  108. package/src/tokens/deprecated/deprecated.color.tokens.json +240 -0
  109. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +39 -0
  110. package/src/tokens/semantic/action.tokens.json +500 -75
  111. package/src/tokens/semantic/background.tokens.json +49 -7
  112. package/src/tokens/semantic/border.tokens.json +30 -5
  113. package/src/tokens/semantic/control.tokens.json +129 -20
  114. package/src/tokens/semantic/feedback.tokens.json +126 -19
  115. package/src/tokens/semantic/focus-ring.tokens.json +12 -2
  116. package/src/tokens/semantic/highlight.tokens.json +26 -4
  117. package/src/tokens/semantic/icon.tokens.json +63 -9
  118. package/src/tokens/semantic/shadow.tokens.json +6 -1
  119. package/src/tokens/semantic/status.tokens.json +120 -18
  120. package/src/tokens/semantic/text.tokens.json +69 -9
  121. package/src/tokens/tokens_tailwind_table.vue +1 -1
  122. package/src/utils/charts/config.js +7 -7
  123. package/src/utils/charts/utils.js +1 -1
  124. package/src/utils/use_mock_intersection_observer.js +1 -1
  125. package/src/utils/utils.js +1 -1
  126. package/tailwind.defaults.js +1 -1
  127. package/translations.js +2 -2
package/src/tokens/constant/color.tokens.json CHANGED
@@ -3,887 +3,1520 @@
3
3
  "blue": {
4
4
  "50": {
5
5
  "$value": "#e9f3fc",
6
- "$type": "color"
6
+ "$type": "color",
7
+ "$extensions": {
8
+ "com.figma.scope": []
9
+ }
7
10
  },
8
11
  "100": {
9
12
  "$value": "#cbe2f9",
10
- "$type": "color"
13
+ "$type": "color",
14
+ "$extensions": {
15
+ "com.figma.scope": []
16
+ }
11
17
  },
12
18
  "200": {
13
19
  "$value": "#9dc7f1",
14
- "$type": "color"
20
+ "$type": "color",
21
+ "$extensions": {
22
+ "com.figma.scope": []
23
+ }
15
24
  },
16
25
  "300": {
17
26
  "$value": "#63a6e9",
18
- "$type": "color"
27
+ "$type": "color",
28
+ "$extensions": {
29
+ "com.figma.scope": []
30
+ }
19
31
  },
20
32
  "400": {
21
33
  "$value": "#428fdc",
22
- "$type": "color"
34
+ "$type": "color",
35
+ "$extensions": {
36
+ "com.figma.scope": []
37
+ }
23
38
  },
24
39
  "500": {
25
40
  "$value": "#1f75cb",
26
- "$type": "color"
41
+ "$type": "color",
42
+ "$extensions": {
43
+ "com.figma.scope": []
44
+ }
27
45
  },
28
46
  "600": {
29
47
  "$value": "#2f68b4",
30
- "$type": "color"
48
+ "$type": "color",
49
+ "$extensions": {
50
+ "com.figma.scope": []
51
+ }
31
52
  },
32
53
  "700": {
33
54
  "$value": "#2f5ca0",
34
- "$type": "color"
55
+ "$type": "color",
56
+ "$extensions": {
57
+ "com.figma.scope": []
58
+ }
35
59
  },
36
60
  "800": {
37
61
  "$value": "#284779",
38
- "$type": "color"
62
+ "$type": "color",
63
+ "$extensions": {
64
+ "com.figma.scope": []
65
+ }
39
66
  },
40
67
  "900": {
41
68
  "$value": "#213454",
42
- "$type": "color"
69
+ "$type": "color",
70
+ "$extensions": {
71
+ "com.figma.scope": []
72
+ }
43
73
  },
44
74
  "950": {
45
75
  "$value": "#1d283e",
46
- "$type": "color"
76
+ "$type": "color",
77
+ "$extensions": {
78
+ "com.figma.scope": []
79
+ }
47
80
  }
48
81
  },
49
82
  "neutral": {
50
83
  "0": {
51
84
  "$value": "#fff",
52
- "$type": "color"
85
+ "$type": "color",
86
+ "$extensions": {
87
+ "com.figma.scope": []
88
+ }
53
89
  },
54
90
  "10": {
55
91
  "$value": "#fbfafd",
56
- "$type": "color"
92
+ "$type": "color",
93
+ "$extensions": {
94
+ "com.figma.scope": []
95
+ }
57
96
  },
58
97
  "50": {
59
98
  "$value": "#ececef",
60
- "$type": "color"
99
+ "$type": "color",
100
+ "$extensions": {
101
+ "com.figma.scope": []
102
+ }
61
103
  },
62
104
  "100": {
63
105
  "$value": "#dcdcde",
64
- "$type": "color"
106
+ "$type": "color",
107
+ "$extensions": {
108
+ "com.figma.scope": []
109
+ }
65
110
  },
66
111
  "200": {
67
112
  "$value": "#bfbfc3",
68
- "$type": "color"
113
+ "$type": "color",
114
+ "$extensions": {
115
+ "com.figma.scope": []
116
+ }
69
117
  },
70
118
  "300": {
71
119
  "$value": "#a4a3a8",
72
- "$type": "color"
120
+ "$type": "color",
121
+ "$extensions": {
122
+ "com.figma.scope": []
123
+ }
73
124
  },
74
125
  "400": {
75
126
  "$value": "#89888d",
76
- "$type": "color"
127
+ "$type": "color",
128
+ "$extensions": {
129
+ "com.figma.scope": []
130
+ }
77
131
  },
78
132
  "500": {
79
133
  "$value": "#737278",
80
- "$type": "color"
134
+ "$type": "color",
135
+ "$extensions": {
136
+ "com.figma.scope": []
137
+ }
81
138
  },
82
139
  "600": {
83
140
  "$value": "#626168",
84
- "$type": "color"
141
+ "$type": "color",
142
+ "$extensions": {
143
+ "com.figma.scope": []
144
+ }
85
145
  },
86
146
  "700": {
87
147
  "$value": "#4c4b51",
88
- "$type": "color"
148
+ "$type": "color",
149
+ "$extensions": {
150
+ "com.figma.scope": []
151
+ }
89
152
  },
90
153
  "800": {
91
154
  "$value": "#3a383f",
92
- "$type": "color"
155
+ "$type": "color",
156
+ "$extensions": {
157
+ "com.figma.scope": []
158
+ }
93
159
  },
94
160
  "900": {
95
161
  "$value": "#28272d",
96
- "$type": "color"
162
+ "$type": "color",
163
+ "$extensions": {
164
+ "com.figma.scope": []
165
+ }
97
166
  },
98
167
  "950": {
99
168
  "$value": "#18171d",
100
- "$type": "color"
169
+ "$type": "color",
170
+ "$extensions": {
171
+ "com.figma.scope": []
172
+ }
101
173
  },
102
174
  "1000": {
103
175
  "$value": "#050506",
104
- "$type": "color"
176
+ "$type": "color",
177
+ "$extensions": {
178
+ "com.figma.scope": []
179
+ }
105
180
  }
106
181
  },
107
182
  "green": {
108
183
  "50": {
109
184
  "$value": "#ecf4ee",
110
- "$type": "color"
185
+ "$type": "color",
186
+ "$extensions": {
187
+ "com.figma.scope": []
188
+ }
111
189
  },
112
190
  "100": {
113
191
  "$value": "#c3e6cd",
114
- "$type": "color"
192
+ "$type": "color",
193
+ "$extensions": {
194
+ "com.figma.scope": []
195
+ }
115
196
  },
116
197
  "200": {
117
198
  "$value": "#91d4a8",
118
- "$type": "color"
199
+ "$type": "color",
200
+ "$extensions": {
201
+ "com.figma.scope": []
202
+ }
119
203
  },
120
204
  "300": {
121
205
  "$value": "#52b87a",
122
- "$type": "color"
206
+ "$type": "color",
207
+ "$extensions": {
208
+ "com.figma.scope": []
209
+ }
123
210
  },
124
211
  "400": {
125
212
  "$value": "#2da160",
126
- "$type": "color"
213
+ "$type": "color",
214
+ "$extensions": {
215
+ "com.figma.scope": []
216
+ }
127
217
  },
128
218
  "500": {
129
219
  "$value": "#108548",
130
- "$type": "color"
220
+ "$type": "color",
221
+ "$extensions": {
222
+ "com.figma.scope": []
223
+ }
131
224
  },
132
225
  "600": {
133
226
  "$value": "#2f7549",
134
- "$type": "color"
227
+ "$type": "color",
228
+ "$extensions": {
229
+ "com.figma.scope": []
230
+ }
135
231
  },
136
232
  "700": {
137
233
  "$value": "#306440",
138
- "$type": "color"
234
+ "$type": "color",
235
+ "$extensions": {
236
+ "com.figma.scope": []
237
+ }
139
238
  },
140
239
  "800": {
141
240
  "$value": "#225131",
142
- "$type": "color"
241
+ "$type": "color",
242
+ "$extensions": {
243
+ "com.figma.scope": []
244
+ }
143
245
  },
144
246
  "900": {
145
247
  "$value": "#1e3e28",
146
- "$type": "color"
248
+ "$type": "color",
249
+ "$extensions": {
250
+ "com.figma.scope": []
251
+ }
147
252
  },
148
253
  "950": {
149
254
  "$value": "#17291c",
150
- "$type": "color"
255
+ "$type": "color",
256
+ "$extensions": {
257
+ "com.figma.scope": []
258
+ }
151
259
  }
152
260
  },
153
261
  "orange": {
154
262
  "50": {
155
263
  "$value": "#fdf1dd",
156
- "$type": "color"
264
+ "$type": "color",
265
+ "$extensions": {
266
+ "com.figma.scope": []
267
+ }
157
268
  },
158
269
  "100": {
159
270
  "$value": "#f5d9a8",
160
- "$type": "color"
271
+ "$type": "color",
272
+ "$extensions": {
273
+ "com.figma.scope": []
274
+ }
161
275
  },
162
276
  "200": {
163
277
  "$value": "#e9be74",
164
- "$type": "color"
278
+ "$type": "color",
279
+ "$extensions": {
280
+ "com.figma.scope": []
281
+ }
165
282
  },
166
283
  "300": {
167
284
  "$value": "#d99530",
168
- "$type": "color"
285
+ "$type": "color",
286
+ "$extensions": {
287
+ "com.figma.scope": []
288
+ }
169
289
  },
170
290
  "400": {
171
291
  "$value": "#c17d10",
172
- "$type": "color"
292
+ "$type": "color",
293
+ "$extensions": {
294
+ "com.figma.scope": []
295
+ }
173
296
  },
174
297
  "500": {
175
298
  "$value": "#ab6100",
176
- "$type": "color"
299
+ "$type": "color",
300
+ "$extensions": {
301
+ "com.figma.scope": []
302
+ }
177
303
  },
178
304
  "600": {
179
305
  "$value": "#995715",
180
- "$type": "color"
306
+ "$type": "color",
307
+ "$extensions": {
308
+ "com.figma.scope": []
309
+ }
181
310
  },
182
311
  "700": {
183
312
  "$value": "#894b16",
184
- "$type": "color"
313
+ "$type": "color",
314
+ "$extensions": {
315
+ "com.figma.scope": []
316
+ }
185
317
  },
186
318
  "800": {
187
319
  "$value": "#693c14",
188
- "$type": "color"
320
+ "$type": "color",
321
+ "$extensions": {
322
+ "com.figma.scope": []
323
+ }
189
324
  },
190
325
  "900": {
191
326
  "$value": "#532e16",
192
- "$type": "color"
327
+ "$type": "color",
328
+ "$extensions": {
329
+ "com.figma.scope": []
330
+ }
193
331
  },
194
332
  "950": {
195
333
  "$value": "#382315",
196
- "$type": "color"
334
+ "$type": "color",
335
+ "$extensions": {
336
+ "com.figma.scope": []
337
+ }
197
338
  }
198
339
  },
199
340
  "purple": {
200
341
  "50": {
201
342
  "$value": "#f4f0ff",
202
- "$type": "color"
343
+ "$type": "color",
344
+ "$extensions": {
345
+ "com.figma.scope": []
346
+ }
203
347
  },
204
348
  "100": {
205
349
  "$value": "#e1d8f9",
206
- "$type": "color"
350
+ "$type": "color",
351
+ "$extensions": {
352
+ "com.figma.scope": []
353
+ }
207
354
  },
208
355
  "200": {
209
356
  "$value": "#cbbbf2",
210
- "$type": "color"
357
+ "$type": "color",
358
+ "$extensions": {
359
+ "com.figma.scope": []
360
+ }
211
361
  },
212
362
  "300": {
213
363
  "$value": "#ac93e6",
214
- "$type": "color"
364
+ "$type": "color",
365
+ "$extensions": {
366
+ "com.figma.scope": []
367
+ }
215
368
  },
216
369
  "400": {
217
370
  "$value": "#9475db",
218
- "$type": "color"
371
+ "$type": "color",
372
+ "$extensions": {
373
+ "com.figma.scope": []
374
+ }
219
375
  },
220
376
  "500": {
221
377
  "$value": "#7b58cf",
222
- "$type": "color"
378
+ "$type": "color",
379
+ "$extensions": {
380
+ "com.figma.scope": []
381
+ }
223
382
  },
224
383
  "600": {
225
384
  "$value": "#6a4fb4",
226
- "$type": "color"
385
+ "$type": "color",
386
+ "$extensions": {
387
+ "com.figma.scope": []
388
+ }
227
389
  },
228
390
  "700": {
229
391
  "$value": "#5c47a6",
230
- "$type": "color"
392
+ "$type": "color",
393
+ "$extensions": {
394
+ "com.figma.scope": []
395
+ }
231
396
  },
232
397
  "800": {
233
398
  "$value": "#493c83",
234
- "$type": "color"
399
+ "$type": "color",
400
+ "$extensions": {
401
+ "com.figma.scope": []
402
+ }
235
403
  },
236
404
  "900": {
237
405
  "$value": "#342d59",
238
- "$type": "color"
406
+ "$type": "color",
407
+ "$extensions": {
408
+ "com.figma.scope": []
409
+ }
239
410
  },
240
411
  "950": {
241
412
  "$value": "#27243e",
242
- "$type": "color"
413
+ "$type": "color",
414
+ "$extensions": {
415
+ "com.figma.scope": []
416
+ }
243
417
  }
244
418
  },
245
419
  "red": {
246
420
  "50": {
247
421
  "$value": "#fcf1ef",
248
- "$type": "color"
422
+ "$type": "color",
423
+ "$extensions": {
424
+ "com.figma.scope": []
425
+ }
249
426
  },
250
427
  "100": {
251
428
  "$value": "#fdd4cd",
252
- "$type": "color"
429
+ "$type": "color",
430
+ "$extensions": {
431
+ "com.figma.scope": []
432
+ }
253
433
  },
254
434
  "200": {
255
435
  "$value": "#fcb5aa",
256
- "$type": "color"
436
+ "$type": "color",
437
+ "$extensions": {
438
+ "com.figma.scope": []
439
+ }
257
440
  },
258
441
  "300": {
259
442
  "$value": "#f6806d",
260
- "$type": "color"
443
+ "$type": "color",
444
+ "$extensions": {
445
+ "com.figma.scope": []
446
+ }
261
447
  },
262
448
  "400": {
263
449
  "$value": "#ec5941",
264
- "$type": "color"
450
+ "$type": "color",
451
+ "$extensions": {
452
+ "com.figma.scope": []
453
+ }
265
454
  },
266
455
  "500": {
267
456
  "$value": "#dd2b0e",
268
- "$type": "color"
457
+ "$type": "color",
458
+ "$extensions": {
459
+ "com.figma.scope": []
460
+ }
269
461
  },
270
462
  "600": {
271
463
  "$value": "#c02f12",
272
- "$type": "color"
464
+ "$type": "color",
465
+ "$extensions": {
466
+ "com.figma.scope": []
467
+ }
273
468
  },
274
469
  "700": {
275
470
  "$value": "#a32c12",
276
- "$type": "color"
471
+ "$type": "color",
472
+ "$extensions": {
473
+ "com.figma.scope": []
474
+ }
277
475
  },
278
476
  "800": {
279
477
  "$value": "#812713",
280
- "$type": "color"
478
+ "$type": "color",
479
+ "$extensions": {
480
+ "com.figma.scope": []
481
+ }
281
482
  },
282
483
  "900": {
283
484
  "$value": "#582014",
284
- "$type": "color"
485
+ "$type": "color",
486
+ "$extensions": {
487
+ "com.figma.scope": []
488
+ }
285
489
  },
286
490
  "950": {
287
491
  "$value": "#3e1a14",
288
- "$type": "color"
492
+ "$type": "color",
493
+ "$extensions": {
494
+ "com.figma.scope": []
495
+ }
289
496
  }
290
497
  },
291
498
  "data-green": {
292
499
  "50": {
293
500
  "$value": "#ddfab7",
294
- "$type": "color"
501
+ "$type": "color",
502
+ "$extensions": {
503
+ "com.figma.scope": []
504
+ }
295
505
  },
296
506
  "100": {
297
507
  "$value": "#c6ed94",
298
- "$type": "color"
508
+ "$type": "color",
509
+ "$extensions": {
510
+ "com.figma.scope": []
511
+ }
299
512
  },
300
513
  "200": {
301
514
  "$value": "#b0d97b",
302
- "$type": "color"
515
+ "$type": "color",
516
+ "$extensions": {
517
+ "com.figma.scope": []
518
+ }
303
519
  },
304
520
  "300": {
305
521
  "$value": "#94c25e",
306
- "$type": "color"
522
+ "$type": "color",
523
+ "$extensions": {
524
+ "com.figma.scope": []
525
+ }
307
526
  },
308
527
  "400": {
309
528
  "$value": "#81ac41",
310
- "$type": "color"
529
+ "$type": "color",
530
+ "$extensions": {
531
+ "com.figma.scope": []
532
+ }
311
533
  },
312
534
  "500": {
313
535
  "$value": "#619025",
314
- "$type": "color"
536
+ "$type": "color",
537
+ "$extensions": {
538
+ "com.figma.scope": []
539
+ }
315
540
  },
316
541
  "600": {
317
542
  "$value": "#4e7f0e",
318
- "$type": "color"
543
+ "$type": "color",
544
+ "$extensions": {
545
+ "com.figma.scope": []
546
+ }
319
547
  },
320
548
  "700": {
321
549
  "$value": "#366800",
322
- "$type": "color"
550
+ "$type": "color",
551
+ "$extensions": {
552
+ "com.figma.scope": []
553
+ }
323
554
  },
324
555
  "800": {
325
556
  "$value": "#275600",
326
- "$type": "color"
557
+ "$type": "color",
558
+ "$extensions": {
559
+ "com.figma.scope": []
560
+ }
327
561
  },
328
562
  "900": {
329
563
  "$value": "#1a4500",
330
- "$type": "color"
564
+ "$type": "color",
565
+ "$extensions": {
566
+ "com.figma.scope": []
567
+ }
331
568
  },
332
569
  "950": {
333
570
  "$value": "#133a03",
334
- "$type": "color"
571
+ "$type": "color",
572
+ "$extensions": {
573
+ "com.figma.scope": []
574
+ }
335
575
  }
336
576
  },
337
577
  "data-aqua": {
338
578
  "50": {
339
579
  "$value": "#b5fefd",
340
- "$type": "color"
580
+ "$type": "color",
581
+ "$extensions": {
582
+ "com.figma.scope": []
583
+ }
341
584
  },
342
585
  "100": {
343
586
  "$value": "#93f2ef",
344
- "$type": "color"
587
+ "$type": "color",
588
+ "$extensions": {
589
+ "com.figma.scope": []
590
+ }
345
591
  },
346
592
  "200": {
347
593
  "$value": "#5edee3",
348
- "$type": "color"
594
+ "$type": "color",
595
+ "$extensions": {
596
+ "com.figma.scope": []
597
+ }
349
598
  },
350
599
  "300": {
351
600
  "$value": "#32c5d2",
352
- "$type": "color"
601
+ "$type": "color",
602
+ "$extensions": {
603
+ "com.figma.scope": []
604
+ }
353
605
  },
354
606
  "400": {
355
607
  "$value": "#00acc4",
356
- "$type": "color"
608
+ "$type": "color",
609
+ "$extensions": {
610
+ "com.figma.scope": []
611
+ }
357
612
  },
358
613
  "500": {
359
614
  "$value": "#0090b1",
360
- "$type": "color"
615
+ "$type": "color",
616
+ "$extensions": {
617
+ "com.figma.scope": []
618
+ }
361
619
  },
362
620
  "600": {
363
621
  "$value": "#007b9b",
364
- "$type": "color"
622
+ "$type": "color",
623
+ "$extensions": {
624
+ "com.figma.scope": []
625
+ }
365
626
  },
366
627
  "700": {
367
628
  "$value": "#006381",
368
- "$type": "color"
629
+ "$type": "color",
630
+ "$extensions": {
631
+ "com.figma.scope": []
632
+ }
369
633
  },
370
634
  "800": {
371
635
  "$value": "#00516c",
372
- "$type": "color"
636
+ "$type": "color",
637
+ "$extensions": {
638
+ "com.figma.scope": []
639
+ }
373
640
  },
374
641
  "900": {
375
642
  "$value": "#004059",
376
- "$type": "color"
643
+ "$type": "color",
644
+ "$extensions": {
645
+ "com.figma.scope": []
646
+ }
377
647
  },
378
648
  "950": {
379
649
  "$value": "#00344b",
380
- "$type": "color"
650
+ "$type": "color",
651
+ "$extensions": {
652
+ "com.figma.scope": []
653
+ }
381
654
  }
382
655
  },
383
656
  "data-blue": {
384
657
  "50": {
385
658
  "$value": "#e9ebff",
386
- "$type": "color"
659
+ "$type": "color",
660
+ "$extensions": {
661
+ "com.figma.scope": []
662
+ }
387
663
  },
388
664
  "100": {
389
665
  "$value": "#d2dcff",
390
- "$type": "color"
666
+ "$type": "color",
667
+ "$extensions": {
668
+ "com.figma.scope": []
669
+ }
391
670
  },
392
671
  "200": {
393
672
  "$value": "#b7c6ff",
394
- "$type": "color"
673
+ "$type": "color",
674
+ "$extensions": {
675
+ "com.figma.scope": []
676
+ }
395
677
  },
396
678
  "300": {
397
679
  "$value": "#97acff",
398
- "$type": "color"
680
+ "$type": "color",
681
+ "$extensions": {
682
+ "com.figma.scope": []
683
+ }
399
684
  },
400
685
  "400": {
401
686
  "$value": "#7992f5",
402
- "$type": "color"
687
+ "$type": "color",
688
+ "$extensions": {
689
+ "com.figma.scope": []
690
+ }
403
691
  },
404
692
  "500": {
405
693
  "$value": "#617ae2",
406
- "$type": "color"
694
+ "$type": "color",
695
+ "$extensions": {
696
+ "com.figma.scope": []
697
+ }
407
698
  },
408
699
  "600": {
409
700
  "$value": "#4e65cd",
410
- "$type": "color"
701
+ "$type": "color",
702
+ "$extensions": {
703
+ "com.figma.scope": []
704
+ }
411
705
  },
412
706
  "700": {
413
707
  "$value": "#3f51ae",
414
- "$type": "color"
708
+ "$type": "color",
709
+ "$extensions": {
710
+ "com.figma.scope": []
711
+ }
415
712
  },
416
713
  "800": {
417
714
  "$value": "#374291",
418
- "$type": "color"
715
+ "$type": "color",
716
+ "$extensions": {
717
+ "com.figma.scope": []
718
+ }
419
719
  },
420
720
  "900": {
421
721
  "$value": "#303470",
422
- "$type": "color"
722
+ "$type": "color",
723
+ "$extensions": {
724
+ "com.figma.scope": []
725
+ }
423
726
  },
424
727
  "950": {
425
728
  "$value": "#2a2b59",
426
- "$type": "color"
729
+ "$type": "color",
730
+ "$extensions": {
731
+ "com.figma.scope": []
732
+ }
427
733
  }
428
734
  },
429
735
  "data-magenta": {
430
736
  "50": {
431
737
  "$value": "#ffe3eb",
432
- "$type": "color"
738
+ "$type": "color",
739
+ "$extensions": {
740
+ "com.figma.scope": []
741
+ }
433
742
  },
434
743
  "100": {
435
744
  "$value": "#ffccdb",
436
- "$type": "color"
745
+ "$type": "color",
746
+ "$extensions": {
747
+ "com.figma.scope": []
748
+ }
437
749
  },
438
750
  "200": {
439
751
  "$value": "#fcacc5",
440
- "$type": "color"
752
+ "$type": "color",
753
+ "$extensions": {
754
+ "com.figma.scope": []
755
+ }
441
756
  },
442
757
  "300": {
443
758
  "$value": "#f88aaf",
444
- "$type": "color"
759
+ "$type": "color",
760
+ "$extensions": {
761
+ "com.figma.scope": []
762
+ }
445
763
  },
446
764
  "400": {
447
765
  "$value": "#e86e9a",
448
- "$type": "color"
766
+ "$type": "color",
767
+ "$extensions": {
768
+ "com.figma.scope": []
769
+ }
449
770
  },
450
771
  "500": {
451
772
  "$value": "#cf4d81",
452
- "$type": "color"
773
+ "$type": "color",
774
+ "$extensions": {
775
+ "com.figma.scope": []
776
+ }
453
777
  },
454
778
  "600": {
455
779
  "$value": "#b93d71",
456
- "$type": "color"
780
+ "$type": "color",
781
+ "$extensions": {
782
+ "com.figma.scope": []
783
+ }
457
784
  },
458
785
  "700": {
459
786
  "$value": "#9a2e5d",
460
- "$type": "color"
787
+ "$type": "color",
788
+ "$extensions": {
789
+ "com.figma.scope": []
790
+ }
461
791
  },
462
792
  "800": {
463
793
  "$value": "#7c214f",
464
- "$type": "color"
794
+ "$type": "color",
795
+ "$extensions": {
796
+ "com.figma.scope": []
797
+ }
465
798
  },
466
799
  "900": {
467
800
  "$value": "#661e3a",
468
- "$type": "color"
801
+ "$type": "color",
802
+ "$extensions": {
803
+ "com.figma.scope": []
804
+ }
469
805
  },
470
806
  "950": {
471
807
  "$value": "#541d31",
472
- "$type": "color"
808
+ "$type": "color",
809
+ "$extensions": {
810
+ "com.figma.scope": []
811
+ }
473
812
  }
474
813
  },
475
814
  "data-orange": {
476
815
  "50": {
477
816
  "$value": "#fae8d1",
478
- "$type": "color"
817
+ "$type": "color",
818
+ "$extensions": {
819
+ "com.figma.scope": []
820
+ }
479
821
  },
480
822
  "100": {
481
823
  "$value": "#f5d6b3",
482
- "$type": "color"
824
+ "$type": "color",
825
+ "$extensions": {
826
+ "com.figma.scope": []
827
+ }
483
828
  },
484
829
  "200": {
485
830
  "$value": "#eebd8c",
486
- "$type": "color"
831
+ "$type": "color",
832
+ "$extensions": {
833
+ "com.figma.scope": []
834
+ }
487
835
  },
488
836
  "300": {
489
837
  "$value": "#e99b60",
490
- "$type": "color"
838
+ "$type": "color",
839
+ "$extensions": {
840
+ "com.figma.scope": []
841
+ }
491
842
  },
492
843
  "400": {
493
844
  "$value": "#e07e41",
494
- "$type": "color"
845
+ "$type": "color",
846
+ "$extensions": {
847
+ "com.figma.scope": []
848
+ }
495
849
  },
496
850
  "500": {
497
851
  "$value": "#c95d2e",
498
- "$type": "color"
852
+ "$type": "color",
853
+ "$extensions": {
854
+ "com.figma.scope": []
855
+ }
499
856
  },
500
857
  "600": {
501
858
  "$value": "#b14f18",
502
- "$type": "color"
859
+ "$type": "color",
860
+ "$extensions": {
861
+ "com.figma.scope": []
862
+ }
503
863
  },
504
864
  "700": {
505
865
  "$value": "#92430a",
506
- "$type": "color"
866
+ "$type": "color",
867
+ "$extensions": {
868
+ "com.figma.scope": []
869
+ }
507
870
  },
508
871
  "800": {
509
872
  "$value": "#6f3500",
510
- "$type": "color"
873
+ "$type": "color",
874
+ "$extensions": {
875
+ "com.figma.scope": []
876
+ }
511
877
  },
512
878
  "900": {
513
879
  "$value": "#5e2f05",
514
- "$type": "color"
880
+ "$type": "color",
881
+ "$extensions": {
882
+ "com.figma.scope": []
883
+ }
515
884
  },
516
885
  "950": {
517
886
  "$value": "#4b2707",
518
- "$type": "color"
887
+ "$type": "color",
888
+ "$extensions": {
889
+ "com.figma.scope": []
890
+ }
519
891
  }
520
892
  },
521
893
  "theme-indigo": {
522
894
  "10": {
523
895
  "$value": "#f8f8ff",
524
- "$type": "color"
896
+ "$type": "color",
897
+ "$extensions": {
898
+ "com.figma.scope": []
899
+ }
525
900
  },
526
901
  "50": {
527
902
  "$value": "#f1f1ff",
528
- "$type": "color"
903
+ "$type": "color",
904
+ "$extensions": {
905
+ "com.figma.scope": []
906
+ }
529
907
  },
530
908
  "100": {
531
909
  "$value": "#dbdbf8",
532
- "$type": "color"
910
+ "$type": "color",
911
+ "$extensions": {
912
+ "com.figma.scope": []
913
+ }
533
914
  },
534
915
  "200": {
535
916
  "$value": "#c7c7f2",
536
- "$type": "color"
917
+ "$type": "color",
918
+ "$extensions": {
919
+ "com.figma.scope": []
920
+ }
537
921
  },
538
922
  "300": {
539
923
  "$value": "#a2a2e6",
540
- "$type": "color"
924
+ "$type": "color",
925
+ "$extensions": {
926
+ "com.figma.scope": []
927
+ }
541
928
  },
542
929
  "400": {
543
930
  "$value": "#8181d7",
544
- "$type": "color"
931
+ "$type": "color",
932
+ "$extensions": {
933
+ "com.figma.scope": []
934
+ }
545
935
  },
546
936
  "500": {
547
937
  "$value": "#6666c4",
548
- "$type": "color"
938
+ "$type": "color",
939
+ "$extensions": {
940
+ "com.figma.scope": []
941
+ }
549
942
  },
550
943
  "600": {
551
944
  "$value": "#5252b5",
552
- "$type": "color"
945
+ "$type": "color",
946
+ "$extensions": {
947
+ "com.figma.scope": []
948
+ }
553
949
  },
554
950
  "700": {
555
951
  "$value": "#41419f",
556
- "$type": "color"
952
+ "$type": "color",
953
+ "$extensions": {
954
+ "com.figma.scope": []
955
+ }
557
956
  },
558
957
  "800": {
559
958
  "$value": "#303083",
560
- "$type": "color"
959
+ "$type": "color",
960
+ "$extensions": {
961
+ "com.figma.scope": []
962
+ }
561
963
  },
562
964
  "900": {
563
965
  "$value": "#222261",
564
- "$type": "color"
966
+ "$type": "color",
967
+ "$extensions": {
968
+ "com.figma.scope": []
969
+ }
565
970
  },
566
971
  "950": {
567
972
  "$value": "#14143d",
568
- "$type": "color"
973
+ "$type": "color",
974
+ "$extensions": {
975
+ "com.figma.scope": []
976
+ }
569
977
  }
570
978
  },
571
979
  "theme-blue": {
572
980
  "10": {
573
981
  "$value": "#e6ecf0",
574
- "$type": "color"
982
+ "$type": "color",
983
+ "$extensions": {
984
+ "com.figma.scope": []
985
+ }
575
986
  },
576
987
  "50": {
577
988
  "$value": "#cdd8e3",
578
- "$type": "color"
989
+ "$type": "color",
990
+ "$extensions": {
991
+ "com.figma.scope": []
992
+ }
579
993
  },
580
994
  "100": {
581
995
  "$value": "#b9cadc",
582
- "$type": "color"
996
+ "$type": "color",
997
+ "$extensions": {
998
+ "com.figma.scope": []
999
+ }
583
1000
  },
584
1001
  "200": {
585
1002
  "$value": "#a6bdd5",
586
- "$type": "color"
1003
+ "$type": "color",
1004
+ "$extensions": {
1005
+ "com.figma.scope": []
1006
+ }
587
1007
  },
588
1008
  "300": {
589
1009
  "$value": "#81a5c9",
590
- "$type": "color"
1010
+ "$type": "color",
1011
+ "$extensions": {
1012
+ "com.figma.scope": []
1013
+ }
591
1014
  },
592
1015
  "400": {
593
1016
  "$value": "#628eb9",
594
- "$type": "color"
1017
+ "$type": "color",
1018
+ "$extensions": {
1019
+ "com.figma.scope": []
1020
+ }
595
1021
  },
596
1022
  "500": {
597
1023
  "$value": "#4977a5",
598
- "$type": "color"
1024
+ "$type": "color",
1025
+ "$extensions": {
1026
+ "com.figma.scope": []
1027
+ }
599
1028
  },
600
1029
  "600": {
601
1030
  "$value": "#346596",
602
- "$type": "color"
1031
+ "$type": "color",
1032
+ "$extensions": {
1033
+ "com.figma.scope": []
1034
+ }
603
1035
  },
604
1036
  "700": {
605
1037
  "$value": "#235180",
606
- "$type": "color"
1038
+ "$type": "color",
1039
+ "$extensions": {
1040
+ "com.figma.scope": []
1041
+ }
607
1042
  },
608
1043
  "800": {
609
1044
  "$value": "#153c63",
610
- "$type": "color"
1045
+ "$type": "color",
1046
+ "$extensions": {
1047
+ "com.figma.scope": []
1048
+ }
611
1049
  },
612
1050
  "900": {
613
1051
  "$value": "#0b2640",
614
- "$type": "color"
1052
+ "$type": "color",
1053
+ "$extensions": {
1054
+ "com.figma.scope": []
1055
+ }
615
1056
  },
616
1057
  "950": {
617
1058
  "$value": "#04101c",
618
- "$type": "color"
1059
+ "$type": "color",
1060
+ "$extensions": {
1061
+ "com.figma.scope": []
1062
+ }
619
1063
  }
620
1064
  },
621
1065
  "theme-light-blue": {
622
1066
  "10": {
623
1067
  "$value": "#eef3f7",
624
- "$type": "color"
1068
+ "$type": "color",
1069
+ "$extensions": {
1070
+ "com.figma.scope": []
1071
+ }
625
1072
  },
626
1073
  "50": {
627
1074
  "$value": "#dde6ee",
628
- "$type": "color"
1075
+ "$type": "color",
1076
+ "$extensions": {
1077
+ "com.figma.scope": []
1078
+ }
629
1079
  },
630
1080
  "100": {
631
1081
  "$value": "#c1d4e6",
632
- "$type": "color"
1082
+ "$type": "color",
1083
+ "$extensions": {
1084
+ "com.figma.scope": []
1085
+ }
633
1086
  },
634
1087
  "200": {
635
1088
  "$value": "#a0bedc",
636
- "$type": "color"
1089
+ "$type": "color",
1090
+ "$extensions": {
1091
+ "com.figma.scope": []
1092
+ }
637
1093
  },
638
1094
  "300": {
639
1095
  "$value": "#74a3d3",
640
- "$type": "color"
1096
+ "$type": "color",
1097
+ "$extensions": {
1098
+ "com.figma.scope": []
1099
+ }
641
1100
  },
642
1101
  "400": {
643
1102
  "$value": "#4f8bc7",
644
- "$type": "color"
1103
+ "$type": "color",
1104
+ "$extensions": {
1105
+ "com.figma.scope": []
1106
+ }
645
1107
  },
646
1108
  "500": {
647
1109
  "$value": "#3476b9",
648
- "$type": "color"
1110
+ "$type": "color",
1111
+ "$extensions": {
1112
+ "com.figma.scope": []
1113
+ }
649
1114
  },
650
1115
  "600": {
651
1116
  "$value": "#2268ae",
652
- "$type": "color"
1117
+ "$type": "color",
1118
+ "$extensions": {
1119
+ "com.figma.scope": []
1120
+ }
653
1121
  },
654
1122
  "700": {
655
1123
  "$value": "#145aa1",
656
- "$type": "color"
1124
+ "$type": "color",
1125
+ "$extensions": {
1126
+ "com.figma.scope": []
1127
+ }
657
1128
  },
658
1129
  "800": {
659
1130
  "$value": "#0e4d8d",
660
- "$type": "color"
1131
+ "$type": "color",
1132
+ "$extensions": {
1133
+ "com.figma.scope": []
1134
+ }
661
1135
  },
662
1136
  "900": {
663
1137
  "$value": "#0c4277",
664
- "$type": "color"
1138
+ "$type": "color",
1139
+ "$extensions": {
1140
+ "com.figma.scope": []
1141
+ }
665
1142
  },
666
1143
  "950": {
667
1144
  "$value": "#0a3764",
668
- "$type": "color"
1145
+ "$type": "color",
1146
+ "$extensions": {
1147
+ "com.figma.scope": []
1148
+ }
669
1149
  }
670
1150
  },
671
1151
  "theme-green": {
672
1152
  "10": {
673
1153
  "$value": "#eef4ef",
674
- "$type": "color"
1154
+ "$type": "color",
1155
+ "$extensions": {
1156
+ "com.figma.scope": []
1157
+ }
675
1158
  },
676
1159
  "50": {
677
1160
  "$value": "#dde9de",
678
- "$type": "color"
1161
+ "$type": "color",
1162
+ "$extensions": {
1163
+ "com.figma.scope": []
1164
+ }
679
1165
  },
680
1166
  "100": {
681
1167
  "$value": "#b1d6b5",
682
- "$type": "color"
1168
+ "$type": "color",
1169
+ "$extensions": {
1170
+ "com.figma.scope": []
1171
+ }
683
1172
  },
684
1173
  "200": {
685
1174
  "$value": "#8cc497",
686
- "$type": "color"
1175
+ "$type": "color",
1176
+ "$extensions": {
1177
+ "com.figma.scope": []
1178
+ }
687
1179
  },
688
1180
  "300": {
689
1181
  "$value": "#69af7d",
690
- "$type": "color"
1182
+ "$type": "color",
1183
+ "$extensions": {
1184
+ "com.figma.scope": []
1185
+ }
691
1186
  },
692
1187
  "400": {
693
1188
  "$value": "#499767",
694
- "$type": "color"
1189
+ "$type": "color",
1190
+ "$extensions": {
1191
+ "com.figma.scope": []
1192
+ }
695
1193
  },
696
1194
  "500": {
697
1195
  "$value": "#308258",
698
- "$type": "color"
1196
+ "$type": "color",
1197
+ "$extensions": {
1198
+ "com.figma.scope": []
1199
+ }
699
1200
  },
700
1201
  "600": {
701
1202
  "$value": "#25744c",
702
- "$type": "color"
1203
+ "$type": "color",
1204
+ "$extensions": {
1205
+ "com.figma.scope": []
1206
+ }
703
1207
  },
704
1208
  "700": {
705
1209
  "$value": "#1b653f",
706
- "$type": "color"
1210
+ "$type": "color",
1211
+ "$extensions": {
1212
+ "com.figma.scope": []
1213
+ }
707
1214
  },
708
1215
  "800": {
709
1216
  "$value": "#155635",
710
- "$type": "color"
1217
+ "$type": "color",
1218
+ "$extensions": {
1219
+ "com.figma.scope": []
1220
+ }
711
1221
  },
712
1222
  "900": {
713
1223
  "$value": "#0e4328",
714
- "$type": "color"
1224
+ "$type": "color",
1225
+ "$extensions": {
1226
+ "com.figma.scope": []
1227
+ }
715
1228
  },
716
1229
  "950": {
717
1230
  "$value": "#052e19",
718
- "$type": "color"
1231
+ "$type": "color",
1232
+ "$extensions": {
1233
+ "com.figma.scope": []
1234
+ }
719
1235
  }
720
1236
  },
721
1237
  "theme-red": {
722
1238
  "10": {
723
1239
  "$value": "#faf4f3",
724
- "$type": "color"
1240
+ "$type": "color",
1241
+ "$extensions": {
1242
+ "com.figma.scope": []
1243
+ }
725
1244
  },
726
1245
  "50": {
727
1246
  "$value": "#f4e9e7",
728
- "$type": "color"
1247
+ "$type": "color",
1248
+ "$extensions": {
1249
+ "com.figma.scope": []
1250
+ }
729
1251
  },
730
1252
  "100": {
731
1253
  "$value": "#ecd3d0",
732
- "$type": "color"
1254
+ "$type": "color",
1255
+ "$extensions": {
1256
+ "com.figma.scope": []
1257
+ }
733
1258
  },
734
1259
  "200": {
735
1260
  "$value": "#e3bab5",
736
- "$type": "color"
1261
+ "$type": "color",
1262
+ "$extensions": {
1263
+ "com.figma.scope": []
1264
+ }
737
1265
  },
738
1266
  "300": {
739
1267
  "$value": "#d59086",
740
- "$type": "color"
1268
+ "$type": "color",
1269
+ "$extensions": {
1270
+ "com.figma.scope": []
1271
+ }
741
1272
  },
742
1273
  "400": {
743
1274
  "$value": "#c66e60",
744
- "$type": "color"
1275
+ "$type": "color",
1276
+ "$extensions": {
1277
+ "com.figma.scope": []
1278
+ }
745
1279
  },
746
1280
  "500": {
747
1281
  "$value": "#ad4a3b",
748
- "$type": "color"
1282
+ "$type": "color",
1283
+ "$extensions": {
1284
+ "com.figma.scope": []
1285
+ }
749
1286
  },
750
1287
  "600": {
751
1288
  "$value": "#a13322",
752
- "$type": "color"
1289
+ "$type": "color",
1290
+ "$extensions": {
1291
+ "com.figma.scope": []
1292
+ }
753
1293
  },
754
1294
  "700": {
755
1295
  "$value": "#8f2110",
756
- "$type": "color"
1296
+ "$type": "color",
1297
+ "$extensions": {
1298
+ "com.figma.scope": []
1299
+ }
757
1300
  },
758
1301
  "800": {
759
1302
  "$value": "#761405",
760
- "$type": "color"
1303
+ "$type": "color",
1304
+ "$extensions": {
1305
+ "com.figma.scope": []
1306
+ }
761
1307
  },
762
1308
  "900": {
763
1309
  "$value": "#580d02",
764
- "$type": "color"
1310
+ "$type": "color",
1311
+ "$extensions": {
1312
+ "com.figma.scope": []
1313
+ }
765
1314
  },
766
1315
  "950": {
767
1316
  "$value": "#380700",
768
- "$type": "color"
1317
+ "$type": "color",
1318
+ "$extensions": {
1319
+ "com.figma.scope": []
1320
+ }
769
1321
  }
770
1322
  },
771
1323
  "theme-light-red": {
772
1324
  "10": {
773
1325
  "$value": "#fdf9f8",
774
- "$type": "color"
1326
+ "$type": "color",
1327
+ "$extensions": {
1328
+ "com.figma.scope": []
1329
+ }
775
1330
  },
776
1331
  "50": {
777
1332
  "$value": "#faf2f1",
778
- "$type": "color"
1333
+ "$type": "color",
1334
+ "$extensions": {
1335
+ "com.figma.scope": []
1336
+ }
779
1337
  },
780
1338
  "100": {
781
1339
  "$value": "#f6d9d5",
782
- "$type": "color"
1340
+ "$type": "color",
1341
+ "$extensions": {
1342
+ "com.figma.scope": []
1343
+ }
783
1344
  },
784
1345
  "200": {
785
1346
  "$value": "#ebada2",
786
- "$type": "color"
1347
+ "$type": "color",
1348
+ "$extensions": {
1349
+ "com.figma.scope": []
1350
+ }
787
1351
  },
788
1352
  "300": {
789
1353
  "$value": "#e07f6f",
790
- "$type": "color"
1354
+ "$type": "color",
1355
+ "$extensions": {
1356
+ "com.figma.scope": []
1357
+ }
791
1358
  },
792
1359
  "400": {
793
1360
  "$value": "#d36250",
794
- "$type": "color"
1361
+ "$type": "color",
1362
+ "$extensions": {
1363
+ "com.figma.scope": []
1364
+ }
795
1365
  },
796
1366
  "500": {
797
1367
  "$value": "#c24b38",
798
- "$type": "color"
1368
+ "$type": "color",
1369
+ "$extensions": {
1370
+ "com.figma.scope": []
1371
+ }
799
1372
  },
800
1373
  "600": {
801
1374
  "$value": "#b53a26",
802
- "$type": "color"
1375
+ "$type": "color",
1376
+ "$extensions": {
1377
+ "com.figma.scope": []
1378
+ }
803
1379
  },
804
1380
  "700": {
805
1381
  "$value": "#a02e1c",
806
- "$type": "color"
1382
+ "$type": "color",
1383
+ "$extensions": {
1384
+ "com.figma.scope": []
1385
+ }
807
1386
  },
808
1387
  "800": {
809
1388
  "$value": "#8b2212",
810
- "$type": "color"
1389
+ "$type": "color",
1390
+ "$extensions": {
1391
+ "com.figma.scope": []
1392
+ }
811
1393
  },
812
1394
  "900": {
813
1395
  "$value": "#751709",
814
- "$type": "color"
1396
+ "$type": "color",
1397
+ "$extensions": {
1398
+ "com.figma.scope": []
1399
+ }
815
1400
  },
816
1401
  "950": {
817
1402
  "$value": "#5c1105",
818
- "$type": "color"
1403
+ "$type": "color",
1404
+ "$extensions": {
1405
+ "com.figma.scope": []
1406
+ }
819
1407
  }
820
1408
  },
821
1409
  "brand-white": {
822
1410
  "$value": "#fff",
823
- "$type": "color"
1411
+ "$type": "color",
1412
+ "$extensions": {
1413
+ "com.figma.scope": []
1414
+ }
824
1415
  },
825
1416
  "brand-charcoal": {
826
1417
  "$value": "#171321",
827
- "$type": "color"
1418
+ "$type": "color",
1419
+ "$extensions": {
1420
+ "com.figma.scope": []
1421
+ }
828
1422
  },
829
1423
  "brand-orange": {
830
1424
  "01g": {
831
1425
  "$value": "#ffd1bf",
832
- "$type": "color"
1426
+ "$type": "color",
1427
+ "$extensions": {
1428
+ "com.figma.scope": []
1429
+ }
833
1430
  },
834
1431
  "01p": {
835
1432
  "$value": "#fca326",
836
- "$type": "color"
1433
+ "$type": "color",
1434
+ "$extensions": {
1435
+ "com.figma.scope": []
1436
+ }
837
1437
  },
838
1438
  "02p": {
839
1439
  "$value": "#fc6d26",
840
- "$type": "color"
1440
+ "$type": "color",
1441
+ "$extensions": {
1442
+ "com.figma.scope": []
1443
+ }
841
1444
  },
842
1445
  "03p": {
843
1446
  "$value": "#e24329",
844
- "$type": "color"
1447
+ "$type": "color",
1448
+ "$extensions": {
1449
+ "com.figma.scope": []
1450
+ }
845
1451
  }
846
1452
  },
847
1453
  "brand-purple": {
848
1454
  "01g": {
849
1455
  "$value": "#ceb3ef",
850
- "$type": "color"
1456
+ "$type": "color",
1457
+ "$extensions": {
1458
+ "com.figma.scope": []
1459
+ }
851
1460
  },
852
1461
  "01p": {
853
1462
  "$value": "#a989f5",
854
- "$type": "color"
1463
+ "$type": "color",
1464
+ "$extensions": {
1465
+ "com.figma.scope": []
1466
+ }
855
1467
  },
856
1468
  "02p": {
857
1469
  "$value": "#7759c2",
858
- "$type": "color"
1470
+ "$type": "color",
1471
+ "$extensions": {
1472
+ "com.figma.scope": []
1473
+ }
859
1474
  }
860
1475
  },
861
1476
  "brand-gray": {
862
1477
  "01": {
863
1478
  "$value": "#d1d0d3",
864
- "$type": "color"
1479
+ "$type": "color",
1480
+ "$extensions": {
1481
+ "com.figma.scope": []
1482
+ }
865
1483
  },
866
1484
  "02": {
867
1485
  "$value": "#a2a1a6",
868
- "$type": "color"
1486
+ "$type": "color",
1487
+ "$extensions": {
1488
+ "com.figma.scope": []
1489
+ }
869
1490
  },
870
1491
  "03": {
871
1492
  "$value": "#74717a",
872
- "$type": "color"
1493
+ "$type": "color",
1494
+ "$extensions": {
1495
+ "com.figma.scope": []
1496
+ }
873
1497
  },
874
1498
  "04": {
875
1499
  "$value": "#45424d",
876
- "$type": "color"
1500
+ "$type": "color",
1501
+ "$extensions": {
1502
+ "com.figma.scope": []
1503
+ }
877
1504
  },
878
1505
  "05": {
879
1506
  "$value": "#2b2838",
880
- "$type": "color"
1507
+ "$type": "color",
1508
+ "$extensions": {
1509
+ "com.figma.scope": []
1510
+ }
881
1511
  }
882
1512
  },
883
1513
  "brand-pink": {
884
1514
  "01g": {
885
1515
  "$value": "#ffb9c9",
886
- "$type": "color"
1516
+ "$type": "color",
1517
+ "$extensions": {
1518
+ "com.figma.scope": []
1519
+ }
887
1520
  }
888
1521
  }
889
1522
  }