@carbon/colors 11.48.0 → 11.49.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 (5) hide show
  1. package/es/index.js +566 -566
  2. package/index.scss +1 -1
  3. package/lib/index.js +567 -567
  4. package/package.json +3 -3
  5. package/umd/index.js +875 -875
package/es/index.js CHANGED
@@ -1,599 +1,599 @@
1
+ //#region src/colors.js
1
2
  /**
2
- * Copyright IBM Corp. 2018, 2023
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- var black = '#000000';
9
- var black100 = black;
10
- var blackHover = '#212121';
11
- var white = '#ffffff';
12
- var white0 = white;
13
- var whiteHover = '#e8e8e8';
14
- var yellow10 = '#fcf4d6';
15
- var yellow20 = '#fddc69';
16
- var yellow30 = '#f1c21b';
17
- var yellow40 = '#d2a106';
18
- var yellow50 = '#b28600';
19
- var yellow60 = '#8e6a00';
20
- var yellow70 = '#684e00';
21
- var yellow80 = '#483700';
22
- var yellow90 = '#302400';
23
- var yellow100 = '#1c1500';
24
- var yellow = {
25
- 10: yellow10,
26
- 20: yellow20,
27
- 30: yellow30,
28
- 40: yellow40,
29
- 50: yellow50,
30
- 60: yellow60,
31
- 70: yellow70,
32
- 80: yellow80,
33
- 90: yellow90,
34
- 100: yellow100
3
+ * Copyright IBM Corp. 2018, 2023
4
+ *
5
+ * This source code is licensed under the Apache-2.0 license found in the
6
+ * LICENSE file in the root directory of this source tree.
7
+ */
8
+ const black = "#000000";
9
+ const black100 = black;
10
+ const blackHover = "#212121";
11
+ const white = "#ffffff";
12
+ const white0 = white;
13
+ const whiteHover = "#e8e8e8";
14
+ const yellow10 = "#fcf4d6";
15
+ const yellow20 = "#fddc69";
16
+ const yellow30 = "#f1c21b";
17
+ const yellow40 = "#d2a106";
18
+ const yellow50 = "#b28600";
19
+ const yellow60 = "#8e6a00";
20
+ const yellow70 = "#684e00";
21
+ const yellow80 = "#483700";
22
+ const yellow90 = "#302400";
23
+ const yellow100 = "#1c1500";
24
+ const yellow = {
25
+ 10: yellow10,
26
+ 20: yellow20,
27
+ 30: yellow30,
28
+ 40: yellow40,
29
+ 50: yellow50,
30
+ 60: yellow60,
31
+ 70: yellow70,
32
+ 80: yellow80,
33
+ 90: yellow90,
34
+ 100: yellow100
35
35
  };
36
- var yellow10Hover = '#f8e6a0';
37
- var yellow20Hover = '#fccd27';
38
- var yellow30Hover = '#ddb00e';
39
- var yellow40Hover = '#bc9005';
40
- var yellow50Hover = '#9e7700';
41
- var yellow60Hover = '#755800';
42
- var yellow70Hover = '#806000';
43
- var yellow80Hover = '#5c4600';
44
- var yellow90Hover = '#3d2e00';
45
- var yellow100Hover = '#332600';
46
- var yellowHover = {
47
- 10: yellow10Hover,
48
- 20: yellow20Hover,
49
- 30: yellow30Hover,
50
- 40: yellow40Hover,
51
- 50: yellow50Hover,
52
- 60: yellow60Hover,
53
- 70: yellow70Hover,
54
- 80: yellow80Hover,
55
- 90: yellow90Hover,
56
- 100: yellow100Hover
36
+ const yellow10Hover = "#f8e6a0";
37
+ const yellow20Hover = "#fccd27";
38
+ const yellow30Hover = "#ddb00e";
39
+ const yellow40Hover = "#bc9005";
40
+ const yellow50Hover = "#9e7700";
41
+ const yellow60Hover = "#755800";
42
+ const yellow70Hover = "#806000";
43
+ const yellow80Hover = "#5c4600";
44
+ const yellow90Hover = "#3d2e00";
45
+ const yellow100Hover = "#332600";
46
+ const yellowHover = {
47
+ 10: yellow10Hover,
48
+ 20: yellow20Hover,
49
+ 30: yellow30Hover,
50
+ 40: yellow40Hover,
51
+ 50: yellow50Hover,
52
+ 60: yellow60Hover,
53
+ 70: yellow70Hover,
54
+ 80: yellow80Hover,
55
+ 90: yellow90Hover,
56
+ 100: yellow100Hover
57
57
  };
58
- var orange10 = '#fff2e8';
59
- var orange20 = '#ffd9be';
60
- var orange30 = '#ffb784';
61
- var orange40 = '#ff832b';
62
- var orange50 = '#eb6200';
63
- var orange60 = '#ba4e00';
64
- var orange70 = '#8a3800';
65
- var orange80 = '#5e2900';
66
- var orange90 = '#3e1a00';
67
- var orange100 = '#231000';
68
- var orange = {
69
- 10: orange10,
70
- 20: orange20,
71
- 30: orange30,
72
- 40: orange40,
73
- 50: orange50,
74
- 60: orange60,
75
- 70: orange70,
76
- 80: orange80,
77
- 90: orange90,
78
- 100: orange100
58
+ const orange10 = "#fff2e8";
59
+ const orange20 = "#ffd9be";
60
+ const orange30 = "#ffb784";
61
+ const orange40 = "#ff832b";
62
+ const orange50 = "#eb6200";
63
+ const orange60 = "#ba4e00";
64
+ const orange70 = "#8a3800";
65
+ const orange80 = "#5e2900";
66
+ const orange90 = "#3e1a00";
67
+ const orange100 = "#231000";
68
+ const orange = {
69
+ 10: orange10,
70
+ 20: orange20,
71
+ 30: orange30,
72
+ 40: orange40,
73
+ 50: orange50,
74
+ 60: orange60,
75
+ 70: orange70,
76
+ 80: orange80,
77
+ 90: orange90,
78
+ 100: orange100
79
79
  };
80
- var orange10Hover = '#ffe2cc';
81
- var orange20Hover = '#ffc69e';
82
- var orange30Hover = '#ff9d57';
83
- var orange40Hover = '#fa6800';
84
- var orange50Hover = '#cc5500';
85
- var orange60Hover = '#9e4200';
86
- var orange70Hover = '#a84400';
87
- var orange80Hover = '#753300';
88
- var orange90Hover = '#522200';
89
- var orange100Hover = '#421e00';
90
- var orangeHover = {
91
- 10: orange10Hover,
92
- 20: orange20Hover,
93
- 30: orange30Hover,
94
- 40: orange40Hover,
95
- 50: orange50Hover,
96
- 60: orange60Hover,
97
- 70: orange70Hover,
98
- 80: orange80Hover,
99
- 90: orange90Hover,
100
- 100: orange100Hover
80
+ const orange10Hover = "#ffe2cc";
81
+ const orange20Hover = "#ffc69e";
82
+ const orange30Hover = "#ff9d57";
83
+ const orange40Hover = "#fa6800";
84
+ const orange50Hover = "#cc5500";
85
+ const orange60Hover = "#9e4200";
86
+ const orange70Hover = "#a84400";
87
+ const orange80Hover = "#753300";
88
+ const orange90Hover = "#522200";
89
+ const orange100Hover = "#421e00";
90
+ const orangeHover = {
91
+ 10: orange10Hover,
92
+ 20: orange20Hover,
93
+ 30: orange30Hover,
94
+ 40: orange40Hover,
95
+ 50: orange50Hover,
96
+ 60: orange60Hover,
97
+ 70: orange70Hover,
98
+ 80: orange80Hover,
99
+ 90: orange90Hover,
100
+ 100: orange100Hover
101
101
  };
102
- var red10 = '#fff1f1';
103
- var red20 = '#ffd7d9';
104
- var red30 = '#ffb3b8';
105
- var red40 = '#ff8389';
106
- var red50 = '#fa4d56';
107
- var red60 = '#da1e28';
108
- var red70 = '#a2191f';
109
- var red80 = '#750e13';
110
- var red90 = '#520408';
111
- var red100 = '#2d0709';
112
- var red = {
113
- 10: red10,
114
- 20: red20,
115
- 30: red30,
116
- 40: red40,
117
- 50: red50,
118
- 60: red60,
119
- 70: red70,
120
- 80: red80,
121
- 90: red90,
122
- 100: red100
102
+ const red10 = "#fff1f1";
103
+ const red20 = "#ffd7d9";
104
+ const red30 = "#ffb3b8";
105
+ const red40 = "#ff8389";
106
+ const red50 = "#fa4d56";
107
+ const red60 = "#da1e28";
108
+ const red70 = "#a2191f";
109
+ const red80 = "#750e13";
110
+ const red90 = "#520408";
111
+ const red100 = "#2d0709";
112
+ const red = {
113
+ 10: red10,
114
+ 20: red20,
115
+ 30: red30,
116
+ 40: red40,
117
+ 50: red50,
118
+ 60: red60,
119
+ 70: red70,
120
+ 80: red80,
121
+ 90: red90,
122
+ 100: red100
123
123
  };
124
- var red100Hover = '#540d11';
125
- var red90Hover = '#66050a';
126
- var red80Hover = '#921118';
127
- var red70Hover = '#c21e25';
128
- var red60Hover = '#b81922';
129
- var red50Hover = '#ee0713';
130
- var red40Hover = '#ff6168';
131
- var red30Hover = '#ff99a0';
132
- var red20Hover = '#ffc2c5';
133
- var red10Hover = '#ffe0e0';
134
- var redHover = {
135
- 100: red100Hover,
136
- 90: red90Hover,
137
- 80: red80Hover,
138
- 70: red70Hover,
139
- 60: red60Hover,
140
- 50: red50Hover,
141
- 40: red40Hover,
142
- 30: red30Hover,
143
- 20: red20Hover,
144
- 10: red10Hover
124
+ const red100Hover = "#540d11";
125
+ const red90Hover = "#66050a";
126
+ const red80Hover = "#921118";
127
+ const red70Hover = "#c21e25";
128
+ const red60Hover = "#b81922";
129
+ const red50Hover = "#ee0713";
130
+ const red40Hover = "#ff6168";
131
+ const red30Hover = "#ff99a0";
132
+ const red20Hover = "#ffc2c5";
133
+ const red10Hover = "#ffe0e0";
134
+ const redHover = {
135
+ 100: red100Hover,
136
+ 90: red90Hover,
137
+ 80: red80Hover,
138
+ 70: red70Hover,
139
+ 60: red60Hover,
140
+ 50: red50Hover,
141
+ 40: red40Hover,
142
+ 30: red30Hover,
143
+ 20: red20Hover,
144
+ 10: red10Hover
145
145
  };
146
- var magenta10 = '#fff0f7';
147
- var magenta20 = '#ffd6e8';
148
- var magenta30 = '#ffafd2';
149
- var magenta40 = '#ff7eb6';
150
- var magenta50 = '#ee5396';
151
- var magenta60 = '#d02670';
152
- var magenta70 = '#9f1853';
153
- var magenta80 = '#740937';
154
- var magenta90 = '#510224';
155
- var magenta100 = '#2a0a18';
156
- var magenta = {
157
- 10: magenta10,
158
- 20: magenta20,
159
- 30: magenta30,
160
- 40: magenta40,
161
- 50: magenta50,
162
- 60: magenta60,
163
- 70: magenta70,
164
- 80: magenta80,
165
- 90: magenta90,
166
- 100: magenta100
146
+ const magenta10 = "#fff0f7";
147
+ const magenta20 = "#ffd6e8";
148
+ const magenta30 = "#ffafd2";
149
+ const magenta40 = "#ff7eb6";
150
+ const magenta50 = "#ee5396";
151
+ const magenta60 = "#d02670";
152
+ const magenta70 = "#9f1853";
153
+ const magenta80 = "#740937";
154
+ const magenta90 = "#510224";
155
+ const magenta100 = "#2a0a18";
156
+ const magenta = {
157
+ 10: magenta10,
158
+ 20: magenta20,
159
+ 30: magenta30,
160
+ 40: magenta40,
161
+ 50: magenta50,
162
+ 60: magenta60,
163
+ 70: magenta70,
164
+ 80: magenta80,
165
+ 90: magenta90,
166
+ 100: magenta100
167
167
  };
168
- var magenta100Hover = '#53142f';
169
- var magenta90Hover = '#68032e';
170
- var magenta80Hover = '#8e0b43';
171
- var magenta70Hover = '#bf1d63';
172
- var magenta60Hover = '#b0215f';
173
- var magenta50Hover = '#e3176f';
174
- var magenta40Hover = '#ff57a0';
175
- var magenta30Hover = '#ff94c3';
176
- var magenta20Hover = '#ffbdda';
177
- var magenta10Hover = '#ffe0ef';
178
- var magentaHover = {
179
- 100: magenta100Hover,
180
- 90: magenta90Hover,
181
- 80: magenta80Hover,
182
- 70: magenta70Hover,
183
- 60: magenta60Hover,
184
- 50: magenta50Hover,
185
- 40: magenta40Hover,
186
- 30: magenta30Hover,
187
- 20: magenta20Hover,
188
- 10: magenta10Hover
168
+ const magenta100Hover = "#53142f";
169
+ const magenta90Hover = "#68032e";
170
+ const magenta80Hover = "#8e0b43";
171
+ const magenta70Hover = "#bf1d63";
172
+ const magenta60Hover = "#b0215f";
173
+ const magenta50Hover = "#e3176f";
174
+ const magenta40Hover = "#ff57a0";
175
+ const magenta30Hover = "#ff94c3";
176
+ const magenta20Hover = "#ffbdda";
177
+ const magenta10Hover = "#ffe0ef";
178
+ const magentaHover = {
179
+ 100: magenta100Hover,
180
+ 90: magenta90Hover,
181
+ 80: magenta80Hover,
182
+ 70: magenta70Hover,
183
+ 60: magenta60Hover,
184
+ 50: magenta50Hover,
185
+ 40: magenta40Hover,
186
+ 30: magenta30Hover,
187
+ 20: magenta20Hover,
188
+ 10: magenta10Hover
189
189
  };
190
- var purple10 = '#f6f2ff';
191
- var purple20 = '#e8daff';
192
- var purple30 = '#d4bbff';
193
- var purple40 = '#be95ff';
194
- var purple50 = '#a56eff';
195
- var purple60 = '#8a3ffc';
196
- var purple70 = '#6929c4';
197
- var purple80 = '#491d8b';
198
- var purple90 = '#31135e';
199
- var purple100 = '#1c0f30';
200
- var purple = {
201
- 10: purple10,
202
- 20: purple20,
203
- 30: purple30,
204
- 40: purple40,
205
- 50: purple50,
206
- 60: purple60,
207
- 70: purple70,
208
- 80: purple80,
209
- 90: purple90,
210
- 100: purple100
190
+ const purple10 = "#f6f2ff";
191
+ const purple20 = "#e8daff";
192
+ const purple30 = "#d4bbff";
193
+ const purple40 = "#be95ff";
194
+ const purple50 = "#a56eff";
195
+ const purple60 = "#8a3ffc";
196
+ const purple70 = "#6929c4";
197
+ const purple80 = "#491d8b";
198
+ const purple90 = "#31135e";
199
+ const purple100 = "#1c0f30";
200
+ const purple = {
201
+ 10: purple10,
202
+ 20: purple20,
203
+ 30: purple30,
204
+ 40: purple40,
205
+ 50: purple50,
206
+ 60: purple60,
207
+ 70: purple70,
208
+ 80: purple80,
209
+ 90: purple90,
210
+ 100: purple100
211
211
  };
212
- var purple100Hover = '#341c59';
213
- var purple90Hover = '#40197b';
214
- var purple80Hover = '#5b24ad';
215
- var purple70Hover = '#7c3dd6';
216
- var purple60Hover = '#7822fb';
217
- var purple50Hover = '#9352ff';
218
- var purple40Hover = '#ae7aff';
219
- var purple30Hover = '#c5a3ff';
220
- var purple20Hover = '#dcc7ff';
221
- var purple10Hover = '#ede5ff';
222
- var purpleHover = {
223
- 100: purple100Hover,
224
- 90: purple90Hover,
225
- 80: purple80Hover,
226
- 70: purple70Hover,
227
- 60: purple60Hover,
228
- 50: purple50Hover,
229
- 40: purple40Hover,
230
- 30: purple30Hover,
231
- 20: purple20Hover,
232
- 10: purple10Hover
212
+ const purple100Hover = "#341c59";
213
+ const purple90Hover = "#40197b";
214
+ const purple80Hover = "#5b24ad";
215
+ const purple70Hover = "#7c3dd6";
216
+ const purple60Hover = "#7822fb";
217
+ const purple50Hover = "#9352ff";
218
+ const purple40Hover = "#ae7aff";
219
+ const purple30Hover = "#c5a3ff";
220
+ const purple20Hover = "#dcc7ff";
221
+ const purple10Hover = "#ede5ff";
222
+ const purpleHover = {
223
+ 100: purple100Hover,
224
+ 90: purple90Hover,
225
+ 80: purple80Hover,
226
+ 70: purple70Hover,
227
+ 60: purple60Hover,
228
+ 50: purple50Hover,
229
+ 40: purple40Hover,
230
+ 30: purple30Hover,
231
+ 20: purple20Hover,
232
+ 10: purple10Hover
233
233
  };
234
- var blue10 = '#edf5ff';
235
- var blue20 = '#d0e2ff';
236
- var blue30 = '#a6c8ff';
237
- var blue40 = '#78a9ff';
238
- var blue50 = '#4589ff';
239
- var blue60 = '#0f62fe';
240
- var blue70 = '#0043ce';
241
- var blue80 = '#002d9c';
242
- var blue90 = '#001d6c';
243
- var blue100 = '#001141';
244
- var blue = {
245
- 10: blue10,
246
- 20: blue20,
247
- 30: blue30,
248
- 40: blue40,
249
- 50: blue50,
250
- 60: blue60,
251
- 70: blue70,
252
- 80: blue80,
253
- 90: blue90,
254
- 100: blue100
234
+ const blue10 = "#edf5ff";
235
+ const blue20 = "#d0e2ff";
236
+ const blue30 = "#a6c8ff";
237
+ const blue40 = "#78a9ff";
238
+ const blue50 = "#4589ff";
239
+ const blue60 = "#0f62fe";
240
+ const blue70 = "#0043ce";
241
+ const blue80 = "#002d9c";
242
+ const blue90 = "#001d6c";
243
+ const blue100 = "#001141";
244
+ const blue = {
245
+ 10: blue10,
246
+ 20: blue20,
247
+ 30: blue30,
248
+ 40: blue40,
249
+ 50: blue50,
250
+ 60: blue60,
251
+ 70: blue70,
252
+ 80: blue80,
253
+ 90: blue90,
254
+ 100: blue100
255
255
  };
256
- var blue100Hover = '#001f75';
257
- var blue90Hover = '#00258a';
258
- var blue80Hover = '#0039c7';
259
- var blue70Hover = '#0053ff';
260
- var blue60Hover = '#0050e6';
261
- var blue50Hover = '#1f70ff';
262
- var blue40Hover = '#5c97ff';
263
- var blue30Hover = '#8ab6ff';
264
- var blue20Hover = '#b8d3ff';
265
- var blue10Hover = '#dbebff';
266
- var blueHover = {
267
- 100: blue100Hover,
268
- 90: blue90Hover,
269
- 80: blue80Hover,
270
- 70: blue70Hover,
271
- 60: blue60Hover,
272
- 50: blue50Hover,
273
- 40: blue40Hover,
274
- 30: blue30Hover,
275
- 20: blue20Hover,
276
- 10: blue10Hover
256
+ const blue100Hover = "#001f75";
257
+ const blue90Hover = "#00258a";
258
+ const blue80Hover = "#0039c7";
259
+ const blue70Hover = "#0053ff";
260
+ const blue60Hover = "#0050e6";
261
+ const blue50Hover = "#1f70ff";
262
+ const blue40Hover = "#5c97ff";
263
+ const blue30Hover = "#8ab6ff";
264
+ const blue20Hover = "#b8d3ff";
265
+ const blue10Hover = "#dbebff";
266
+ const blueHover = {
267
+ 100: blue100Hover,
268
+ 90: blue90Hover,
269
+ 80: blue80Hover,
270
+ 70: blue70Hover,
271
+ 60: blue60Hover,
272
+ 50: blue50Hover,
273
+ 40: blue40Hover,
274
+ 30: blue30Hover,
275
+ 20: blue20Hover,
276
+ 10: blue10Hover
277
277
  };
278
- var cyan10 = '#e5f6ff';
279
- var cyan20 = '#bae6ff';
280
- var cyan30 = '#82cfff';
281
- var cyan40 = '#33b1ff';
282
- var cyan50 = '#1192e8';
283
- var cyan60 = '#0072c3';
284
- var cyan70 = '#00539a';
285
- var cyan80 = '#003a6d';
286
- var cyan90 = '#012749';
287
- var cyan100 = '#061727';
288
- var cyan = {
289
- 10: cyan10,
290
- 20: cyan20,
291
- 30: cyan30,
292
- 40: cyan40,
293
- 50: cyan50,
294
- 60: cyan60,
295
- 70: cyan70,
296
- 80: cyan80,
297
- 90: cyan90,
298
- 100: cyan100
278
+ const cyan10 = "#e5f6ff";
279
+ const cyan20 = "#bae6ff";
280
+ const cyan30 = "#82cfff";
281
+ const cyan40 = "#33b1ff";
282
+ const cyan50 = "#1192e8";
283
+ const cyan60 = "#0072c3";
284
+ const cyan70 = "#00539a";
285
+ const cyan80 = "#003a6d";
286
+ const cyan90 = "#012749";
287
+ const cyan100 = "#061727";
288
+ const cyan = {
289
+ 10: cyan10,
290
+ 20: cyan20,
291
+ 30: cyan30,
292
+ 40: cyan40,
293
+ 50: cyan50,
294
+ 60: cyan60,
295
+ 70: cyan70,
296
+ 80: cyan80,
297
+ 90: cyan90,
298
+ 100: cyan100
299
299
  };
300
- var cyan10Hover = '#cceeff';
301
- var cyan20Hover = '#99daff';
302
- var cyan30Hover = '#57beff';
303
- var cyan40Hover = '#059fff';
304
- var cyan50Hover = '#0f7ec8';
305
- var cyan60Hover = '#005fa3';
306
- var cyan70Hover = '#0066bd';
307
- var cyan80Hover = '#00498a';
308
- var cyan90Hover = '#013360';
309
- var cyan100Hover = '#0b2947';
310
- var cyanHover = {
311
- 10: cyan10Hover,
312
- 20: cyan20Hover,
313
- 30: cyan30Hover,
314
- 40: cyan40Hover,
315
- 50: cyan50Hover,
316
- 60: cyan60Hover,
317
- 70: cyan70Hover,
318
- 80: cyan80Hover,
319
- 90: cyan90Hover,
320
- 100: cyan100Hover
300
+ const cyan10Hover = "#cceeff";
301
+ const cyan20Hover = "#99daff";
302
+ const cyan30Hover = "#57beff";
303
+ const cyan40Hover = "#059fff";
304
+ const cyan50Hover = "#0f7ec8";
305
+ const cyan60Hover = "#005fa3";
306
+ const cyan70Hover = "#0066bd";
307
+ const cyan80Hover = "#00498a";
308
+ const cyan90Hover = "#013360";
309
+ const cyan100Hover = "#0b2947";
310
+ const cyanHover = {
311
+ 10: cyan10Hover,
312
+ 20: cyan20Hover,
313
+ 30: cyan30Hover,
314
+ 40: cyan40Hover,
315
+ 50: cyan50Hover,
316
+ 60: cyan60Hover,
317
+ 70: cyan70Hover,
318
+ 80: cyan80Hover,
319
+ 90: cyan90Hover,
320
+ 100: cyan100Hover
321
321
  };
322
- var teal10 = '#d9fbfb';
323
- var teal20 = '#9ef0f0';
324
- var teal30 = '#3ddbd9';
325
- var teal40 = '#08bdba';
326
- var teal50 = '#009d9a';
327
- var teal60 = '#007d79';
328
- var teal70 = '#005d5d';
329
- var teal80 = '#004144';
330
- var teal90 = '#022b30';
331
- var teal100 = '#081a1c';
332
- var teal = {
333
- 10: teal10,
334
- 20: teal20,
335
- 30: teal30,
336
- 40: teal40,
337
- 50: teal50,
338
- 60: teal60,
339
- 70: teal70,
340
- 80: teal80,
341
- 90: teal90,
342
- 100: teal100
322
+ const teal10 = "#d9fbfb";
323
+ const teal20 = "#9ef0f0";
324
+ const teal30 = "#3ddbd9";
325
+ const teal40 = "#08bdba";
326
+ const teal50 = "#009d9a";
327
+ const teal60 = "#007d79";
328
+ const teal70 = "#005d5d";
329
+ const teal80 = "#004144";
330
+ const teal90 = "#022b30";
331
+ const teal100 = "#081a1c";
332
+ const teal = {
333
+ 10: teal10,
334
+ 20: teal20,
335
+ 30: teal30,
336
+ 40: teal40,
337
+ 50: teal50,
338
+ 60: teal60,
339
+ 70: teal70,
340
+ 80: teal80,
341
+ 90: teal90,
342
+ 100: teal100
343
343
  };
344
- var teal10Hover = '#acf6f6';
345
- var teal20Hover = '#57e5e5';
346
- var teal30Hover = '#25cac8';
347
- var teal40Hover = '#07aba9';
348
- var teal50Hover = '#008a87';
349
- var teal60Hover = '#006b68';
350
- var teal70Hover = '#007070';
351
- var teal80Hover = '#005357';
352
- var teal90Hover = '#033940';
353
- var teal100Hover = '#0f3034';
354
- var tealHover = {
355
- 10: teal10Hover,
356
- 20: teal20Hover,
357
- 30: teal30Hover,
358
- 40: teal40Hover,
359
- 50: teal50Hover,
360
- 60: teal60Hover,
361
- 70: teal70Hover,
362
- 80: teal80Hover,
363
- 90: teal90Hover,
364
- 100: teal100Hover
344
+ const teal10Hover = "#acf6f6";
345
+ const teal20Hover = "#57e5e5";
346
+ const teal30Hover = "#25cac8";
347
+ const teal40Hover = "#07aba9";
348
+ const teal50Hover = "#008a87";
349
+ const teal60Hover = "#006b68";
350
+ const teal70Hover = "#007070";
351
+ const teal80Hover = "#005357";
352
+ const teal90Hover = "#033940";
353
+ const teal100Hover = "#0f3034";
354
+ const tealHover = {
355
+ 10: teal10Hover,
356
+ 20: teal20Hover,
357
+ 30: teal30Hover,
358
+ 40: teal40Hover,
359
+ 50: teal50Hover,
360
+ 60: teal60Hover,
361
+ 70: teal70Hover,
362
+ 80: teal80Hover,
363
+ 90: teal90Hover,
364
+ 100: teal100Hover
365
365
  };
366
- var green10 = '#defbe6';
367
- var green20 = '#a7f0ba';
368
- var green30 = '#6fdc8c';
369
- var green40 = '#42be65';
370
- var green50 = '#24a148';
371
- var green60 = '#198038';
372
- var green70 = '#0e6027';
373
- var green80 = '#044317';
374
- var green90 = '#022d0d';
375
- var green100 = '#071908';
376
- var green = {
377
- 10: green10,
378
- 20: green20,
379
- 30: green30,
380
- 40: green40,
381
- 50: green50,
382
- 60: green60,
383
- 70: green70,
384
- 80: green80,
385
- 90: green90,
386
- 100: green100
366
+ const green10 = "#defbe6";
367
+ const green20 = "#a7f0ba";
368
+ const green30 = "#6fdc8c";
369
+ const green40 = "#42be65";
370
+ const green50 = "#24a148";
371
+ const green60 = "#198038";
372
+ const green70 = "#0e6027";
373
+ const green80 = "#044317";
374
+ const green90 = "#022d0d";
375
+ const green100 = "#071908";
376
+ const green = {
377
+ 10: green10,
378
+ 20: green20,
379
+ 30: green30,
380
+ 40: green40,
381
+ 50: green50,
382
+ 60: green60,
383
+ 70: green70,
384
+ 80: green80,
385
+ 90: green90,
386
+ 100: green100
387
387
  };
388
- var green10Hover = '#b6f6c8';
389
- var green20Hover = '#74e792';
390
- var green30Hover = '#36ce5e';
391
- var green40Hover = '#3bab5a';
392
- var green50Hover = '#208e3f';
393
- var green60Hover = '#166f31';
394
- var green70Hover = '#11742f';
395
- var green80Hover = '#05521c';
396
- var green90Hover = '#033b11';
397
- var green100Hover = '#0d300f';
398
- var greenHover = {
399
- 10: green10Hover,
400
- 20: green20Hover,
401
- 30: green30Hover,
402
- 40: green40Hover,
403
- 50: green50Hover,
404
- 60: green60Hover,
405
- 70: green70Hover,
406
- 80: green80Hover,
407
- 90: green90Hover,
408
- 100: green100Hover
388
+ const green10Hover = "#b6f6c8";
389
+ const green20Hover = "#74e792";
390
+ const green30Hover = "#36ce5e";
391
+ const green40Hover = "#3bab5a";
392
+ const green50Hover = "#208e3f";
393
+ const green60Hover = "#166f31";
394
+ const green70Hover = "#11742f";
395
+ const green80Hover = "#05521c";
396
+ const green90Hover = "#033b11";
397
+ const green100Hover = "#0d300f";
398
+ const greenHover = {
399
+ 10: green10Hover,
400
+ 20: green20Hover,
401
+ 30: green30Hover,
402
+ 40: green40Hover,
403
+ 50: green50Hover,
404
+ 60: green60Hover,
405
+ 70: green70Hover,
406
+ 80: green80Hover,
407
+ 90: green90Hover,
408
+ 100: green100Hover
409
409
  };
410
- var coolGray10 = '#f2f4f8';
411
- var coolGray20 = '#dde1e6';
412
- var coolGray30 = '#c1c7cd';
413
- var coolGray40 = '#a2a9b0';
414
- var coolGray50 = '#878d96';
415
- var coolGray60 = '#697077';
416
- var coolGray70 = '#4d5358';
417
- var coolGray80 = '#343a3f';
418
- var coolGray90 = '#21272a';
419
- var coolGray100 = '#121619';
420
- var coolGray = {
421
- 10: coolGray10,
422
- 20: coolGray20,
423
- 30: coolGray30,
424
- 40: coolGray40,
425
- 50: coolGray50,
426
- 60: coolGray60,
427
- 70: coolGray70,
428
- 80: coolGray80,
429
- 90: coolGray90,
430
- 100: coolGray100
410
+ const coolGray10 = "#f2f4f8";
411
+ const coolGray20 = "#dde1e6";
412
+ const coolGray30 = "#c1c7cd";
413
+ const coolGray40 = "#a2a9b0";
414
+ const coolGray50 = "#878d96";
415
+ const coolGray60 = "#697077";
416
+ const coolGray70 = "#4d5358";
417
+ const coolGray80 = "#343a3f";
418
+ const coolGray90 = "#21272a";
419
+ const coolGray100 = "#121619";
420
+ const coolGray = {
421
+ 10: coolGray10,
422
+ 20: coolGray20,
423
+ 30: coolGray30,
424
+ 40: coolGray40,
425
+ 50: coolGray50,
426
+ 60: coolGray60,
427
+ 70: coolGray70,
428
+ 80: coolGray80,
429
+ 90: coolGray90,
430
+ 100: coolGray100
431
431
  };
432
- var coolGray10Hover = '#e4e9f1';
433
- var coolGray20Hover = '#cdd3da';
434
- var coolGray30Hover = '#adb5bd';
435
- var coolGray40Hover = '#9199a1';
436
- var coolGray50Hover = '#757b85';
437
- var coolGray60Hover = '#585e64';
438
- var coolGray70Hover = '#5d646a';
439
- var coolGray80Hover = '#434a51';
440
- var coolGray90Hover = '#2b3236';
441
- var coolGray100Hover = '#222a2f';
442
- var coolGrayHover = {
443
- 10: coolGray10Hover,
444
- 20: coolGray20Hover,
445
- 30: coolGray30Hover,
446
- 40: coolGray40Hover,
447
- 50: coolGray50Hover,
448
- 60: coolGray60Hover,
449
- 70: coolGray70Hover,
450
- 80: coolGray80Hover,
451
- 90: coolGray90Hover,
452
- 100: coolGray100Hover
432
+ const coolGray10Hover = "#e4e9f1";
433
+ const coolGray20Hover = "#cdd3da";
434
+ const coolGray30Hover = "#adb5bd";
435
+ const coolGray40Hover = "#9199a1";
436
+ const coolGray50Hover = "#757b85";
437
+ const coolGray60Hover = "#585e64";
438
+ const coolGray70Hover = "#5d646a";
439
+ const coolGray80Hover = "#434a51";
440
+ const coolGray90Hover = "#2b3236";
441
+ const coolGray100Hover = "#222a2f";
442
+ const coolGrayHover = {
443
+ 10: coolGray10Hover,
444
+ 20: coolGray20Hover,
445
+ 30: coolGray30Hover,
446
+ 40: coolGray40Hover,
447
+ 50: coolGray50Hover,
448
+ 60: coolGray60Hover,
449
+ 70: coolGray70Hover,
450
+ 80: coolGray80Hover,
451
+ 90: coolGray90Hover,
452
+ 100: coolGray100Hover
453
453
  };
454
- var gray10 = '#f4f4f4';
455
- var gray20 = '#e0e0e0';
456
- var gray30 = '#c6c6c6';
457
- var gray40 = '#a8a8a8';
458
- var gray50 = '#8d8d8d';
459
- var gray60 = '#6f6f6f';
460
- var gray70 = '#525252';
461
- var gray80 = '#393939';
462
- var gray90 = '#262626';
463
- var gray100 = '#161616';
464
- var gray = {
465
- 10: gray10,
466
- 20: gray20,
467
- 30: gray30,
468
- 40: gray40,
469
- 50: gray50,
470
- 60: gray60,
471
- 70: gray70,
472
- 80: gray80,
473
- 90: gray90,
474
- 100: gray100
454
+ const gray10 = "#f4f4f4";
455
+ const gray20 = "#e0e0e0";
456
+ const gray30 = "#c6c6c6";
457
+ const gray40 = "#a8a8a8";
458
+ const gray50 = "#8d8d8d";
459
+ const gray60 = "#6f6f6f";
460
+ const gray70 = "#525252";
461
+ const gray80 = "#393939";
462
+ const gray90 = "#262626";
463
+ const gray100 = "#161616";
464
+ const gray = {
465
+ 10: gray10,
466
+ 20: gray20,
467
+ 30: gray30,
468
+ 40: gray40,
469
+ 50: gray50,
470
+ 60: gray60,
471
+ 70: gray70,
472
+ 80: gray80,
473
+ 90: gray90,
474
+ 100: gray100
475
475
  };
476
- var gray10Hover = '#e8e8e8';
477
- var gray20Hover = '#d1d1d1';
478
- var gray30Hover = '#b5b5b5';
479
- var gray40Hover = '#999999';
480
- var gray50Hover = '#7a7a7a';
481
- var gray60Hover = '#5e5e5e';
482
- var gray70Hover = '#636363';
483
- var gray80Hover = '#474747';
484
- var gray90Hover = '#333333';
485
- var gray100Hover = '#292929';
486
- var grayHover = {
487
- 10: gray10Hover,
488
- 20: gray20Hover,
489
- 30: gray30Hover,
490
- 40: gray40Hover,
491
- 50: gray50Hover,
492
- 60: gray60Hover,
493
- 70: gray70Hover,
494
- 80: gray80Hover,
495
- 90: gray90Hover,
496
- 100: gray100Hover
476
+ const gray10Hover = "#e8e8e8";
477
+ const gray20Hover = "#d1d1d1";
478
+ const gray30Hover = "#b5b5b5";
479
+ const gray40Hover = "#999999";
480
+ const gray50Hover = "#7a7a7a";
481
+ const gray60Hover = "#5e5e5e";
482
+ const gray70Hover = "#636363";
483
+ const gray80Hover = "#474747";
484
+ const gray90Hover = "#333333";
485
+ const gray100Hover = "#292929";
486
+ const grayHover = {
487
+ 10: gray10Hover,
488
+ 20: gray20Hover,
489
+ 30: gray30Hover,
490
+ 40: gray40Hover,
491
+ 50: gray50Hover,
492
+ 60: gray60Hover,
493
+ 70: gray70Hover,
494
+ 80: gray80Hover,
495
+ 90: gray90Hover,
496
+ 100: gray100Hover
497
497
  };
498
- var warmGray10 = '#f7f3f2';
499
- var warmGray20 = '#e5e0df';
500
- var warmGray30 = '#cac5c4';
501
- var warmGray40 = '#ada8a8';
502
- var warmGray50 = '#8f8b8b';
503
- var warmGray60 = '#726e6e';
504
- var warmGray70 = '#565151';
505
- var warmGray80 = '#3c3838';
506
- var warmGray90 = '#272525';
507
- var warmGray100 = '#171414';
508
- var warmGray = {
509
- 10: warmGray10,
510
- 20: warmGray20,
511
- 30: warmGray30,
512
- 40: warmGray40,
513
- 50: warmGray50,
514
- 60: warmGray60,
515
- 70: warmGray70,
516
- 80: warmGray80,
517
- 90: warmGray90,
518
- 100: warmGray100
498
+ const warmGray10 = "#f7f3f2";
499
+ const warmGray20 = "#e5e0df";
500
+ const warmGray30 = "#cac5c4";
501
+ const warmGray40 = "#ada8a8";
502
+ const warmGray50 = "#8f8b8b";
503
+ const warmGray60 = "#726e6e";
504
+ const warmGray70 = "#565151";
505
+ const warmGray80 = "#3c3838";
506
+ const warmGray90 = "#272525";
507
+ const warmGray100 = "#171414";
508
+ const warmGray = {
509
+ 10: warmGray10,
510
+ 20: warmGray20,
511
+ 30: warmGray30,
512
+ 40: warmGray40,
513
+ 50: warmGray50,
514
+ 60: warmGray60,
515
+ 70: warmGray70,
516
+ 80: warmGray80,
517
+ 90: warmGray90,
518
+ 100: warmGray100
519
519
  };
520
- var warmGray10Hover = '#f0e8e6';
521
- var warmGray20Hover = '#d8d0cf';
522
- var warmGray30Hover = '#b9b3b1';
523
- var warmGray40Hover = '#9c9696';
524
- var warmGray50Hover = '#7f7b7b';
525
- var warmGray60Hover = '#605d5d';
526
- var warmGray70Hover = '#696363';
527
- var warmGray80Hover = '#4c4848';
528
- var warmGray90Hover = '#343232';
529
- var warmGray100Hover = '#2c2626';
530
- var warmGrayHover = {
531
- 10: warmGray10Hover,
532
- 20: warmGray20Hover,
533
- 30: warmGray30Hover,
534
- 40: warmGray40Hover,
535
- 50: warmGray50Hover,
536
- 60: warmGray60Hover,
537
- 70: warmGray70Hover,
538
- 80: warmGray80Hover,
539
- 90: warmGray90Hover,
540
- 100: warmGray100Hover
520
+ const warmGray10Hover = "#f0e8e6";
521
+ const warmGray20Hover = "#d8d0cf";
522
+ const warmGray30Hover = "#b9b3b1";
523
+ const warmGray40Hover = "#9c9696";
524
+ const warmGray50Hover = "#7f7b7b";
525
+ const warmGray60Hover = "#605d5d";
526
+ const warmGray70Hover = "#696363";
527
+ const warmGray80Hover = "#4c4848";
528
+ const warmGray90Hover = "#343232";
529
+ const warmGray100Hover = "#2c2626";
530
+ const warmGrayHover = {
531
+ 10: warmGray10Hover,
532
+ 20: warmGray20Hover,
533
+ 30: warmGray30Hover,
534
+ 40: warmGray40Hover,
535
+ 50: warmGray50Hover,
536
+ 60: warmGray60Hover,
537
+ 70: warmGray70Hover,
538
+ 80: warmGray80Hover,
539
+ 90: warmGray90Hover,
540
+ 100: warmGray100Hover
541
541
  };
542
- var colors = {
543
- black: {
544
- 100: black
545
- },
546
- blue: blue,
547
- coolGray: coolGray,
548
- cyan: cyan,
549
- gray: gray,
550
- green: green,
551
- magenta: magenta,
552
- orange: orange,
553
- purple: purple,
554
- red: red,
555
- teal: teal,
556
- warmGray: warmGray,
557
- white: {
558
- 0: white
559
- },
560
- yellow: yellow
542
+ const colors = {
543
+ black: { 100: black },
544
+ blue,
545
+ coolGray,
546
+ cyan,
547
+ gray,
548
+ green,
549
+ magenta,
550
+ orange,
551
+ purple,
552
+ red,
553
+ teal,
554
+ warmGray,
555
+ white: { 0: white },
556
+ yellow
561
557
  };
562
- var hoverColors = {
563
- whiteHover: whiteHover,
564
- blackHover: blackHover,
565
- blueHover: blueHover,
566
- coolGrayHover: coolGrayHover,
567
- cyanHover: cyanHover,
568
- grayHover: grayHover,
569
- greenHover: greenHover,
570
- magentaHover: magentaHover,
571
- orangeHover: orangeHover,
572
- purpleHover: purpleHover,
573
- redHover: redHover,
574
- tealHover: tealHover,
575
- warmGrayHover: warmGrayHover,
576
- yellowHover: yellowHover
558
+ const hoverColors = {
559
+ whiteHover,
560
+ blackHover,
561
+ blueHover,
562
+ coolGrayHover,
563
+ cyanHover,
564
+ grayHover,
565
+ greenHover,
566
+ magentaHover,
567
+ orangeHover,
568
+ purpleHover,
569
+ redHover,
570
+ tealHover,
571
+ warmGrayHover,
572
+ yellowHover
577
573
  };
578
574
 
575
+ //#endregion
576
+ //#region src/rgb.js
579
577
  /**
580
- * Copyright IBM Corp. 2018, 2023
581
- *
582
- * This source code is licensed under the Apache-2.0 license found in the
583
- * LICENSE file in the root directory of this source tree.
584
- */
585
-
578
+ * Copyright IBM Corp. 2018, 2023
579
+ *
580
+ * This source code is licensed under the Apache-2.0 license found in the
581
+ * LICENSE file in the root directory of this source tree.
582
+ */
586
583
  /**
587
- * Parse a given hexcode string into an rgba statement with the given opacity
588
- * @param {string} hexcode
589
- * @param {number} opacity
590
- * @returns {string}
591
- */
584
+ * Parse a given hexcode string into an rgba statement with the given opacity
585
+ * @param {string} hexcode
586
+ * @param {number} opacity
587
+ * @returns {string}
588
+ */
592
589
  function rgba(hexcode, opacity) {
593
- var values = [hexcode.substring(1, 3), hexcode.substring(3, 5), hexcode.substring(5, 7)].map(function (string) {
594
- return parseInt(string, 16);
595
- });
596
- return "rgba(".concat(values[0], ", ").concat(values[1], ", ").concat(values[2], ", ").concat(opacity, ")");
590
+ const values = [
591
+ hexcode.substring(1, 3),
592
+ hexcode.substring(3, 5),
593
+ hexcode.substring(5, 7)
594
+ ].map((string) => parseInt(string, 16));
595
+ return `rgba(${values[0]}, ${values[1]}, ${values[2]}, ${opacity})`;
597
596
  }
598
597
 
599
- export { black, black100, blackHover, blue, blue10, blue100, blue100Hover, blue10Hover, blue20, blue20Hover, blue30, blue30Hover, blue40, blue40Hover, blue50, blue50Hover, blue60, blue60Hover, blue70, blue70Hover, blue80, blue80Hover, blue90, blue90Hover, blueHover, colors, coolGray, coolGray10, coolGray100, coolGray100Hover, coolGray10Hover, coolGray20, coolGray20Hover, coolGray30, coolGray30Hover, coolGray40, coolGray40Hover, coolGray50, coolGray50Hover, coolGray60, coolGray60Hover, coolGray70, coolGray70Hover, coolGray80, coolGray80Hover, coolGray90, coolGray90Hover, coolGrayHover, cyan, cyan10, cyan100, cyan100Hover, cyan10Hover, cyan20, cyan20Hover, cyan30, cyan30Hover, cyan40, cyan40Hover, cyan50, cyan50Hover, cyan60, cyan60Hover, cyan70, cyan70Hover, cyan80, cyan80Hover, cyan90, cyan90Hover, cyanHover, gray, gray10, gray100, gray100Hover, gray10Hover, gray20, gray20Hover, gray30, gray30Hover, gray40, gray40Hover, gray50, gray50Hover, gray60, gray60Hover, gray70, gray70Hover, gray80, gray80Hover, gray90, gray90Hover, grayHover, green, green10, green100, green100Hover, green10Hover, green20, green20Hover, green30, green30Hover, green40, green40Hover, green50, green50Hover, green60, green60Hover, green70, green70Hover, green80, green80Hover, green90, green90Hover, greenHover, hoverColors, magenta, magenta10, magenta100, magenta100Hover, magenta10Hover, magenta20, magenta20Hover, magenta30, magenta30Hover, magenta40, magenta40Hover, magenta50, magenta50Hover, magenta60, magenta60Hover, magenta70, magenta70Hover, magenta80, magenta80Hover, magenta90, magenta90Hover, magentaHover, orange, orange10, orange100, orange100Hover, orange10Hover, orange20, orange20Hover, orange30, orange30Hover, orange40, orange40Hover, orange50, orange50Hover, orange60, orange60Hover, orange70, orange70Hover, orange80, orange80Hover, orange90, orange90Hover, orangeHover, purple, purple10, purple100, purple100Hover, purple10Hover, purple20, purple20Hover, purple30, purple30Hover, purple40, purple40Hover, purple50, purple50Hover, purple60, purple60Hover, purple70, purple70Hover, purple80, purple80Hover, purple90, purple90Hover, purpleHover, red, red10, red100, red100Hover, red10Hover, red20, red20Hover, red30, red30Hover, red40, red40Hover, red50, red50Hover, red60, red60Hover, red70, red70Hover, red80, red80Hover, red90, red90Hover, redHover, rgba, teal, teal10, teal100, teal100Hover, teal10Hover, teal20, teal20Hover, teal30, teal30Hover, teal40, teal40Hover, teal50, teal50Hover, teal60, teal60Hover, teal70, teal70Hover, teal80, teal80Hover, teal90, teal90Hover, tealHover, warmGray, warmGray10, warmGray100, warmGray100Hover, warmGray10Hover, warmGray20, warmGray20Hover, warmGray30, warmGray30Hover, warmGray40, warmGray40Hover, warmGray50, warmGray50Hover, warmGray60, warmGray60Hover, warmGray70, warmGray70Hover, warmGray80, warmGray80Hover, warmGray90, warmGray90Hover, warmGrayHover, white, white0, whiteHover, yellow, yellow10, yellow100, yellow100Hover, yellow10Hover, yellow20, yellow20Hover, yellow30, yellow30Hover, yellow40, yellow40Hover, yellow50, yellow50Hover, yellow60, yellow60Hover, yellow70, yellow70Hover, yellow80, yellow80Hover, yellow90, yellow90Hover, yellowHover };
598
+ //#endregion
599
+ export { black, black100, blackHover, blue, blue10, blue100, blue100Hover, blue10Hover, blue20, blue20Hover, blue30, blue30Hover, blue40, blue40Hover, blue50, blue50Hover, blue60, blue60Hover, blue70, blue70Hover, blue80, blue80Hover, blue90, blue90Hover, blueHover, colors, coolGray, coolGray10, coolGray100, coolGray100Hover, coolGray10Hover, coolGray20, coolGray20Hover, coolGray30, coolGray30Hover, coolGray40, coolGray40Hover, coolGray50, coolGray50Hover, coolGray60, coolGray60Hover, coolGray70, coolGray70Hover, coolGray80, coolGray80Hover, coolGray90, coolGray90Hover, coolGrayHover, cyan, cyan10, cyan100, cyan100Hover, cyan10Hover, cyan20, cyan20Hover, cyan30, cyan30Hover, cyan40, cyan40Hover, cyan50, cyan50Hover, cyan60, cyan60Hover, cyan70, cyan70Hover, cyan80, cyan80Hover, cyan90, cyan90Hover, cyanHover, gray, gray10, gray100, gray100Hover, gray10Hover, gray20, gray20Hover, gray30, gray30Hover, gray40, gray40Hover, gray50, gray50Hover, gray60, gray60Hover, gray70, gray70Hover, gray80, gray80Hover, gray90, gray90Hover, grayHover, green, green10, green100, green100Hover, green10Hover, green20, green20Hover, green30, green30Hover, green40, green40Hover, green50, green50Hover, green60, green60Hover, green70, green70Hover, green80, green80Hover, green90, green90Hover, greenHover, hoverColors, magenta, magenta10, magenta100, magenta100Hover, magenta10Hover, magenta20, magenta20Hover, magenta30, magenta30Hover, magenta40, magenta40Hover, magenta50, magenta50Hover, magenta60, magenta60Hover, magenta70, magenta70Hover, magenta80, magenta80Hover, magenta90, magenta90Hover, magentaHover, orange, orange10, orange100, orange100Hover, orange10Hover, orange20, orange20Hover, orange30, orange30Hover, orange40, orange40Hover, orange50, orange50Hover, orange60, orange60Hover, orange70, orange70Hover, orange80, orange80Hover, orange90, orange90Hover, orangeHover, purple, purple10, purple100, purple100Hover, purple10Hover, purple20, purple20Hover, purple30, purple30Hover, purple40, purple40Hover, purple50, purple50Hover, purple60, purple60Hover, purple70, purple70Hover, purple80, purple80Hover, purple90, purple90Hover, purpleHover, red, red10, red100, red100Hover, red10Hover, red20, red20Hover, red30, red30Hover, red40, red40Hover, red50, red50Hover, red60, red60Hover, red70, red70Hover, red80, red80Hover, red90, red90Hover, redHover, rgba, teal, teal10, teal100, teal100Hover, teal10Hover, teal20, teal20Hover, teal30, teal30Hover, teal40, teal40Hover, teal50, teal50Hover, teal60, teal60Hover, teal70, teal70Hover, teal80, teal80Hover, teal90, teal90Hover, tealHover, warmGray, warmGray10, warmGray100, warmGray100Hover, warmGray10Hover, warmGray20, warmGray20Hover, warmGray30, warmGray30Hover, warmGray40, warmGray40Hover, warmGray50, warmGray50Hover, warmGray60, warmGray60Hover, warmGray70, warmGray70Hover, warmGray80, warmGray80Hover, warmGray90, warmGray90Hover, warmGrayHover, white, white0, whiteHover, yellow, yellow10, yellow100, yellow100Hover, yellow10Hover, yellow20, yellow20Hover, yellow30, yellow30Hover, yellow40, yellow40Hover, yellow50, yellow50Hover, yellow60, yellow60Hover, yellow70, yellow70Hover, yellow80, yellow80Hover, yellow90, yellow90Hover, yellowHover };