@volue/design-colors 3.1.0-next.2 → 3.1.0
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/CHANGELOG.md +10 -0
- package/dist/flat.cjs +5 -5
- package/dist/flat.d.ts +9 -9
- package/dist/flat.mjs +5 -5
- package/dist/generic.cjs +6 -6
- package/dist/generic.d.ts +6 -6
- package/dist/generic.mjs +6 -6
- package/dist/index.cjs +5 -5
- package/dist/index.cssmodules.css +5 -5
- package/dist/index.custom-properties.css +5 -5
- package/dist/index.d.ts +5 -5
- package/dist/index.json +4 -4
- package/dist/index.map.scss +5 -5
- package/dist/index.mjs +5 -5
- package/dist/index.scss +5 -5
- package/dist/internal/fillsWithTextColors.json +6 -29
- package/package.json +1 -1
- package/src/core.json +1 -1
- package/src/functional.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -4,6 +4,16 @@ All notable changes to this project will be documented in this file. See [Conven
|
|
|
4
4
|
|
|
5
5
|
<!-- MONOWEAVE:BELOW -->
|
|
6
6
|
|
|
7
|
+
## [3.1.0](https://github.com/Volue/wave/compare/@volue/design-colors@3.0.18...@volue/design-colors@3.1.0) "@volue/design-colors" (2026-04-28)
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Features
|
|
11
|
+
|
|
12
|
+
* upgrade to new brand design ([f399466](https://github.com/Volue/wave/commit/f3994660303e2c91e740328d9a7e3af2ca110b2f))
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
7
17
|
## [3.0.18](https://github.com/Volue/wave/compare/@volue/design-colors@3.0.17...@volue/design-colors@3.0.18) "@volue/design-colors" (2026-04-10)
|
|
8
18
|
|
|
9
19
|
|
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 Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 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";
|
|
@@ -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";
|
|
@@ -308,7 +308,7 @@ const backgroundDisabled = "#e2ebe9";
|
|
|
308
308
|
const backgroundDisabledSubtle = "#f2f9f8";
|
|
309
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";
|
|
@@ -356,7 +356,7 @@ 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 Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 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";
|
|
@@ -314,7 +314,7 @@ export declare const backgroundNeutralMinimal = "#ffffff";
|
|
|
314
314
|
export declare const backgroundNeutralSubtle = "#f8fcfb";
|
|
315
315
|
export declare const backgroundNeutralModerate = "#f2f9f8";
|
|
316
316
|
export declare const backgroundNeutral = "#e2ebe9";
|
|
317
|
-
export declare const backgroundNeutralBold = "#
|
|
317
|
+
export declare const backgroundNeutralBold = "#5d7570";
|
|
318
318
|
export declare const backgroundNeutralStrong = "#2e4540";
|
|
319
319
|
export declare const backgroundNeutralStrongHover = "#162b27";
|
|
320
320
|
export declare const backgroundNeutralStrongActive = "#091a16";
|
|
@@ -379,7 +379,7 @@ export declare const backgroundDisabled = "#e2ebe9";
|
|
|
379
379
|
export declare const backgroundDisabledSubtle = "#f2f9f8";
|
|
380
380
|
export declare const foregroundNeutral = "#162b27";
|
|
381
381
|
export declare const foregroundNeutralModerate = "#2e4540";
|
|
382
|
-
export declare const foregroundNeutralSubtle = "#
|
|
382
|
+
export declare const foregroundNeutralSubtle = "#5d7570";
|
|
383
383
|
export declare const foregroundNeutralMinimal = "#a2b2af";
|
|
384
384
|
export declare const foregroundAccent = "#1e4a42";
|
|
385
385
|
export declare const foregroundAccentModerate = "#32635b";
|
|
@@ -427,7 +427,7 @@ export declare const borderDisabledSubtle = "#f2f9f8";
|
|
|
427
427
|
export declare const borderInverse = "rgba(255, 255, 255, 0.85)";
|
|
428
428
|
export declare const rgbBackgroundNeutralMinimal = "255, 255, 255";
|
|
429
429
|
export declare const rgbBackgroundNeutral = "226, 235, 233";
|
|
430
|
-
export declare const rgbBackgroundNeutralBold = "
|
|
430
|
+
export declare const rgbBackgroundNeutralBold = "93, 117, 112";
|
|
431
431
|
export declare const rgbBackgroundNeutralStrong = "46, 69, 64";
|
|
432
432
|
export declare const rgbBackgroundAccent = "227, 255, 250";
|
|
433
433
|
export declare const rgbBackgroundAccentBold = "159, 227, 215";
|
|
@@ -513,7 +513,7 @@ export declare const core: {
|
|
|
513
513
|
colorGray30: "#c4d0cd";
|
|
514
514
|
colorGray40: "#a2b2af";
|
|
515
515
|
colorGray50: "#889e99";
|
|
516
|
-
colorGray60: "#
|
|
516
|
+
colorGray60: "#5d7570";
|
|
517
517
|
colorGray70: "#475e59";
|
|
518
518
|
colorGray80: "#2e4540";
|
|
519
519
|
colorGray90: "#162b27";
|
|
@@ -750,7 +750,7 @@ export declare const background: {
|
|
|
750
750
|
backgroundNeutralSubtle: "#f8fcfb";
|
|
751
751
|
backgroundNeutralModerate: "#f2f9f8";
|
|
752
752
|
backgroundNeutral: "#e2ebe9";
|
|
753
|
-
backgroundNeutralBold: "#
|
|
753
|
+
backgroundNeutralBold: "#5d7570";
|
|
754
754
|
backgroundNeutralStrong: "#2e4540";
|
|
755
755
|
backgroundNeutralStrongHover: "#162b27";
|
|
756
756
|
backgroundNeutralStrongActive: "#091a16";
|
|
@@ -817,7 +817,7 @@ export declare const background: {
|
|
|
817
817
|
export declare const foreground: {
|
|
818
818
|
foregroundNeutral: "#162b27";
|
|
819
819
|
foregroundNeutralModerate: "#2e4540";
|
|
820
|
-
foregroundNeutralSubtle: "#
|
|
820
|
+
foregroundNeutralSubtle: "#5d7570";
|
|
821
821
|
foregroundNeutralMinimal: "#a2b2af";
|
|
822
822
|
foregroundAccent: "#1e4a42";
|
|
823
823
|
foregroundAccentModerate: "#32635b";
|
|
@@ -869,7 +869,7 @@ export declare const border: {
|
|
|
869
869
|
export declare const rgb: {
|
|
870
870
|
rgbBackgroundNeutralMinimal: "255, 255, 255";
|
|
871
871
|
rgbBackgroundNeutral: "226, 235, 233";
|
|
872
|
-
rgbBackgroundNeutralBold: "
|
|
872
|
+
rgbBackgroundNeutralBold: "93, 117, 112";
|
|
873
873
|
rgbBackgroundNeutralStrong: "46, 69, 64";
|
|
874
874
|
rgbBackgroundAccent: "227, 255, 250";
|
|
875
875
|
rgbBackgroundAccentBold: "159, 227, 215";
|
package/dist/flat.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const colorBrand = "#ff5f00";
|
|
@@ -11,7 +11,7 @@ export const colorGray20 = "#e2ebe9";
|
|
|
11
11
|
export const colorGray30 = "#c4d0cd";
|
|
12
12
|
export const colorGray40 = "#a2b2af";
|
|
13
13
|
export const colorGray50 = "#889e99";
|
|
14
|
-
export const colorGray60 = "#
|
|
14
|
+
export const colorGray60 = "#5d7570";
|
|
15
15
|
export const colorGray70 = "#475e59";
|
|
16
16
|
export const colorGray80 = "#2e4540";
|
|
17
17
|
export const colorGray90 = "#162b27";
|
|
@@ -243,7 +243,7 @@ export const backgroundNeutralMinimal = "#ffffff";
|
|
|
243
243
|
export const backgroundNeutralSubtle = "#f8fcfb";
|
|
244
244
|
export const backgroundNeutralModerate = "#f2f9f8";
|
|
245
245
|
export const backgroundNeutral = "#e2ebe9";
|
|
246
|
-
export const backgroundNeutralBold = "#
|
|
246
|
+
export const backgroundNeutralBold = "#5d7570";
|
|
247
247
|
export const backgroundNeutralStrong = "#2e4540";
|
|
248
248
|
export const backgroundNeutralStrongHover = "#162b27";
|
|
249
249
|
export const backgroundNeutralStrongActive = "#091a16";
|
|
@@ -308,7 +308,7 @@ export const backgroundDisabled = "#e2ebe9";
|
|
|
308
308
|
export const backgroundDisabledSubtle = "#f2f9f8";
|
|
309
309
|
export const foregroundNeutral = "#162b27";
|
|
310
310
|
export const foregroundNeutralModerate = "#2e4540";
|
|
311
|
-
export const foregroundNeutralSubtle = "#
|
|
311
|
+
export const foregroundNeutralSubtle = "#5d7570";
|
|
312
312
|
export const foregroundNeutralMinimal = "#a2b2af";
|
|
313
313
|
export const foregroundAccent = "#1e4a42";
|
|
314
314
|
export const foregroundAccentModerate = "#32635b";
|
|
@@ -356,7 +356,7 @@ export const borderDisabledSubtle = "#f2f9f8";
|
|
|
356
356
|
export const borderInverse = "rgba(255, 255, 255, 0.85)";
|
|
357
357
|
export const rgbBackgroundNeutralMinimal = "255, 255, 255";
|
|
358
358
|
export const rgbBackgroundNeutral = "226, 235, 233";
|
|
359
|
-
export const rgbBackgroundNeutralBold = "
|
|
359
|
+
export const rgbBackgroundNeutralBold = "93, 117, 112";
|
|
360
360
|
export const rgbBackgroundNeutralStrong = "46, 69, 64";
|
|
361
361
|
export const rgbBackgroundAccent = "227, 255, 250";
|
|
362
362
|
export const rgbBackgroundAccentBold = "159, 227, 215";
|
package/dist/generic.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -78,7 +78,7 @@ module.exports = {
|
|
|
78
78
|
]
|
|
79
79
|
},
|
|
80
80
|
{
|
|
81
|
-
"value": "#
|
|
81
|
+
"value": "#5d7570",
|
|
82
82
|
"name": "colorGray60",
|
|
83
83
|
"path": [
|
|
84
84
|
"color",
|
|
@@ -2182,7 +2182,7 @@ module.exports = {
|
|
|
2182
2182
|
]
|
|
2183
2183
|
},
|
|
2184
2184
|
{
|
|
2185
|
-
"value": "#
|
|
2185
|
+
"value": "#5d7570",
|
|
2186
2186
|
"name": "backgroundNeutralBold",
|
|
2187
2187
|
"description": "Bold neutral background.",
|
|
2188
2188
|
"originalName": "colorGray60",
|
|
@@ -3006,10 +3006,10 @@ module.exports = {
|
|
|
3006
3006
|
]
|
|
3007
3007
|
},
|
|
3008
3008
|
{
|
|
3009
|
-
"value": "#
|
|
3009
|
+
"value": "#5d7570",
|
|
3010
3010
|
"name": "foregroundNeutralSubtle",
|
|
3011
3011
|
"description": "Subtle neutral foreground. Used for tertiary, low-contrast text.",
|
|
3012
|
-
"originalName": "
|
|
3012
|
+
"originalName": "colorGray60",
|
|
3013
3013
|
"path": [
|
|
3014
3014
|
"color",
|
|
3015
3015
|
"foreground",
|
|
@@ -3584,7 +3584,7 @@ module.exports = {
|
|
|
3584
3584
|
]
|
|
3585
3585
|
},
|
|
3586
3586
|
{
|
|
3587
|
-
"value": "
|
|
3587
|
+
"value": "93, 117, 112",
|
|
3588
3588
|
"name": "rgbBackgroundNeutralBold",
|
|
3589
3589
|
"originalName": "backgroundNeutralBold",
|
|
3590
3590
|
"path": [
|
package/dist/generic.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default tokens;
|
|
@@ -47,7 +47,7 @@ declare const tokens: {
|
|
|
47
47
|
path: [string,string,string]
|
|
48
48
|
},
|
|
49
49
|
{
|
|
50
|
-
value: "#
|
|
50
|
+
value: "#5d7570"
|
|
51
51
|
name: "colorGray60"
|
|
52
52
|
path: [string,string,string]
|
|
53
53
|
},
|
|
@@ -1219,7 +1219,7 @@ declare const tokens: {
|
|
|
1219
1219
|
path: [string,string,string,string]
|
|
1220
1220
|
},
|
|
1221
1221
|
{
|
|
1222
|
-
value: "#
|
|
1222
|
+
value: "#5d7570"
|
|
1223
1223
|
name: "backgroundNeutralBold"
|
|
1224
1224
|
description: "Bold neutral background."
|
|
1225
1225
|
originalName: "colorGray60"
|
|
@@ -1676,10 +1676,10 @@ declare const tokens: {
|
|
|
1676
1676
|
path: [string,string,string,string]
|
|
1677
1677
|
},
|
|
1678
1678
|
{
|
|
1679
|
-
value: "#
|
|
1679
|
+
value: "#5d7570"
|
|
1680
1680
|
name: "foregroundNeutralSubtle"
|
|
1681
1681
|
description: "Subtle neutral foreground. Used for tertiary, low-contrast text."
|
|
1682
|
-
originalName: "
|
|
1682
|
+
originalName: "colorGray60"
|
|
1683
1683
|
path: [string,string,string,string]
|
|
1684
1684
|
},
|
|
1685
1685
|
{
|
|
@@ -2014,7 +2014,7 @@ declare const tokens: {
|
|
|
2014
2014
|
path: [string,string,string,string,string]
|
|
2015
2015
|
},
|
|
2016
2016
|
{
|
|
2017
|
-
value: "
|
|
2017
|
+
value: "93, 117, 112"
|
|
2018
2018
|
name: "rgbBackgroundNeutralBold"
|
|
2019
2019
|
originalName: "backgroundNeutralBold"
|
|
2020
2020
|
path: [string,string,string,string,string]
|
package/dist/generic.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default {
|
|
@@ -78,7 +78,7 @@ export default {
|
|
|
78
78
|
]
|
|
79
79
|
},
|
|
80
80
|
{
|
|
81
|
-
"value": "#
|
|
81
|
+
"value": "#5d7570",
|
|
82
82
|
"name": "colorGray60",
|
|
83
83
|
"path": [
|
|
84
84
|
"color",
|
|
@@ -2182,7 +2182,7 @@ export default {
|
|
|
2182
2182
|
]
|
|
2183
2183
|
},
|
|
2184
2184
|
{
|
|
2185
|
-
"value": "#
|
|
2185
|
+
"value": "#5d7570",
|
|
2186
2186
|
"name": "backgroundNeutralBold",
|
|
2187
2187
|
"description": "Bold neutral background.",
|
|
2188
2188
|
"originalName": "colorGray60",
|
|
@@ -3006,10 +3006,10 @@ export default {
|
|
|
3006
3006
|
]
|
|
3007
3007
|
},
|
|
3008
3008
|
{
|
|
3009
|
-
"value": "#
|
|
3009
|
+
"value": "#5d7570",
|
|
3010
3010
|
"name": "foregroundNeutralSubtle",
|
|
3011
3011
|
"description": "Subtle neutral foreground. Used for tertiary, low-contrast text.",
|
|
3012
|
-
"originalName": "
|
|
3012
|
+
"originalName": "colorGray60",
|
|
3013
3013
|
"path": [
|
|
3014
3014
|
"color",
|
|
3015
3015
|
"foreground",
|
|
@@ -3584,7 +3584,7 @@ export default {
|
|
|
3584
3584
|
]
|
|
3585
3585
|
},
|
|
3586
3586
|
{
|
|
3587
|
-
"value": "
|
|
3587
|
+
"value": "93, 117, 112",
|
|
3588
3588
|
"name": "rgbBackgroundNeutralBold",
|
|
3589
3589
|
"originalName": "backgroundNeutralBold",
|
|
3590
3590
|
"path": [
|
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -13,7 +13,7 @@ module.exports = {
|
|
|
13
13
|
"gray30": "#c4d0cd",
|
|
14
14
|
"gray40": "#a2b2af",
|
|
15
15
|
"gray50": "#889e99",
|
|
16
|
-
"gray60": "#
|
|
16
|
+
"gray60": "#5d7570",
|
|
17
17
|
"gray70": "#475e59",
|
|
18
18
|
"gray80": "#2e4540",
|
|
19
19
|
"gray90": "#162b27",
|
|
@@ -250,7 +250,7 @@ module.exports = {
|
|
|
250
250
|
"subtle": "#f8fcfb",
|
|
251
251
|
"moderate": "#f2f9f8",
|
|
252
252
|
"default": "#e2ebe9",
|
|
253
|
-
"bold": "#
|
|
253
|
+
"bold": "#5d7570",
|
|
254
254
|
"strong": {
|
|
255
255
|
"default": "#2e4540",
|
|
256
256
|
"hover": "#162b27",
|
|
@@ -359,7 +359,7 @@ module.exports = {
|
|
|
359
359
|
"neutral": {
|
|
360
360
|
"default": "#162b27",
|
|
361
361
|
"moderate": "#2e4540",
|
|
362
|
-
"subtle": "#
|
|
362
|
+
"subtle": "#5d7570",
|
|
363
363
|
"minimal": "#a2b2af"
|
|
364
364
|
},
|
|
365
365
|
"accent": {
|
|
@@ -440,7 +440,7 @@ module.exports = {
|
|
|
440
440
|
"neutral": {
|
|
441
441
|
"minimal": "255, 255, 255",
|
|
442
442
|
"default": "226, 235, 233",
|
|
443
|
-
"bold": "
|
|
443
|
+
"bold": "93, 117, 112",
|
|
444
444
|
"strong": "46, 69, 64"
|
|
445
445
|
},
|
|
446
446
|
"accent": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
@value color-brand: #ff5f00;
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
@value color-gray30: #c4d0cd;
|
|
12
12
|
@value color-gray40: #a2b2af;
|
|
13
13
|
@value color-gray50: #889e99;
|
|
14
|
-
@value color-gray60: #
|
|
14
|
+
@value color-gray60: #5d7570;
|
|
15
15
|
@value color-gray70: #475e59;
|
|
16
16
|
@value color-gray80: #2e4540;
|
|
17
17
|
@value color-gray90: #162b27;
|
|
@@ -243,7 +243,7 @@
|
|
|
243
243
|
@value color-background-neutral-subtle: #f8fcfb;
|
|
244
244
|
@value color-background-neutral-moderate: #f2f9f8;
|
|
245
245
|
@value color-background-neutral: #e2ebe9;
|
|
246
|
-
@value color-background-neutral-bold: #
|
|
246
|
+
@value color-background-neutral-bold: #5d7570;
|
|
247
247
|
@value color-background-neutral-strong: #2e4540;
|
|
248
248
|
@value color-background-neutral-strong-hover: #162b27;
|
|
249
249
|
@value color-background-neutral-strong-active: #091a16;
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
@value color-background-disabled-subtle: #f2f9f8;
|
|
309
309
|
@value color-foreground-neutral: #162b27;
|
|
310
310
|
@value color-foreground-neutral-moderate: #2e4540;
|
|
311
|
-
@value color-foreground-neutral-subtle: #
|
|
311
|
+
@value color-foreground-neutral-subtle: #5d7570;
|
|
312
312
|
@value color-foreground-neutral-minimal: #a2b2af;
|
|
313
313
|
@value color-foreground-accent: #1e4a42;
|
|
314
314
|
@value color-foreground-accent-moderate: #32635b;
|
|
@@ -356,7 +356,7 @@
|
|
|
356
356
|
@value color-border-inverse: rgba(255, 255, 255, 0.85);
|
|
357
357
|
@value color-rgb-background-neutral-minimal: 255, 255, 255;
|
|
358
358
|
@value color-rgb-background-neutral: 226, 235, 233;
|
|
359
|
-
@value color-rgb-background-neutral-bold:
|
|
359
|
+
@value color-rgb-background-neutral-bold: 93, 117, 112;
|
|
360
360
|
@value color-rgb-background-neutral-strong: 46, 69, 64;
|
|
361
361
|
@value color-rgb-background-accent: 227, 255, 250;
|
|
362
362
|
@value color-rgb-background-accent-bold: 159, 227, 215;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
--color-gray30: #c4d0cd;
|
|
13
13
|
--color-gray40: #a2b2af;
|
|
14
14
|
--color-gray50: #889e99;
|
|
15
|
-
--color-gray60: #
|
|
15
|
+
--color-gray60: #5d7570;
|
|
16
16
|
--color-gray70: #475e59;
|
|
17
17
|
--color-gray80: #2e4540;
|
|
18
18
|
--color-gray90: #162b27;
|
|
@@ -244,7 +244,7 @@
|
|
|
244
244
|
--color-background-neutral-subtle: #f8fcfb;
|
|
245
245
|
--color-background-neutral-moderate: #f2f9f8;
|
|
246
246
|
--color-background-neutral: #e2ebe9;
|
|
247
|
-
--color-background-neutral-bold: #
|
|
247
|
+
--color-background-neutral-bold: #5d7570;
|
|
248
248
|
--color-background-neutral-strong: #2e4540;
|
|
249
249
|
--color-background-neutral-strong-hover: #162b27;
|
|
250
250
|
--color-background-neutral-strong-active: #091a16;
|
|
@@ -309,7 +309,7 @@
|
|
|
309
309
|
--color-background-disabled-subtle: #f2f9f8;
|
|
310
310
|
--color-foreground-neutral: #162b27;
|
|
311
311
|
--color-foreground-neutral-moderate: #2e4540;
|
|
312
|
-
--color-foreground-neutral-subtle: #
|
|
312
|
+
--color-foreground-neutral-subtle: #5d7570;
|
|
313
313
|
--color-foreground-neutral-minimal: #a2b2af;
|
|
314
314
|
--color-foreground-accent: #1e4a42;
|
|
315
315
|
--color-foreground-accent-moderate: #32635b;
|
|
@@ -357,7 +357,7 @@
|
|
|
357
357
|
--color-border-inverse: rgba(255, 255, 255, 0.85);
|
|
358
358
|
--color-rgb-background-neutral-minimal: 255, 255, 255;
|
|
359
359
|
--color-rgb-background-neutral: 226, 235, 233;
|
|
360
|
-
--color-rgb-background-neutral-bold:
|
|
360
|
+
--color-rgb-background-neutral-bold: 93, 117, 112;
|
|
361
361
|
--color-rgb-background-neutral-strong: 46, 69, 64;
|
|
362
362
|
--color-rgb-background-accent: 227, 255, 250;
|
|
363
363
|
--color-rgb-background-accent-bold: 159, 227, 215;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -15,7 +15,7 @@ declare const tokens: {
|
|
|
15
15
|
"gray30": "#c4d0cd",
|
|
16
16
|
"gray40": "#a2b2af",
|
|
17
17
|
"gray50": "#889e99",
|
|
18
|
-
"gray60": "#
|
|
18
|
+
"gray60": "#5d7570",
|
|
19
19
|
"gray70": "#475e59",
|
|
20
20
|
"gray80": "#2e4540",
|
|
21
21
|
"gray90": "#162b27",
|
|
@@ -252,7 +252,7 @@ declare const tokens: {
|
|
|
252
252
|
"subtle": "#f8fcfb",
|
|
253
253
|
"moderate": "#f2f9f8",
|
|
254
254
|
"default": "#e2ebe9",
|
|
255
|
-
"bold": "#
|
|
255
|
+
"bold": "#5d7570",
|
|
256
256
|
"strong": {
|
|
257
257
|
"default": "#2e4540",
|
|
258
258
|
"hover": "#162b27",
|
|
@@ -361,7 +361,7 @@ declare const tokens: {
|
|
|
361
361
|
"neutral": {
|
|
362
362
|
"default": "#162b27",
|
|
363
363
|
"moderate": "#2e4540",
|
|
364
|
-
"subtle": "#
|
|
364
|
+
"subtle": "#5d7570",
|
|
365
365
|
"minimal": "#a2b2af"
|
|
366
366
|
},
|
|
367
367
|
"accent": {
|
|
@@ -442,7 +442,7 @@ declare const tokens: {
|
|
|
442
442
|
"neutral": {
|
|
443
443
|
"minimal": "255, 255, 255",
|
|
444
444
|
"default": "226, 235, 233",
|
|
445
|
-
"bold": "
|
|
445
|
+
"bold": "93, 117, 112",
|
|
446
446
|
"strong": "46, 69, 64"
|
|
447
447
|
},
|
|
448
448
|
"accent": {
|
package/dist/index.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
"COLOR_GRAY30": "#c4d0cd",
|
|
8
8
|
"COLOR_GRAY40": "#a2b2af",
|
|
9
9
|
"COLOR_GRAY50": "#889e99",
|
|
10
|
-
"COLOR_GRAY60": "#
|
|
10
|
+
"COLOR_GRAY60": "#5d7570",
|
|
11
11
|
"COLOR_GRAY70": "#475e59",
|
|
12
12
|
"COLOR_GRAY80": "#2e4540",
|
|
13
13
|
"COLOR_GRAY90": "#162b27",
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
"COLOR_BACKGROUND_NEUTRAL_SUBTLE": "#f8fcfb",
|
|
240
240
|
"COLOR_BACKGROUND_NEUTRAL_MODERATE": "#f2f9f8",
|
|
241
241
|
"COLOR_BACKGROUND_NEUTRAL": "#e2ebe9",
|
|
242
|
-
"COLOR_BACKGROUND_NEUTRAL_BOLD": "#
|
|
242
|
+
"COLOR_BACKGROUND_NEUTRAL_BOLD": "#5d7570",
|
|
243
243
|
"COLOR_BACKGROUND_NEUTRAL_STRONG": "#2e4540",
|
|
244
244
|
"COLOR_BACKGROUND_NEUTRAL_STRONG_HOVER": "#162b27",
|
|
245
245
|
"COLOR_BACKGROUND_NEUTRAL_STRONG_ACTIVE": "#091a16",
|
|
@@ -304,7 +304,7 @@
|
|
|
304
304
|
"COLOR_BACKGROUND_DISABLED_SUBTLE": "#f2f9f8",
|
|
305
305
|
"COLOR_FOREGROUND_NEUTRAL": "#162b27",
|
|
306
306
|
"COLOR_FOREGROUND_NEUTRAL_MODERATE": "#2e4540",
|
|
307
|
-
"COLOR_FOREGROUND_NEUTRAL_SUBTLE": "#
|
|
307
|
+
"COLOR_FOREGROUND_NEUTRAL_SUBTLE": "#5d7570",
|
|
308
308
|
"COLOR_FOREGROUND_NEUTRAL_MINIMAL": "#a2b2af",
|
|
309
309
|
"COLOR_FOREGROUND_ACCENT": "#1e4a42",
|
|
310
310
|
"COLOR_FOREGROUND_ACCENT_MODERATE": "#32635b",
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
"COLOR_BORDER_INVERSE": "rgba(255, 255, 255, 0.85)",
|
|
353
353
|
"COLOR_RGB_BACKGROUND_NEUTRAL_MINIMAL": "255, 255, 255",
|
|
354
354
|
"COLOR_RGB_BACKGROUND_NEUTRAL": "226, 235, 233",
|
|
355
|
-
"COLOR_RGB_BACKGROUND_NEUTRAL_BOLD": "
|
|
355
|
+
"COLOR_RGB_BACKGROUND_NEUTRAL_BOLD": "93, 117, 112",
|
|
356
356
|
"COLOR_RGB_BACKGROUND_NEUTRAL_STRONG": "46, 69, 64",
|
|
357
357
|
"COLOR_RGB_BACKGROUND_ACCENT": "227, 255, 250",
|
|
358
358
|
"COLOR_RGB_BACKGROUND_ACCENT_BOLD": "159, 227, 215",
|
package/dist/index.map.scss
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly, this file was auto-generated.
|
|
4
|
-
* Generated on Tue, 28 Apr 2026
|
|
4
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$colors-map: (
|
|
@@ -13,7 +13,7 @@ $colors-map: (
|
|
|
13
13
|
'color-gray30': #c4d0cd,
|
|
14
14
|
'color-gray40': #a2b2af,
|
|
15
15
|
'color-gray50': #889e99,
|
|
16
|
-
'color-gray60': #
|
|
16
|
+
'color-gray60': #5d7570,
|
|
17
17
|
'color-gray70': #475e59,
|
|
18
18
|
'color-gray80': #2e4540,
|
|
19
19
|
'color-gray90': #162b27,
|
|
@@ -245,7 +245,7 @@ $colors-map: (
|
|
|
245
245
|
'color-background-neutral-subtle': #f8fcfb,
|
|
246
246
|
'color-background-neutral-moderate': #f2f9f8,
|
|
247
247
|
'color-background-neutral': #e2ebe9,
|
|
248
|
-
'color-background-neutral-bold': #
|
|
248
|
+
'color-background-neutral-bold': #5d7570,
|
|
249
249
|
'color-background-neutral-strong': #2e4540,
|
|
250
250
|
'color-background-neutral-strong-hover': #162b27,
|
|
251
251
|
'color-background-neutral-strong-active': #091a16,
|
|
@@ -310,7 +310,7 @@ $colors-map: (
|
|
|
310
310
|
'color-background-disabled-subtle': #f2f9f8,
|
|
311
311
|
'color-foreground-neutral': #162b27,
|
|
312
312
|
'color-foreground-neutral-moderate': #2e4540,
|
|
313
|
-
'color-foreground-neutral-subtle': #
|
|
313
|
+
'color-foreground-neutral-subtle': #5d7570,
|
|
314
314
|
'color-foreground-neutral-minimal': #a2b2af,
|
|
315
315
|
'color-foreground-accent': #1e4a42,
|
|
316
316
|
'color-foreground-accent-moderate': #32635b,
|
|
@@ -358,7 +358,7 @@ $colors-map: (
|
|
|
358
358
|
'color-border-inverse': rgba(255, 255, 255, 0.85),
|
|
359
359
|
'color-rgb-background-neutral-minimal': 255, 255, 255,
|
|
360
360
|
'color-rgb-background-neutral': 226, 235, 233,
|
|
361
|
-
'color-rgb-background-neutral-bold':
|
|
361
|
+
'color-rgb-background-neutral-bold': 93, 117, 112,
|
|
362
362
|
'color-rgb-background-neutral-strong': 46, 69, 64,
|
|
363
363
|
'color-rgb-background-accent': 227, 255, 250,
|
|
364
364
|
'color-rgb-background-accent-bold': 159, 227, 215,
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
* Generated on Tue, 28 Apr 2026
|
|
3
|
+
* Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export default {
|
|
@@ -13,7 +13,7 @@ export default {
|
|
|
13
13
|
"gray30": "#c4d0cd",
|
|
14
14
|
"gray40": "#a2b2af",
|
|
15
15
|
"gray50": "#889e99",
|
|
16
|
-
"gray60": "#
|
|
16
|
+
"gray60": "#5d7570",
|
|
17
17
|
"gray70": "#475e59",
|
|
18
18
|
"gray80": "#2e4540",
|
|
19
19
|
"gray90": "#162b27",
|
|
@@ -250,7 +250,7 @@ export default {
|
|
|
250
250
|
"subtle": "#f8fcfb",
|
|
251
251
|
"moderate": "#f2f9f8",
|
|
252
252
|
"default": "#e2ebe9",
|
|
253
|
-
"bold": "#
|
|
253
|
+
"bold": "#5d7570",
|
|
254
254
|
"strong": {
|
|
255
255
|
"default": "#2e4540",
|
|
256
256
|
"hover": "#162b27",
|
|
@@ -359,7 +359,7 @@ export default {
|
|
|
359
359
|
"neutral": {
|
|
360
360
|
"default": "#162b27",
|
|
361
361
|
"moderate": "#2e4540",
|
|
362
|
-
"subtle": "#
|
|
362
|
+
"subtle": "#5d7570",
|
|
363
363
|
"minimal": "#a2b2af"
|
|
364
364
|
},
|
|
365
365
|
"accent": {
|
|
@@ -440,7 +440,7 @@ export default {
|
|
|
440
440
|
"neutral": {
|
|
441
441
|
"minimal": "255, 255, 255",
|
|
442
442
|
"default": "226, 235, 233",
|
|
443
|
-
"bold": "
|
|
443
|
+
"bold": "93, 117, 112",
|
|
444
444
|
"strong": "46, 69, 64"
|
|
445
445
|
},
|
|
446
446
|
"accent": {
|
package/dist/index.scss
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly, this file was auto-generated.
|
|
3
|
-
// Generated on Tue, 28 Apr 2026
|
|
3
|
+
// Generated on Tue, 28 Apr 2026 17:54:54 GMT
|
|
4
4
|
|
|
5
5
|
$color-brand: #ff5f00;
|
|
6
6
|
$color-white: #ffffff;
|
|
@@ -10,7 +10,7 @@ $color-gray20: #e2ebe9;
|
|
|
10
10
|
$color-gray30: #c4d0cd;
|
|
11
11
|
$color-gray40: #a2b2af;
|
|
12
12
|
$color-gray50: #889e99;
|
|
13
|
-
$color-gray60: #
|
|
13
|
+
$color-gray60: #5d7570;
|
|
14
14
|
$color-gray70: #475e59;
|
|
15
15
|
$color-gray80: #2e4540;
|
|
16
16
|
$color-gray90: #162b27;
|
|
@@ -242,7 +242,7 @@ $color-background-neutral-minimal: #ffffff;
|
|
|
242
242
|
$color-background-neutral-subtle: #f8fcfb;
|
|
243
243
|
$color-background-neutral-moderate: #f2f9f8;
|
|
244
244
|
$color-background-neutral: #e2ebe9;
|
|
245
|
-
$color-background-neutral-bold: #
|
|
245
|
+
$color-background-neutral-bold: #5d7570;
|
|
246
246
|
$color-background-neutral-strong: #2e4540;
|
|
247
247
|
$color-background-neutral-strong-hover: #162b27;
|
|
248
248
|
$color-background-neutral-strong-active: #091a16;
|
|
@@ -307,7 +307,7 @@ $color-background-disabled: #e2ebe9;
|
|
|
307
307
|
$color-background-disabled-subtle: #f2f9f8;
|
|
308
308
|
$color-foreground-neutral: #162b27;
|
|
309
309
|
$color-foreground-neutral-moderate: #2e4540;
|
|
310
|
-
$color-foreground-neutral-subtle: #
|
|
310
|
+
$color-foreground-neutral-subtle: #5d7570;
|
|
311
311
|
$color-foreground-neutral-minimal: #a2b2af;
|
|
312
312
|
$color-foreground-accent: #1e4a42;
|
|
313
313
|
$color-foreground-accent-moderate: #32635b;
|
|
@@ -355,7 +355,7 @@ $color-border-disabled-subtle: #f2f9f8;
|
|
|
355
355
|
$color-border-inverse: rgba(255, 255, 255, 0.85);
|
|
356
356
|
$color-rgb-background-neutral-minimal: 255, 255, 255;
|
|
357
357
|
$color-rgb-background-neutral: 226, 235, 233;
|
|
358
|
-
$color-rgb-background-neutral-bold:
|
|
358
|
+
$color-rgb-background-neutral-bold: 93, 117, 112;
|
|
359
359
|
$color-rgb-background-neutral-strong: 46, 69, 64;
|
|
360
360
|
$color-rgb-background-accent: 227, 255, 250;
|
|
361
361
|
$color-rgb-background-accent-bold: 159, 227, 215;
|
|
@@ -64,17 +64,18 @@
|
|
|
64
64
|
{
|
|
65
65
|
"name": "NEUTRAL_MODERATE",
|
|
66
66
|
"rating": "AAA"
|
|
67
|
-
},
|
|
68
|
-
{
|
|
69
|
-
"name": "NEUTRAL_SUBTLE",
|
|
70
|
-
"rating": "AA"
|
|
71
67
|
}
|
|
72
68
|
]
|
|
73
69
|
},
|
|
74
70
|
{
|
|
75
71
|
"name": "NEUTRAL_BOLD",
|
|
76
72
|
"palette": "neutral",
|
|
77
|
-
"textColors": [
|
|
73
|
+
"textColors": [
|
|
74
|
+
{
|
|
75
|
+
"name": "INVERSE",
|
|
76
|
+
"rating": "AA"
|
|
77
|
+
}
|
|
78
|
+
]
|
|
78
79
|
},
|
|
79
80
|
{
|
|
80
81
|
"name": "NEUTRAL_STRONG",
|
|
@@ -160,10 +161,6 @@
|
|
|
160
161
|
"name": "NEUTRAL_MODERATE",
|
|
161
162
|
"rating": "AAA"
|
|
162
163
|
},
|
|
163
|
-
{
|
|
164
|
-
"name": "NEUTRAL_SUBTLE",
|
|
165
|
-
"rating": "AA"
|
|
166
|
-
},
|
|
167
164
|
{
|
|
168
165
|
"name": "ACCENT",
|
|
169
166
|
"rating": "AA"
|
|
@@ -196,10 +193,6 @@
|
|
|
196
193
|
"name": "NEUTRAL_MODERATE",
|
|
197
194
|
"rating": "AAA"
|
|
198
195
|
},
|
|
199
|
-
{
|
|
200
|
-
"name": "NEUTRAL_SUBTLE",
|
|
201
|
-
"rating": "AA"
|
|
202
|
-
},
|
|
203
196
|
{
|
|
204
197
|
"name": "INFO",
|
|
205
198
|
"rating": "AAA"
|
|
@@ -218,10 +211,6 @@
|
|
|
218
211
|
"name": "NEUTRAL_MODERATE",
|
|
219
212
|
"rating": "AAA"
|
|
220
213
|
},
|
|
221
|
-
{
|
|
222
|
-
"name": "NEUTRAL_SUBTLE",
|
|
223
|
-
"rating": "AA"
|
|
224
|
-
},
|
|
225
214
|
{
|
|
226
215
|
"name": "INFO",
|
|
227
216
|
"rating": "AAA"
|
|
@@ -272,10 +261,6 @@
|
|
|
272
261
|
"name": "NEUTRAL_MODERATE",
|
|
273
262
|
"rating": "AAA"
|
|
274
263
|
},
|
|
275
|
-
{
|
|
276
|
-
"name": "NEUTRAL_SUBTLE",
|
|
277
|
-
"rating": "AA"
|
|
278
|
-
},
|
|
279
264
|
{
|
|
280
265
|
"name": "SUCCESS",
|
|
281
266
|
"rating": "AAA"
|
|
@@ -366,10 +351,6 @@
|
|
|
366
351
|
"name": "NEUTRAL_MODERATE",
|
|
367
352
|
"rating": "AAA"
|
|
368
353
|
},
|
|
369
|
-
{
|
|
370
|
-
"name": "NEUTRAL_SUBTLE",
|
|
371
|
-
"rating": "AA"
|
|
372
|
-
},
|
|
373
354
|
{
|
|
374
355
|
"name": "DANGER",
|
|
375
356
|
"rating": "AAA"
|
|
@@ -388,10 +369,6 @@
|
|
|
388
369
|
"name": "NEUTRAL_MODERATE",
|
|
389
370
|
"rating": "AAA"
|
|
390
371
|
},
|
|
391
|
-
{
|
|
392
|
-
"name": "NEUTRAL_SUBTLE",
|
|
393
|
-
"rating": "AA"
|
|
394
|
-
},
|
|
395
372
|
{
|
|
396
373
|
"name": "DANGER",
|
|
397
374
|
"rating": "AAA"
|
package/package.json
CHANGED
package/src/core.json
CHANGED
package/src/functional.json
CHANGED
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
"description": "Moderate neutral foreground. Used for secondary text."
|
|
324
324
|
},
|
|
325
325
|
"subtle": {
|
|
326
|
-
"value": "{color.core.
|
|
326
|
+
"value": "{color.core.gray60}",
|
|
327
327
|
"description": "Subtle neutral foreground. Used for tertiary, low-contrast text."
|
|
328
328
|
},
|
|
329
329
|
"minimal": {
|