@volue/design-colors 3.1.0-next.1 → 3.1.0-next.3
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/dist/flat.cjs +37 -37
- package/dist/flat.d.ts +145 -73
- package/dist/flat.mjs +37 -37
- package/dist/generic.cjs +38 -38
- package/dist/generic.d.ts +38 -38
- package/dist/generic.mjs +38 -38
- package/dist/index.cjs +37 -37
- package/dist/index.cssmodules.css +37 -37
- package/dist/index.custom-properties.css +37 -37
- package/dist/index.d.ts +37 -37
- package/dist/index.json +36 -36
- package/dist/index.map.scss +37 -37
- package/dist/index.mjs +37 -37
- package/dist/index.scss +37 -37
- package/dist/internal/fillsWithTextColors.json +38 -1
- package/package.json +1 -1
- package/src/core.json +14 -14
- package/src/functional.json +1 -1
package/dist/flat.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 16:14:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
const colorBrand = "#ff5f00";
|
|
@@ -11,7 +11,7 @@ const colorGray20 = "#e2ebe9";
|
|
|
11
11
|
const colorGray30 = "#c4d0cd";
|
|
12
12
|
const colorGray40 = "#a2b2af";
|
|
13
13
|
const colorGray50 = "#889e99";
|
|
14
|
-
const colorGray60 = "#
|
|
14
|
+
const colorGray60 = "#5d7570";
|
|
15
15
|
const colorGray70 = "#475e59";
|
|
16
16
|
const colorGray80 = "#2e4540";
|
|
17
17
|
const colorGray90 = "#162b27";
|
|
@@ -124,8 +124,8 @@ const colorPink70 = "#f0218b";
|
|
|
124
124
|
const colorPink80 = "#e5007d";
|
|
125
125
|
const colorPink90 = "#970050";
|
|
126
126
|
const colorPink100 = "#500028";
|
|
127
|
-
const colorBrown5 = "#
|
|
128
|
-
const colorBrown10 = "#
|
|
127
|
+
const colorBrown5 = "#faedd8";
|
|
128
|
+
const colorBrown10 = "#f7dac1";
|
|
129
129
|
const colorBrown20 = "#eecdae";
|
|
130
130
|
const colorBrown30 = "#e0ba98";
|
|
131
131
|
const colorBrown40 = "#d2a881";
|
|
@@ -157,17 +157,17 @@ const colorLime70 = "#559517";
|
|
|
157
157
|
const colorLime80 = "#3f8600";
|
|
158
158
|
const colorLime90 = "#295c00";
|
|
159
159
|
const colorLime100 = "#143400";
|
|
160
|
-
const colorAqua5 = "#
|
|
161
|
-
const colorAqua10 = "#
|
|
162
|
-
const colorAqua20 = "#
|
|
163
|
-
const colorAqua30 = "#
|
|
164
|
-
const colorAqua40 = "#
|
|
165
|
-
const colorAqua50 = "#
|
|
166
|
-
const colorAqua60 = "#
|
|
167
|
-
const colorAqua70 = "#
|
|
168
|
-
const colorAqua80 = "#
|
|
169
|
-
const colorAqua90 = "#
|
|
170
|
-
const colorAqua100 = "#
|
|
160
|
+
const colorAqua5 = "#e0f7ff";
|
|
161
|
+
const colorAqua10 = "#beefff";
|
|
162
|
+
const colorAqua20 = "#9ce6ff";
|
|
163
|
+
const colorAqua30 = "#73dcff";
|
|
164
|
+
const colorAqua40 = "#53d4ff";
|
|
165
|
+
const colorAqua50 = "#2ecaff";
|
|
166
|
+
const colorAqua60 = "#08c1ff";
|
|
167
|
+
const colorAqua70 = "#009cd0";
|
|
168
|
+
const colorAqua80 = "#00769e";
|
|
169
|
+
const colorAqua90 = "#004f6a";
|
|
170
|
+
const colorAqua100 = "#002b3a";
|
|
171
171
|
const colorLazuli5 = "#eff2ff";
|
|
172
172
|
const colorLazuli10 = "#dbddff";
|
|
173
173
|
const colorLazuli20 = "#c7c9ff";
|
|
@@ -243,7 +243,7 @@ const backgroundNeutralMinimal = "#ffffff";
|
|
|
243
243
|
const backgroundNeutralSubtle = "#f8fcfb";
|
|
244
244
|
const backgroundNeutralModerate = "#f2f9f8";
|
|
245
245
|
const backgroundNeutral = "#e2ebe9";
|
|
246
|
-
const backgroundNeutralBold = "#
|
|
246
|
+
const backgroundNeutralBold = "#5d7570";
|
|
247
247
|
const backgroundNeutralStrong = "#2e4540";
|
|
248
248
|
const backgroundNeutralStrongHover = "#162b27";
|
|
249
249
|
const backgroundNeutralStrongActive = "#091a16";
|
|
@@ -292,23 +292,23 @@ const backgroundSuccessBoldActive = "#00641b";
|
|
|
292
292
|
const backgroundSuccessStrong = "#008928";
|
|
293
293
|
const backgroundSuccessStrongHover = "#00641b";
|
|
294
294
|
const backgroundSuccessStrongActive = "#00400e";
|
|
295
|
-
const backgroundInfoSubtle = "#
|
|
296
|
-
const backgroundInfoSubtleHover = "#
|
|
297
|
-
const backgroundInfoSubtleActive = "#
|
|
298
|
-
const backgroundInfo = "#
|
|
299
|
-
const backgroundInfoHover = "#
|
|
300
|
-
const backgroundInfoActive = "#
|
|
301
|
-
const backgroundInfoBold = "#
|
|
302
|
-
const backgroundInfoBoldHover = "#
|
|
303
|
-
const backgroundInfoBoldActive = "#
|
|
304
|
-
const backgroundInfoStrong = "#
|
|
305
|
-
const backgroundInfoStrongHover = "#
|
|
306
|
-
const backgroundInfoStrongActive = "#
|
|
295
|
+
const backgroundInfoSubtle = "#e0f7ff";
|
|
296
|
+
const backgroundInfoSubtleHover = "#beefff";
|
|
297
|
+
const backgroundInfoSubtleActive = "#9ce6ff";
|
|
298
|
+
const backgroundInfo = "#beefff";
|
|
299
|
+
const backgroundInfoHover = "#9ce6ff";
|
|
300
|
+
const backgroundInfoActive = "#73dcff";
|
|
301
|
+
const backgroundInfoBold = "#009cd0";
|
|
302
|
+
const backgroundInfoBoldHover = "#00769e";
|
|
303
|
+
const backgroundInfoBoldActive = "#004f6a";
|
|
304
|
+
const backgroundInfoStrong = "#00769e";
|
|
305
|
+
const backgroundInfoStrongHover = "#004f6a";
|
|
306
|
+
const backgroundInfoStrongActive = "#002b3a";
|
|
307
307
|
const backgroundDisabled = "#e2ebe9";
|
|
308
308
|
const backgroundDisabledSubtle = "#f2f9f8";
|
|
309
|
-
const foregroundNeutral = "#
|
|
309
|
+
const foregroundNeutral = "#162b27";
|
|
310
310
|
const foregroundNeutralModerate = "#2e4540";
|
|
311
|
-
const foregroundNeutralSubtle = "#
|
|
311
|
+
const foregroundNeutralSubtle = "#5d7570";
|
|
312
312
|
const foregroundNeutralMinimal = "#a2b2af";
|
|
313
313
|
const foregroundAccent = "#1e4a42";
|
|
314
314
|
const foregroundAccentModerate = "#32635b";
|
|
@@ -323,9 +323,9 @@ const foregroundWarningInverse = "#091a16";
|
|
|
323
323
|
const foregroundSuccess = "#00400e";
|
|
324
324
|
const foregroundSuccessModerate = "#008928";
|
|
325
325
|
const foregroundSuccessSubtle = "#009842";
|
|
326
|
-
const foregroundInfo = "#
|
|
327
|
-
const foregroundInfoModerate = "#
|
|
328
|
-
const foregroundInfoSubtle = "#
|
|
326
|
+
const foregroundInfo = "#002b3a";
|
|
327
|
+
const foregroundInfoModerate = "#00769e";
|
|
328
|
+
const foregroundInfoSubtle = "#009cd0";
|
|
329
329
|
const foregroundDisabled = "#a2b2af";
|
|
330
330
|
const foregroundDisabledSubtle = "#c4d0cd";
|
|
331
331
|
const foregroundInverse = "#ffffff";
|
|
@@ -348,15 +348,15 @@ const borderWarningStrong = "#a38400";
|
|
|
348
348
|
const borderSuccess = "#77c588";
|
|
349
349
|
const borderSuccessBold = "#008928";
|
|
350
350
|
const borderSuccessStrong = "#00641b";
|
|
351
|
-
const borderInfo = "#
|
|
352
|
-
const borderInfoBold = "#
|
|
353
|
-
const borderInfoStrong = "#
|
|
351
|
+
const borderInfo = "#53d4ff";
|
|
352
|
+
const borderInfoBold = "#00769e";
|
|
353
|
+
const borderInfoStrong = "#004f6a";
|
|
354
354
|
const borderDisabled = "#e2ebe9";
|
|
355
355
|
const borderDisabledSubtle = "#f2f9f8";
|
|
356
356
|
const borderInverse = "rgba(255, 255, 255, 0.85)";
|
|
357
357
|
const rgbBackgroundNeutralMinimal = "255, 255, 255";
|
|
358
358
|
const rgbBackgroundNeutral = "226, 235, 233";
|
|
359
|
-
const rgbBackgroundNeutralBold = "
|
|
359
|
+
const rgbBackgroundNeutralBold = "93, 117, 112";
|
|
360
360
|
const rgbBackgroundNeutralStrong = "46, 69, 64";
|
|
361
361
|
const rgbBackgroundAccent = "227, 255, 250";
|
|
362
362
|
const rgbBackgroundAccentBold = "159, 227, 215";
|
package/dist/flat.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 16:14:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export declare const colorBrand = "#ff5f00";
|
|
@@ -11,7 +11,7 @@ export declare const colorGray20 = "#e2ebe9";
|
|
|
11
11
|
export declare const colorGray30 = "#c4d0cd";
|
|
12
12
|
export declare const colorGray40 = "#a2b2af";
|
|
13
13
|
export declare const colorGray50 = "#889e99";
|
|
14
|
-
export declare const colorGray60 = "#
|
|
14
|
+
export declare const colorGray60 = "#5d7570";
|
|
15
15
|
export declare const colorGray70 = "#475e59";
|
|
16
16
|
export declare const colorGray80 = "#2e4540";
|
|
17
17
|
export declare const colorGray90 = "#162b27";
|
|
@@ -25,16 +25,27 @@ export declare const colorSolarMist70 = "#7ebdb2";
|
|
|
25
25
|
export declare const colorSolarMist80 = "#487d74";
|
|
26
26
|
export declare const colorSolarMist90 = "#32635b";
|
|
27
27
|
export declare const colorSolarMist100 = "#1e4a42";
|
|
28
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
28
29
|
export declare const colorAccent0 = "#ff00dd";
|
|
30
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
29
31
|
export declare const colorAccent5 = "#ff00dd";
|
|
32
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
30
33
|
export declare const colorAccent10 = "#ff00dd";
|
|
34
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
31
35
|
export declare const colorAccent20 = "#ff00dd";
|
|
36
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
32
37
|
export declare const colorAccent30 = "#ff00dd";
|
|
38
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
33
39
|
export declare const colorAccent40 = "#ff00dd";
|
|
40
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
34
41
|
export declare const colorAccent60 = "#ff00dd";
|
|
42
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
35
43
|
export declare const colorAccent70 = "#ff00dd";
|
|
44
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
36
45
|
export declare const colorAccent80 = "#ff00dd";
|
|
46
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
37
47
|
export declare const colorAccent90 = "#ff00dd";
|
|
48
|
+
/** @deprecated The accent core palette is deprecated and will be removed in a future release. Use Solar Mist core tokens or functional accent tokens instead. */
|
|
38
49
|
export declare const colorAccent100 = "#ff00dd";
|
|
39
50
|
export declare const colorBlue5 = "#e1f8ff";
|
|
40
51
|
export declare const colorBlue10 = "#c8e6ff";
|
|
@@ -124,8 +135,8 @@ export declare const colorPink70 = "#f0218b";
|
|
|
124
135
|
export declare const colorPink80 = "#e5007d";
|
|
125
136
|
export declare const colorPink90 = "#970050";
|
|
126
137
|
export declare const colorPink100 = "#500028";
|
|
127
|
-
export declare const colorBrown5 = "#
|
|
128
|
-
export declare const colorBrown10 = "#
|
|
138
|
+
export declare const colorBrown5 = "#faedd8";
|
|
139
|
+
export declare const colorBrown10 = "#f7dac1";
|
|
129
140
|
export declare const colorBrown20 = "#eecdae";
|
|
130
141
|
export declare const colorBrown30 = "#e0ba98";
|
|
131
142
|
export declare const colorBrown40 = "#d2a881";
|
|
@@ -157,17 +168,17 @@ export declare const colorLime70 = "#559517";
|
|
|
157
168
|
export declare const colorLime80 = "#3f8600";
|
|
158
169
|
export declare const colorLime90 = "#295c00";
|
|
159
170
|
export declare const colorLime100 = "#143400";
|
|
160
|
-
export declare const colorAqua5 = "#
|
|
161
|
-
export declare const colorAqua10 = "#
|
|
162
|
-
export declare const colorAqua20 = "#
|
|
163
|
-
export declare const colorAqua30 = "#
|
|
164
|
-
export declare const colorAqua40 = "#
|
|
165
|
-
export declare const colorAqua50 = "#
|
|
166
|
-
export declare const colorAqua60 = "#
|
|
167
|
-
export declare const colorAqua70 = "#
|
|
168
|
-
export declare const colorAqua80 = "#
|
|
169
|
-
export declare const colorAqua90 = "#
|
|
170
|
-
export declare const colorAqua100 = "#
|
|
171
|
+
export declare const colorAqua5 = "#e0f7ff";
|
|
172
|
+
export declare const colorAqua10 = "#beefff";
|
|
173
|
+
export declare const colorAqua20 = "#9ce6ff";
|
|
174
|
+
export declare const colorAqua30 = "#73dcff";
|
|
175
|
+
export declare const colorAqua40 = "#53d4ff";
|
|
176
|
+
export declare const colorAqua50 = "#2ecaff";
|
|
177
|
+
export declare const colorAqua60 = "#08c1ff";
|
|
178
|
+
export declare const colorAqua70 = "#009cd0";
|
|
179
|
+
export declare const colorAqua80 = "#00769e";
|
|
180
|
+
export declare const colorAqua90 = "#004f6a";
|
|
181
|
+
export declare const colorAqua100 = "#002b3a";
|
|
171
182
|
export declare const colorLazuli5 = "#eff2ff";
|
|
172
183
|
export declare const colorLazuli10 = "#dbddff";
|
|
173
184
|
export declare const colorLazuli20 = "#c7c9ff";
|
|
@@ -179,71 +190,131 @@ export declare const colorLazuli70 = "#725cff";
|
|
|
179
190
|
export declare const colorLazuli80 = "#6540fb";
|
|
180
191
|
export declare const colorLazuli90 = "#4800d5";
|
|
181
192
|
export declare const colorLazuli100 = "#230072";
|
|
193
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
182
194
|
export declare const dataRed20 = "#ff00dd";
|
|
195
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
183
196
|
export declare const dataRed40 = "#ff00dd";
|
|
197
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
184
198
|
export declare const dataRed60 = "#ff00dd";
|
|
199
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
185
200
|
export declare const dataRed80 = "#ff00dd";
|
|
201
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
186
202
|
export declare const dataRed100 = "#ff00dd";
|
|
203
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
187
204
|
export declare const dataOrange20 = "#ff00dd";
|
|
205
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
188
206
|
export declare const dataOrange40 = "#ff00dd";
|
|
207
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
189
208
|
export declare const dataOrange60 = "#ff00dd";
|
|
209
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
190
210
|
export declare const dataOrange80 = "#ff00dd";
|
|
211
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
191
212
|
export declare const dataOrange100 = "#ff00dd";
|
|
213
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
192
214
|
export declare const dataBrown20 = "#ff00dd";
|
|
215
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
193
216
|
export declare const dataBrown40 = "#ff00dd";
|
|
217
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
194
218
|
export declare const dataBrown60 = "#ff00dd";
|
|
219
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
195
220
|
export declare const dataBrown80 = "#ff00dd";
|
|
221
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
196
222
|
export declare const dataBrown100 = "#ff00dd";
|
|
223
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
197
224
|
export declare const dataPear20 = "#ff00dd";
|
|
225
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
198
226
|
export declare const dataPear40 = "#ff00dd";
|
|
227
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
199
228
|
export declare const dataPear60 = "#ff00dd";
|
|
229
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
200
230
|
export declare const dataPear80 = "#ff00dd";
|
|
231
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
201
232
|
export declare const dataPear100 = "#ff00dd";
|
|
233
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
202
234
|
export declare const dataLime20 = "#ff00dd";
|
|
235
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
203
236
|
export declare const dataLime40 = "#ff00dd";
|
|
237
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
204
238
|
export declare const dataLime60 = "#ff00dd";
|
|
239
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
205
240
|
export declare const dataLime80 = "#ff00dd";
|
|
241
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
206
242
|
export declare const dataLime100 = "#ff00dd";
|
|
243
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
207
244
|
export declare const dataGreen20 = "#ff00dd";
|
|
245
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
208
246
|
export declare const dataGreen40 = "#ff00dd";
|
|
247
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
209
248
|
export declare const dataGreen60 = "#ff00dd";
|
|
249
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
210
250
|
export declare const dataGreen80 = "#ff00dd";
|
|
251
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
211
252
|
export declare const dataGreen100 = "#ff00dd";
|
|
253
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
212
254
|
export declare const dataTeal20 = "#ff00dd";
|
|
255
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
213
256
|
export declare const dataTeal40 = "#ff00dd";
|
|
257
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
214
258
|
export declare const dataTeal60 = "#ff00dd";
|
|
259
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
215
260
|
export declare const dataTeal80 = "#ff00dd";
|
|
261
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
216
262
|
export declare const dataTeal100 = "#ff00dd";
|
|
263
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
217
264
|
export declare const dataAqua20 = "#ff00dd";
|
|
265
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
218
266
|
export declare const dataAqua40 = "#ff00dd";
|
|
267
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
219
268
|
export declare const dataAqua60 = "#ff00dd";
|
|
269
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
220
270
|
export declare const dataAqua80 = "#ff00dd";
|
|
271
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
221
272
|
export declare const dataAqua100 = "#ff00dd";
|
|
273
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
222
274
|
export declare const dataBlue20 = "#ff00dd";
|
|
275
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
223
276
|
export declare const dataBlue40 = "#ff00dd";
|
|
277
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
224
278
|
export declare const dataBlue60 = "#ff00dd";
|
|
279
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
225
280
|
export declare const dataBlue80 = "#ff00dd";
|
|
281
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
226
282
|
export declare const dataBlue100 = "#ff00dd";
|
|
283
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
227
284
|
export declare const dataLazuli20 = "#ff00dd";
|
|
285
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
228
286
|
export declare const dataLazuli40 = "#ff00dd";
|
|
287
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
229
288
|
export declare const dataLazuli60 = "#ff00dd";
|
|
289
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
230
290
|
export declare const dataLazuli80 = "#ff00dd";
|
|
291
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
231
292
|
export declare const dataLazuli100 = "#ff00dd";
|
|
293
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
232
294
|
export declare const dataPurple20 = "#ff00dd";
|
|
295
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
233
296
|
export declare const dataPurple40 = "#ff00dd";
|
|
297
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
234
298
|
export declare const dataPurple60 = "#ff00dd";
|
|
299
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
235
300
|
export declare const dataPurple80 = "#ff00dd";
|
|
301
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
236
302
|
export declare const dataPurple100 = "#ff00dd";
|
|
303
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
237
304
|
export declare const dataPink20 = "#ff00dd";
|
|
305
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
238
306
|
export declare const dataPink40 = "#ff00dd";
|
|
307
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
239
308
|
export declare const dataPink60 = "#ff00dd";
|
|
309
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
240
310
|
export declare const dataPink80 = "#ff00dd";
|
|
311
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
241
312
|
export declare const dataPink100 = "#ff00dd";
|
|
242
313
|
export declare const backgroundNeutralMinimal = "#ffffff";
|
|
243
314
|
export declare const backgroundNeutralSubtle = "#f8fcfb";
|
|
244
315
|
export declare const backgroundNeutralModerate = "#f2f9f8";
|
|
245
316
|
export declare const backgroundNeutral = "#e2ebe9";
|
|
246
|
-
export declare const backgroundNeutralBold = "#
|
|
317
|
+
export declare const backgroundNeutralBold = "#5d7570";
|
|
247
318
|
export declare const backgroundNeutralStrong = "#2e4540";
|
|
248
319
|
export declare const backgroundNeutralStrongHover = "#162b27";
|
|
249
320
|
export declare const backgroundNeutralStrongActive = "#091a16";
|
|
@@ -292,23 +363,23 @@ export declare const backgroundSuccessBoldActive = "#00641b";
|
|
|
292
363
|
export declare const backgroundSuccessStrong = "#008928";
|
|
293
364
|
export declare const backgroundSuccessStrongHover = "#00641b";
|
|
294
365
|
export declare const backgroundSuccessStrongActive = "#00400e";
|
|
295
|
-
export declare const backgroundInfoSubtle = "#
|
|
296
|
-
export declare const backgroundInfoSubtleHover = "#
|
|
297
|
-
export declare const backgroundInfoSubtleActive = "#
|
|
298
|
-
export declare const backgroundInfo = "#
|
|
299
|
-
export declare const backgroundInfoHover = "#
|
|
300
|
-
export declare const backgroundInfoActive = "#
|
|
301
|
-
export declare const backgroundInfoBold = "#
|
|
302
|
-
export declare const backgroundInfoBoldHover = "#
|
|
303
|
-
export declare const backgroundInfoBoldActive = "#
|
|
304
|
-
export declare const backgroundInfoStrong = "#
|
|
305
|
-
export declare const backgroundInfoStrongHover = "#
|
|
306
|
-
export declare const backgroundInfoStrongActive = "#
|
|
366
|
+
export declare const backgroundInfoSubtle = "#e0f7ff";
|
|
367
|
+
export declare const backgroundInfoSubtleHover = "#beefff";
|
|
368
|
+
export declare const backgroundInfoSubtleActive = "#9ce6ff";
|
|
369
|
+
export declare const backgroundInfo = "#beefff";
|
|
370
|
+
export declare const backgroundInfoHover = "#9ce6ff";
|
|
371
|
+
export declare const backgroundInfoActive = "#73dcff";
|
|
372
|
+
export declare const backgroundInfoBold = "#009cd0";
|
|
373
|
+
export declare const backgroundInfoBoldHover = "#00769e";
|
|
374
|
+
export declare const backgroundInfoBoldActive = "#004f6a";
|
|
375
|
+
export declare const backgroundInfoStrong = "#00769e";
|
|
376
|
+
export declare const backgroundInfoStrongHover = "#004f6a";
|
|
377
|
+
export declare const backgroundInfoStrongActive = "#002b3a";
|
|
307
378
|
export declare const backgroundDisabled = "#e2ebe9";
|
|
308
379
|
export declare const backgroundDisabledSubtle = "#f2f9f8";
|
|
309
|
-
export declare const foregroundNeutral = "#
|
|
380
|
+
export declare const foregroundNeutral = "#162b27";
|
|
310
381
|
export declare const foregroundNeutralModerate = "#2e4540";
|
|
311
|
-
export declare const foregroundNeutralSubtle = "#
|
|
382
|
+
export declare const foregroundNeutralSubtle = "#5d7570";
|
|
312
383
|
export declare const foregroundNeutralMinimal = "#a2b2af";
|
|
313
384
|
export declare const foregroundAccent = "#1e4a42";
|
|
314
385
|
export declare const foregroundAccentModerate = "#32635b";
|
|
@@ -323,9 +394,9 @@ export declare const foregroundWarningInverse = "#091a16";
|
|
|
323
394
|
export declare const foregroundSuccess = "#00400e";
|
|
324
395
|
export declare const foregroundSuccessModerate = "#008928";
|
|
325
396
|
export declare const foregroundSuccessSubtle = "#009842";
|
|
326
|
-
export declare const foregroundInfo = "#
|
|
327
|
-
export declare const foregroundInfoModerate = "#
|
|
328
|
-
export declare const foregroundInfoSubtle = "#
|
|
397
|
+
export declare const foregroundInfo = "#002b3a";
|
|
398
|
+
export declare const foregroundInfoModerate = "#00769e";
|
|
399
|
+
export declare const foregroundInfoSubtle = "#009cd0";
|
|
329
400
|
export declare const foregroundDisabled = "#a2b2af";
|
|
330
401
|
export declare const foregroundDisabledSubtle = "#c4d0cd";
|
|
331
402
|
export declare const foregroundInverse = "#ffffff";
|
|
@@ -348,15 +419,15 @@ export declare const borderWarningStrong = "#a38400";
|
|
|
348
419
|
export declare const borderSuccess = "#77c588";
|
|
349
420
|
export declare const borderSuccessBold = "#008928";
|
|
350
421
|
export declare const borderSuccessStrong = "#00641b";
|
|
351
|
-
export declare const borderInfo = "#
|
|
352
|
-
export declare const borderInfoBold = "#
|
|
353
|
-
export declare const borderInfoStrong = "#
|
|
422
|
+
export declare const borderInfo = "#53d4ff";
|
|
423
|
+
export declare const borderInfoBold = "#00769e";
|
|
424
|
+
export declare const borderInfoStrong = "#004f6a";
|
|
354
425
|
export declare const borderDisabled = "#e2ebe9";
|
|
355
426
|
export declare const borderDisabledSubtle = "#f2f9f8";
|
|
356
427
|
export declare const borderInverse = "rgba(255, 255, 255, 0.85)";
|
|
357
428
|
export declare const rgbBackgroundNeutralMinimal = "255, 255, 255";
|
|
358
429
|
export declare const rgbBackgroundNeutral = "226, 235, 233";
|
|
359
|
-
export declare const rgbBackgroundNeutralBold = "
|
|
430
|
+
export declare const rgbBackgroundNeutralBold = "93, 117, 112";
|
|
360
431
|
export declare const rgbBackgroundNeutralStrong = "46, 69, 64";
|
|
361
432
|
export declare const rgbBackgroundAccent = "227, 255, 250";
|
|
362
433
|
export declare const rgbBackgroundAccentBold = "159, 227, 215";
|
|
@@ -442,7 +513,7 @@ export declare const core: {
|
|
|
442
513
|
colorGray30: "#c4d0cd";
|
|
443
514
|
colorGray40: "#a2b2af";
|
|
444
515
|
colorGray50: "#889e99";
|
|
445
|
-
colorGray60: "#
|
|
516
|
+
colorGray60: "#5d7570";
|
|
446
517
|
colorGray70: "#475e59";
|
|
447
518
|
colorGray80: "#2e4540";
|
|
448
519
|
colorGray90: "#162b27";
|
|
@@ -555,8 +626,8 @@ export declare const core: {
|
|
|
555
626
|
colorPink80: "#e5007d";
|
|
556
627
|
colorPink90: "#970050";
|
|
557
628
|
colorPink100: "#500028";
|
|
558
|
-
colorBrown5: "#
|
|
559
|
-
colorBrown10: "#
|
|
629
|
+
colorBrown5: "#faedd8";
|
|
630
|
+
colorBrown10: "#f7dac1";
|
|
560
631
|
colorBrown20: "#eecdae";
|
|
561
632
|
colorBrown30: "#e0ba98";
|
|
562
633
|
colorBrown40: "#d2a881";
|
|
@@ -588,17 +659,17 @@ export declare const core: {
|
|
|
588
659
|
colorLime80: "#3f8600";
|
|
589
660
|
colorLime90: "#295c00";
|
|
590
661
|
colorLime100: "#143400";
|
|
591
|
-
colorAqua5: "#
|
|
592
|
-
colorAqua10: "#
|
|
593
|
-
colorAqua20: "#
|
|
594
|
-
colorAqua30: "#
|
|
595
|
-
colorAqua40: "#
|
|
596
|
-
colorAqua50: "#
|
|
597
|
-
colorAqua60: "#
|
|
598
|
-
colorAqua70: "#
|
|
599
|
-
colorAqua80: "#
|
|
600
|
-
colorAqua90: "#
|
|
601
|
-
colorAqua100: "#
|
|
662
|
+
colorAqua5: "#e0f7ff";
|
|
663
|
+
colorAqua10: "#beefff";
|
|
664
|
+
colorAqua20: "#9ce6ff";
|
|
665
|
+
colorAqua30: "#73dcff";
|
|
666
|
+
colorAqua40: "#53d4ff";
|
|
667
|
+
colorAqua50: "#2ecaff";
|
|
668
|
+
colorAqua60: "#08c1ff";
|
|
669
|
+
colorAqua70: "#009cd0";
|
|
670
|
+
colorAqua80: "#00769e";
|
|
671
|
+
colorAqua90: "#004f6a";
|
|
672
|
+
colorAqua100: "#002b3a";
|
|
602
673
|
colorLazuli5: "#eff2ff";
|
|
603
674
|
colorLazuli10: "#dbddff";
|
|
604
675
|
colorLazuli20: "#c7c9ff";
|
|
@@ -611,6 +682,7 @@ export declare const core: {
|
|
|
611
682
|
colorLazuli90: "#4800d5";
|
|
612
683
|
colorLazuli100: "#230072";
|
|
613
684
|
};
|
|
685
|
+
/** @deprecated The data colors palette is deprecated and will be removed in a future release. */
|
|
614
686
|
export declare const data: {
|
|
615
687
|
dataRed20: "#ff00dd";
|
|
616
688
|
dataRed40: "#ff00dd";
|
|
@@ -678,7 +750,7 @@ export declare const background: {
|
|
|
678
750
|
backgroundNeutralSubtle: "#f8fcfb";
|
|
679
751
|
backgroundNeutralModerate: "#f2f9f8";
|
|
680
752
|
backgroundNeutral: "#e2ebe9";
|
|
681
|
-
backgroundNeutralBold: "#
|
|
753
|
+
backgroundNeutralBold: "#5d7570";
|
|
682
754
|
backgroundNeutralStrong: "#2e4540";
|
|
683
755
|
backgroundNeutralStrongHover: "#162b27";
|
|
684
756
|
backgroundNeutralStrongActive: "#091a16";
|
|
@@ -727,25 +799,25 @@ export declare const background: {
|
|
|
727
799
|
backgroundSuccessStrong: "#008928";
|
|
728
800
|
backgroundSuccessStrongHover: "#00641b";
|
|
729
801
|
backgroundSuccessStrongActive: "#00400e";
|
|
730
|
-
backgroundInfoSubtle: "#
|
|
731
|
-
backgroundInfoSubtleHover: "#
|
|
732
|
-
backgroundInfoSubtleActive: "#
|
|
733
|
-
backgroundInfo: "#
|
|
734
|
-
backgroundInfoHover: "#
|
|
735
|
-
backgroundInfoActive: "#
|
|
736
|
-
backgroundInfoBold: "#
|
|
737
|
-
backgroundInfoBoldHover: "#
|
|
738
|
-
backgroundInfoBoldActive: "#
|
|
739
|
-
backgroundInfoStrong: "#
|
|
740
|
-
backgroundInfoStrongHover: "#
|
|
741
|
-
backgroundInfoStrongActive: "#
|
|
802
|
+
backgroundInfoSubtle: "#e0f7ff";
|
|
803
|
+
backgroundInfoSubtleHover: "#beefff";
|
|
804
|
+
backgroundInfoSubtleActive: "#9ce6ff";
|
|
805
|
+
backgroundInfo: "#beefff";
|
|
806
|
+
backgroundInfoHover: "#9ce6ff";
|
|
807
|
+
backgroundInfoActive: "#73dcff";
|
|
808
|
+
backgroundInfoBold: "#009cd0";
|
|
809
|
+
backgroundInfoBoldHover: "#00769e";
|
|
810
|
+
backgroundInfoBoldActive: "#004f6a";
|
|
811
|
+
backgroundInfoStrong: "#00769e";
|
|
812
|
+
backgroundInfoStrongHover: "#004f6a";
|
|
813
|
+
backgroundInfoStrongActive: "#002b3a";
|
|
742
814
|
backgroundDisabled: "#e2ebe9";
|
|
743
815
|
backgroundDisabledSubtle: "#f2f9f8";
|
|
744
816
|
};
|
|
745
817
|
export declare const foreground: {
|
|
746
|
-
foregroundNeutral: "#
|
|
818
|
+
foregroundNeutral: "#162b27";
|
|
747
819
|
foregroundNeutralModerate: "#2e4540";
|
|
748
|
-
foregroundNeutralSubtle: "#
|
|
820
|
+
foregroundNeutralSubtle: "#5d7570";
|
|
749
821
|
foregroundNeutralMinimal: "#a2b2af";
|
|
750
822
|
foregroundAccent: "#1e4a42";
|
|
751
823
|
foregroundAccentModerate: "#32635b";
|
|
@@ -760,9 +832,9 @@ export declare const foreground: {
|
|
|
760
832
|
foregroundSuccess: "#00400e";
|
|
761
833
|
foregroundSuccessModerate: "#008928";
|
|
762
834
|
foregroundSuccessSubtle: "#009842";
|
|
763
|
-
foregroundInfo: "#
|
|
764
|
-
foregroundInfoModerate: "#
|
|
765
|
-
foregroundInfoSubtle: "#
|
|
835
|
+
foregroundInfo: "#002b3a";
|
|
836
|
+
foregroundInfoModerate: "#00769e";
|
|
837
|
+
foregroundInfoSubtle: "#009cd0";
|
|
766
838
|
foregroundDisabled: "#a2b2af";
|
|
767
839
|
foregroundDisabledSubtle: "#c4d0cd";
|
|
768
840
|
foregroundInverse: "#ffffff";
|
|
@@ -787,9 +859,9 @@ export declare const border: {
|
|
|
787
859
|
borderSuccess: "#77c588";
|
|
788
860
|
borderSuccessBold: "#008928";
|
|
789
861
|
borderSuccessStrong: "#00641b";
|
|
790
|
-
borderInfo: "#
|
|
791
|
-
borderInfoBold: "#
|
|
792
|
-
borderInfoStrong: "#
|
|
862
|
+
borderInfo: "#53d4ff";
|
|
863
|
+
borderInfoBold: "#00769e";
|
|
864
|
+
borderInfoStrong: "#004f6a";
|
|
793
865
|
borderDisabled: "#e2ebe9";
|
|
794
866
|
borderDisabledSubtle: "#f2f9f8";
|
|
795
867
|
borderInverse: "rgba(255, 255, 255, 0.85)";
|
|
@@ -797,7 +869,7 @@ export declare const border: {
|
|
|
797
869
|
export declare const rgb: {
|
|
798
870
|
rgbBackgroundNeutralMinimal: "255, 255, 255";
|
|
799
871
|
rgbBackgroundNeutral: "226, 235, 233";
|
|
800
|
-
rgbBackgroundNeutralBold: "
|
|
872
|
+
rgbBackgroundNeutralBold: "93, 117, 112";
|
|
801
873
|
rgbBackgroundNeutralStrong: "46, 69, 64";
|
|
802
874
|
rgbBackgroundAccent: "227, 255, 250";
|
|
803
875
|
rgbBackgroundAccentBold: "159, 227, 215";
|