@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
@@ -2,417 +2,86 @@
2
2
  * Do not edit directly, this file was auto-generated.
3
3
  */
4
4
 
5
- const baseColors = {
6
- 'blue-50': 'var(--blue-50, #e9f3fc)',
7
- 'blue-100': 'var(--blue-100, #cbe2f9)',
8
- 'blue-200': 'var(--blue-200, #9dc7f1)',
9
- 'blue-300': 'var(--blue-300, #63a6e9)',
10
- 'blue-400': 'var(--blue-400, #428fdc)',
11
- 'blue-500': 'var(--blue-500, #1f75cb)',
12
- 'blue-600': 'var(--blue-600, #2f68b4)',
13
- 'blue-700': 'var(--blue-700, #2f5ca0)',
14
- 'blue-800': 'var(--blue-800, #284779)',
15
- 'blue-900': 'var(--blue-900, #213454)',
16
- 'blue-950': 'var(--blue-950, #1d283e)',
17
- 'gray-10': 'var(--gray-10, #fbfafd)',
18
- 'gray-50': 'var(--gray-50, #ececef)',
19
- 'gray-100': 'var(--gray-100, #dcdcde)',
20
- 'gray-200': 'var(--gray-200, #bfbfc3)',
21
- 'gray-300': 'var(--gray-300, #a4a3a8)',
22
- 'gray-400': 'var(--gray-400, #89888d)',
23
- 'gray-500': 'var(--gray-500, #737278)',
24
- 'gray-600': 'var(--gray-600, #626168)',
25
- 'gray-700': 'var(--gray-700, #4c4b51)',
26
- 'gray-800': 'var(--gray-800, #3a383f)',
27
- 'gray-900': 'var(--gray-900, #28272d)',
28
- 'gray-950': 'var(--gray-950, #18171d)',
29
- 'green-50': 'var(--green-50, #ecf4ee)',
30
- 'green-100': 'var(--green-100, #c3e6cd)',
31
- 'green-200': 'var(--green-200, #91d4a8)',
32
- 'green-300': 'var(--green-300, #52b87a)',
33
- 'green-400': 'var(--green-400, #2da160)',
34
- 'green-500': 'var(--green-500, #108548)',
35
- 'green-600': 'var(--green-600, #2f7549)',
36
- 'green-700': 'var(--green-700, #306440)',
37
- 'green-800': 'var(--green-800, #225131)',
38
- 'green-900': 'var(--green-900, #1e3e28)',
39
- 'green-950': 'var(--green-950, #17291c)',
40
- 'orange-50': 'var(--orange-50, #fdf1dd)',
41
- 'orange-100': 'var(--orange-100, #f5d9a8)',
42
- 'orange-200': 'var(--orange-200, #e9be74)',
43
- 'orange-300': 'var(--orange-300, #d99530)',
44
- 'orange-400': 'var(--orange-400, #c17d10)',
45
- 'orange-500': 'var(--orange-500, #ab6100)',
46
- 'orange-600': 'var(--orange-600, #995715)',
47
- 'orange-700': 'var(--orange-700, #894b16)',
48
- 'orange-800': 'var(--orange-800, #693c14)',
49
- 'orange-900': 'var(--orange-900, #532e16)',
50
- 'orange-950': 'var(--orange-950, #382315)',
51
- 'purple-50': 'var(--purple-50, #f4f0ff)',
52
- 'purple-100': 'var(--purple-100, #e1d8f9)',
53
- 'purple-200': 'var(--purple-200, #cbbbf2)',
54
- 'purple-300': 'var(--purple-300, #ac93e6)',
55
- 'purple-400': 'var(--purple-400, #9475db)',
56
- 'purple-500': 'var(--purple-500, #7b58cf)',
57
- 'purple-600': 'var(--purple-600, #6a4fb4)',
58
- 'purple-700': 'var(--purple-700, #5c47a6)',
59
- 'purple-800': 'var(--purple-800, #493c83)',
60
- 'purple-900': 'var(--purple-900, #342d59)',
61
- 'purple-950': 'var(--purple-950, #27243e)',
62
- 'red-50': 'var(--red-50, #fcf1ef)',
63
- 'red-100': 'var(--red-100, #fdd4cd)',
64
- 'red-200': 'var(--red-200, #fcb5aa)',
65
- 'red-300': 'var(--red-300, #f57f6c)',
66
- 'red-400': 'var(--red-400, #ec5941)',
67
- 'red-500': 'var(--red-500, #dd2b0e)',
68
- 'red-600': 'var(--red-600, #c02f12)',
69
- 'red-700': 'var(--red-700, #a32c12)',
70
- 'red-800': 'var(--red-800, #812713)',
71
- 'red-900': 'var(--red-900, #582014)',
72
- 'red-950': 'var(--red-950, #3e1a14)',
73
- };
74
- const themeColors = {
75
- 'theme-indigo-10': 'var(--theme-indigo-10, #f8f8ff)',
76
- 'theme-indigo-50': 'var(--theme-indigo-50, #f1f1ff)',
77
- 'theme-indigo-100': 'var(--theme-indigo-100, #dbdbf8)',
78
- 'theme-indigo-200': 'var(--theme-indigo-200, #c7c7f2)',
79
- 'theme-indigo-300': 'var(--theme-indigo-300, #a2a2e6)',
80
- 'theme-indigo-400': 'var(--theme-indigo-400, #8181d7)',
81
- 'theme-indigo-500': 'var(--theme-indigo-500, #6666c4)',
82
- 'theme-indigo-600': 'var(--theme-indigo-600, #5252b5)',
83
- 'theme-indigo-700': 'var(--theme-indigo-700, #41419f)',
84
- 'theme-indigo-800': 'var(--theme-indigo-800, #303083)',
85
- 'theme-indigo-900': 'var(--theme-indigo-900, #222261)',
86
- 'theme-indigo-950': 'var(--theme-indigo-950, #14143d)',
87
- 'theme-blue-10': 'var(--theme-blue-10, #e6ecf0)',
88
- 'theme-blue-50': 'var(--theme-blue-50, #cdd8e3)',
89
- 'theme-blue-100': 'var(--theme-blue-100, #b9cadc)',
90
- 'theme-blue-200': 'var(--theme-blue-200, #a6bdd5)',
91
- 'theme-blue-300': 'var(--theme-blue-300, #81a5c9)',
92
- 'theme-blue-400': 'var(--theme-blue-400, #628eb9)',
93
- 'theme-blue-500': 'var(--theme-blue-500, #4977a5)',
94
- 'theme-blue-600': 'var(--theme-blue-600, #346596)',
95
- 'theme-blue-700': 'var(--theme-blue-700, #235180)',
96
- 'theme-blue-800': 'var(--theme-blue-800, #153c63)',
97
- 'theme-blue-900': 'var(--theme-blue-900, #0b2640)',
98
- 'theme-blue-950': 'var(--theme-blue-950, #04101c)',
99
- 'theme-light-blue-10': 'var(--theme-light-blue-10, #eef3f7)',
100
- 'theme-light-blue-50': 'var(--theme-light-blue-50, #dde6ee)',
101
- 'theme-light-blue-100': 'var(--theme-light-blue-100, #c1d4e6)',
102
- 'theme-light-blue-200': 'var(--theme-light-blue-200, #a0bedc)',
103
- 'theme-light-blue-300': 'var(--theme-light-blue-300, #74a3d3)',
104
- 'theme-light-blue-400': 'var(--theme-light-blue-400, #4f8bc7)',
105
- 'theme-light-blue-500': 'var(--theme-light-blue-500, #3476b9)',
106
- 'theme-light-blue-600': 'var(--theme-light-blue-600, #2268ae)',
107
- 'theme-light-blue-700': 'var(--theme-light-blue-700, #145aa1)',
108
- 'theme-light-blue-800': 'var(--theme-light-blue-800, #0e4d8d)',
109
- 'theme-light-blue-900': 'var(--theme-light-blue-900, #0c4277)',
110
- 'theme-light-blue-950': 'var(--theme-light-blue-950, #0a3764)',
111
- 'theme-green-10': 'var(--theme-green-10, #eef4ef)',
112
- 'theme-green-50': 'var(--theme-green-50, #dde9de)',
113
- 'theme-green-100': 'var(--theme-green-100, #b1d6b5)',
114
- 'theme-green-200': 'var(--theme-green-200, #8cc497)',
115
- 'theme-green-300': 'var(--theme-green-300, #69af7d)',
116
- 'theme-green-400': 'var(--theme-green-400, #499767)',
117
- 'theme-green-500': 'var(--theme-green-500, #308258)',
118
- 'theme-green-600': 'var(--theme-green-600, #25744c)',
119
- 'theme-green-700': 'var(--theme-green-700, #1b653f)',
120
- 'theme-green-800': 'var(--theme-green-800, #155635)',
121
- 'theme-green-900': 'var(--theme-green-900, #0e4328)',
122
- 'theme-green-950': 'var(--theme-green-950, #052e19)',
123
- 'theme-red-10': 'var(--theme-red-10, #faf4f3)',
124
- 'theme-red-50': 'var(--theme-red-50, #f4e9e7)',
125
- 'theme-red-100': 'var(--theme-red-100, #ecd3d0)',
126
- 'theme-red-200': 'var(--theme-red-200, #e3bab5)',
127
- 'theme-red-300': 'var(--theme-red-300, #d59086)',
128
- 'theme-red-400': 'var(--theme-red-400, #c66e60)',
129
- 'theme-red-500': 'var(--theme-red-500, #ad4a3b)',
130
- 'theme-red-600': 'var(--theme-red-600, #a13322)',
131
- 'theme-red-700': 'var(--theme-red-700, #8f2110)',
132
- 'theme-red-800': 'var(--theme-red-800, #761405)',
133
- 'theme-red-900': 'var(--theme-red-900, #580d02)',
134
- 'theme-red-950': 'var(--theme-red-950, #380700)',
135
- 'theme-light-red-10': 'var(--theme-light-red-10, #fdf9f8)',
136
- 'theme-light-red-50': 'var(--theme-light-red-50, #faf2f1)',
137
- 'theme-light-red-100': 'var(--theme-light-red-100, #f6d9d5)',
138
- 'theme-light-red-200': 'var(--theme-light-red-200, #ebada2)',
139
- 'theme-light-red-300': 'var(--theme-light-red-300, #e07f6f)',
140
- 'theme-light-red-400': 'var(--theme-light-red-400, #d36250)',
141
- 'theme-light-red-500': 'var(--theme-light-red-500, #c24b38)',
142
- 'theme-light-red-600': 'var(--theme-light-red-600, #b53a26)',
143
- 'theme-light-red-700': 'var(--theme-light-red-700, #a02e1c)',
144
- 'theme-light-red-800': 'var(--theme-light-red-800, #8b2212)',
145
- 'theme-light-red-900': 'var(--theme-light-red-900, #751709)',
146
- 'theme-light-red-950': 'var(--theme-light-red-950, #5c1105)',
147
- };
148
- const dataVizColors = {
149
- 'data-viz-green-50': 'var(--data-viz-green-50, #ddfab7)',
150
- 'data-viz-green-100': 'var(--data-viz-green-100, #c6ed94)',
151
- 'data-viz-green-200': 'var(--data-viz-green-200, #b0d97b)',
152
- 'data-viz-green-300': 'var(--data-viz-green-300, #94c25e)',
153
- 'data-viz-green-400': 'var(--data-viz-green-400, #81ac41)',
154
- 'data-viz-green-500': 'var(--data-viz-green-500, #619025)',
155
- 'data-viz-green-600': 'var(--data-viz-green-600, #4e7f0e)',
156
- 'data-viz-green-700': 'var(--data-viz-green-700, #366800)',
157
- 'data-viz-green-800': 'var(--data-viz-green-800, #275600)',
158
- 'data-viz-green-900': 'var(--data-viz-green-900, #1a4500)',
159
- 'data-viz-green-950': 'var(--data-viz-green-950, #133a03)',
160
- 'data-viz-aqua-50': 'var(--data-viz-aqua-50, #b5fefd)',
161
- 'data-viz-aqua-100': 'var(--data-viz-aqua-100, #93f2ef)',
162
- 'data-viz-aqua-200': 'var(--data-viz-aqua-200, #5edee3)',
163
- 'data-viz-aqua-300': 'var(--data-viz-aqua-300, #32c5d2)',
164
- 'data-viz-aqua-400': 'var(--data-viz-aqua-400, #00acc4)',
165
- 'data-viz-aqua-500': 'var(--data-viz-aqua-500, #0090b1)',
166
- 'data-viz-aqua-600': 'var(--data-viz-aqua-600, #007b9b)',
167
- 'data-viz-aqua-700': 'var(--data-viz-aqua-700, #006381)',
168
- 'data-viz-aqua-800': 'var(--data-viz-aqua-800, #00516c)',
169
- 'data-viz-aqua-900': 'var(--data-viz-aqua-900, #004059)',
170
- 'data-viz-aqua-950': 'var(--data-viz-aqua-950, #00344b)',
171
- 'data-viz-blue-50': 'var(--data-viz-blue-50, #e9ebff)',
172
- 'data-viz-blue-100': 'var(--data-viz-blue-100, #d2dcff)',
173
- 'data-viz-blue-200': 'var(--data-viz-blue-200, #b7c6ff)',
174
- 'data-viz-blue-300': 'var(--data-viz-blue-300, #97acff)',
175
- 'data-viz-blue-400': 'var(--data-viz-blue-400, #7992f5)',
176
- 'data-viz-blue-500': 'var(--data-viz-blue-500, #617ae2)',
177
- 'data-viz-blue-600': 'var(--data-viz-blue-600, #4e65cd)',
178
- 'data-viz-blue-700': 'var(--data-viz-blue-700, #3f51ae)',
179
- 'data-viz-blue-800': 'var(--data-viz-blue-800, #374291)',
180
- 'data-viz-blue-900': 'var(--data-viz-blue-900, #303470)',
181
- 'data-viz-blue-950': 'var(--data-viz-blue-950, #2a2b59)',
182
- 'data-viz-magenta-50': 'var(--data-viz-magenta-50, #ffe3eb)',
183
- 'data-viz-magenta-100': 'var(--data-viz-magenta-100, #ffccdb)',
184
- 'data-viz-magenta-200': 'var(--data-viz-magenta-200, #fcacc5)',
185
- 'data-viz-magenta-300': 'var(--data-viz-magenta-300, #f88aaf)',
186
- 'data-viz-magenta-400': 'var(--data-viz-magenta-400, #e86e9a)',
187
- 'data-viz-magenta-500': 'var(--data-viz-magenta-500, #cf4d81)',
188
- 'data-viz-magenta-600': 'var(--data-viz-magenta-600, #b93d71)',
189
- 'data-viz-magenta-700': 'var(--data-viz-magenta-700, #9a2e5d)',
190
- 'data-viz-magenta-800': 'var(--data-viz-magenta-800, #7c214f)',
191
- 'data-viz-magenta-900': 'var(--data-viz-magenta-900, #661e3a)',
192
- 'data-viz-magenta-950': 'var(--data-viz-magenta-950, #541d31)',
193
- 'data-viz-orange-50': 'var(--data-viz-orange-50, #fae8d1)',
194
- 'data-viz-orange-100': 'var(--data-viz-orange-100, #f5d6b3)',
195
- 'data-viz-orange-200': 'var(--data-viz-orange-200, #eebd8c)',
196
- 'data-viz-orange-300': 'var(--data-viz-orange-300, #e99b60)',
197
- 'data-viz-orange-400': 'var(--data-viz-orange-400, #e07e41)',
198
- 'data-viz-orange-500': 'var(--data-viz-orange-500, #c95d2e)',
199
- 'data-viz-orange-600': 'var(--data-viz-orange-600, #b14f18)',
200
- 'data-viz-orange-700': 'var(--data-viz-orange-700, #92430a)',
201
- 'data-viz-orange-800': 'var(--data-viz-orange-800, #6f3500)',
202
- 'data-viz-orange-900': 'var(--data-viz-orange-900, #5e2f05)',
203
- 'data-viz-orange-950': 'var(--data-viz-orange-950, #4b2707)',
204
- };
205
- const neutralColors = {
206
- 'neutral-0': 'var(--gl-color-neutral-0, #fff)',
207
- 'neutral-10': 'var(--gl-color-neutral-10, #fbfafd)',
208
- 'neutral-50': 'var(--gl-color-neutral-50, #ececef)',
209
- 'neutral-100': 'var(--gl-color-neutral-100, #dcdcde)',
210
- 'neutral-200': 'var(--gl-color-neutral-200, #bfbfc3)',
211
- 'neutral-300': 'var(--gl-color-neutral-300, #a4a3a8)',
212
- 'neutral-400': 'var(--gl-color-neutral-400, #89888d)',
213
- 'neutral-500': 'var(--gl-color-neutral-500, #737278)',
214
- 'neutral-600': 'var(--gl-color-neutral-600, #626168)',
215
- 'neutral-700': 'var(--gl-color-neutral-700, #4c4b51)',
216
- 'neutral-800': 'var(--gl-color-neutral-800, #3a383f)',
217
- 'neutral-900': 'var(--gl-color-neutral-900, #28272d)',
218
- 'neutral-950': 'var(--gl-color-neutral-950, #18171d)',
219
- 'neutral-1000': 'var(--gl-color-neutral-1000, #050506)',
220
- };
221
- const textColors = {
222
- default: 'var(--gl-text-color-default, var(--gl-color-neutral-800, #3a383f))',
223
- subtle: 'var(--gl-text-color-subtle, var(--gl-color-neutral-600, #626168))',
224
- strong: 'var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))',
225
- heading: 'var(--gl-text-color-heading, var(--gl-color-neutral-950, #18171d))',
226
- link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #2f5ca0))',
227
- warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #995715))',
228
- danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #c02f12))',
229
- success: 'var(--gl-text-color-success, var(--gl-color-green-600, #2f7549))',
230
- disabled: 'var(--gl-text-color-disabled, var(--gl-color-neutral-400, #89888d))',
231
- };
232
- const backgroundColors = {
233
- default: 'var(--gl-background-color-default, var(--gl-color-neutral-0, #fff))',
234
- subtle: 'var(--gl-background-color-subtle, var(--gl-color-neutral-10, #fbfafd))',
235
- strong: 'var(--gl-background-color-strong, var(--gl-color-neutral-50, #ececef))',
236
- disabled: 'var(--gl-background-color-disabled, var(--gl-color-neutral-10, #fbfafd))',
237
- overlap: 'var(--gl-background-color-overlap, var(--gl-color-neutral-0, #fff))',
238
- section: 'var(--gl-background-color-section, var(--gl-color-neutral-0, #fff))',
239
- overlay:
240
- 'var(--gl-background-color-overlay, var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24)))',
241
- };
242
- const borderColors = {
243
- default: 'var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde))',
244
- subtle: 'var(--gl-border-color-subtle, var(--gl-color-neutral-50, #ececef))',
245
- strong: 'var(--gl-border-color-strong, var(--gl-color-neutral-200, #bfbfc3))',
246
- section: 'var(--gl-border-color-section, var(--gl-border-color-default, #dcdcde))',
247
- transparent: 'var(--gl-border-color-transparent, var(--gl-color-alpha-0, transparent))',
248
- };
249
- const iconColors = {
250
- default: 'var(--gl-icon-color-default, var(--gl-text-color-default, #3a383f))',
251
- subtle: 'var(--gl-icon-color-subtle, var(--gl-text-color-subtle, #626168))',
252
- strong: 'var(--gl-icon-color-strong, var(--gl-text-color-strong, #18171d))',
253
- disabled: 'var(--gl-icon-color-disabled, var(--gl-text-color-disabled, #89888d))',
254
- link: 'var(--gl-icon-color-link, var(--gl-text-color-link, #2f5ca0))',
255
- info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #2f5ca0))',
256
- warning: 'var(--gl-icon-color-warning, var(--gl-text-color-warning, #995715))',
257
- danger: 'var(--gl-icon-color-danger, var(--gl-text-color-danger, #c02f12))',
258
- success: 'var(--gl-icon-color-success, var(--gl-text-color-success, #2f7549))',
259
- };
260
- const alphaDarkColors = {
261
- 2: 'var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))',
262
- 4: 'var(--gl-color-alpha-dark-4, rgba(05, 05, 06, 0.04))',
263
- 6: 'var(--gl-color-alpha-dark-6, rgba(05, 05, 06, 0.06))',
264
- 8: 'var(--gl-color-alpha-dark-8, rgba(05, 05, 06, 0.08))',
265
- 16: 'var(--gl-color-alpha-dark-16, rgba(05, 05, 06, 0.16))',
266
- 24: 'var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24))',
267
- 40: 'var(--gl-color-alpha-dark-40, rgba(05, 05, 06, 0.4))',
268
- };
269
- const alphaLightColors = {
270
- 2: 'var(--gl-color-alpha-light-2, rgba(255, 255, 255, 0.02))',
271
- 4: 'var(--gl-color-alpha-light-4, rgba(255, 255, 255, 0.04))',
272
- 6: 'var(--gl-color-alpha-light-6, rgba(255, 255, 255, 0.06))',
273
- 8: 'var(--gl-color-alpha-light-8, rgba(255, 255, 255, 0.08))',
274
- 16: 'var(--gl-color-alpha-light-16, rgba(255, 255, 255, 0.16))',
275
- 24: 'var(--gl-color-alpha-light-24, rgba(255, 255, 255, 0.24))',
276
- 36: 'var(--gl-color-alpha-light-36, rgba(255, 255, 255, 0.36))',
277
- };
278
- const brandColors = {
279
- 'brand-white': 'var(--gl-color-brand-white, #fff)',
280
- 'brand-charcoal': 'var(--gl-color-brand-charcoal, #171321)',
281
- 'brand-orange': {
282
- '01g': 'var(--gl-color-brand-orange-01g, #ffd1bf)',
283
- '01p': 'var(--gl-color-brand-orange-01p, #fca326)',
284
- '02p': 'var(--gl-color-brand-orange-02p, #fc6d26)',
285
- '03p': 'var(--gl-color-brand-orange-03p, #e24329)',
286
- },
287
- 'brand-purple': {
288
- '01g': 'var(--gl-color-brand-purple-01g, #ceb3ef)',
289
- '01p': 'var(--gl-color-brand-purple-01p, #a989f5)',
290
- '02p': 'var(--gl-color-brand-purple-02p, #7759c2)',
291
- },
292
- 'brand-gray': {
293
- '01': 'var(--gl-color-brand-gray-01, #d1d0d3)',
294
- '02': 'var(--gl-color-brand-gray-02, #a2a1a6)',
295
- '03': 'var(--gl-color-brand-gray-03, #74717a)',
296
- '04': 'var(--gl-color-brand-gray-04, #45424d)',
297
- '05': 'var(--gl-color-brand-gray-05, #2b2838)',
298
- },
299
- 'brand-pink': { '01g': 'var(--gl-color-brand-pink-01g, #ffb9c9)' },
300
- };
301
- const statusBackgroundColors = {
302
- 'status-neutral':
303
- 'var(--gl-status-neutral-background-color, var(--gl-color-neutral-100, #dcdcde))',
304
- 'status-info': 'var(--gl-status-info-background-color, var(--gl-color-blue-100, #cbe2f9))',
305
- 'status-success': 'var(--gl-status-success-background-color, var(--gl-color-green-100, #c3e6cd))',
306
- 'status-warning':
307
- 'var(--gl-status-warning-background-color, var(--gl-color-orange-100, #f5d9a8))',
308
- 'status-danger': 'var(--gl-status-danger-background-color, var(--gl-color-red-100, #fdd4cd))',
309
- 'status-brand': 'var(--gl-status-brand-background-color, var(--gl-color-purple-100, #e1d8f9))',
310
- };
311
- const statusTextColors = {
312
- 'status-neutral': 'var(--gl-status-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
313
- 'status-info': 'var(--gl-status-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
314
- 'status-success': 'var(--gl-status-success-text-color, var(--gl-color-green-700, #306440))',
315
- 'status-warning': 'var(--gl-status-warning-text-color, var(--gl-color-orange-700, #894b16))',
316
- 'status-danger': 'var(--gl-status-danger-text-color, var(--gl-color-red-700, #a32c12))',
317
- 'status-brand': 'var(--gl-status-brand-text-color, var(--gl-color-purple-700, #5c47a6))',
318
- };
319
- const statusIconColors = {
320
- 'status-neutral': 'var(--gl-status-neutral-icon-color, var(--gl-color-neutral-500, #737278))',
321
- 'status-info': 'var(--gl-status-info-icon-color, var(--gl-color-blue-500, #1f75cb))',
322
- 'status-success': 'var(--gl-status-success-icon-color, var(--gl-color-green-500, #108548))',
323
- 'status-warning': 'var(--gl-status-warning-icon-color, var(--gl-color-orange-500, #ab6100))',
324
- 'status-danger': 'var(--gl-status-danger-icon-color, var(--gl-color-red-500, #dd2b0e))',
325
- 'status-brand': 'var(--gl-status-brand-icon-color, var(--gl-color-purple-500, #7b58cf))',
326
- };
327
- const feedbackBackgroundColors = {
328
- 'feedback-strong':
329
- 'var(--gl-feedback-strong-background-color, var(--gl-color-neutral-800, #3a383f))',
330
- 'feedback-neutral':
331
- 'var(--gl-feedback-neutral-background-color, var(--gl-color-neutral-50, #ececef))',
332
- 'feedback-info': 'var(--gl-feedback-info-background-color, var(--gl-color-blue-50, #e9f3fc))',
333
- 'feedback-success':
334
- 'var(--gl-feedback-success-background-color, var(--gl-color-green-50, #ecf4ee))',
335
- 'feedback-warning':
336
- 'var(--gl-feedback-warning-background-color, var(--gl-color-orange-50, #fdf1dd))',
337
- 'feedback-danger': 'var(--gl-feedback-danger-background-color, var(--gl-color-red-50, #fcf1ef))',
338
- };
339
- const feedbackTextColors = {
340
- 'feedback-strong': 'var(--gl-feedback-strong-text-color, var(--gl-color-neutral-0, #fff))',
341
- 'feedback-neutral': 'var(--gl-feedback-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
342
- 'feedback-info': 'var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
343
- 'feedback-success': 'var(--gl-feedback-success-text-color, var(--gl-color-green-700, #306440))',
344
- 'feedback-warning': 'var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #894b16))',
345
- 'feedback-danger': 'var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #a32c12))',
346
- };
347
- const feedbackIconColors = {
348
- 'feedback-strong': 'var(--gl-feedback-strong-icon-color, var(--gl-color-neutral-0, #fff))',
349
- 'feedback-neutral': 'var(--gl-feedback-neutral-icon-color, var(--gl-color-neutral-600, #626168))',
350
- 'feedback-info': 'var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #2f68b4))',
351
- 'feedback-success': 'var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #2f7549))',
352
- 'feedback-warning': 'var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #995715))',
353
- 'feedback-danger': 'var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #c02f12))',
354
- };
355
5
 
356
- const colors = {
357
- inherit: 'inherit',
358
- current: 'currentColor',
359
- transparent: 'transparent',
360
- white: 'var(--white, #fff)',
361
- black: 'var(--black, #050506)',
362
- alpha: {
363
- dark: { ...alphaDarkColors },
364
- light: { ...alphaLightColors },
365
- },
366
- ...baseColors,
367
- ...themeColors,
368
- ...dataVizColors,
369
- ...neutralColors,
370
- ...brandColors,
371
- };
6
+ const baseColors = {"blue-50":"var(--blue-50, #e9f3fc)","blue-100":"var(--blue-100, #cbe2f9)","blue-200":"var(--blue-200, #9dc7f1)","blue-300":"var(--blue-300, #63a6e9)","blue-400":"var(--blue-400, #428fdc)","blue-500":"var(--blue-500, #1f75cb)","blue-600":"var(--blue-600, #2f68b4)","blue-700":"var(--blue-700, #2f5ca0)","blue-800":"var(--blue-800, #284779)","blue-900":"var(--blue-900, #213454)","blue-950":"var(--blue-950, #1d283e)","gray-10":"var(--gray-10, #fbfafd)","gray-50":"var(--gray-50, #ececef)","gray-100":"var(--gray-100, #dcdcde)","gray-200":"var(--gray-200, #bfbfc3)","gray-300":"var(--gray-300, #a4a3a8)","gray-400":"var(--gray-400, #89888d)","gray-500":"var(--gray-500, #737278)","gray-600":"var(--gray-600, #626168)","gray-700":"var(--gray-700, #4c4b51)","gray-800":"var(--gray-800, #3a383f)","gray-900":"var(--gray-900, #28272d)","gray-950":"var(--gray-950, #18171d)","green-50":"var(--green-50, #ecf4ee)","green-100":"var(--green-100, #c3e6cd)","green-200":"var(--green-200, #91d4a8)","green-300":"var(--green-300, #52b87a)","green-400":"var(--green-400, #2da160)","green-500":"var(--green-500, #108548)","green-600":"var(--green-600, #2f7549)","green-700":"var(--green-700, #306440)","green-800":"var(--green-800, #225131)","green-900":"var(--green-900, #1e3e28)","green-950":"var(--green-950, #17291c)","orange-50":"var(--orange-50, #fdf1dd)","orange-100":"var(--orange-100, #f5d9a8)","orange-200":"var(--orange-200, #e9be74)","orange-300":"var(--orange-300, #d99530)","orange-400":"var(--orange-400, #c17d10)","orange-500":"var(--orange-500, #ab6100)","orange-600":"var(--orange-600, #995715)","orange-700":"var(--orange-700, #894b16)","orange-800":"var(--orange-800, #693c14)","orange-900":"var(--orange-900, #532e16)","orange-950":"var(--orange-950, #382315)","purple-50":"var(--purple-50, #f4f0ff)","purple-100":"var(--purple-100, #e1d8f9)","purple-200":"var(--purple-200, #cbbbf2)","purple-300":"var(--purple-300, #ac93e6)","purple-400":"var(--purple-400, #9475db)","purple-500":"var(--purple-500, #7b58cf)","purple-600":"var(--purple-600, #6a4fb4)","purple-700":"var(--purple-700, #5c47a6)","purple-800":"var(--purple-800, #493c83)","purple-900":"var(--purple-900, #342d59)","purple-950":"var(--purple-950, #27243e)","red-50":"var(--red-50, #fcf1ef)","red-100":"var(--red-100, #fdd4cd)","red-200":"var(--red-200, #fcb5aa)","red-300":"var(--red-300, #f57f6c)","red-400":"var(--red-400, #ec5941)","red-500":"var(--red-500, #dd2b0e)","red-600":"var(--red-600, #c02f12)","red-700":"var(--red-700, #a32c12)","red-800":"var(--red-800, #812713)","red-900":"var(--red-900, #582014)","red-950":"var(--red-950, #3e1a14)"};
7
+ const themeColors = {"theme-indigo-10":"var(--theme-indigo-10, #f8f8ff)","theme-indigo-50":"var(--theme-indigo-50, #f1f1ff)","theme-indigo-100":"var(--theme-indigo-100, #dbdbf8)","theme-indigo-200":"var(--theme-indigo-200, #c7c7f2)","theme-indigo-300":"var(--theme-indigo-300, #a2a2e6)","theme-indigo-400":"var(--theme-indigo-400, #8181d7)","theme-indigo-500":"var(--theme-indigo-500, #6666c4)","theme-indigo-600":"var(--theme-indigo-600, #5252b5)","theme-indigo-700":"var(--theme-indigo-700, #41419f)","theme-indigo-800":"var(--theme-indigo-800, #303083)","theme-indigo-900":"var(--theme-indigo-900, #222261)","theme-indigo-950":"var(--theme-indigo-950, #14143d)","theme-blue-10":"var(--theme-blue-10, #e6ecf0)","theme-blue-50":"var(--theme-blue-50, #cdd8e3)","theme-blue-100":"var(--theme-blue-100, #b9cadc)","theme-blue-200":"var(--theme-blue-200, #a6bdd5)","theme-blue-300":"var(--theme-blue-300, #81a5c9)","theme-blue-400":"var(--theme-blue-400, #628eb9)","theme-blue-500":"var(--theme-blue-500, #4977a5)","theme-blue-600":"var(--theme-blue-600, #346596)","theme-blue-700":"var(--theme-blue-700, #235180)","theme-blue-800":"var(--theme-blue-800, #153c63)","theme-blue-900":"var(--theme-blue-900, #0b2640)","theme-blue-950":"var(--theme-blue-950, #04101c)","theme-light-blue-10":"var(--theme-light-blue-10, #eef3f7)","theme-light-blue-50":"var(--theme-light-blue-50, #dde6ee)","theme-light-blue-100":"var(--theme-light-blue-100, #c1d4e6)","theme-light-blue-200":"var(--theme-light-blue-200, #a0bedc)","theme-light-blue-300":"var(--theme-light-blue-300, #74a3d3)","theme-light-blue-400":"var(--theme-light-blue-400, #4f8bc7)","theme-light-blue-500":"var(--theme-light-blue-500, #3476b9)","theme-light-blue-600":"var(--theme-light-blue-600, #2268ae)","theme-light-blue-700":"var(--theme-light-blue-700, #145aa1)","theme-light-blue-800":"var(--theme-light-blue-800, #0e4d8d)","theme-light-blue-900":"var(--theme-light-blue-900, #0c4277)","theme-light-blue-950":"var(--theme-light-blue-950, #0a3764)","theme-green-10":"var(--theme-green-10, #eef4ef)","theme-green-50":"var(--theme-green-50, #dde9de)","theme-green-100":"var(--theme-green-100, #b1d6b5)","theme-green-200":"var(--theme-green-200, #8cc497)","theme-green-300":"var(--theme-green-300, #69af7d)","theme-green-400":"var(--theme-green-400, #499767)","theme-green-500":"var(--theme-green-500, #308258)","theme-green-600":"var(--theme-green-600, #25744c)","theme-green-700":"var(--theme-green-700, #1b653f)","theme-green-800":"var(--theme-green-800, #155635)","theme-green-900":"var(--theme-green-900, #0e4328)","theme-green-950":"var(--theme-green-950, #052e19)","theme-red-10":"var(--theme-red-10, #faf4f3)","theme-red-50":"var(--theme-red-50, #f4e9e7)","theme-red-100":"var(--theme-red-100, #ecd3d0)","theme-red-200":"var(--theme-red-200, #e3bab5)","theme-red-300":"var(--theme-red-300, #d59086)","theme-red-400":"var(--theme-red-400, #c66e60)","theme-red-500":"var(--theme-red-500, #ad4a3b)","theme-red-600":"var(--theme-red-600, #a13322)","theme-red-700":"var(--theme-red-700, #8f2110)","theme-red-800":"var(--theme-red-800, #761405)","theme-red-900":"var(--theme-red-900, #580d02)","theme-red-950":"var(--theme-red-950, #380700)","theme-light-red-10":"var(--theme-light-red-10, #fdf9f8)","theme-light-red-50":"var(--theme-light-red-50, #faf2f1)","theme-light-red-100":"var(--theme-light-red-100, #f6d9d5)","theme-light-red-200":"var(--theme-light-red-200, #ebada2)","theme-light-red-300":"var(--theme-light-red-300, #e07f6f)","theme-light-red-400":"var(--theme-light-red-400, #d36250)","theme-light-red-500":"var(--theme-light-red-500, #c24b38)","theme-light-red-600":"var(--theme-light-red-600, #b53a26)","theme-light-red-700":"var(--theme-light-red-700, #a02e1c)","theme-light-red-800":"var(--theme-light-red-800, #8b2212)","theme-light-red-900":"var(--theme-light-red-900, #751709)","theme-light-red-950":"var(--theme-light-red-950, #5c1105)"};
8
+ const dataVizColors = {"data-viz-green-50":"var(--data-viz-green-50, #ddfab7)","data-viz-green-100":"var(--data-viz-green-100, #c6ed94)","data-viz-green-200":"var(--data-viz-green-200, #b0d97b)","data-viz-green-300":"var(--data-viz-green-300, #94c25e)","data-viz-green-400":"var(--data-viz-green-400, #81ac41)","data-viz-green-500":"var(--data-viz-green-500, #619025)","data-viz-green-600":"var(--data-viz-green-600, #4e7f0e)","data-viz-green-700":"var(--data-viz-green-700, #366800)","data-viz-green-800":"var(--data-viz-green-800, #275600)","data-viz-green-900":"var(--data-viz-green-900, #1a4500)","data-viz-green-950":"var(--data-viz-green-950, #133a03)","data-viz-aqua-50":"var(--data-viz-aqua-50, #b5fefd)","data-viz-aqua-100":"var(--data-viz-aqua-100, #93f2ef)","data-viz-aqua-200":"var(--data-viz-aqua-200, #5edee3)","data-viz-aqua-300":"var(--data-viz-aqua-300, #32c5d2)","data-viz-aqua-400":"var(--data-viz-aqua-400, #00acc4)","data-viz-aqua-500":"var(--data-viz-aqua-500, #0090b1)","data-viz-aqua-600":"var(--data-viz-aqua-600, #007b9b)","data-viz-aqua-700":"var(--data-viz-aqua-700, #006381)","data-viz-aqua-800":"var(--data-viz-aqua-800, #00516c)","data-viz-aqua-900":"var(--data-viz-aqua-900, #004059)","data-viz-aqua-950":"var(--data-viz-aqua-950, #00344b)","data-viz-blue-50":"var(--data-viz-blue-50, #e9ebff)","data-viz-blue-100":"var(--data-viz-blue-100, #d2dcff)","data-viz-blue-200":"var(--data-viz-blue-200, #b7c6ff)","data-viz-blue-300":"var(--data-viz-blue-300, #97acff)","data-viz-blue-400":"var(--data-viz-blue-400, #7992f5)","data-viz-blue-500":"var(--data-viz-blue-500, #617ae2)","data-viz-blue-600":"var(--data-viz-blue-600, #4e65cd)","data-viz-blue-700":"var(--data-viz-blue-700, #3f51ae)","data-viz-blue-800":"var(--data-viz-blue-800, #374291)","data-viz-blue-900":"var(--data-viz-blue-900, #303470)","data-viz-blue-950":"var(--data-viz-blue-950, #2a2b59)","data-viz-magenta-50":"var(--data-viz-magenta-50, #ffe3eb)","data-viz-magenta-100":"var(--data-viz-magenta-100, #ffccdb)","data-viz-magenta-200":"var(--data-viz-magenta-200, #fcacc5)","data-viz-magenta-300":"var(--data-viz-magenta-300, #f88aaf)","data-viz-magenta-400":"var(--data-viz-magenta-400, #e86e9a)","data-viz-magenta-500":"var(--data-viz-magenta-500, #cf4d81)","data-viz-magenta-600":"var(--data-viz-magenta-600, #b93d71)","data-viz-magenta-700":"var(--data-viz-magenta-700, #9a2e5d)","data-viz-magenta-800":"var(--data-viz-magenta-800, #7c214f)","data-viz-magenta-900":"var(--data-viz-magenta-900, #661e3a)","data-viz-magenta-950":"var(--data-viz-magenta-950, #541d31)","data-viz-orange-50":"var(--data-viz-orange-50, #fae8d1)","data-viz-orange-100":"var(--data-viz-orange-100, #f5d6b3)","data-viz-orange-200":"var(--data-viz-orange-200, #eebd8c)","data-viz-orange-300":"var(--data-viz-orange-300, #e99b60)","data-viz-orange-400":"var(--data-viz-orange-400, #e07e41)","data-viz-orange-500":"var(--data-viz-orange-500, #c95d2e)","data-viz-orange-600":"var(--data-viz-orange-600, #b14f18)","data-viz-orange-700":"var(--data-viz-orange-700, #92430a)","data-viz-orange-800":"var(--data-viz-orange-800, #6f3500)","data-viz-orange-900":"var(--data-viz-orange-900, #5e2f05)","data-viz-orange-950":"var(--data-viz-orange-950, #4b2707)"};
9
+ const neutralColors = {"neutral-0":"var(--gl-color-neutral-0, #fff)","neutral-10":"var(--gl-color-neutral-10, #fbfafd)","neutral-50":"var(--gl-color-neutral-50, #ececef)","neutral-100":"var(--gl-color-neutral-100, #dcdcde)","neutral-200":"var(--gl-color-neutral-200, #bfbfc3)","neutral-300":"var(--gl-color-neutral-300, #a4a3a8)","neutral-400":"var(--gl-color-neutral-400, #89888d)","neutral-500":"var(--gl-color-neutral-500, #737278)","neutral-600":"var(--gl-color-neutral-600, #626168)","neutral-700":"var(--gl-color-neutral-700, #4c4b51)","neutral-800":"var(--gl-color-neutral-800, #3a383f)","neutral-900":"var(--gl-color-neutral-900, #28272d)","neutral-950":"var(--gl-color-neutral-950, #18171d)","neutral-1000":"var(--gl-color-neutral-1000, #050506)"};
10
+ const textColors = {"default":"var(--gl-text-color-default, var(--gl-color-neutral-800, #3a383f))","subtle":"var(--gl-text-color-subtle, var(--gl-color-neutral-600, #626168))","strong":"var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))","heading":"var(--gl-text-color-heading, var(--gl-color-neutral-950, #18171d))","link":"var(--gl-text-color-link, var(--gl-color-blue-700, #2f5ca0))","warning":"var(--gl-text-color-warning, var(--gl-color-orange-600, #995715))","danger":"var(--gl-text-color-danger, var(--gl-color-red-600, #c02f12))","success":"var(--gl-text-color-success, var(--gl-color-green-600, #2f7549))","disabled":"var(--gl-text-color-disabled, var(--gl-color-neutral-400, #89888d))"};
11
+ const backgroundColors = {"default":"var(--gl-background-color-default, var(--gl-color-neutral-0, #fff))","subtle":"var(--gl-background-color-subtle, var(--gl-color-neutral-10, #fbfafd))","strong":"var(--gl-background-color-strong, var(--gl-color-neutral-50, #ececef))","disabled":"var(--gl-background-color-disabled, var(--gl-color-neutral-10, #fbfafd))","overlap":"var(--gl-background-color-overlap, var(--gl-color-neutral-0, #fff))","section":"var(--gl-background-color-section, var(--gl-color-neutral-0, #fff))","overlay":"var(--gl-background-color-overlay, var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24)))"};
12
+ const borderColors = {"default":"var(--gl-border-color-default, var(--gl-color-neutral-100, #dcdcde))","subtle":"var(--gl-border-color-subtle, var(--gl-color-neutral-50, #ececef))","strong":"var(--gl-border-color-strong, var(--gl-color-neutral-200, #bfbfc3))","section":"var(--gl-border-color-section, var(--gl-border-color-default, #dcdcde))","transparent":"var(--gl-border-color-transparent, var(--gl-color-alpha-0, transparent))"};
13
+ const iconColors = {"default":"var(--gl-icon-color-default, var(--gl-text-color-default, #3a383f))","subtle":"var(--gl-icon-color-subtle, var(--gl-text-color-subtle, #626168))","strong":"var(--gl-icon-color-strong, var(--gl-text-color-strong, #18171d))","disabled":"var(--gl-icon-color-disabled, var(--gl-text-color-disabled, #89888d))","link":"var(--gl-icon-color-link, var(--gl-text-color-link, #2f5ca0))","info":"var(--gl-icon-color-info, var(--gl-color-blue-700, #2f5ca0))","warning":"var(--gl-icon-color-warning, var(--gl-text-color-warning, #995715))","danger":"var(--gl-icon-color-danger, var(--gl-text-color-danger, #c02f12))","success":"var(--gl-icon-color-success, var(--gl-text-color-success, #2f7549))"};
14
+ const alphaDarkColors = {"2":"var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))","4":"var(--gl-color-alpha-dark-4, rgba(05, 05, 06, 0.04))","6":"var(--gl-color-alpha-dark-6, rgba(05, 05, 06, 0.06))","8":"var(--gl-color-alpha-dark-8, rgba(05, 05, 06, 0.08))","16":"var(--gl-color-alpha-dark-16, rgba(05, 05, 06, 0.16))","24":"var(--gl-color-alpha-dark-24, rgba(05, 05, 06, 0.24))","40":"var(--gl-color-alpha-dark-40, rgba(05, 05, 06, 0.4))"};
15
+ const alphaLightColors = {"2":"var(--gl-color-alpha-light-2, rgba(255, 255, 255, 0.02))","4":"var(--gl-color-alpha-light-4, rgba(255, 255, 255, 0.04))","6":"var(--gl-color-alpha-light-6, rgba(255, 255, 255, 0.06))","8":"var(--gl-color-alpha-light-8, rgba(255, 255, 255, 0.08))","16":"var(--gl-color-alpha-light-16, rgba(255, 255, 255, 0.16))","24":"var(--gl-color-alpha-light-24, rgba(255, 255, 255, 0.24))","36":"var(--gl-color-alpha-light-36, rgba(255, 255, 255, 0.36))"};
16
+ const brandColors = {"brand-white":"var(--gl-color-brand-white, #fff)","brand-charcoal":"var(--gl-color-brand-charcoal, #171321)","brand-orange":{"01g":"var(--gl-color-brand-orange-01g, #ffd1bf)","01p":"var(--gl-color-brand-orange-01p, #fca326)","02p":"var(--gl-color-brand-orange-02p, #fc6d26)","03p":"var(--gl-color-brand-orange-03p, #e24329)"},"brand-purple":{"01g":"var(--gl-color-brand-purple-01g, #ceb3ef)","01p":"var(--gl-color-brand-purple-01p, #a989f5)","02p":"var(--gl-color-brand-purple-02p, #7759c2)"},"brand-gray":{"01":"var(--gl-color-brand-gray-01, #d1d0d3)","02":"var(--gl-color-brand-gray-02, #a2a1a6)","03":"var(--gl-color-brand-gray-03, #74717a)","04":"var(--gl-color-brand-gray-04, #45424d)","05":"var(--gl-color-brand-gray-05, #2b2838)"},"brand-pink":{"01g":"var(--gl-color-brand-pink-01g, #ffb9c9)"}};
17
+ const statusBackgroundColors = {"status-neutral":"var(--gl-status-neutral-background-color, var(--gl-color-neutral-100, #dcdcde))","status-info":"var(--gl-status-info-background-color, var(--gl-color-blue-100, #cbe2f9))","status-success":"var(--gl-status-success-background-color, var(--gl-color-green-100, #c3e6cd))","status-warning":"var(--gl-status-warning-background-color, var(--gl-color-orange-100, #f5d9a8))","status-danger":"var(--gl-status-danger-background-color, var(--gl-color-red-100, #fdd4cd))","status-brand":"var(--gl-status-brand-background-color, var(--gl-color-purple-100, #e1d8f9))"};
18
+ const statusTextColors = {"status-neutral":"var(--gl-status-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))","status-info":"var(--gl-status-info-text-color, var(--gl-color-blue-700, #2f5ca0))","status-success":"var(--gl-status-success-text-color, var(--gl-color-green-700, #306440))","status-warning":"var(--gl-status-warning-text-color, var(--gl-color-orange-700, #894b16))","status-danger":"var(--gl-status-danger-text-color, var(--gl-color-red-700, #a32c12))","status-brand":"var(--gl-status-brand-text-color, var(--gl-color-purple-700, #5c47a6))"};
19
+ const statusIconColors = {"status-neutral":"var(--gl-status-neutral-icon-color, var(--gl-color-neutral-500, #737278))","status-info":"var(--gl-status-info-icon-color, var(--gl-color-blue-500, #1f75cb))","status-success":"var(--gl-status-success-icon-color, var(--gl-color-green-500, #108548))","status-warning":"var(--gl-status-warning-icon-color, var(--gl-color-orange-500, #ab6100))","status-danger":"var(--gl-status-danger-icon-color, var(--gl-color-red-500, #dd2b0e))","status-brand":"var(--gl-status-brand-icon-color, var(--gl-color-purple-500, #7b58cf))"};
20
+ const feedbackBackgroundColors = {"feedback-strong":"var(--gl-feedback-strong-background-color, var(--gl-color-neutral-800, #3a383f))","feedback-neutral":"var(--gl-feedback-neutral-background-color, var(--gl-color-neutral-50, #ececef))","feedback-info":"var(--gl-feedback-info-background-color, var(--gl-color-blue-50, #e9f3fc))","feedback-success":"var(--gl-feedback-success-background-color, var(--gl-color-green-50, #ecf4ee))","feedback-warning":"var(--gl-feedback-warning-background-color, var(--gl-color-orange-50, #fdf1dd))","feedback-danger":"var(--gl-feedback-danger-background-color, var(--gl-color-red-50, #fcf1ef))"};
21
+ const feedbackTextColors = {"feedback-strong":"var(--gl-feedback-strong-text-color, var(--gl-color-neutral-0, #fff))","feedback-neutral":"var(--gl-feedback-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))","feedback-info":"var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #2f5ca0))","feedback-success":"var(--gl-feedback-success-text-color, var(--gl-color-green-700, #306440))","feedback-warning":"var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #894b16))","feedback-danger":"var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #a32c12))"};
22
+ const feedbackIconColors = {"feedback-strong":"var(--gl-feedback-strong-icon-color, var(--gl-color-neutral-0, #fff))","feedback-neutral":"var(--gl-feedback-neutral-icon-color, var(--gl-color-neutral-600, #626168))","feedback-info":"var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #2f68b4))","feedback-success":"var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #2f7549))","feedback-warning":"var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #995715))","feedback-danger":"var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #c02f12))"};
372
23
 
373
- const backgroundColor = {
374
- ...colors,
375
- ...backgroundColors,
376
- ...statusBackgroundColors,
377
- ...feedbackBackgroundColors,
378
- dropdown: 'var(--gl-dropdown-background-color, var(--gl-background-color-overlap, #fff))',
379
- };
24
+ const colors = {
25
+ inherit: 'inherit',
26
+ current: 'currentColor',
27
+ transparent: 'transparent',
28
+ white: 'var(--white, #fff)',
29
+ black: 'var(--black, #050506)',
30
+ alpha: {
31
+ dark: {...alphaDarkColors},
32
+ light: {...alphaLightColors},
33
+ },
34
+ ...baseColors,
35
+ ...themeColors,
36
+ ...dataVizColors,
37
+ ...neutralColors,
38
+ ...brandColors,
39
+ };
380
40
 
381
- const borderColor = {
382
- ...colors,
383
- ...borderColors,
384
- dropdown: 'var(--gl-dropdown-border-color, var(--gl-border-color-strong, #bfbfc3))',
385
- 'dropdown-divider': 'var(--gl-dropdown-divider-color, var(--gl-border-color-default, #dcdcde))',
386
- };
41
+ const backgroundColor = {
42
+ ...colors,
43
+ ...backgroundColors,
44
+ ...statusBackgroundColors,
45
+ ...feedbackBackgroundColors,
46
+ dropdown: 'var(--gl-dropdown-background-color, var(--gl-background-color-overlap, #fff))',
47
+ };
387
48
 
388
- const outlineColor = {
389
- focus: 'var(--gl-focus-ring-outer-color, var(--gl-color-blue-500, #1f75cb))',
390
- };
49
+ const borderColor = {
50
+ ...colors,
51
+ ...borderColors,
52
+ dropdown: 'var(--gl-dropdown-border-color, var(--gl-border-color-strong, #bfbfc3))',
53
+ 'dropdown-divider': 'var(--gl-dropdown-divider-color, var(--gl-border-color-default, #dcdcde))',
54
+ };
391
55
 
392
- const fill = {
393
- ...colors,
394
- ...statusIconColors,
395
- ...feedbackIconColors,
396
- icon: {
397
- ...iconColors,
398
- },
399
- };
56
+ const outlineColor = {
57
+ focus: 'var(--gl-focus-ring-outer-color, var(--gl-color-blue-500, #1f75cb))',
58
+ };
400
59
 
401
- const textColor = {
402
- ...colors,
403
- ...textColors,
404
- ...statusTextColors,
405
- ...feedbackTextColors,
406
- primary: 'var(--gl-text-primary, #28272d)',
407
- secondary: 'var(--gl-text-secondary, #737278)',
408
- tertiary: 'var(--gl-text-tertiary, #89888d)',
409
- };
60
+ const fill = {
61
+ ...colors,
62
+ ...statusIconColors,
63
+ ...feedbackIconColors,
64
+ icon: {
65
+ ...iconColors,
66
+ },
67
+ };
410
68
 
411
- module.exports = {
412
- colors,
413
- backgroundColor,
414
- borderColor,
415
- outlineColor,
416
- textColor,
417
- fill,
418
- };
69
+ const textColor = {
70
+ ...colors,
71
+ ...textColors,
72
+ ...statusTextColors,
73
+ ...feedbackTextColors,
74
+ primary: 'var(--gl-text-primary, #28272d)',
75
+ secondary: 'var(--gl-text-secondary, #737278)',
76
+ tertiary: 'var(--gl-text-tertiary, #89888d)',
77
+ };
78
+
79
+ module.exports = {
80
+ colors,
81
+ backgroundColor,
82
+ borderColor,
83
+ outlineColor,
84
+ textColor,
85
+ fill,
86
+ }
87
+