@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.
- package/bin/migrate_custom_utils_to_tw.bundled.mjs +172489 -139144
- package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +15 -3
- package/dist/components/base/new_dropdowns/constants.js +5 -2
- package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +286 -0
- package/dist/components/dashboards/mock_data.js +49 -0
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/dist/tokens/docs/tokens-tailwind-docs.dark.json +7986 -0
- package/dist/tokens/docs/tokens-tailwind-docs.json +7986 -0
- package/dist/tokens/figma/constants.tokens.json +944 -236
- package/dist/tokens/figma/contextual.tokens.json +2721 -418
- package/dist/tokens/figma/deprecated.tokens.json +664 -8
- package/dist/tokens/figma/semantic.tokens.json +1130 -169
- package/dist/tokens/js/tokens.dark.js +1089 -1047
- package/dist/tokens/js/tokens.js +1078 -1047
- package/dist/tokens/json/tokens.dark.json +9267 -3
- package/dist/tokens/json/tokens.json +9267 -3
- package/dist/tokens/tailwind/tokens.cjs +76 -407
- package/package.json +22 -49
- package/src/components/base/accordion/accordion_item.vue +1 -1
- package/src/components/base/avatar/avatar.vue +1 -1
- package/src/components/base/button/button.vue +1 -1
- package/src/components/base/dropdown/dropdown.vue +3 -1
- package/src/components/base/filtered_search/filtered_search.vue +1 -1
- package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +1 -1
- package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
- package/src/components/base/filtered_search/filtered_search_token_segment.vue +3 -3
- package/src/components/base/form/form_checkbox_tree/models/tree.js +1 -1
- package/src/components/base/form/form_date/form_date.vue +1 -1
- package/src/components/base/form/form_input/form_input.vue +1 -1
- package/src/components/base/form/form_select/form_select.vue +1 -1
- package/src/components/base/modal/modal.vue +2 -2
- package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +23 -6
- package/src/components/base/new_dropdowns/constants.js +4 -1
- package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +1 -2
- package/src/components/base/new_dropdowns/listbox/listbox.vue +7 -7
- package/src/components/base/pagination/pagination.vue +2 -2
- package/src/components/base/path/path.vue +1 -1
- package/src/components/base/skeleton_loader/skeleton_loader.vue +9 -9
- package/src/components/base/table/table.md +1 -2
- package/src/components/base/table_lite/table_lite.md +1 -1
- package/src/components/base/tabs/tabs/tabs.vue +1 -1
- package/src/components/base/toast/toast.js +2 -2
- package/src/components/base/token_selector/token_container.vue +1 -1
- package/src/components/base/token_selector/token_selector.vue +2 -2
- package/src/components/base/token_selector/token_selector_dropdown.vue +1 -1
- package/src/components/charts/area/area.vue +3 -3
- package/src/components/charts/bar/bar.vue +2 -2
- package/src/components/charts/column/column.vue +2 -2
- package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
- package/src/components/charts/gauge/gauge.vue +1 -1
- package/src/components/charts/heatmap/heatmap.vue +2 -2
- package/src/components/charts/heatmap/index.js +1 -0
- package/src/components/charts/legend/legend.vue +1 -1
- package/src/components/charts/line/line.vue +3 -3
- package/src/components/charts/sparkline/sparkline.vue +1 -1
- package/src/components/charts/stacked_column/stacked_column.vue +1 -1
- package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.scss +1 -0
- package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +247 -0
- package/src/components/dashboards/mock_data.js +40 -0
- package/src/components/mixins/tooltip_mixin.js +1 -1
- package/src/components/utilities/intersection_observer/intersection_observer.vue +1 -1
- package/src/components/utilities/intersperse/intersperse.vue +2 -2
- package/src/components/utilities/sprintf/sprintf.md +1 -1
- package/src/components/utilities/sprintf/sprintf.vue +1 -1
- package/src/components/utilities/truncate/truncate.vue +2 -2
- package/src/config.js +1 -1
- package/src/directives/outside/outside.js +4 -4
- package/src/directives/tooltip/tooltip.js +1 -1
- package/src/scss/components.scss +1 -0
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +7986 -0
- package/src/tokens/build/docs/tokens-tailwind-docs.json +7986 -0
- package/src/tokens/build/figma/constants.tokens.json +944 -236
- package/src/tokens/build/figma/contextual.tokens.json +2721 -418
- package/src/tokens/build/figma/deprecated.tokens.json +664 -8
- package/src/tokens/build/figma/semantic.tokens.json +1130 -169
- package/src/tokens/build/json/tokens.dark.json +9267 -3
- package/src/tokens/build/json/tokens.json +9267 -3
- package/src/tokens/constant/color.alpha.tokens.json +60 -15
- package/src/tokens/constant/color.tokens.json +844 -211
- package/src/tokens/constant/line_height.tokens.json +40 -10
- package/src/tokens/contextual/alert.tokens.json +119 -19
- package/src/tokens/contextual/avatar.tokens.json +90 -14
- package/src/tokens/contextual/badge.tokens.json +728 -112
- package/src/tokens/contextual/banner.tokens.json +19 -3
- package/src/tokens/contextual/breadcrumb.tokens.json +6 -1
- package/src/tokens/contextual/broadcast.tokens.json +301 -81
- package/src/tokens/contextual/button.tokens.json +793 -120
- package/src/tokens/contextual/chart.tokens.json +42 -7
- package/src/tokens/contextual/datepicker.tokens.json +13 -2
- package/src/tokens/contextual/dropdown.tokens.json +142 -21
- package/src/tokens/contextual/filtered-search.tokens.json +42 -6
- package/src/tokens/contextual/illustration.tokens.json +195 -33
- package/src/tokens/contextual/label.tokens.json +81 -12
- package/src/tokens/contextual/link.tokens.json +26 -4
- package/src/tokens/contextual/progress-bar.tokens.json +35 -5
- package/src/tokens/contextual/skeleton-loader.tokens.json +12 -2
- package/src/tokens/contextual/spinner.tokens.json +24 -4
- package/src/tokens/contextual/table.tokens.json +14 -2
- package/src/tokens/contextual/tabs.tokens.json +7 -1
- package/src/tokens/contextual/toggle.tokens.json +54 -9
- package/src/tokens/contextual/token-selector.tokens.json +7 -1
- package/src/tokens/contextual/token.tokens.json +14 -2
- package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +165 -0
- package/src/tokens/deprecated/deprecated.color.theme.tokens.json +216 -0
- package/src/tokens/deprecated/deprecated.color.tokens.json +240 -0
- package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +39 -0
- package/src/tokens/semantic/action.tokens.json +500 -75
- package/src/tokens/semantic/background.tokens.json +49 -7
- package/src/tokens/semantic/border.tokens.json +30 -5
- package/src/tokens/semantic/control.tokens.json +129 -20
- package/src/tokens/semantic/feedback.tokens.json +126 -19
- package/src/tokens/semantic/focus-ring.tokens.json +12 -2
- package/src/tokens/semantic/highlight.tokens.json +26 -4
- package/src/tokens/semantic/icon.tokens.json +63 -9
- package/src/tokens/semantic/shadow.tokens.json +6 -1
- package/src/tokens/semantic/status.tokens.json +120 -18
- package/src/tokens/semantic/text.tokens.json +69 -9
- package/src/tokens/tokens_tailwind_table.vue +1 -1
- package/src/utils/charts/config.js +7 -7
- package/src/utils/charts/utils.js +1 -1
- package/src/utils/use_mock_intersection_observer.js +1 -1
- package/src/utils/utils.js +1 -1
- package/tailwind.defaults.js +1 -1
- 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
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
}
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
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
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
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
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
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
|
|
389
|
-
|
|
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
|
|
393
|
-
|
|
394
|
-
|
|
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
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
};
|
|
60
|
+
const fill = {
|
|
61
|
+
...colors,
|
|
62
|
+
...statusIconColors,
|
|
63
|
+
...feedbackIconColors,
|
|
64
|
+
icon: {
|
|
65
|
+
...iconColors,
|
|
66
|
+
},
|
|
67
|
+
};
|
|
410
68
|
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
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
|
+
|