@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
@@ -1,116 +1,132 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 11 Mar 2025 19:16:46 GMT
3
+ // Generated on Thu, 03 Apr 2025 20:02:52 GMT
4
4
 
5
- $ds-color-border-bold: #adadad;
6
- $ds-color-border-brand: #d0d0d0;
7
- $ds-color-border-default: #d0d0d0;
8
- $ds-color-border-divider: #00000026;
9
- $ds-color-border-divider-inverse: #ffffff66;
10
- $ds-color-border-inverse: #ffffff;
11
- $ds-color-border-subtle: #dddddd;
12
- $ds-color-brand-primary: #ce0c88;
13
- $ds-color-brand-primary-bold: #831a57;
14
- $ds-color-brand-primary-muted: #fdf1f8;
15
- $ds-color-brand-primary-subtle: #f0a5d2;
16
- $ds-color-brand-secondary: #463c8f;
17
- $ds-color-brand-secondary-bold: #31295c;
18
- $ds-color-brand-secondary-muted: #edeaf4;
19
- $ds-color-brand-secondary-subtle: #6b5da4;
20
- $ds-color-brand-tertiary: #ee453d;
21
- $ds-color-brand-tertiary-bold: #97322a;
22
- $ds-color-brand-tertiary-muted: #ffeeea;
23
- $ds-color-brand-tertiary-subtle: #ff9080;
24
- $ds-color-farebrand-basiceconomy: #d0d0d0;
25
- $ds-color-farebrand-business-first: #463c8f;
26
- $ds-color-farebrand-economy: #ce0c88;
27
- $ds-color-farebrand-premiumeconomy: #00a5ba;
28
- $ds-color-farebrand-oneworld-emerald: #139142;
29
- $ds-color-farebrand-oneworld-sapphire: #015daa;
30
- $ds-color-farebrand-oneworld-ruby: #a41d4a;
31
- $ds-color-pagebackground-default: #ffffff;
32
- $ds-color-pagebackground-utility: #f2f2f2;
33
- $ds-color-status-default: #463c8f;
34
- $ds-color-status-error: #e53339;
35
- $ds-color-status-error-subtle: #fddede;
36
- $ds-color-status-info: #007db1;
37
- $ds-color-status-info-subtle: #e8f2f8;
38
- $ds-color-status-success: #529325;
39
- $ds-color-status-success-subtle: #e4f1da;
40
- $ds-color-status-warning: #fac200;
41
- $ds-color-status-warning-subtle: #fff6d1;
42
- $ds-color-surface-accent1: #dddddd;
43
- $ds-color-surface-accent1-muted: #f7f7f7;
44
- $ds-color-surface-accent1-subtle: #f2f2f2;
45
- $ds-color-surface-accent2: #dddddd;
46
- $ds-color-surface-accent2-muted: #f7f7f7;
47
- $ds-color-surface-default: #ffffff;
48
- $ds-color-surface-inverse: #463c8f;
49
- $ds-color-surface-inverse-subtle: #6b5da4;
50
- $ds-color-surface-neutral-medium: #dddddd;
51
- $ds-color-surface-neutral-subtle: #f7f7f7;
52
- $ds-color-texticon-accent1: #000000;
53
- $ds-color-texticon-default: #000000;
54
- $ds-color-texticon-disabled: #d0d0d0;
55
- $ds-color-texticon-inverse: #ffffff;
56
- $ds-color-texticon-inverse-disabled: #d0d0d0;
57
- $ds-color-texticon-muted: #3d3d3d;
58
- $ds-component-selected-hover: #31295c;
59
- $ds-component-focused: #463c8f;
60
- $ds-component-inverse-focused: #ffffff;
61
- $ds-component-background: #ffffff;
62
- $ds-component-background-hover: #f2f2f2;
63
- $ds-component-background-disabled: #dddddd;
64
- $ds-component-background-muted: #f7f7f7;
65
- $ds-component-background-strong: #7e7e7e;
66
- $ds-component-button-primary-text: #ffffff;
67
- $ds-component-button-primary-border: #ce0c88;
68
- $ds-component-button-primary-border-hover: #831a57;
69
- $ds-component-button-primary-background: #ce0c88;
70
- $ds-component-button-primary-background-hover: #831a57;
71
- $ds-component-button-primary-background-active: #831a57;
72
- $ds-component-button-primary-text-inverse: #ce0c88;
73
- $ds-component-button-primary-border-inverse: #ffffff;
74
- $ds-component-button-primary-background-inverse: #ffffff;
75
- $ds-component-button-primary-border-inverse-hover: #fdf1f8;
76
- $ds-component-button-primary-background-inverse-hover: #fdf1f8;
77
- $ds-component-button-secondary-text: #ce0c88;
78
- $ds-component-button-secondary-text-hover: #463c8f;
79
- $ds-component-button-secondary-border: #d0d0d0;
80
- $ds-component-button-secondary-border-hover: #d0d0d0;
81
- $ds-component-button-secondary-background: #ffffff;
82
- $ds-component-button-secondary-background-hover: #f2f2f2;
83
- $ds-component-button-secondary-text-inverse: #ffffff;
84
- $ds-component-button-secondary-border-inverse: #ffffff;
85
- $ds-component-button-secondary-background-inverse-hover: #0000000d;
86
- $ds-component-button-tertiary-text: #ce0c88;
87
- $ds-component-button-tertiary-text-hover: #831a57;
88
- $ds-component-button-tertiary-background: #0000000d;
89
- $ds-component-button-tertiary-background-hover: #0000001a;
90
- $ds-component-button-tertiary-border: #0000000d;
91
- $ds-component-button-tertiary-border-hover: #0000001a;
92
- $ds-component-button-tertiary-text-inverse: #ffffff;
93
- $ds-component-button-tertiary-background-inverse: #ffffff0d;
94
- $ds-component-button-tertiary-background-inverse-hover: #ffffff1a;
95
- $ds-component-button-tertiary-border-inverse: #ffffff0d;
96
- $ds-component-button-tertiary-border-inverse-hover: #ffffff1a;
97
- $ds-component-boolean-indicator: #ffffff;
98
- $ds-component-boolean-is-false: #ffffff;
99
- $ds-component-boolean-is-false-hover: #f2f2f2;
100
- $ds-component-boolean-is-false-border: #adadad;
101
- $ds-component-boolean-is-true: #ce0c88;
102
- $ds-component-boolean-is-true-hover: #831a57;
103
- $ds-component-boolean-error: #e53339;
104
- $ds-component-boolean-error-hover: #b1161c;
105
- $ds-font-weight-display: Semibold;
106
- $ds-font-weight-body-default: Regular;
107
- $ds-font-weight-body-large: Regular;
108
- $ds-font-weight-body-small: Regular;
109
- $ds-font-weight-body-xsmall: Regular;
110
- $ds-font-weight-body-xxsmall: Regular;
111
- $ds-font-weight-heading-heading1: Regular;
112
- $ds-font-weight-heading-heading2: Regular;
113
- $ds-font-weight-heading-heading3: Medium;
114
- $ds-font-weight-heading-heading4: Medium;
115
- $ds-font-weight-heading-heading5: Medium;
116
- $ds-font-weight-heading-heading6: Medium;
5
+ $ds-advanced-color-boolean-indicator-default: #ffffff;
6
+ $ds-advanced-color-boolean-indicator-inverse: #463c8f;
7
+ $ds-advanced-color-boolean-is-false-default: #ffffff;
8
+ $ds-advanced-color-boolean-is-false-hover: #f2f2f2;
9
+ $ds-advanced-color-boolean-is-false-border: #adadad;
10
+ $ds-advanced-color-boolean-is-false-inverse: #ffffff0d;
11
+ $ds-advanced-color-boolean-is-false-inverse-hover: #f2f2f2;
12
+ $ds-advanced-color-boolean-is-false-border-inverse: #ffffff;
13
+ $ds-advanced-color-boolean-is-true-default: #463c8f;
14
+ $ds-advanced-color-boolean-is-true-hover: #31295c;
15
+ $ds-advanced-color-boolean-is-true-inverse: #ffffff;
16
+ $ds-advanced-color-boolean-is-true-inverse-hover: #ffffffb2;
17
+ $ds-advanced-color-boolean-error-default: #e53339;
18
+ $ds-advanced-color-boolean-error-hover: #b1161c;
19
+ $ds-advanced-color-boolean-disabled-inverse: #b1161c;
20
+ $ds-advanced-color-button-primary-text: #ffffff;
21
+ $ds-advanced-color-button-primary-border: #463c8f;
22
+ $ds-advanced-color-button-primary-border-hover: #31295c;
23
+ $ds-advanced-color-button-primary-border-disabled: #aca1cc;
24
+ $ds-advanced-color-button-primary-background: #463c8f;
25
+ $ds-advanced-color-button-primary-background-hover: #31295c;
26
+ $ds-advanced-color-button-primary-background-active: #31295c;
27
+ $ds-advanced-color-button-primary-background-disabled: #aca1cc;
28
+ $ds-advanced-color-button-primary-background-inactive: #ccc5e0;
29
+ $ds-advanced-color-button-primary-background-inactive-hover: #8c7eb8;
30
+ $ds-advanced-color-button-primary-text-inverse: #463c8f;
31
+ $ds-advanced-color-button-primary-border-inverse: #ffffff;
32
+ $ds-advanced-color-button-primary-border-inverse-disabled: #ffffffbf;
33
+ $ds-advanced-color-button-primary-background-inverse: #ffffff;
34
+ $ds-advanced-color-button-primary-border-inverse-hover: #edeaf4;
35
+ $ds-advanced-color-button-primary-background-inverse-hover: #edeaf4;
36
+ $ds-advanced-color-button-primary-background-inverse-disabled: #ffffffbf;
37
+ $ds-advanced-color-button-secondary-text: #463c8f;
38
+ $ds-advanced-color-button-secondary-text-hover: #31295c;
39
+ $ds-advanced-color-button-secondary-border: #d0d0d0;
40
+ $ds-advanced-color-button-secondary-border-hover: #d0d0d0;
41
+ $ds-advanced-color-button-secondary-border-hover-disabled: #f7f7f7;
42
+ $ds-advanced-color-button-secondary-background: #ffffff;
43
+ $ds-advanced-color-button-secondary-background-disabled: #f7f7f7;
44
+ $ds-advanced-color-button-secondary-background-hover: #f2f2f2;
45
+ $ds-advanced-color-button-secondary-text-inverse: #ffffff;
46
+ $ds-advanced-color-button-secondary-border-inverse: #ffffff;
47
+ $ds-advanced-color-button-secondary-border-inverse-disabled: #dddddd;
48
+ $ds-advanced-color-button-secondary-background-inverse-hover: #0000000d;
49
+ $ds-advanced-color-button-tertiary-text: #463c8f;
50
+ $ds-advanced-color-button-tertiary-text-hover: #31295c;
51
+ $ds-advanced-color-button-tertiary-background: #0000000d;
52
+ $ds-advanced-color-button-tertiary-background-hover: #0000001a;
53
+ $ds-advanced-color-button-tertiary-border: #0000000d;
54
+ $ds-advanced-color-button-tertiary-border-hover: #0000001a;
55
+ $ds-advanced-color-button-tertiary-text-inverse: #ffffff;
56
+ $ds-advanced-color-button-tertiary-background-inverse: #ffffff0d;
57
+ $ds-advanced-color-button-tertiary-background-inverse-hover: #ffffffe6;
58
+ $ds-advanced-color-button-tertiary-border-inverse: #ffffff0d;
59
+ $ds-advanced-color-button-tertiary-border-inverse-hover: #ffffffe6;
60
+ $ds-advanced-color-hyperlink-default: #463c8f;
61
+ $ds-advanced-color-hyperlink-hover: #31295c;
62
+ $ds-advanced-color-hyperlink-active: #31295c;
63
+ $ds-advanced-color-hyperlink-visited: #edeaf4;
64
+ $ds-advanced-color-hyperlink-disabled: #adadad;
65
+ $ds-advanced-color-hyperlink-inverse: #ffffff;
66
+ $ds-advanced-color-hyperlink-inverse-hover: #edeaf4;
67
+ $ds-advanced-color-background-default: #ffffff;
68
+ $ds-advanced-color-background-muted: #f7f7f7;
69
+ $ds-advanced-color-background-strong: #7e7e7e;
70
+ $ds-advanced-color-background-inverse: #ffffff0d;
71
+ $ds-advanced-color-text-accent: #463c8f;
72
+ $ds-advanced-color-state-focused-default: #463c8f;
73
+ $ds-advanced-color-state-focused-inverse: #ffffff;
74
+ $ds-advanced-color-state-selected-default: #463c8f;
75
+ $ds-advanced-color-state-selected-hover: #31295c;
76
+ $ds-advanced-color-state-background-hover: #f2f2f2;
77
+ $ds-advanced-color-state-background-disabled: #dddddd;
78
+ $ds-advanced-color-state-background-inverse-hover: #ffffff1a;
79
+ $ds-basic-color-border-bold: #adadad;
80
+ $ds-basic-color-border-brand: #463c8f;
81
+ $ds-basic-color-border-default: #d0d0d0;
82
+ $ds-basic-color-border-divider: #00000026;
83
+ $ds-basic-color-border-divider-inverse: #ffffff66;
84
+ $ds-basic-color-border-inverse: #ffffff;
85
+ $ds-basic-color-border-subtle: #dddddd;
86
+ $ds-basic-color-brand-primary: #463c8f;
87
+ $ds-basic-color-brand-primary-bold: #31295c;
88
+ $ds-basic-color-brand-primary-muted: #edeaf4;
89
+ $ds-basic-color-brand-primary-subtle: #8c7eb8;
90
+ $ds-basic-color-brand-secondary: #ce0c88;
91
+ $ds-basic-color-brand-secondary-bold: #831a57;
92
+ $ds-basic-color-brand-secondary-muted: #fdf1f8;
93
+ $ds-basic-color-brand-secondary-subtle: #e26db8;
94
+ $ds-basic-color-brand-tertiary: #ee453d;
95
+ $ds-basic-color-brand-tertiary-bold: #97322a;
96
+ $ds-basic-color-brand-tertiary-muted: #ffeeea;
97
+ $ds-basic-color-brand-tertiary-subtle: #ff9080;
98
+ $ds-basic-color-text-icon-accent1: #463c8f;
99
+ $ds-basic-color-text-icon-default: #000000;
100
+ $ds-basic-color-text-icon-disabled: #d0d0d0;
101
+ $ds-basic-color-text-icon-inverse: #ffffff;
102
+ $ds-basic-color-text-icon-inverse-disabled: #d0d0d0;
103
+ $ds-basic-color-text-icon-muted: #3d3d3d;
104
+ $ds-basic-color-fare-brand-basic-economy: #d0d0d0;
105
+ $ds-basic-color-fare-brand-business-first: #463c8f;
106
+ $ds-basic-color-fare-brand-economy: #ce0c88;
107
+ $ds-basic-color-fare-brand-first: #463c8f;
108
+ $ds-basic-color-fare-brand-premium-economy: #1b6976;
109
+ $ds-basic-color-fare-brand-one-world-emerald: #139142;
110
+ $ds-basic-color-fare-brand-one-world-sapphire: #015daa;
111
+ $ds-basic-color-fare-brand-one-world-ruby: #a41d4a;
112
+ $ds-basic-color-page-background-default: #ffffff;
113
+ $ds-basic-color-page-background-utility: #f2f2f2;
114
+ $ds-basic-color-status-default: #afb9c6;
115
+ $ds-basic-color-status-error: #e53339;
116
+ $ds-basic-color-status-error-subtle: #fddede;
117
+ $ds-basic-color-status-info: #007db1;
118
+ $ds-basic-color-status-info-subtle: #e8f2f8;
119
+ $ds-basic-color-status-success: #529325;
120
+ $ds-basic-color-status-success-subtle: #e4f1da;
121
+ $ds-basic-color-status-warning: #fac200;
122
+ $ds-basic-color-status-warning-subtle: #fff6d1;
123
+ $ds-basic-color-surface-accent1: #aca1cc;
124
+ $ds-basic-color-surface-accent1-muted: #edeaf4;
125
+ $ds-basic-color-surface-accent1-subtle: #aca1cc;
126
+ $ds-basic-color-surface-accent2: #f7f7f7;
127
+ $ds-basic-color-surface-accent2-muted: #f7f7f7;
128
+ $ds-basic-color-surface-default: #ffffff;
129
+ $ds-basic-color-surface-inverse: #463c8f;
130
+ $ds-basic-color-surface-inverse-subtle: #8c7eb8;
131
+ $ds-basic-color-surface-neutral-medium: #dddddd;
132
+ $ds-basic-color-surface-neutral-subtle: #f7f7f7;
@@ -1,120 +1,136 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Tue, 11 Mar 2025 19:16:46 GMT
4
+ Generated on Thu, 03 Apr 2025 20:02:52 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
8
- 'ds-color-border-bold': (#adadad),
9
- 'ds-color-border-brand': (#d0d0d0),
10
- 'ds-color-border-default': (#d0d0d0),
11
- 'ds-color-border-divider': (#00000026),
12
- 'ds-color-border-divider-inverse': (#ffffff66),
13
- 'ds-color-border-inverse': (#ffffff),
14
- 'ds-color-border-subtle': (#dddddd),
15
- 'ds-color-brand-primary': (#ce0c88),
16
- 'ds-color-brand-primary-bold': (#831a57),
17
- 'ds-color-brand-primary-muted': (#fdf1f8),
18
- 'ds-color-brand-primary-subtle': (#f0a5d2),
19
- 'ds-color-brand-secondary': (#463c8f),
20
- 'ds-color-brand-secondary-bold': (#31295c),
21
- 'ds-color-brand-secondary-muted': (#edeaf4),
22
- 'ds-color-brand-secondary-subtle': (#6b5da4),
23
- 'ds-color-brand-tertiary': (#ee453d),
24
- 'ds-color-brand-tertiary-bold': (#97322a),
25
- 'ds-color-brand-tertiary-muted': (#ffeeea),
26
- 'ds-color-brand-tertiary-subtle': (#ff9080),
27
- 'ds-color-farebrand-basiceconomy': (#d0d0d0),
28
- 'ds-color-farebrand-business-first': (#463c8f),
29
- 'ds-color-farebrand-economy': (#ce0c88),
30
- 'ds-color-farebrand-premiumeconomy': (#00a5ba),
31
- 'ds-color-farebrand-oneworld-emerald': (#139142),
32
- 'ds-color-farebrand-oneworld-sapphire': (#015daa),
33
- 'ds-color-farebrand-oneworld-ruby': (#a41d4a),
34
- 'ds-color-pagebackground-default': (#ffffff),
35
- 'ds-color-pagebackground-utility': (#f2f2f2),
36
- 'ds-color-status-default': (#463c8f),
37
- 'ds-color-status-error': (#e53339),
38
- 'ds-color-status-error-subtle': (#fddede),
39
- 'ds-color-status-info': (#007db1),
40
- 'ds-color-status-info-subtle': (#e8f2f8),
41
- 'ds-color-status-success': (#529325),
42
- 'ds-color-status-success-subtle': (#e4f1da),
43
- 'ds-color-status-warning': (#fac200),
44
- 'ds-color-status-warning-subtle': (#fff6d1),
45
- 'ds-color-surface-accent1': (#dddddd),
46
- 'ds-color-surface-accent1-muted': (#f7f7f7),
47
- 'ds-color-surface-accent1-subtle': (#f2f2f2),
48
- 'ds-color-surface-accent2': (#dddddd),
49
- 'ds-color-surface-accent2-muted': (#f7f7f7),
50
- 'ds-color-surface-default': (#ffffff),
51
- 'ds-color-surface-inverse': (#463c8f),
52
- 'ds-color-surface-inverse-subtle': (#6b5da4),
53
- 'ds-color-surface-neutral-medium': (#dddddd),
54
- 'ds-color-surface-neutral-subtle': (#f7f7f7),
55
- 'ds-color-texticon-accent1': (#000000),
56
- 'ds-color-texticon-default': (#000000),
57
- 'ds-color-texticon-disabled': (#d0d0d0),
58
- 'ds-color-texticon-inverse': (#ffffff),
59
- 'ds-color-texticon-inverse-disabled': (#d0d0d0),
60
- 'ds-color-texticon-muted': (#3d3d3d),
61
- 'ds-component-selected-hover': (#31295c),
62
- 'ds-component-focused': (#463c8f),
63
- 'ds-component-inverse-focused': (#ffffff),
64
- 'ds-component-background': (#ffffff),
65
- 'ds-component-background-hover': (#f2f2f2),
66
- 'ds-component-background-disabled': (#dddddd),
67
- 'ds-component-background-muted': (#f7f7f7),
68
- 'ds-component-background-strong': (#7e7e7e),
69
- 'ds-component-button-primary-text': (#ffffff),
70
- 'ds-component-button-primary-border': (#ce0c88),
71
- 'ds-component-button-primary-border-hover': (#831a57),
72
- 'ds-component-button-primary-background': (#ce0c88),
73
- 'ds-component-button-primary-background-hover': (#831a57),
74
- 'ds-component-button-primary-background-active': (#831a57),
75
- 'ds-component-button-primary-text-inverse': (#ce0c88),
76
- 'ds-component-button-primary-border-inverse': (#ffffff),
77
- 'ds-component-button-primary-background-inverse': (#ffffff),
78
- 'ds-component-button-primary-border-inverse-hover': (#fdf1f8),
79
- 'ds-component-button-primary-background-inverse-hover': (#fdf1f8),
80
- 'ds-component-button-secondary-text': (#ce0c88),
81
- 'ds-component-button-secondary-text-hover': (#463c8f),
82
- 'ds-component-button-secondary-border': (#d0d0d0),
83
- 'ds-component-button-secondary-border-hover': (#d0d0d0),
84
- 'ds-component-button-secondary-background': (#ffffff),
85
- 'ds-component-button-secondary-background-hover': (#f2f2f2),
86
- 'ds-component-button-secondary-text-inverse': (#ffffff),
87
- 'ds-component-button-secondary-border-inverse': (#ffffff),
88
- 'ds-component-button-secondary-background-inverse-hover': (#0000000d),
89
- 'ds-component-button-tertiary-text': (#ce0c88),
90
- 'ds-component-button-tertiary-text-hover': (#831a57),
91
- 'ds-component-button-tertiary-background': (#0000000d),
92
- 'ds-component-button-tertiary-background-hover': (#0000001a),
93
- 'ds-component-button-tertiary-border': (#0000000d),
94
- 'ds-component-button-tertiary-border-hover': (#0000001a),
95
- 'ds-component-button-tertiary-text-inverse': (#ffffff),
96
- 'ds-component-button-tertiary-background-inverse': (#ffffff0d),
97
- 'ds-component-button-tertiary-background-inverse-hover': (#ffffff1a),
98
- 'ds-component-button-tertiary-border-inverse': (#ffffff0d),
99
- 'ds-component-button-tertiary-border-inverse-hover': (#ffffff1a),
100
- 'ds-component-boolean-indicator': (#ffffff),
101
- 'ds-component-boolean-is-false': (#ffffff),
102
- 'ds-component-boolean-is-false-hover': (#f2f2f2),
103
- 'ds-component-boolean-is-false-border': (#adadad),
104
- 'ds-component-boolean-is-true': (#ce0c88),
105
- 'ds-component-boolean-is-true-hover': (#831a57),
106
- 'ds-component-boolean-error': (#e53339),
107
- 'ds-component-boolean-error-hover': (#b1161c),
108
- 'ds-font-weight-display': (Semibold),
109
- 'ds-font-weight-body-default': (Regular),
110
- 'ds-font-weight-body-large': (Regular),
111
- 'ds-font-weight-body-small': (Regular),
112
- 'ds-font-weight-body-xsmall': (Regular),
113
- 'ds-font-weight-body-xxsmall': (Regular),
114
- 'ds-font-weight-heading-heading1': (Regular),
115
- 'ds-font-weight-heading-heading2': (Regular),
116
- 'ds-font-weight-heading-heading3': (Medium),
117
- 'ds-font-weight-heading-heading4': (Medium),
118
- 'ds-font-weight-heading-heading5': (Medium),
119
- 'ds-font-weight-heading-heading6': (Medium)
8
+ 'ds-advanced-color-boolean-indicator-default': (#ffffff),
9
+ 'ds-advanced-color-boolean-indicator-inverse': (#463c8f),
10
+ 'ds-advanced-color-boolean-is-false-default': (#ffffff),
11
+ 'ds-advanced-color-boolean-is-false-hover': (#f2f2f2),
12
+ 'ds-advanced-color-boolean-is-false-border': (#adadad),
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': (#463c8f),
17
+ 'ds-advanced-color-boolean-is-true-hover': (#31295c),
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': (#e53339),
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': (#463c8f),
25
+ 'ds-advanced-color-button-primary-border-hover': (#31295c),
26
+ 'ds-advanced-color-button-primary-border-disabled': (#aca1cc),
27
+ 'ds-advanced-color-button-primary-background': (#463c8f),
28
+ 'ds-advanced-color-button-primary-background-hover': (#31295c),
29
+ 'ds-advanced-color-button-primary-background-active': (#31295c),
30
+ 'ds-advanced-color-button-primary-background-disabled': (#aca1cc),
31
+ 'ds-advanced-color-button-primary-background-inactive': (#ccc5e0),
32
+ 'ds-advanced-color-button-primary-background-inactive-hover': (#8c7eb8),
33
+ 'ds-advanced-color-button-primary-text-inverse': (#463c8f),
34
+ 'ds-advanced-color-button-primary-border-inverse': (#ffffff),
35
+ 'ds-advanced-color-button-primary-border-inverse-disabled': (#ffffffbf),
36
+ 'ds-advanced-color-button-primary-background-inverse': (#ffffff),
37
+ 'ds-advanced-color-button-primary-border-inverse-hover': (#edeaf4),
38
+ 'ds-advanced-color-button-primary-background-inverse-hover': (#edeaf4),
39
+ 'ds-advanced-color-button-primary-background-inverse-disabled': (#ffffffbf),
40
+ 'ds-advanced-color-button-secondary-text': (#463c8f),
41
+ 'ds-advanced-color-button-secondary-text-hover': (#31295c),
42
+ 'ds-advanced-color-button-secondary-border': (#d0d0d0),
43
+ 'ds-advanced-color-button-secondary-border-hover': (#d0d0d0),
44
+ 'ds-advanced-color-button-secondary-border-hover-disabled': (#f7f7f7),
45
+ 'ds-advanced-color-button-secondary-background': (#ffffff),
46
+ 'ds-advanced-color-button-secondary-background-disabled': (#f7f7f7),
47
+ 'ds-advanced-color-button-secondary-background-hover': (#f2f2f2),
48
+ 'ds-advanced-color-button-secondary-text-inverse': (#ffffff),
49
+ 'ds-advanced-color-button-secondary-border-inverse': (#ffffff),
50
+ 'ds-advanced-color-button-secondary-border-inverse-disabled': (#dddddd),
51
+ 'ds-advanced-color-button-secondary-background-inverse-hover': (#0000000d),
52
+ 'ds-advanced-color-button-tertiary-text': (#463c8f),
53
+ 'ds-advanced-color-button-tertiary-text-hover': (#31295c),
54
+ 'ds-advanced-color-button-tertiary-background': (#0000000d),
55
+ 'ds-advanced-color-button-tertiary-background-hover': (#0000001a),
56
+ 'ds-advanced-color-button-tertiary-border': (#0000000d),
57
+ 'ds-advanced-color-button-tertiary-border-hover': (#0000001a),
58
+ 'ds-advanced-color-button-tertiary-text-inverse': (#ffffff),
59
+ 'ds-advanced-color-button-tertiary-background-inverse': (#ffffff0d),
60
+ 'ds-advanced-color-button-tertiary-background-inverse-hover': (#ffffffe6),
61
+ 'ds-advanced-color-button-tertiary-border-inverse': (#ffffff0d),
62
+ 'ds-advanced-color-button-tertiary-border-inverse-hover': (#ffffffe6),
63
+ 'ds-advanced-color-hyperlink-default': (#463c8f),
64
+ 'ds-advanced-color-hyperlink-hover': (#31295c),
65
+ 'ds-advanced-color-hyperlink-active': (#31295c),
66
+ 'ds-advanced-color-hyperlink-visited': (#edeaf4),
67
+ 'ds-advanced-color-hyperlink-disabled': (#adadad),
68
+ 'ds-advanced-color-hyperlink-inverse': (#ffffff),
69
+ 'ds-advanced-color-hyperlink-inverse-hover': (#edeaf4),
70
+ 'ds-advanced-color-background-default': (#ffffff),
71
+ 'ds-advanced-color-background-muted': (#f7f7f7),
72
+ 'ds-advanced-color-background-strong': (#7e7e7e),
73
+ 'ds-advanced-color-background-inverse': (#ffffff0d),
74
+ 'ds-advanced-color-text-accent': (#463c8f),
75
+ 'ds-advanced-color-state-focused-default': (#463c8f),
76
+ 'ds-advanced-color-state-focused-inverse': (#ffffff),
77
+ 'ds-advanced-color-state-selected-default': (#463c8f),
78
+ 'ds-advanced-color-state-selected-hover': (#31295c),
79
+ 'ds-advanced-color-state-background-hover': (#f2f2f2),
80
+ 'ds-advanced-color-state-background-disabled': (#dddddd),
81
+ 'ds-advanced-color-state-background-inverse-hover': (#ffffff1a),
82
+ 'ds-basic-color-border-bold': (#adadad),
83
+ 'ds-basic-color-border-brand': (#463c8f),
84
+ 'ds-basic-color-border-default': (#d0d0d0),
85
+ 'ds-basic-color-border-divider': (#00000026),
86
+ 'ds-basic-color-border-divider-inverse': (#ffffff66),
87
+ 'ds-basic-color-border-inverse': (#ffffff),
88
+ 'ds-basic-color-border-subtle': (#dddddd),
89
+ 'ds-basic-color-brand-primary': (#463c8f),
90
+ 'ds-basic-color-brand-primary-bold': (#31295c),
91
+ 'ds-basic-color-brand-primary-muted': (#edeaf4),
92
+ 'ds-basic-color-brand-primary-subtle': (#8c7eb8),
93
+ 'ds-basic-color-brand-secondary': (#ce0c88),
94
+ 'ds-basic-color-brand-secondary-bold': (#831a57),
95
+ 'ds-basic-color-brand-secondary-muted': (#fdf1f8),
96
+ 'ds-basic-color-brand-secondary-subtle': (#e26db8),
97
+ 'ds-basic-color-brand-tertiary': (#ee453d),
98
+ 'ds-basic-color-brand-tertiary-bold': (#97322a),
99
+ 'ds-basic-color-brand-tertiary-muted': (#ffeeea),
100
+ 'ds-basic-color-brand-tertiary-subtle': (#ff9080),
101
+ 'ds-basic-color-text-icon-accent1': (#463c8f),
102
+ 'ds-basic-color-text-icon-default': (#000000),
103
+ 'ds-basic-color-text-icon-disabled': (#d0d0d0),
104
+ 'ds-basic-color-text-icon-inverse': (#ffffff),
105
+ 'ds-basic-color-text-icon-inverse-disabled': (#d0d0d0),
106
+ 'ds-basic-color-text-icon-muted': (#3d3d3d),
107
+ 'ds-basic-color-fare-brand-basic-economy': (#d0d0d0),
108
+ 'ds-basic-color-fare-brand-business-first': (#463c8f),
109
+ 'ds-basic-color-fare-brand-economy': (#ce0c88),
110
+ 'ds-basic-color-fare-brand-first': (#463c8f),
111
+ 'ds-basic-color-fare-brand-premium-economy': (#1b6976),
112
+ 'ds-basic-color-fare-brand-one-world-emerald': (#139142),
113
+ 'ds-basic-color-fare-brand-one-world-sapphire': (#015daa),
114
+ 'ds-basic-color-fare-brand-one-world-ruby': (#a41d4a),
115
+ 'ds-basic-color-page-background-default': (#ffffff),
116
+ 'ds-basic-color-page-background-utility': (#f2f2f2),
117
+ 'ds-basic-color-status-default': (#afb9c6),
118
+ 'ds-basic-color-status-error': (#e53339),
119
+ 'ds-basic-color-status-error-subtle': (#fddede),
120
+ 'ds-basic-color-status-info': (#007db1),
121
+ 'ds-basic-color-status-info-subtle': (#e8f2f8),
122
+ 'ds-basic-color-status-success': (#529325),
123
+ 'ds-basic-color-status-success-subtle': (#e4f1da),
124
+ 'ds-basic-color-status-warning': (#fac200),
125
+ 'ds-basic-color-status-warning-subtle': (#fff6d1),
126
+ 'ds-basic-color-surface-accent1': (#aca1cc),
127
+ 'ds-basic-color-surface-accent1-muted': (#edeaf4),
128
+ 'ds-basic-color-surface-accent1-subtle': (#aca1cc),
129
+ 'ds-basic-color-surface-accent2': (#f7f7f7),
130
+ 'ds-basic-color-surface-accent2-muted': (#f7f7f7),
131
+ 'ds-basic-color-surface-default': (#ffffff),
132
+ 'ds-basic-color-surface-inverse': (#463c8f),
133
+ 'ds-basic-color-surface-inverse-subtle': (#8c7eb8),
134
+ 'ds-basic-color-surface-neutral-medium': (#dddddd),
135
+ 'ds-basic-color-surface-neutral-subtle': (#f7f7f7)
120
136
  );