@volue/design-colors 3.0.0-next.7 → 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.
Files changed (22) hide show
  1. package/README.md +2 -2
  2. package/dist/flat.common.js +231 -207
  3. package/dist/flat.d.ts +212 -196
  4. package/dist/flat.module.js +169 -153
  5. package/dist/generic.common.js +581 -465
  6. package/dist/generic.d.ts +379 -323
  7. package/dist/generic.module.js +581 -465
  8. package/dist/index.common.js +125 -115
  9. package/dist/index.cssmodules.css +106 -98
  10. package/dist/index.custom-properties.css +107 -99
  11. package/dist/index.d.ts +125 -115
  12. package/dist/index.json +106 -98
  13. package/dist/index.map.scss +107 -99
  14. package/dist/index.module.js +125 -115
  15. package/dist/index.scss +107 -99
  16. package/dist/internal/fillsWithTextColors.json +3 -161
  17. package/package.json +1 -1
  18. package/src/core.json +8 -8
  19. package/src/datavis.json +12 -12
  20. package/src/functional.json +118 -85
  21. package/src/internal/fills.json +3 -27
  22. package/src/rgb-channels.json +122 -122
package/dist/index.custom-properties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 04 Oct 2023 14:46:43 GMT
3
+ * Generated on Thu, 12 Oct 2023 16:36:46 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -33,20 +33,20 @@
33
33
  --color-blue30: #bff3ff;
34
34
  --color-blue40: #9aecff;
35
35
  --color-blue60: #00cceb;
36
- --color-blue70: #00b4d1;
37
- --color-blue80: #0096af;
38
- --color-blue90: #007a92;
39
- --color-blue100: #005e72;
36
+ --color-blue70: #00a7c2;
37
+ --color-blue80: #008299;
38
+ --color-blue90: #006c80;
39
+ --color-blue100: #005766;
40
40
  --color-green5: #eeffef;
41
41
  --color-green10: #dbffdf;
42
42
  --color-green20: #c6ffcd;
43
43
  --color-green30: #b0ffbb;
44
44
  --color-green40: #7dfd95;
45
45
  --color-green60: #31d962;
46
- --color-green70: #1fc052;
47
- --color-green80: #22a047;
48
- --color-green90: #1b8238;
49
- --color-green100: #006626;
46
+ --color-green70: #1eb84f;
47
+ --color-green80: #1d873c;
48
+ --color-green90: #187233;
49
+ --color-green100: #125426;
50
50
  --color-orange5: #fff9ed;
51
51
  --color-orange10: #fff2da;
52
52
  --color-orange20: #ffecc8;
@@ -71,75 +71,66 @@
71
71
  --color-data-red40: #ecc7c9;
72
72
  --color-data-red60: #e6a1a5;
73
73
  --color-data-red80: #eb7072;
74
- --color-data-red100: #c6434b;
74
+ --color-data-red100: #bb3a42;
75
75
  --color-data-orange20: #faebdc;
76
76
  --color-data-orange40: #f5caa3;
77
77
  --color-data-orange60: #eda35e;
78
78
  --color-data-orange80: #e57b1a;
79
- --color-data-orange100: #b35d0a;
79
+ --color-data-orange100: #a4540a;
80
80
  --color-data-brown20: #f4edde;
81
81
  --color-data-brown40: #e8cf96;
82
82
  --color-data-brown60: #d8b155;
83
83
  --color-data-brown80: #b89749;
84
- --color-data-brown100: #8e7333;
84
+ --color-data-brown100: #7f672e;
85
85
  --color-data-pear20: #fcfcdb;
86
86
  --color-data-pear40: #e8e54c;
87
87
  --color-data-pear60: #cbc920;
88
88
  --color-data-pear80: #afad07;
89
- --color-data-pear100: #888705;
89
+ --color-data-pear100: #767605;
90
90
  --color-data-lime20: #f1fcdc;
91
91
  --color-data-lime40: #cbed7a;
92
92
  --color-data-lime60: #a7d441;
93
93
  --color-data-lime80: #84ba12;
94
- --color-data-lime100: #66910e;
94
+ --color-data-lime100: #587d0c;
95
95
  --color-data-green20: #dff5e1;
96
96
  --color-data-green40: #ade2b0;
97
97
  --color-data-green60: #76ce7a;
98
98
  --color-data-green80: #3fb845;
99
- --color-data-green100: #318d36;
99
+ --color-data-green100: #2a792e;
100
100
  --color-data-teal20: #dcf4ef;
101
101
  --color-data-teal40: #a7dfd6;
102
102
  --color-data-teal60: #6fc9ba;
103
103
  --color-data-teal80: #3ab19e;
104
- --color-data-teal100: #2a8879;
104
+ --color-data-teal100: #25796b;
105
105
  --color-data-aqua20: #e3f1f6;
106
106
  --color-data-aqua40: #b1dae4;
107
107
  --color-data-aqua60: #7ac4d3;
108
108
  --color-data-aqua80: #42abc2;
109
- --color-data-aqua100: #2e8495;
109
+ --color-data-aqua100: #297585;
110
110
  --color-data-blue20: #e6eff7;
111
111
  --color-data-blue40: #bfd5e9;
112
112
  --color-data-blue60: #93bbdf;
113
113
  --color-data-blue80: #60a1df;
114
- --color-data-blue100: #3b7bb7;
114
+ --color-data-blue100: #346da2;
115
115
  --color-data-lazuli20: #ecedf9;
116
116
  --color-data-lazuli40: #cccfee;
117
117
  --color-data-lazuli60: #aab2e9;
118
118
  --color-data-lazuli80: #7f94f2;
119
- --color-data-lazuli100: #5768df;
119
+ --color-data-lazuli100: #4b5cdd;
120
120
  --color-data-purple20: #f4eaf8;
121
121
  --color-data-purple40: #e2c6ec;
122
122
  --color-data-purple60: #d2a1e3;
123
123
  --color-data-purple80: #c574e4;
124
- --color-data-purple100: #a345c5;
124
+ --color-data-purple100: #9e3dc2;
125
125
  --color-data-pink20: #f8e9f2;
126
126
  --color-data-pink40: #ebc5de;
127
127
  --color-data-pink60: #e29dc9;
128
128
  --color-data-pink80: #e26ab5;
129
- --color-data-pink100: #bc3d91;
130
- --color-background-canvas: #ffffff;
131
- --color-background-canvas-subtle: #f9fafb;
132
- --color-background-surface: #ffffff;
133
- --color-background-surface-subtle: #f3f5f6;
134
- --color-background-surface-contrast: #082d35;
129
+ --color-data-pink100: #b53b8c;
135
130
  --color-background-neutral-minimal: #ffffff;
136
131
  --color-background-neutral-subtle: #f9fafb;
137
- --color-background-neutral-subtle-hover: #f3f5f6;
138
- --color-background-neutral-subtle-active: #e6ebec;
139
132
  --color-background-neutral-moderate: #f3f5f6;
140
- --color-background-neutral-moderate-hover: #e6ebec;
141
133
  --color-background-neutral: #e6ebec;
142
- --color-background-neutral-hover: #c2cdd0;
143
134
  --color-background-neutral-bold: #53747b;
144
135
  --color-background-neutral-strong: #223f44;
145
136
  --color-background-neutral-contrast: #082d35;
@@ -151,46 +142,63 @@
151
142
  --color-background-accent-subtle-active: #c4dbe0;
152
143
  --color-background-accent: #e8f1f3;
153
144
  --color-background-accent-hover: #c4dbe0;
145
+ --color-background-accent-active: #a8cbd3;
154
146
  --color-background-accent-bold: #5b9ba9;
147
+ --color-background-accent-bold-hover: #388597;
148
+ --color-background-accent-bold-active: #157084;
155
149
  --color-background-accent-strong: #157084;
156
150
  --color-background-accent-strong-hover: #11596a;
151
+ --color-background-accent-strong-active: #0c4957;
157
152
  --color-background-danger-subtle: #fff7f8;
158
153
  --color-background-danger-subtle-hover: #ffeff0;
159
154
  --color-background-danger-subtle-active: #ffdbde;
160
155
  --color-background-danger: #ffeff0;
161
156
  --color-background-danger-hover: #ffdbde;
157
+ --color-background-danger-active: #ffbfc1;
162
158
  --color-background-danger-bold: #ff3b3d;
159
+ --color-background-danger-bold-hover: #df001f;
160
+ --color-background-danger-bold-active: #b20016;
163
161
  --color-background-danger-strong: #df001f;
164
162
  --color-background-danger-strong-hover: #b20016;
163
+ --color-background-danger-strong-active: #9d0012;
165
164
  --color-background-warning-subtle: #fff9ed;
166
165
  --color-background-warning-subtle-hover: #fff2da;
167
166
  --color-background-warning-subtle-active: #ffecc8;
168
167
  --color-background-warning: #fff2da;
169
168
  --color-background-warning-hover: #ffecc8;
169
+ --color-background-warning-active: #ffdd99;
170
170
  --color-background-warning-bold: #ffb900;
171
+ --color-background-warning-bold-hover: #dc9f00;
172
+ --color-background-warning-bold-active: #b17600;
171
173
  --color-background-warning-strong: #dc9f00;
172
174
  --color-background-warning-strong-hover: #b17600;
175
+ --color-background-warning-strong-active: #805400;
173
176
  --color-background-success-subtle: #eeffef;
174
177
  --color-background-success-subtle-hover: #dbffdf;
175
178
  --color-background-success-subtle-active: #c6ffcd;
176
179
  --color-background-success: #dbffdf;
177
180
  --color-background-success-hover: #c6ffcd;
178
- --color-background-success-bold: #22a047;
179
- --color-background-success-strong: #1b8238;
180
- --color-background-success-strong-hover: #006626;
181
+ --color-background-success-active: #b0ffbb;
182
+ --color-background-success-bold: #1eb84f;
183
+ --color-background-success-bold-hover: #1d873c;
184
+ --color-background-success-bold-active: #187233;
185
+ --color-background-success-strong: #1d873c;
186
+ --color-background-success-strong-hover: #187233;
187
+ --color-background-success-strong-active: #125426;
181
188
  --color-background-info-subtle: #f0fcff;
182
189
  --color-background-info-subtle-hover: #e1f9ff;
183
190
  --color-background-info-subtle-active: #d0f6ff;
184
191
  --color-background-info: #e1f9ff;
185
192
  --color-background-info-hover: #d0f6ff;
186
- --color-background-info-bold: #0096af;
187
- --color-background-info-strong: #007a92;
188
- --color-background-info-strong-hover: #005e72;
193
+ --color-background-info-active: #bff3ff;
194
+ --color-background-info-bold: #00a7c2;
195
+ --color-background-info-bold-hover: #008299;
196
+ --color-background-info-bold-active: #006c80;
197
+ --color-background-info-strong: #008299;
198
+ --color-background-info-strong-hover: #006c80;
199
+ --color-background-info-strong-active: #005766;
189
200
  --color-background-disabled: #e6ebec;
190
201
  --color-background-disabled-subtle: #f3f5f6;
191
- --color-background-inverse: rgba(255, 255, 255, 0.113);
192
- --color-foreground-body: #082d35;
193
- --color-foreground-link: #157084;
194
202
  --color-foreground-neutral: #082d35;
195
203
  --color-foreground-neutral-moderate: #223f44;
196
204
  --color-foreground-neutral-subtle: #53747b;
@@ -205,12 +213,12 @@
205
213
  --color-foreground-warning-moderate: #b17600;
206
214
  --color-foreground-warning-subtle: #ffb900;
207
215
  --color-foreground-warning-inverse: #082d35;
208
- --color-foreground-success: #006626;
209
- --color-foreground-success-moderate: #1b8238;
210
- --color-foreground-success-subtle: #1fc052;
211
- --color-foreground-info: #005e72;
212
- --color-foreground-info-moderate: #007a92;
213
- --color-foreground-info-subtle: #00b4d1;
216
+ --color-foreground-success: #125426;
217
+ --color-foreground-success-moderate: #187233;
218
+ --color-foreground-success-subtle: #1eb84f;
219
+ --color-foreground-info: #005766;
220
+ --color-foreground-info-moderate: #006c80;
221
+ --color-foreground-info-subtle: #00a7c2;
214
222
  --color-foreground-disabled: #9dafb3;
215
223
  --color-foreground-disabled-subtle: #c2cdd0;
216
224
  --color-foreground-inverse: #ffffff;
@@ -222,6 +230,7 @@
222
230
  --color-border-accent-moderate: #c4dbe0;
223
231
  --color-border-accent: #a8cbd3;
224
232
  --color-border-accent-hover: #7eb0bc;
233
+ --color-border-accent-active: #5b9ba9;
225
234
  --color-border-accent-bold: #388597;
226
235
  --color-border-accent-strong: #11596a;
227
236
  --color-border-danger: #ffbfc1;
@@ -231,16 +240,15 @@
231
240
  --color-border-warning-bold: #dc9f00;
232
241
  --color-border-warning-strong: #b17600;
233
242
  --color-border-success: #7dfd95;
234
- --color-border-success-bold: #1b8238;
235
- --color-border-success-strong: #006626;
243
+ --color-border-success-bold: #1d873c;
244
+ --color-border-success-strong: #187233;
236
245
  --color-border-info: #9aecff;
237
- --color-border-info-bold: #007a92;
238
- --color-border-info-strong: #005e72;
246
+ --color-border-info-bold: #008299;
247
+ --color-border-info-strong: #006c80;
239
248
  --color-border-disabled: #e6ebec;
240
249
  --color-border-disabled-subtle: #f3f5f6;
241
- --color-border-focus: #388597;
242
250
  --color-border-inverse: rgba(255, 255, 255, 0.85);
243
- --color-rgb-background-surface: 255, 255, 255;
251
+ --color-rgb-background-neutral-minimal: 255, 255, 255;
244
252
  --color-rgb-background-neutral: 230, 235, 236;
245
253
  --color-rgb-background-neutral-bold: 83, 116, 123;
246
254
  --color-rgb-background-neutral-strong: 34, 63, 68;
@@ -254,69 +262,69 @@
254
262
  --color-rgb-background-warning-bold: 255, 185, 0;
255
263
  --color-rgb-background-warning-strong: 220, 159, 0;
256
264
  --color-rgb-background-success: 219, 255, 223;
257
- --color-rgb-background-success-bold: 34, 160, 71;
258
- --color-rgb-background-success-strong: 27, 130, 56;
265
+ --color-rgb-background-success-bold: 30, 184, 79;
266
+ --color-rgb-background-success-strong: 29, 135, 60;
259
267
  --color-rgb-background-info: 225, 249, 255;
260
- --color-rgb-background-info-bold: 0, 150, 175;
261
- --color-rgb-background-info-strong: 0, 122, 146;
262
- --color-rgb-data-red20: 247, 230, 232;
263
- --color-rgb-data-red40: 236, 199, 201;
264
- --color-rgb-data-red60: 230, 161, 165;
265
- --color-rgb-data-red80: 235, 112, 114;
266
- --color-rgb-data-red100: 198, 67, 75;
267
- --color-rgb-data-orange20: 250, 235, 220;
268
- --color-rgb-data-orange40: 245, 202, 163;
269
- --color-rgb-data-orange60: 237, 163, 94;
270
- --color-rgb-data-orange80: 229, 123, 26;
271
- --color-rgb-data-orange100: 179, 93, 10;
272
- --color-rgb-data-brown20: 244, 237, 222;
273
- --color-rgb-data-brown40: 232, 207, 150;
274
- --color-rgb-data-brown60: 216, 177, 85;
275
- --color-rgb-data-brown80: 184, 151, 73;
276
- --color-rgb-data-brown100: 142, 115, 51;
277
- --color-rgb-data-pear20: 252, 252, 219;
278
- --color-rgb-data-pear40: 232, 229, 76;
279
- --color-rgb-data-pear60: 203, 201, 32;
280
- --color-rgb-data-pear80: 175, 173, 7;
281
- --color-rgb-data-pear100: 136, 135, 5;
282
- --color-rgb-data-lime20: 241, 252, 220;
283
- --color-rgb-data-lime40: 203, 237, 122;
284
- --color-rgb-data-lime60: 167, 212, 65;
285
- --color-rgb-data-lime80: 132, 186, 18;
286
- --color-rgb-data-lime100: 102, 145, 14;
287
- --color-rgb-data-green20: 223, 245, 225;
288
- --color-rgb-data-green40: 173, 226, 176;
289
- --color-rgb-data-green60: 118, 206, 122;
290
- --color-rgb-data-green80: 63, 184, 69;
291
- --color-rgb-data-green100: 49, 141, 54;
268
+ --color-rgb-background-info-bold: 0, 167, 194;
269
+ --color-rgb-background-info-strong: 0, 130, 153;
292
270
  --color-rgb-data-teal20: 220, 244, 239;
293
271
  --color-rgb-data-teal40: 167, 223, 214;
294
272
  --color-rgb-data-teal60: 111, 201, 186;
295
273
  --color-rgb-data-teal80: 58, 177, 158;
296
- --color-rgb-data-teal100: 42, 136, 121;
274
+ --color-rgb-data-teal100: 37, 121, 107;
275
+ --color-rgb-data-purple20: 244, 234, 248;
276
+ --color-rgb-data-purple40: 226, 198, 236;
277
+ --color-rgb-data-purple60: 210, 161, 227;
278
+ --color-rgb-data-purple80: 197, 116, 228;
279
+ --color-rgb-data-purple100: 158, 61, 194;
280
+ --color-rgb-data-pink20: 248, 233, 242;
281
+ --color-rgb-data-pink40: 235, 197, 222;
282
+ --color-rgb-data-pink60: 226, 157, 201;
283
+ --color-rgb-data-pink80: 226, 106, 181;
284
+ --color-rgb-data-pink100: 181, 59, 140;
297
285
  --color-rgb-data-aqua20: 227, 241, 246;
298
286
  --color-rgb-data-aqua40: 177, 218, 228;
299
287
  --color-rgb-data-aqua60: 122, 196, 211;
300
288
  --color-rgb-data-aqua80: 66, 171, 194;
301
- --color-rgb-data-aqua100: 46, 132, 149;
289
+ --color-rgb-data-aqua100: 41, 117, 133;
302
290
  --color-rgb-data-blue20: 230, 239, 247;
303
291
  --color-rgb-data-blue40: 191, 213, 233;
304
292
  --color-rgb-data-blue60: 147, 187, 223;
305
293
  --color-rgb-data-blue80: 96, 161, 223;
306
- --color-rgb-data-blue100: 59, 123, 183;
294
+ --color-rgb-data-blue100: 52, 109, 162;
307
295
  --color-rgb-data-lazuli20: 236, 237, 249;
308
296
  --color-rgb-data-lazuli40: 204, 207, 238;
309
297
  --color-rgb-data-lazuli60: 170, 178, 233;
310
298
  --color-rgb-data-lazuli80: 127, 148, 242;
311
- --color-rgb-data-lazuli100: 87, 104, 223;
312
- --color-rgb-data-purple20: 244, 234, 248;
313
- --color-rgb-data-purple40: 226, 198, 236;
314
- --color-rgb-data-purple60: 210, 161, 227;
315
- --color-rgb-data-purple80: 197, 116, 228;
316
- --color-rgb-data-purple100: 163, 69, 197;
317
- --color-rgb-data-pink20: 248, 233, 242;
318
- --color-rgb-data-pink40: 235, 197, 222;
319
- --color-rgb-data-pink60: 226, 157, 201;
320
- --color-rgb-data-pink80: 226, 106, 181;
321
- --color-rgb-data-pink100: 188, 61, 145;
299
+ --color-rgb-data-lazuli100: 75, 92, 221;
300
+ --color-rgb-data-green20: 223, 245, 225;
301
+ --color-rgb-data-green40: 173, 226, 176;
302
+ --color-rgb-data-green60: 118, 206, 122;
303
+ --color-rgb-data-green80: 63, 184, 69;
304
+ --color-rgb-data-green100: 42, 121, 46;
305
+ --color-rgb-data-lime20: 241, 252, 220;
306
+ --color-rgb-data-lime40: 203, 237, 122;
307
+ --color-rgb-data-lime60: 167, 212, 65;
308
+ --color-rgb-data-lime80: 132, 186, 18;
309
+ --color-rgb-data-lime100: 88, 125, 12;
310
+ --color-rgb-data-orange20: 250, 235, 220;
311
+ --color-rgb-data-orange40: 245, 202, 163;
312
+ --color-rgb-data-orange60: 237, 163, 94;
313
+ --color-rgb-data-orange80: 229, 123, 26;
314
+ --color-rgb-data-orange100: 164, 84, 10;
315
+ --color-rgb-data-pear20: 252, 252, 219;
316
+ --color-rgb-data-pear40: 232, 229, 76;
317
+ --color-rgb-data-pear60: 203, 201, 32;
318
+ --color-rgb-data-pear80: 175, 173, 7;
319
+ --color-rgb-data-pear100: 118, 118, 5;
320
+ --color-rgb-data-brown20: 244, 237, 222;
321
+ --color-rgb-data-brown40: 232, 207, 150;
322
+ --color-rgb-data-brown60: 216, 177, 85;
323
+ --color-rgb-data-brown80: 184, 151, 73;
324
+ --color-rgb-data-brown100: 127, 103, 46;
325
+ --color-rgb-data-red20: 247, 230, 232;
326
+ --color-rgb-data-red40: 236, 199, 201;
327
+ --color-rgb-data-red60: 230, 161, 165;
328
+ --color-rgb-data-red80: 235, 112, 114;
329
+ --color-rgb-data-red100: 187, 58, 66;
322
330
  }