@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.
- package/CHANGELOG.md +7 -0
- package/dist/CSSCustomProperties--bundled.css +145 -15
- package/dist/alaska/CSSCustomProperties--alaska.css +133 -0
- package/dist/alaska/JSONVariablesNested--alaska.json +206 -0
- package/dist/alaska/JSObject--allTokens.js +4134 -0
- package/dist/alaska/SCSSVariables--alaska.scss +130 -0
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +134 -0
- package/dist/alaska/primitives--alaska.scss +245 -0
- package/dist/auro-classic/CSSCustomProperties.css +1 -1
- package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
- package/dist/auro-classic/JSData--color.js +1 -1
- package/dist/auro-classic/JSObject--allTokens.js +1 -1
- package/dist/auro-classic/JSObject--deprecated.js +1 -1
- package/dist/auro-classic/JSVariables--color.js +1 -1
- package/dist/auro-classic/SCSSVariableMap.scss +1 -1
- package/dist/auro-classic/SCSSVariables.scss +1 -1
- package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
- package/dist/auro-classic/SassCustomProperties.scss +1 -1
- package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +15 -15
- package/dist/hawaiian/JSONVariablesNested--hawaiian.json +6 -6
- package/dist/hawaiian/JSObject--allTokens.js +61 -61
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +15 -15
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +15 -15
- package/dist/hawaiian/primitives--hawaiian.scss +1 -1
- package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
- package/package.json +1 -1
- package/src/themes/alaska/advanced/boolean.json +127 -125
- package/src/themes/alaska/advanced/button.json +253 -251
- package/src/themes/alaska/advanced/hyperlink.json +58 -56
- package/src/themes/alaska/advanced/shared.json +37 -35
- package/src/themes/alaska/advanced/state.json +56 -54
- package/src/themes/alaska/basic/color/border.json +1 -1
- package/src/themes/alaska/basic/color/brand.json +17 -21
- package/src/themes/alaska/basic/color/fare-brand.json +3 -3
- package/src/themes/alaska/basic/color/status.json +61 -68
- package/src/themes/alaska/basic/color/surface.json +3 -3
- package/src/themes/alaska/basic/color/text-icon.json +5 -5
- package/src/themes/alaska-classic/color.json +2 -2
- package/src/themes/hawaiian/basic/color/color.json +1 -1
- package/src/themes/hawaiian/basic/color/fare-brand.json +5 -5
- package/src/themes/hawaiian/basic/color/text-icon.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Semantic Release Automated Changelog
|
|
2
2
|
|
|
3
|
+
# [5.5.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.4.0...v5.5.0) (2025-04-03)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* update alaska theme tokens ([a6d7da0](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/a6d7da017bf2fba44f194085432d100e1dfd4f8e))
|
|
9
|
+
|
|
3
10
|
# [5.4.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.3.1...v5.4.0) (2025-04-03)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -1,8 +1,138 @@
|
|
|
1
1
|
/**
|
|
2
2
|
Do not edit directly
|
|
3
|
-
Generated on Thu, 03 Apr 2025
|
|
3
|
+
Generated on Thu, 03 Apr 2025 22:28:45 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
/* Properties from CSSCustomProperties--alaska.css */
|
|
7
|
+
[data-aag-theme="aag-theme-as"] {
|
|
8
|
+
--ds-advanced-color-boolean-indicator-default: #ffffff;
|
|
9
|
+
--ds-advanced-color-boolean-indicator-inverse: #01426a;
|
|
10
|
+
--ds-advanced-color-boolean-is-false-default: #01426a;
|
|
11
|
+
--ds-advanced-color-boolean-is-false-hover: #ffffff1a;
|
|
12
|
+
--ds-advanced-color-boolean-is-false-border: #00274a;
|
|
13
|
+
--ds-advanced-color-boolean-is-false-inverse: #ffffff0d;
|
|
14
|
+
--ds-advanced-color-boolean-is-false-inverse-hover: #f2f2f2;
|
|
15
|
+
--ds-advanced-color-boolean-is-false-border-inverse: #ffffff;
|
|
16
|
+
--ds-advanced-color-boolean-is-true-default: #01426a;
|
|
17
|
+
--ds-advanced-color-boolean-is-true-hover: #00274a;
|
|
18
|
+
--ds-advanced-color-boolean-is-true-inverse: #ffffff;
|
|
19
|
+
--ds-advanced-color-boolean-is-true-inverse-hover: #ffffffb2;
|
|
20
|
+
--ds-advanced-color-boolean-error-default: #e31f26;
|
|
21
|
+
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
22
|
+
--ds-advanced-color-boolean-disabled-inverse: #b1161c;
|
|
23
|
+
--ds-advanced-color-button-primary-text: #ffffff;
|
|
24
|
+
--ds-advanced-color-button-primary-border: #01426a;
|
|
25
|
+
--ds-advanced-color-button-primary-border-hover: #00274a;
|
|
26
|
+
--ds-advanced-color-button-primary-background: #01426a;
|
|
27
|
+
--ds-advanced-color-button-primary-background-hover: #00274a;
|
|
28
|
+
--ds-advanced-color-button-primary-background-active: #00274a;
|
|
29
|
+
--ds-advanced-color-button-primary-text-inverse: #01426a;
|
|
30
|
+
--ds-advanced-color-button-primary-border-inverse: #ffffff;
|
|
31
|
+
--ds-advanced-color-button-primary-background-inverse: #ffffff;
|
|
32
|
+
--ds-advanced-color-button-primary-border-inverse-hover: #ebf3f9;
|
|
33
|
+
--ds-advanced-color-button-primary-background-inverse-hover: #ebf3f9;
|
|
34
|
+
--ds-advanced-color-button-secondary-text: #01426a;
|
|
35
|
+
--ds-advanced-color-button-secondary-text-hover: #00274a;
|
|
36
|
+
--ds-advanced-color-button-secondary-border: #01426a;
|
|
37
|
+
--ds-advanced-color-button-secondary-border-hover: #00274a;
|
|
38
|
+
--ds-advanced-color-button-secondary-background: #ffffffcc;
|
|
39
|
+
--ds-advanced-color-button-secondary-background-hover: #ffffff80;
|
|
40
|
+
--ds-advanced-color-button-secondary-text-inverse: #ffffff;
|
|
41
|
+
--ds-advanced-color-button-secondary-border-inverse: #ffffff;
|
|
42
|
+
--ds-advanced-color-button-secondary-background-inverse-hover: #ffffffcc;
|
|
43
|
+
--ds-advanced-color-button-tertiary-text: #01426a;
|
|
44
|
+
--ds-advanced-color-button-tertiary-text-hover: #00274a;
|
|
45
|
+
--ds-advanced-color-button-tertiary-background: #0000000d;
|
|
46
|
+
--ds-advanced-color-button-tertiary-background-hover: #0000001a;
|
|
47
|
+
--ds-advanced-color-button-tertiary-border: #0000000d;
|
|
48
|
+
--ds-advanced-color-button-tertiary-border-hover: #0000001a;
|
|
49
|
+
--ds-advanced-color-button-tertiary-text-inverse: #ffffff;
|
|
50
|
+
--ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
|
|
51
|
+
--ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
|
|
52
|
+
--ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
|
|
53
|
+
--ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
|
|
54
|
+
--ds-advanced-color-hyperlink-default: #01426a;
|
|
55
|
+
--ds-advanced-color-hyperlink-hover: #00274a;
|
|
56
|
+
--ds-advanced-color-hyperlink-active: #00274a;
|
|
57
|
+
--ds-advanced-color-hyperlink-visited: #ebf3f9;
|
|
58
|
+
--ds-advanced-color-hyperlink-disabled: #adadad;
|
|
59
|
+
--ds-advanced-color-hyperlink-inverse: #ffffff;
|
|
60
|
+
--ds-advanced-color-hyperlink-inverse-hover: #ebf3f9;
|
|
61
|
+
--ds-advanced-color-background-default: #ffffff;
|
|
62
|
+
--ds-advanced-color-background-muted: #f7f7f7;
|
|
63
|
+
--ds-advanced-color-background-strong: #7e7e7e;
|
|
64
|
+
--ds-advanced-color-background-inverse: #ffffff0d;
|
|
65
|
+
--ds-advanced-color-text-accent: #2875b5;
|
|
66
|
+
--ds-advanced-color-state-focused-default: #01426a;
|
|
67
|
+
--ds-advanced-color-state-focused-inverse: #ffffff;
|
|
68
|
+
--ds-advanced-color-state-selected-default: #01426a;
|
|
69
|
+
--ds-advanced-color-state-selected-hover: #00274a;
|
|
70
|
+
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
71
|
+
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
72
|
+
--ds-advanced-color-state-background-inverse-hover: #ffffff1a;
|
|
73
|
+
--ds-basic-color-border-default: #01426a;
|
|
74
|
+
--ds-basic-color-border-subtle: #2875b5;
|
|
75
|
+
--ds-basic-color-border-bold: #00274a;
|
|
76
|
+
--ds-basic-color-border-brand: #01426a;
|
|
77
|
+
--ds-basic-color-border-inverse: #ffffff;
|
|
78
|
+
--ds-basic-color-border-divider-base: #00000026;
|
|
79
|
+
--ds-basic-color-border-divider-inverse: #ffffff66;
|
|
80
|
+
--ds-basic-color-brand-primary: #01426a;
|
|
81
|
+
--ds-basic-color-brand-primary-muted: #ebf3f9;
|
|
82
|
+
--ds-basic-color-brand-primary-subtle: #2875b5;
|
|
83
|
+
--ds-basic-color-brand-primary-bold: #00274a;
|
|
84
|
+
--ds-basic-color-brand-secondary: #5de3f7;
|
|
85
|
+
--ds-basic-color-brand-secondary-muted: #ebfafd;
|
|
86
|
+
--ds-basic-color-brand-secondary-subtle: #b4eff9;
|
|
87
|
+
--ds-basic-color-brand-secondary-bold: #18c3dd;
|
|
88
|
+
--ds-basic-color-brand-tertiary: #a3cd6a;
|
|
89
|
+
--ds-basic-color-brand-tertiary-muted: #eaf3dd;
|
|
90
|
+
--ds-basic-color-brand-tertiary-subtle: #c9e1a7;
|
|
91
|
+
--ds-basic-color-brand-tertiary-bold: #7daf3b;
|
|
92
|
+
--ds-basic-color-fare-basiceconomy: #97eaf8;
|
|
93
|
+
--ds-basic-color-fare-economy: #0074ca;
|
|
94
|
+
--ds-basic-color-fare-premiumeconomy: #005154;
|
|
95
|
+
--ds-basic-color-fare-business: #00274a;
|
|
96
|
+
--ds-basic-color-fare-first: #00274a;
|
|
97
|
+
--ds-basic-color-fare-oneworld-emerald: #139142;
|
|
98
|
+
--ds-basic-color-fare-oneworld-sapphire: #015daa;
|
|
99
|
+
--ds-basic-color-fare-oneworld-ruby: #a41d4a;
|
|
100
|
+
--ds-basic-color-page-background-default: #01426a;
|
|
101
|
+
--ds-basic-color-page-background-utility: #ebf3f9;
|
|
102
|
+
--ds-basic-color-status-default: #afb9c6;
|
|
103
|
+
--ds-basic-color-status-error: #e31f26;
|
|
104
|
+
--ds-basic-color-status-error-subtle: #fddede;
|
|
105
|
+
--ds-basic-color-status-info: #01426a;
|
|
106
|
+
--ds-basic-color-status-info-subtle: #ebf3f9;
|
|
107
|
+
--ds-basic-color-status-success: #447a1f;
|
|
108
|
+
--ds-basic-color-status-success-subtle: #e4f1da;
|
|
109
|
+
--ds-basic-color-status-warning: #fac200;
|
|
110
|
+
--ds-basic-color-status-warning-subtle: #fff6d1;
|
|
111
|
+
--ds-basic-color-surface-default: #01426a;
|
|
112
|
+
--ds-basic-color-surface-natural-subtle: #2875b5;
|
|
113
|
+
--ds-basic-color-surface-natural-medium: #ebf3f9;
|
|
114
|
+
--ds-basic-color-surface-inverse-base: #ffffff;
|
|
115
|
+
--ds-basic-color-surface-inverse-subtle: #dddddd;
|
|
116
|
+
--ds-basic-color-surface-accent1-base: #01426a;
|
|
117
|
+
--ds-basic-color-surface-accent1-subtle: #2875b5;
|
|
118
|
+
--ds-basic-color-surface-accent1-muted: #ebf3f9;
|
|
119
|
+
--ds-basic-color-surface-accent2-base: #959595;
|
|
120
|
+
--ds-basic-color-surface-accent2-muted: #c5c5c5;
|
|
121
|
+
--ds-basic-color-texticon-default: #2a2a2a;
|
|
122
|
+
--ds-basic-color-texticon-muted: #676767;
|
|
123
|
+
--ds-basic-color-texticon-disabled-base: #d0d0d0;
|
|
124
|
+
--ds-basic-color-texticon-disabled-inverse: #676767;
|
|
125
|
+
--ds-basic-color-texticon-link-default-base: #01426a;
|
|
126
|
+
--ds-basic-color-texticon-link-default-inverse: #ffffff;
|
|
127
|
+
--ds-basic-color-texticon-link-hover-base: #00274a;
|
|
128
|
+
--ds-basic-color-texticon-link-hover-inverse: #ebf3f9;
|
|
129
|
+
--ds-basic-color-texticon-accent1: #01426a;
|
|
130
|
+
--ds-basic-color-texticon-inverse: #ffffff;
|
|
131
|
+
--ds-basic-corner-radius-small: 6px;
|
|
132
|
+
--ds-basic-corner-radius-medium: 6px;
|
|
133
|
+
--ds-basic-corner-radius-large: 100px;
|
|
134
|
+
}
|
|
135
|
+
|
|
6
136
|
/* Properties from CSSCustomProperties--hawaiian.css */
|
|
7
137
|
[data-aag-theme="aag-theme-ha"] {
|
|
8
138
|
--ds-advanced-color-boolean-indicator-default: #ffffff;
|
|
@@ -98,20 +228,20 @@
|
|
|
98
228
|
--ds-basic-color-brand-tertiary-bold: #97322a;
|
|
99
229
|
--ds-basic-color-brand-tertiary-muted: #ffeeea;
|
|
100
230
|
--ds-basic-color-brand-tertiary-subtle: #ff9080;
|
|
101
|
-
--ds-basic-color-
|
|
102
|
-
--ds-basic-color-
|
|
103
|
-
--ds-basic-color-
|
|
104
|
-
--ds-basic-color-
|
|
105
|
-
--ds-basic-color-
|
|
106
|
-
--ds-basic-color-
|
|
107
|
-
--ds-basic-color-fare-
|
|
108
|
-
--ds-basic-color-fare-
|
|
109
|
-
--ds-basic-color-fare-
|
|
110
|
-
--ds-basic-color-fare-
|
|
111
|
-
--ds-basic-color-fare-
|
|
112
|
-
--ds-basic-color-fare-
|
|
113
|
-
--ds-basic-color-fare-
|
|
114
|
-
--ds-basic-color-fare-
|
|
231
|
+
--ds-basic-color-texticon-accent1: #463c8f;
|
|
232
|
+
--ds-basic-color-texticon-default: #000000;
|
|
233
|
+
--ds-basic-color-texticon-disabled: #d0d0d0;
|
|
234
|
+
--ds-basic-color-texticon-inverse: #ffffff;
|
|
235
|
+
--ds-basic-color-texticon-inverse-disabled: #d0d0d0;
|
|
236
|
+
--ds-basic-color-texticon-muted: #3d3d3d;
|
|
237
|
+
--ds-basic-color-fare-basiceconomy: #d0d0d0;
|
|
238
|
+
--ds-basic-color-fare-businessfirst: #463c8f;
|
|
239
|
+
--ds-basic-color-fare-economy: #ce0c88;
|
|
240
|
+
--ds-basic-color-fare-first: #463c8f;
|
|
241
|
+
--ds-basic-color-fare-premiumeconomy: #1b6976;
|
|
242
|
+
--ds-basic-color-fare-oneworld-emerald: #139142;
|
|
243
|
+
--ds-basic-color-fare-oneworld-sapphire: #015daa;
|
|
244
|
+
--ds-basic-color-fare-oneworld-ruby: #a41d4a;
|
|
115
245
|
--ds-basic-color-page-background-default: #ffffff;
|
|
116
246
|
--ds-basic-color-page-background-utility: #f2f2f2;
|
|
117
247
|
--ds-basic-color-status-default: #afb9c6;
|
|
@@ -0,0 +1,133 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Thu, 03 Apr 2025 22:28:55 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
:root {
|
|
7
|
+
--ds-advanced-color-boolean-indicator-default: #ffffff;
|
|
8
|
+
--ds-advanced-color-boolean-indicator-inverse: #01426a;
|
|
9
|
+
--ds-advanced-color-boolean-is-false-default: #01426a;
|
|
10
|
+
--ds-advanced-color-boolean-is-false-hover: #ffffff1a;
|
|
11
|
+
--ds-advanced-color-boolean-is-false-border: #00274a;
|
|
12
|
+
--ds-advanced-color-boolean-is-false-inverse: #ffffff0d;
|
|
13
|
+
--ds-advanced-color-boolean-is-false-inverse-hover: #f2f2f2;
|
|
14
|
+
--ds-advanced-color-boolean-is-false-border-inverse: #ffffff;
|
|
15
|
+
--ds-advanced-color-boolean-is-true-default: #01426a;
|
|
16
|
+
--ds-advanced-color-boolean-is-true-hover: #00274a;
|
|
17
|
+
--ds-advanced-color-boolean-is-true-inverse: #ffffff;
|
|
18
|
+
--ds-advanced-color-boolean-is-true-inverse-hover: #ffffffb2;
|
|
19
|
+
--ds-advanced-color-boolean-error-default: #e31f26;
|
|
20
|
+
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
21
|
+
--ds-advanced-color-boolean-disabled-inverse: #b1161c;
|
|
22
|
+
--ds-advanced-color-button-primary-text: #ffffff;
|
|
23
|
+
--ds-advanced-color-button-primary-border: #01426a;
|
|
24
|
+
--ds-advanced-color-button-primary-border-hover: #00274a;
|
|
25
|
+
--ds-advanced-color-button-primary-background: #01426a;
|
|
26
|
+
--ds-advanced-color-button-primary-background-hover: #00274a;
|
|
27
|
+
--ds-advanced-color-button-primary-background-active: #00274a;
|
|
28
|
+
--ds-advanced-color-button-primary-text-inverse: #01426a;
|
|
29
|
+
--ds-advanced-color-button-primary-border-inverse: #ffffff;
|
|
30
|
+
--ds-advanced-color-button-primary-background-inverse: #ffffff;
|
|
31
|
+
--ds-advanced-color-button-primary-border-inverse-hover: #ebf3f9;
|
|
32
|
+
--ds-advanced-color-button-primary-background-inverse-hover: #ebf3f9;
|
|
33
|
+
--ds-advanced-color-button-secondary-text: #01426a;
|
|
34
|
+
--ds-advanced-color-button-secondary-text-hover: #00274a;
|
|
35
|
+
--ds-advanced-color-button-secondary-border: #01426a;
|
|
36
|
+
--ds-advanced-color-button-secondary-border-hover: #00274a;
|
|
37
|
+
--ds-advanced-color-button-secondary-background: #ffffffcc;
|
|
38
|
+
--ds-advanced-color-button-secondary-background-hover: #ffffff80;
|
|
39
|
+
--ds-advanced-color-button-secondary-text-inverse: #ffffff;
|
|
40
|
+
--ds-advanced-color-button-secondary-border-inverse: #ffffff;
|
|
41
|
+
--ds-advanced-color-button-secondary-background-inverse-hover: #ffffffcc;
|
|
42
|
+
--ds-advanced-color-button-tertiary-text: #01426a;
|
|
43
|
+
--ds-advanced-color-button-tertiary-text-hover: #00274a;
|
|
44
|
+
--ds-advanced-color-button-tertiary-background: #0000000d;
|
|
45
|
+
--ds-advanced-color-button-tertiary-background-hover: #0000001a;
|
|
46
|
+
--ds-advanced-color-button-tertiary-border: #0000000d;
|
|
47
|
+
--ds-advanced-color-button-tertiary-border-hover: #0000001a;
|
|
48
|
+
--ds-advanced-color-button-tertiary-text-inverse: #ffffff;
|
|
49
|
+
--ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
|
|
50
|
+
--ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
|
|
51
|
+
--ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
|
|
52
|
+
--ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
|
|
53
|
+
--ds-advanced-color-hyperlink-default: #01426a;
|
|
54
|
+
--ds-advanced-color-hyperlink-hover: #00274a;
|
|
55
|
+
--ds-advanced-color-hyperlink-active: #00274a;
|
|
56
|
+
--ds-advanced-color-hyperlink-visited: #ebf3f9;
|
|
57
|
+
--ds-advanced-color-hyperlink-disabled: #adadad;
|
|
58
|
+
--ds-advanced-color-hyperlink-inverse: #ffffff;
|
|
59
|
+
--ds-advanced-color-hyperlink-inverse-hover: #ebf3f9;
|
|
60
|
+
--ds-advanced-color-background-default: #ffffff;
|
|
61
|
+
--ds-advanced-color-background-muted: #f7f7f7;
|
|
62
|
+
--ds-advanced-color-background-strong: #7e7e7e;
|
|
63
|
+
--ds-advanced-color-background-inverse: #ffffff0d;
|
|
64
|
+
--ds-advanced-color-text-accent: #2875b5;
|
|
65
|
+
--ds-advanced-color-state-focused-default: #01426a;
|
|
66
|
+
--ds-advanced-color-state-focused-inverse: #ffffff;
|
|
67
|
+
--ds-advanced-color-state-selected-default: #01426a;
|
|
68
|
+
--ds-advanced-color-state-selected-hover: #00274a;
|
|
69
|
+
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
70
|
+
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
71
|
+
--ds-advanced-color-state-background-inverse-hover: #ffffff1a;
|
|
72
|
+
--ds-basic-color-border-default: #01426a;
|
|
73
|
+
--ds-basic-color-border-subtle: #2875b5;
|
|
74
|
+
--ds-basic-color-border-bold: #00274a;
|
|
75
|
+
--ds-basic-color-border-brand: #01426a;
|
|
76
|
+
--ds-basic-color-border-inverse: #ffffff;
|
|
77
|
+
--ds-basic-color-border-divider-base: #00000026;
|
|
78
|
+
--ds-basic-color-border-divider-inverse: #ffffff66;
|
|
79
|
+
--ds-basic-color-brand-primary: #01426a;
|
|
80
|
+
--ds-basic-color-brand-primary-muted: #ebf3f9;
|
|
81
|
+
--ds-basic-color-brand-primary-subtle: #2875b5;
|
|
82
|
+
--ds-basic-color-brand-primary-bold: #00274a;
|
|
83
|
+
--ds-basic-color-brand-secondary: #5de3f7;
|
|
84
|
+
--ds-basic-color-brand-secondary-muted: #ebfafd;
|
|
85
|
+
--ds-basic-color-brand-secondary-subtle: #b4eff9;
|
|
86
|
+
--ds-basic-color-brand-secondary-bold: #18c3dd;
|
|
87
|
+
--ds-basic-color-brand-tertiary: #a3cd6a;
|
|
88
|
+
--ds-basic-color-brand-tertiary-muted: #eaf3dd;
|
|
89
|
+
--ds-basic-color-brand-tertiary-subtle: #c9e1a7;
|
|
90
|
+
--ds-basic-color-brand-tertiary-bold: #7daf3b;
|
|
91
|
+
--ds-basic-color-fare-basiceconomy: #97eaf8;
|
|
92
|
+
--ds-basic-color-fare-economy: #0074ca;
|
|
93
|
+
--ds-basic-color-fare-premiumeconomy: #005154;
|
|
94
|
+
--ds-basic-color-fare-business: #00274a;
|
|
95
|
+
--ds-basic-color-fare-first: #00274a;
|
|
96
|
+
--ds-basic-color-fare-oneworld-emerald: #139142;
|
|
97
|
+
--ds-basic-color-fare-oneworld-sapphire: #015daa;
|
|
98
|
+
--ds-basic-color-fare-oneworld-ruby: #a41d4a;
|
|
99
|
+
--ds-basic-color-page-background-default: #01426a;
|
|
100
|
+
--ds-basic-color-page-background-utility: #ebf3f9;
|
|
101
|
+
--ds-basic-color-status-default: #afb9c6;
|
|
102
|
+
--ds-basic-color-status-error: #e31f26;
|
|
103
|
+
--ds-basic-color-status-error-subtle: #fddede;
|
|
104
|
+
--ds-basic-color-status-info: #01426a;
|
|
105
|
+
--ds-basic-color-status-info-subtle: #ebf3f9;
|
|
106
|
+
--ds-basic-color-status-success: #447a1f;
|
|
107
|
+
--ds-basic-color-status-success-subtle: #e4f1da;
|
|
108
|
+
--ds-basic-color-status-warning: #fac200;
|
|
109
|
+
--ds-basic-color-status-warning-subtle: #fff6d1;
|
|
110
|
+
--ds-basic-color-surface-default: #01426a;
|
|
111
|
+
--ds-basic-color-surface-natural-subtle: #2875b5;
|
|
112
|
+
--ds-basic-color-surface-natural-medium: #ebf3f9;
|
|
113
|
+
--ds-basic-color-surface-inverse-base: #ffffff;
|
|
114
|
+
--ds-basic-color-surface-inverse-subtle: #dddddd;
|
|
115
|
+
--ds-basic-color-surface-accent1-base: #01426a;
|
|
116
|
+
--ds-basic-color-surface-accent1-subtle: #2875b5;
|
|
117
|
+
--ds-basic-color-surface-accent1-muted: #ebf3f9;
|
|
118
|
+
--ds-basic-color-surface-accent2-base: #959595;
|
|
119
|
+
--ds-basic-color-surface-accent2-muted: #c5c5c5;
|
|
120
|
+
--ds-basic-color-texticon-default: #2a2a2a;
|
|
121
|
+
--ds-basic-color-texticon-muted: #676767;
|
|
122
|
+
--ds-basic-color-texticon-disabled-base: #d0d0d0;
|
|
123
|
+
--ds-basic-color-texticon-disabled-inverse: #676767;
|
|
124
|
+
--ds-basic-color-texticon-link-default-base: #01426a;
|
|
125
|
+
--ds-basic-color-texticon-link-default-inverse: #ffffff;
|
|
126
|
+
--ds-basic-color-texticon-link-hover-base: #00274a;
|
|
127
|
+
--ds-basic-color-texticon-link-hover-inverse: #ebf3f9;
|
|
128
|
+
--ds-basic-color-texticon-accent1: #01426a;
|
|
129
|
+
--ds-basic-color-texticon-inverse: #ffffff;
|
|
130
|
+
--ds-basic-corner-radius-small: 6px;
|
|
131
|
+
--ds-basic-corner-radius-medium: 6px;
|
|
132
|
+
--ds-basic-corner-radius-large: 100px;
|
|
133
|
+
}
|
|
@@ -0,0 +1,206 @@
|
|
|
1
|
+
{
|
|
2
|
+
"advanced": {
|
|
3
|
+
"color": {
|
|
4
|
+
"boolean": {
|
|
5
|
+
"indicator": {
|
|
6
|
+
"default": "#ffffff",
|
|
7
|
+
"inverse": "#01426a"
|
|
8
|
+
},
|
|
9
|
+
"isFalse": {
|
|
10
|
+
"default": "#01426a",
|
|
11
|
+
"hover": "#ffffff1a",
|
|
12
|
+
"border": "#00274a",
|
|
13
|
+
"inverse": "#ffffff0d",
|
|
14
|
+
"inverseHover": "#f2f2f2",
|
|
15
|
+
"borderInverse": "#ffffff"
|
|
16
|
+
},
|
|
17
|
+
"isTrue": {
|
|
18
|
+
"default": "#01426a",
|
|
19
|
+
"hover": "#00274a",
|
|
20
|
+
"inverse": "#ffffff",
|
|
21
|
+
"inverseHover": "#ffffffb2"
|
|
22
|
+
},
|
|
23
|
+
"error": {
|
|
24
|
+
"default": "#e31f26",
|
|
25
|
+
"hover": "#b1161c"
|
|
26
|
+
},
|
|
27
|
+
"disabled": {
|
|
28
|
+
"inverse": "#b1161c"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
"button": {
|
|
32
|
+
"primary": {
|
|
33
|
+
"text": "#ffffff",
|
|
34
|
+
"border": "#01426a",
|
|
35
|
+
"borderHover": "#00274a",
|
|
36
|
+
"background": "#01426a",
|
|
37
|
+
"backgroundHover": "#00274a",
|
|
38
|
+
"backgroundActive": "#00274a",
|
|
39
|
+
"textInverse": "#01426a",
|
|
40
|
+
"borderInverse": "#ffffff",
|
|
41
|
+
"backgroundInverse": "#ffffff",
|
|
42
|
+
"borderInverseHover": "#ebf3f9",
|
|
43
|
+
"backgroundInverseHover": "#ebf3f9"
|
|
44
|
+
},
|
|
45
|
+
"secondary": {
|
|
46
|
+
"text": "#01426a",
|
|
47
|
+
"textHover": "#00274a",
|
|
48
|
+
"border": "#01426a",
|
|
49
|
+
"borderHover": "#00274a",
|
|
50
|
+
"background": "#ffffffcc",
|
|
51
|
+
"backgroundHover": "#ffffff80",
|
|
52
|
+
"textInverse": "#ffffff",
|
|
53
|
+
"borderInverse": "#ffffff",
|
|
54
|
+
"backgroundInverseHover": "#ffffffcc"
|
|
55
|
+
},
|
|
56
|
+
"tertiary": {
|
|
57
|
+
"text": "#01426a",
|
|
58
|
+
"textHover": "#00274a",
|
|
59
|
+
"background": "#0000000d",
|
|
60
|
+
"backgroundHover": "#0000001a",
|
|
61
|
+
"border": "#0000000d",
|
|
62
|
+
"borderHover": "#0000001a",
|
|
63
|
+
"textInverse": "#ffffff",
|
|
64
|
+
"backgroundInverse": "#ffffff0d",
|
|
65
|
+
"backgroundInverseHover": "#ffffffe6",
|
|
66
|
+
"borderInverse": "#ffffff0d",
|
|
67
|
+
"borderInverseHover": "#ffffffe6"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
"hyperlink": {
|
|
71
|
+
"default": "#01426a",
|
|
72
|
+
"hover": "#00274a",
|
|
73
|
+
"active": "#00274a",
|
|
74
|
+
"visited": "#ebf3f9",
|
|
75
|
+
"disabled": "#adadad",
|
|
76
|
+
"inverse": "#ffffff",
|
|
77
|
+
"inverseHover": "#ebf3f9"
|
|
78
|
+
},
|
|
79
|
+
"background": {
|
|
80
|
+
"default": "#ffffff",
|
|
81
|
+
"muted": "#f7f7f7",
|
|
82
|
+
"strong": "#7e7e7e",
|
|
83
|
+
"inverse": "#ffffff0d"
|
|
84
|
+
},
|
|
85
|
+
"textAccent": "#2875b5",
|
|
86
|
+
"state": {
|
|
87
|
+
"focused": {
|
|
88
|
+
"default": "#01426a",
|
|
89
|
+
"inverse": "#ffffff"
|
|
90
|
+
},
|
|
91
|
+
"selected": {
|
|
92
|
+
"default": "#01426a",
|
|
93
|
+
"hover": "#00274a"
|
|
94
|
+
},
|
|
95
|
+
"background": {
|
|
96
|
+
"hover": "#f2f2f2",
|
|
97
|
+
"disabled": "#dddddd",
|
|
98
|
+
"inverse": {
|
|
99
|
+
"hover": "#ffffff1a"
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
"basic": {
|
|
106
|
+
"color": {
|
|
107
|
+
"border": {
|
|
108
|
+
"default": "#01426a",
|
|
109
|
+
"subtle": "#2875b5",
|
|
110
|
+
"bold": "#00274a",
|
|
111
|
+
"brand": "#01426a",
|
|
112
|
+
"inverse": "#ffffff",
|
|
113
|
+
"divider": {
|
|
114
|
+
"base": "#00000026",
|
|
115
|
+
"inverse": "#ffffff66"
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
"brand": {
|
|
119
|
+
"primary": "#01426a",
|
|
120
|
+
"primaryMuted": "#ebf3f9",
|
|
121
|
+
"primarySubtle": "#2875b5",
|
|
122
|
+
"primaryBold": "#00274a",
|
|
123
|
+
"secondary": "#5de3f7",
|
|
124
|
+
"secondaryMuted": "#ebfafd",
|
|
125
|
+
"secondarySubtle": "#b4eff9",
|
|
126
|
+
"secondaryBold": "#18c3dd",
|
|
127
|
+
"tertiary": "#a3cd6a",
|
|
128
|
+
"tertiaryMuted": "#eaf3dd",
|
|
129
|
+
"tertiarySubtle": "#c9e1a7",
|
|
130
|
+
"tertiaryBold": "#7daf3b"
|
|
131
|
+
},
|
|
132
|
+
"fare": {
|
|
133
|
+
"basiceconomy": "#97eaf8",
|
|
134
|
+
"economy": "#0074ca",
|
|
135
|
+
"premiumeconomy": "#005154",
|
|
136
|
+
"business": "#00274a",
|
|
137
|
+
"first": "#00274a",
|
|
138
|
+
"oneworld": {
|
|
139
|
+
"emerald": "#139142",
|
|
140
|
+
"sapphire": "#015daa",
|
|
141
|
+
"ruby": "#a41d4a"
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
"pageBackground": {
|
|
145
|
+
"default": "#01426a",
|
|
146
|
+
"utility": "#ebf3f9"
|
|
147
|
+
},
|
|
148
|
+
"status": {
|
|
149
|
+
"default": "#afb9c6",
|
|
150
|
+
"error": "#e31f26",
|
|
151
|
+
"errorSubtle": "#fddede",
|
|
152
|
+
"info": "#01426a",
|
|
153
|
+
"infoSubtle": "#ebf3f9",
|
|
154
|
+
"success": "#447a1f",
|
|
155
|
+
"successSubtle": "#e4f1da",
|
|
156
|
+
"warning": "#fac200",
|
|
157
|
+
"warningSubtle": "#fff6d1"
|
|
158
|
+
},
|
|
159
|
+
"surface": {
|
|
160
|
+
"default": "#01426a",
|
|
161
|
+
"natural": {
|
|
162
|
+
"subtle": "#2875b5",
|
|
163
|
+
"medium": "#ebf3f9"
|
|
164
|
+
},
|
|
165
|
+
"inverse": {
|
|
166
|
+
"base": "#ffffff",
|
|
167
|
+
"subtle": "#dddddd"
|
|
168
|
+
},
|
|
169
|
+
"accent1": {
|
|
170
|
+
"base": "#01426a",
|
|
171
|
+
"subtle": "#2875b5",
|
|
172
|
+
"muted": "#ebf3f9"
|
|
173
|
+
},
|
|
174
|
+
"accent2": {
|
|
175
|
+
"base": "#959595",
|
|
176
|
+
"muted": "#c5c5c5"
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
"texticon": {
|
|
180
|
+
"default": "#2a2a2a",
|
|
181
|
+
"muted": "#676767",
|
|
182
|
+
"disabled": {
|
|
183
|
+
"base": "#d0d0d0",
|
|
184
|
+
"inverse": "#676767"
|
|
185
|
+
},
|
|
186
|
+
"link": {
|
|
187
|
+
"default": {
|
|
188
|
+
"base": "#01426a",
|
|
189
|
+
"inverse": "#ffffff"
|
|
190
|
+
},
|
|
191
|
+
"hover": {
|
|
192
|
+
"base": "#00274a",
|
|
193
|
+
"inverse": "#ebf3f9"
|
|
194
|
+
}
|
|
195
|
+
},
|
|
196
|
+
"accent1": "#01426a",
|
|
197
|
+
"inverse": "#ffffff"
|
|
198
|
+
}
|
|
199
|
+
},
|
|
200
|
+
"cornerRadius": {
|
|
201
|
+
"small": "6px",
|
|
202
|
+
"medium": "6px",
|
|
203
|
+
"large": "100px"
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|