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