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