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