@aurodesignsystem/design-tokens 5.3.1 → 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 (87) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/CSSCustomProperties--bundled.css +255 -341
  3. package/dist/alaska/CSSCustomProperties--alaska.css +127 -113
  4. package/dist/alaska/JSONVariablesNested--alaska.json +195 -143
  5. package/dist/alaska/JSObject--allTokens.js +3442 -3039
  6. package/dist/alaska/SCSSVariables--alaska.scss +127 -113
  7. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +127 -113
  8. package/dist/alaska/primitives--alaska.scss +105 -75
  9. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  10. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  11. package/dist/auro-classic/JSData--color.js +1 -1
  12. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  13. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  14. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  15. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  16. package/dist/auro-classic/JSVariables--color.js +1 -1
  17. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  18. package/dist/auro-classic/SCSSVariables.scss +162 -162
  19. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  20. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  21. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  22. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  23. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +177 -143
  24. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  25. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  26. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  27. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  28. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  29. package/package.json +1 -1
  30. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  31. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  32. package/src/primitives/base/{typography.json → font.json} +102 -48
  33. package/src/primitives/base/transparency.json +7 -0
  34. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  35. package/src/themes/alaska/advanced/boolean.json +138 -0
  36. package/src/themes/alaska/advanced/button.json +262 -0
  37. package/src/themes/alaska/advanced/hyperlink.json +64 -0
  38. package/src/themes/alaska/advanced/shared.json +48 -0
  39. package/src/themes/alaska/advanced/state.json +72 -0
  40. package/src/themes/alaska/basic/color/border.json +66 -0
  41. package/src/themes/alaska/basic/color/brand.json +104 -0
  42. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  43. package/src/themes/alaska/basic/color/page-background.json +24 -0
  44. package/src/themes/alaska/basic/color/status.json +81 -0
  45. package/src/themes/alaska/basic/color/surface.json +96 -0
  46. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  47. package/src/themes/alaska/basic/corner-radius.json +30 -0
  48. package/src/themes/alaska/basic/font/accent.json +288 -0
  49. package/src/themes/alaska/basic/font/body.json +63 -0
  50. package/src/themes/alaska/basic/font/display.json +248 -0
  51. package/src/themes/alaska/basic/font/heading.json +245 -0
  52. package/src/themes/alaska-classic/color.json +2 -2
  53. package/src/themes/alaska-classic/component/boolean.json +70 -0
  54. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  55. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  56. package/src/themes/alaska-classic/component/shared.json +46 -0
  57. package/src/themes/alaska-classic/component/state.json +70 -0
  58. package/src/themes/alaska-classic/typography.json +799 -107
  59. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  60. package/src/themes/hawaiian/advanced/button.json +334 -0
  61. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  62. package/src/themes/hawaiian/advanced/shared.json +48 -0
  63. package/src/themes/hawaiian/advanced/state.json +72 -0
  64. package/src/themes/hawaiian/basic/color/border.json +65 -0
  65. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  66. package/src/themes/hawaiian/basic/color/color.json +57 -0
  67. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  68. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  69. package/src/themes/hawaiian/basic/color/status.json +81 -0
  70. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  71. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  72. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  73. package/src/themes/hawaiian/basic/font/body.json +63 -0
  74. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  75. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  76. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  77. package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +0 -154
  78. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  79. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  80. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  81. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  82. package/src/themes/alaska/color.json +0 -444
  83. package/src/themes/alaska/component.json +0 -392
  84. package/src/themes/alaska/typography.json +0 -132
  85. package/src/themes/hawaiian/color.json +0 -444
  86. package/src/themes/hawaiian/component.json +0 -392
  87. package/src/themes/hawaiian/typography.json +0 -132
@@ -1,153 +1,187 @@
1
1
  {
2
- "color": {
3
- "border": {
4
- "bold": "#adadad",
5
- "brand": "#d0d0d0",
6
- "default": "#d0d0d0",
7
- "divider": "#00000026",
8
- "dividerInverse": "#ffffff66",
9
- "inverse": "#ffffff",
10
- "subtle": "#dddddd"
11
- },
12
- "brand": {
13
- "primary": "#ce0c88",
14
- "primaryBold": "#831a57",
15
- "primaryMuted": "#fdf1f8",
16
- "primarySubtle": "#f0a5d2",
17
- "secondary": "#463c8f",
18
- "secondaryBold": "#31295c",
19
- "secondaryMuted": "#edeaf4",
20
- "secondarySubtle": "#6b5da4",
21
- "tertiary": "#ee453d",
22
- "tertiaryBold": "#97322a",
23
- "tertiaryMuted": "#ffeeea",
24
- "tertiarySubtle": "#ff9080"
25
- },
26
- "farebrand": {
27
- "basiceconomy": "#d0d0d0",
28
- "businessFirst": "#463c8f",
29
- "economy": "#ce0c88",
30
- "premiumeconomy": "#00a5ba",
31
- "oneworld": {
32
- "emerald": "#139142",
33
- "sapphire": "#015daa",
34
- "ruby": "#a41d4a"
35
- }
36
- },
37
- "pagebackground": {
38
- "default": "#ffffff",
39
- "utility": "#f2f2f2"
40
- },
41
- "status": {
42
- "default": "#463c8f",
43
- "error": "#e53339",
44
- "errorSubtle": "#fddede",
45
- "info": "#007db1",
46
- "infoSubtle": "#e8f2f8",
47
- "success": "#529325",
48
- "successSubtle": "#e4f1da",
49
- "warning": "#fac200",
50
- "warningSubtle": "#fff6d1"
51
- },
52
- "surface": {
53
- "accent1": "#dddddd",
54
- "accent1Muted": "#f7f7f7",
55
- "accent1Subtle": "#f2f2f2",
56
- "accent2": "#dddddd",
57
- "accent2Muted": "#f7f7f7",
58
- "default": "#ffffff",
59
- "inverse": "#463c8f",
60
- "inverseSubtle": "#6b5da4",
61
- "neutralMedium": "#dddddd",
62
- "neutralSubtle": "#f7f7f7"
63
- },
64
- "texticon": {
65
- "accent1": "#000000",
66
- "default": "#000000",
67
- "disabled": "#d0d0d0",
68
- "inverse": "#ffffff",
69
- "inverseDisabled": "#d0d0d0",
70
- "muted": "#3d3d3d"
71
- }
72
- },
73
- "component": {
74
- "selected": {
75
- "hover": "#31295c"
76
- },
77
- "focused": "#463c8f",
78
- "inverseFocused": "#ffffff",
79
- "background": "#ffffff",
80
- "backgroundHover": "#f2f2f2",
81
- "backgroundDisabled": "#dddddd",
82
- "backgroundMuted": "#f7f7f7",
83
- "backgroundStrong": "#7e7e7e",
84
- "button": {
85
- "primary": {
86
- "text": "#ffffff",
87
- "border": "#ce0c88",
88
- "borderHover": "#831a57",
89
- "background": "#ce0c88",
90
- "backgroundHover": "#831a57",
91
- "backgroundActive": "#831a57",
92
- "textInverse": "#ce0c88",
93
- "borderInverse": "#ffffff",
94
- "backgroundInverse": "#ffffff",
95
- "borderInverseHover": "#fdf1f8",
96
- "backgroundInverseHover": "#fdf1f8"
2
+ "advanced": {
3
+ "color": {
4
+ "boolean": {
5
+ "indicator": {
6
+ "default": "#ffffff",
7
+ "inverse": "#463c8f"
8
+ },
9
+ "isFalse": {
10
+ "default": "#ffffff",
11
+ "hover": "#f2f2f2",
12
+ "border": "#adadad",
13
+ "inverse": "#ffffff0d",
14
+ "inverseHover": "#f2f2f2",
15
+ "borderInverse": "#ffffff"
16
+ },
17
+ "isTrue": {
18
+ "default": "#463c8f",
19
+ "hover": "#31295c",
20
+ "inverse": "#ffffff",
21
+ "inverseHover": "#ffffffb2"
22
+ },
23
+ "error": {
24
+ "default": "#e53339",
25
+ "hover": "#b1161c"
26
+ },
27
+ "disabled": {
28
+ "inverse": "#b1161c"
29
+ }
30
+ },
31
+ "button": {
32
+ "primary": {
33
+ "text": "#ffffff",
34
+ "border": "#463c8f",
35
+ "borderHover": "#31295c",
36
+ "borderDisabled": "#aca1cc",
37
+ "background": "#463c8f",
38
+ "backgroundHover": "#31295c",
39
+ "backgroundActive": "#31295c",
40
+ "backgroundDisabled": "#aca1cc",
41
+ "backgroundInactive": "#ccc5e0",
42
+ "backgroundInactiveHover": "#8c7eb8",
43
+ "textInverse": "#463c8f",
44
+ "borderInverse": "#ffffff",
45
+ "borderInverseDisabled": "#ffffffbf",
46
+ "backgroundInverse": "#ffffff",
47
+ "borderInverseHover": "#edeaf4",
48
+ "backgroundInverseHover": "#edeaf4",
49
+ "backgroundInverseDisabled": "#ffffffbf"
50
+ },
51
+ "secondary": {
52
+ "text": "#463c8f",
53
+ "textHover": "#31295c",
54
+ "border": "#d0d0d0",
55
+ "borderHover": "#d0d0d0",
56
+ "borderHoverDisabled": "#f7f7f7",
57
+ "background": "#ffffff",
58
+ "backgroundDisabled": "#f7f7f7",
59
+ "backgroundHover": "#f2f2f2",
60
+ "textInverse": "#ffffff",
61
+ "borderInverse": "#ffffff",
62
+ "borderInverseDisabled": "#dddddd",
63
+ "backgroundInverseHover": "#0000000d"
64
+ },
65
+ "tertiary": {
66
+ "text": "#463c8f",
67
+ "textHover": "#31295c",
68
+ "background": "#0000000d",
69
+ "backgroundHover": "#0000001a",
70
+ "border": "#0000000d",
71
+ "borderHover": "#0000001a",
72
+ "textInverse": "#ffffff",
73
+ "backgroundInverse": "#ffffff0d",
74
+ "backgroundInverseHover": "#ffffffe6",
75
+ "borderInverse": "#ffffff0d",
76
+ "borderInverseHover": "#ffffffe6"
77
+ }
78
+ },
79
+ "hyperlink": {
80
+ "default": "#463c8f",
81
+ "hover": "#31295c",
82
+ "active": "#31295c",
83
+ "visited": "#edeaf4",
84
+ "disabled": "#adadad",
85
+ "inverse": "#ffffff",
86
+ "inverseHover": "#edeaf4"
97
87
  },
98
- "secondary": {
99
- "text": "#ce0c88",
100
- "textHover": "#463c8f",
101
- "border": "#d0d0d0",
102
- "borderHover": "#d0d0d0",
103
- "background": "#ffffff",
104
- "backgroundHover": "#f2f2f2",
105
- "textInverse": "#ffffff",
106
- "borderInverse": "#ffffff",
107
- "backgroundInverseHover": "#0000000d"
88
+ "background": {
89
+ "default": "#ffffff",
90
+ "muted": "#f7f7f7",
91
+ "strong": "#7e7e7e",
92
+ "inverse": "#ffffff0d"
108
93
  },
109
- "tertiary": {
110
- "text": "#ce0c88",
111
- "textHover": "#831a57",
112
- "background": "#0000000d",
113
- "backgroundHover": "#0000001a",
114
- "border": "#0000000d",
115
- "borderHover": "#0000001a",
116
- "textInverse": "#ffffff",
117
- "backgroundInverse": "#ffffff0d",
118
- "backgroundInverseHover": "#ffffff1a",
119
- "borderInverse": "#ffffff0d",
120
- "borderInverseHover": "#ffffff1a"
94
+ "textAccent": "#463c8f",
95
+ "state": {
96
+ "focused": {
97
+ "default": "#463c8f",
98
+ "inverse": "#ffffff"
99
+ },
100
+ "selected": {
101
+ "default": "#463c8f",
102
+ "hover": "#31295c"
103
+ },
104
+ "background": {
105
+ "hover": "#f2f2f2",
106
+ "disabled": "#dddddd",
107
+ "inverse": {
108
+ "hover": "#ffffff1a"
109
+ }
110
+ }
121
111
  }
122
- },
123
- "boolean": {
124
- "indicator": "#ffffff",
125
- "isFalse": "#ffffff",
126
- "isFalseHover": "#f2f2f2",
127
- "isFalseBorder": "#adadad",
128
- "isTrue": "#ce0c88",
129
- "isTrueHover": "#831a57",
130
- "error": "#e53339",
131
- "errorHover": "#b1161c"
132
112
  }
133
113
  },
134
- "font": {
135
- "weight": {
136
- "display": "Semibold",
137
- "body": {
138
- "default": "Regular",
139
- "large": "Regular",
140
- "small": "Regular",
141
- "xsmall": "Regular",
142
- "xxsmall": "Regular"
114
+ "basic": {
115
+ "color": {
116
+ "border": {
117
+ "bold": "#adadad",
118
+ "brand": "#463c8f",
119
+ "default": "#d0d0d0",
120
+ "divider": "#00000026",
121
+ "dividerInverse": "#ffffff66",
122
+ "inverse": "#ffffff",
123
+ "subtle": "#dddddd"
124
+ },
125
+ "brand": {
126
+ "primary": "#463c8f",
127
+ "primaryBold": "#31295c",
128
+ "primaryMuted": "#edeaf4",
129
+ "primarySubtle": "#8c7eb8",
130
+ "secondary": "#ce0c88",
131
+ "secondaryBold": "#831a57",
132
+ "secondaryMuted": "#fdf1f8",
133
+ "secondarySubtle": "#e26db8",
134
+ "tertiary": "#ee453d",
135
+ "tertiaryBold": "#97322a",
136
+ "tertiaryMuted": "#ffeeea",
137
+ "tertiarySubtle": "#ff9080"
138
+ },
139
+ "texticon": {
140
+ "accent1": "#463c8f",
141
+ "default": "#000000",
142
+ "disabled": "#d0d0d0",
143
+ "inverse": "#ffffff",
144
+ "inverseDisabled": "#d0d0d0",
145
+ "muted": "#3d3d3d"
146
+ },
147
+ "fare": {
148
+ "basiceconomy": "#d0d0d0",
149
+ "businessfirst": "#463c8f",
150
+ "economy": "#ce0c88",
151
+ "first": "#463c8f",
152
+ "premiumeconomy": "#1b6976",
153
+ "oneworld": {
154
+ "emerald": "#139142",
155
+ "sapphire": "#015daa",
156
+ "ruby": "#a41d4a"
157
+ }
158
+ },
159
+ "pageBackground": {
160
+ "default": "#ffffff",
161
+ "utility": "#f2f2f2"
162
+ },
163
+ "status": {
164
+ "default": "#afb9c6",
165
+ "error": "#e53339",
166
+ "errorSubtle": "#fddede",
167
+ "info": "#007db1",
168
+ "infoSubtle": "#e8f2f8",
169
+ "success": "#529325",
170
+ "successSubtle": "#e4f1da",
171
+ "warning": "#fac200",
172
+ "warningSubtle": "#fff6d1"
143
173
  },
144
- "heading": {
145
- "heading1": "Regular",
146
- "heading2": "Regular",
147
- "heading3": "Medium",
148
- "heading4": "Medium",
149
- "heading5": "Medium",
150
- "heading6": "Medium"
174
+ "surface": {
175
+ "accent1": "#aca1cc",
176
+ "accent1Muted": "#edeaf4",
177
+ "accent1Subtle": "#aca1cc",
178
+ "accent2": "#f7f7f7",
179
+ "accent2Muted": "#f7f7f7",
180
+ "default": "#ffffff",
181
+ "inverse": "#463c8f",
182
+ "inverseSubtle": "#8c7eb8",
183
+ "neutralMedium": "#dddddd",
184
+ "neutralSubtle": "#f7f7f7"
151
185
  }
152
186
  }
153
187
  }