@aurodesignsystem/design-tokens 5.4.0 → 5.5.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.
Files changed (42) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/CSSCustomProperties--bundled.css +145 -15
  3. package/dist/alaska/CSSCustomProperties--alaska.css +133 -0
  4. package/dist/alaska/JSONVariablesNested--alaska.json +206 -0
  5. package/dist/alaska/JSObject--allTokens.js +4134 -0
  6. package/dist/alaska/SCSSVariables--alaska.scss +130 -0
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +134 -0
  8. package/dist/alaska/primitives--alaska.scss +245 -0
  9. package/dist/auro-classic/CSSCustomProperties.css +1 -1
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSObject--allTokens.js +1 -1
  13. package/dist/auro-classic/JSObject--deprecated.js +1 -1
  14. package/dist/auro-classic/JSVariables--color.js +1 -1
  15. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  16. package/dist/auro-classic/SCSSVariables.scss +1 -1
  17. package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
  18. package/dist/auro-classic/SassCustomProperties.scss +1 -1
  19. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  20. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +15 -15
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +6 -6
  22. package/dist/hawaiian/JSObject--allTokens.js +61 -61
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +15 -15
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +15 -15
  25. package/dist/hawaiian/primitives--hawaiian.scss +1 -1
  26. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  27. package/package.json +1 -1
  28. package/src/themes/alaska/advanced/boolean.json +127 -125
  29. package/src/themes/alaska/advanced/button.json +253 -251
  30. package/src/themes/alaska/advanced/hyperlink.json +58 -56
  31. package/src/themes/alaska/advanced/shared.json +37 -35
  32. package/src/themes/alaska/advanced/state.json +56 -54
  33. package/src/themes/alaska/basic/color/border.json +1 -1
  34. package/src/themes/alaska/basic/color/brand.json +17 -21
  35. package/src/themes/alaska/basic/color/fare-brand.json +3 -3
  36. package/src/themes/alaska/basic/color/status.json +61 -68
  37. package/src/themes/alaska/basic/color/surface.json +3 -3
  38. package/src/themes/alaska/basic/color/text-icon.json +5 -5
  39. package/src/themes/alaska-classic/color.json +2 -2
  40. package/src/themes/hawaiian/basic/color/color.json +1 -1
  41. package/src/themes/hawaiian/basic/color/fare-brand.json +5 -5
  42. package/src/themes/hawaiian/basic/color/text-icon.json +1 -1
package/src/themes/alaska/advanced/shared.json CHANGED
@@ -1,46 +1,48 @@
1
1
  {
2
2
  "advanced": {
3
- "background": {
4
- "default": {
5
- "value": "{color.white.value}",
6
- "type": "semantic",
7
- "public": true,
8
- "default": true,
9
- "usage": "Component background color",
10
- "deprecated": false
11
- },
12
- "muted": {
13
- "value": "{color.gray.50.value}",
14
- "type": "semantic",
15
- "public": true,
16
- "default": true,
17
- "usage": "Component background muted color",
18
- "deprecated": false
19
- },
20
- "strong": {
21
- "value": "{color.gray.600.value}",
22
- "type": "semantic",
23
- "public": true,
24
- "default": true,
25
- "usage": "Component background strong color",
26
- "deprecated": false
3
+ "color": {
4
+ "background": {
5
+ "default": {
6
+ "value": "{color.white.value}",
7
+ "type": "semantic",
8
+ "public": true,
9
+ "default": true,
10
+ "usage": "Component background color",
11
+ "deprecated": false
12
+ },
13
+ "muted": {
14
+ "value": "{color.gray.50.value}",
15
+ "type": "semantic",
16
+ "public": true,
17
+ "default": true,
18
+ "usage": "Component background muted color",
19
+ "deprecated": false
20
+ },
21
+ "strong": {
22
+ "value": "{color.gray.600.value}",
23
+ "type": "semantic",
24
+ "public": true,
25
+ "default": true,
26
+ "usage": "Component background strong color",
27
+ "deprecated": false
28
+ },
29
+ "inverse": {
30
+ "value": "{transparency.white.5.value}",
31
+ "type": "semantic",
32
+ "public": true,
33
+ "default": true,
34
+ "usage": "Component background hover color",
35
+ "deprecated": false
36
+ }
27
37
  },
28
- "inverse": {
29
- "value": "{color.transparencies.white.5.value}",
38
+ "textAccent": {
39
+ "value": "{basic.color.brand.primarySubtle.value}",
30
40
  "type": "semantic",
31
41
  "public": true,
32
42
  "default": true,
33
- "usage": "Component background hover color",
43
+ "usage": "",
34
44
  "deprecated": false
35
45
  }
36
- },
37
- "textAccent": {
38
- "value": "{color.brand.primarySubtle.value}",
39
- "type": "semantic",
40
- "public": true,
41
- "default": true,
42
- "usage": "",
43
- "deprecated": false
44
46
  }
45
47
  }
46
48
  }
package/src/themes/alaska/advanced/state.json CHANGED
@@ -1,67 +1,69 @@
1
1
  {
2
2
  "advanced": {
3
- "state": {
4
- "focused": {
5
- "default": {
6
- "value": "{color.brand.primary.value}",
7
- "type": "semantic",
8
- "public": true,
9
- "default": true,
10
- "usage": "",
11
- "deprecated": false
12
- },
13
- "inverse": {
14
- "value": "{color.white.value}",
15
- "type": "semantic",
16
- "public": true,
17
- "default": true,
18
- "usage": "",
19
- "deprecated": false
20
- }
21
- },
22
- "selected": {
23
- "default": {
24
- "value": "{color.brand.primary.value}",
25
- "type": "semantic",
26
- "public": true,
27
- "default": true,
28
- "usage": "",
29
- "deprecated": false
30
- },
31
- "hover": {
32
- "value": "{color.brand.primaryBold.value}",
33
- "type": "semantic",
34
- "public": true,
35
- "default": true,
36
- "usage": "",
37
- "deprecated": false
38
- }
39
- },
40
- "background": {
41
- "hover": {
42
- "value": "{color.gray.100.value}",
43
- "type": "semantic",
44
- "public": true,
45
- "default": true,
46
- "usage": "",
47
- "deprecated": false
3
+ "color": {
4
+ "state": {
5
+ "focused": {
6
+ "default": {
7
+ "value": "{basic.color.brand.primary.value}",
8
+ "type": "semantic",
9
+ "public": true,
10
+ "default": true,
11
+ "usage": "",
12
+ "deprecated": false
13
+ },
14
+ "inverse": {
15
+ "value": "{color.white.value}",
16
+ "type": "semantic",
17
+ "public": true,
18
+ "default": true,
19
+ "usage": "",
20
+ "deprecated": false
21
+ }
48
22
  },
49
- "disabled": {
50
- "value": "{color.gray.200.value}",
51
- "type": "semantic",
52
- "public": true,
53
- "default": true,
54
- "usage": "",
55
- "deprecated": false
23
+ "selected": {
24
+ "default": {
25
+ "value": "{basic.color.brand.primary.value}",
26
+ "type": "semantic",
27
+ "public": true,
28
+ "default": true,
29
+ "usage": "",
30
+ "deprecated": false
31
+ },
32
+ "hover": {
33
+ "value": "{basic.color.brand.primaryBold.value}",
34
+ "type": "semantic",
35
+ "public": true,
36
+ "default": true,
37
+ "usage": "",
38
+ "deprecated": false
39
+ }
56
40
  },
57
- "inverse": {
41
+ "background": {
58
42
  "hover": {
59
- "value": "{color.transparencies.white.15.value}",
43
+ "value": "{color.gray.100.value}",
44
+ "type": "semantic",
45
+ "public": true,
46
+ "default": true,
47
+ "usage": "",
48
+ "deprecated": false
49
+ },
50
+ "disabled": {
51
+ "value": "{color.gray.200.value}",
60
52
  "type": "semantic",
61
53
  "public": true,
62
54
  "default": true,
63
55
  "usage": "",
64
56
  "deprecated": false
57
+ },
58
+ "inverse": {
59
+ "hover": {
60
+ "value": "{transparency.white.15.value}",
61
+ "type": "semantic",
62
+ "public": true,
63
+ "default": true,
64
+ "usage": "",
65
+ "deprecated": false
66
+ }
65
67
  }
66
68
  }
67
69
  }
package/src/themes/alaska/basic/color/border.json CHANGED
@@ -27,7 +27,7 @@
27
27
  "deprecated": false
28
28
  },
29
29
  "brand": {
30
- "value": "{color.brand.primary.value}",
30
+ "value": "{basic.color.brand.primary.value}",
31
31
  "type": "semantic",
32
32
  "public": true,
33
33
  "default": true,
package/src/themes/alaska/basic/color/brand.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
- "color": {
3
- "brand": {
4
- "primary": {
5
- "base": {
2
+ "basic": {
3
+ "color": {
4
+ "brand": {
5
+ "primary": {
6
6
  "value": "{color.midnight.900.value}",
7
7
  "type": "semantic",
8
8
  "public": true,
@@ -10,7 +10,7 @@
10
10
  "usage": "Primary brand color",
11
11
  "deprecated": false
12
12
  },
13
- "muted": {
13
+ "primaryMuted": {
14
14
  "value": "{color.midnight.100.value}",
15
15
  "type": "semantic",
16
16
  "public": true,
@@ -18,7 +18,7 @@
18
18
  "usage": "Muted primary brand color",
19
19
  "deprecated": false
20
20
  },
21
- "subtle": {
21
+ "primarySubtle": {
22
22
  "value": "{color.midnight.600.value}",
23
23
  "type": "semantic",
24
24
  "public": true,
@@ -26,17 +26,15 @@
26
26
  "usage": "Subtle primary brand color",
27
27
  "deprecated": false
28
28
  },
29
- "bold": {
29
+ "primaryBold": {
30
30
  "value": "{color.midnight.1000.value}",
31
31
  "type": "semantic",
32
32
  "public": true,
33
33
  "default": true,
34
34
  "usage": "Bold primary brand color",
35
35
  "deprecated": false
36
- }
37
- },
38
- "secondary": {
39
- "base": {
36
+ },
37
+ "secondary": {
40
38
  "value": "{color.bliss.500.value}",
41
39
  "type": "semantic",
42
40
  "public": true,
@@ -44,7 +42,7 @@
44
42
  "usage": "Secondary brand color",
45
43
  "deprecated": false
46
44
  },
47
- "muted": {
45
+ "secondaryMuted": {
48
46
  "value": "{color.bliss.100.value}",
49
47
  "type": "semantic",
50
48
  "public": true,
@@ -52,7 +50,7 @@
52
50
  "usage": "Muted secondary brand color",
53
51
  "deprecated": false
54
52
  },
55
- "subtle": {
53
+ "secondarySubtle": {
56
54
  "value": "{color.bliss.300.value}",
57
55
  "type": "semantic",
58
56
  "public": true,
@@ -60,17 +58,15 @@
60
58
  "usage": "Subtle secondary brand color",
61
59
  "deprecated": false
62
60
  },
63
- "bold": {
61
+ "secondaryBold": {
64
62
  "value": "{color.bliss.700.value}",
65
63
  "type": "semantic",
66
64
  "public": true,
67
65
  "default": true,
68
66
  "usage": "Bold secondary brand color",
69
67
  "deprecated": false
70
- }
71
- },
72
- "tertiary": {
73
- "base": {
68
+ },
69
+ "tertiary": {
74
70
  "value": "{color.tropical.500.value}",
75
71
  "type": "semantic",
76
72
  "public": true,
@@ -78,7 +74,7 @@
78
74
  "usage": "Tertiary brand color",
79
75
  "deprecated": false
80
76
  },
81
- "muted": {
77
+ "tertiaryMuted": {
82
78
  "value": "{color.tropical.100.value}",
83
79
  "type": "semantic",
84
80
  "public": true,
@@ -86,7 +82,7 @@
86
82
  "usage": "Muted tertiary brand color",
87
83
  "deprecated": false
88
84
  },
89
- "subtle": {
85
+ "tertiarySubtle": {
90
86
  "value": "{color.tropical.300.value}",
91
87
  "type": "semantic",
92
88
  "public": true,
@@ -94,7 +90,7 @@
94
90
  "usage": "Subtle tertiary brand color",
95
91
  "deprecated": false
96
92
  },
97
- "bold": {
93
+ "tertiaryBold": {
98
94
  "value": "{color.tropical.700.value}",
99
95
  "type": "semantic",
100
96
  "public": true,
package/src/themes/alaska/basic/color/fare-brand.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "basic": {
3
3
  "color": {
4
- "fareBrand": {
5
- "basicEconomy": {
4
+ "fare": {
5
+ "basiceconomy": {
6
6
  "value": "{color.bliss.400.value}",
7
7
  "type": "semantic",
8
8
  "public": true,
@@ -18,7 +18,7 @@
18
18
  "usage": "Economy fare brand color",
19
19
  "deprecated": false
20
20
  },
21
- "premiumEconomy": {
21
+ "premiumeconomy": {
22
22
  "value": "{color.summit.900.value}",
23
23
  "type": "semantic",
24
24
  "public": true,
package/src/themes/alaska/basic/color/status.json CHANGED
@@ -3,86 +3,79 @@
3
3
  "color": {
4
4
  "status": {
5
5
  "default": {
6
- "value": "{color.midnight.900.value}",
6
+ "value": "{color.neutral.400.value}",
7
7
  "type": "semantic",
8
8
  "public": true,
9
9
  "default": true,
10
- "usage": "Primary brand color",
10
+ "usage": "Default status color",
11
+ "deprecated": false
12
+ },
13
+ "error": {
14
+ "value": "{color.status.error.700.value}",
15
+ "type": "semantic",
16
+ "public": true,
17
+ "default": true,
18
+ "usage": "Error status color",
19
+ "deprecated": false
20
+ },
21
+ "errorSubtle": {
22
+ "value": "{color.status.error.100.value}",
23
+ "type": "semantic",
24
+ "public": true,
25
+ "default": true,
26
+ "usage": "Subtle error status color",
11
27
  "deprecated": false
12
28
  },
13
29
  "info": {
14
- "base": {
15
- "value": "{color.brand.primary.value}",
16
- "type": "semantic",
17
- "public": true,
18
- "default": true,
19
- "usage": "Info status color",
20
- "deprecated": false
21
- },
22
- "subtle": {
23
- "value": "{color.status.help.100.value}",
24
- "type": "semantic",
25
- "public": true,
26
- "default": true,
27
- "usage": "Subtle info status color",
28
- "deprecated": false
29
- }
30
+ "value": "{basic.color.brand.primary.value}",
31
+ "type": "semantic",
32
+ "public": true,
33
+ "default": true,
34
+ "usage": "Info status color",
35
+ "deprecated": false
36
+ },
37
+ "infoSubtle": {
38
+ "value": "{basic.color.brand.primaryMuted.value}",
39
+ "type": "semantic",
40
+ "public": true,
41
+ "default": true,
42
+ "usage": "Subtle info status color",
43
+ "deprecated": false
30
44
  },
31
45
  "success": {
32
- "base": {
33
- "value": "{color.status.success.600.value}",
34
- "type": "semantic",
35
- "public": true,
36
- "default": true,
37
- "usage": "Success status color",
38
- "deprecated": false
39
- },
40
- "subtle": {
41
- "value": "{color.status.success.100.value}",
42
- "type": "semantic",
43
- "public": true,
44
- "default": true,
45
- "usage": "Subtle success status color",
46
- "deprecated": false
47
- }
46
+ "value": "{color.status.success.700.value}",
47
+ "type": "semantic",
48
+ "public": true,
49
+ "default": true,
50
+ "usage": "Success status color",
51
+ "deprecated": false
52
+ },
53
+ "successSubtle": {
54
+ "value": "{color.status.success.100.value}",
55
+ "type": "semantic",
56
+ "public": true,
57
+ "default": true,
58
+ "usage": "Subtle success status color",
59
+ "deprecated": false
48
60
  },
49
61
  "warning": {
50
- "base": {
51
- "value": "{color.status.warn.300.value}",
52
- "type": "semantic",
53
- "public": true,
54
- "default": true,
55
- "usage": "Warning status color",
56
- "deprecated": false
57
- },
58
- "subtle": {
59
- "value": "{color.status.warn.100.value}",
60
- "type": "semantic",
61
- "public": true,
62
- "default": true,
63
- "usage": "Subtle warning status color",
64
- "deprecated": false
65
- }
62
+ "value": "{color.status.warn.300.value}",
63
+ "type": "semantic",
64
+ "public": true,
65
+ "default": true,
66
+ "usage": "Warning status color",
67
+ "deprecated": false
66
68
  },
67
- "error": {
68
- "base": {
69
- "value": "{color.status.error.600.value}",
70
- "type": "semantic",
71
- "public": true,
72
- "default": true,
73
- "usage": "Error status color",
74
- "deprecated": false
75
- },
76
- "subtle": {
77
- "value": "{color.status.error.100.value}",
78
- "type": "semantic",
79
- "public": true,
80
- "default": true,
81
- "usage": "Subtle error status color",
82
- "deprecated": false
83
- }
69
+ "warningSubtle": {
70
+ "value": "{color.status.warn.100.value}",
71
+ "type": "semantic",
72
+ "public": true,
73
+ "default": true,
74
+ "usage": "Subtle warning status color",
75
+ "deprecated": false
84
76
  }
85
77
  }
86
78
  }
87
79
  }
88
- }
80
+ }
81
+
package/src/themes/alaska/basic/color/surface.json CHANGED
@@ -48,7 +48,7 @@
48
48
  },
49
49
  "accent1": {
50
50
  "base": {
51
- "value": "{color.brand.primary.value}",
51
+ "value": "{basic.color.brand.primary.value}",
52
52
  "type": "semantic",
53
53
  "public": true,
54
54
  "default": true,
@@ -56,7 +56,7 @@
56
56
  "deprecated": false
57
57
  },
58
58
  "subtle": {
59
- "value": "{color.brand.primarySubtle.value}",
59
+ "value": "{basic.color.brand.primarySubtle.value}",
60
60
  "type": "semantic",
61
61
  "public": true,
62
62
  "default": true,
@@ -64,7 +64,7 @@
64
64
  "deprecated": false
65
65
  },
66
66
  "muted": {
67
- "value": "{color.brand.primaryMuted.value}",
67
+ "value": "{basic.color.brand.primaryMuted.value}",
68
68
  "type": "semantic",
69
69
  "public": true,
70
70
  "default": true,
package/src/themes/alaska/basic/color/text-icon.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "basic": {
3
3
  "color": {
4
- "textIcon": {
4
+ "texticon": {
5
5
  "default": {
6
6
  "value": "{color.gray.1000.value}",
7
7
  "type": "semantic",
@@ -39,7 +39,7 @@
39
39
  "link": {
40
40
  "default": {
41
41
  "base": {
42
- "value": "{color.brand.primary.value}",
42
+ "value": "{basic.color.brand.primary.value}",
43
43
  "type": "semantic",
44
44
  "public": true,
45
45
  "default": true,
@@ -57,7 +57,7 @@
57
57
  },
58
58
  "hover": {
59
59
  "base": {
60
- "value": "{color.brand.primaryBold.value}",
60
+ "value": "{basic.color.brand.primaryBold.value}",
61
61
  "type": "semantic",
62
62
  "public": true,
63
63
  "default": true,
@@ -65,7 +65,7 @@
65
65
  "deprecated": false
66
66
  },
67
67
  "inverse": {
68
- "value": "{color.brand.primaryMuted.value}",
68
+ "value": "{basic.color.brand.primaryMuted.value}",
69
69
  "type": "semantic",
70
70
  "public": true,
71
71
  "default": true,
@@ -75,7 +75,7 @@
75
75
  }
76
76
  },
77
77
  "accent1": {
78
- "value": "{color.brand.primary.value}",
78
+ "value": "{basic.color.brand.primary.value}",
79
79
  "type": "semantic",
80
80
  "public": true,
81
81
  "default": true,
package/src/themes/alaska-classic/color.json CHANGED
@@ -156,7 +156,7 @@
156
156
  "deprecated": false
157
157
  }
158
158
  },
159
- "farebrand": {
159
+ "fare": {
160
160
  "basiceconomy": {
161
161
  "value": "{color.bliss.400.value}",
162
162
  "type": "semantic",
@@ -165,7 +165,7 @@
165
165
  "usage": "Basic fare brand color",
166
166
  "deprecated": false
167
167
  },
168
- "businessFirst": {
168
+ "businessfirst": {
169
169
  "value": "{color.midnight.1000.value}",
170
170
  "type": "semantic",
171
171
  "public": true,
package/src/themes/hawaiian/basic/color/color.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "basic": {
3
3
  "color": {
4
- "textIcon": {
4
+ "texticon": {
5
5
  "accent1": {
6
6
  "value": "{color.black.value}",
7
7
  "type": "semantic",
package/src/themes/hawaiian/basic/color/fare-brand.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "basic": {
3
3
  "color": {
4
- "fareBrand": {
5
- "basicEconomy": {
4
+ "fare": {
5
+ "basiceconomy": {
6
6
  "value": "{color.gray.250.value}",
7
7
  "type": "semantic",
8
8
  "public": true,
@@ -10,7 +10,7 @@
10
10
  "usage": "Basic fare brand color",
11
11
  "deprecated": false
12
12
  },
13
- "businessFirst": {
13
+ "businessfirst": {
14
14
  "value": "{color.royalpurple.600.value}",
15
15
  "type": "semantic",
16
16
  "public": true,
@@ -34,7 +34,7 @@
34
34
  "usage": "First class fare brand color",
35
35
  "deprecated": false
36
36
  },
37
- "premiumEconomy": {
37
+ "premiumeconomy": {
38
38
  "value": "{color.ocean.800.value}",
39
39
  "type": "semantic",
40
40
  "public": true,
@@ -42,7 +42,7 @@
42
42
  "usage": "Premium fare brand color",
43
43
  "deprecated": false
44
44
  },
45
- "oneWorld": {
45
+ "oneworld": {
46
46
  "emerald": {
47
47
  "value": "{color.oneworld.emerald.value}",
48
48
  "type": "semantic",
package/src/themes/hawaiian/basic/color/text-icon.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "basic": {
3
3
  "color": {
4
- "textIcon": {
4
+ "texticon": {
5
5
  "default": {
6
6
  "value": "{color.black.value}",
7
7
  "type": "semantic",