@volue/design-colors 2.0.4-next.0 → 3.0.0-next.1
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 +28 -5
- package/dist/flat.common.js +777 -0
- package/dist/flat.d.ts +520 -0
- package/dist/flat.module.js +520 -0
- package/dist/generic.common.js +2719 -0
- package/dist/generic.d.ts +1528 -0
- package/dist/generic.module.js +2719 -0
- package/dist/index.common.js +351 -80
- package/dist/index.cssmodules.css +253 -51
- package/dist/index.custom-properties.css +254 -52
- package/dist/index.d.ts +355 -0
- package/dist/index.json +253 -51
- package/dist/index.map.scss +254 -52
- package/dist/index.module.js +351 -80
- package/dist/index.scss +254 -52
- package/dist/internal/fillsWithTextColors.json +572 -0
- package/flat/package.json +5 -0
- package/generic/package.json +5 -0
- package/package.json +40 -9
- package/src/core.json +201 -0
- package/src/datavis.json +197 -0
- package/src/functional.json +532 -0
- package/src/internal/fills.json +163 -0
- package/src/rgb-channels.json +77 -0
- package/dist/backgroundFills.withTextColors.json +0 -622
- package/dist/index.common.d.ts +0 -84
- package/dist/index.module.d.ts +0 -84
- package/dist/textColors.json +0 -27
- package/src/backgroundFills.json +0 -189
- package/src/palette.json +0 -173
- package/src/text.json +0 -92
package/dist/index.scss
CHANGED
|
@@ -1,56 +1,258 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Fri, 04 Aug 2023 11:50:24 GMT
|
|
4
4
|
|
|
5
|
-
$color-black: #000000;
|
|
6
5
|
$color-white: #ffffff;
|
|
7
|
-
$color-
|
|
8
|
-
$color-
|
|
9
|
-
$color-
|
|
10
|
-
$color-
|
|
11
|
-
$color-
|
|
12
|
-
$color-
|
|
13
|
-
$color-
|
|
14
|
-
$color-
|
|
15
|
-
$color-
|
|
16
|
-
$color-
|
|
17
|
-
$color-
|
|
18
|
-
$color-
|
|
19
|
-
$color-
|
|
20
|
-
$color-
|
|
21
|
-
$color-
|
|
22
|
-
$color-
|
|
23
|
-
$color-
|
|
24
|
-
$color-
|
|
25
|
-
$color-
|
|
26
|
-
$color-
|
|
27
|
-
$color-
|
|
28
|
-
$color-
|
|
29
|
-
$color-
|
|
30
|
-
$color-
|
|
31
|
-
$color-
|
|
32
|
-
$color-
|
|
33
|
-
$color-
|
|
34
|
-
$color-
|
|
35
|
-
$color-
|
|
36
|
-
$color-
|
|
37
|
-
$color-
|
|
38
|
-
$color-
|
|
39
|
-
$color-
|
|
40
|
-
$color-
|
|
41
|
-
$color-
|
|
42
|
-
$color-
|
|
43
|
-
$color-
|
|
44
|
-
$color-
|
|
45
|
-
$color-
|
|
46
|
-
$color-
|
|
47
|
-
$color-
|
|
48
|
-
$color-
|
|
49
|
-
$color-
|
|
50
|
-
$color-
|
|
51
|
-
$color-
|
|
52
|
-
$color-
|
|
53
|
-
$color-
|
|
54
|
-
$color-
|
|
55
|
-
$color-
|
|
56
|
-
$color-
|
|
6
|
+
$color-gray0: #f9fafb;
|
|
7
|
+
$color-gray5: #f3f5f6;
|
|
8
|
+
$color-gray10: #e6ebec;
|
|
9
|
+
$color-gray20: #c2cdd0;
|
|
10
|
+
$color-gray30: #9dafb3;
|
|
11
|
+
$color-gray40: #789297;
|
|
12
|
+
$color-gray60: #53747b;
|
|
13
|
+
$color-gray70: #2f565e;
|
|
14
|
+
$color-gray80: #223f44;
|
|
15
|
+
$color-gray90: #1c353a;
|
|
16
|
+
$color-gray100: #082d35;
|
|
17
|
+
$color-accent0: #f8fbfc;
|
|
18
|
+
$color-accent5: #f3f8f9;
|
|
19
|
+
$color-accent10: #e8f1f3;
|
|
20
|
+
$color-accent20: #c4dbe0;
|
|
21
|
+
$color-accent30: #a8cbd3;
|
|
22
|
+
$color-accent40: #7eb0bc;
|
|
23
|
+
$color-accent60: #5b9ba9;
|
|
24
|
+
$color-accent70: #388597;
|
|
25
|
+
$color-accent80: #157084;
|
|
26
|
+
$color-accent90: #11596a;
|
|
27
|
+
$color-accent100: #0c4957;
|
|
28
|
+
$color-blue5: #f0fcff;
|
|
29
|
+
$color-blue10: #e1f9ff;
|
|
30
|
+
$color-blue20: #d0f6ff;
|
|
31
|
+
$color-blue30: #bff3ff;
|
|
32
|
+
$color-blue40: #9aecff;
|
|
33
|
+
$color-blue60: #00cceb;
|
|
34
|
+
$color-blue70: #00b4d1;
|
|
35
|
+
$color-blue80: #0096af;
|
|
36
|
+
$color-blue90: #007a92;
|
|
37
|
+
$color-blue100: #005e72;
|
|
38
|
+
$color-green5: #eeffef;
|
|
39
|
+
$color-green10: #dbffdf;
|
|
40
|
+
$color-green20: #c6ffcd;
|
|
41
|
+
$color-green30: #b0ffbb;
|
|
42
|
+
$color-green40: #7dfd95;
|
|
43
|
+
$color-green60: #31d962;
|
|
44
|
+
$color-green70: #1fc052;
|
|
45
|
+
$color-green80: #22a047;
|
|
46
|
+
$color-green90: #1b8238;
|
|
47
|
+
$color-green100: #006626;
|
|
48
|
+
$color-orange5: #fff9ed;
|
|
49
|
+
$color-orange10: #fff2da;
|
|
50
|
+
$color-orange20: #ffecc8;
|
|
51
|
+
$color-orange30: #ffdd99;
|
|
52
|
+
$color-orange40: #ffd787;
|
|
53
|
+
$color-orange60: #ffcd61;
|
|
54
|
+
$color-orange70: #ffb900;
|
|
55
|
+
$color-orange80: #dc9f00;
|
|
56
|
+
$color-orange90: #b17600;
|
|
57
|
+
$color-orange100: #805400;
|
|
58
|
+
$color-red5: #fff7f8;
|
|
59
|
+
$color-red10: #ffeff0;
|
|
60
|
+
$color-red20: #ffdbde;
|
|
61
|
+
$color-red30: #ffbfc1;
|
|
62
|
+
$color-red40: #ffadb1;
|
|
63
|
+
$color-red60: #ff7d89;
|
|
64
|
+
$color-red70: #ff3b3d;
|
|
65
|
+
$color-red80: #df001f;
|
|
66
|
+
$color-red90: #b20016;
|
|
67
|
+
$color-red100: #9d0012;
|
|
68
|
+
$color-data-red20: #f7e6e8;
|
|
69
|
+
$color-data-red40: #ecc7c9;
|
|
70
|
+
$color-data-red60: #e6a1a5;
|
|
71
|
+
$color-data-red80: #eb7072;
|
|
72
|
+
$color-data-red100: #c6434b;
|
|
73
|
+
$color-data-orange20: #faebdc;
|
|
74
|
+
$color-data-orange40: #f5caa3;
|
|
75
|
+
$color-data-orange60: #eda35e;
|
|
76
|
+
$color-data-orange80: #e57b1a;
|
|
77
|
+
$color-data-orange100: #b35d0a;
|
|
78
|
+
$color-data-brown20: #f4edde;
|
|
79
|
+
$color-data-brown40: #e8cf96;
|
|
80
|
+
$color-data-brown60: #d8b155;
|
|
81
|
+
$color-data-brown80: #b89749;
|
|
82
|
+
$color-data-brown100: #8e7333;
|
|
83
|
+
$color-data-pear20: #fcfcdb;
|
|
84
|
+
$color-data-pear40: #e8e54c;
|
|
85
|
+
$color-data-pear60: #cbc920;
|
|
86
|
+
$color-data-pear80: #afad07;
|
|
87
|
+
$color-data-pear100: #888705;
|
|
88
|
+
$color-data-lime20: #f1fcdc;
|
|
89
|
+
$color-data-lime40: #cbed7a;
|
|
90
|
+
$color-data-lime60: #a7d441;
|
|
91
|
+
$color-data-lime80: #84ba12;
|
|
92
|
+
$color-data-lime100: #66910e;
|
|
93
|
+
$color-data-green20: #dff5e1;
|
|
94
|
+
$color-data-green40: #ade2b0;
|
|
95
|
+
$color-data-green60: #76ce7a;
|
|
96
|
+
$color-data-green80: #3fb845;
|
|
97
|
+
$color-data-green100: #318d36;
|
|
98
|
+
$color-data-teal20: #dcf4ef;
|
|
99
|
+
$color-data-teal40: #a7dfd6;
|
|
100
|
+
$color-data-teal60: #6fc9ba;
|
|
101
|
+
$color-data-teal80: #3ab19e;
|
|
102
|
+
$color-data-teal100: #2a8879;
|
|
103
|
+
$color-data-aqua20: #e3f1f6;
|
|
104
|
+
$color-data-aqua40: #b1dae4;
|
|
105
|
+
$color-data-aqua60: #7ac4d3;
|
|
106
|
+
$color-data-aqua80: #42abc2;
|
|
107
|
+
$color-data-aqua100: #2e8495;
|
|
108
|
+
$color-data-blue20: #e6eff7;
|
|
109
|
+
$color-data-blue40: #bfd5e9;
|
|
110
|
+
$color-data-blue60: #93bbdf;
|
|
111
|
+
$color-data-blue80: #60a1df;
|
|
112
|
+
$color-data-blue100: #3b7bb7;
|
|
113
|
+
$color-data-lazuli20: #ecedf9;
|
|
114
|
+
$color-data-lazuli40: #cccfee;
|
|
115
|
+
$color-data-lazuli60: #aab2e9;
|
|
116
|
+
$color-data-lazuli80: #7f94f2;
|
|
117
|
+
$color-data-lazuli100: #5768df;
|
|
118
|
+
$color-data-purple20: #f4eaf8;
|
|
119
|
+
$color-data-purple40: #e2c6ec;
|
|
120
|
+
$color-data-purple60: #d2a1e3;
|
|
121
|
+
$color-data-purple80: #c574e4;
|
|
122
|
+
$color-data-purple100: #a345c5;
|
|
123
|
+
$color-data-pink20: #f8e9f2;
|
|
124
|
+
$color-data-pink40: #ebc5de;
|
|
125
|
+
$color-data-pink60: #e29dc9;
|
|
126
|
+
$color-data-pink80: #e26ab5;
|
|
127
|
+
$color-data-pink100: #bc3d91;
|
|
128
|
+
$color-background-canvas: #ffffff;
|
|
129
|
+
$color-background-canvas-subtle: #f9fafb;
|
|
130
|
+
$color-background-surface: #ffffff;
|
|
131
|
+
$color-background-surface-subtle: #f3f5f6;
|
|
132
|
+
$color-background-surface-contrast: #082d35;
|
|
133
|
+
$color-background-neutral-minimal: #ffffff;
|
|
134
|
+
$color-background-neutral-subtle: #f9fafb;
|
|
135
|
+
$color-background-neutral-subtle-hover: #f3f5f6;
|
|
136
|
+
$color-background-neutral-subtle-active: #e6ebec;
|
|
137
|
+
$color-background-neutral-moderate: #f3f5f6;
|
|
138
|
+
$color-background-neutral-moderate-hover: #e6ebec;
|
|
139
|
+
$color-background-neutral: #e6ebec;
|
|
140
|
+
$color-background-neutral-hover: #c2cdd0;
|
|
141
|
+
$color-background-neutral-bold: #53747b;
|
|
142
|
+
$color-background-neutral-strong: #223f44;
|
|
143
|
+
$color-background-neutral-contrast: #082d35;
|
|
144
|
+
$color-background-accent-minimal: #f8fbfc;
|
|
145
|
+
$color-background-accent-minimal-hover: #f3f8f9;
|
|
146
|
+
$color-background-accent-minimal-active: #e8f1f3;
|
|
147
|
+
$color-background-accent-subtle: #f3f8f9;
|
|
148
|
+
$color-background-accent-subtle-hover: #e8f1f3;
|
|
149
|
+
$color-background-accent-subtle-active: #c4dbe0;
|
|
150
|
+
$color-background-accent: #e8f1f3;
|
|
151
|
+
$color-background-accent-hover: #c4dbe0;
|
|
152
|
+
$color-background-accent-bold: #5b9ba9;
|
|
153
|
+
$color-background-accent-strong: #157084;
|
|
154
|
+
$color-background-accent-strong-hover: #11596a;
|
|
155
|
+
$color-background-danger-subtle: #fff7f8;
|
|
156
|
+
$color-background-danger-subtle-hover: #ffeff0;
|
|
157
|
+
$color-background-danger-subtle-active: #ffdbde;
|
|
158
|
+
$color-background-danger: #ffeff0;
|
|
159
|
+
$color-background-danger-hover: #ffdbde;
|
|
160
|
+
$color-background-danger-bold: #ff3b3d;
|
|
161
|
+
$color-background-danger-strong: #df001f;
|
|
162
|
+
$color-background-danger-strong-hover: #b20016;
|
|
163
|
+
$color-background-warning-subtle: #fff9ed;
|
|
164
|
+
$color-background-warning-subtle-hover: #fff2da;
|
|
165
|
+
$color-background-warning-subtle-active: #ffecc8;
|
|
166
|
+
$color-background-warning: #fff2da;
|
|
167
|
+
$color-background-warning-hover: #ffecc8;
|
|
168
|
+
$color-background-warning-bold: #ffb900;
|
|
169
|
+
$color-background-warning-strong: #dc9f00;
|
|
170
|
+
$color-background-warning-strong-hover: #b17600;
|
|
171
|
+
$color-background-success-subtle: #eeffef;
|
|
172
|
+
$color-background-success-subtle-hover: #dbffdf;
|
|
173
|
+
$color-background-success-subtle-active: #c6ffcd;
|
|
174
|
+
$color-background-success: #dbffdf;
|
|
175
|
+
$color-background-success-hover: #c6ffcd;
|
|
176
|
+
$color-background-success-bold: #22a047;
|
|
177
|
+
$color-background-success-strong: #1b8238;
|
|
178
|
+
$color-background-success-strong-hover: #006626;
|
|
179
|
+
$color-background-info-subtle: #f0fcff;
|
|
180
|
+
$color-background-info-subtle-hover: #e1f9ff;
|
|
181
|
+
$color-background-info-subtle-active: #d0f6ff;
|
|
182
|
+
$color-background-info: #e1f9ff;
|
|
183
|
+
$color-background-info-hover: #d0f6ff;
|
|
184
|
+
$color-background-info-bold: #0096af;
|
|
185
|
+
$color-background-info-strong: #007a92;
|
|
186
|
+
$color-background-info-strong-hover: #005e72;
|
|
187
|
+
$color-background-disabled: #e6ebec;
|
|
188
|
+
$color-background-disabled-subtle: #f3f5f6;
|
|
189
|
+
$color-background-inverse: rgba(255, 255, 255, 0.113);
|
|
190
|
+
$color-foreground-body: #082d35;
|
|
191
|
+
$color-foreground-link: #11596a;
|
|
192
|
+
$color-foreground-neutral: #082d35;
|
|
193
|
+
$color-foreground-neutral-moderate: #223f44;
|
|
194
|
+
$color-foreground-neutral-subtle: #53747b;
|
|
195
|
+
$color-foreground-neutral-minimal: #9dafb3;
|
|
196
|
+
$color-foreground-accent: #0c4957;
|
|
197
|
+
$color-foreground-accent-moderate: #11596a;
|
|
198
|
+
$color-foreground-danger: #9d0012;
|
|
199
|
+
$color-foreground-danger-moderate: #b20016;
|
|
200
|
+
$color-foreground-danger-subtle: #df001f;
|
|
201
|
+
$color-foreground-warning: #805400;
|
|
202
|
+
$color-foreground-warning-moderate: #b17600;
|
|
203
|
+
$color-foreground-warning-subtle: #dc9f00;
|
|
204
|
+
$color-foreground-warning-inverse: #082d35;
|
|
205
|
+
$color-foreground-success: #006626;
|
|
206
|
+
$color-foreground-success-moderate: #1b8238;
|
|
207
|
+
$color-foreground-success-subtle: #22a047;
|
|
208
|
+
$color-foreground-info: #005e72;
|
|
209
|
+
$color-foreground-info-moderate: #007a92;
|
|
210
|
+
$color-foreground-info-subtle: #0096af;
|
|
211
|
+
$color-foreground-disabled: #9dafb3;
|
|
212
|
+
$color-foreground-disabled-subtle: #c2cdd0;
|
|
213
|
+
$color-foreground-inverse: #ffffff;
|
|
214
|
+
$color-border-neutral-subtle: #e6ebec;
|
|
215
|
+
$color-border-neutral-moderate: #c2cdd0;
|
|
216
|
+
$color-border-neutral: #9dafb3;
|
|
217
|
+
$color-border-neutral-bold: #2f565e;
|
|
218
|
+
$color-border-neutral-contrast: #082d35;
|
|
219
|
+
$color-border-accent-moderate: #c4dbe0;
|
|
220
|
+
$color-border-accent: #a8cbd3;
|
|
221
|
+
$color-border-accent-hover: #7eb0bc;
|
|
222
|
+
$color-border-accent-bold: #388597;
|
|
223
|
+
$color-border-accent-strong: #11596a;
|
|
224
|
+
$color-border-danger: #ffbfc1;
|
|
225
|
+
$color-border-danger-bold: #df001f;
|
|
226
|
+
$color-border-danger-strong: #b20016;
|
|
227
|
+
$color-border-warning: #ffd787;
|
|
228
|
+
$color-border-warning-bold: #dc9f00;
|
|
229
|
+
$color-border-warning-strong: #b17600;
|
|
230
|
+
$color-border-success: #7dfd95;
|
|
231
|
+
$color-border-success-bold: #1b8238;
|
|
232
|
+
$color-border-success-strong: #006626;
|
|
233
|
+
$color-border-info: #9aecff;
|
|
234
|
+
$color-border-info-bold: #007a92;
|
|
235
|
+
$color-border-info-strong: #005e72;
|
|
236
|
+
$color-border-disabled: #e6ebec;
|
|
237
|
+
$color-border-disabled-subtle: #f3f5f6;
|
|
238
|
+
$color-border-focus: #388597;
|
|
239
|
+
$color-border-inverse: rgba(255, 255, 255, 0.85);
|
|
240
|
+
$color-rgb-background-surface: 255, 255, 255;
|
|
241
|
+
$color-rgb-background-neutral: 230, 235, 236;
|
|
242
|
+
$color-rgb-background-neutral-bold: 83, 116, 123;
|
|
243
|
+
$color-rgb-background-neutral-strong: 34, 63, 68;
|
|
244
|
+
$color-rgb-background-accent: 232, 241, 243;
|
|
245
|
+
$color-rgb-background-accent-bold: 91, 155, 169;
|
|
246
|
+
$color-rgb-background-accent-strong: 21, 112, 132;
|
|
247
|
+
$color-rgb-background-danger: 255, 239, 240;
|
|
248
|
+
$color-rgb-background-danger-bold: 255, 59, 61;
|
|
249
|
+
$color-rgb-background-danger-strong: 223, 0, 31;
|
|
250
|
+
$color-rgb-background-warning: 255, 242, 218;
|
|
251
|
+
$color-rgb-background-warning-bold: 255, 185, 0;
|
|
252
|
+
$color-rgb-background-warning-strong: 220, 159, 0;
|
|
253
|
+
$color-rgb-background-success: 219, 255, 223;
|
|
254
|
+
$color-rgb-background-success-bold: 34, 160, 71;
|
|
255
|
+
$color-rgb-background-success-strong: 27, 130, 56;
|
|
256
|
+
$color-rgb-background-info: 225, 249, 255;
|
|
257
|
+
$color-rgb-background-info-bold: 0, 150, 175;
|
|
258
|
+
$color-rgb-background-info-strong: 0, 122, 146;
|