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