@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.module.js
CHANGED
|
@@ -27,20 +27,20 @@ export const colorBlue20 = "#d0f6ff";
|
|
|
27
27
|
export const colorBlue30 = "#bff3ff";
|
|
28
28
|
export const colorBlue40 = "#9aecff";
|
|
29
29
|
export const colorBlue60 = "#00cceb";
|
|
30
|
-
export const colorBlue70 = "#
|
|
31
|
-
export const colorBlue80 = "#
|
|
32
|
-
export const colorBlue90 = "#
|
|
33
|
-
export const colorBlue100 = "#
|
|
30
|
+
export const colorBlue70 = "#00a7c2";
|
|
31
|
+
export const colorBlue80 = "#008299";
|
|
32
|
+
export const colorBlue90 = "#006c80";
|
|
33
|
+
export const colorBlue100 = "#005766";
|
|
34
34
|
export const colorGreen5 = "#eeffef";
|
|
35
35
|
export const colorGreen10 = "#dbffdf";
|
|
36
36
|
export const colorGreen20 = "#c6ffcd";
|
|
37
37
|
export const colorGreen30 = "#b0ffbb";
|
|
38
38
|
export const colorGreen40 = "#7dfd95";
|
|
39
39
|
export const colorGreen60 = "#31d962";
|
|
40
|
-
export const colorGreen70 = "#
|
|
41
|
-
export const colorGreen80 = "#
|
|
42
|
-
export const colorGreen90 = "#
|
|
43
|
-
export const colorGreen100 = "#
|
|
40
|
+
export const colorGreen70 = "#1eb84f";
|
|
41
|
+
export const colorGreen80 = "#1d873c";
|
|
42
|
+
export const colorGreen90 = "#187233";
|
|
43
|
+
export const colorGreen100 = "#125426";
|
|
44
44
|
export const colorOrange5 = "#fff9ed";
|
|
45
45
|
export const colorOrange10 = "#fff2da";
|
|
46
46
|
export const colorOrange20 = "#ffecc8";
|
|
@@ -65,75 +65,66 @@ export const dataRed20 = "#f7e6e8";
|
|
|
65
65
|
export const dataRed40 = "#ecc7c9";
|
|
66
66
|
export const dataRed60 = "#e6a1a5";
|
|
67
67
|
export const dataRed80 = "#eb7072";
|
|
68
|
-
export const dataRed100 = "#
|
|
68
|
+
export const dataRed100 = "#bb3a42";
|
|
69
69
|
export const dataOrange20 = "#faebdc";
|
|
70
70
|
export const dataOrange40 = "#f5caa3";
|
|
71
71
|
export const dataOrange60 = "#eda35e";
|
|
72
72
|
export const dataOrange80 = "#e57b1a";
|
|
73
|
-
export const dataOrange100 = "#
|
|
73
|
+
export const dataOrange100 = "#a4540a";
|
|
74
74
|
export const dataBrown20 = "#f4edde";
|
|
75
75
|
export const dataBrown40 = "#e8cf96";
|
|
76
76
|
export const dataBrown60 = "#d8b155";
|
|
77
77
|
export const dataBrown80 = "#b89749";
|
|
78
|
-
export const dataBrown100 = "#
|
|
78
|
+
export const dataBrown100 = "#7f672e";
|
|
79
79
|
export const dataPear20 = "#fcfcdb";
|
|
80
80
|
export const dataPear40 = "#e8e54c";
|
|
81
81
|
export const dataPear60 = "#cbc920";
|
|
82
82
|
export const dataPear80 = "#afad07";
|
|
83
|
-
export const dataPear100 = "#
|
|
83
|
+
export const dataPear100 = "#767605";
|
|
84
84
|
export const dataLime20 = "#f1fcdc";
|
|
85
85
|
export const dataLime40 = "#cbed7a";
|
|
86
86
|
export const dataLime60 = "#a7d441";
|
|
87
87
|
export const dataLime80 = "#84ba12";
|
|
88
|
-
export const dataLime100 = "#
|
|
88
|
+
export const dataLime100 = "#587d0c";
|
|
89
89
|
export const dataGreen20 = "#dff5e1";
|
|
90
90
|
export const dataGreen40 = "#ade2b0";
|
|
91
91
|
export const dataGreen60 = "#76ce7a";
|
|
92
92
|
export const dataGreen80 = "#3fb845";
|
|
93
|
-
export const dataGreen100 = "#
|
|
93
|
+
export const dataGreen100 = "#2a792e";
|
|
94
94
|
export const dataTeal20 = "#dcf4ef";
|
|
95
95
|
export const dataTeal40 = "#a7dfd6";
|
|
96
96
|
export const dataTeal60 = "#6fc9ba";
|
|
97
97
|
export const dataTeal80 = "#3ab19e";
|
|
98
|
-
export const dataTeal100 = "#
|
|
98
|
+
export const dataTeal100 = "#25796b";
|
|
99
99
|
export const dataAqua20 = "#e3f1f6";
|
|
100
100
|
export const dataAqua40 = "#b1dae4";
|
|
101
101
|
export const dataAqua60 = "#7ac4d3";
|
|
102
102
|
export const dataAqua80 = "#42abc2";
|
|
103
|
-
export const dataAqua100 = "#
|
|
103
|
+
export const dataAqua100 = "#297585";
|
|
104
104
|
export const dataBlue20 = "#e6eff7";
|
|
105
105
|
export const dataBlue40 = "#bfd5e9";
|
|
106
106
|
export const dataBlue60 = "#93bbdf";
|
|
107
107
|
export const dataBlue80 = "#60a1df";
|
|
108
|
-
export const dataBlue100 = "#
|
|
108
|
+
export const dataBlue100 = "#346da2";
|
|
109
109
|
export const dataLazuli20 = "#ecedf9";
|
|
110
110
|
export const dataLazuli40 = "#cccfee";
|
|
111
111
|
export const dataLazuli60 = "#aab2e9";
|
|
112
112
|
export const dataLazuli80 = "#7f94f2";
|
|
113
|
-
export const dataLazuli100 = "#
|
|
113
|
+
export const dataLazuli100 = "#4b5cdd";
|
|
114
114
|
export const dataPurple20 = "#f4eaf8";
|
|
115
115
|
export const dataPurple40 = "#e2c6ec";
|
|
116
116
|
export const dataPurple60 = "#d2a1e3";
|
|
117
117
|
export const dataPurple80 = "#c574e4";
|
|
118
|
-
export const dataPurple100 = "#
|
|
118
|
+
export const dataPurple100 = "#9e3dc2";
|
|
119
119
|
export const dataPink20 = "#f8e9f2";
|
|
120
120
|
export const dataPink40 = "#ebc5de";
|
|
121
121
|
export const dataPink60 = "#e29dc9";
|
|
122
122
|
export const dataPink80 = "#e26ab5";
|
|
123
|
-
export const dataPink100 = "#
|
|
124
|
-
export const backgroundCanvas = "#ffffff";
|
|
125
|
-
export const backgroundCanvasSubtle = "#f9fafb";
|
|
126
|
-
export const backgroundSurface = "#ffffff";
|
|
127
|
-
export const backgroundSurfaceSubtle = "#f3f5f6";
|
|
128
|
-
export const backgroundSurfaceContrast = "#082d35";
|
|
123
|
+
export const dataPink100 = "#b53b8c";
|
|
129
124
|
export const backgroundNeutralMinimal = "#ffffff";
|
|
130
125
|
export const backgroundNeutralSubtle = "#f9fafb";
|
|
131
|
-
export const backgroundNeutralSubtleHover = "#f3f5f6";
|
|
132
|
-
export const backgroundNeutralSubtleActive = "#e6ebec";
|
|
133
126
|
export const backgroundNeutralModerate = "#f3f5f6";
|
|
134
|
-
export const backgroundNeutralModerateHover = "#e6ebec";
|
|
135
127
|
export const backgroundNeutral = "#e6ebec";
|
|
136
|
-
export const backgroundNeutralHover = "#c2cdd0";
|
|
137
128
|
export const backgroundNeutralBold = "#53747b";
|
|
138
129
|
export const backgroundNeutralStrong = "#223f44";
|
|
139
130
|
export const backgroundNeutralContrast = "#082d35";
|
|
@@ -145,46 +136,63 @@ export const backgroundAccentSubtleHover = "#e8f1f3";
|
|
|
145
136
|
export const backgroundAccentSubtleActive = "#c4dbe0";
|
|
146
137
|
export const backgroundAccent = "#e8f1f3";
|
|
147
138
|
export const backgroundAccentHover = "#c4dbe0";
|
|
139
|
+
export const backgroundAccentActive = "#a8cbd3";
|
|
148
140
|
export const backgroundAccentBold = "#5b9ba9";
|
|
141
|
+
export const backgroundAccentBoldHover = "#388597";
|
|
142
|
+
export const backgroundAccentBoldActive = "#157084";
|
|
149
143
|
export const backgroundAccentStrong = "#157084";
|
|
150
144
|
export const backgroundAccentStrongHover = "#11596a";
|
|
145
|
+
export const backgroundAccentStrongActive = "#0c4957";
|
|
151
146
|
export const backgroundDangerSubtle = "#fff7f8";
|
|
152
147
|
export const backgroundDangerSubtleHover = "#ffeff0";
|
|
153
148
|
export const backgroundDangerSubtleActive = "#ffdbde";
|
|
154
149
|
export const backgroundDanger = "#ffeff0";
|
|
155
150
|
export const backgroundDangerHover = "#ffdbde";
|
|
151
|
+
export const backgroundDangerActive = "#ffbfc1";
|
|
156
152
|
export const backgroundDangerBold = "#ff3b3d";
|
|
153
|
+
export const backgroundDangerBoldHover = "#df001f";
|
|
154
|
+
export const backgroundDangerBoldActive = "#b20016";
|
|
157
155
|
export const backgroundDangerStrong = "#df001f";
|
|
158
156
|
export const backgroundDangerStrongHover = "#b20016";
|
|
157
|
+
export const backgroundDangerStrongActive = "#9d0012";
|
|
159
158
|
export const backgroundWarningSubtle = "#fff9ed";
|
|
160
159
|
export const backgroundWarningSubtleHover = "#fff2da";
|
|
161
160
|
export const backgroundWarningSubtleActive = "#ffecc8";
|
|
162
161
|
export const backgroundWarning = "#fff2da";
|
|
163
162
|
export const backgroundWarningHover = "#ffecc8";
|
|
163
|
+
export const backgroundWarningActive = "#ffdd99";
|
|
164
164
|
export const backgroundWarningBold = "#ffb900";
|
|
165
|
+
export const backgroundWarningBoldHover = "#dc9f00";
|
|
166
|
+
export const backgroundWarningBoldActive = "#b17600";
|
|
165
167
|
export const backgroundWarningStrong = "#dc9f00";
|
|
166
168
|
export const backgroundWarningStrongHover = "#b17600";
|
|
169
|
+
export const backgroundWarningStrongActive = "#805400";
|
|
167
170
|
export const backgroundSuccessSubtle = "#eeffef";
|
|
168
171
|
export const backgroundSuccessSubtleHover = "#dbffdf";
|
|
169
172
|
export const backgroundSuccessSubtleActive = "#c6ffcd";
|
|
170
173
|
export const backgroundSuccess = "#dbffdf";
|
|
171
174
|
export const backgroundSuccessHover = "#c6ffcd";
|
|
172
|
-
export const
|
|
173
|
-
export const
|
|
174
|
-
export const
|
|
175
|
+
export const backgroundSuccessActive = "#b0ffbb";
|
|
176
|
+
export const backgroundSuccessBold = "#1eb84f";
|
|
177
|
+
export const backgroundSuccessBoldHover = "#1d873c";
|
|
178
|
+
export const backgroundSuccessBoldActive = "#187233";
|
|
179
|
+
export const backgroundSuccessStrong = "#1d873c";
|
|
180
|
+
export const backgroundSuccessStrongHover = "#187233";
|
|
181
|
+
export const backgroundSuccessStrongActive = "#125426";
|
|
175
182
|
export const backgroundInfoSubtle = "#f0fcff";
|
|
176
183
|
export const backgroundInfoSubtleHover = "#e1f9ff";
|
|
177
184
|
export const backgroundInfoSubtleActive = "#d0f6ff";
|
|
178
185
|
export const backgroundInfo = "#e1f9ff";
|
|
179
186
|
export const backgroundInfoHover = "#d0f6ff";
|
|
180
|
-
export const
|
|
181
|
-
export const
|
|
182
|
-
export const
|
|
187
|
+
export const backgroundInfoActive = "#bff3ff";
|
|
188
|
+
export const backgroundInfoBold = "#00a7c2";
|
|
189
|
+
export const backgroundInfoBoldHover = "#008299";
|
|
190
|
+
export const backgroundInfoBoldActive = "#006c80";
|
|
191
|
+
export const backgroundInfoStrong = "#008299";
|
|
192
|
+
export const backgroundInfoStrongHover = "#006c80";
|
|
193
|
+
export const backgroundInfoStrongActive = "#005766";
|
|
183
194
|
export const backgroundDisabled = "#e6ebec";
|
|
184
195
|
export const backgroundDisabledSubtle = "#f3f5f6";
|
|
185
|
-
export const backgroundInverse = "rgba(255, 255, 255, 0.113)";
|
|
186
|
-
export const foregroundBody = "#082d35";
|
|
187
|
-
export const foregroundLink = "#157084";
|
|
188
196
|
export const foregroundNeutral = "#082d35";
|
|
189
197
|
export const foregroundNeutralModerate = "#223f44";
|
|
190
198
|
export const foregroundNeutralSubtle = "#53747b";
|
|
@@ -199,12 +207,12 @@ export const foregroundWarning = "#805400";
|
|
|
199
207
|
export const foregroundWarningModerate = "#b17600";
|
|
200
208
|
export const foregroundWarningSubtle = "#ffb900";
|
|
201
209
|
export const foregroundWarningInverse = "#082d35";
|
|
202
|
-
export const foregroundSuccess = "#
|
|
203
|
-
export const foregroundSuccessModerate = "#
|
|
204
|
-
export const foregroundSuccessSubtle = "#
|
|
205
|
-
export const foregroundInfo = "#
|
|
206
|
-
export const foregroundInfoModerate = "#
|
|
207
|
-
export const foregroundInfoSubtle = "#
|
|
210
|
+
export const foregroundSuccess = "#125426";
|
|
211
|
+
export const foregroundSuccessModerate = "#187233";
|
|
212
|
+
export const foregroundSuccessSubtle = "#1eb84f";
|
|
213
|
+
export const foregroundInfo = "#005766";
|
|
214
|
+
export const foregroundInfoModerate = "#006c80";
|
|
215
|
+
export const foregroundInfoSubtle = "#00a7c2";
|
|
208
216
|
export const foregroundDisabled = "#9dafb3";
|
|
209
217
|
export const foregroundDisabledSubtle = "#c2cdd0";
|
|
210
218
|
export const foregroundInverse = "#ffffff";
|
|
@@ -216,6 +224,7 @@ export const borderNeutralContrast = "#082d35";
|
|
|
216
224
|
export const borderAccentModerate = "#c4dbe0";
|
|
217
225
|
export const borderAccent = "#a8cbd3";
|
|
218
226
|
export const borderAccentHover = "#7eb0bc";
|
|
227
|
+
export const borderAccentActive = "#5b9ba9";
|
|
219
228
|
export const borderAccentBold = "#388597";
|
|
220
229
|
export const borderAccentStrong = "#11596a";
|
|
221
230
|
export const borderDanger = "#ffbfc1";
|
|
@@ -225,16 +234,15 @@ export const borderWarning = "#ffd787";
|
|
|
225
234
|
export const borderWarningBold = "#dc9f00";
|
|
226
235
|
export const borderWarningStrong = "#b17600";
|
|
227
236
|
export const borderSuccess = "#7dfd95";
|
|
228
|
-
export const borderSuccessBold = "#
|
|
229
|
-
export const borderSuccessStrong = "#
|
|
237
|
+
export const borderSuccessBold = "#1d873c";
|
|
238
|
+
export const borderSuccessStrong = "#187233";
|
|
230
239
|
export const borderInfo = "#9aecff";
|
|
231
|
-
export const borderInfoBold = "#
|
|
232
|
-
export const borderInfoStrong = "#
|
|
240
|
+
export const borderInfoBold = "#008299";
|
|
241
|
+
export const borderInfoStrong = "#006c80";
|
|
233
242
|
export const borderDisabled = "#e6ebec";
|
|
234
243
|
export const borderDisabledSubtle = "#f3f5f6";
|
|
235
|
-
export const borderFocus = "#388597";
|
|
236
244
|
export const borderInverse = "rgba(255, 255, 255, 0.85)";
|
|
237
|
-
export const
|
|
245
|
+
export const rgbBackgroundNeutralMinimal = "255, 255, 255";
|
|
238
246
|
export const rgbBackgroundNeutral = "230, 235, 236";
|
|
239
247
|
export const rgbBackgroundNeutralBold = "83, 116, 123";
|
|
240
248
|
export const rgbBackgroundNeutralStrong = "34, 63, 68";
|
|
@@ -248,71 +256,71 @@ export const rgbBackgroundWarning = "255, 242, 218";
|
|
|
248
256
|
export const rgbBackgroundWarningBold = "255, 185, 0";
|
|
249
257
|
export const rgbBackgroundWarningStrong = "220, 159, 0";
|
|
250
258
|
export const rgbBackgroundSuccess = "219, 255, 223";
|
|
251
|
-
export const rgbBackgroundSuccessBold = "
|
|
252
|
-
export const rgbBackgroundSuccessStrong = "
|
|
259
|
+
export const rgbBackgroundSuccessBold = "30, 184, 79";
|
|
260
|
+
export const rgbBackgroundSuccessStrong = "29, 135, 60";
|
|
253
261
|
export const rgbBackgroundInfo = "225, 249, 255";
|
|
254
|
-
export const rgbBackgroundInfoBold = "0,
|
|
255
|
-
export const rgbBackgroundInfoStrong = "0,
|
|
256
|
-
export const rgbDataRed20 = "247, 230, 232";
|
|
257
|
-
export const rgbDataRed40 = "236, 199, 201";
|
|
258
|
-
export const rgbDataRed60 = "230, 161, 165";
|
|
259
|
-
export const rgbDataRed80 = "235, 112, 114";
|
|
260
|
-
export const rgbDataRed100 = "198, 67, 75";
|
|
261
|
-
export const rgbDataOrange20 = "250, 235, 220";
|
|
262
|
-
export const rgbDataOrange40 = "245, 202, 163";
|
|
263
|
-
export const rgbDataOrange60 = "237, 163, 94";
|
|
264
|
-
export const rgbDataOrange80 = "229, 123, 26";
|
|
265
|
-
export const rgbDataOrange100 = "179, 93, 10";
|
|
266
|
-
export const rgbDataBrown20 = "244, 237, 222";
|
|
267
|
-
export const rgbDataBrown40 = "232, 207, 150";
|
|
268
|
-
export const rgbDataBrown60 = "216, 177, 85";
|
|
269
|
-
export const rgbDataBrown80 = "184, 151, 73";
|
|
270
|
-
export const rgbDataBrown100 = "142, 115, 51";
|
|
271
|
-
export const rgbDataPear20 = "252, 252, 219";
|
|
272
|
-
export const rgbDataPear40 = "232, 229, 76";
|
|
273
|
-
export const rgbDataPear60 = "203, 201, 32";
|
|
274
|
-
export const rgbDataPear80 = "175, 173, 7";
|
|
275
|
-
export const rgbDataPear100 = "136, 135, 5";
|
|
276
|
-
export const rgbDataLime20 = "241, 252, 220";
|
|
277
|
-
export const rgbDataLime40 = "203, 237, 122";
|
|
278
|
-
export const rgbDataLime60 = "167, 212, 65";
|
|
279
|
-
export const rgbDataLime80 = "132, 186, 18";
|
|
280
|
-
export const rgbDataLime100 = "102, 145, 14";
|
|
281
|
-
export const rgbDataGreen20 = "223, 245, 225";
|
|
282
|
-
export const rgbDataGreen40 = "173, 226, 176";
|
|
283
|
-
export const rgbDataGreen60 = "118, 206, 122";
|
|
284
|
-
export const rgbDataGreen80 = "63, 184, 69";
|
|
285
|
-
export const rgbDataGreen100 = "49, 141, 54";
|
|
262
|
+
export const rgbBackgroundInfoBold = "0, 167, 194";
|
|
263
|
+
export const rgbBackgroundInfoStrong = "0, 130, 153";
|
|
286
264
|
export const rgbDataTeal20 = "220, 244, 239";
|
|
287
265
|
export const rgbDataTeal40 = "167, 223, 214";
|
|
288
266
|
export const rgbDataTeal60 = "111, 201, 186";
|
|
289
267
|
export const rgbDataTeal80 = "58, 177, 158";
|
|
290
|
-
export const rgbDataTeal100 = "
|
|
268
|
+
export const rgbDataTeal100 = "37, 121, 107";
|
|
269
|
+
export const rgbDataPurple20 = "244, 234, 248";
|
|
270
|
+
export const rgbDataPurple40 = "226, 198, 236";
|
|
271
|
+
export const rgbDataPurple60 = "210, 161, 227";
|
|
272
|
+
export const rgbDataPurple80 = "197, 116, 228";
|
|
273
|
+
export const rgbDataPurple100 = "158, 61, 194";
|
|
274
|
+
export const rgbDataPink20 = "248, 233, 242";
|
|
275
|
+
export const rgbDataPink40 = "235, 197, 222";
|
|
276
|
+
export const rgbDataPink60 = "226, 157, 201";
|
|
277
|
+
export const rgbDataPink80 = "226, 106, 181";
|
|
278
|
+
export const rgbDataPink100 = "181, 59, 140";
|
|
291
279
|
export const rgbDataAqua20 = "227, 241, 246";
|
|
292
280
|
export const rgbDataAqua40 = "177, 218, 228";
|
|
293
281
|
export const rgbDataAqua60 = "122, 196, 211";
|
|
294
282
|
export const rgbDataAqua80 = "66, 171, 194";
|
|
295
|
-
export const rgbDataAqua100 = "
|
|
283
|
+
export const rgbDataAqua100 = "41, 117, 133";
|
|
296
284
|
export const rgbDataBlue20 = "230, 239, 247";
|
|
297
285
|
export const rgbDataBlue40 = "191, 213, 233";
|
|
298
286
|
export const rgbDataBlue60 = "147, 187, 223";
|
|
299
287
|
export const rgbDataBlue80 = "96, 161, 223";
|
|
300
|
-
export const rgbDataBlue100 = "
|
|
288
|
+
export const rgbDataBlue100 = "52, 109, 162";
|
|
301
289
|
export const rgbDataLazuli20 = "236, 237, 249";
|
|
302
290
|
export const rgbDataLazuli40 = "204, 207, 238";
|
|
303
291
|
export const rgbDataLazuli60 = "170, 178, 233";
|
|
304
292
|
export const rgbDataLazuli80 = "127, 148, 242";
|
|
305
|
-
export const rgbDataLazuli100 = "
|
|
306
|
-
export const
|
|
307
|
-
export const
|
|
308
|
-
export const
|
|
309
|
-
export const
|
|
310
|
-
export const
|
|
311
|
-
export const
|
|
312
|
-
export const
|
|
313
|
-
export const
|
|
314
|
-
export const
|
|
315
|
-
export const
|
|
293
|
+
export const rgbDataLazuli100 = "75, 92, 221";
|
|
294
|
+
export const rgbDataGreen20 = "223, 245, 225";
|
|
295
|
+
export const rgbDataGreen40 = "173, 226, 176";
|
|
296
|
+
export const rgbDataGreen60 = "118, 206, 122";
|
|
297
|
+
export const rgbDataGreen80 = "63, 184, 69";
|
|
298
|
+
export const rgbDataGreen100 = "42, 121, 46";
|
|
299
|
+
export const rgbDataLime20 = "241, 252, 220";
|
|
300
|
+
export const rgbDataLime40 = "203, 237, 122";
|
|
301
|
+
export const rgbDataLime60 = "167, 212, 65";
|
|
302
|
+
export const rgbDataLime80 = "132, 186, 18";
|
|
303
|
+
export const rgbDataLime100 = "88, 125, 12";
|
|
304
|
+
export const rgbDataOrange20 = "250, 235, 220";
|
|
305
|
+
export const rgbDataOrange40 = "245, 202, 163";
|
|
306
|
+
export const rgbDataOrange60 = "237, 163, 94";
|
|
307
|
+
export const rgbDataOrange80 = "229, 123, 26";
|
|
308
|
+
export const rgbDataOrange100 = "164, 84, 10";
|
|
309
|
+
export const rgbDataPear20 = "252, 252, 219";
|
|
310
|
+
export const rgbDataPear40 = "232, 229, 76";
|
|
311
|
+
export const rgbDataPear60 = "203, 201, 32";
|
|
312
|
+
export const rgbDataPear80 = "175, 173, 7";
|
|
313
|
+
export const rgbDataPear100 = "118, 118, 5";
|
|
314
|
+
export const rgbDataBrown20 = "244, 237, 222";
|
|
315
|
+
export const rgbDataBrown40 = "232, 207, 150";
|
|
316
|
+
export const rgbDataBrown60 = "216, 177, 85";
|
|
317
|
+
export const rgbDataBrown80 = "184, 151, 73";
|
|
318
|
+
export const rgbDataBrown100 = "127, 103, 46";
|
|
319
|
+
export const rgbDataRed20 = "247, 230, 232";
|
|
320
|
+
export const rgbDataRed40 = "236, 199, 201";
|
|
321
|
+
export const rgbDataRed60 = "230, 161, 165";
|
|
322
|
+
export const rgbDataRed80 = "235, 112, 114";
|
|
323
|
+
export const rgbDataRed100 = "187, 58, 66";
|
|
316
324
|
export const core = {
|
|
317
325
|
colorWhite,
|
|
318
326
|
colorGray0,
|
|
@@ -441,19 +449,10 @@ export const data = {
|
|
|
441
449
|
dataPink100
|
|
442
450
|
};
|
|
443
451
|
export const background = {
|
|
444
|
-
backgroundCanvas,
|
|
445
|
-
backgroundCanvasSubtle,
|
|
446
|
-
backgroundSurface,
|
|
447
|
-
backgroundSurfaceSubtle,
|
|
448
|
-
backgroundSurfaceContrast,
|
|
449
452
|
backgroundNeutralMinimal,
|
|
450
453
|
backgroundNeutralSubtle,
|
|
451
|
-
backgroundNeutralSubtleHover,
|
|
452
|
-
backgroundNeutralSubtleActive,
|
|
453
454
|
backgroundNeutralModerate,
|
|
454
|
-
backgroundNeutralModerateHover,
|
|
455
455
|
backgroundNeutral,
|
|
456
|
-
backgroundNeutralHover,
|
|
457
456
|
backgroundNeutralBold,
|
|
458
457
|
backgroundNeutralStrong,
|
|
459
458
|
backgroundNeutralContrast,
|
|
@@ -465,48 +464,65 @@ export const background = {
|
|
|
465
464
|
backgroundAccentSubtleActive,
|
|
466
465
|
backgroundAccent,
|
|
467
466
|
backgroundAccentHover,
|
|
467
|
+
backgroundAccentActive,
|
|
468
468
|
backgroundAccentBold,
|
|
469
|
+
backgroundAccentBoldHover,
|
|
470
|
+
backgroundAccentBoldActive,
|
|
469
471
|
backgroundAccentStrong,
|
|
470
472
|
backgroundAccentStrongHover,
|
|
473
|
+
backgroundAccentStrongActive,
|
|
471
474
|
backgroundDangerSubtle,
|
|
472
475
|
backgroundDangerSubtleHover,
|
|
473
476
|
backgroundDangerSubtleActive,
|
|
474
477
|
backgroundDanger,
|
|
475
478
|
backgroundDangerHover,
|
|
479
|
+
backgroundDangerActive,
|
|
476
480
|
backgroundDangerBold,
|
|
481
|
+
backgroundDangerBoldHover,
|
|
482
|
+
backgroundDangerBoldActive,
|
|
477
483
|
backgroundDangerStrong,
|
|
478
484
|
backgroundDangerStrongHover,
|
|
485
|
+
backgroundDangerStrongActive,
|
|
479
486
|
backgroundWarningSubtle,
|
|
480
487
|
backgroundWarningSubtleHover,
|
|
481
488
|
backgroundWarningSubtleActive,
|
|
482
489
|
backgroundWarning,
|
|
483
490
|
backgroundWarningHover,
|
|
491
|
+
backgroundWarningActive,
|
|
484
492
|
backgroundWarningBold,
|
|
493
|
+
backgroundWarningBoldHover,
|
|
494
|
+
backgroundWarningBoldActive,
|
|
485
495
|
backgroundWarningStrong,
|
|
486
496
|
backgroundWarningStrongHover,
|
|
497
|
+
backgroundWarningStrongActive,
|
|
487
498
|
backgroundSuccessSubtle,
|
|
488
499
|
backgroundSuccessSubtleHover,
|
|
489
500
|
backgroundSuccessSubtleActive,
|
|
490
501
|
backgroundSuccess,
|
|
491
502
|
backgroundSuccessHover,
|
|
503
|
+
backgroundSuccessActive,
|
|
492
504
|
backgroundSuccessBold,
|
|
505
|
+
backgroundSuccessBoldHover,
|
|
506
|
+
backgroundSuccessBoldActive,
|
|
493
507
|
backgroundSuccessStrong,
|
|
494
508
|
backgroundSuccessStrongHover,
|
|
509
|
+
backgroundSuccessStrongActive,
|
|
495
510
|
backgroundInfoSubtle,
|
|
496
511
|
backgroundInfoSubtleHover,
|
|
497
512
|
backgroundInfoSubtleActive,
|
|
498
513
|
backgroundInfo,
|
|
499
514
|
backgroundInfoHover,
|
|
515
|
+
backgroundInfoActive,
|
|
500
516
|
backgroundInfoBold,
|
|
517
|
+
backgroundInfoBoldHover,
|
|
518
|
+
backgroundInfoBoldActive,
|
|
501
519
|
backgroundInfoStrong,
|
|
502
520
|
backgroundInfoStrongHover,
|
|
521
|
+
backgroundInfoStrongActive,
|
|
503
522
|
backgroundDisabled,
|
|
504
|
-
backgroundDisabledSubtle
|
|
505
|
-
backgroundInverse
|
|
523
|
+
backgroundDisabledSubtle
|
|
506
524
|
};
|
|
507
525
|
export const foreground = {
|
|
508
|
-
foregroundBody,
|
|
509
|
-
foregroundLink,
|
|
510
526
|
foregroundNeutral,
|
|
511
527
|
foregroundNeutralModerate,
|
|
512
528
|
foregroundNeutralSubtle,
|
|
@@ -540,6 +556,7 @@ export const border = {
|
|
|
540
556
|
borderAccentModerate,
|
|
541
557
|
borderAccent,
|
|
542
558
|
borderAccentHover,
|
|
559
|
+
borderAccentActive,
|
|
543
560
|
borderAccentBold,
|
|
544
561
|
borderAccentStrong,
|
|
545
562
|
borderDanger,
|
|
@@ -556,11 +573,10 @@ export const border = {
|
|
|
556
573
|
borderInfoStrong,
|
|
557
574
|
borderDisabled,
|
|
558
575
|
borderDisabledSubtle,
|
|
559
|
-
borderFocus,
|
|
560
576
|
borderInverse
|
|
561
577
|
};
|
|
562
578
|
export const rgb = {
|
|
563
|
-
|
|
579
|
+
rgbBackgroundNeutralMinimal,
|
|
564
580
|
rgbBackgroundNeutral,
|
|
565
581
|
rgbBackgroundNeutralBold,
|
|
566
582
|
rgbBackgroundNeutralStrong,
|
|
@@ -579,41 +595,21 @@ export const rgb = {
|
|
|
579
595
|
rgbBackgroundInfo,
|
|
580
596
|
rgbBackgroundInfoBold,
|
|
581
597
|
rgbBackgroundInfoStrong,
|
|
582
|
-
rgbDataRed20,
|
|
583
|
-
rgbDataRed40,
|
|
584
|
-
rgbDataRed60,
|
|
585
|
-
rgbDataRed80,
|
|
586
|
-
rgbDataRed100,
|
|
587
|
-
rgbDataOrange20,
|
|
588
|
-
rgbDataOrange40,
|
|
589
|
-
rgbDataOrange60,
|
|
590
|
-
rgbDataOrange80,
|
|
591
|
-
rgbDataOrange100,
|
|
592
|
-
rgbDataBrown20,
|
|
593
|
-
rgbDataBrown40,
|
|
594
|
-
rgbDataBrown60,
|
|
595
|
-
rgbDataBrown80,
|
|
596
|
-
rgbDataBrown100,
|
|
597
|
-
rgbDataPear20,
|
|
598
|
-
rgbDataPear40,
|
|
599
|
-
rgbDataPear60,
|
|
600
|
-
rgbDataPear80,
|
|
601
|
-
rgbDataPear100,
|
|
602
|
-
rgbDataLime20,
|
|
603
|
-
rgbDataLime40,
|
|
604
|
-
rgbDataLime60,
|
|
605
|
-
rgbDataLime80,
|
|
606
|
-
rgbDataLime100,
|
|
607
|
-
rgbDataGreen20,
|
|
608
|
-
rgbDataGreen40,
|
|
609
|
-
rgbDataGreen60,
|
|
610
|
-
rgbDataGreen80,
|
|
611
|
-
rgbDataGreen100,
|
|
612
598
|
rgbDataTeal20,
|
|
613
599
|
rgbDataTeal40,
|
|
614
600
|
rgbDataTeal60,
|
|
615
601
|
rgbDataTeal80,
|
|
616
602
|
rgbDataTeal100,
|
|
603
|
+
rgbDataPurple20,
|
|
604
|
+
rgbDataPurple40,
|
|
605
|
+
rgbDataPurple60,
|
|
606
|
+
rgbDataPurple80,
|
|
607
|
+
rgbDataPurple100,
|
|
608
|
+
rgbDataPink20,
|
|
609
|
+
rgbDataPink40,
|
|
610
|
+
rgbDataPink60,
|
|
611
|
+
rgbDataPink80,
|
|
612
|
+
rgbDataPink100,
|
|
617
613
|
rgbDataAqua20,
|
|
618
614
|
rgbDataAqua40,
|
|
619
615
|
rgbDataAqua60,
|
|
@@ -629,14 +625,34 @@ export const rgb = {
|
|
|
629
625
|
rgbDataLazuli60,
|
|
630
626
|
rgbDataLazuli80,
|
|
631
627
|
rgbDataLazuli100,
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
|
|
635
|
-
|
|
636
|
-
|
|
637
|
-
|
|
638
|
-
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
628
|
+
rgbDataGreen20,
|
|
629
|
+
rgbDataGreen40,
|
|
630
|
+
rgbDataGreen60,
|
|
631
|
+
rgbDataGreen80,
|
|
632
|
+
rgbDataGreen100,
|
|
633
|
+
rgbDataLime20,
|
|
634
|
+
rgbDataLime40,
|
|
635
|
+
rgbDataLime60,
|
|
636
|
+
rgbDataLime80,
|
|
637
|
+
rgbDataLime100,
|
|
638
|
+
rgbDataOrange20,
|
|
639
|
+
rgbDataOrange40,
|
|
640
|
+
rgbDataOrange60,
|
|
641
|
+
rgbDataOrange80,
|
|
642
|
+
rgbDataOrange100,
|
|
643
|
+
rgbDataPear20,
|
|
644
|
+
rgbDataPear40,
|
|
645
|
+
rgbDataPear60,
|
|
646
|
+
rgbDataPear80,
|
|
647
|
+
rgbDataPear100,
|
|
648
|
+
rgbDataBrown20,
|
|
649
|
+
rgbDataBrown40,
|
|
650
|
+
rgbDataBrown60,
|
|
651
|
+
rgbDataBrown80,
|
|
652
|
+
rgbDataBrown100,
|
|
653
|
+
rgbDataRed20,
|
|
654
|
+
rgbDataRed40,
|
|
655
|
+
rgbDataRed60,
|
|
656
|
+
rgbDataRed80,
|
|
657
|
+
rgbDataRed100
|
|
642
658
|
};
|