@gitlab/ui 123.3.1 → 123.5.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 (15) hide show
  1. package/dist/components/base/button/button.js +27 -8
  2. package/dist/config.js +23 -2
  3. package/dist/index.css +2 -2
  4. package/dist/index.css.map +1 -1
  5. package/dist/tailwind.css +1 -1
  6. package/dist/tailwind.css.map +1 -1
  7. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +1339 -1339
  8. package/dist/tokens/docs/tokens-tailwind-docs.json +1339 -1339
  9. package/dist/tokens/tailwind/tokens.cjs +40 -40
  10. package/package.json +2 -2
  11. package/src/components/base/button/button.vue +25 -6
  12. package/src/config.js +22 -1
  13. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +1339 -1339
  14. package/src/tokens/build/docs/tokens-tailwind-docs.json +1339 -1339
  15. package/src/tokens/build/tailwind/tokens.cjs +383 -392
package/src/tokens/build/tailwind/tokens.cjs CHANGED
@@ -3,423 +3,416 @@
3
3
  */
4
4
 
5
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)',
6
+ 'blue-50': 'var(--blue-50)',
7
+ 'blue-100': 'var(--blue-100)',
8
+ 'blue-200': 'var(--blue-200)',
9
+ 'blue-300': 'var(--blue-300)',
10
+ 'blue-400': 'var(--blue-400)',
11
+ 'blue-500': 'var(--blue-500)',
12
+ 'blue-600': 'var(--blue-600)',
13
+ 'blue-700': 'var(--blue-700)',
14
+ 'blue-800': 'var(--blue-800)',
15
+ 'blue-900': 'var(--blue-900)',
16
+ 'blue-950': 'var(--blue-950)',
17
+ 'gray-10': 'var(--gray-10)',
18
+ 'gray-50': 'var(--gray-50)',
19
+ 'gray-100': 'var(--gray-100)',
20
+ 'gray-200': 'var(--gray-200)',
21
+ 'gray-300': 'var(--gray-300)',
22
+ 'gray-400': 'var(--gray-400)',
23
+ 'gray-500': 'var(--gray-500)',
24
+ 'gray-600': 'var(--gray-600)',
25
+ 'gray-700': 'var(--gray-700)',
26
+ 'gray-800': 'var(--gray-800)',
27
+ 'gray-900': 'var(--gray-900)',
28
+ 'gray-950': 'var(--gray-950)',
29
+ 'green-50': 'var(--green-50)',
30
+ 'green-100': 'var(--green-100)',
31
+ 'green-200': 'var(--green-200)',
32
+ 'green-300': 'var(--green-300)',
33
+ 'green-400': 'var(--green-400)',
34
+ 'green-500': 'var(--green-500)',
35
+ 'green-600': 'var(--green-600)',
36
+ 'green-700': 'var(--green-700)',
37
+ 'green-800': 'var(--green-800)',
38
+ 'green-900': 'var(--green-900)',
39
+ 'green-950': 'var(--green-950)',
40
+ 'orange-50': 'var(--orange-50)',
41
+ 'orange-100': 'var(--orange-100)',
42
+ 'orange-200': 'var(--orange-200)',
43
+ 'orange-300': 'var(--orange-300)',
44
+ 'orange-400': 'var(--orange-400)',
45
+ 'orange-500': 'var(--orange-500)',
46
+ 'orange-600': 'var(--orange-600)',
47
+ 'orange-700': 'var(--orange-700)',
48
+ 'orange-800': 'var(--orange-800)',
49
+ 'orange-900': 'var(--orange-900)',
50
+ 'orange-950': 'var(--orange-950)',
51
+ 'purple-50': 'var(--purple-50)',
52
+ 'purple-100': 'var(--purple-100)',
53
+ 'purple-200': 'var(--purple-200)',
54
+ 'purple-300': 'var(--purple-300)',
55
+ 'purple-400': 'var(--purple-400)',
56
+ 'purple-500': 'var(--purple-500)',
57
+ 'purple-600': 'var(--purple-600)',
58
+ 'purple-700': 'var(--purple-700)',
59
+ 'purple-800': 'var(--purple-800)',
60
+ 'purple-900': 'var(--purple-900)',
61
+ 'purple-950': 'var(--purple-950)',
62
+ 'red-50': 'var(--red-50)',
63
+ 'red-100': 'var(--red-100)',
64
+ 'red-200': 'var(--red-200)',
65
+ 'red-300': 'var(--red-300)',
66
+ 'red-400': 'var(--red-400)',
67
+ 'red-500': 'var(--red-500)',
68
+ 'red-600': 'var(--red-600)',
69
+ 'red-700': 'var(--red-700)',
70
+ 'red-800': 'var(--red-800)',
71
+ 'red-900': 'var(--red-900)',
72
+ 'red-950': 'var(--red-950)',
73
73
  };
74
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)',
75
+ 'theme-indigo-10': 'var(--theme-indigo-10)',
76
+ 'theme-indigo-50': 'var(--theme-indigo-50)',
77
+ 'theme-indigo-100': 'var(--theme-indigo-100)',
78
+ 'theme-indigo-200': 'var(--theme-indigo-200)',
79
+ 'theme-indigo-300': 'var(--theme-indigo-300)',
80
+ 'theme-indigo-400': 'var(--theme-indigo-400)',
81
+ 'theme-indigo-500': 'var(--theme-indigo-500)',
82
+ 'theme-indigo-600': 'var(--theme-indigo-600)',
83
+ 'theme-indigo-700': 'var(--theme-indigo-700)',
84
+ 'theme-indigo-800': 'var(--theme-indigo-800)',
85
+ 'theme-indigo-900': 'var(--theme-indigo-900)',
86
+ 'theme-indigo-950': 'var(--theme-indigo-950)',
87
+ 'theme-blue-10': 'var(--theme-blue-10)',
88
+ 'theme-blue-50': 'var(--theme-blue-50)',
89
+ 'theme-blue-100': 'var(--theme-blue-100)',
90
+ 'theme-blue-200': 'var(--theme-blue-200)',
91
+ 'theme-blue-300': 'var(--theme-blue-300)',
92
+ 'theme-blue-400': 'var(--theme-blue-400)',
93
+ 'theme-blue-500': 'var(--theme-blue-500)',
94
+ 'theme-blue-600': 'var(--theme-blue-600)',
95
+ 'theme-blue-700': 'var(--theme-blue-700)',
96
+ 'theme-blue-800': 'var(--theme-blue-800)',
97
+ 'theme-blue-900': 'var(--theme-blue-900)',
98
+ 'theme-blue-950': 'var(--theme-blue-950)',
99
+ 'theme-light-blue-10': 'var(--theme-light-blue-10)',
100
+ 'theme-light-blue-50': 'var(--theme-light-blue-50)',
101
+ 'theme-light-blue-100': 'var(--theme-light-blue-100)',
102
+ 'theme-light-blue-200': 'var(--theme-light-blue-200)',
103
+ 'theme-light-blue-300': 'var(--theme-light-blue-300)',
104
+ 'theme-light-blue-400': 'var(--theme-light-blue-400)',
105
+ 'theme-light-blue-500': 'var(--theme-light-blue-500)',
106
+ 'theme-light-blue-600': 'var(--theme-light-blue-600)',
107
+ 'theme-light-blue-700': 'var(--theme-light-blue-700)',
108
+ 'theme-light-blue-800': 'var(--theme-light-blue-800)',
109
+ 'theme-light-blue-900': 'var(--theme-light-blue-900)',
110
+ 'theme-light-blue-950': 'var(--theme-light-blue-950)',
111
+ 'theme-green-10': 'var(--theme-green-10)',
112
+ 'theme-green-50': 'var(--theme-green-50)',
113
+ 'theme-green-100': 'var(--theme-green-100)',
114
+ 'theme-green-200': 'var(--theme-green-200)',
115
+ 'theme-green-300': 'var(--theme-green-300)',
116
+ 'theme-green-400': 'var(--theme-green-400)',
117
+ 'theme-green-500': 'var(--theme-green-500)',
118
+ 'theme-green-600': 'var(--theme-green-600)',
119
+ 'theme-green-700': 'var(--theme-green-700)',
120
+ 'theme-green-800': 'var(--theme-green-800)',
121
+ 'theme-green-900': 'var(--theme-green-900)',
122
+ 'theme-green-950': 'var(--theme-green-950)',
123
+ 'theme-red-10': 'var(--theme-red-10)',
124
+ 'theme-red-50': 'var(--theme-red-50)',
125
+ 'theme-red-100': 'var(--theme-red-100)',
126
+ 'theme-red-200': 'var(--theme-red-200)',
127
+ 'theme-red-300': 'var(--theme-red-300)',
128
+ 'theme-red-400': 'var(--theme-red-400)',
129
+ 'theme-red-500': 'var(--theme-red-500)',
130
+ 'theme-red-600': 'var(--theme-red-600)',
131
+ 'theme-red-700': 'var(--theme-red-700)',
132
+ 'theme-red-800': 'var(--theme-red-800)',
133
+ 'theme-red-900': 'var(--theme-red-900)',
134
+ 'theme-red-950': 'var(--theme-red-950)',
135
+ 'theme-light-red-10': 'var(--theme-light-red-10)',
136
+ 'theme-light-red-50': 'var(--theme-light-red-50)',
137
+ 'theme-light-red-100': 'var(--theme-light-red-100)',
138
+ 'theme-light-red-200': 'var(--theme-light-red-200)',
139
+ 'theme-light-red-300': 'var(--theme-light-red-300)',
140
+ 'theme-light-red-400': 'var(--theme-light-red-400)',
141
+ 'theme-light-red-500': 'var(--theme-light-red-500)',
142
+ 'theme-light-red-600': 'var(--theme-light-red-600)',
143
+ 'theme-light-red-700': 'var(--theme-light-red-700)',
144
+ 'theme-light-red-800': 'var(--theme-light-red-800)',
145
+ 'theme-light-red-900': 'var(--theme-light-red-900)',
146
+ 'theme-light-red-950': 'var(--theme-light-red-950)',
147
147
  };
148
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)',
149
+ 'data-viz-green-50': 'var(--data-viz-green-50)',
150
+ 'data-viz-green-100': 'var(--data-viz-green-100)',
151
+ 'data-viz-green-200': 'var(--data-viz-green-200)',
152
+ 'data-viz-green-300': 'var(--data-viz-green-300)',
153
+ 'data-viz-green-400': 'var(--data-viz-green-400)',
154
+ 'data-viz-green-500': 'var(--data-viz-green-500)',
155
+ 'data-viz-green-600': 'var(--data-viz-green-600)',
156
+ 'data-viz-green-700': 'var(--data-viz-green-700)',
157
+ 'data-viz-green-800': 'var(--data-viz-green-800)',
158
+ 'data-viz-green-900': 'var(--data-viz-green-900)',
159
+ 'data-viz-green-950': 'var(--data-viz-green-950)',
160
+ 'data-viz-aqua-50': 'var(--data-viz-aqua-50)',
161
+ 'data-viz-aqua-100': 'var(--data-viz-aqua-100)',
162
+ 'data-viz-aqua-200': 'var(--data-viz-aqua-200)',
163
+ 'data-viz-aqua-300': 'var(--data-viz-aqua-300)',
164
+ 'data-viz-aqua-400': 'var(--data-viz-aqua-400)',
165
+ 'data-viz-aqua-500': 'var(--data-viz-aqua-500)',
166
+ 'data-viz-aqua-600': 'var(--data-viz-aqua-600)',
167
+ 'data-viz-aqua-700': 'var(--data-viz-aqua-700)',
168
+ 'data-viz-aqua-800': 'var(--data-viz-aqua-800)',
169
+ 'data-viz-aqua-900': 'var(--data-viz-aqua-900)',
170
+ 'data-viz-aqua-950': 'var(--data-viz-aqua-950)',
171
+ 'data-viz-blue-50': 'var(--data-viz-blue-50)',
172
+ 'data-viz-blue-100': 'var(--data-viz-blue-100)',
173
+ 'data-viz-blue-200': 'var(--data-viz-blue-200)',
174
+ 'data-viz-blue-300': 'var(--data-viz-blue-300)',
175
+ 'data-viz-blue-400': 'var(--data-viz-blue-400)',
176
+ 'data-viz-blue-500': 'var(--data-viz-blue-500)',
177
+ 'data-viz-blue-600': 'var(--data-viz-blue-600)',
178
+ 'data-viz-blue-700': 'var(--data-viz-blue-700)',
179
+ 'data-viz-blue-800': 'var(--data-viz-blue-800)',
180
+ 'data-viz-blue-900': 'var(--data-viz-blue-900)',
181
+ 'data-viz-blue-950': 'var(--data-viz-blue-950)',
182
+ 'data-viz-magenta-50': 'var(--data-viz-magenta-50)',
183
+ 'data-viz-magenta-100': 'var(--data-viz-magenta-100)',
184
+ 'data-viz-magenta-200': 'var(--data-viz-magenta-200)',
185
+ 'data-viz-magenta-300': 'var(--data-viz-magenta-300)',
186
+ 'data-viz-magenta-400': 'var(--data-viz-magenta-400)',
187
+ 'data-viz-magenta-500': 'var(--data-viz-magenta-500)',
188
+ 'data-viz-magenta-600': 'var(--data-viz-magenta-600)',
189
+ 'data-viz-magenta-700': 'var(--data-viz-magenta-700)',
190
+ 'data-viz-magenta-800': 'var(--data-viz-magenta-800)',
191
+ 'data-viz-magenta-900': 'var(--data-viz-magenta-900)',
192
+ 'data-viz-magenta-950': 'var(--data-viz-magenta-950)',
193
+ 'data-viz-orange-50': 'var(--data-viz-orange-50)',
194
+ 'data-viz-orange-100': 'var(--data-viz-orange-100)',
195
+ 'data-viz-orange-200': 'var(--data-viz-orange-200)',
196
+ 'data-viz-orange-300': 'var(--data-viz-orange-300)',
197
+ 'data-viz-orange-400': 'var(--data-viz-orange-400)',
198
+ 'data-viz-orange-500': 'var(--data-viz-orange-500)',
199
+ 'data-viz-orange-600': 'var(--data-viz-orange-600)',
200
+ 'data-viz-orange-700': 'var(--data-viz-orange-700)',
201
+ 'data-viz-orange-800': 'var(--data-viz-orange-800)',
202
+ 'data-viz-orange-900': 'var(--data-viz-orange-900)',
203
+ 'data-viz-orange-950': 'var(--data-viz-orange-950)',
204
204
  };
205
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)',
206
+ 'neutral-0': 'var(--gl-color-neutral-0)',
207
+ 'neutral-10': 'var(--gl-color-neutral-10)',
208
+ 'neutral-50': 'var(--gl-color-neutral-50)',
209
+ 'neutral-100': 'var(--gl-color-neutral-100)',
210
+ 'neutral-200': 'var(--gl-color-neutral-200)',
211
+ 'neutral-300': 'var(--gl-color-neutral-300)',
212
+ 'neutral-400': 'var(--gl-color-neutral-400)',
213
+ 'neutral-500': 'var(--gl-color-neutral-500)',
214
+ 'neutral-600': 'var(--gl-color-neutral-600)',
215
+ 'neutral-700': 'var(--gl-color-neutral-700)',
216
+ 'neutral-800': 'var(--gl-color-neutral-800)',
217
+ 'neutral-900': 'var(--gl-color-neutral-900)',
218
+ 'neutral-950': 'var(--gl-color-neutral-950)',
219
+ 'neutral-1000': 'var(--gl-color-neutral-1000)',
220
220
  };
221
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))',
222
+ default: 'var(--gl-text-color-default)',
223
+ subtle: 'var(--gl-text-color-subtle)',
224
+ strong: 'var(--gl-text-color-strong)',
225
+ heading: 'var(--gl-text-color-heading)',
226
+ link: 'var(--gl-text-color-link)',
227
+ warning: 'var(--gl-text-color-warning)',
228
+ danger: 'var(--gl-text-color-danger)',
229
+ success: 'var(--gl-text-color-success)',
230
+ disabled: 'var(--gl-text-color-disabled)',
231
231
  };
232
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)))',
233
+ default: 'var(--gl-background-color-default)',
234
+ subtle: 'var(--gl-background-color-subtle)',
235
+ strong: 'var(--gl-background-color-strong)',
236
+ disabled: 'var(--gl-background-color-disabled)',
237
+ overlap: 'var(--gl-background-color-overlap)',
238
+ section: 'var(--gl-background-color-section)',
239
+ overlay: 'var(--gl-background-color-overlay)',
241
240
  };
242
241
  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))',
242
+ default: 'var(--gl-border-color-default)',
243
+ subtle: 'var(--gl-border-color-subtle)',
244
+ strong: 'var(--gl-border-color-strong)',
245
+ section: 'var(--gl-border-color-section)',
246
+ transparent: 'var(--gl-border-color-transparent)',
248
247
  };
249
248
  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))',
249
+ default: 'var(--gl-icon-color-default)',
250
+ subtle: 'var(--gl-icon-color-subtle)',
251
+ strong: 'var(--gl-icon-color-strong)',
252
+ disabled: 'var(--gl-icon-color-disabled)',
253
+ link: 'var(--gl-icon-color-link)',
254
+ info: 'var(--gl-icon-color-info)',
255
+ warning: 'var(--gl-icon-color-warning)',
256
+ danger: 'var(--gl-icon-color-danger)',
257
+ success: 'var(--gl-icon-color-success)',
259
258
  };
260
259
  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))',
260
+ 2: 'var(--gl-color-alpha-dark-2)',
261
+ 4: 'var(--gl-color-alpha-dark-4)',
262
+ 6: 'var(--gl-color-alpha-dark-6)',
263
+ 8: 'var(--gl-color-alpha-dark-8)',
264
+ 16: 'var(--gl-color-alpha-dark-16)',
265
+ 24: 'var(--gl-color-alpha-dark-24)',
266
+ 40: 'var(--gl-color-alpha-dark-40)',
268
267
  };
269
268
  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))',
269
+ 2: 'var(--gl-color-alpha-light-2)',
270
+ 4: 'var(--gl-color-alpha-light-4)',
271
+ 6: 'var(--gl-color-alpha-light-6)',
272
+ 8: 'var(--gl-color-alpha-light-8)',
273
+ 16: 'var(--gl-color-alpha-light-16)',
274
+ 24: 'var(--gl-color-alpha-light-24)',
275
+ 36: 'var(--gl-color-alpha-light-36)',
277
276
  };
278
277
  const brandColors = {
279
- 'brand-white': 'var(--gl-color-brand-white, #fff)',
280
- 'brand-charcoal': 'var(--gl-color-brand-charcoal, #171321)',
278
+ 'brand-white': 'var(--gl-color-brand-white)',
279
+ 'brand-charcoal': 'var(--gl-color-brand-charcoal)',
281
280
  '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)',
281
+ '01g': 'var(--gl-color-brand-orange-01g)',
282
+ '01p': 'var(--gl-color-brand-orange-01p)',
283
+ '02p': 'var(--gl-color-brand-orange-02p)',
284
+ '03p': 'var(--gl-color-brand-orange-03p)',
286
285
  },
287
286
  '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)',
287
+ '01g': 'var(--gl-color-brand-purple-01g)',
288
+ '01p': 'var(--gl-color-brand-purple-01p)',
289
+ '02p': 'var(--gl-color-brand-purple-02p)',
291
290
  },
292
291
  '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)',
292
+ '01': 'var(--gl-color-brand-gray-01)',
293
+ '02': 'var(--gl-color-brand-gray-02)',
294
+ '03': 'var(--gl-color-brand-gray-03)',
295
+ '04': 'var(--gl-color-brand-gray-04)',
296
+ '05': 'var(--gl-color-brand-gray-05)',
298
297
  },
299
- 'brand-pink': { '01g': 'var(--gl-color-brand-pink-01g, #ffb9c9)' },
298
+ 'brand-pink': { '01g': 'var(--gl-color-brand-pink-01g)' },
300
299
  };
301
300
  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))',
301
+ 'status-neutral': 'var(--gl-status-neutral-background-color)',
302
+ 'status-info': 'var(--gl-status-info-background-color)',
303
+ 'status-success': 'var(--gl-status-success-background-color)',
304
+ 'status-warning': 'var(--gl-status-warning-background-color)',
305
+ 'status-danger': 'var(--gl-status-danger-background-color)',
306
+ 'status-brand': 'var(--gl-status-brand-background-color)',
310
307
  };
311
308
  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))',
309
+ 'status-neutral': 'var(--gl-status-neutral-text-color)',
310
+ 'status-info': 'var(--gl-status-info-text-color)',
311
+ 'status-success': 'var(--gl-status-success-text-color)',
312
+ 'status-warning': 'var(--gl-status-warning-text-color)',
313
+ 'status-danger': 'var(--gl-status-danger-text-color)',
314
+ 'status-brand': 'var(--gl-status-brand-text-color)',
318
315
  };
319
316
  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))',
317
+ 'status-neutral': 'var(--gl-status-neutral-icon-color)',
318
+ 'status-info': 'var(--gl-status-info-icon-color)',
319
+ 'status-success': 'var(--gl-status-success-icon-color)',
320
+ 'status-warning': 'var(--gl-status-warning-icon-color)',
321
+ 'status-danger': 'var(--gl-status-danger-icon-color)',
322
+ 'status-brand': 'var(--gl-status-brand-icon-color)',
326
323
  };
327
324
  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))',
325
+ 'feedback-strong': 'var(--gl-feedback-strong-background-color)',
326
+ 'feedback-neutral': 'var(--gl-feedback-neutral-background-color)',
327
+ 'feedback-info': 'var(--gl-feedback-info-background-color)',
328
+ 'feedback-success': 'var(--gl-feedback-success-background-color)',
329
+ 'feedback-warning': 'var(--gl-feedback-warning-background-color)',
330
+ 'feedback-danger': 'var(--gl-feedback-danger-background-color)',
338
331
  };
339
332
  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))',
333
+ 'feedback-strong': 'var(--gl-feedback-strong-text-color)',
334
+ 'feedback-neutral': 'var(--gl-feedback-neutral-text-color)',
335
+ 'feedback-info': 'var(--gl-feedback-info-text-color)',
336
+ 'feedback-success': 'var(--gl-feedback-success-text-color)',
337
+ 'feedback-warning': 'var(--gl-feedback-warning-text-color)',
338
+ 'feedback-danger': 'var(--gl-feedback-danger-text-color)',
346
339
  };
347
340
  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))',
341
+ 'feedback-strong': 'var(--gl-feedback-strong-icon-color)',
342
+ 'feedback-neutral': 'var(--gl-feedback-neutral-icon-color)',
343
+ 'feedback-info': 'var(--gl-feedback-info-icon-color)',
344
+ 'feedback-success': 'var(--gl-feedback-success-icon-color)',
345
+ 'feedback-warning': 'var(--gl-feedback-warning-icon-color)',
346
+ 'feedback-danger': 'var(--gl-feedback-danger-icon-color)',
354
347
  };
355
348
  const spacingScale = {
356
- 0: 'var(--gl-spacing-scale-0, 0)',
357
- 1: 'var(--gl-spacing-scale-1, 0.125rem)',
358
- 2: 'var(--gl-spacing-scale-2, 0.25rem)',
359
- 3: 'var(--gl-spacing-scale-3, 0.5rem)',
360
- 4: 'var(--gl-spacing-scale-4, 0.75rem)',
361
- 5: 'var(--gl-spacing-scale-5, 1rem)',
362
- 6: 'var(--gl-spacing-scale-6, 1.5rem)',
363
- 7: 'var(--gl-spacing-scale-7, 2rem)',
364
- 8: 'var(--gl-spacing-scale-8, 2.5rem)',
365
- 9: 'var(--gl-spacing-scale-9, 3rem)',
366
- 10: 'var(--gl-spacing-scale-10, 3.5rem)',
367
- 11: 'var(--gl-spacing-scale-11, 4rem)',
368
- 12: 'var(--gl-spacing-scale-12, 5rem)',
369
- 13: 'var(--gl-spacing-scale-13, 6rem)',
370
- 15: 'var(--gl-spacing-scale-15, 7.5rem)',
371
- 18: 'var(--gl-spacing-scale-18, 9rem)',
372
- 20: 'var(--gl-spacing-scale-20, 10rem)',
373
- 26: 'var(--gl-spacing-scale-26, 13rem)',
374
- 28: 'var(--gl-spacing-scale-28, 14rem)',
375
- 30: 'var(--gl-spacing-scale-30, 15rem)',
376
- 31: 'var(--gl-spacing-scale-31, 15.5rem)',
377
- 33: 'var(--gl-spacing-scale-33, 16.5rem)',
378
- 34: 'var(--gl-spacing-scale-34, 17rem)',
379
- 37: 'var(--gl-spacing-scale-37, 18.5rem)',
380
- 48: 'var(--gl-spacing-scale-48, 24rem)',
381
- 62: 'var(--gl-spacing-scale-62, 31rem)',
382
- 75: 'var(--gl-spacing-scale-75, 37.5rem)',
383
- 80: 'var(--gl-spacing-scale-80, 40rem)',
384
- 88: 'var(--gl-spacing-scale-88, 44rem)',
385
- px: 'var(--gl-spacing-scale-px, 1px)',
386
- '2-5': 'var(--gl-spacing-scale-2-5, 0.375rem)',
387
- '11-5': 'var(--gl-spacing-scale-11-5, 4.5rem)',
349
+ 0: 'var(--gl-spacing-scale-0)',
350
+ 1: 'var(--gl-spacing-scale-1)',
351
+ 2: 'var(--gl-spacing-scale-2)',
352
+ 3: 'var(--gl-spacing-scale-3)',
353
+ 4: 'var(--gl-spacing-scale-4)',
354
+ 5: 'var(--gl-spacing-scale-5)',
355
+ 6: 'var(--gl-spacing-scale-6)',
356
+ 7: 'var(--gl-spacing-scale-7)',
357
+ 8: 'var(--gl-spacing-scale-8)',
358
+ 9: 'var(--gl-spacing-scale-9)',
359
+ 10: 'var(--gl-spacing-scale-10)',
360
+ 11: 'var(--gl-spacing-scale-11)',
361
+ 12: 'var(--gl-spacing-scale-12)',
362
+ 13: 'var(--gl-spacing-scale-13)',
363
+ 15: 'var(--gl-spacing-scale-15)',
364
+ 18: 'var(--gl-spacing-scale-18)',
365
+ 20: 'var(--gl-spacing-scale-20)',
366
+ 26: 'var(--gl-spacing-scale-26)',
367
+ 28: 'var(--gl-spacing-scale-28)',
368
+ 30: 'var(--gl-spacing-scale-30)',
369
+ 31: 'var(--gl-spacing-scale-31)',
370
+ 33: 'var(--gl-spacing-scale-33)',
371
+ 34: 'var(--gl-spacing-scale-34)',
372
+ 37: 'var(--gl-spacing-scale-37)',
373
+ 48: 'var(--gl-spacing-scale-48)',
374
+ 62: 'var(--gl-spacing-scale-62)',
375
+ 75: 'var(--gl-spacing-scale-75)',
376
+ 80: 'var(--gl-spacing-scale-80)',
377
+ 88: 'var(--gl-spacing-scale-88)',
378
+ px: 'var(--gl-spacing-scale-px)',
379
+ '2-5': 'var(--gl-spacing-scale-2-5)',
380
+ '11-5': 'var(--gl-spacing-scale-11-5)',
388
381
  };
389
382
  const borderRadius = {
390
- none: 'var(--gl-border-radius-none, var(--gl-spacing-scale-0, 0))',
391
- xs: 'var(--gl-border-radius-xs, var(--gl-spacing-scale-px, 1px))',
392
- sm: 'var(--gl-border-radius-sm, var(--gl-spacing-scale-1, 0.125rem))',
393
- md: 'var(--gl-border-radius-md, var(--gl-spacing-scale-2, 0.25rem))',
394
- lg: 'var(--gl-border-radius-lg, var(--gl-spacing-scale-3, 0.5rem))',
395
- xl: 'var(--gl-border-radius-xl, var(--gl-spacing-scale-4, 0.75rem))',
396
- '2xl': 'var(--gl-border-radius-2xl, var(--gl-spacing-scale-5, 1rem))',
397
- '3xl': 'var(--gl-border-radius-3xl, var(--gl-spacing-scale-6, 1.5rem))',
398
- full: 'var(--gl-border-radius-full, 9999px)',
399
- default: 'var(--gl-border-radius-default, var(--gl-border-radius-md, 0.25rem))',
400
- control: 'var(--gl-control-border-radius, var(--gl-border-radius-default, 0.25rem))',
383
+ none: 'var(--gl-border-radius-none)',
384
+ xs: 'var(--gl-border-radius-xs)',
385
+ sm: 'var(--gl-border-radius-sm)',
386
+ md: 'var(--gl-border-radius-md)',
387
+ lg: 'var(--gl-border-radius-lg)',
388
+ xl: 'var(--gl-border-radius-xl)',
389
+ '2xl': 'var(--gl-border-radius-2xl)',
390
+ '3xl': 'var(--gl-border-radius-3xl)',
391
+ full: 'var(--gl-border-radius-full)',
392
+ default: 'var(--gl-border-radius-default)',
393
+ control: 'var(--gl-control-border-radius)',
401
394
  };
402
395
  const opacity = {
403
- 0: 'var(--gl-opacity-0, 0)',
404
- 1: 'var(--gl-opacity-1, .1)',
405
- 2: 'var(--gl-opacity-2, .2)',
406
- 3: 'var(--gl-opacity-3, .3)',
407
- 4: 'var(--gl-opacity-4, .4)',
408
- 5: 'var(--gl-opacity-5, .5)',
409
- 6: 'var(--gl-opacity-6, .6)',
410
- 7: 'var(--gl-opacity-7, .7)',
411
- 8: 'var(--gl-opacity-8, .8)',
412
- 9: 'var(--gl-opacity-9, .9)',
413
- 10: 'var(--gl-opacity-10, 1)',
396
+ 0: 'var(--gl-opacity-0)',
397
+ 1: 'var(--gl-opacity-1)',
398
+ 2: 'var(--gl-opacity-2)',
399
+ 3: 'var(--gl-opacity-3)',
400
+ 4: 'var(--gl-opacity-4)',
401
+ 5: 'var(--gl-opacity-5)',
402
+ 6: 'var(--gl-opacity-6)',
403
+ 7: 'var(--gl-opacity-7)',
404
+ 8: 'var(--gl-opacity-8)',
405
+ 9: 'var(--gl-opacity-9)',
406
+ 10: 'var(--gl-opacity-10)',
414
407
  };
415
408
  const zindexes = {
416
- 0: 'var(--gl-zindex-0, 0)',
417
- 1: 'var(--gl-zindex-1, 1)',
418
- 2: 'var(--gl-zindex-2, 2)',
419
- 3: 'var(--gl-zindex-3, 3)',
420
- 4: 'var(--gl-zindex-4, 4)',
421
- 200: 'var(--gl-zindex-200, 200)',
422
- 9999: 'var(--gl-zindex-9999, 9999)',
409
+ 0: 'var(--gl-zindex-0)',
410
+ 1: 'var(--gl-zindex-1)',
411
+ 2: 'var(--gl-zindex-2)',
412
+ 3: 'var(--gl-zindex-3)',
413
+ 4: 'var(--gl-zindex-4)',
414
+ 200: 'var(--gl-zindex-200)',
415
+ 9999: 'var(--gl-zindex-9999)',
423
416
  };
424
417
  const boxShadow = {
425
418
  sm: 'var(--gl-shadow-sm)',
@@ -431,8 +424,8 @@ const colors = {
431
424
  inherit: 'inherit',
432
425
  current: 'currentColor',
433
426
  transparent: 'transparent',
434
- white: 'var(--white, #fff)',
435
- black: 'var(--black, #050506)',
427
+ white: 'var(--white)',
428
+ black: 'var(--black)',
436
429
  alpha: {
437
430
  dark: { ...alphaDarkColors },
438
431
  light: { ...alphaLightColors },
@@ -449,31 +442,29 @@ const backgroundColor = {
449
442
  ...backgroundColors,
450
443
  ...statusBackgroundColors,
451
444
  ...feedbackBackgroundColors,
452
- dropdown: 'var(--gl-dropdown-background-color, var(--gl-background-color-overlap, #fff))',
445
+ dropdown: 'var(--gl-dropdown-background-color)',
453
446
  control: {
454
- default: 'var(--gl-control-background-color-default, var(--gl-color-neutral-0, #fff))',
455
- disabled: 'var(--gl-control-background-color-disabled, var(--gl-color-neutral-10, #fbfafd))',
456
- concatenation:
457
- 'var(--gl-control-background-color-concatenation, var(--gl-color-neutral-10, #fbfafd))',
458
- readonly:
459
- 'var(--gl-control-background-color-readonly, var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02)))',
447
+ default: 'var(--gl-control-background-color-default)',
448
+ disabled: 'var(--gl-control-background-color-disabled)',
449
+ concatenation: 'var(--gl-control-background-color-concatenation)',
450
+ readonly: 'var(--gl-control-background-color-readonly)',
460
451
  },
461
452
  };
462
453
 
463
454
  const borderColor = {
464
455
  ...colors,
465
456
  ...borderColors,
466
- dropdown: 'var(--gl-dropdown-border-color, var(--gl-border-color-strong, #bfbfc3))',
467
- 'dropdown-divider': 'var(--gl-dropdown-divider-color, var(--gl-border-color-default, #dcdcde))',
457
+ dropdown: 'var(--gl-dropdown-border-color)',
458
+ 'dropdown-divider': 'var(--gl-dropdown-divider-color)',
468
459
  control: {
469
- default: 'var(--gl-control-border-color-default, var(--gl-color-neutral-400, #89888d))',
470
- disabled: 'var(--gl-control-border-color-disabled, var(--gl-color-neutral-100, #dcdcde))',
471
- error: 'var(--gl-control-border-color-error, var(--gl-color-red-500, #dd2b0e))',
460
+ default: 'var(--gl-control-border-color-default)',
461
+ disabled: 'var(--gl-control-border-color-disabled)',
462
+ error: 'var(--gl-control-border-color-error)',
472
463
  },
473
464
  };
474
465
 
475
466
  const outlineColor = {
476
- focus: 'var(--gl-focus-ring-outer-color, var(--gl-color-blue-500, #1f75cb))',
467
+ focus: 'var(--gl-focus-ring-outer-color)',
477
468
  };
478
469
 
479
470
  const fill = {
@@ -490,13 +481,13 @@ const textColor = {
490
481
  ...textColors,
491
482
  ...statusTextColors,
492
483
  ...feedbackTextColors,
493
- primary: 'var(--gl-text-primary, #28272d)',
494
- secondary: 'var(--gl-text-secondary, #737278)',
495
- tertiary: 'var(--gl-text-tertiary, #89888d)',
484
+ primary: 'var(--gl-text-primary)',
485
+ secondary: 'var(--gl-text-secondary)',
486
+ tertiary: 'var(--gl-text-tertiary)',
496
487
  control: {
497
- placeholder: 'var(--gl-control-placeholder-color, var(--gl-text-color-disabled, #89888d))',
498
- error: 'var(--gl-control-text-color-error, var(--gl-text-color-danger, #c02f12))',
499
- valid: 'var(--gl-control-text-color-valid, var(--gl-text-color-success, #2f7549))',
488
+ placeholder: 'var(--gl-control-placeholder-color)',
489
+ error: 'var(--gl-control-text-color-error)',
490
+ valid: 'var(--gl-control-text-color-valid)',
500
491
  },
501
492
  };
502
493