@aurodesignsystem/design-tokens 4.1.1 → 4.2.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 +8 -0
- package/README.md +17 -0
- package/dist/tokens/CSSCustomProperties.css +239 -95
- package/dist/tokens/CSSSizeCustomProperties.css +1 -1
- package/dist/tokens/JSData--color.js +88 -1
- package/dist/tokens/JSObject--allTokens.js +88 -1
- package/dist/tokens/JSObject--deprecated.js +1 -1
- package/dist/tokens/JSVariables--color.js +4 -1
- package/dist/tokens/SCSSVariableMap.scss +1 -1
- package/dist/tokens/SCSSVariables.scss +145 -95
- package/dist/tokens/SCSSVariablesMapFlat.scss +6 -1
- package/dist/tokens/SassCustomProperties.scss +239 -95
- package/dist/tokens/SassSizeCustomProperties.scss +1 -1
- package/dist/tokens/darkmode/CSSCustomProperties.css +11 -5
- package/dist/tokens/darkmode/JSDataColor.js +1 -1
- package/dist/tokens/darkmode/JSObject--allDarkTokens.js +1 -1
- package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
- package/dist/tokens/darkmode/SCSSVariables.scss +7 -5
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
- package/dist/tokens/darkmode/SassCustomProperties.scss +11 -5
- package/package.json +2 -2
- package/src/color/background.json +10 -0
- package/src/color/base.json +14 -0
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 07 Nov 2023 23:11:09 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
/**
|
|
8
|
+
*
|
|
9
|
+
* // Base value for token support; should not use in code!
|
|
10
|
+
*/
|
|
11
|
+
--ds-color-base-white: #000000;
|
|
12
|
+
/**
|
|
13
|
+
*
|
|
14
|
+
* // Base value for token support; should not use in code!
|
|
15
|
+
*/
|
|
16
|
+
--ds-color-base-black: #ffffff;
|
|
11
17
|
--ds-color-border-primary-default: #9fabbb;
|
|
12
18
|
--ds-color-border-divider-default: #000000;
|
|
13
19
|
--ds-color-icon-primary-default: #9fabbb;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 07 Nov 2023 23:11:09 GMT
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
$ds-color-base-
|
|
8
|
-
|
|
5
|
+
//
|
|
6
|
+
// // Base value for token support; should not use in code!
|
|
7
|
+
$ds-color-base-white: #000000;
|
|
8
|
+
//
|
|
9
|
+
// // Base value for token support; should not use in code!
|
|
10
|
+
$ds-color-base-black: #ffffff;
|
|
9
11
|
$ds-color-border-primary-default: #9fabbb;
|
|
10
12
|
$ds-color-border-divider-default: #000000;
|
|
11
13
|
$ds-color-icon-primary-default: #9fabbb;
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 07 Nov 2023 23:11:09 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
/**
|
|
8
|
+
*
|
|
9
|
+
* // Base value for token support; should not use in code!
|
|
10
|
+
*/
|
|
11
|
+
--ds-color-base-white: #000000;
|
|
12
|
+
/**
|
|
13
|
+
*
|
|
14
|
+
* // Base value for token support; should not use in code!
|
|
15
|
+
*/
|
|
16
|
+
--ds-color-base-black: #ffffff;
|
|
11
17
|
--ds-color-border-primary-default: #9fabbb;
|
|
12
18
|
--ds-color-border-divider-default: #000000;
|
|
13
19
|
--ds-color-icon-primary-default: #9fabbb;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
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",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"husky": "^8.0.0",
|
|
26
26
|
"npm-run-all": "^4.1.5",
|
|
27
27
|
"semantic-release": "^21.0.7",
|
|
28
|
-
"style-dictionary": "^3.
|
|
28
|
+
"style-dictionary": "^3.9.0"
|
|
29
29
|
},
|
|
30
30
|
"scripts": {
|
|
31
31
|
"postinstall": "node packageScripts/postinstall.mjs",
|
|
@@ -32,6 +32,16 @@
|
|
|
32
32
|
"usage": "Used for creating dark backgrounds @ 20% darker",
|
|
33
33
|
"wcag": "n/a",
|
|
34
34
|
"deprecated": false
|
|
35
|
+
},
|
|
36
|
+
"gradient": {
|
|
37
|
+
"default": {
|
|
38
|
+
"value": "linear-gradient(180deg, {color.base.white-opacity-0}, {color.base.white-opacity-50})",
|
|
39
|
+
"public": true,
|
|
40
|
+
"neutral": true,
|
|
41
|
+
"usage": "Used for creating a gradient against all backgrounds",
|
|
42
|
+
"wcag": "n/a",
|
|
43
|
+
"deprecated": false
|
|
44
|
+
}
|
|
35
45
|
}
|
|
36
46
|
}
|
|
37
47
|
}
|
package/src/color/base.json
CHANGED
|
@@ -7,6 +7,13 @@
|
|
|
7
7
|
"public": true,
|
|
8
8
|
"deprecated": false
|
|
9
9
|
},
|
|
10
|
+
"white-opacity-50": {
|
|
11
|
+
"value": "ffffff80",
|
|
12
|
+
"comment": "white @ 50%",
|
|
13
|
+
"public": true,
|
|
14
|
+
"opacity": true,
|
|
15
|
+
"deprecated": false
|
|
16
|
+
},
|
|
10
17
|
"white-opacity-40": {
|
|
11
18
|
"value": "ffffff66",
|
|
12
19
|
"comment": "white @ 40%",
|
|
@@ -14,6 +21,13 @@
|
|
|
14
21
|
"opacity": true,
|
|
15
22
|
"deprecated": false
|
|
16
23
|
},
|
|
24
|
+
"white-opacity-0": {
|
|
25
|
+
"value": "ffffff00",
|
|
26
|
+
"comment": "white @ 0%",
|
|
27
|
+
"public": true,
|
|
28
|
+
"opacity": true,
|
|
29
|
+
"deprecated": false
|
|
30
|
+
},
|
|
17
31
|
"black": {
|
|
18
32
|
"value": "000000",
|
|
19
33
|
"comment": "{comments.color.base.value.comment}",
|