@aurodesignsystem/design-tokens 5.3.0 → 5.4.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 (84) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +44 -255
  3. package/dist/CSSCustomProperties--bundled.css +129 -345
  4. package/dist/auro-classic/CSSCustomProperties.css +162 -162
  5. package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
  6. package/dist/auro-classic/JSData--color.js +1 -1
  7. package/dist/auro-classic/JSONVariablesFlat.json +162 -162
  8. package/dist/auro-classic/JSONVariablesNested.json +452 -452
  9. package/dist/auro-classic/JSObject--allTokens.js +16610 -16610
  10. package/dist/auro-classic/JSObject--deprecated.js +17434 -17434
  11. package/dist/auro-classic/JSVariables--color.js +1 -1
  12. package/dist/auro-classic/SCSSVariableMap.scss +1 -1
  13. package/dist/auro-classic/SCSSVariables.scss +162 -162
  14. package/dist/auro-classic/SCSSVariablesMapFlat.scss +181 -181
  15. package/dist/auro-classic/SassCustomProperties.scss +162 -162
  16. package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
  17. package/dist/hawaiian/CSSCustomProperties--hawaiian.css +129 -113
  18. package/dist/hawaiian/JSONVariablesNested--hawaiian.json +188 -0
  19. package/dist/hawaiian/JSObject--allTokens.js +3362 -2893
  20. package/dist/hawaiian/SCSSVariables--hawaiian.scss +129 -113
  21. package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +129 -113
  22. package/dist/hawaiian/primitives--hawaiian.scss +202 -172
  23. package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
  24. package/package.json +1 -1
  25. package/src/primitives/alaska/{typography.json → font.json} +4 -11
  26. package/src/primitives/alaska-classic/{typography.json → font.json} +4 -11
  27. package/src/primitives/base/{typography.json → font.json} +102 -48
  28. package/src/primitives/base/transparency.json +7 -0
  29. package/src/primitives/hawaiian/{typography.json → font.json} +3 -11
  30. package/src/themes/alaska/advanced/boolean.json +136 -0
  31. package/src/themes/alaska/{component.json → advanced/button.json} +1 -133
  32. package/src/themes/alaska/advanced/hyperlink.json +62 -0
  33. package/src/themes/alaska/advanced/shared.json +46 -0
  34. package/src/themes/alaska/advanced/state.json +70 -0
  35. package/src/themes/alaska/basic/color/border.json +66 -0
  36. package/src/themes/alaska/basic/color/brand.json +108 -0
  37. package/src/themes/alaska/basic/color/fare-brand.json +74 -0
  38. package/src/themes/alaska/basic/color/page-background.json +24 -0
  39. package/src/themes/alaska/basic/color/status.json +88 -0
  40. package/src/themes/alaska/basic/color/surface.json +96 -0
  41. package/src/themes/alaska/basic/color/text-icon.json +96 -0
  42. package/src/themes/alaska/basic/corner-radius.json +30 -0
  43. package/src/themes/alaska/basic/font/accent.json +288 -0
  44. package/src/themes/alaska/basic/font/body.json +63 -0
  45. package/src/themes/alaska/basic/font/display.json +248 -0
  46. package/src/themes/alaska/basic/font/heading.json +245 -0
  47. package/src/themes/alaska-classic/component/boolean.json +70 -0
  48. package/src/themes/alaska-classic/{component.json → component/button.json} +1 -133
  49. package/src/themes/alaska-classic/component/hyperlink.json +62 -0
  50. package/src/themes/alaska-classic/component/shared.json +46 -0
  51. package/src/themes/alaska-classic/component/state.json +70 -0
  52. package/src/themes/alaska-classic/typography.json +799 -107
  53. package/src/themes/hawaiian/advanced/boolean.json +138 -0
  54. package/src/themes/hawaiian/advanced/button.json +334 -0
  55. package/src/themes/hawaiian/advanced/hyperlink.json +64 -0
  56. package/src/themes/hawaiian/advanced/shared.json +48 -0
  57. package/src/themes/hawaiian/advanced/state.json +72 -0
  58. package/src/themes/hawaiian/basic/color/border.json +65 -0
  59. package/src/themes/hawaiian/basic/color/brand.json +105 -0
  60. package/src/themes/hawaiian/basic/color/color.json +57 -0
  61. package/src/themes/hawaiian/basic/color/fare-brand.json +75 -0
  62. package/src/themes/hawaiian/basic/color/page-background.json +25 -0
  63. package/src/themes/hawaiian/basic/color/status.json +81 -0
  64. package/src/themes/hawaiian/basic/color/surface.json +89 -0
  65. package/src/themes/hawaiian/basic/color/text-icon.json +58 -0
  66. package/src/themes/hawaiian/basic/font/accent.json +288 -0
  67. package/src/themes/hawaiian/basic/font/body.json +63 -0
  68. package/src/themes/hawaiian/basic/font/heading.json +248 -0
  69. package/src/themes/hawaiian/basic/font/typography.json +248 -0
  70. package/dist/alaska/CSSCustomProperties--alaska.css +0 -119
  71. package/dist/alaska/JSObject--allTokens.js +0 -3731
  72. package/dist/alaska/SCSSVariables--alaska.scss +0 -116
  73. package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +0 -120
  74. package/dist/alaska/primitives--alaska.scss +0 -215
  75. package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +0 -119
  76. package/dist/alaska-classic/JSObject--allTokens.js +0 -3731
  77. package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +0 -116
  78. package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +0 -120
  79. package/dist/alaska-classic/primitives--alaskaClassic.scss +0 -215
  80. package/src/themes/alaska/color.json +0 -444
  81. package/src/themes/alaska/typography.json +0 -132
  82. package/src/themes/hawaiian/color.json +0 -444
  83. package/src/themes/hawaiian/component.json +0 -392
  84. package/src/themes/hawaiian/typography.json +0 -132
@@ -0,0 +1,188 @@
1
+ {
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"
87
+ },
88
+ "background": {
89
+ "default": "#ffffff",
90
+ "muted": "#f7f7f7",
91
+ "strong": "#7e7e7e",
92
+ "inverse": "#ffffff0d"
93
+ },
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
+ }
111
+ }
112
+ }
113
+ },
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
+ "fareBrand": {
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"
173
+ },
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"
185
+ }
186
+ }
187
+ }
188
+ }