@aurodesignsystem/design-tokens 5.4.0 → 5.6.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 (80) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/dist/CSSCustomProperties--bundled.css +847 -71
  3. package/dist/alaska/CSSCustomProperties--alaska.css +457 -0
  4. package/dist/alaska/JSONVariablesNested--alaska.json +706 -0
  5. package/dist/alaska/JSObject--allTokens.js +15481 -0
  6. package/dist/alaska/SCSSVariables--alaska.scss +454 -0
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +458 -0
  8. package/dist/alaska/primitives--alaska.scss +246 -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 +393 -71
  21. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +614 -96
  22. package/dist/hawaiian/JSObject--allTokens.js +13917 -2636
  23. package/dist/hawaiian/SCSSVariables--hawaiian.scss +393 -71
  24. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +394 -72
  25. package/dist/hawaiian/primitives--hawaiian.scss +25 -24
  26. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  27. package/package.json +1 -1
  28. package/src/primitives/alaska/color.json +456 -456
  29. package/src/primitives/alaska/font.json +9 -9
  30. package/src/primitives/base/color.json +284 -284
  31. package/src/primitives/base/font.json +186 -175
  32. package/src/primitives/base/transparency.json +108 -108
  33. package/src/primitives/hawaiian/color.json +287 -287
  34. package/src/primitives/hawaiian/font.json +9 -9
  35. package/src/themes/alaska/advanced/accents.json +104 -0
  36. package/src/themes/alaska/advanced/boolean.json +87 -95
  37. package/src/themes/alaska/advanced/button/primary.json +146 -0
  38. package/src/themes/alaska/advanced/button/secondary.json +106 -0
  39. package/src/themes/alaska/advanced/button/tertiary.json +98 -0
  40. package/src/themes/alaska/advanced/hyperlink.json +34 -56
  41. package/src/themes/alaska/advanced/shared.json +43 -41
  42. package/src/themes/alaska/advanced/state.json +42 -48
  43. package/src/themes/alaska/basic/color/border.json +43 -45
  44. package/src/themes/alaska/basic/color/brand.json +68 -72
  45. package/src/themes/alaska/basic/color/fare-brand.json +46 -46
  46. package/src/themes/alaska/basic/color/page-background.json +9 -9
  47. package/src/themes/alaska/basic/color/status.json +61 -69
  48. package/src/themes/alaska/basic/color/surface.json +72 -80
  49. package/src/themes/alaska/basic/color/text-icon.json +38 -78
  50. package/src/themes/alaska/basic/corner-radius.json +15 -15
  51. package/src/themes/alaska/basic/font/accent.json +847 -217
  52. package/src/themes/alaska/basic/font/body.json +203 -48
  53. package/src/themes/alaska/basic/font/display.json +727 -187
  54. package/src/themes/alaska/basic/font/heading.json +725 -182
  55. package/src/themes/alaska-classic/color.json +2 -2
  56. package/src/themes/alaska-classic/typography.json +124 -124
  57. package/src/themes/hawaiian/advanced/accents.json +104 -0
  58. package/src/themes/hawaiian/advanced/boolean.json +115 -125
  59. package/src/themes/hawaiian/advanced/button/primary.json +146 -0
  60. package/src/themes/hawaiian/advanced/button/secondary.json +106 -0
  61. package/src/themes/hawaiian/advanced/button/tertiary.json +98 -0
  62. package/src/themes/hawaiian/advanced/hyperlink.json +19 -43
  63. package/src/themes/hawaiian/advanced/shared.json +30 -30
  64. package/src/themes/hawaiian/advanced/state.json +52 -60
  65. package/src/themes/hawaiian/basic/color/border.json +28 -29
  66. package/src/themes/hawaiian/basic/color/brand.json +48 -49
  67. package/src/themes/hawaiian/basic/color/fare-brand.json +44 -45
  68. package/src/themes/hawaiian/basic/color/page-background.json +8 -9
  69. package/src/themes/hawaiian/basic/color/status.json +36 -37
  70. package/src/themes/hawaiian/basic/color/surface.json +40 -41
  71. package/src/themes/hawaiian/basic/color/text-icon.json +38 -40
  72. package/src/themes/hawaiian/basic/corner-radius.json +30 -0
  73. package/src/themes/hawaiian/basic/font/accent.json +846 -216
  74. package/src/themes/hawaiian/basic/font/body.json +202 -47
  75. package/src/themes/hawaiian/basic/font/display.json +788 -0
  76. package/src/themes/hawaiian/basic/font/heading.json +724 -184
  77. package/src/themes/alaska/advanced/button.json +0 -260
  78. package/src/themes/hawaiian/advanced/button.json +0 -334
  79. package/src/themes/hawaiian/basic/color/color.json +0 -57
  80. package/src/themes/hawaiian/basic/font/typography.json +0 -248
@@ -2,19 +2,19 @@
2
2
  "font": {
3
3
  "family": {
4
4
  "chronicleDisplay": {
5
- "value": "Chronicle Display",
6
- "type": "primitive",
7
- "public": false,
8
5
  "default": true,
9
- "deprecated": false
6
+ "deprecated": false,
7
+ "public": false,
8
+ "type": "primitive",
9
+ "value": "Chronicle Display"
10
10
  },
11
11
  "slatePro": {
12
- "value": "Slate Pro",
13
- "type": "primitive",
14
- "public": false,
15
12
  "default": true,
16
- "deprecated": false
13
+ "deprecated": false,
14
+ "public": false,
15
+ "type": "primitive",
16
+ "value": "Slate Pro"
17
17
  }
18
18
  }
19
19
  }
20
- }
20
+ }
@@ -0,0 +1,104 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "accents": {
5
+ "accent1": {
6
+ "default": true,
7
+ "deprecated": false,
8
+ "public": true,
9
+ "type": "semantic",
10
+ "usage": "",
11
+ "value": "{color.tropical.400.value}"
12
+ },
13
+ "accent1Bold": {
14
+ "default": true,
15
+ "deprecated": false,
16
+ "public": true,
17
+ "type": "semantic",
18
+ "usage": "",
19
+ "value": "{color.tropical.600.value}"
20
+ },
21
+ "accent1Muted": {
22
+ "default": true,
23
+ "deprecated": false,
24
+ "public": true,
25
+ "type": "semantic",
26
+ "usage": "",
27
+ "value": "{color.tropical.200.value}"
28
+ },
29
+ "accent2": {
30
+ "default": true,
31
+ "deprecated": false,
32
+ "public": true,
33
+ "type": "semantic",
34
+ "usage": "",
35
+ "value": "{color.sol.700.value}"
36
+ },
37
+ "accent2Bold": {
38
+ "default": true,
39
+ "deprecated": false,
40
+ "public": true,
41
+ "type": "semantic",
42
+ "usage": "",
43
+ "value": "{color.sol.1000.value}"
44
+ },
45
+ "accent2Muted": {
46
+ "default": true,
47
+ "deprecated": false,
48
+ "public": true,
49
+ "type": "semantic",
50
+ "usage": "",
51
+ "value": "{color.sol.500.value}"
52
+ },
53
+ "accent3": {
54
+ "default": true,
55
+ "deprecated": false,
56
+ "public": true,
57
+ "type": "semantic",
58
+ "usage": "",
59
+ "value": "{color.atlas.300.value}"
60
+ },
61
+ "accent3Bold": {
62
+ "default": true,
63
+ "deprecated": false,
64
+ "public": true,
65
+ "type": "semantic",
66
+ "usage": "",
67
+ "value": "{color.atlas.500.value}"
68
+ },
69
+ "accent3Muted": {
70
+ "default": true,
71
+ "deprecated": false,
72
+ "public": true,
73
+ "type": "semantic",
74
+ "usage": "",
75
+ "value": "{color.atlas.200.value}"
76
+ },
77
+ "accent4": {
78
+ "default": true,
79
+ "deprecated": false,
80
+ "public": true,
81
+ "type": "semantic",
82
+ "usage": "",
83
+ "value": "{color.flare.400.value}"
84
+ },
85
+ "accent4Bold": {
86
+ "default": true,
87
+ "deprecated": false,
88
+ "public": true,
89
+ "type": "semantic",
90
+ "usage": "",
91
+ "value": "{color.flare.600.value}"
92
+ },
93
+ "accent4Muted": {
94
+ "default": true,
95
+ "deprecated": false,
96
+ "public": true,
97
+ "type": "semantic",
98
+ "usage": "",
99
+ "value": "{color.flare.200.value}"
100
+ }
101
+ }
102
+ }
103
+ }
104
+ }
@@ -1,136 +1,128 @@
1
1
  {
2
2
  "advanced": {
3
- "boolean": {
4
- "indicator": {
5
- "default": {
6
- "value": "{color.white.value}",
7
- "type": "semantic",
8
- "public": true,
3
+ "color": {
4
+ "boolean": {
5
+ "disabledInverse": {
9
6
  "default": true,
10
- "usage": "Boolean indicator color",
11
- "deprecated": false
7
+ "deprecated": false,
8
+ "public": true,
9
+ "type": "semantic",
10
+ "usage": "Boolean disabled inverse state color",
11
+ "value": "{color.neutral.600.value}"
12
12
  },
13
- "inverse": {
14
- "value": "{color.status.error.800.value}",
13
+ "error": {
14
+ "default": true,
15
+ "deprecated": false,
16
+ "public": true,
15
17
  "type": "semantic",
18
+ "usage": "Boolean error state color",
19
+ "value": "{basic.color.status.error.value}"
20
+ },
21
+ "errorHover": {
22
+ "default": true,
23
+ "deprecated": false,
16
24
  "public": true,
25
+ "type": "semantic",
26
+ "usage": "Boolean error hover state color",
27
+ "value": "{color.status.error.800.value}"
28
+ },
29
+ "indicator": {
17
30
  "default": true,
18
- "usage": "Boolean indicator inverse color",
19
- "deprecated": false
20
- }
21
- },
22
- "isFalse": {
23
- "default": {
24
- "value": "{color.surface.default.value}",
31
+ "deprecated": false,
32
+ "public": true,
25
33
  "type": "semantic",
34
+ "usage": "Boolean indicator color",
35
+ "value": "{color.white.value}"
36
+ },
37
+ "indicatorInverse": {
38
+ "default": true,
39
+ "deprecated": false,
26
40
  "public": true,
41
+ "type": "semantic",
42
+ "usage": "Boolean indicator inverse color",
43
+ "value": "{basic.color.brand.primary.value}"
44
+ },
45
+ "isfalse": {
27
46
  "default": true,
47
+ "deprecated": false,
48
+ "public": true,
49
+ "type": "semantic",
28
50
  "usage": "Boolean false state color",
29
- "deprecated": false
51
+ "value": "{basic.color.surface.default.value}"
30
52
  },
31
- "hover": {
32
- "value": "{component.state.backgroundHover.value}",
33
- "type": "semantic",
34
- "public": true,
53
+ "isfalseBorder": {
35
54
  "default": true,
36
- "usage": "Boolean false hover state color",
37
- "deprecated": false
38
- },
39
- "border": {
40
- "value": "{color.border.bold.value}",
41
- "type": "semantic",
55
+ "deprecated": false,
42
56
  "public": true,
43
- "default": true,
57
+ "type": "semantic",
44
58
  "usage": "Boolean false border color",
45
- "deprecated": false
59
+ "value": "{basic.color.border.bold.value}"
46
60
  },
47
- "inverse": {
48
- "value": "{color.status.error.800.value}",
61
+ "isfalseBorderInverse": {
62
+ "default": true,
63
+ "deprecated": false,
64
+ "public": true,
49
65
  "type": "semantic",
66
+ "usage": "Boolean false inverse border color",
67
+ "value": "{color.white.value}"
68
+ },
69
+ "isfalseHover": {
70
+ "default": true,
71
+ "deprecated": false,
50
72
  "public": true,
73
+ "type": "semantic",
74
+ "usage": "Boolean false hover state color",
75
+ "value": "{advanced.color.state.backgroundInverseHover.value}"
76
+ },
77
+ "isfalseInverse": {
51
78
  "default": true,
79
+ "deprecated": false,
80
+ "public": true,
81
+ "type": "semantic",
52
82
  "usage": "Boolean false inverse state color",
53
- "deprecated": false
83
+ "value": "{advanced.color.shared.backgroundInverse.value}"
54
84
  },
55
- "inverseHover": {
56
- "value": "{color.status.error.800.value}",
57
- "type": "semantic",
58
- "public": true,
85
+ "isfalseInverseHover": {
59
86
  "default": true,
87
+ "deprecated": false,
88
+ "public": true,
89
+ "type": "semantic",
60
90
  "usage": "Boolean false inverse hover state color",
61
- "deprecated": false
91
+ "value": "{advanced.color.state.backgroundHover.value}"
62
92
  },
63
- "borderInverse": {
64
- "value": "{color.status.error.800.value}",
65
- "type": "semantic",
66
- "public": true,
93
+ "istrue": {
67
94
  "default": true,
68
- "usage": "Boolean false inverse border color",
69
- "deprecated": false
70
- }
71
- },
72
- "isTrue": {
73
- "default": {
74
- "value": "{color.brand.primary.value}",
75
- "type": "semantic",
95
+ "deprecated": false,
76
96
  "public": true,
77
- "default": true,
97
+ "type": "semantic",
78
98
  "usage": "Boolean true state color",
79
- "deprecated": false
99
+ "value": "{basic.color.brand.primary.value}"
80
100
  },
81
- "hover": {
82
- "value": "{color.brand.primaryBold.value}",
83
- "type": "semantic",
84
- "public": true,
101
+ "istrueHover": {
85
102
  "default": true,
103
+ "deprecated": false,
104
+ "public": true,
105
+ "type": "semantic",
86
106
  "usage": "Boolean true hover state color",
87
- "deprecated": false
107
+ "value": "{basic.color.brand.primaryBold.value}"
88
108
  },
89
- "inverse": {
90
- "value": "{color.status.error.800.value}",
91
- "type": "semantic",
92
- "public": true,
109
+ "istrueInverse": {
93
110
  "default": true,
94
- "usage": "Boolean true inverse state color",
95
- "deprecated": false
96
- },
97
- "inverseHover": {
98
- "value": "{color.status.error.800.value}",
99
- "type": "semantic",
111
+ "deprecated": false,
100
112
  "public": true,
101
- "default": true,
102
- "usage": "Boolean true inverse hover state color",
103
- "deprecated": false
104
- }
105
- },
106
- "error": {
107
- "default": {
108
- "value": "{color.status.error.value}",
109
113
  "type": "semantic",
110
- "public": true,
111
- "default": true,
112
- "usage": "Boolean error state color",
113
- "deprecated": false
114
+ "usage": "Boolean true inverse state color",
115
+ "value": "{color.white.value}"
114
116
  },
115
- "hover": {
116
- "value": "{color.status.error.800.value}",
117
- "type": "semantic",
118
- "public": true,
117
+ "istrueInverseHover": {
119
118
  "default": true,
120
- "usage": "Boolean error hover state color",
121
- "deprecated": false
122
- }
123
- },
124
- "disabled": {
125
- "inverse": {
126
- "value": "{color.status.error.800.value}",
127
- "type": "semantic",
119
+ "deprecated": false,
128
120
  "public": true,
129
- "default": true,
130
- "usage": "Boolean disabled inverse state color",
131
- "deprecated": false
121
+ "type": "semantic",
122
+ "usage": "Boolean true inverse hover state color",
123
+ "value": "{transparency.white.70.value}"
132
124
  }
133
125
  }
134
126
  }
135
127
  }
136
- }
128
+ }
@@ -0,0 +1,146 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "button": {
5
+ "primary": {
6
+ "background": {
7
+ "default": true,
8
+ "deprecated": false,
9
+ "public": true,
10
+ "type": "semantic",
11
+ "usage": "Primary button background color",
12
+ "value": "{basic.color.brand.primary.value}"
13
+ },
14
+ "backgroundActive": {
15
+ "default": true,
16
+ "deprecated": false,
17
+ "public": true,
18
+ "type": "semantic",
19
+ "usage": "Primary button background active color",
20
+ "value": "{basic.color.brand.primaryBold.value}"
21
+ },
22
+ "backgroundDisabled": {
23
+ "default": true,
24
+ "deprecated": false,
25
+ "public": true,
26
+ "type": "semantic",
27
+ "usage": "",
28
+ "value": "{color.midnight.300.value}"
29
+ },
30
+ "backgroundHover": {
31
+ "default": true,
32
+ "deprecated": false,
33
+ "public": true,
34
+ "type": "semantic",
35
+ "usage": "Primary button background hover color",
36
+ "value": "{basic.color.brand.primaryBold.value}"
37
+ },
38
+ "backgroundInactive": {
39
+ "default": true,
40
+ "deprecated": false,
41
+ "public": true,
42
+ "type": "semantic",
43
+ "usage": "",
44
+ "value": "{color.midnight.200.value}"
45
+ },
46
+ "backgroundInactiveHover": {
47
+ "default": true,
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
51
+ "usage": "",
52
+ "value": "{color.midnight.400.value}"
53
+ },
54
+ "backgroundInverse": {
55
+ "default": true,
56
+ "deprecated": false,
57
+ "public": true,
58
+ "type": "semantic",
59
+ "usage": "Primary button inverse background color",
60
+ "value": "{color.white.value}"
61
+ },
62
+ "backgroundInverseDisabled": {
63
+ "default": true,
64
+ "deprecated": false,
65
+ "public": true,
66
+ "type": "semantic",
67
+ "usage": "",
68
+ "value": "{transparency.white.75.value}"
69
+ },
70
+ "backgroundInverseHover": {
71
+ "default": true,
72
+ "deprecated": false,
73
+ "public": true,
74
+ "type": "semantic",
75
+ "usage": "Primary button inverse background hover color",
76
+ "value": "{basic.color.brand.primaryMuted.value}"
77
+ },
78
+ "border": {
79
+ "default": true,
80
+ "deprecated": false,
81
+ "public": true,
82
+ "type": "semantic",
83
+ "usage": "Primary button border color",
84
+ "value": "{basic.color.brand.primary.value}"
85
+ },
86
+ "borderDisabled": {
87
+ "default": true,
88
+ "deprecated": false,
89
+ "public": true,
90
+ "type": "semantic",
91
+ "usage": "",
92
+ "value": "{color.midnight.300.value}"
93
+ },
94
+ "borderHover": {
95
+ "default": true,
96
+ "deprecated": false,
97
+ "public": true,
98
+ "type": "semantic",
99
+ "usage": "Primary button border hover color",
100
+ "value": "{basic.color.brand.primaryBold.value}"
101
+ },
102
+ "borderInverse": {
103
+ "default": true,
104
+ "deprecated": false,
105
+ "public": true,
106
+ "type": "semantic",
107
+ "usage": "Primary button inverse border color",
108
+ "value": "{color.white.value}"
109
+ },
110
+ "borderInverseDisabled": {
111
+ "default": true,
112
+ "deprecated": false,
113
+ "public": true,
114
+ "type": "semantic",
115
+ "usage": "",
116
+ "value": "{transparency.white.75.value}"
117
+ },
118
+ "borderInverseHover": {
119
+ "default": true,
120
+ "deprecated": false,
121
+ "public": true,
122
+ "type": "semantic",
123
+ "usage": "Primary button inverse border hover color",
124
+ "value": "{basic.color.brand.primaryMuted.value}"
125
+ },
126
+ "text": {
127
+ "default": true,
128
+ "deprecated": false,
129
+ "public": true,
130
+ "type": "semantic",
131
+ "usage": "Primary button text color",
132
+ "value": "{color.white.value}"
133
+ },
134
+ "textInverse": {
135
+ "default": true,
136
+ "deprecated": false,
137
+ "public": true,
138
+ "type": "semantic",
139
+ "usage": "Primary button inverse text color",
140
+ "value": "{basic.color.brand.primary.value}"
141
+ }
142
+ }
143
+ }
144
+ }
145
+ }
146
+ }
@@ -0,0 +1,106 @@
1
+ {
2
+ "advanced": {
3
+ "color": {
4
+ "button": {
5
+ "secondary": {
6
+ "background": {
7
+ "default": true,
8
+ "deprecated": false,
9
+ "public": true,
10
+ "type": "semantic",
11
+ "usage": "Secondary button background color",
12
+ "value": "{color.white.value}"
13
+ },
14
+ "backgroundDisabled": {
15
+ "default": true,
16
+ "deprecated": false,
17
+ "public": true,
18
+ "type": "semantic",
19
+ "usage": "",
20
+ "value": "{color.gray.50.value}"
21
+ },
22
+ "backgroundHover": {
23
+ "default": true,
24
+ "deprecated": false,
25
+ "public": true,
26
+ "type": "semantic",
27
+ "usage": "Secondary button background hover color",
28
+ "value": "{color.gray.100.value}"
29
+ },
30
+ "backgroundInverseHover": {
31
+ "default": true,
32
+ "deprecated": false,
33
+ "public": true,
34
+ "type": "semantic",
35
+ "usage": "Secondary button inverse background hover color",
36
+ "value": "{transparency.white.10.value}"
37
+ },
38
+ "border": {
39
+ "default": true,
40
+ "deprecated": false,
41
+ "public": true,
42
+ "type": "semantic",
43
+ "usage": "Secondary button border color",
44
+ "value": "{basic.color.brand.primary.value}"
45
+ },
46
+ "borderHover": {
47
+ "default": true,
48
+ "deprecated": false,
49
+ "public": true,
50
+ "type": "semantic",
51
+ "usage": "Secondary button border hover color",
52
+ "value": "{basic.color.brand.primaryBold.value}"
53
+ },
54
+ "borderHoverDisabled": {
55
+ "default": true,
56
+ "deprecated": false,
57
+ "public": true,
58
+ "type": "semantic",
59
+ "usage": "",
60
+ "value": "{color.gray.50.value}"
61
+ },
62
+ "borderInverse": {
63
+ "default": true,
64
+ "deprecated": false,
65
+ "public": true,
66
+ "type": "semantic",
67
+ "usage": "Secondary button inverse border color",
68
+ "value": "{color.white.value}"
69
+ },
70
+ "borderInverseDisabled": {
71
+ "default": true,
72
+ "deprecated": false,
73
+ "public": true,
74
+ "type": "semantic",
75
+ "usage": "",
76
+ "value": "{basic.color.border.subtle.value}"
77
+ },
78
+ "text": {
79
+ "default": true,
80
+ "deprecated": false,
81
+ "public": true,
82
+ "type": "semantic",
83
+ "usage": "Secondary button text color",
84
+ "value": "{basic.color.brand.primary.value}"
85
+ },
86
+ "textHover": {
87
+ "default": true,
88
+ "deprecated": false,
89
+ "public": true,
90
+ "type": "semantic",
91
+ "usage": "Secondary button text hover color",
92
+ "value": "{basic.color.brand.primaryBold.value}"
93
+ },
94
+ "textInverse": {
95
+ "default": true,
96
+ "deprecated": false,
97
+ "public": true,
98
+ "type": "semantic",
99
+ "usage": "Secondary button inverse text color",
100
+ "value": "{color.white.value}"
101
+ }
102
+ }
103
+ }
104
+ }
105
+ }
106
+ }