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