@gitlab/ui 132.0.3 → 132.2.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 (233) hide show
  1. package/dist/components/base/accordion/accordion_item.js +1 -3
  2. package/dist/components/base/avatar/avatar.js +76 -5
  3. package/dist/components/base/badge/badge.js +5 -7
  4. package/dist/components/base/button/button.js +1 -3
  5. package/dist/components/base/collapse/collapse.js +2 -6
  6. package/dist/components/base/datepicker/datepicker.js +4 -5
  7. package/dist/components/base/daterange_picker/daterange_picker.js +2 -4
  8. package/dist/components/base/dropdown/dropdown_item.js +3 -4
  9. package/dist/components/base/filtered_search/filtered_search.js +55 -7
  10. package/dist/components/base/filtered_search/filtered_search_token.js +6 -14
  11. package/dist/components/base/filtered_search/filtered_search_token_segment.js +39 -19
  12. package/dist/components/base/filtered_search/filtered_search_utils.js +57 -7
  13. package/dist/components/base/form/form_checkbox/form_checkbox.js +13 -26
  14. package/dist/components/base/form/form_checkbox/form_checkbox_group.js +1 -3
  15. package/dist/components/base/form/form_fields/form_fields_loop.js +57 -6
  16. package/dist/components/base/form/form_group/form_group.js +1 -3
  17. package/dist/components/base/form/form_input/form_input.js +95 -41
  18. package/dist/components/base/form/form_input_group/form_input_group.js +2 -4
  19. package/dist/components/base/form/form_radio/form_radio.js +5 -9
  20. package/dist/components/base/form/form_radio_group/form_radio_group.js +1 -3
  21. package/dist/components/base/form/form_select/form_select.js +76 -5
  22. package/dist/components/base/infinite_scroll/infinite_scroll.js +7 -14
  23. package/dist/components/base/link/link.js +26 -7
  24. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +93 -32
  25. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +2 -6
  26. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js +2 -6
  27. package/dist/components/base/new_dropdowns/listbox/listbox.js +5 -13
  28. package/dist/components/base/new_dropdowns/listbox/listbox_item.js +1 -3
  29. package/dist/components/base/new_dropdowns/listbox/mock_data.js +2 -6
  30. package/dist/components/base/new_dropdowns/listbox/utils.js +6 -11
  31. package/dist/components/base/path/path.js +1 -5
  32. package/dist/components/base/search_box_by_type/search_box_by_type.js +2 -6
  33. package/dist/components/base/skeleton_loader/skeleton_loader.js +3 -5
  34. package/dist/components/base/table/table.js +32 -21
  35. package/dist/components/base/table_lite/table_lite.js +1 -3
  36. package/dist/components/base/tabs/tab/tab.js +1 -3
  37. package/dist/components/base/tabs/tabs/scrollable_tabs.js +1 -5
  38. package/dist/components/base/token_selector/token_selector.js +2 -6
  39. package/dist/components/charts/area/area.js +6 -7
  40. package/dist/components/charts/column/column.js +11 -15
  41. package/dist/components/charts/discrete_scatter/discrete_scatter.js +57 -5
  42. package/dist/components/charts/gauge/gauge.js +13 -21
  43. package/dist/components/charts/heatmap/heatmap.js +66 -18
  44. package/dist/components/charts/legend/legend.js +59 -13
  45. package/dist/components/charts/line/line.js +6 -7
  46. package/dist/components/charts/shared/tooltip/tooltip.js +11 -18
  47. package/dist/components/charts/sparkline/sparkline.js +72 -19
  48. package/dist/components/charts/stacked_column/stacked_column.js +18 -31
  49. package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +40 -24
  50. package/dist/components/utilities/friendly_wrap/friendly_wrap.js +3 -7
  51. package/dist/components/utilities/intersperse/intersperse.js +6 -11
  52. package/dist/components/utilities/sprintf/sprintf.js +58 -7
  53. package/dist/components/utilities/truncate/truncate.js +2 -4
  54. package/dist/components/utilities/truncate_text/truncate_text.js +1 -3
  55. package/dist/config.js +3 -4
  56. package/dist/directives/hover_load/hover_load.js +1 -3
  57. package/dist/directives/outside/outside.js +9 -16
  58. package/dist/directives/resize_observer/resize_observer.js +6 -8
  59. package/dist/directives/safe_html/safe_html.js +1 -3
  60. package/dist/directives/safe_link/safe_link.js +11 -14
  61. package/dist/index.css +2 -2
  62. package/dist/index.css.map +1 -1
  63. package/dist/tokens/build/js/tokens.dark.js +95 -95
  64. package/dist/tokens/build/js/tokens.js +74 -74
  65. package/dist/tokens/common_story_options.js +7 -8
  66. package/dist/utils/charts/config.js +122 -90
  67. package/dist/utils/constants.js +26 -1
  68. package/dist/utils/data_utils.js +28 -1
  69. package/dist/utils/form_options_utils.js +4 -6
  70. package/dist/utils/is_slot_empty.js +3 -5
  71. package/dist/utils/stories_utils.js +8 -8
  72. package/dist/utils/use_mock_intersection_observer.js +63 -12
  73. package/dist/utils/utils.js +76 -19
  74. package/dist/vendor/bootstrap-vue/src/components/button/button-close.js +8 -11
  75. package/dist/vendor/bootstrap-vue/src/components/button/button.js +12 -17
  76. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +3 -6
  77. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +6 -9
  78. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +14 -19
  79. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +8 -13
  80. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +9 -12
  81. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +8 -11
  82. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +9 -14
  83. package/dist/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +34 -43
  84. package/dist/vendor/bootstrap-vue/src/components/form/form-invalid-feedback.js +5 -9
  85. package/dist/vendor/bootstrap-vue/src/components/form/form-text.js +7 -10
  86. package/dist/vendor/bootstrap-vue/src/components/form/form-valid-feedback.js +5 -9
  87. package/dist/vendor/bootstrap-vue/src/components/form/form.js +7 -10
  88. package/dist/vendor/bootstrap-vue/src/components/form-group/form-group.js +77 -33
  89. package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +6 -11
  90. package/dist/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +6 -12
  91. package/dist/vendor/bootstrap-vue/src/components/form-select/form-select.js +28 -29
  92. package/dist/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +7 -10
  93. package/dist/vendor/bootstrap-vue/src/components/layout/col.js +7 -11
  94. package/dist/vendor/bootstrap-vue/src/components/layout/form-row.js +3 -5
  95. package/dist/vendor/bootstrap-vue/src/components/link/link.js +19 -31
  96. package/dist/vendor/bootstrap-vue/src/components/modal/helpers/modal-manager.js +3 -4
  97. package/dist/vendor/bootstrap-vue/src/components/modal/modal.js +59 -68
  98. package/dist/vendor/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js +2 -4
  99. package/dist/vendor/bootstrap-vue/src/components/popover/popover.js +4 -5
  100. package/dist/vendor/bootstrap-vue/src/components/table/helpers/default-sort-compare.js +11 -7
  101. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-bottom-row.js +4 -6
  102. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +3 -6
  103. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +4 -7
  104. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-colgroup.js +1 -3
  105. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +16 -20
  106. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +14 -25
  107. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +23 -35
  108. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +6 -8
  109. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +8 -10
  110. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +8 -15
  111. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +33 -41
  112. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +3 -8
  113. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +38 -50
  114. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +19 -31
  115. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +13 -23
  116. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -6
  117. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +17 -21
  118. package/dist/vendor/bootstrap-vue/src/components/table/helpers/mixin-top-row.js +4 -6
  119. package/dist/vendor/bootstrap-vue/src/components/table/helpers/sanitize-row.js +1 -3
  120. package/dist/vendor/bootstrap-vue/src/components/table/tbody.js +3 -6
  121. package/dist/vendor/bootstrap-vue/src/components/table/td.js +9 -14
  122. package/dist/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
  123. package/dist/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
  124. package/dist/vendor/bootstrap-vue/src/components/table/tr.js +2 -5
  125. package/dist/vendor/bootstrap-vue/src/components/tabs/tab.js +19 -36
  126. package/dist/vendor/bootstrap-vue/src/components/tabs/tabs.js +66 -81
  127. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-popper.js +2 -6
  128. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js +5 -11
  129. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js +8 -14
  130. package/dist/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +19 -22
  131. package/dist/vendor/bootstrap-vue/src/components/transition/bv-transition.js +7 -10
  132. package/dist/vendor/bootstrap-vue/src/components/transporter/transporter.js +7 -14
  133. package/dist/vendor/bootstrap-vue/src/directives/modal/modal.js +4 -5
  134. package/dist/vendor/bootstrap-vue/src/directives/visible/visible.js +5 -9
  135. package/dist/vendor/bootstrap-vue/src/mixins/dropdown.js +17 -29
  136. package/dist/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
  137. package/dist/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
  138. package/dist/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
  139. package/dist/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
  140. package/dist/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
  141. package/dist/vendor/bootstrap-vue/src/mixins/form-text.js +29 -43
  142. package/dist/vendor/bootstrap-vue/src/mixins/id.js +1 -2
  143. package/dist/vendor/bootstrap-vue/src/utils/create-new-child-component.js +62 -15
  144. package/dist/vendor/bootstrap-vue/src/utils/dom.js +3 -9
  145. package/dist/vendor/bootstrap-vue/src/utils/events.js +7 -5
  146. package/dist/vendor/bootstrap-vue/src/utils/plugins.js +4 -5
  147. package/dist/vendor/bootstrap-vue/src/utils/router.js +9 -13
  148. package/package.json +10 -8
  149. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +21 -19
  150. package/src/scss/gitlab_ui.scss +3 -0
  151. package/src/scss/storybook.scss +3 -0
  152. package/src/scss/themes.scss +84 -0
  153. package/src/tokens/build/css/tokens.css +142 -142
  154. package/src/tokens/build/css/tokens.dark.css +138 -138
  155. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +580 -580
  156. package/src/tokens/build/docs/tokens-tailwind-docs.json +495 -495
  157. package/src/tokens/build/figma/constants.dark.json +799 -799
  158. package/src/tokens/build/figma/constants.json +799 -799
  159. package/src/tokens/build/js/tokens.dark.js +95 -95
  160. package/src/tokens/build/js/tokens.js +74 -74
  161. package/src/tokens/build/json/tokens.dark.json +1668 -1668
  162. package/src/tokens/build/json/tokens.json +1647 -1647
  163. package/src/tokens/build/scss/_tokens.dark.scss +138 -138
  164. package/src/tokens/build/scss/_tokens.scss +142 -142
  165. package/src/tokens/build/scss/_tokens_custom_properties.scss +73 -73
  166. package/src/tokens/constant/color.blue.tokens.json +182 -0
  167. package/src/tokens/constant/color.brand.tokens.json +252 -0
  168. package/src/tokens/constant/color.data.tokens.json +894 -0
  169. package/src/tokens/constant/color.green.tokens.json +182 -0
  170. package/src/tokens/constant/color.neutral.tokens.json +230 -0
  171. package/src/tokens/constant/color.orange.tokens.json +182 -0
  172. package/src/tokens/constant/color.purple.tokens.json +182 -0
  173. package/src/tokens/constant/color.red.tokens.json +182 -0
  174. package/src/tokens/constant/color.theme.tokens.json +1168 -0
  175. package/src/tokens/deprecated/deprecated.color.tokens.json +134 -1340
  176. package/src/utils/constants.js +9 -0
  177. package/src/vendor/bootstrap-vue/src/components/button/button-close.js +4 -5
  178. package/src/vendor/bootstrap-vue/src/components/button/button.js +7 -8
  179. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-divider.js +1 -2
  180. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-form.js +2 -8
  181. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-group.js +6 -7
  182. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-header.js +3 -4
  183. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item-button.js +6 -12
  184. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-item.js +2 -3
  185. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown-text.js +3 -4
  186. package/src/vendor/bootstrap-vue/src/components/dropdown/dropdown.js +19 -26
  187. package/src/vendor/bootstrap-vue/src/components/form/form-text.js +4 -6
  188. package/src/vendor/bootstrap-vue/src/components/form/form.js +4 -6
  189. package/src/vendor/bootstrap-vue/src/components/form-group/form-group.js +66 -19
  190. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option-group.js +1 -2
  191. package/src/vendor/bootstrap-vue/src/components/form-select/form-select-option.js +1 -4
  192. package/src/vendor/bootstrap-vue/src/components/form-select/form-select.js +13 -14
  193. package/src/vendor/bootstrap-vue/src/components/form-textarea/form-textarea.js +5 -6
  194. package/src/vendor/bootstrap-vue/src/components/modal/modal.js +53 -62
  195. package/src/vendor/bootstrap-vue/src/components/popover/popover.js +4 -10
  196. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-busy.js +1 -2
  197. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-caption.js +2 -3
  198. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-empty.js +5 -6
  199. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-filtering.js +5 -13
  200. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-items.js +12 -21
  201. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-pagination.js +2 -3
  202. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-provider.js +5 -11
  203. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-selectable.js +4 -5
  204. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-sorting.js +14 -21
  205. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-stacked.js +1 -2
  206. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-table-renderer.js +14 -20
  207. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody-row.js +3 -9
  208. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tbody.js +1 -2
  209. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-tfoot.js +5 -11
  210. package/src/vendor/bootstrap-vue/src/components/table/helpers/mixin-thead.js +4 -5
  211. package/src/vendor/bootstrap-vue/src/components/table/tbody.js +2 -3
  212. package/src/vendor/bootstrap-vue/src/components/table/td.js +5 -6
  213. package/src/vendor/bootstrap-vue/src/components/table/tfoot.js +1 -2
  214. package/src/vendor/bootstrap-vue/src/components/table/thead.js +1 -2
  215. package/src/vendor/bootstrap-vue/src/components/table/tr.js +1 -2
  216. package/src/vendor/bootstrap-vue/src/components/tabs/tab.js +10 -16
  217. package/src/vendor/bootstrap-vue/src/components/tabs/tabs.js +33 -39
  218. package/src/vendor/bootstrap-vue/src/components/tooltip/tooltip.js +17 -25
  219. package/src/vendor/bootstrap-vue/src/components/transition/bv-transition.js +4 -5
  220. package/src/vendor/bootstrap-vue/src/components/transporter/transporter.js +4 -10
  221. package/src/vendor/bootstrap-vue/src/mixins/dropdown.js +9 -15
  222. package/src/vendor/bootstrap-vue/src/mixins/form-control.js +6 -7
  223. package/src/vendor/bootstrap-vue/src/mixins/form-custom.js +1 -2
  224. package/src/vendor/bootstrap-vue/src/mixins/form-options.js +5 -6
  225. package/src/vendor/bootstrap-vue/src/mixins/form-size.js +1 -2
  226. package/src/vendor/bootstrap-vue/src/mixins/form-state.js +1 -2
  227. package/src/vendor/bootstrap-vue/src/mixins/form-text.js +21 -33
  228. package/src/vendor/bootstrap-vue/src/mixins/id.js +1 -2
  229. package/dist/vendor/bootstrap-vue/src/mixins/model.js +0 -10
  230. package/dist/vendor/bootstrap-vue/src/utils/model.js +0 -33
  231. package/src/tokens/constant/color.tokens.json +0 -3422
  232. package/src/vendor/bootstrap-vue/src/mixins/model.js +0 -5
  233. package/src/vendor/bootstrap-vue/src/utils/model.js +0 -29
@@ -0,0 +1,894 @@
1
+ {
2
+ "color": {
3
+ "data-green": {
4
+ "50": {
5
+ "$value": {
6
+ "colorSpace": "srgb",
7
+ "components": [
8
+ 0.8666666666666667,
9
+ 0.9803921568627451,
10
+ 0.7176470588235294
11
+ ],
12
+ "alpha": 1,
13
+ "hex": "#ddfab7"
14
+ },
15
+ "$type": "color",
16
+ "$extensions": {
17
+ "com.figma.scopes": []
18
+ }
19
+ },
20
+ "100": {
21
+ "$value": {
22
+ "colorSpace": "srgb",
23
+ "components": [
24
+ 0.7764705882352941,
25
+ 0.9294117647058824,
26
+ 0.5803921568627451
27
+ ],
28
+ "alpha": 1,
29
+ "hex": "#c6ed94"
30
+ },
31
+ "$type": "color",
32
+ "$extensions": {
33
+ "com.figma.scopes": []
34
+ }
35
+ },
36
+ "200": {
37
+ "$value": {
38
+ "colorSpace": "srgb",
39
+ "components": [
40
+ 0.6901960784313725,
41
+ 0.8509803921568627,
42
+ 0.4823529411764706
43
+ ],
44
+ "alpha": 1,
45
+ "hex": "#b0d97b"
46
+ },
47
+ "$type": "color",
48
+ "$extensions": {
49
+ "com.figma.scopes": []
50
+ }
51
+ },
52
+ "300": {
53
+ "$value": {
54
+ "colorSpace": "srgb",
55
+ "components": [
56
+ 0.5803921568627451,
57
+ 0.7607843137254902,
58
+ 0.3686274509803922
59
+ ],
60
+ "alpha": 1,
61
+ "hex": "#94c25e"
62
+ },
63
+ "$type": "color",
64
+ "$extensions": {
65
+ "com.figma.scopes": []
66
+ }
67
+ },
68
+ "400": {
69
+ "$value": {
70
+ "colorSpace": "srgb",
71
+ "components": [
72
+ 0.5058823529411764,
73
+ 0.6745098039215687,
74
+ 0.2549019607843137
75
+ ],
76
+ "alpha": 1,
77
+ "hex": "#81ac41"
78
+ },
79
+ "$type": "color",
80
+ "$extensions": {
81
+ "com.figma.scopes": []
82
+ }
83
+ },
84
+ "500": {
85
+ "$value": {
86
+ "colorSpace": "srgb",
87
+ "components": [
88
+ 0.3803921568627451,
89
+ 0.5647058823529412,
90
+ 0.1450980392156863
91
+ ],
92
+ "alpha": 1,
93
+ "hex": "#619025"
94
+ },
95
+ "$type": "color",
96
+ "$extensions": {
97
+ "com.figma.scopes": []
98
+ }
99
+ },
100
+ "600": {
101
+ "$value": {
102
+ "colorSpace": "srgb",
103
+ "components": [
104
+ 0.3058823529411765,
105
+ 0.4980392156862745,
106
+ 0.054901960784313725
107
+ ],
108
+ "alpha": 1,
109
+ "hex": "#4e7f0e"
110
+ },
111
+ "$type": "color",
112
+ "$extensions": {
113
+ "com.figma.scopes": []
114
+ }
115
+ },
116
+ "700": {
117
+ "$value": {
118
+ "colorSpace": "srgb",
119
+ "components": [
120
+ 0.21176470588235294,
121
+ 0.40784313725490196,
122
+ 0
123
+ ],
124
+ "alpha": 1,
125
+ "hex": "#366800"
126
+ },
127
+ "$type": "color",
128
+ "$extensions": {
129
+ "com.figma.scopes": []
130
+ }
131
+ },
132
+ "800": {
133
+ "$value": {
134
+ "colorSpace": "srgb",
135
+ "components": [
136
+ 0.15294117647058825,
137
+ 0.33725490196078434,
138
+ 0
139
+ ],
140
+ "alpha": 1,
141
+ "hex": "#275600"
142
+ },
143
+ "$type": "color",
144
+ "$extensions": {
145
+ "com.figma.scopes": []
146
+ }
147
+ },
148
+ "900": {
149
+ "$value": {
150
+ "colorSpace": "srgb",
151
+ "components": [
152
+ 0.10196078431372549,
153
+ 0.27058823529411763,
154
+ 0
155
+ ],
156
+ "alpha": 1,
157
+ "hex": "#1a4500"
158
+ },
159
+ "$type": "color",
160
+ "$extensions": {
161
+ "com.figma.scopes": []
162
+ }
163
+ },
164
+ "950": {
165
+ "$value": {
166
+ "colorSpace": "srgb",
167
+ "components": [
168
+ 0.07450980392156863,
169
+ 0.22745098039215686,
170
+ 0.011764705882352941
171
+ ],
172
+ "alpha": 1,
173
+ "hex": "#133a03"
174
+ },
175
+ "$type": "color",
176
+ "$extensions": {
177
+ "com.figma.scopes": []
178
+ }
179
+ }
180
+ },
181
+ "data-aqua": {
182
+ "50": {
183
+ "$value": {
184
+ "colorSpace": "srgb",
185
+ "components": [
186
+ 0.7098039215686275,
187
+ 0.996078431372549,
188
+ 0.9921568627450981
189
+ ],
190
+ "alpha": 1,
191
+ "hex": "#b5fefd"
192
+ },
193
+ "$type": "color",
194
+ "$extensions": {
195
+ "com.figma.scopes": []
196
+ }
197
+ },
198
+ "100": {
199
+ "$value": {
200
+ "colorSpace": "srgb",
201
+ "components": [
202
+ 0.5764705882352941,
203
+ 0.9490196078431372,
204
+ 0.9372549019607843
205
+ ],
206
+ "alpha": 1,
207
+ "hex": "#93f2ef"
208
+ },
209
+ "$type": "color",
210
+ "$extensions": {
211
+ "com.figma.scopes": []
212
+ }
213
+ },
214
+ "200": {
215
+ "$value": {
216
+ "colorSpace": "srgb",
217
+ "components": [
218
+ 0.3686274509803922,
219
+ 0.8705882352941177,
220
+ 0.8901960784313725
221
+ ],
222
+ "alpha": 1,
223
+ "hex": "#5edee3"
224
+ },
225
+ "$type": "color",
226
+ "$extensions": {
227
+ "com.figma.scopes": []
228
+ }
229
+ },
230
+ "300": {
231
+ "$value": {
232
+ "colorSpace": "srgb",
233
+ "components": [
234
+ 0.19607843137254902,
235
+ 0.7725490196078432,
236
+ 0.8235294117647058
237
+ ],
238
+ "alpha": 1,
239
+ "hex": "#32c5d2"
240
+ },
241
+ "$type": "color",
242
+ "$extensions": {
243
+ "com.figma.scopes": []
244
+ }
245
+ },
246
+ "400": {
247
+ "$value": {
248
+ "colorSpace": "srgb",
249
+ "components": [
250
+ 0,
251
+ 0.6745098039215687,
252
+ 0.7686274509803922
253
+ ],
254
+ "alpha": 1,
255
+ "hex": "#00acc4"
256
+ },
257
+ "$type": "color",
258
+ "$extensions": {
259
+ "com.figma.scopes": []
260
+ }
261
+ },
262
+ "500": {
263
+ "$value": {
264
+ "colorSpace": "srgb",
265
+ "components": [
266
+ 0,
267
+ 0.5647058823529412,
268
+ 0.6941176470588235
269
+ ],
270
+ "alpha": 1,
271
+ "hex": "#0090b1"
272
+ },
273
+ "$type": "color",
274
+ "$extensions": {
275
+ "com.figma.scopes": []
276
+ }
277
+ },
278
+ "600": {
279
+ "$value": {
280
+ "colorSpace": "srgb",
281
+ "components": [
282
+ 0,
283
+ 0.4823529411764706,
284
+ 0.6078431372549019
285
+ ],
286
+ "alpha": 1,
287
+ "hex": "#007b9b"
288
+ },
289
+ "$type": "color",
290
+ "$extensions": {
291
+ "com.figma.scopes": []
292
+ }
293
+ },
294
+ "700": {
295
+ "$value": {
296
+ "colorSpace": "srgb",
297
+ "components": [
298
+ 0,
299
+ 0.38823529411764707,
300
+ 0.5058823529411764
301
+ ],
302
+ "alpha": 1,
303
+ "hex": "#006381"
304
+ },
305
+ "$type": "color",
306
+ "$extensions": {
307
+ "com.figma.scopes": []
308
+ }
309
+ },
310
+ "800": {
311
+ "$value": {
312
+ "colorSpace": "srgb",
313
+ "components": [
314
+ 0,
315
+ 0.3176470588235294,
316
+ 0.4235294117647059
317
+ ],
318
+ "alpha": 1,
319
+ "hex": "#00516c"
320
+ },
321
+ "$type": "color",
322
+ "$extensions": {
323
+ "com.figma.scopes": []
324
+ }
325
+ },
326
+ "900": {
327
+ "$value": {
328
+ "colorSpace": "srgb",
329
+ "components": [
330
+ 0,
331
+ 0.25098039215686274,
332
+ 0.34901960784313724
333
+ ],
334
+ "alpha": 1,
335
+ "hex": "#004059"
336
+ },
337
+ "$type": "color",
338
+ "$extensions": {
339
+ "com.figma.scopes": []
340
+ }
341
+ },
342
+ "950": {
343
+ "$value": {
344
+ "colorSpace": "srgb",
345
+ "components": [
346
+ 0,
347
+ 0.20392156862745098,
348
+ 0.29411764705882354
349
+ ],
350
+ "alpha": 1,
351
+ "hex": "#00344b"
352
+ },
353
+ "$type": "color",
354
+ "$extensions": {
355
+ "com.figma.scopes": []
356
+ }
357
+ }
358
+ },
359
+ "data-blue": {
360
+ "50": {
361
+ "$value": {
362
+ "colorSpace": "srgb",
363
+ "components": [
364
+ 0.9137254901960784,
365
+ 0.9215686274509803,
366
+ 1
367
+ ],
368
+ "alpha": 1,
369
+ "hex": "#e9ebff"
370
+ },
371
+ "$type": "color",
372
+ "$extensions": {
373
+ "com.figma.scopes": []
374
+ }
375
+ },
376
+ "100": {
377
+ "$value": {
378
+ "colorSpace": "srgb",
379
+ "components": [
380
+ 0.8235294117647058,
381
+ 0.8627450980392157,
382
+ 1
383
+ ],
384
+ "alpha": 1,
385
+ "hex": "#d2dcff"
386
+ },
387
+ "$type": "color",
388
+ "$extensions": {
389
+ "com.figma.scopes": []
390
+ }
391
+ },
392
+ "200": {
393
+ "$value": {
394
+ "colorSpace": "srgb",
395
+ "components": [
396
+ 0.7176470588235294,
397
+ 0.7764705882352941,
398
+ 1
399
+ ],
400
+ "alpha": 1,
401
+ "hex": "#b7c6ff"
402
+ },
403
+ "$type": "color",
404
+ "$extensions": {
405
+ "com.figma.scopes": []
406
+ }
407
+ },
408
+ "300": {
409
+ "$value": {
410
+ "colorSpace": "srgb",
411
+ "components": [
412
+ 0.592156862745098,
413
+ 0.6745098039215687,
414
+ 1
415
+ ],
416
+ "alpha": 1,
417
+ "hex": "#97acff"
418
+ },
419
+ "$type": "color",
420
+ "$extensions": {
421
+ "com.figma.scopes": []
422
+ }
423
+ },
424
+ "400": {
425
+ "$value": {
426
+ "colorSpace": "srgb",
427
+ "components": [
428
+ 0.4745098039215686,
429
+ 0.5725490196078431,
430
+ 0.9607843137254902
431
+ ],
432
+ "alpha": 1,
433
+ "hex": "#7992f5"
434
+ },
435
+ "$type": "color",
436
+ "$extensions": {
437
+ "com.figma.scopes": []
438
+ }
439
+ },
440
+ "500": {
441
+ "$value": {
442
+ "colorSpace": "srgb",
443
+ "components": [
444
+ 0.3803921568627451,
445
+ 0.47843137254901963,
446
+ 0.8862745098039215
447
+ ],
448
+ "alpha": 1,
449
+ "hex": "#617ae2"
450
+ },
451
+ "$type": "color",
452
+ "$extensions": {
453
+ "com.figma.scopes": []
454
+ }
455
+ },
456
+ "600": {
457
+ "$value": {
458
+ "colorSpace": "srgb",
459
+ "components": [
460
+ 0.3058823529411765,
461
+ 0.396078431372549,
462
+ 0.803921568627451
463
+ ],
464
+ "alpha": 1,
465
+ "hex": "#4e65cd"
466
+ },
467
+ "$type": "color",
468
+ "$extensions": {
469
+ "com.figma.scopes": []
470
+ }
471
+ },
472
+ "700": {
473
+ "$value": {
474
+ "colorSpace": "srgb",
475
+ "components": [
476
+ 0.24705882352941178,
477
+ 0.3176470588235294,
478
+ 0.6823529411764706
479
+ ],
480
+ "alpha": 1,
481
+ "hex": "#3f51ae"
482
+ },
483
+ "$type": "color",
484
+ "$extensions": {
485
+ "com.figma.scopes": []
486
+ }
487
+ },
488
+ "800": {
489
+ "$value": {
490
+ "colorSpace": "srgb",
491
+ "components": [
492
+ 0.21568627450980393,
493
+ 0.25882352941176473,
494
+ 0.5686274509803921
495
+ ],
496
+ "alpha": 1,
497
+ "hex": "#374291"
498
+ },
499
+ "$type": "color",
500
+ "$extensions": {
501
+ "com.figma.scopes": []
502
+ }
503
+ },
504
+ "900": {
505
+ "$value": {
506
+ "colorSpace": "srgb",
507
+ "components": [
508
+ 0.18823529411764706,
509
+ 0.20392156862745098,
510
+ 0.4392156862745098
511
+ ],
512
+ "alpha": 1,
513
+ "hex": "#303470"
514
+ },
515
+ "$type": "color",
516
+ "$extensions": {
517
+ "com.figma.scopes": []
518
+ }
519
+ },
520
+ "950": {
521
+ "$value": {
522
+ "colorSpace": "srgb",
523
+ "components": [
524
+ 0.16470588235294117,
525
+ 0.16862745098039217,
526
+ 0.34901960784313724
527
+ ],
528
+ "alpha": 1,
529
+ "hex": "#2a2b59"
530
+ },
531
+ "$type": "color",
532
+ "$extensions": {
533
+ "com.figma.scopes": []
534
+ }
535
+ }
536
+ },
537
+ "data-magenta": {
538
+ "50": {
539
+ "$value": {
540
+ "colorSpace": "srgb",
541
+ "components": [
542
+ 1,
543
+ 0.8901960784313725,
544
+ 0.9215686274509803
545
+ ],
546
+ "alpha": 1,
547
+ "hex": "#ffe3eb"
548
+ },
549
+ "$type": "color",
550
+ "$extensions": {
551
+ "com.figma.scopes": []
552
+ }
553
+ },
554
+ "100": {
555
+ "$value": {
556
+ "colorSpace": "srgb",
557
+ "components": [
558
+ 1,
559
+ 0.8,
560
+ 0.8588235294117647
561
+ ],
562
+ "alpha": 1,
563
+ "hex": "#ffccdb"
564
+ },
565
+ "$type": "color",
566
+ "$extensions": {
567
+ "com.figma.scopes": []
568
+ }
569
+ },
570
+ "200": {
571
+ "$value": {
572
+ "colorSpace": "srgb",
573
+ "components": [
574
+ 0.9882352941176471,
575
+ 0.6745098039215687,
576
+ 0.7725490196078432
577
+ ],
578
+ "alpha": 1,
579
+ "hex": "#fcacc5"
580
+ },
581
+ "$type": "color",
582
+ "$extensions": {
583
+ "com.figma.scopes": []
584
+ }
585
+ },
586
+ "300": {
587
+ "$value": {
588
+ "colorSpace": "srgb",
589
+ "components": [
590
+ 0.9725490196078431,
591
+ 0.5411764705882353,
592
+ 0.6862745098039216
593
+ ],
594
+ "alpha": 1,
595
+ "hex": "#f88aaf"
596
+ },
597
+ "$type": "color",
598
+ "$extensions": {
599
+ "com.figma.scopes": []
600
+ }
601
+ },
602
+ "400": {
603
+ "$value": {
604
+ "colorSpace": "srgb",
605
+ "components": [
606
+ 0.9098039215686274,
607
+ 0.43137254901960786,
608
+ 0.6039215686274509
609
+ ],
610
+ "alpha": 1,
611
+ "hex": "#e86e9a"
612
+ },
613
+ "$type": "color",
614
+ "$extensions": {
615
+ "com.figma.scopes": []
616
+ }
617
+ },
618
+ "500": {
619
+ "$value": {
620
+ "colorSpace": "srgb",
621
+ "components": [
622
+ 0.8117647058823529,
623
+ 0.30196078431372547,
624
+ 0.5058823529411764
625
+ ],
626
+ "alpha": 1,
627
+ "hex": "#cf4d81"
628
+ },
629
+ "$type": "color",
630
+ "$extensions": {
631
+ "com.figma.scopes": []
632
+ }
633
+ },
634
+ "600": {
635
+ "$value": {
636
+ "colorSpace": "srgb",
637
+ "components": [
638
+ 0.7254901960784313,
639
+ 0.23921568627450981,
640
+ 0.44313725490196076
641
+ ],
642
+ "alpha": 1,
643
+ "hex": "#b93d71"
644
+ },
645
+ "$type": "color",
646
+ "$extensions": {
647
+ "com.figma.scopes": []
648
+ }
649
+ },
650
+ "700": {
651
+ "$value": {
652
+ "colorSpace": "srgb",
653
+ "components": [
654
+ 0.6039215686274509,
655
+ 0.1803921568627451,
656
+ 0.36470588235294116
657
+ ],
658
+ "alpha": 1,
659
+ "hex": "#9a2e5d"
660
+ },
661
+ "$type": "color",
662
+ "$extensions": {
663
+ "com.figma.scopes": []
664
+ }
665
+ },
666
+ "800": {
667
+ "$value": {
668
+ "colorSpace": "srgb",
669
+ "components": [
670
+ 0.48627450980392156,
671
+ 0.12941176470588237,
672
+ 0.30980392156862746
673
+ ],
674
+ "alpha": 1,
675
+ "hex": "#7c214f"
676
+ },
677
+ "$type": "color",
678
+ "$extensions": {
679
+ "com.figma.scopes": []
680
+ }
681
+ },
682
+ "900": {
683
+ "$value": {
684
+ "colorSpace": "srgb",
685
+ "components": [
686
+ 0.4,
687
+ 0.11764705882352941,
688
+ 0.22745098039215686
689
+ ],
690
+ "alpha": 1,
691
+ "hex": "#661e3a"
692
+ },
693
+ "$type": "color",
694
+ "$extensions": {
695
+ "com.figma.scopes": []
696
+ }
697
+ },
698
+ "950": {
699
+ "$value": {
700
+ "colorSpace": "srgb",
701
+ "components": [
702
+ 0.32941176470588235,
703
+ 0.11372549019607843,
704
+ 0.19215686274509805
705
+ ],
706
+ "alpha": 1,
707
+ "hex": "#541d31"
708
+ },
709
+ "$type": "color",
710
+ "$extensions": {
711
+ "com.figma.scopes": []
712
+ }
713
+ }
714
+ },
715
+ "data-orange": {
716
+ "50": {
717
+ "$value": {
718
+ "colorSpace": "srgb",
719
+ "components": [
720
+ 0.9803921568627451,
721
+ 0.9098039215686274,
722
+ 0.8196078431372549
723
+ ],
724
+ "alpha": 1,
725
+ "hex": "#fae8d1"
726
+ },
727
+ "$type": "color",
728
+ "$extensions": {
729
+ "com.figma.scopes": []
730
+ }
731
+ },
732
+ "100": {
733
+ "$value": {
734
+ "colorSpace": "srgb",
735
+ "components": [
736
+ 0.9607843137254902,
737
+ 0.8392156862745098,
738
+ 0.7019607843137254
739
+ ],
740
+ "alpha": 1,
741
+ "hex": "#f5d6b3"
742
+ },
743
+ "$type": "color",
744
+ "$extensions": {
745
+ "com.figma.scopes": []
746
+ }
747
+ },
748
+ "200": {
749
+ "$value": {
750
+ "colorSpace": "srgb",
751
+ "components": [
752
+ 0.9333333333333333,
753
+ 0.7411764705882353,
754
+ 0.5490196078431373
755
+ ],
756
+ "alpha": 1,
757
+ "hex": "#eebd8c"
758
+ },
759
+ "$type": "color",
760
+ "$extensions": {
761
+ "com.figma.scopes": []
762
+ }
763
+ },
764
+ "300": {
765
+ "$value": {
766
+ "colorSpace": "srgb",
767
+ "components": [
768
+ 0.9137254901960784,
769
+ 0.6078431372549019,
770
+ 0.3764705882352941
771
+ ],
772
+ "alpha": 1,
773
+ "hex": "#e99b60"
774
+ },
775
+ "$type": "color",
776
+ "$extensions": {
777
+ "com.figma.scopes": []
778
+ }
779
+ },
780
+ "400": {
781
+ "$value": {
782
+ "colorSpace": "srgb",
783
+ "components": [
784
+ 0.8784313725490196,
785
+ 0.49411764705882355,
786
+ 0.2549019607843137
787
+ ],
788
+ "alpha": 1,
789
+ "hex": "#e07e41"
790
+ },
791
+ "$type": "color",
792
+ "$extensions": {
793
+ "com.figma.scopes": []
794
+ }
795
+ },
796
+ "500": {
797
+ "$value": {
798
+ "colorSpace": "srgb",
799
+ "components": [
800
+ 0.788235294117647,
801
+ 0.36470588235294116,
802
+ 0.1803921568627451
803
+ ],
804
+ "alpha": 1,
805
+ "hex": "#c95d2e"
806
+ },
807
+ "$type": "color",
808
+ "$extensions": {
809
+ "com.figma.scopes": []
810
+ }
811
+ },
812
+ "600": {
813
+ "$value": {
814
+ "colorSpace": "srgb",
815
+ "components": [
816
+ 0.6941176470588235,
817
+ 0.30980392156862746,
818
+ 0.09411764705882353
819
+ ],
820
+ "alpha": 1,
821
+ "hex": "#b14f18"
822
+ },
823
+ "$type": "color",
824
+ "$extensions": {
825
+ "com.figma.scopes": []
826
+ }
827
+ },
828
+ "700": {
829
+ "$value": {
830
+ "colorSpace": "srgb",
831
+ "components": [
832
+ 0.5725490196078431,
833
+ 0.2627450980392157,
834
+ 0.0392156862745098
835
+ ],
836
+ "alpha": 1,
837
+ "hex": "#92430a"
838
+ },
839
+ "$type": "color",
840
+ "$extensions": {
841
+ "com.figma.scopes": []
842
+ }
843
+ },
844
+ "800": {
845
+ "$value": {
846
+ "colorSpace": "srgb",
847
+ "components": [
848
+ 0.43529411764705883,
849
+ 0.20784313725490197,
850
+ 0
851
+ ],
852
+ "alpha": 1,
853
+ "hex": "#6f3500"
854
+ },
855
+ "$type": "color",
856
+ "$extensions": {
857
+ "com.figma.scopes": []
858
+ }
859
+ },
860
+ "900": {
861
+ "$value": {
862
+ "colorSpace": "srgb",
863
+ "components": [
864
+ 0.3686274509803922,
865
+ 0.1843137254901961,
866
+ 0.0196078431372549
867
+ ],
868
+ "alpha": 1,
869
+ "hex": "#5e2f05"
870
+ },
871
+ "$type": "color",
872
+ "$extensions": {
873
+ "com.figma.scopes": []
874
+ }
875
+ },
876
+ "950": {
877
+ "$value": {
878
+ "colorSpace": "srgb",
879
+ "components": [
880
+ 0.29411764705882354,
881
+ 0.15294117647058825,
882
+ 0.027450980392156862
883
+ ],
884
+ "alpha": 1,
885
+ "hex": "#4b2707"
886
+ },
887
+ "$type": "color",
888
+ "$extensions": {
889
+ "com.figma.scopes": []
890
+ }
891
+ }
892
+ }
893
+ }
894
+ }