@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.
- 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 +1 -1
- 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/flat.common.js
CHANGED
|
@@ -27,20 +27,20 @@ const colorBlue20 = "#d0f6ff";
|
|
|
27
27
|
const colorBlue30 = "#bff3ff";
|
|
28
28
|
const colorBlue40 = "#9aecff";
|
|
29
29
|
const colorBlue60 = "#00cceb";
|
|
30
|
-
const colorBlue70 = "#
|
|
31
|
-
const colorBlue80 = "#
|
|
32
|
-
const colorBlue90 = "#
|
|
33
|
-
const colorBlue100 = "#
|
|
30
|
+
const colorBlue70 = "#00a7c2";
|
|
31
|
+
const colorBlue80 = "#008299";
|
|
32
|
+
const colorBlue90 = "#006c80";
|
|
33
|
+
const colorBlue100 = "#005766";
|
|
34
34
|
const colorGreen5 = "#eeffef";
|
|
35
35
|
const colorGreen10 = "#dbffdf";
|
|
36
36
|
const colorGreen20 = "#c6ffcd";
|
|
37
37
|
const colorGreen30 = "#b0ffbb";
|
|
38
38
|
const colorGreen40 = "#7dfd95";
|
|
39
39
|
const colorGreen60 = "#31d962";
|
|
40
|
-
const colorGreen70 = "#
|
|
41
|
-
const colorGreen80 = "#
|
|
42
|
-
const colorGreen90 = "#
|
|
43
|
-
const colorGreen100 = "#
|
|
40
|
+
const colorGreen70 = "#1eb84f";
|
|
41
|
+
const colorGreen80 = "#1d873c";
|
|
42
|
+
const colorGreen90 = "#187233";
|
|
43
|
+
const colorGreen100 = "#125426";
|
|
44
44
|
const colorOrange5 = "#fff9ed";
|
|
45
45
|
const colorOrange10 = "#fff2da";
|
|
46
46
|
const colorOrange20 = "#ffecc8";
|
|
@@ -65,75 +65,66 @@ const dataRed20 = "#f7e6e8";
|
|
|
65
65
|
const dataRed40 = "#ecc7c9";
|
|
66
66
|
const dataRed60 = "#e6a1a5";
|
|
67
67
|
const dataRed80 = "#eb7072";
|
|
68
|
-
const dataRed100 = "#
|
|
68
|
+
const dataRed100 = "#bb3a42";
|
|
69
69
|
const dataOrange20 = "#faebdc";
|
|
70
70
|
const dataOrange40 = "#f5caa3";
|
|
71
71
|
const dataOrange60 = "#eda35e";
|
|
72
72
|
const dataOrange80 = "#e57b1a";
|
|
73
|
-
const dataOrange100 = "#
|
|
73
|
+
const dataOrange100 = "#a4540a";
|
|
74
74
|
const dataBrown20 = "#f4edde";
|
|
75
75
|
const dataBrown40 = "#e8cf96";
|
|
76
76
|
const dataBrown60 = "#d8b155";
|
|
77
77
|
const dataBrown80 = "#b89749";
|
|
78
|
-
const dataBrown100 = "#
|
|
78
|
+
const dataBrown100 = "#7f672e";
|
|
79
79
|
const dataPear20 = "#fcfcdb";
|
|
80
80
|
const dataPear40 = "#e8e54c";
|
|
81
81
|
const dataPear60 = "#cbc920";
|
|
82
82
|
const dataPear80 = "#afad07";
|
|
83
|
-
const dataPear100 = "#
|
|
83
|
+
const dataPear100 = "#767605";
|
|
84
84
|
const dataLime20 = "#f1fcdc";
|
|
85
85
|
const dataLime40 = "#cbed7a";
|
|
86
86
|
const dataLime60 = "#a7d441";
|
|
87
87
|
const dataLime80 = "#84ba12";
|
|
88
|
-
const dataLime100 = "#
|
|
88
|
+
const dataLime100 = "#587d0c";
|
|
89
89
|
const dataGreen20 = "#dff5e1";
|
|
90
90
|
const dataGreen40 = "#ade2b0";
|
|
91
91
|
const dataGreen60 = "#76ce7a";
|
|
92
92
|
const dataGreen80 = "#3fb845";
|
|
93
|
-
const dataGreen100 = "#
|
|
93
|
+
const dataGreen100 = "#2a792e";
|
|
94
94
|
const dataTeal20 = "#dcf4ef";
|
|
95
95
|
const dataTeal40 = "#a7dfd6";
|
|
96
96
|
const dataTeal60 = "#6fc9ba";
|
|
97
97
|
const dataTeal80 = "#3ab19e";
|
|
98
|
-
const dataTeal100 = "#
|
|
98
|
+
const dataTeal100 = "#25796b";
|
|
99
99
|
const dataAqua20 = "#e3f1f6";
|
|
100
100
|
const dataAqua40 = "#b1dae4";
|
|
101
101
|
const dataAqua60 = "#7ac4d3";
|
|
102
102
|
const dataAqua80 = "#42abc2";
|
|
103
|
-
const dataAqua100 = "#
|
|
103
|
+
const dataAqua100 = "#297585";
|
|
104
104
|
const dataBlue20 = "#e6eff7";
|
|
105
105
|
const dataBlue40 = "#bfd5e9";
|
|
106
106
|
const dataBlue60 = "#93bbdf";
|
|
107
107
|
const dataBlue80 = "#60a1df";
|
|
108
|
-
const dataBlue100 = "#
|
|
108
|
+
const dataBlue100 = "#346da2";
|
|
109
109
|
const dataLazuli20 = "#ecedf9";
|
|
110
110
|
const dataLazuli40 = "#cccfee";
|
|
111
111
|
const dataLazuli60 = "#aab2e9";
|
|
112
112
|
const dataLazuli80 = "#7f94f2";
|
|
113
|
-
const dataLazuli100 = "#
|
|
113
|
+
const dataLazuli100 = "#4b5cdd";
|
|
114
114
|
const dataPurple20 = "#f4eaf8";
|
|
115
115
|
const dataPurple40 = "#e2c6ec";
|
|
116
116
|
const dataPurple60 = "#d2a1e3";
|
|
117
117
|
const dataPurple80 = "#c574e4";
|
|
118
|
-
const dataPurple100 = "#
|
|
118
|
+
const dataPurple100 = "#9e3dc2";
|
|
119
119
|
const dataPink20 = "#f8e9f2";
|
|
120
120
|
const dataPink40 = "#ebc5de";
|
|
121
121
|
const dataPink60 = "#e29dc9";
|
|
122
122
|
const dataPink80 = "#e26ab5";
|
|
123
|
-
const dataPink100 = "#
|
|
124
|
-
const backgroundCanvas = "#ffffff";
|
|
125
|
-
const backgroundCanvasSubtle = "#f9fafb";
|
|
126
|
-
const backgroundSurface = "#ffffff";
|
|
127
|
-
const backgroundSurfaceSubtle = "#f3f5f6";
|
|
128
|
-
const backgroundSurfaceContrast = "#082d35";
|
|
123
|
+
const dataPink100 = "#b53b8c";
|
|
129
124
|
const backgroundNeutralMinimal = "#ffffff";
|
|
130
125
|
const backgroundNeutralSubtle = "#f9fafb";
|
|
131
|
-
const backgroundNeutralSubtleHover = "#f3f5f6";
|
|
132
|
-
const backgroundNeutralSubtleActive = "#e6ebec";
|
|
133
126
|
const backgroundNeutralModerate = "#f3f5f6";
|
|
134
|
-
const backgroundNeutralModerateHover = "#e6ebec";
|
|
135
127
|
const backgroundNeutral = "#e6ebec";
|
|
136
|
-
const backgroundNeutralHover = "#c2cdd0";
|
|
137
128
|
const backgroundNeutralBold = "#53747b";
|
|
138
129
|
const backgroundNeutralStrong = "#223f44";
|
|
139
130
|
const backgroundNeutralContrast = "#082d35";
|
|
@@ -145,46 +136,63 @@ const backgroundAccentSubtleHover = "#e8f1f3";
|
|
|
145
136
|
const backgroundAccentSubtleActive = "#c4dbe0";
|
|
146
137
|
const backgroundAccent = "#e8f1f3";
|
|
147
138
|
const backgroundAccentHover = "#c4dbe0";
|
|
139
|
+
const backgroundAccentActive = "#a8cbd3";
|
|
148
140
|
const backgroundAccentBold = "#5b9ba9";
|
|
141
|
+
const backgroundAccentBoldHover = "#388597";
|
|
142
|
+
const backgroundAccentBoldActive = "#157084";
|
|
149
143
|
const backgroundAccentStrong = "#157084";
|
|
150
144
|
const backgroundAccentStrongHover = "#11596a";
|
|
145
|
+
const backgroundAccentStrongActive = "#0c4957";
|
|
151
146
|
const backgroundDangerSubtle = "#fff7f8";
|
|
152
147
|
const backgroundDangerSubtleHover = "#ffeff0";
|
|
153
148
|
const backgroundDangerSubtleActive = "#ffdbde";
|
|
154
149
|
const backgroundDanger = "#ffeff0";
|
|
155
150
|
const backgroundDangerHover = "#ffdbde";
|
|
151
|
+
const backgroundDangerActive = "#ffbfc1";
|
|
156
152
|
const backgroundDangerBold = "#ff3b3d";
|
|
153
|
+
const backgroundDangerBoldHover = "#df001f";
|
|
154
|
+
const backgroundDangerBoldActive = "#b20016";
|
|
157
155
|
const backgroundDangerStrong = "#df001f";
|
|
158
156
|
const backgroundDangerStrongHover = "#b20016";
|
|
157
|
+
const backgroundDangerStrongActive = "#9d0012";
|
|
159
158
|
const backgroundWarningSubtle = "#fff9ed";
|
|
160
159
|
const backgroundWarningSubtleHover = "#fff2da";
|
|
161
160
|
const backgroundWarningSubtleActive = "#ffecc8";
|
|
162
161
|
const backgroundWarning = "#fff2da";
|
|
163
162
|
const backgroundWarningHover = "#ffecc8";
|
|
163
|
+
const backgroundWarningActive = "#ffdd99";
|
|
164
164
|
const backgroundWarningBold = "#ffb900";
|
|
165
|
+
const backgroundWarningBoldHover = "#dc9f00";
|
|
166
|
+
const backgroundWarningBoldActive = "#b17600";
|
|
165
167
|
const backgroundWarningStrong = "#dc9f00";
|
|
166
168
|
const backgroundWarningStrongHover = "#b17600";
|
|
169
|
+
const backgroundWarningStrongActive = "#805400";
|
|
167
170
|
const backgroundSuccessSubtle = "#eeffef";
|
|
168
171
|
const backgroundSuccessSubtleHover = "#dbffdf";
|
|
169
172
|
const backgroundSuccessSubtleActive = "#c6ffcd";
|
|
170
173
|
const backgroundSuccess = "#dbffdf";
|
|
171
174
|
const backgroundSuccessHover = "#c6ffcd";
|
|
172
|
-
const
|
|
173
|
-
const
|
|
174
|
-
const
|
|
175
|
+
const backgroundSuccessActive = "#b0ffbb";
|
|
176
|
+
const backgroundSuccessBold = "#1eb84f";
|
|
177
|
+
const backgroundSuccessBoldHover = "#1d873c";
|
|
178
|
+
const backgroundSuccessBoldActive = "#187233";
|
|
179
|
+
const backgroundSuccessStrong = "#1d873c";
|
|
180
|
+
const backgroundSuccessStrongHover = "#187233";
|
|
181
|
+
const backgroundSuccessStrongActive = "#125426";
|
|
175
182
|
const backgroundInfoSubtle = "#f0fcff";
|
|
176
183
|
const backgroundInfoSubtleHover = "#e1f9ff";
|
|
177
184
|
const backgroundInfoSubtleActive = "#d0f6ff";
|
|
178
185
|
const backgroundInfo = "#e1f9ff";
|
|
179
186
|
const backgroundInfoHover = "#d0f6ff";
|
|
180
|
-
const
|
|
181
|
-
const
|
|
182
|
-
const
|
|
187
|
+
const backgroundInfoActive = "#bff3ff";
|
|
188
|
+
const backgroundInfoBold = "#00a7c2";
|
|
189
|
+
const backgroundInfoBoldHover = "#008299";
|
|
190
|
+
const backgroundInfoBoldActive = "#006c80";
|
|
191
|
+
const backgroundInfoStrong = "#008299";
|
|
192
|
+
const backgroundInfoStrongHover = "#006c80";
|
|
193
|
+
const backgroundInfoStrongActive = "#005766";
|
|
183
194
|
const backgroundDisabled = "#e6ebec";
|
|
184
195
|
const backgroundDisabledSubtle = "#f3f5f6";
|
|
185
|
-
const backgroundInverse = "rgba(255, 255, 255, 0.113)";
|
|
186
|
-
const foregroundBody = "#082d35";
|
|
187
|
-
const foregroundLink = "#157084";
|
|
188
196
|
const foregroundNeutral = "#082d35";
|
|
189
197
|
const foregroundNeutralModerate = "#223f44";
|
|
190
198
|
const foregroundNeutralSubtle = "#53747b";
|
|
@@ -199,12 +207,12 @@ const foregroundWarning = "#805400";
|
|
|
199
207
|
const foregroundWarningModerate = "#b17600";
|
|
200
208
|
const foregroundWarningSubtle = "#ffb900";
|
|
201
209
|
const foregroundWarningInverse = "#082d35";
|
|
202
|
-
const foregroundSuccess = "#
|
|
203
|
-
const foregroundSuccessModerate = "#
|
|
204
|
-
const foregroundSuccessSubtle = "#
|
|
205
|
-
const foregroundInfo = "#
|
|
206
|
-
const foregroundInfoModerate = "#
|
|
207
|
-
const foregroundInfoSubtle = "#
|
|
210
|
+
const foregroundSuccess = "#125426";
|
|
211
|
+
const foregroundSuccessModerate = "#187233";
|
|
212
|
+
const foregroundSuccessSubtle = "#1eb84f";
|
|
213
|
+
const foregroundInfo = "#005766";
|
|
214
|
+
const foregroundInfoModerate = "#006c80";
|
|
215
|
+
const foregroundInfoSubtle = "#00a7c2";
|
|
208
216
|
const foregroundDisabled = "#9dafb3";
|
|
209
217
|
const foregroundDisabledSubtle = "#c2cdd0";
|
|
210
218
|
const foregroundInverse = "#ffffff";
|
|
@@ -216,6 +224,7 @@ const borderNeutralContrast = "#082d35";
|
|
|
216
224
|
const borderAccentModerate = "#c4dbe0";
|
|
217
225
|
const borderAccent = "#a8cbd3";
|
|
218
226
|
const borderAccentHover = "#7eb0bc";
|
|
227
|
+
const borderAccentActive = "#5b9ba9";
|
|
219
228
|
const borderAccentBold = "#388597";
|
|
220
229
|
const borderAccentStrong = "#11596a";
|
|
221
230
|
const borderDanger = "#ffbfc1";
|
|
@@ -225,16 +234,15 @@ const borderWarning = "#ffd787";
|
|
|
225
234
|
const borderWarningBold = "#dc9f00";
|
|
226
235
|
const borderWarningStrong = "#b17600";
|
|
227
236
|
const borderSuccess = "#7dfd95";
|
|
228
|
-
const borderSuccessBold = "#
|
|
229
|
-
const borderSuccessStrong = "#
|
|
237
|
+
const borderSuccessBold = "#1d873c";
|
|
238
|
+
const borderSuccessStrong = "#187233";
|
|
230
239
|
const borderInfo = "#9aecff";
|
|
231
|
-
const borderInfoBold = "#
|
|
232
|
-
const borderInfoStrong = "#
|
|
240
|
+
const borderInfoBold = "#008299";
|
|
241
|
+
const borderInfoStrong = "#006c80";
|
|
233
242
|
const borderDisabled = "#e6ebec";
|
|
234
243
|
const borderDisabledSubtle = "#f3f5f6";
|
|
235
|
-
const borderFocus = "#388597";
|
|
236
244
|
const borderInverse = "rgba(255, 255, 255, 0.85)";
|
|
237
|
-
const
|
|
245
|
+
const rgbBackgroundNeutralMinimal = "255, 255, 255";
|
|
238
246
|
const rgbBackgroundNeutral = "230, 235, 236";
|
|
239
247
|
const rgbBackgroundNeutralBold = "83, 116, 123";
|
|
240
248
|
const rgbBackgroundNeutralStrong = "34, 63, 68";
|
|
@@ -248,71 +256,71 @@ const rgbBackgroundWarning = "255, 242, 218";
|
|
|
248
256
|
const rgbBackgroundWarningBold = "255, 185, 0";
|
|
249
257
|
const rgbBackgroundWarningStrong = "220, 159, 0";
|
|
250
258
|
const rgbBackgroundSuccess = "219, 255, 223";
|
|
251
|
-
const rgbBackgroundSuccessBold = "
|
|
252
|
-
const rgbBackgroundSuccessStrong = "
|
|
259
|
+
const rgbBackgroundSuccessBold = "30, 184, 79";
|
|
260
|
+
const rgbBackgroundSuccessStrong = "29, 135, 60";
|
|
253
261
|
const rgbBackgroundInfo = "225, 249, 255";
|
|
254
|
-
const rgbBackgroundInfoBold = "0,
|
|
255
|
-
const rgbBackgroundInfoStrong = "0,
|
|
256
|
-
const rgbDataRed20 = "247, 230, 232";
|
|
257
|
-
const rgbDataRed40 = "236, 199, 201";
|
|
258
|
-
const rgbDataRed60 = "230, 161, 165";
|
|
259
|
-
const rgbDataRed80 = "235, 112, 114";
|
|
260
|
-
const rgbDataRed100 = "198, 67, 75";
|
|
261
|
-
const rgbDataOrange20 = "250, 235, 220";
|
|
262
|
-
const rgbDataOrange40 = "245, 202, 163";
|
|
263
|
-
const rgbDataOrange60 = "237, 163, 94";
|
|
264
|
-
const rgbDataOrange80 = "229, 123, 26";
|
|
265
|
-
const rgbDataOrange100 = "179, 93, 10";
|
|
266
|
-
const rgbDataBrown20 = "244, 237, 222";
|
|
267
|
-
const rgbDataBrown40 = "232, 207, 150";
|
|
268
|
-
const rgbDataBrown60 = "216, 177, 85";
|
|
269
|
-
const rgbDataBrown80 = "184, 151, 73";
|
|
270
|
-
const rgbDataBrown100 = "142, 115, 51";
|
|
271
|
-
const rgbDataPear20 = "252, 252, 219";
|
|
272
|
-
const rgbDataPear40 = "232, 229, 76";
|
|
273
|
-
const rgbDataPear60 = "203, 201, 32";
|
|
274
|
-
const rgbDataPear80 = "175, 173, 7";
|
|
275
|
-
const rgbDataPear100 = "136, 135, 5";
|
|
276
|
-
const rgbDataLime20 = "241, 252, 220";
|
|
277
|
-
const rgbDataLime40 = "203, 237, 122";
|
|
278
|
-
const rgbDataLime60 = "167, 212, 65";
|
|
279
|
-
const rgbDataLime80 = "132, 186, 18";
|
|
280
|
-
const rgbDataLime100 = "102, 145, 14";
|
|
281
|
-
const rgbDataGreen20 = "223, 245, 225";
|
|
282
|
-
const rgbDataGreen40 = "173, 226, 176";
|
|
283
|
-
const rgbDataGreen60 = "118, 206, 122";
|
|
284
|
-
const rgbDataGreen80 = "63, 184, 69";
|
|
285
|
-
const rgbDataGreen100 = "49, 141, 54";
|
|
262
|
+
const rgbBackgroundInfoBold = "0, 167, 194";
|
|
263
|
+
const rgbBackgroundInfoStrong = "0, 130, 153";
|
|
286
264
|
const rgbDataTeal20 = "220, 244, 239";
|
|
287
265
|
const rgbDataTeal40 = "167, 223, 214";
|
|
288
266
|
const rgbDataTeal60 = "111, 201, 186";
|
|
289
267
|
const rgbDataTeal80 = "58, 177, 158";
|
|
290
|
-
const rgbDataTeal100 = "
|
|
268
|
+
const rgbDataTeal100 = "37, 121, 107";
|
|
269
|
+
const rgbDataPurple20 = "244, 234, 248";
|
|
270
|
+
const rgbDataPurple40 = "226, 198, 236";
|
|
271
|
+
const rgbDataPurple60 = "210, 161, 227";
|
|
272
|
+
const rgbDataPurple80 = "197, 116, 228";
|
|
273
|
+
const rgbDataPurple100 = "158, 61, 194";
|
|
274
|
+
const rgbDataPink20 = "248, 233, 242";
|
|
275
|
+
const rgbDataPink40 = "235, 197, 222";
|
|
276
|
+
const rgbDataPink60 = "226, 157, 201";
|
|
277
|
+
const rgbDataPink80 = "226, 106, 181";
|
|
278
|
+
const rgbDataPink100 = "181, 59, 140";
|
|
291
279
|
const rgbDataAqua20 = "227, 241, 246";
|
|
292
280
|
const rgbDataAqua40 = "177, 218, 228";
|
|
293
281
|
const rgbDataAqua60 = "122, 196, 211";
|
|
294
282
|
const rgbDataAqua80 = "66, 171, 194";
|
|
295
|
-
const rgbDataAqua100 = "
|
|
283
|
+
const rgbDataAqua100 = "41, 117, 133";
|
|
296
284
|
const rgbDataBlue20 = "230, 239, 247";
|
|
297
285
|
const rgbDataBlue40 = "191, 213, 233";
|
|
298
286
|
const rgbDataBlue60 = "147, 187, 223";
|
|
299
287
|
const rgbDataBlue80 = "96, 161, 223";
|
|
300
|
-
const rgbDataBlue100 = "
|
|
288
|
+
const rgbDataBlue100 = "52, 109, 162";
|
|
301
289
|
const rgbDataLazuli20 = "236, 237, 249";
|
|
302
290
|
const rgbDataLazuli40 = "204, 207, 238";
|
|
303
291
|
const rgbDataLazuli60 = "170, 178, 233";
|
|
304
292
|
const rgbDataLazuli80 = "127, 148, 242";
|
|
305
|
-
const rgbDataLazuli100 = "
|
|
306
|
-
const
|
|
307
|
-
const
|
|
308
|
-
const
|
|
309
|
-
const
|
|
310
|
-
const
|
|
311
|
-
const
|
|
312
|
-
const
|
|
313
|
-
const
|
|
314
|
-
const
|
|
315
|
-
const
|
|
293
|
+
const rgbDataLazuli100 = "75, 92, 221";
|
|
294
|
+
const rgbDataGreen20 = "223, 245, 225";
|
|
295
|
+
const rgbDataGreen40 = "173, 226, 176";
|
|
296
|
+
const rgbDataGreen60 = "118, 206, 122";
|
|
297
|
+
const rgbDataGreen80 = "63, 184, 69";
|
|
298
|
+
const rgbDataGreen100 = "42, 121, 46";
|
|
299
|
+
const rgbDataLime20 = "241, 252, 220";
|
|
300
|
+
const rgbDataLime40 = "203, 237, 122";
|
|
301
|
+
const rgbDataLime60 = "167, 212, 65";
|
|
302
|
+
const rgbDataLime80 = "132, 186, 18";
|
|
303
|
+
const rgbDataLime100 = "88, 125, 12";
|
|
304
|
+
const rgbDataOrange20 = "250, 235, 220";
|
|
305
|
+
const rgbDataOrange40 = "245, 202, 163";
|
|
306
|
+
const rgbDataOrange60 = "237, 163, 94";
|
|
307
|
+
const rgbDataOrange80 = "229, 123, 26";
|
|
308
|
+
const rgbDataOrange100 = "164, 84, 10";
|
|
309
|
+
const rgbDataPear20 = "252, 252, 219";
|
|
310
|
+
const rgbDataPear40 = "232, 229, 76";
|
|
311
|
+
const rgbDataPear60 = "203, 201, 32";
|
|
312
|
+
const rgbDataPear80 = "175, 173, 7";
|
|
313
|
+
const rgbDataPear100 = "118, 118, 5";
|
|
314
|
+
const rgbDataBrown20 = "244, 237, 222";
|
|
315
|
+
const rgbDataBrown40 = "232, 207, 150";
|
|
316
|
+
const rgbDataBrown60 = "216, 177, 85";
|
|
317
|
+
const rgbDataBrown80 = "184, 151, 73";
|
|
318
|
+
const rgbDataBrown100 = "127, 103, 46";
|
|
319
|
+
const rgbDataRed20 = "247, 230, 232";
|
|
320
|
+
const rgbDataRed40 = "236, 199, 201";
|
|
321
|
+
const rgbDataRed60 = "230, 161, 165";
|
|
322
|
+
const rgbDataRed80 = "235, 112, 114";
|
|
323
|
+
const rgbDataRed100 = "187, 58, 66";
|
|
316
324
|
|
|
317
325
|
module.exports = {
|
|
318
326
|
colorWhite,
|
|
@@ -438,19 +446,10 @@ module.exports = {
|
|
|
438
446
|
dataPink60,
|
|
439
447
|
dataPink80,
|
|
440
448
|
dataPink100,
|
|
441
|
-
backgroundCanvas,
|
|
442
|
-
backgroundCanvasSubtle,
|
|
443
|
-
backgroundSurface,
|
|
444
|
-
backgroundSurfaceSubtle,
|
|
445
|
-
backgroundSurfaceContrast,
|
|
446
449
|
backgroundNeutralMinimal,
|
|
447
450
|
backgroundNeutralSubtle,
|
|
448
|
-
backgroundNeutralSubtleHover,
|
|
449
|
-
backgroundNeutralSubtleActive,
|
|
450
451
|
backgroundNeutralModerate,
|
|
451
|
-
backgroundNeutralModerateHover,
|
|
452
452
|
backgroundNeutral,
|
|
453
|
-
backgroundNeutralHover,
|
|
454
453
|
backgroundNeutralBold,
|
|
455
454
|
backgroundNeutralStrong,
|
|
456
455
|
backgroundNeutralContrast,
|
|
@@ -462,46 +461,63 @@ module.exports = {
|
|
|
462
461
|
backgroundAccentSubtleActive,
|
|
463
462
|
backgroundAccent,
|
|
464
463
|
backgroundAccentHover,
|
|
464
|
+
backgroundAccentActive,
|
|
465
465
|
backgroundAccentBold,
|
|
466
|
+
backgroundAccentBoldHover,
|
|
467
|
+
backgroundAccentBoldActive,
|
|
466
468
|
backgroundAccentStrong,
|
|
467
469
|
backgroundAccentStrongHover,
|
|
470
|
+
backgroundAccentStrongActive,
|
|
468
471
|
backgroundDangerSubtle,
|
|
469
472
|
backgroundDangerSubtleHover,
|
|
470
473
|
backgroundDangerSubtleActive,
|
|
471
474
|
backgroundDanger,
|
|
472
475
|
backgroundDangerHover,
|
|
476
|
+
backgroundDangerActive,
|
|
473
477
|
backgroundDangerBold,
|
|
478
|
+
backgroundDangerBoldHover,
|
|
479
|
+
backgroundDangerBoldActive,
|
|
474
480
|
backgroundDangerStrong,
|
|
475
481
|
backgroundDangerStrongHover,
|
|
482
|
+
backgroundDangerStrongActive,
|
|
476
483
|
backgroundWarningSubtle,
|
|
477
484
|
backgroundWarningSubtleHover,
|
|
478
485
|
backgroundWarningSubtleActive,
|
|
479
486
|
backgroundWarning,
|
|
480
487
|
backgroundWarningHover,
|
|
488
|
+
backgroundWarningActive,
|
|
481
489
|
backgroundWarningBold,
|
|
490
|
+
backgroundWarningBoldHover,
|
|
491
|
+
backgroundWarningBoldActive,
|
|
482
492
|
backgroundWarningStrong,
|
|
483
493
|
backgroundWarningStrongHover,
|
|
494
|
+
backgroundWarningStrongActive,
|
|
484
495
|
backgroundSuccessSubtle,
|
|
485
496
|
backgroundSuccessSubtleHover,
|
|
486
497
|
backgroundSuccessSubtleActive,
|
|
487
498
|
backgroundSuccess,
|
|
488
499
|
backgroundSuccessHover,
|
|
500
|
+
backgroundSuccessActive,
|
|
489
501
|
backgroundSuccessBold,
|
|
502
|
+
backgroundSuccessBoldHover,
|
|
503
|
+
backgroundSuccessBoldActive,
|
|
490
504
|
backgroundSuccessStrong,
|
|
491
505
|
backgroundSuccessStrongHover,
|
|
506
|
+
backgroundSuccessStrongActive,
|
|
492
507
|
backgroundInfoSubtle,
|
|
493
508
|
backgroundInfoSubtleHover,
|
|
494
509
|
backgroundInfoSubtleActive,
|
|
495
510
|
backgroundInfo,
|
|
496
511
|
backgroundInfoHover,
|
|
512
|
+
backgroundInfoActive,
|
|
497
513
|
backgroundInfoBold,
|
|
514
|
+
backgroundInfoBoldHover,
|
|
515
|
+
backgroundInfoBoldActive,
|
|
498
516
|
backgroundInfoStrong,
|
|
499
517
|
backgroundInfoStrongHover,
|
|
518
|
+
backgroundInfoStrongActive,
|
|
500
519
|
backgroundDisabled,
|
|
501
520
|
backgroundDisabledSubtle,
|
|
502
|
-
backgroundInverse,
|
|
503
|
-
foregroundBody,
|
|
504
|
-
foregroundLink,
|
|
505
521
|
foregroundNeutral,
|
|
506
522
|
foregroundNeutralModerate,
|
|
507
523
|
foregroundNeutralSubtle,
|
|
@@ -533,6 +549,7 @@ module.exports = {
|
|
|
533
549
|
borderAccentModerate,
|
|
534
550
|
borderAccent,
|
|
535
551
|
borderAccentHover,
|
|
552
|
+
borderAccentActive,
|
|
536
553
|
borderAccentBold,
|
|
537
554
|
borderAccentStrong,
|
|
538
555
|
borderDanger,
|
|
@@ -549,9 +566,8 @@ module.exports = {
|
|
|
549
566
|
borderInfoStrong,
|
|
550
567
|
borderDisabled,
|
|
551
568
|
borderDisabledSubtle,
|
|
552
|
-
borderFocus,
|
|
553
569
|
borderInverse,
|
|
554
|
-
|
|
570
|
+
rgbBackgroundNeutralMinimal,
|
|
555
571
|
rgbBackgroundNeutral,
|
|
556
572
|
rgbBackgroundNeutralBold,
|
|
557
573
|
rgbBackgroundNeutralStrong,
|
|
@@ -570,41 +586,21 @@ module.exports = {
|
|
|
570
586
|
rgbBackgroundInfo,
|
|
571
587
|
rgbBackgroundInfoBold,
|
|
572
588
|
rgbBackgroundInfoStrong,
|
|
573
|
-
rgbDataRed20,
|
|
574
|
-
rgbDataRed40,
|
|
575
|
-
rgbDataRed60,
|
|
576
|
-
rgbDataRed80,
|
|
577
|
-
rgbDataRed100,
|
|
578
|
-
rgbDataOrange20,
|
|
579
|
-
rgbDataOrange40,
|
|
580
|
-
rgbDataOrange60,
|
|
581
|
-
rgbDataOrange80,
|
|
582
|
-
rgbDataOrange100,
|
|
583
|
-
rgbDataBrown20,
|
|
584
|
-
rgbDataBrown40,
|
|
585
|
-
rgbDataBrown60,
|
|
586
|
-
rgbDataBrown80,
|
|
587
|
-
rgbDataBrown100,
|
|
588
|
-
rgbDataPear20,
|
|
589
|
-
rgbDataPear40,
|
|
590
|
-
rgbDataPear60,
|
|
591
|
-
rgbDataPear80,
|
|
592
|
-
rgbDataPear100,
|
|
593
|
-
rgbDataLime20,
|
|
594
|
-
rgbDataLime40,
|
|
595
|
-
rgbDataLime60,
|
|
596
|
-
rgbDataLime80,
|
|
597
|
-
rgbDataLime100,
|
|
598
|
-
rgbDataGreen20,
|
|
599
|
-
rgbDataGreen40,
|
|
600
|
-
rgbDataGreen60,
|
|
601
|
-
rgbDataGreen80,
|
|
602
|
-
rgbDataGreen100,
|
|
603
589
|
rgbDataTeal20,
|
|
604
590
|
rgbDataTeal40,
|
|
605
591
|
rgbDataTeal60,
|
|
606
592
|
rgbDataTeal80,
|
|
607
593
|
rgbDataTeal100,
|
|
594
|
+
rgbDataPurple20,
|
|
595
|
+
rgbDataPurple40,
|
|
596
|
+
rgbDataPurple60,
|
|
597
|
+
rgbDataPurple80,
|
|
598
|
+
rgbDataPurple100,
|
|
599
|
+
rgbDataPink20,
|
|
600
|
+
rgbDataPink40,
|
|
601
|
+
rgbDataPink60,
|
|
602
|
+
rgbDataPink80,
|
|
603
|
+
rgbDataPink100,
|
|
608
604
|
rgbDataAqua20,
|
|
609
605
|
rgbDataAqua40,
|
|
610
606
|
rgbDataAqua60,
|
|
@@ -620,16 +616,36 @@ module.exports = {
|
|
|
620
616
|
rgbDataLazuli60,
|
|
621
617
|
rgbDataLazuli80,
|
|
622
618
|
rgbDataLazuli100,
|
|
623
|
-
|
|
624
|
-
|
|
625
|
-
|
|
626
|
-
|
|
627
|
-
|
|
628
|
-
|
|
629
|
-
|
|
630
|
-
|
|
631
|
-
|
|
632
|
-
|
|
619
|
+
rgbDataGreen20,
|
|
620
|
+
rgbDataGreen40,
|
|
621
|
+
rgbDataGreen60,
|
|
622
|
+
rgbDataGreen80,
|
|
623
|
+
rgbDataGreen100,
|
|
624
|
+
rgbDataLime20,
|
|
625
|
+
rgbDataLime40,
|
|
626
|
+
rgbDataLime60,
|
|
627
|
+
rgbDataLime80,
|
|
628
|
+
rgbDataLime100,
|
|
629
|
+
rgbDataOrange20,
|
|
630
|
+
rgbDataOrange40,
|
|
631
|
+
rgbDataOrange60,
|
|
632
|
+
rgbDataOrange80,
|
|
633
|
+
rgbDataOrange100,
|
|
634
|
+
rgbDataPear20,
|
|
635
|
+
rgbDataPear40,
|
|
636
|
+
rgbDataPear60,
|
|
637
|
+
rgbDataPear80,
|
|
638
|
+
rgbDataPear100,
|
|
639
|
+
rgbDataBrown20,
|
|
640
|
+
rgbDataBrown40,
|
|
641
|
+
rgbDataBrown60,
|
|
642
|
+
rgbDataBrown80,
|
|
643
|
+
rgbDataBrown100,
|
|
644
|
+
rgbDataRed20,
|
|
645
|
+
rgbDataRed40,
|
|
646
|
+
rgbDataRed60,
|
|
647
|
+
rgbDataRed80,
|
|
648
|
+
rgbDataRed100,
|
|
633
649
|
core: {
|
|
634
650
|
colorWhite,
|
|
635
651
|
colorGray0,
|
|
@@ -758,19 +774,10 @@ module.exports = {
|
|
|
758
774
|
dataPink100
|
|
759
775
|
},
|
|
760
776
|
background: {
|
|
761
|
-
backgroundCanvas,
|
|
762
|
-
backgroundCanvasSubtle,
|
|
763
|
-
backgroundSurface,
|
|
764
|
-
backgroundSurfaceSubtle,
|
|
765
|
-
backgroundSurfaceContrast,
|
|
766
777
|
backgroundNeutralMinimal,
|
|
767
778
|
backgroundNeutralSubtle,
|
|
768
|
-
backgroundNeutralSubtleHover,
|
|
769
|
-
backgroundNeutralSubtleActive,
|
|
770
779
|
backgroundNeutralModerate,
|
|
771
|
-
backgroundNeutralModerateHover,
|
|
772
780
|
backgroundNeutral,
|
|
773
|
-
backgroundNeutralHover,
|
|
774
781
|
backgroundNeutralBold,
|
|
775
782
|
backgroundNeutralStrong,
|
|
776
783
|
backgroundNeutralContrast,
|
|
@@ -782,48 +789,65 @@ module.exports = {
|
|
|
782
789
|
backgroundAccentSubtleActive,
|
|
783
790
|
backgroundAccent,
|
|
784
791
|
backgroundAccentHover,
|
|
792
|
+
backgroundAccentActive,
|
|
785
793
|
backgroundAccentBold,
|
|
794
|
+
backgroundAccentBoldHover,
|
|
795
|
+
backgroundAccentBoldActive,
|
|
786
796
|
backgroundAccentStrong,
|
|
787
797
|
backgroundAccentStrongHover,
|
|
798
|
+
backgroundAccentStrongActive,
|
|
788
799
|
backgroundDangerSubtle,
|
|
789
800
|
backgroundDangerSubtleHover,
|
|
790
801
|
backgroundDangerSubtleActive,
|
|
791
802
|
backgroundDanger,
|
|
792
803
|
backgroundDangerHover,
|
|
804
|
+
backgroundDangerActive,
|
|
793
805
|
backgroundDangerBold,
|
|
806
|
+
backgroundDangerBoldHover,
|
|
807
|
+
backgroundDangerBoldActive,
|
|
794
808
|
backgroundDangerStrong,
|
|
795
809
|
backgroundDangerStrongHover,
|
|
810
|
+
backgroundDangerStrongActive,
|
|
796
811
|
backgroundWarningSubtle,
|
|
797
812
|
backgroundWarningSubtleHover,
|
|
798
813
|
backgroundWarningSubtleActive,
|
|
799
814
|
backgroundWarning,
|
|
800
815
|
backgroundWarningHover,
|
|
816
|
+
backgroundWarningActive,
|
|
801
817
|
backgroundWarningBold,
|
|
818
|
+
backgroundWarningBoldHover,
|
|
819
|
+
backgroundWarningBoldActive,
|
|
802
820
|
backgroundWarningStrong,
|
|
803
821
|
backgroundWarningStrongHover,
|
|
822
|
+
backgroundWarningStrongActive,
|
|
804
823
|
backgroundSuccessSubtle,
|
|
805
824
|
backgroundSuccessSubtleHover,
|
|
806
825
|
backgroundSuccessSubtleActive,
|
|
807
826
|
backgroundSuccess,
|
|
808
827
|
backgroundSuccessHover,
|
|
828
|
+
backgroundSuccessActive,
|
|
809
829
|
backgroundSuccessBold,
|
|
830
|
+
backgroundSuccessBoldHover,
|
|
831
|
+
backgroundSuccessBoldActive,
|
|
810
832
|
backgroundSuccessStrong,
|
|
811
833
|
backgroundSuccessStrongHover,
|
|
834
|
+
backgroundSuccessStrongActive,
|
|
812
835
|
backgroundInfoSubtle,
|
|
813
836
|
backgroundInfoSubtleHover,
|
|
814
837
|
backgroundInfoSubtleActive,
|
|
815
838
|
backgroundInfo,
|
|
816
839
|
backgroundInfoHover,
|
|
840
|
+
backgroundInfoActive,
|
|
817
841
|
backgroundInfoBold,
|
|
842
|
+
backgroundInfoBoldHover,
|
|
843
|
+
backgroundInfoBoldActive,
|
|
818
844
|
backgroundInfoStrong,
|
|
819
845
|
backgroundInfoStrongHover,
|
|
846
|
+
backgroundInfoStrongActive,
|
|
820
847
|
backgroundDisabled,
|
|
821
|
-
backgroundDisabledSubtle
|
|
822
|
-
backgroundInverse
|
|
848
|
+
backgroundDisabledSubtle
|
|
823
849
|
},
|
|
824
850
|
foreground: {
|
|
825
|
-
foregroundBody,
|
|
826
|
-
foregroundLink,
|
|
827
851
|
foregroundNeutral,
|
|
828
852
|
foregroundNeutralModerate,
|
|
829
853
|
foregroundNeutralSubtle,
|
|
@@ -857,6 +881,7 @@ module.exports = {
|
|
|
857
881
|
borderAccentModerate,
|
|
858
882
|
borderAccent,
|
|
859
883
|
borderAccentHover,
|
|
884
|
+
borderAccentActive,
|
|
860
885
|
borderAccentBold,
|
|
861
886
|
borderAccentStrong,
|
|
862
887
|
borderDanger,
|
|
@@ -873,11 +898,10 @@ module.exports = {
|
|
|
873
898
|
borderInfoStrong,
|
|
874
899
|
borderDisabled,
|
|
875
900
|
borderDisabledSubtle,
|
|
876
|
-
borderFocus,
|
|
877
901
|
borderInverse
|
|
878
902
|
},
|
|
879
903
|
rgb: {
|
|
880
|
-
|
|
904
|
+
rgbBackgroundNeutralMinimal,
|
|
881
905
|
rgbBackgroundNeutral,
|
|
882
906
|
rgbBackgroundNeutralBold,
|
|
883
907
|
rgbBackgroundNeutralStrong,
|
|
@@ -896,41 +920,21 @@ module.exports = {
|
|
|
896
920
|
rgbBackgroundInfo,
|
|
897
921
|
rgbBackgroundInfoBold,
|
|
898
922
|
rgbBackgroundInfoStrong,
|
|
899
|
-
rgbDataRed20,
|
|
900
|
-
rgbDataRed40,
|
|
901
|
-
rgbDataRed60,
|
|
902
|
-
rgbDataRed80,
|
|
903
|
-
rgbDataRed100,
|
|
904
|
-
rgbDataOrange20,
|
|
905
|
-
rgbDataOrange40,
|
|
906
|
-
rgbDataOrange60,
|
|
907
|
-
rgbDataOrange80,
|
|
908
|
-
rgbDataOrange100,
|
|
909
|
-
rgbDataBrown20,
|
|
910
|
-
rgbDataBrown40,
|
|
911
|
-
rgbDataBrown60,
|
|
912
|
-
rgbDataBrown80,
|
|
913
|
-
rgbDataBrown100,
|
|
914
|
-
rgbDataPear20,
|
|
915
|
-
rgbDataPear40,
|
|
916
|
-
rgbDataPear60,
|
|
917
|
-
rgbDataPear80,
|
|
918
|
-
rgbDataPear100,
|
|
919
|
-
rgbDataLime20,
|
|
920
|
-
rgbDataLime40,
|
|
921
|
-
rgbDataLime60,
|
|
922
|
-
rgbDataLime80,
|
|
923
|
-
rgbDataLime100,
|
|
924
|
-
rgbDataGreen20,
|
|
925
|
-
rgbDataGreen40,
|
|
926
|
-
rgbDataGreen60,
|
|
927
|
-
rgbDataGreen80,
|
|
928
|
-
rgbDataGreen100,
|
|
929
923
|
rgbDataTeal20,
|
|
930
924
|
rgbDataTeal40,
|
|
931
925
|
rgbDataTeal60,
|
|
932
926
|
rgbDataTeal80,
|
|
933
927
|
rgbDataTeal100,
|
|
928
|
+
rgbDataPurple20,
|
|
929
|
+
rgbDataPurple40,
|
|
930
|
+
rgbDataPurple60,
|
|
931
|
+
rgbDataPurple80,
|
|
932
|
+
rgbDataPurple100,
|
|
933
|
+
rgbDataPink20,
|
|
934
|
+
rgbDataPink40,
|
|
935
|
+
rgbDataPink60,
|
|
936
|
+
rgbDataPink80,
|
|
937
|
+
rgbDataPink100,
|
|
934
938
|
rgbDataAqua20,
|
|
935
939
|
rgbDataAqua40,
|
|
936
940
|
rgbDataAqua60,
|
|
@@ -946,15 +950,35 @@ module.exports = {
|
|
|
946
950
|
rgbDataLazuli60,
|
|
947
951
|
rgbDataLazuli80,
|
|
948
952
|
rgbDataLazuli100,
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
953
|
+
rgbDataGreen20,
|
|
954
|
+
rgbDataGreen40,
|
|
955
|
+
rgbDataGreen60,
|
|
956
|
+
rgbDataGreen80,
|
|
957
|
+
rgbDataGreen100,
|
|
958
|
+
rgbDataLime20,
|
|
959
|
+
rgbDataLime40,
|
|
960
|
+
rgbDataLime60,
|
|
961
|
+
rgbDataLime80,
|
|
962
|
+
rgbDataLime100,
|
|
963
|
+
rgbDataOrange20,
|
|
964
|
+
rgbDataOrange40,
|
|
965
|
+
rgbDataOrange60,
|
|
966
|
+
rgbDataOrange80,
|
|
967
|
+
rgbDataOrange100,
|
|
968
|
+
rgbDataPear20,
|
|
969
|
+
rgbDataPear40,
|
|
970
|
+
rgbDataPear60,
|
|
971
|
+
rgbDataPear80,
|
|
972
|
+
rgbDataPear100,
|
|
973
|
+
rgbDataBrown20,
|
|
974
|
+
rgbDataBrown40,
|
|
975
|
+
rgbDataBrown60,
|
|
976
|
+
rgbDataBrown80,
|
|
977
|
+
rgbDataBrown100,
|
|
978
|
+
rgbDataRed20,
|
|
979
|
+
rgbDataRed40,
|
|
980
|
+
rgbDataRed60,
|
|
981
|
+
rgbDataRed80,
|
|
982
|
+
rgbDataRed100
|
|
959
983
|
}
|
|
960
984
|
};
|