@aurodesignsystem/design-tokens 5.0.1 → 5.0.2
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 +7 -0
- package/README.md +62 -86
- package/dist/{auro-classic → tokens}/CSSCustomProperties.css +312 -320
- package/dist/{auro-classic → tokens}/CSSSizeCustomProperties.css +1 -1
- package/dist/{auro-classic → tokens}/JSData--color.js +2071 -3145
- package/dist/{auro-classic → tokens}/JSONVariablesFlat.json +4 -12
- package/dist/{auro-classic → tokens}/JSONVariablesNested.json +9 -13
- package/dist/{auro-classic/JSObject--deprecated.js → tokens/JSObject--allTokens.js} +8777 -14655
- package/dist/tokens/JSObject--deprecated.js +3157 -0
- package/dist/{auro-classic → tokens}/JSVariables--color.js +312 -308
- package/dist/{auro-classic → tokens}/SCSSVariableMap.scss +1 -1
- package/dist/{auro-classic → tokens}/SCSSVariables.scss +312 -320
- package/dist/{auro-classic → tokens}/SCSSVariablesMapFlat.scss +312 -320
- package/dist/{auro-classic → tokens}/SassCustomProperties.scss +312 -320
- package/dist/{auro-classic → tokens}/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/base/SCSSVariables.scss +1372 -0
- package/dist/tokens/darkmode/CSSCustomProperties.css +28 -0
- package/dist/tokens/darkmode/JSDataColor.js +528 -0
- package/dist/tokens/darkmode/JSObject--deprecatedDark.js +528 -0
- package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
- package/dist/tokens/darkmode/SCSSVariables.scss +21 -0
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
- package/dist/tokens/darkmode/SassCustomProperties.scss +28 -0
- package/dist/tokens/excursion/JSONVariablesFlat.json +736 -0
- package/dist/tokens/excursion/JSONVariablesNested.json +1222 -0
- package/dist/tokens/hawaiian/CSSCustomProperties.css +20 -0
- package/dist/{transparent/CSSCustomProperties--transparent.css → tokens/transparent/CSSCustomProperties.css} +5 -1
- package/package.json +3 -5
- package/src/{themes/auro-classic/animation.json → animation.json} +3 -6
- package/src/{themes/auro-classic → asset}/font.json +5 -10
- package/src/{themes/auro-classic/color → color}/alert.json +0 -7
- package/src/{themes/auro-classic/color → color}/background.json +25 -53
- package/src/{themes/auro-classic/color → color}/base.json +147 -303
- package/src/{themes/auro-classic/color → color}/border.json +32 -68
- package/src/{themes/auro-classic/color → color}/brand.json +158 -289
- package/src/{themes/auro-classic/color → color}/container.json +50 -101
- package/src/{themes/auro-classic/color → color}/icon.json +64 -129
- package/src/{themes/auro-classic/color → color}/text.json +28 -58
- package/src/{themes/auro-classic/color → color}/tier.json +22 -43
- package/src/{themes/auro-classic/color → color}/ui.json +1 -12
- package/src/{themes/auro-classic/color → color}/utility.json +30 -60
- package/src/color-darkmode/base.json +24 -0
- package/src/color-darkmode/border.json +32 -0
- package/src/color-darkmode/icon.json +32 -0
- package/src/color-darkmode/text.json +71 -0
- package/src/color-darkmode/tier.json +34 -0
- package/src/comments.json +34 -0
- package/src/{themes/auro-classic/depth.json → depth.json} +4 -9
- package/src/{themes/auro-classic/elevation.json → elevation.json} +3 -6
- package/src/{themes/auro-classic/grid-breakpoint.json → grid-breakpoint.json} +5 -10
- package/src/{themes/auro-classic/grid-column.json → grid-column.json} +5 -10
- package/src/{themes/auro-classic/grid-gutter.json → grid-gutter.json} +5 -10
- package/src/{themes/auro-classic/grid-margin.json → grid-margin.json} +5 -10
- package/src/{themes/auro-classic/size → size}/radius.json +1 -2
- package/src/size/scale.json +240 -0
- package/src/size/unitless-scale.json +82 -0
- package/src/{themes/auro-classic/text.json → text.json} +97 -192
- package/src/themes/excursion/animation.json +21 -0
- package/src/themes/excursion/asset/font.json +35 -0
- package/src/themes/excursion/color/alert.json +90 -0
- package/src/themes/excursion/color/background.json +280 -0
- package/src/themes/excursion/color/base.json +1303 -0
- package/src/themes/excursion/color/border.json +288 -0
- package/src/themes/excursion/color/brand.json +1549 -0
- package/src/themes/excursion/color/container.json +464 -0
- package/src/themes/excursion/color/excursion.json +254 -0
- package/src/themes/excursion/color/icon.json +476 -0
- package/src/themes/excursion/color/text.json +270 -0
- package/src/themes/excursion/color/tier.json +180 -0
- package/src/themes/excursion/color/ui.json +125 -0
- package/src/themes/excursion/comments.json +34 -0
- package/src/themes/excursion/depth copy.json +22 -0
- package/src/themes/excursion/elevation.json +22 -0
- package/src/themes/excursion/grid-breakpoint.json +29 -0
- package/src/themes/excursion/grid-column.json +29 -0
- package/src/themes/excursion/grid-gutter.json +29 -0
- package/src/themes/excursion/grid-margin.json +29 -0
- package/src/themes/excursion/size/radius.json +9 -0
- package/src/themes/excursion/size/scale.json +234 -0
- package/src/themes/excursion/size/unitless-scale.json +82 -0
- package/src/themes/excursion/text.json +572 -0
- package/src/themes/hawaiian/color/background.json +15 -0
- package/src/themes/hawaiian/color/border.json +18 -0
- package/src/themes/hawaiian/color/container.json +56 -0
- package/src/themes/hawaiian/color/icon.json +24 -0
- package/src/themes/hawaiian/color/text.json +44 -0
- package/src/themes/transparent/color/alert.json +0 -7
- package/src/themes/transparent/color/background.json +2 -30
- package/src/themes/transparent/color/base.json +0 -156
- package/src/themes/transparent/color/border.json +0 -36
- package/src/themes/transparent/color/brand.json +36 -167
- package/src/themes/transparent/color/container.json +0 -50
- package/src/themes/transparent/color/icon.json +0 -65
- package/src/themes/transparent/color/text.json +0 -30
- package/src/themes/transparent/color/tier.json +1 -22
- package/src/themes/transparent/color/ui.json +1 -12
- package/src/themes/transparent/color/utility.json +0 -30
- package/src/themes/transparent/elevation.json +0 -3
- package/dist/alaska/CSSCustomProperties--alaska.css +0 -66
- package/dist/alaska/SCSSVariables--alaska.scss +0 -63
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -67
- package/dist/alaska/primitives--alaska.scss +0 -215
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +0 -66
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +0 -63
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +0 -67
- package/dist/hawaiian/primitives--hawaiian.scss +0 -175
- package/src/primitives/alaska/color.json +0 -796
- package/src/primitives/alaska/typography.json +0 -27
- package/src/primitives/base/color.json +0 -489
- package/src/primitives/base/transparency.json +0 -183
- package/src/primitives/base/typography.json +0 -210
- package/src/primitives/hawaiian/color.json +0 -508
- package/src/primitives/hawaiian/typography.json +0 -28
- package/src/themes/alaska/color.json +0 -394
- package/src/themes/alaska/typography.json +0 -132
- package/src/themes/auro-classic/comments.json +0 -50
- package/src/themes/auro-classic/size/scale.json +0 -347
- package/src/themes/auro-classic/size/unitless-scale.json +0 -126
- package/src/themes/hawaiian/color.json +0 -394
- package/src/themes/hawaiian/typography.json +0 -132
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Thu, 27 Feb 2025 23:32:44 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--ds-color-background-lightest: #f1f3f3;
|
|
8
|
+
--ds-color-border-ui-active-default: #ce0c88;
|
|
9
|
+
--ds-color-container-primary-default: #ffffff;
|
|
10
|
+
--ds-color-container-ui-primary-default-default: #ce0c88;
|
|
11
|
+
--ds-color-container-ui-primary-default-inverse: #f358b0;
|
|
12
|
+
--ds-color-container-ui-primary-active-default: #ce0c88;
|
|
13
|
+
--ds-color-container-ui-primary-active-inverse: #f358b0;
|
|
14
|
+
--ds-color-icon-primary-default: #463c8f;
|
|
15
|
+
--ds-color-icon-primary-inverse: #9b9dca;
|
|
16
|
+
--ds-color-text-primary-default: #000000;
|
|
17
|
+
--ds-color-text-primary-inverse: rgba(255, 255, 255, 0.87);
|
|
18
|
+
--ds-color-text-ui-default-default: #ce0c88;
|
|
19
|
+
--ds-color-text-ui-default-inverse: #f358b0;
|
|
20
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Thu, 27 Feb 2025 23:32:44 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -396,6 +396,10 @@
|
|
|
396
396
|
--ds-color-brand-goldcoast-300: rgba(0, 0, 0, 0); /* transparent */
|
|
397
397
|
--ds-color-brand-goldcoast-400: rgba(0, 0, 0, 0); /* transparent */
|
|
398
398
|
--ds-color-brand-goldcoast-500: rgba(0, 0, 0, 0); /* transparent */
|
|
399
|
+
--ds-color-brand-goldgray-100: rgba(0, 0, 0, 0);
|
|
400
|
+
--ds-color-brand-goldgray-200: rgba(0, 0, 0, 0);
|
|
401
|
+
--ds-color-brand-gold-100: rgba(0, 0, 0, 0);
|
|
402
|
+
--ds-color-brand-gold-200: rgba(0, 0, 0, 0);
|
|
399
403
|
--ds-color-brand-emerald: rgba(0, 0, 0, 0);
|
|
400
404
|
--ds-color-brand-sapphire: rgba(0, 0, 0, 0);
|
|
401
405
|
--ds-color-brand-ruby: rgba(0, 0, 0, 0);
|
package/package.json
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.2",
|
|
4
4
|
"description": "Alaska Air Auro Design System token repository",
|
|
5
5
|
"homepage": "https://github.com/AlaskaAirlines/DesignTokens",
|
|
6
6
|
"author": "Alaska Airlines Product design and engineering",
|
|
7
|
-
"type": "module",
|
|
8
7
|
"repository": {
|
|
9
8
|
"type": "git",
|
|
10
9
|
"url": "https://github.com/AlaskaAirlines/AuroDesignTokens"
|
|
@@ -30,10 +29,9 @@
|
|
|
30
29
|
},
|
|
31
30
|
"scripts": {
|
|
32
31
|
"postinstall": "node packageScripts/postinstall.mjs",
|
|
33
|
-
"build": "npm run build:tokens
|
|
32
|
+
"build": "npm run build:tokens",
|
|
34
33
|
"build:ci": "npm-run-all sweep test build:tokens postinstall",
|
|
35
|
-
"build:tokens": "node scripts/styleDictionary.
|
|
36
|
-
"transform:css": "node scripts/transformCSS.mjs",
|
|
34
|
+
"build:tokens": "node scripts/styleDictionary.js",
|
|
37
35
|
"test": "node scripts/jsonTest.js",
|
|
38
36
|
"sweep": "rm -rf dist/",
|
|
39
37
|
"prepare": "husky install"
|
|
@@ -3,21 +3,18 @@
|
|
|
3
3
|
"default": {
|
|
4
4
|
"property": {
|
|
5
5
|
"value": "all",
|
|
6
|
-
"type": "semantic",
|
|
7
6
|
"public": true,
|
|
8
|
-
"deprecated":
|
|
7
|
+
"deprecated": false
|
|
9
8
|
},
|
|
10
9
|
"duration": {
|
|
11
10
|
"value": "0.3s",
|
|
12
|
-
"type": "semantic",
|
|
13
11
|
"public": true,
|
|
14
|
-
"deprecated":
|
|
12
|
+
"deprecated": false
|
|
15
13
|
},
|
|
16
14
|
"timing": {
|
|
17
15
|
"value": "ease-out",
|
|
18
|
-
"type": "semantic",
|
|
19
16
|
"public": true,
|
|
20
|
-
"deprecated":
|
|
17
|
+
"deprecated": false
|
|
21
18
|
}
|
|
22
19
|
}
|
|
23
20
|
}
|
|
@@ -4,34 +4,29 @@
|
|
|
4
4
|
"circular": {
|
|
5
5
|
"familyName": {
|
|
6
6
|
"value": "AS Circular",
|
|
7
|
-
"type": "semantic",
|
|
8
7
|
"public": true,
|
|
9
|
-
"deprecated":
|
|
8
|
+
"deprecated": false
|
|
10
9
|
},
|
|
11
10
|
"filename": {
|
|
12
11
|
"value": "ASCircularWeb",
|
|
13
|
-
"type": "semantic",
|
|
14
12
|
"public": true,
|
|
15
|
-
"deprecated":
|
|
13
|
+
"deprecated": false
|
|
16
14
|
},
|
|
17
15
|
"weight": {
|
|
18
16
|
"light": {
|
|
19
17
|
"value": "-Light",
|
|
20
|
-
"type": "semantic",
|
|
21
18
|
"public": true,
|
|
22
|
-
"deprecated":
|
|
19
|
+
"deprecated": false
|
|
23
20
|
},
|
|
24
21
|
"medium": {
|
|
25
22
|
"value": "-Medium",
|
|
26
|
-
"type": "semantic",
|
|
27
23
|
"public": true,
|
|
28
|
-
"deprecated":
|
|
24
|
+
"deprecated": false
|
|
29
25
|
},
|
|
30
26
|
"book": {
|
|
31
27
|
"value": "-Book",
|
|
32
|
-
"type": "semantic",
|
|
33
28
|
"public": true,
|
|
34
|
-
"deprecated":
|
|
29
|
+
"deprecated": false
|
|
35
30
|
}
|
|
36
31
|
}
|
|
37
32
|
}
|
|
@@ -4,7 +4,6 @@
|
|
|
4
4
|
"notification": {
|
|
5
5
|
"default": {
|
|
6
6
|
"value": "{color.brand.atlas.400.value}",
|
|
7
|
-
"type": "semantic",
|
|
8
7
|
"public": true,
|
|
9
8
|
"default": true,
|
|
10
9
|
"usage": "Notification color on light backgrounds",
|
|
@@ -17,7 +16,6 @@
|
|
|
17
16
|
"warning": {
|
|
18
17
|
"default": {
|
|
19
18
|
"value": "{color.state.warning.500.value}",
|
|
20
|
-
"type": "semantic",
|
|
21
19
|
"public": true,
|
|
22
20
|
"default": true,
|
|
23
21
|
"usage": "Warning color on light backgrounds",
|
|
@@ -30,7 +28,6 @@
|
|
|
30
28
|
"error": {
|
|
31
29
|
"default": {
|
|
32
30
|
"value": "{color.state.error.500.value}",
|
|
33
|
-
"type": "semantic",
|
|
34
31
|
"public": true,
|
|
35
32
|
"default": true,
|
|
36
33
|
"usage": "Error color on light backgrounds",
|
|
@@ -43,7 +40,6 @@
|
|
|
43
40
|
"success": {
|
|
44
41
|
"default": {
|
|
45
42
|
"value": "{color.state.success.500.value}",
|
|
46
|
-
"type": "semantic",
|
|
47
43
|
"public": true,
|
|
48
44
|
"default": true,
|
|
49
45
|
"usage": "Success color on light backgrounds",
|
|
@@ -56,7 +52,6 @@
|
|
|
56
52
|
"advisory": {
|
|
57
53
|
"default": {
|
|
58
54
|
"value": "{color.brand.goldcoast.100.value}",
|
|
59
|
-
"type": "semantic",
|
|
60
55
|
"public": true,
|
|
61
56
|
"default": true,
|
|
62
57
|
"usage": "Travel advisory or system maintenance color on light backgrounds",
|
|
@@ -69,7 +64,6 @@
|
|
|
69
64
|
"bkgSuccess": {
|
|
70
65
|
"default": {
|
|
71
66
|
"value": "DDF6E8",
|
|
72
|
-
"type": "semantic",
|
|
73
67
|
"public": true,
|
|
74
68
|
"default": true,
|
|
75
69
|
"usage": "Background success color on light backgrounds",
|
|
@@ -82,7 +76,6 @@
|
|
|
82
76
|
"bkgError": {
|
|
83
77
|
"default": {
|
|
84
78
|
"value": "FFEDF1",
|
|
85
|
-
"type": "semantic",
|
|
86
79
|
"public": true,
|
|
87
80
|
"default": true,
|
|
88
81
|
"usage": "Background error color on light backgrounds",
|
|
@@ -5,238 +5,214 @@
|
|
|
5
5
|
"100": {
|
|
6
6
|
"default": {
|
|
7
7
|
"value": "{color.base.white.value}",
|
|
8
|
-
"type": "semantic",
|
|
9
8
|
"public": true,
|
|
10
9
|
"default": true,
|
|
11
10
|
"usage": "Used for creating light backgrounds",
|
|
12
11
|
"wcag": "n/a",
|
|
13
|
-
"deprecated":
|
|
12
|
+
"deprecated": false
|
|
14
13
|
},
|
|
15
14
|
"inverse": {
|
|
16
15
|
"value": "{color.brand.navy.1000.value}",
|
|
17
|
-
"type": "semantic",
|
|
18
16
|
"public": true,
|
|
19
17
|
"inverse": true,
|
|
20
18
|
"usage": "Used for creating dark backgrounds",
|
|
21
19
|
"wcag": "n/a",
|
|
22
|
-
"deprecated":
|
|
20
|
+
"deprecated": false
|
|
23
21
|
}
|
|
24
22
|
},
|
|
25
23
|
"200": {
|
|
26
24
|
"default": {
|
|
27
25
|
"value": "{color.brand.gray.100.value}",
|
|
28
|
-
"type": "semantic",
|
|
29
26
|
"public": true,
|
|
30
27
|
"default": true,
|
|
31
28
|
"usage": "Used for creating light backgrounds",
|
|
32
29
|
"wcag": "n/a",
|
|
33
|
-
"deprecated":
|
|
30
|
+
"deprecated": false
|
|
34
31
|
},
|
|
35
32
|
"inverse": {
|
|
36
33
|
"value": "{color.brand.navy.900.value}",
|
|
37
|
-
"type": "semantic",
|
|
38
34
|
"public": true,
|
|
39
35
|
"inverse": true,
|
|
40
36
|
"usage": "Used for creating dark backgrounds",
|
|
41
37
|
"wcag": "n/a",
|
|
42
|
-
"deprecated":
|
|
38
|
+
"deprecated": false
|
|
43
39
|
}
|
|
44
40
|
},
|
|
45
41
|
"300": {
|
|
46
42
|
"default": {
|
|
47
43
|
"value": "{color.brand.neutral.200.value}",
|
|
48
|
-
"type": "semantic",
|
|
49
44
|
"public": true,
|
|
50
45
|
"default": true,
|
|
51
46
|
"usage": "Used for creating light backgrounds",
|
|
52
47
|
"wcag": "n/a",
|
|
53
|
-
"deprecated":
|
|
48
|
+
"deprecated": false
|
|
54
49
|
},
|
|
55
50
|
"inverse": {
|
|
56
51
|
"value": "{color.brand.navy.800.value}",
|
|
57
|
-
"type": "semantic",
|
|
58
52
|
"public": true,
|
|
59
53
|
"inverse": true,
|
|
60
54
|
"usage": "Used for creating dark backgrounds",
|
|
61
55
|
"wcag": "n/a",
|
|
62
|
-
"deprecated":
|
|
56
|
+
"deprecated": false
|
|
63
57
|
}
|
|
64
58
|
},
|
|
65
59
|
"400": {
|
|
66
60
|
"default": {
|
|
67
61
|
"value": "{color.brand.gray.200.value}",
|
|
68
|
-
"type": "semantic",
|
|
69
62
|
"public": true,
|
|
70
63
|
"default": true,
|
|
71
64
|
"usage": "Used for creating light backgrounds",
|
|
72
65
|
"wcag": "n/a",
|
|
73
|
-
"deprecated":
|
|
66
|
+
"deprecated": false
|
|
74
67
|
},
|
|
75
68
|
"inverse": {
|
|
76
69
|
"value": "{color.brand.navy.700.value}",
|
|
77
|
-
"type": "semantic",
|
|
78
70
|
"public": true,
|
|
79
71
|
"inverse": true,
|
|
80
72
|
"usage": "Used for creating dark backgrounds",
|
|
81
73
|
"wcag": "n/a",
|
|
82
|
-
"deprecated":
|
|
74
|
+
"deprecated": false
|
|
83
75
|
}
|
|
84
76
|
}
|
|
85
77
|
},
|
|
86
78
|
"success": {
|
|
87
79
|
"default": {
|
|
88
80
|
"value": "{color.base.success.100.value}",
|
|
89
|
-
"type": "semantic",
|
|
90
81
|
"public": true,
|
|
91
82
|
"default": true,
|
|
92
83
|
"usage": "Used for creating light backgrounds",
|
|
93
84
|
"wcag": "n/a",
|
|
94
|
-
"deprecated":
|
|
85
|
+
"deprecated": false
|
|
95
86
|
},
|
|
96
87
|
"inverse": {
|
|
97
88
|
"value": "{color.base.success.500.value}",
|
|
98
|
-
"type": "semantic",
|
|
99
89
|
"public": true,
|
|
100
90
|
"inverse": true,
|
|
101
91
|
"usage": "Used for creating dark backgrounds",
|
|
102
92
|
"wcag": "n/a",
|
|
103
|
-
"deprecated":
|
|
93
|
+
"deprecated": false
|
|
104
94
|
}
|
|
105
95
|
},
|
|
106
96
|
"error": {
|
|
107
97
|
"default": {
|
|
108
98
|
"value": "{color.base.error.100.value}",
|
|
109
|
-
"type": "semantic",
|
|
110
99
|
"public": true,
|
|
111
100
|
"default": true,
|
|
112
101
|
"usage": "Used for creating light backgrounds",
|
|
113
102
|
"wcag": "n/a",
|
|
114
|
-
"deprecated":
|
|
103
|
+
"deprecated": false
|
|
115
104
|
},
|
|
116
105
|
"inverse": {
|
|
117
106
|
"value": "{color.base.error.500.value}",
|
|
118
|
-
"type": "semantic",
|
|
119
107
|
"public": true,
|
|
120
108
|
"inverse": true,
|
|
121
109
|
"usage": "Used for creating dark backgrounds",
|
|
122
110
|
"wcag": "n/a",
|
|
123
|
-
"deprecated":
|
|
111
|
+
"deprecated": false
|
|
124
112
|
}
|
|
125
113
|
},
|
|
126
114
|
"warning": {
|
|
127
115
|
"default": {
|
|
128
116
|
"value": "{color.base.warning.100.value}",
|
|
129
|
-
"type": "semantic",
|
|
130
117
|
"public": true,
|
|
131
118
|
"default": true,
|
|
132
119
|
"usage": "Used for creating light backgrounds",
|
|
133
120
|
"wcag": "n/a",
|
|
134
|
-
"deprecated":
|
|
121
|
+
"deprecated": false
|
|
135
122
|
},
|
|
136
123
|
"inverse": {
|
|
137
124
|
"value": "{color.base.warning.500.value}",
|
|
138
|
-
"type": "semantic",
|
|
139
125
|
"public": true,
|
|
140
126
|
"inverse": true,
|
|
141
127
|
"usage": "Used for creating dark backgrounds",
|
|
142
128
|
"wcag": "n/a",
|
|
143
|
-
"deprecated":
|
|
129
|
+
"deprecated": false
|
|
144
130
|
}
|
|
145
131
|
},
|
|
146
132
|
"info": {
|
|
147
133
|
"default": {
|
|
148
134
|
"value": "{color.brand.blue.100.value}",
|
|
149
|
-
"type": "semantic",
|
|
150
135
|
"public": true,
|
|
151
136
|
"default": true,
|
|
152
137
|
"usage": "Used for creating light backgrounds",
|
|
153
138
|
"wcag": "n/a",
|
|
154
|
-
"deprecated":
|
|
139
|
+
"deprecated": false
|
|
155
140
|
},
|
|
156
141
|
"inverse": {
|
|
157
142
|
"value": "{color.brand.blue.900.value}",
|
|
158
|
-
"type": "semantic",
|
|
159
143
|
"public": true,
|
|
160
144
|
"inverse": true,
|
|
161
145
|
"usage": "Used for creating dark backgrounds",
|
|
162
146
|
"wcag": "n/a",
|
|
163
|
-
"deprecated":
|
|
147
|
+
"deprecated": false
|
|
164
148
|
}
|
|
165
149
|
},
|
|
166
150
|
"subtle": {
|
|
167
151
|
"default": {
|
|
168
152
|
"value": "{color.brand.neutral.100.value}",
|
|
169
|
-
"type": "semantic",
|
|
170
153
|
"public": true,
|
|
171
154
|
"default": true,
|
|
172
155
|
"usage": "Used for creating light backgrounds",
|
|
173
156
|
"wcag": "n/a",
|
|
174
|
-
"deprecated":
|
|
157
|
+
"deprecated": false
|
|
175
158
|
},
|
|
176
159
|
"inverse": {
|
|
177
160
|
"value": "{color.brand.gray.1000.value}",
|
|
178
|
-
"type": "semantic",
|
|
179
161
|
"public": true,
|
|
180
162
|
"inverse": true,
|
|
181
163
|
"usage": "Used for creating dark backgrounds",
|
|
182
164
|
"wcag": "n/a",
|
|
183
|
-
"deprecated":
|
|
165
|
+
"deprecated": false
|
|
184
166
|
}
|
|
185
167
|
},
|
|
186
168
|
"accent": {
|
|
187
169
|
"default": {
|
|
188
170
|
"value": "{color.brand.cyan.100.value}",
|
|
189
|
-
"type": "semantic",
|
|
190
171
|
"public": true,
|
|
191
172
|
"default": true,
|
|
192
173
|
"usage": "Used for creating light backgrounds",
|
|
193
174
|
"wcag": "n/a",
|
|
194
|
-
"deprecated":
|
|
175
|
+
"deprecated": false
|
|
195
176
|
},
|
|
196
177
|
"inverse": {
|
|
197
178
|
"value": "{color.base.cyan.800.value}",
|
|
198
|
-
"type": "semantic",
|
|
199
179
|
"public": true,
|
|
200
180
|
"inverse": true,
|
|
201
181
|
"usage": "Used for creating dark backgrounds",
|
|
202
182
|
"wcag": "n/a",
|
|
203
|
-
"deprecated":
|
|
183
|
+
"deprecated": false
|
|
204
184
|
}
|
|
205
185
|
},
|
|
206
186
|
"emphasis": {
|
|
207
187
|
"default": {
|
|
208
188
|
"value": "{color.brand.blue.200.value}",
|
|
209
|
-
"type": "semantic",
|
|
210
189
|
"public": true,
|
|
211
190
|
"default": true,
|
|
212
191
|
"usage": "Used for creating light backgrounds",
|
|
213
192
|
"wcag": "n/a",
|
|
214
|
-
"deprecated":
|
|
193
|
+
"deprecated": false
|
|
215
194
|
},
|
|
216
195
|
"inverse": {
|
|
217
196
|
"value": "{color.brand.blue.800.value}",
|
|
218
|
-
"type": "semantic",
|
|
219
197
|
"public": true,
|
|
220
198
|
"inverse": true,
|
|
221
199
|
"usage": "Used for creating dark backgrounds",
|
|
222
200
|
"wcag": "n/a",
|
|
223
|
-
"deprecated":
|
|
201
|
+
"deprecated": false
|
|
224
202
|
}
|
|
225
203
|
},
|
|
226
204
|
"scrimmed": {
|
|
227
205
|
"default": {
|
|
228
206
|
"value": "{color.base.black-500.value}",
|
|
229
|
-
"type": "semantic",
|
|
230
207
|
"public": true,
|
|
231
208
|
"default": true,
|
|
232
209
|
"usage": "Used for creating light backgrounds",
|
|
233
210
|
"wcag": "n/a",
|
|
234
|
-
"deprecated":
|
|
211
|
+
"deprecated": false
|
|
235
212
|
}
|
|
236
213
|
},
|
|
237
214
|
"lightest": {
|
|
238
215
|
"value": "{color.base.white.value}",
|
|
239
|
-
"type": "semantic",
|
|
240
216
|
"public": true,
|
|
241
217
|
"usage": "Used for creating light backgrounds",
|
|
242
218
|
"wcag": "n/a",
|
|
@@ -246,7 +222,6 @@
|
|
|
246
222
|
},
|
|
247
223
|
"lighter": {
|
|
248
224
|
"value": "{color.base.gray.100.value}",
|
|
249
|
-
"type": "semantic",
|
|
250
225
|
"public": true,
|
|
251
226
|
"usage": "Used for creating light backgrounds @ 90% white",
|
|
252
227
|
"wcag": "n/a",
|
|
@@ -256,7 +231,6 @@
|
|
|
256
231
|
},
|
|
257
232
|
"darker": {
|
|
258
233
|
"value": "{color.brand.midnight.400.value}",
|
|
259
|
-
"type": "semantic",
|
|
260
234
|
"public": true,
|
|
261
235
|
"usage": "Used for creating dark backgrounds",
|
|
262
236
|
"wcag": "n/a",
|
|
@@ -266,7 +240,6 @@
|
|
|
266
240
|
},
|
|
267
241
|
"darkest": {
|
|
268
242
|
"value": "{color.brand.midnight.500.value}",
|
|
269
|
-
"type": "semantic",
|
|
270
243
|
"public": true,
|
|
271
244
|
"usage": "Used for creating dark backgrounds @ 20% darker",
|
|
272
245
|
"wcag": "n/a",
|
|
@@ -277,13 +250,12 @@
|
|
|
277
250
|
"gradient": {
|
|
278
251
|
"default": {
|
|
279
252
|
"value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
|
|
280
|
-
"type": "semantic",
|
|
281
253
|
"public": true,
|
|
282
254
|
"usage": "Used for creating a gradient against all backgrounds",
|
|
283
255
|
"wcag": "n/a",
|
|
284
256
|
"deprecated": true,
|
|
285
|
-
|
|
286
|
-
|
|
257
|
+
"version": "4.5.0",
|
|
258
|
+
"reference": "n/a"
|
|
287
259
|
}
|
|
288
260
|
}
|
|
289
261
|
}
|