@gitlab/ui 115.0.1 → 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 (124) hide show
  1. package/bin/migrate_custom_utils_to_tw.bundled.mjs +172489 -139144
  2. package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +286 -0
  3. package/dist/components/dashboards/mock_data.js +49 -0
  4. package/dist/index.css +2 -2
  5. package/dist/index.css.map +1 -1
  6. package/dist/tailwind.css +1 -1
  7. package/dist/tailwind.css.map +1 -1
  8. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +7986 -0
  9. package/dist/tokens/docs/tokens-tailwind-docs.json +7986 -0
  10. package/dist/tokens/figma/constants.tokens.json +944 -236
  11. package/dist/tokens/figma/contextual.tokens.json +2721 -418
  12. package/dist/tokens/figma/deprecated.tokens.json +664 -8
  13. package/dist/tokens/figma/semantic.tokens.json +1130 -169
  14. package/dist/tokens/js/tokens.dark.js +1089 -1047
  15. package/dist/tokens/js/tokens.js +1078 -1047
  16. package/dist/tokens/json/tokens.dark.json +9267 -3
  17. package/dist/tokens/json/tokens.json +9267 -3
  18. package/dist/tokens/tailwind/tokens.cjs +76 -407
  19. package/package.json +19 -46
  20. package/src/components/base/accordion/accordion_item.vue +1 -1
  21. package/src/components/base/avatar/avatar.vue +1 -1
  22. package/src/components/base/button/button.vue +1 -1
  23. package/src/components/base/dropdown/dropdown.vue +3 -1
  24. package/src/components/base/filtered_search/filtered_search.vue +1 -1
  25. package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +1 -1
  26. package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
  27. package/src/components/base/filtered_search/filtered_search_token_segment.vue +3 -3
  28. package/src/components/base/form/form_checkbox_tree/models/tree.js +1 -1
  29. package/src/components/base/form/form_date/form_date.vue +1 -1
  30. package/src/components/base/form/form_input/form_input.vue +1 -1
  31. package/src/components/base/form/form_select/form_select.vue +1 -1
  32. package/src/components/base/modal/modal.vue +2 -2
  33. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +4 -4
  34. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +1 -2
  35. package/src/components/base/new_dropdowns/listbox/listbox.vue +7 -7
  36. package/src/components/base/pagination/pagination.vue +2 -2
  37. package/src/components/base/path/path.vue +1 -1
  38. package/src/components/base/skeleton_loader/skeleton_loader.vue +9 -9
  39. package/src/components/base/table/table.md +1 -2
  40. package/src/components/base/table_lite/table_lite.md +1 -1
  41. package/src/components/base/tabs/tabs/tabs.vue +1 -1
  42. package/src/components/base/toast/toast.js +2 -2
  43. package/src/components/base/token_selector/token_container.vue +1 -1
  44. package/src/components/base/token_selector/token_selector.vue +2 -2
  45. package/src/components/base/token_selector/token_selector_dropdown.vue +1 -1
  46. package/src/components/charts/area/area.vue +3 -3
  47. package/src/components/charts/bar/bar.vue +2 -2
  48. package/src/components/charts/column/column.vue +2 -2
  49. package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
  50. package/src/components/charts/gauge/gauge.vue +1 -1
  51. package/src/components/charts/heatmap/heatmap.vue +2 -2
  52. package/src/components/charts/heatmap/index.js +1 -0
  53. package/src/components/charts/legend/legend.vue +1 -1
  54. package/src/components/charts/line/line.vue +3 -3
  55. package/src/components/charts/sparkline/sparkline.vue +1 -1
  56. package/src/components/charts/stacked_column/stacked_column.vue +1 -1
  57. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.scss +1 -0
  58. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +247 -0
  59. package/src/components/dashboards/mock_data.js +40 -0
  60. package/src/components/mixins/tooltip_mixin.js +1 -1
  61. package/src/components/utilities/intersection_observer/intersection_observer.vue +1 -1
  62. package/src/components/utilities/intersperse/intersperse.vue +2 -2
  63. package/src/components/utilities/sprintf/sprintf.md +1 -1
  64. package/src/components/utilities/sprintf/sprintf.vue +1 -1
  65. package/src/components/utilities/truncate/truncate.vue +2 -2
  66. package/src/config.js +1 -1
  67. package/src/directives/outside/outside.js +4 -4
  68. package/src/directives/tooltip/tooltip.js +1 -1
  69. package/src/scss/components.scss +1 -0
  70. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +7986 -0
  71. package/src/tokens/build/docs/tokens-tailwind-docs.json +7986 -0
  72. package/src/tokens/build/figma/constants.tokens.json +944 -236
  73. package/src/tokens/build/figma/contextual.tokens.json +2721 -418
  74. package/src/tokens/build/figma/deprecated.tokens.json +664 -8
  75. package/src/tokens/build/figma/semantic.tokens.json +1130 -169
  76. package/src/tokens/build/json/tokens.dark.json +9267 -3
  77. package/src/tokens/build/json/tokens.json +9267 -3
  78. package/src/tokens/constant/color.alpha.tokens.json +60 -15
  79. package/src/tokens/constant/color.tokens.json +844 -211
  80. package/src/tokens/constant/line_height.tokens.json +40 -10
  81. package/src/tokens/contextual/alert.tokens.json +119 -19
  82. package/src/tokens/contextual/avatar.tokens.json +90 -14
  83. package/src/tokens/contextual/badge.tokens.json +728 -112
  84. package/src/tokens/contextual/banner.tokens.json +19 -3
  85. package/src/tokens/contextual/breadcrumb.tokens.json +6 -1
  86. package/src/tokens/contextual/broadcast.tokens.json +301 -81
  87. package/src/tokens/contextual/button.tokens.json +793 -120
  88. package/src/tokens/contextual/chart.tokens.json +42 -7
  89. package/src/tokens/contextual/datepicker.tokens.json +13 -2
  90. package/src/tokens/contextual/dropdown.tokens.json +142 -21
  91. package/src/tokens/contextual/filtered-search.tokens.json +42 -6
  92. package/src/tokens/contextual/illustration.tokens.json +195 -33
  93. package/src/tokens/contextual/label.tokens.json +81 -12
  94. package/src/tokens/contextual/link.tokens.json +26 -4
  95. package/src/tokens/contextual/progress-bar.tokens.json +35 -5
  96. package/src/tokens/contextual/skeleton-loader.tokens.json +12 -2
  97. package/src/tokens/contextual/spinner.tokens.json +24 -4
  98. package/src/tokens/contextual/table.tokens.json +14 -2
  99. package/src/tokens/contextual/tabs.tokens.json +7 -1
  100. package/src/tokens/contextual/toggle.tokens.json +54 -9
  101. package/src/tokens/contextual/token-selector.tokens.json +7 -1
  102. package/src/tokens/contextual/token.tokens.json +14 -2
  103. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +165 -0
  104. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +216 -0
  105. package/src/tokens/deprecated/deprecated.color.tokens.json +240 -0
  106. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +39 -0
  107. package/src/tokens/semantic/action.tokens.json +500 -75
  108. package/src/tokens/semantic/background.tokens.json +49 -7
  109. package/src/tokens/semantic/border.tokens.json +30 -5
  110. package/src/tokens/semantic/control.tokens.json +129 -20
  111. package/src/tokens/semantic/feedback.tokens.json +126 -19
  112. package/src/tokens/semantic/focus-ring.tokens.json +12 -2
  113. package/src/tokens/semantic/highlight.tokens.json +26 -4
  114. package/src/tokens/semantic/icon.tokens.json +63 -9
  115. package/src/tokens/semantic/shadow.tokens.json +6 -1
  116. package/src/tokens/semantic/status.tokens.json +120 -18
  117. package/src/tokens/semantic/text.tokens.json +69 -9
  118. package/src/tokens/tokens_tailwind_table.vue +1 -1
  119. package/src/utils/charts/config.js +7 -7
  120. package/src/utils/charts/utils.js +1 -1
  121. package/src/utils/use_mock_intersection_observer.js +1 -1
  122. package/src/utils/utils.js +1 -1
  123. package/tailwind.defaults.js +1 -1
  124. package/translations.js +2 -2
package/src/tokens/constant/line_height.tokens.json CHANGED
@@ -2,43 +2,73 @@
2
2
  "line-height": {
3
3
  "12": {
4
4
  "$value": "0.75rem",
5
- "$type": "dimension"
5
+ "$type": "dimension",
6
+ "$extensions": {
7
+ "com.figma.scope": []
8
+ }
6
9
  },
7
10
  "16": {
8
11
  "$value": "1rem",
9
- "$type": "dimension"
12
+ "$type": "dimension",
13
+ "$extensions": {
14
+ "com.figma.scope": []
15
+ }
10
16
  },
11
17
  "20": {
12
18
  "$value": "1.25rem",
13
- "$type": "dimension"
19
+ "$type": "dimension",
20
+ "$extensions": {
21
+ "com.figma.scope": []
22
+ }
14
23
  },
15
24
  "24": {
16
25
  "$value": "1.5rem",
17
- "$type": "dimension"
26
+ "$type": "dimension",
27
+ "$extensions": {
28
+ "com.figma.scope": []
29
+ }
18
30
  },
19
31
  "28": {
20
32
  "$value": "1.75rem",
21
- "$type": "dimension"
33
+ "$type": "dimension",
34
+ "$extensions": {
35
+ "com.figma.scope": []
36
+ }
22
37
  },
23
38
  "32": {
24
39
  "$value": "2rem",
25
- "$type": "dimension"
40
+ "$type": "dimension",
41
+ "$extensions": {
42
+ "com.figma.scope": []
43
+ }
26
44
  },
27
45
  "36": {
28
46
  "$value": "2.25rem",
29
- "$type": "dimension"
47
+ "$type": "dimension",
48
+ "$extensions": {
49
+ "com.figma.scope": []
50
+ }
30
51
  },
31
52
  "42": {
32
53
  "$value": "2.625rem",
33
- "$type": "dimension"
54
+ "$type": "dimension",
55
+ "$extensions": {
56
+ "com.figma.scope": []
57
+ }
34
58
  },
35
59
  "44": {
36
60
  "$value": "2.75rem",
37
- "$type": "dimension"
61
+ "$type": "dimension",
62
+ "$extensions": {
63
+ "com.figma.scope": []
64
+ }
38
65
  },
39
66
  "52": {
40
67
  "$value": "3.25rem",
41
- "$type": "dimension"
68
+ "$type": "dimension",
69
+ "$extensions": {
70
+ "com.figma.scope": []
71
+ }
42
72
  }
43
73
  }
44
74
  }
package/src/tokens/contextual/alert.tokens.json CHANGED
@@ -8,7 +8,12 @@
8
8
  "dark": "{text.color.heading}"
9
9
  },
10
10
  "$type": "color",
11
- "$description": "Used for the title color of a neutral alert."
11
+ "$description": "Used for the title color of a neutral alert.",
12
+ "$extensions": {
13
+ "com.figma.scope": [
14
+ "TEXT_FILL"
15
+ ]
16
+ }
12
17
  }
13
18
  },
14
19
  "background": {
@@ -18,7 +23,13 @@
18
23
  "dark": "{background.color.subtle}"
19
24
  },
20
25
  "$type": "color",
21
- "$description": "Used for the background color of a neutral alert."
26
+ "$description": "Used for the background color of a neutral alert.",
27
+ "$extensions": {
28
+ "com.figma.scope": [
29
+ "FRAME_FILL",
30
+ "SHAPE_FILL"
31
+ ]
32
+ }
22
33
  }
23
34
  },
24
35
  "border": {
@@ -29,14 +40,24 @@
29
40
  "dark": "{color.neutral.400}"
30
41
  },
31
42
  "$type": "color",
32
- "$description": "Used for the border center color of a neutral alert."
43
+ "$description": "Used for the border center color of a neutral alert.",
44
+ "$extensions": {
45
+ "com.figma.scope": [
46
+ "STROKE_COLOR"
47
+ ]
48
+ }
33
49
  }
34
50
  },
35
51
  "bottom": {
36
52
  "color": {
37
53
  "$value": "{color.alpha.0}",
38
54
  "$type": "color",
39
- "$description": "Used for the border bottom color of a neutral alert."
55
+ "$description": "Used for the border bottom color of a neutral alert.",
56
+ "$extensions": {
57
+ "com.figma.scope": [
58
+ "STROKE_COLOR"
59
+ ]
60
+ }
40
61
  }
41
62
  }
42
63
  }
@@ -49,7 +70,12 @@
49
70
  "dark": "{color.blue.300}"
50
71
  },
51
72
  "$type": "color",
52
- "$description": "Used for the title color of an info alert."
73
+ "$description": "Used for the title color of an info alert.",
74
+ "$extensions": {
75
+ "com.figma.scope": [
76
+ "TEXT_FILL"
77
+ ]
78
+ }
53
79
  }
54
80
  },
55
81
  "background": {
@@ -59,7 +85,13 @@
59
85
  "dark": "{background.color.subtle}"
60
86
  },
61
87
  "$type": "color",
62
- "$description": "Used for the background color of an info alert."
88
+ "$description": "Used for the background color of an info alert.",
89
+ "$extensions": {
90
+ "com.figma.scope": [
91
+ "FRAME_FILL",
92
+ "SHAPE_FILL"
93
+ ]
94
+ }
63
95
  }
64
96
  },
65
97
  "border": {
@@ -70,7 +102,12 @@
70
102
  "dark": "{color.blue.400}"
71
103
  },
72
104
  "$type": "color",
73
- "$description": "Used for the border color of an info alert."
105
+ "$description": "Used for the border color of an info alert.",
106
+ "$extensions": {
107
+ "com.figma.scope": [
108
+ "STROKE_COLOR"
109
+ ]
110
+ }
74
111
  }
75
112
  },
76
113
  "bottom": {
@@ -90,7 +127,12 @@
90
127
  "dark": "{color.green.300}"
91
128
  },
92
129
  "$type": "color",
93
- "$description": "Used for the title color of a success alert."
130
+ "$description": "Used for the title color of a success alert.",
131
+ "$extensions": {
132
+ "com.figma.scope": [
133
+ "TEXT_FILL"
134
+ ]
135
+ }
94
136
  }
95
137
  },
96
138
  "background": {
@@ -100,7 +142,13 @@
100
142
  "dark": "{background.color.subtle}"
101
143
  },
102
144
  "$type": "color",
103
- "$description": "Used for the background color of a success alert."
145
+ "$description": "Used for the background color of a success alert.",
146
+ "$extensions": {
147
+ "com.figma.scope": [
148
+ "FRAME_FILL",
149
+ "SHAPE_FILL"
150
+ ]
151
+ }
104
152
  }
105
153
  },
106
154
  "border": {
@@ -111,14 +159,24 @@
111
159
  "dark": "{color.green.400}"
112
160
  },
113
161
  "$type": "color",
114
- "$description": "Used for the border color of a success alert."
162
+ "$description": "Used for the border color of a success alert.",
163
+ "$extensions": {
164
+ "com.figma.scope": [
165
+ "STROKE_COLOR"
166
+ ]
167
+ }
115
168
  }
116
169
  },
117
170
  "bottom": {
118
171
  "color": {
119
172
  "$value": "{color.alpha.0}",
120
173
  "$type": "color",
121
- "$description": "Used for the border bottom color of a success alert."
174
+ "$description": "Used for the border bottom color of a success alert.",
175
+ "$extensions": {
176
+ "com.figma.scope": [
177
+ "STROKE_COLOR"
178
+ ]
179
+ }
122
180
  }
123
181
  }
124
182
  }
@@ -131,7 +189,12 @@
131
189
  "dark": "{color.orange.300}"
132
190
  },
133
191
  "$type": "color",
134
- "$description": "Used for the title color of a warning alert."
192
+ "$description": "Used for the title color of a warning alert.",
193
+ "$extensions": {
194
+ "com.figma.scope": [
195
+ "TEXT_FILL"
196
+ ]
197
+ }
135
198
  }
136
199
  },
137
200
  "background": {
@@ -141,7 +204,13 @@
141
204
  "dark": "{background.color.subtle}"
142
205
  },
143
206
  "$type": "color",
144
- "$description": "Used for the background color of a warning alert."
207
+ "$description": "Used for the background color of a warning alert.",
208
+ "$extensions": {
209
+ "com.figma.scope": [
210
+ "FRAME_FILL",
211
+ "SHAPE_FILL"
212
+ ]
213
+ }
145
214
  }
146
215
  },
147
216
  "border": {
@@ -152,14 +221,24 @@
152
221
  "dark": "{color.orange.400}"
153
222
  },
154
223
  "$type": "color",
155
- "$description": "Used for the border color of a warning alert."
224
+ "$description": "Used for the border color of a warning alert.",
225
+ "$extensions": {
226
+ "com.figma.scope": [
227
+ "STROKE_COLOR"
228
+ ]
229
+ }
156
230
  }
157
231
  },
158
232
  "bottom": {
159
233
  "color": {
160
234
  "$value": "{color.alpha.0}",
161
235
  "$type": "color",
162
- "$description": "Used for the border bottom color of a warning alert."
236
+ "$description": "Used for the border bottom color of a warning alert.",
237
+ "$extensions": {
238
+ "com.figma.scope": [
239
+ "STROKE_COLOR"
240
+ ]
241
+ }
163
242
  }
164
243
  }
165
244
  }
@@ -172,7 +251,12 @@
172
251
  "dark": "{color.red.300}"
173
252
  },
174
253
  "$type": "color",
175
- "$description": "Used for the title color of a danger alert."
254
+ "$description": "Used for the title color of a danger alert.",
255
+ "$extensions": {
256
+ "com.figma.scope": [
257
+ "TEXT_FILL"
258
+ ]
259
+ }
176
260
  }
177
261
  },
178
262
  "background": {
@@ -182,7 +266,13 @@
182
266
  "dark": "{background.color.subtle}"
183
267
  },
184
268
  "$type": "color",
185
- "$description": "Used for the background color of a danger alert."
269
+ "$description": "Used for the background color of a danger alert.",
270
+ "$extensions": {
271
+ "com.figma.scope": [
272
+ "FRAME_FILL",
273
+ "SHAPE_FILL"
274
+ ]
275
+ }
186
276
  }
187
277
  },
188
278
  "border": {
@@ -193,14 +283,24 @@
193
283
  "dark": "{color.red.400}"
194
284
  },
195
285
  "$type": "color",
196
- "$description": "Used for the border color of a danger alert."
286
+ "$description": "Used for the border color of a danger alert.",
287
+ "$extensions": {
288
+ "com.figma.scope": [
289
+ "STROKE_COLOR"
290
+ ]
291
+ }
197
292
  }
198
293
  },
199
294
  "bottom": {
200
295
  "color": {
201
296
  "$value": "{color.alpha.0}",
202
297
  "$type": "color",
203
- "$description": "Used for the border bottom color of a danger alert."
298
+ "$description": "Used for the border bottom color of a danger alert.",
299
+ "$extensions": {
300
+ "com.figma.scope": [
301
+ "STROKE_COLOR"
302
+ ]
303
+ }
204
304
  }
205
305
  }
206
306
  }
package/src/tokens/contextual/avatar.tokens.json CHANGED
@@ -8,7 +8,12 @@
8
8
  "dark": "{color.alpha.light.8}"
9
9
  },
10
10
  "$type": "color",
11
- "$description": "Used to define the edge of an avatar."
11
+ "$description": "Used to define the edge of an avatar.",
12
+ "$extensions": {
13
+ "com.figma.scope": [
14
+ "STROKE_COLOR"
15
+ ]
16
+ }
12
17
  },
13
18
  "hover": {
14
19
  "$value": {
@@ -16,7 +21,12 @@
16
21
  "dark": "{color.alpha.light.24}"
17
22
  },
18
23
  "$type": "color",
19
- "$description": "Used to increase the edge definition of an avatar in the hover state."
24
+ "$description": "Used to increase the edge definition of an avatar in the hover state.",
25
+ "$extensions": {
26
+ "com.figma.scope": [
27
+ "STROKE_COLOR"
28
+ ]
29
+ }
20
30
  }
21
31
  }
22
32
  },
@@ -29,7 +39,12 @@
29
39
  "dark": "{color.red.200}"
30
40
  },
31
41
  "$type": "color",
32
- "$description": "Red text color for avatar fallback with no particular meaning."
42
+ "$description": "Red text color for avatar fallback with no particular meaning.",
43
+ "$extensions": {
44
+ "com.figma.scope": [
45
+ "TEXT_FILL"
46
+ ]
47
+ }
33
48
  },
34
49
  "purple": {
35
50
  "$value": {
@@ -37,7 +52,12 @@
37
52
  "dark": "{color.purple.200}"
38
53
  },
39
54
  "$type": "color",
40
- "$description": "Purple text color for avatar fallback with no particular meaning."
55
+ "$description": "Purple text color for avatar fallback with no particular meaning.",
56
+ "$extensions": {
57
+ "com.figma.scope": [
58
+ "TEXT_FILL"
59
+ ]
60
+ }
41
61
  },
42
62
  "blue": {
43
63
  "$value": {
@@ -45,7 +65,12 @@
45
65
  "dark": "{color.blue.200}"
46
66
  },
47
67
  "$type": "color",
48
- "$description": "Blue text color for avatar fallback with no particular meaning."
68
+ "$description": "Blue text color for avatar fallback with no particular meaning.",
69
+ "$extensions": {
70
+ "com.figma.scope": [
71
+ "TEXT_FILL"
72
+ ]
73
+ }
49
74
  },
50
75
  "green": {
51
76
  "$value": {
@@ -53,7 +78,12 @@
53
78
  "dark": "{color.green.200}"
54
79
  },
55
80
  "$type": "color",
56
- "$description": "Green text color for avatar fallback with no particular meaning."
81
+ "$description": "Green text color for avatar fallback with no particular meaning.",
82
+ "$extensions": {
83
+ "com.figma.scope": [
84
+ "TEXT_FILL"
85
+ ]
86
+ }
57
87
  },
58
88
  "orange": {
59
89
  "$value": {
@@ -61,7 +91,12 @@
61
91
  "dark": "{color.orange.200}"
62
92
  },
63
93
  "$type": "color",
64
- "$description": "Orange text color for avatar fallback with no particular meaning."
94
+ "$description": "Orange text color for avatar fallback with no particular meaning.",
95
+ "$extensions": {
96
+ "com.figma.scope": [
97
+ "TEXT_FILL"
98
+ ]
99
+ }
65
100
  },
66
101
  "neutral": {
67
102
  "$value": {
@@ -69,7 +104,12 @@
69
104
  "dark": "{color.neutral.200}"
70
105
  },
71
106
  "$type": "color",
72
- "$description": "Neutral text color for avatar fallback with no particular meaning."
107
+ "$description": "Neutral text color for avatar fallback with no particular meaning.",
108
+ "$extensions": {
109
+ "com.figma.scope": [
110
+ "TEXT_FILL"
111
+ ]
112
+ }
73
113
  }
74
114
  }
75
115
  },
@@ -78,32 +118,68 @@
78
118
  "red": {
79
119
  "$value": "#fcb5aa3d",
80
120
  "$type": "color",
81
- "$description": "Red background for avatar fallback with no particular meaning."
121
+ "$description": "Red background for avatar fallback with no particular meaning.",
122
+ "$extensions": {
123
+ "com.figma.scope": [
124
+ "FRAME_FILL",
125
+ "SHAPE_FILL"
126
+ ]
127
+ }
82
128
  },
83
129
  "purple": {
84
130
  "$value": "#cbbbf23d",
85
131
  "$type": "color",
86
- "$description": "Purple background for avatar fallback with no particular meaning."
132
+ "$description": "Purple background for avatar fallback with no particular meaning.",
133
+ "$extensions": {
134
+ "com.figma.scope": [
135
+ "FRAME_FILL",
136
+ "SHAPE_FILL"
137
+ ]
138
+ }
87
139
  },
88
140
  "blue": {
89
141
  "$value": "#9dc7f13d",
90
142
  "$type": "color",
91
- "$description": "Blue background for avatar fallback with no particular meaning."
143
+ "$description": "Blue background for avatar fallback with no particular meaning.",
144
+ "$extensions": {
145
+ "com.figma.scope": [
146
+ "FRAME_FILL",
147
+ "SHAPE_FILL"
148
+ ]
149
+ }
92
150
  },
93
151
  "green": {
94
152
  "$value": "#91d4a83d",
95
153
  "$type": "color",
96
- "$description": "Green background for avatar fallback with no particular meaning."
154
+ "$description": "Green background for avatar fallback with no particular meaning.",
155
+ "$extensions": {
156
+ "com.figma.scope": [
157
+ "FRAME_FILL",
158
+ "SHAPE_FILL"
159
+ ]
160
+ }
97
161
  },
98
162
  "orange": {
99
163
  "$value": "#e9be743d",
100
164
  "$type": "color",
101
- "$description": "Orange background for avatar fallback with no particular meaning."
165
+ "$description": "Orange background for avatar fallback with no particular meaning.",
166
+ "$extensions": {
167
+ "com.figma.scope": [
168
+ "FRAME_FILL",
169
+ "SHAPE_FILL"
170
+ ]
171
+ }
102
172
  },
103
173
  "neutral": {
104
174
  "$value": "#bfbfc33d",
105
175
  "$type": "color",
106
- "$description": "Neutral background for avatar fallback with no particular meaning."
176
+ "$description": "Neutral background for avatar fallback with no particular meaning.",
177
+ "$extensions": {
178
+ "com.figma.scope": [
179
+ "FRAME_FILL",
180
+ "SHAPE_FILL"
181
+ ]
182
+ }
107
183
  }
108
184
  }
109
185
  }