@volue/design-colors 3.0.0-next.6 → 3.0.0-next.8
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/README.md +2 -2
- package/dist/flat.common.js +231 -207
- package/dist/flat.d.ts +212 -196
- package/dist/flat.module.js +169 -153
- package/dist/generic.common.js +581 -465
- package/dist/generic.d.ts +379 -323
- package/dist/generic.module.js +581 -465
- package/dist/index.common.js +125 -115
- package/dist/index.cssmodules.css +106 -98
- package/dist/index.custom-properties.css +107 -99
- package/dist/index.d.ts +125 -115
- package/dist/index.json +106 -98
- package/dist/index.map.scss +107 -99
- package/dist/index.module.js +125 -115
- package/dist/index.scss +107 -99
- package/dist/internal/fillsWithTextColors.json +3 -161
- package/package.json +2 -2
- package/src/core.json +8 -8
- package/src/datavis.json +12 -12
- package/src/functional.json +118 -85
- package/src/internal/fills.json +3 -27
- package/src/rgb-channels.json +122 -122
package/dist/index.d.ts
CHANGED
|
@@ -30,20 +30,20 @@ declare const tokens: {
|
|
|
30
30
|
"blue30": "#bff3ff",
|
|
31
31
|
"blue40": "#9aecff",
|
|
32
32
|
"blue60": "#00cceb",
|
|
33
|
-
"blue70": "#
|
|
34
|
-
"blue80": "#
|
|
35
|
-
"blue90": "#
|
|
36
|
-
"blue100": "#
|
|
33
|
+
"blue70": "#00a7c2",
|
|
34
|
+
"blue80": "#008299",
|
|
35
|
+
"blue90": "#006c80",
|
|
36
|
+
"blue100": "#005766",
|
|
37
37
|
"green5": "#eeffef",
|
|
38
38
|
"green10": "#dbffdf",
|
|
39
39
|
"green20": "#c6ffcd",
|
|
40
40
|
"green30": "#b0ffbb",
|
|
41
41
|
"green40": "#7dfd95",
|
|
42
42
|
"green60": "#31d962",
|
|
43
|
-
"green70": "#
|
|
44
|
-
"green80": "#
|
|
45
|
-
"green90": "#
|
|
46
|
-
"green100": "#
|
|
43
|
+
"green70": "#1eb84f",
|
|
44
|
+
"green80": "#1d873c",
|
|
45
|
+
"green90": "#187233",
|
|
46
|
+
"green100": "#125426",
|
|
47
47
|
"orange5": "#fff9ed",
|
|
48
48
|
"orange10": "#fff2da",
|
|
49
49
|
"orange20": "#ffecc8",
|
|
@@ -70,86 +70,69 @@ declare const tokens: {
|
|
|
70
70
|
"red40": "#ecc7c9",
|
|
71
71
|
"red60": "#e6a1a5",
|
|
72
72
|
"red80": "#eb7072",
|
|
73
|
-
"red100": "#
|
|
73
|
+
"red100": "#bb3a42",
|
|
74
74
|
"orange20": "#faebdc",
|
|
75
75
|
"orange40": "#f5caa3",
|
|
76
76
|
"orange60": "#eda35e",
|
|
77
77
|
"orange80": "#e57b1a",
|
|
78
|
-
"orange100": "#
|
|
78
|
+
"orange100": "#a4540a",
|
|
79
79
|
"brown20": "#f4edde",
|
|
80
80
|
"brown40": "#e8cf96",
|
|
81
81
|
"brown60": "#d8b155",
|
|
82
82
|
"brown80": "#b89749",
|
|
83
|
-
"brown100": "#
|
|
83
|
+
"brown100": "#7f672e",
|
|
84
84
|
"pear20": "#fcfcdb",
|
|
85
85
|
"pear40": "#e8e54c",
|
|
86
86
|
"pear60": "#cbc920",
|
|
87
87
|
"pear80": "#afad07",
|
|
88
|
-
"pear100": "#
|
|
88
|
+
"pear100": "#767605",
|
|
89
89
|
"lime20": "#f1fcdc",
|
|
90
90
|
"lime40": "#cbed7a",
|
|
91
91
|
"lime60": "#a7d441",
|
|
92
92
|
"lime80": "#84ba12",
|
|
93
|
-
"lime100": "#
|
|
93
|
+
"lime100": "#587d0c",
|
|
94
94
|
"green20": "#dff5e1",
|
|
95
95
|
"green40": "#ade2b0",
|
|
96
96
|
"green60": "#76ce7a",
|
|
97
97
|
"green80": "#3fb845",
|
|
98
|
-
"green100": "#
|
|
98
|
+
"green100": "#2a792e",
|
|
99
99
|
"teal20": "#dcf4ef",
|
|
100
100
|
"teal40": "#a7dfd6",
|
|
101
101
|
"teal60": "#6fc9ba",
|
|
102
102
|
"teal80": "#3ab19e",
|
|
103
|
-
"teal100": "#
|
|
103
|
+
"teal100": "#25796b",
|
|
104
104
|
"aqua20": "#e3f1f6",
|
|
105
105
|
"aqua40": "#b1dae4",
|
|
106
106
|
"aqua60": "#7ac4d3",
|
|
107
107
|
"aqua80": "#42abc2",
|
|
108
|
-
"aqua100": "#
|
|
108
|
+
"aqua100": "#297585",
|
|
109
109
|
"blue20": "#e6eff7",
|
|
110
110
|
"blue40": "#bfd5e9",
|
|
111
111
|
"blue60": "#93bbdf",
|
|
112
112
|
"blue80": "#60a1df",
|
|
113
|
-
"blue100": "#
|
|
113
|
+
"blue100": "#346da2",
|
|
114
114
|
"lazuli20": "#ecedf9",
|
|
115
115
|
"lazuli40": "#cccfee",
|
|
116
116
|
"lazuli60": "#aab2e9",
|
|
117
117
|
"lazuli80": "#7f94f2",
|
|
118
|
-
"lazuli100": "#
|
|
118
|
+
"lazuli100": "#4b5cdd",
|
|
119
119
|
"purple20": "#f4eaf8",
|
|
120
120
|
"purple40": "#e2c6ec",
|
|
121
121
|
"purple60": "#d2a1e3",
|
|
122
122
|
"purple80": "#c574e4",
|
|
123
|
-
"purple100": "#
|
|
123
|
+
"purple100": "#9e3dc2",
|
|
124
124
|
"pink20": "#f8e9f2",
|
|
125
125
|
"pink40": "#ebc5de",
|
|
126
126
|
"pink60": "#e29dc9",
|
|
127
127
|
"pink80": "#e26ab5",
|
|
128
|
-
"pink100": "#
|
|
128
|
+
"pink100": "#b53b8c"
|
|
129
129
|
},
|
|
130
130
|
"background": {
|
|
131
|
-
"canvas": {
|
|
132
|
-
"default": "#ffffff",
|
|
133
|
-
"subtle": "#f9fafb"
|
|
134
|
-
},
|
|
135
|
-
"surface": {
|
|
136
|
-
"default": "#ffffff",
|
|
137
|
-
"subtle": "#f3f5f6",
|
|
138
|
-
"contrast": "#082d35"
|
|
139
|
-
},
|
|
140
131
|
"neutral": {
|
|
141
132
|
"minimal": "#ffffff",
|
|
142
|
-
"subtle":
|
|
143
|
-
|
|
144
|
-
"hover": "#f3f5f6",
|
|
145
|
-
"active": "#e6ebec"
|
|
146
|
-
},
|
|
147
|
-
"moderate": {
|
|
148
|
-
"default": "#f3f5f6",
|
|
149
|
-
"hover": "#e6ebec"
|
|
150
|
-
},
|
|
133
|
+
"subtle": "#f9fafb",
|
|
134
|
+
"moderate": "#f3f5f6",
|
|
151
135
|
"default": "#e6ebec",
|
|
152
|
-
"hover": "#c2cdd0",
|
|
153
136
|
"bold": "#53747b",
|
|
154
137
|
"strong": "#223f44",
|
|
155
138
|
"contrast": "#082d35"
|
|
@@ -167,10 +150,16 @@ declare const tokens: {
|
|
|
167
150
|
},
|
|
168
151
|
"default": "#e8f1f3",
|
|
169
152
|
"hover": "#c4dbe0",
|
|
170
|
-
"
|
|
153
|
+
"active": "#a8cbd3",
|
|
154
|
+
"bold": {
|
|
155
|
+
"default": "#5b9ba9",
|
|
156
|
+
"hover": "#388597",
|
|
157
|
+
"active": "#157084"
|
|
158
|
+
},
|
|
171
159
|
"strong": {
|
|
172
160
|
"default": "#157084",
|
|
173
|
-
"hover": "#11596a"
|
|
161
|
+
"hover": "#11596a",
|
|
162
|
+
"active": "#0c4957"
|
|
174
163
|
}
|
|
175
164
|
},
|
|
176
165
|
"danger": {
|
|
@@ -181,10 +170,16 @@ declare const tokens: {
|
|
|
181
170
|
},
|
|
182
171
|
"default": "#ffeff0",
|
|
183
172
|
"hover": "#ffdbde",
|
|
184
|
-
"
|
|
173
|
+
"active": "#ffbfc1",
|
|
174
|
+
"bold": {
|
|
175
|
+
"default": "#ff3b3d",
|
|
176
|
+
"hover": "#df001f",
|
|
177
|
+
"active": "#b20016"
|
|
178
|
+
},
|
|
185
179
|
"strong": {
|
|
186
180
|
"default": "#df001f",
|
|
187
|
-
"hover": "#b20016"
|
|
181
|
+
"hover": "#b20016",
|
|
182
|
+
"active": "#9d0012"
|
|
188
183
|
}
|
|
189
184
|
},
|
|
190
185
|
"warning": {
|
|
@@ -195,10 +190,16 @@ declare const tokens: {
|
|
|
195
190
|
},
|
|
196
191
|
"default": "#fff2da",
|
|
197
192
|
"hover": "#ffecc8",
|
|
198
|
-
"
|
|
193
|
+
"active": "#ffdd99",
|
|
194
|
+
"bold": {
|
|
195
|
+
"default": "#ffb900",
|
|
196
|
+
"hover": "#dc9f00",
|
|
197
|
+
"active": "#b17600"
|
|
198
|
+
},
|
|
199
199
|
"strong": {
|
|
200
200
|
"default": "#dc9f00",
|
|
201
|
-
"hover": "#b17600"
|
|
201
|
+
"hover": "#b17600",
|
|
202
|
+
"active": "#805400"
|
|
202
203
|
}
|
|
203
204
|
},
|
|
204
205
|
"success": {
|
|
@@ -209,10 +210,16 @@ declare const tokens: {
|
|
|
209
210
|
},
|
|
210
211
|
"default": "#dbffdf",
|
|
211
212
|
"hover": "#c6ffcd",
|
|
212
|
-
"
|
|
213
|
+
"active": "#b0ffbb",
|
|
214
|
+
"bold": {
|
|
215
|
+
"default": "#1eb84f",
|
|
216
|
+
"hover": "#1d873c",
|
|
217
|
+
"active": "#187233"
|
|
218
|
+
},
|
|
213
219
|
"strong": {
|
|
214
|
-
"default": "#
|
|
215
|
-
"hover": "#
|
|
220
|
+
"default": "#1d873c",
|
|
221
|
+
"hover": "#187233",
|
|
222
|
+
"active": "#125426"
|
|
216
223
|
}
|
|
217
224
|
},
|
|
218
225
|
"info": {
|
|
@@ -223,21 +230,24 @@ declare const tokens: {
|
|
|
223
230
|
},
|
|
224
231
|
"default": "#e1f9ff",
|
|
225
232
|
"hover": "#d0f6ff",
|
|
226
|
-
"
|
|
233
|
+
"active": "#bff3ff",
|
|
234
|
+
"bold": {
|
|
235
|
+
"default": "#00a7c2",
|
|
236
|
+
"hover": "#008299",
|
|
237
|
+
"active": "#006c80"
|
|
238
|
+
},
|
|
227
239
|
"strong": {
|
|
228
|
-
"default": "#
|
|
229
|
-
"hover": "#
|
|
240
|
+
"default": "#008299",
|
|
241
|
+
"hover": "#006c80",
|
|
242
|
+
"active": "#005766"
|
|
230
243
|
}
|
|
231
244
|
},
|
|
232
245
|
"disabled": {
|
|
233
246
|
"default": "#e6ebec",
|
|
234
247
|
"subtle": "#f3f5f6"
|
|
235
|
-
}
|
|
236
|
-
"inverse": "rgba(255, 255, 255, 0.113)"
|
|
248
|
+
}
|
|
237
249
|
},
|
|
238
250
|
"foreground": {
|
|
239
|
-
"body": "#082d35",
|
|
240
|
-
"link": "#157084",
|
|
241
251
|
"neutral": {
|
|
242
252
|
"default": "#082d35",
|
|
243
253
|
"moderate": "#223f44",
|
|
@@ -261,14 +271,14 @@ declare const tokens: {
|
|
|
261
271
|
"inverse": "#082d35"
|
|
262
272
|
},
|
|
263
273
|
"success": {
|
|
264
|
-
"default": "#
|
|
265
|
-
"moderate": "#
|
|
266
|
-
"subtle": "#
|
|
274
|
+
"default": "#125426",
|
|
275
|
+
"moderate": "#187233",
|
|
276
|
+
"subtle": "#1eb84f"
|
|
267
277
|
},
|
|
268
278
|
"info": {
|
|
269
|
-
"default": "#
|
|
270
|
-
"moderate": "#
|
|
271
|
-
"subtle": "#
|
|
279
|
+
"default": "#005766",
|
|
280
|
+
"moderate": "#006c80",
|
|
281
|
+
"subtle": "#00a7c2"
|
|
272
282
|
},
|
|
273
283
|
"disabled": {
|
|
274
284
|
"default": "#9dafb3",
|
|
@@ -288,6 +298,7 @@ declare const tokens: {
|
|
|
288
298
|
"moderate": "#c4dbe0",
|
|
289
299
|
"default": "#a8cbd3",
|
|
290
300
|
"hover": "#7eb0bc",
|
|
301
|
+
"active": "#5b9ba9",
|
|
291
302
|
"bold": "#388597",
|
|
292
303
|
"strong": "#11596a"
|
|
293
304
|
},
|
|
@@ -303,25 +314,24 @@ declare const tokens: {
|
|
|
303
314
|
},
|
|
304
315
|
"success": {
|
|
305
316
|
"default": "#7dfd95",
|
|
306
|
-
"bold": "#
|
|
307
|
-
"strong": "#
|
|
317
|
+
"bold": "#1d873c",
|
|
318
|
+
"strong": "#187233"
|
|
308
319
|
},
|
|
309
320
|
"info": {
|
|
310
321
|
"default": "#9aecff",
|
|
311
|
-
"bold": "#
|
|
312
|
-
"strong": "#
|
|
322
|
+
"bold": "#008299",
|
|
323
|
+
"strong": "#006c80"
|
|
313
324
|
},
|
|
314
325
|
"disabled": {
|
|
315
326
|
"default": "#e6ebec",
|
|
316
327
|
"subtle": "#f3f5f6"
|
|
317
328
|
},
|
|
318
|
-
"focus": "#388597",
|
|
319
329
|
"inverse": "rgba(255, 255, 255, 0.85)"
|
|
320
330
|
},
|
|
321
331
|
"rgb": {
|
|
322
332
|
"background": {
|
|
323
|
-
"surface": "255, 255, 255",
|
|
324
333
|
"neutral": {
|
|
334
|
+
"minimal": "255, 255, 255",
|
|
325
335
|
"default": "230, 235, 236",
|
|
326
336
|
"bold": "83, 116, 123",
|
|
327
337
|
"strong": "34, 63, 68"
|
|
@@ -343,76 +353,76 @@ declare const tokens: {
|
|
|
343
353
|
},
|
|
344
354
|
"success": {
|
|
345
355
|
"default": "219, 255, 223",
|
|
346
|
-
"bold": "
|
|
347
|
-
"strong": "
|
|
356
|
+
"bold": "30, 184, 79",
|
|
357
|
+
"strong": "29, 135, 60"
|
|
348
358
|
},
|
|
349
359
|
"info": {
|
|
350
360
|
"default": "225, 249, 255",
|
|
351
|
-
"bold": "0,
|
|
352
|
-
"strong": "0,
|
|
361
|
+
"bold": "0, 167, 194",
|
|
362
|
+
"strong": "0, 130, 153"
|
|
353
363
|
}
|
|
354
364
|
},
|
|
355
365
|
"data": {
|
|
356
|
-
"red20": "247, 230, 232",
|
|
357
|
-
"red40": "236, 199, 201",
|
|
358
|
-
"red60": "230, 161, 165",
|
|
359
|
-
"red80": "235, 112, 114",
|
|
360
|
-
"red100": "198, 67, 75",
|
|
361
|
-
"orange20": "250, 235, 220",
|
|
362
|
-
"orange40": "245, 202, 163",
|
|
363
|
-
"orange60": "237, 163, 94",
|
|
364
|
-
"orange80": "229, 123, 26",
|
|
365
|
-
"orange100": "179, 93, 10",
|
|
366
|
-
"brown20": "244, 237, 222",
|
|
367
|
-
"brown40": "232, 207, 150",
|
|
368
|
-
"brown60": "216, 177, 85",
|
|
369
|
-
"brown80": "184, 151, 73",
|
|
370
|
-
"brown100": "142, 115, 51",
|
|
371
|
-
"pear20": "252, 252, 219",
|
|
372
|
-
"pear40": "232, 229, 76",
|
|
373
|
-
"pear60": "203, 201, 32",
|
|
374
|
-
"pear80": "175, 173, 7",
|
|
375
|
-
"pear100": "136, 135, 5",
|
|
376
|
-
"lime20": "241, 252, 220",
|
|
377
|
-
"lime40": "203, 237, 122",
|
|
378
|
-
"lime60": "167, 212, 65",
|
|
379
|
-
"lime80": "132, 186, 18",
|
|
380
|
-
"lime100": "102, 145, 14",
|
|
381
|
-
"green20": "223, 245, 225",
|
|
382
|
-
"green40": "173, 226, 176",
|
|
383
|
-
"green60": "118, 206, 122",
|
|
384
|
-
"green80": "63, 184, 69",
|
|
385
|
-
"green100": "49, 141, 54",
|
|
386
366
|
"teal20": "220, 244, 239",
|
|
387
367
|
"teal40": "167, 223, 214",
|
|
388
368
|
"teal60": "111, 201, 186",
|
|
389
369
|
"teal80": "58, 177, 158",
|
|
390
|
-
"teal100": "
|
|
370
|
+
"teal100": "37, 121, 107",
|
|
371
|
+
"purple20": "244, 234, 248",
|
|
372
|
+
"purple40": "226, 198, 236",
|
|
373
|
+
"purple60": "210, 161, 227",
|
|
374
|
+
"purple80": "197, 116, 228",
|
|
375
|
+
"purple100": "158, 61, 194",
|
|
376
|
+
"pink20": "248, 233, 242",
|
|
377
|
+
"pink40": "235, 197, 222",
|
|
378
|
+
"pink60": "226, 157, 201",
|
|
379
|
+
"pink80": "226, 106, 181",
|
|
380
|
+
"pink100": "181, 59, 140",
|
|
391
381
|
"aqua20": "227, 241, 246",
|
|
392
382
|
"aqua40": "177, 218, 228",
|
|
393
383
|
"aqua60": "122, 196, 211",
|
|
394
384
|
"aqua80": "66, 171, 194",
|
|
395
|
-
"aqua100": "
|
|
385
|
+
"aqua100": "41, 117, 133",
|
|
396
386
|
"blue20": "230, 239, 247",
|
|
397
387
|
"blue40": "191, 213, 233",
|
|
398
388
|
"blue60": "147, 187, 223",
|
|
399
389
|
"blue80": "96, 161, 223",
|
|
400
|
-
"blue100": "
|
|
390
|
+
"blue100": "52, 109, 162",
|
|
401
391
|
"lazuli20": "236, 237, 249",
|
|
402
392
|
"lazuli40": "204, 207, 238",
|
|
403
393
|
"lazuli60": "170, 178, 233",
|
|
404
394
|
"lazuli80": "127, 148, 242",
|
|
405
|
-
"lazuli100": "
|
|
406
|
-
"
|
|
407
|
-
"
|
|
408
|
-
"
|
|
409
|
-
"
|
|
410
|
-
"
|
|
411
|
-
"
|
|
412
|
-
"
|
|
413
|
-
"
|
|
414
|
-
"
|
|
415
|
-
"
|
|
395
|
+
"lazuli100": "75, 92, 221",
|
|
396
|
+
"green20": "223, 245, 225",
|
|
397
|
+
"green40": "173, 226, 176",
|
|
398
|
+
"green60": "118, 206, 122",
|
|
399
|
+
"green80": "63, 184, 69",
|
|
400
|
+
"green100": "42, 121, 46",
|
|
401
|
+
"lime20": "241, 252, 220",
|
|
402
|
+
"lime40": "203, 237, 122",
|
|
403
|
+
"lime60": "167, 212, 65",
|
|
404
|
+
"lime80": "132, 186, 18",
|
|
405
|
+
"lime100": "88, 125, 12",
|
|
406
|
+
"orange20": "250, 235, 220",
|
|
407
|
+
"orange40": "245, 202, 163",
|
|
408
|
+
"orange60": "237, 163, 94",
|
|
409
|
+
"orange80": "229, 123, 26",
|
|
410
|
+
"orange100": "164, 84, 10",
|
|
411
|
+
"pear20": "252, 252, 219",
|
|
412
|
+
"pear40": "232, 229, 76",
|
|
413
|
+
"pear60": "203, 201, 32",
|
|
414
|
+
"pear80": "175, 173, 7",
|
|
415
|
+
"pear100": "118, 118, 5",
|
|
416
|
+
"brown20": "244, 237, 222",
|
|
417
|
+
"brown40": "232, 207, 150",
|
|
418
|
+
"brown60": "216, 177, 85",
|
|
419
|
+
"brown80": "184, 151, 73",
|
|
420
|
+
"brown100": "127, 103, 46",
|
|
421
|
+
"red20": "247, 230, 232",
|
|
422
|
+
"red40": "236, 199, 201",
|
|
423
|
+
"red60": "230, 161, 165",
|
|
424
|
+
"red80": "235, 112, 114",
|
|
425
|
+
"red100": "187, 58, 66"
|
|
416
426
|
}
|
|
417
427
|
}
|
|
418
428
|
};
|