@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,119 +1,133 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 14 Mar 2025 18:27:56 GMT
3
+ * Generated on Thu, 03 Apr 2025 22:28:55 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --ds-color-border-bold: #585e67;
8
- --ds-color-border-brand: #01426a;
9
- --ds-color-border-default: #959595;
10
- --ds-color-border-divider: #00000026;
11
- --ds-color-border-divider-inverse: #ffffff66;
12
- --ds-color-border-inverse: #ffffff;
13
- --ds-color-border-subtle: #dddddd;
14
- --ds-color-brand-primary: #01426a;
15
- --ds-color-brand-primary-bold: #00274a;
16
- --ds-color-brand-primary-muted: #ebf3f9;
17
- --ds-color-brand-primary-subtle: #2875b5;
18
- --ds-color-brand-secondary: #5de3f7;
19
- --ds-color-brand-secondary-bold: #18c3dd;
20
- --ds-color-brand-secondary-muted: #ebfafd;
21
- --ds-color-brand-secondary-subtle: #b4eff9;
22
- --ds-color-brand-tertiary: #a3cd6a;
23
- --ds-color-brand-tertiary-bold: #7daf3b;
24
- --ds-color-brand-tertiary-muted: #eaf3dd;
25
- --ds-color-brand-tertiary-subtle: #c9e1a7;
26
- --ds-color-farebrand-basiceconomy: #97eaf8;
27
- --ds-color-farebrand-business-first: #00274a;
28
- --ds-color-farebrand-economy: #0074ca;
29
- --ds-color-farebrand-premiumeconomy: #005154;
30
- --ds-color-farebrand-oneworld-emerald: #139142;
31
- --ds-color-farebrand-oneworld-sapphire: #015daa;
32
- --ds-color-farebrand-oneworld-ruby: #a41d4a;
33
- --ds-color-pagebackground-default: #ebfafd;
34
- --ds-color-pagebackground-utility: #ffffff;
35
- --ds-color-status-default: #afb9c6;
36
- --ds-color-status-error: #e53339;
37
- --ds-color-status-error-subtle: #fddede;
38
- --ds-color-status-info: #01426a;
39
- --ds-color-status-info-subtle: #e8f2f8;
40
- --ds-color-status-success: #529325;
41
- --ds-color-status-success-subtle: #e4f1da;
42
- --ds-color-status-warning: #fac200;
43
- --ds-color-status-warning-subtle: #fff6d1;
44
- --ds-color-surface-accent1: #5de3f7;
45
- --ds-color-surface-accent1-muted: #ebfafd;
46
- --ds-color-surface-accent1-subtle: #b4eff9;
47
- --ds-color-surface-accent2: #a3cd6a;
48
- --ds-color-surface-accent2-muted: #eaf3dd;
49
- --ds-color-surface-default: #ffffff;
50
- --ds-color-surface-inverse: #00274a;
51
- --ds-color-surface-inverse-subtle: #2875b5;
52
- --ds-color-surface-neutral-medium: #c5c5c5;
53
- --ds-color-surface-neutral-subtle: #f2f2f2;
54
- --ds-color-texticon-accent1: #00274a;
55
- --ds-color-texticon-default: #2a2a2a;
56
- --ds-color-texticon-disabled: #d0d0d0;
57
- --ds-color-texticon-inverse: #ffffff;
58
- --ds-color-texticon-inverse-disabled: #d0d0d0;
59
- --ds-color-texticon-muted: #676767;
60
- --ds-component-selected-hover: #00274a;
61
- --ds-component-focused: #01426a;
62
- --ds-component-inverse-focused: #ffffff;
63
- --ds-component-background: #ffffff;
64
- --ds-component-background-hover: #f2f2f2;
65
- --ds-component-background-disabled: #dddddd;
66
- --ds-component-background-muted: #f7f7f7;
67
- --ds-component-background-strong: #7e7e7e;
68
- --ds-component-button-primary-text: #ffffff;
69
- --ds-component-button-primary-border: #01426a;
70
- --ds-component-button-primary-border-hover: #00274a;
71
- --ds-component-button-primary-background: #01426a;
72
- --ds-component-button-primary-background-hover: #00274a;
73
- --ds-component-button-primary-background-active: #00274a;
74
- --ds-component-button-primary-text-inverse: #01426a;
75
- --ds-component-button-primary-border-inverse: #ffffff;
76
- --ds-component-button-primary-background-inverse: #ffffff;
77
- --ds-component-button-primary-border-inverse-hover: #ebf3f9;
78
- --ds-component-button-primary-background-inverse-hover: #ebf3f9;
79
- --ds-component-button-secondary-text: #01426a;
80
- --ds-component-button-secondary-text-hover: #00274a;
81
- --ds-component-button-secondary-border: #01426a;
82
- --ds-component-button-secondary-border-hover: #00274a;
83
- --ds-component-button-secondary-background: #ffffffcc;
84
- --ds-component-button-secondary-background-hover: #ffffff80;
85
- --ds-component-button-secondary-text-inverse: #ffffff;
86
- --ds-component-button-secondary-border-inverse: #ffffff;
87
- --ds-component-button-secondary-background-inverse-hover: #ffffffcc;
88
- --ds-component-button-tertiary-text: #01426a;
89
- --ds-component-button-tertiary-text-hover: #00274a;
90
- --ds-component-button-tertiary-background: #0000000d;
91
- --ds-component-button-tertiary-background-hover: #0000001a;
92
- --ds-component-button-tertiary-border: #0000000d;
93
- --ds-component-button-tertiary-border-hover: #0000001a;
94
- --ds-component-button-tertiary-text-inverse: #ffffff;
95
- --ds-component-button-tertiary-background-inverse: #ffffff0d;
96
- --ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
97
- --ds-component-button-tertiary-border-inverse: #ffffff0d;
98
- --ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
99
- --ds-component-boolean-indicator: #ffffff;
100
- --ds-component-boolean-is-false: #ffffff;
101
- --ds-component-boolean-is-false-hover: #f2f2f2;
102
- --ds-component-boolean-is-false-border: #585e67;
103
- --ds-component-boolean-is-true: #01426a;
104
- --ds-component-boolean-is-true-hover: #00274a;
105
- --ds-component-boolean-error: #e53339;
106
- --ds-component-boolean-error-hover: #b1161c;
107
- --ds-font-weight-body-default: Book;
108
- --ds-font-weight-body-large: Book;
109
- --ds-font-weight-body-small: Book;
110
- --ds-font-weight-body-xsmall: Book;
111
- --ds-font-weight-body-xxsmall: Book;
112
- --ds-font-weight-display: Light;
113
- --ds-font-weight-heading-heading1: Book;
114
- --ds-font-weight-heading-heading2: Book;
115
- --ds-font-weight-heading-heading3: Medium;
116
- --ds-font-weight-heading-heading4: Medium;
117
- --ds-font-weight-heading-heading5: Medium;
118
- --ds-font-weight-heading-heading6: Medium;
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;
119
133
  }
@@ -1,154 +1,206 @@
1
1
  {
2
- "color": {
3
- "border": {
4
- "bold": "#585e67",
5
- "brand": "#01426a",
6
- "default": "#959595",
7
- "divider": "#00000026",
8
- "dividerInverse": "#ffffff66",
9
- "inverse": "#ffffff",
10
- "subtle": "#dddddd"
11
- },
12
- "brand": {
13
- "primary": "#01426a",
14
- "primaryBold": "#00274a",
15
- "primaryMuted": "#ebf3f9",
16
- "primarySubtle": "#2875b5",
17
- "secondary": "#5de3f7",
18
- "secondaryBold": "#18c3dd",
19
- "secondaryMuted": "#ebfafd",
20
- "secondarySubtle": "#b4eff9",
21
- "tertiary": "#a3cd6a",
22
- "tertiaryBold": "#7daf3b",
23
- "tertiaryMuted": "#eaf3dd",
24
- "tertiarySubtle": "#c9e1a7"
25
- },
26
- "farebrand": {
27
- "basiceconomy": "#97eaf8",
28
- "businessFirst": "#00274a",
29
- "economy": "#0074ca",
30
- "premiumeconomy": "#005154",
31
- "oneworld": {
32
- "emerald": "#139142",
33
- "sapphire": "#015daa",
34
- "ruby": "#a41d4a"
35
- }
36
- },
37
- "pagebackground": {
38
- "default": "#ebfafd",
39
- "utility": "#ffffff"
40
- },
41
- "status": {
42
- "default": "#afb9c6",
43
- "error": "#e53339",
44
- "errorSubtle": "#fddede",
45
- "info": "#01426a",
46
- "infoSubtle": "#e8f2f8",
47
- "success": "#529325",
48
- "successSubtle": "#e4f1da",
49
- "warning": "#fac200",
50
- "warningSubtle": "#fff6d1"
51
- },
52
- "surface": {
53
- "accent1": "#5de3f7",
54
- "accent1Muted": "#ebfafd",
55
- "accent1Subtle": "#b4eff9",
56
- "accent2": "#a3cd6a",
57
- "accent2Muted": "#eaf3dd",
58
- "default": "#ffffff",
59
- "inverse": "#00274a",
60
- "inverseSubtle": "#2875b5",
61
- "neutralMedium": "#c5c5c5",
62
- "neutralSubtle": "#f2f2f2"
63
- },
64
- "texticon": {
65
- "accent1": "#00274a",
66
- "default": "#2a2a2a",
67
- "disabled": "#d0d0d0",
68
- "inverse": "#ffffff",
69
- "inverseDisabled": "#d0d0d0",
70
- "muted": "#676767"
71
- }
72
- },
73
- "component": {
74
- "selected": {
75
- "hover": "#00274a"
76
- },
77
- "focused": "#01426a",
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": "#01426a",
88
- "borderHover": "#00274a",
89
- "background": "#01426a",
90
- "backgroundHover": "#00274a",
91
- "backgroundActive": "#00274a",
92
- "textInverse": "#01426a",
93
- "borderInverse": "#ffffff",
94
- "backgroundInverse": "#ffffff",
95
- "borderInverseHover": "#ebf3f9",
96
- "backgroundInverseHover": "#ebf3f9"
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
+ }
97
30
  },
98
- "secondary": {
99
- "text": "#01426a",
100
- "textHover": "#00274a",
101
- "border": "#01426a",
102
- "borderHover": "#00274a",
103
- "background": "#ffffffcc",
104
- "backgroundHover": "#ffffff80",
105
- "textInverse": "#ffffff",
106
- "borderInverse": "#ffffff",
107
- "backgroundInverseHover": "#ffffffcc"
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
+ }
108
69
  },
109
- "tertiary": {
110
- "text": "#01426a",
111
- "textHover": "#00274a",
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"
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
+ }
121
102
  }
122
- },
123
- "boolean": {
124
- "indicator": "#ffffff",
125
- "isFalse": "#ffffff",
126
- "isFalseHover": "#f2f2f2",
127
- "isFalseBorder": "#585e67",
128
- "isTrue": "#01426a",
129
- "isTrueHover": "#00274a",
130
- "error": "#e53339",
131
- "errorHover": "#b1161c"
132
103
  }
133
104
  },
134
- "font": {
135
- "weight": {
136
- "body": {
137
- "default": "Book",
138
- "large": "Book",
139
- "small": "Book",
140
- "xsmall": "Book",
141
- "xxsmall": "Book"
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
+ }
142
143
  },
143
- "display": "Light",
144
- "heading": {
145
- "heading1": "Book",
146
- "heading2": "Book",
147
- "heading3": "Medium",
148
- "heading4": "Medium",
149
- "heading5": "Medium",
150
- "heading6": "Medium"
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"
151
198
  }
199
+ },
200
+ "cornerRadius": {
201
+ "small": "6px",
202
+ "medium": "6px",
203
+ "large": "100px"
152
204
  }
153
205
  }
154
206
  }