@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 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Tue, 11 Mar 2025 19:16:46 GMT
4
-
5
- $ds-color-border-bold: #585e67;
6
- $ds-color-border-brand: #01426a;
7
- $ds-color-border-default: #959595;
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: #01426a;
13
- $ds-color-brand-primary-bold: #00274a;
14
- $ds-color-brand-primary-muted: #ebf3f9;
15
- $ds-color-brand-primary-subtle: #2875b5;
16
- $ds-color-brand-secondary: #5de3f7;
17
- $ds-color-brand-secondary-bold: #18c3dd;
18
- $ds-color-brand-secondary-muted: #ebfafd;
19
- $ds-color-brand-secondary-subtle: #b4eff9;
20
- $ds-color-brand-tertiary: #a3cd6a;
21
- $ds-color-brand-tertiary-bold: #7daf3b;
22
- $ds-color-brand-tertiary-muted: #eaf3dd;
23
- $ds-color-brand-tertiary-subtle: #c9e1a7;
24
- $ds-color-farebrand-basiceconomy: #97eaf8;
25
- $ds-color-farebrand-business-first: #00274a;
26
- $ds-color-farebrand-economy: #0074ca;
27
- $ds-color-farebrand-premiumeconomy: #005154;
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: #ebfafd;
32
- $ds-color-pagebackground-utility: #ffffff;
33
- $ds-color-status-default: #afb9c6;
34
- $ds-color-status-error: #e53339;
35
- $ds-color-status-error-subtle: #fddede;
36
- $ds-color-status-info: #01426a;
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: #5de3f7;
43
- $ds-color-surface-accent1-muted: #ebfafd;
44
- $ds-color-surface-accent1-subtle: #b4eff9;
45
- $ds-color-surface-accent2: #a3cd6a;
46
- $ds-color-surface-accent2-muted: #eaf3dd;
47
- $ds-color-surface-default: #ffffff;
48
- $ds-color-surface-inverse: #00274a;
49
- $ds-color-surface-inverse-subtle: #2875b5;
50
- $ds-color-surface-neutral-medium: #c5c5c5;
51
- $ds-color-surface-neutral-subtle: #f2f2f2;
52
- $ds-color-texticon-accent1: #00274a;
53
- $ds-color-texticon-default: #2a2a2a;
54
- $ds-color-texticon-disabled: #d0d0d0;
55
- $ds-color-texticon-inverse: #ffffff;
56
- $ds-color-texticon-inverse-disabled: #d0d0d0;
57
- $ds-color-texticon-muted: #676767;
58
- $ds-component-selected-hover: #00274a;
59
- $ds-component-focused: #01426a;
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: #01426a;
68
- $ds-component-button-primary-border-hover: #00274a;
69
- $ds-component-button-primary-background: #01426a;
70
- $ds-component-button-primary-background-hover: #00274a;
71
- $ds-component-button-primary-background-active: #00274a;
72
- $ds-component-button-primary-text-inverse: #01426a;
73
- $ds-component-button-primary-border-inverse: #ffffff;
74
- $ds-component-button-primary-background-inverse: #ffffff;
75
- $ds-component-button-primary-border-inverse-hover: #ebf3f9;
76
- $ds-component-button-primary-background-inverse-hover: #ebf3f9;
77
- $ds-component-button-secondary-text: #01426a;
78
- $ds-component-button-secondary-text-hover: #00274a;
79
- $ds-component-button-secondary-border: #01426a;
80
- $ds-component-button-secondary-border-hover: #00274a;
81
- $ds-component-button-secondary-background: #ffffffcc;
82
- $ds-component-button-secondary-background-hover: #ffffff80;
83
- $ds-component-button-secondary-text-inverse: #ffffff;
84
- $ds-component-button-secondary-border-inverse: #ffffff;
85
- $ds-component-button-secondary-background-inverse-hover: #ffffffcc;
86
- $ds-component-button-tertiary-text: #01426a;
87
- $ds-component-button-tertiary-text-hover: #00274a;
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: #585e67;
101
- $ds-component-boolean-is-true: #01426a;
102
- $ds-component-boolean-is-true-hover: #00274a;
103
- $ds-component-boolean-error: #e53339;
104
- $ds-component-boolean-error-hover: #b1161c;
105
- $ds-font-weight-body-default: Book;
106
- $ds-font-weight-body-large: Book;
107
- $ds-font-weight-body-small: Book;
108
- $ds-font-weight-body-xsmall: Book;
109
- $ds-font-weight-body-xxsmall: Book;
110
- $ds-font-weight-display: Light;
111
- $ds-font-weight-heading-heading1: Book;
112
- $ds-font-weight-heading-heading2: Book;
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;
@@ -1,120 +0,0 @@
1
-
2
- /*
3
- Do not edit directly
4
- Generated on Tue, 11 Mar 2025 19:16:46 GMT
5
- */
6
-
7
- $auroTokens: (
8
- 'ds-color-border-bold': (#585e67),
9
- 'ds-color-border-brand': (#01426a),
10
- 'ds-color-border-default': (#959595),
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': (#01426a),
16
- 'ds-color-brand-primary-bold': (#00274a),
17
- 'ds-color-brand-primary-muted': (#ebf3f9),
18
- 'ds-color-brand-primary-subtle': (#2875b5),
19
- 'ds-color-brand-secondary': (#5de3f7),
20
- 'ds-color-brand-secondary-bold': (#18c3dd),
21
- 'ds-color-brand-secondary-muted': (#ebfafd),
22
- 'ds-color-brand-secondary-subtle': (#b4eff9),
23
- 'ds-color-brand-tertiary': (#a3cd6a),
24
- 'ds-color-brand-tertiary-bold': (#7daf3b),
25
- 'ds-color-brand-tertiary-muted': (#eaf3dd),
26
- 'ds-color-brand-tertiary-subtle': (#c9e1a7),
27
- 'ds-color-farebrand-basiceconomy': (#97eaf8),
28
- 'ds-color-farebrand-business-first': (#00274a),
29
- 'ds-color-farebrand-economy': (#0074ca),
30
- 'ds-color-farebrand-premiumeconomy': (#005154),
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': (#ebfafd),
35
- 'ds-color-pagebackground-utility': (#ffffff),
36
- 'ds-color-status-default': (#afb9c6),
37
- 'ds-color-status-error': (#e53339),
38
- 'ds-color-status-error-subtle': (#fddede),
39
- 'ds-color-status-info': (#01426a),
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': (#5de3f7),
46
- 'ds-color-surface-accent1-muted': (#ebfafd),
47
- 'ds-color-surface-accent1-subtle': (#b4eff9),
48
- 'ds-color-surface-accent2': (#a3cd6a),
49
- 'ds-color-surface-accent2-muted': (#eaf3dd),
50
- 'ds-color-surface-default': (#ffffff),
51
- 'ds-color-surface-inverse': (#00274a),
52
- 'ds-color-surface-inverse-subtle': (#2875b5),
53
- 'ds-color-surface-neutral-medium': (#c5c5c5),
54
- 'ds-color-surface-neutral-subtle': (#f2f2f2),
55
- 'ds-color-texticon-accent1': (#00274a),
56
- 'ds-color-texticon-default': (#2a2a2a),
57
- 'ds-color-texticon-disabled': (#d0d0d0),
58
- 'ds-color-texticon-inverse': (#ffffff),
59
- 'ds-color-texticon-inverse-disabled': (#d0d0d0),
60
- 'ds-color-texticon-muted': (#676767),
61
- 'ds-component-selected-hover': (#00274a),
62
- 'ds-component-focused': (#01426a),
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': (#01426a),
71
- 'ds-component-button-primary-border-hover': (#00274a),
72
- 'ds-component-button-primary-background': (#01426a),
73
- 'ds-component-button-primary-background-hover': (#00274a),
74
- 'ds-component-button-primary-background-active': (#00274a),
75
- 'ds-component-button-primary-text-inverse': (#01426a),
76
- 'ds-component-button-primary-border-inverse': (#ffffff),
77
- 'ds-component-button-primary-background-inverse': (#ffffff),
78
- 'ds-component-button-primary-border-inverse-hover': (#ebf3f9),
79
- 'ds-component-button-primary-background-inverse-hover': (#ebf3f9),
80
- 'ds-component-button-secondary-text': (#01426a),
81
- 'ds-component-button-secondary-text-hover': (#00274a),
82
- 'ds-component-button-secondary-border': (#01426a),
83
- 'ds-component-button-secondary-border-hover': (#00274a),
84
- 'ds-component-button-secondary-background': (#ffffffcc),
85
- 'ds-component-button-secondary-background-hover': (#ffffff80),
86
- 'ds-component-button-secondary-text-inverse': (#ffffff),
87
- 'ds-component-button-secondary-border-inverse': (#ffffff),
88
- 'ds-component-button-secondary-background-inverse-hover': (#ffffffcc),
89
- 'ds-component-button-tertiary-text': (#01426a),
90
- 'ds-component-button-tertiary-text-hover': (#00274a),
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': (#585e67),
104
- 'ds-component-boolean-is-true': (#01426a),
105
- 'ds-component-boolean-is-true-hover': (#00274a),
106
- 'ds-component-boolean-error': (#e53339),
107
- 'ds-component-boolean-error-hover': (#b1161c),
108
- 'ds-font-weight-body-default': (Book),
109
- 'ds-font-weight-body-large': (Book),
110
- 'ds-font-weight-body-small': (Book),
111
- 'ds-font-weight-body-xsmall': (Book),
112
- 'ds-font-weight-body-xxsmall': (Book),
113
- 'ds-font-weight-display': (Light),
114
- 'ds-font-weight-heading-heading1': (Book),
115
- 'ds-font-weight-heading-heading2': (Book),
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)
120
- );
@@ -1,215 +0,0 @@
1
-
2
- // Do not edit directly
3
- // Generated on Tue, 11 Mar 2025 19:16:46 GMT
4
-
5
- $as-color-status-help-100: #e8f2f8;
6
- $as-color-status-help-200: #dbe6f0;
7
- $as-color-status-help-300: #abc7de;
8
- $as-color-status-help-400: #7eabcd;
9
- $as-color-status-help-500: #5494c0;
10
- $as-color-status-help-600: #007db1;
11
- $as-color-status-help-700: #136791;
12
- $as-color-status-help-800: #195170;
13
- $as-color-status-help-900: #193b51;
14
- $as-color-status-help-1000: #152734;
15
- $as-color-status-warn-100: #fff6d1;
16
- $as-color-status-warn-200: #ffe382;
17
- $as-color-status-warn-300: #fac200;
18
- $as-color-status-warn-400: #e0ae00;
19
- $as-color-status-warn-500: #bd9200;
20
- $as-color-status-warn-600: #9e7b00;
21
- $as-color-status-warn-700: #856700;
22
- $as-color-status-warn-800: #6b5300;
23
- $as-color-status-warn-900: #523f00;
24
- $as-color-status-warn-1000: #382b00;
25
- $as-color-black: #000000;
26
- $as-color-white: #ffffff;
27
- $as-color-oneworld-emerald: #139142;
28
- $as-color-oneworld-ruby: #a41d4a;
29
- $as-color-oneworld-sapphire: #015daa;
30
- $as-color-gray-50: #f7f7f7;
31
- $as-color-gray-100: #f2f2f2;
32
- $as-color-gray-200: #dddddd;
33
- $as-color-gray-250: #d0d0d0;
34
- $as-color-gray-300: #c5c5c5;
35
- $as-color-gray-400: #adadad;
36
- $as-color-gray-500: #959595;
37
- $as-color-gray-600: #7e7e7e;
38
- $as-color-gray-700: #676767;
39
- $as-color-gray-800: #525252;
40
- $as-color-gray-900: #3d3d3d;
41
- $as-color-gray-1000: #2a2a2a;
42
- $as-color-neutral-100: #f7f8fa;
43
- $as-color-neutral-200: #e4e8ec;
44
- $as-color-neutral-300: #ccd2db;
45
- $as-color-neutral-400: #afb9c6;
46
- $as-color-neutral-500: #939fad;
47
- $as-color-neutral-600: #7e8894;
48
- $as-color-neutral-700: #6a717c;
49
- $as-color-neutral-800: #585e67;
50
- $as-color-neutral-900: #484d55;
51
- $as-color-neutral-1000: #393d43;
52
- $as-color-atlas-100: #ebf7ff;
53
- $as-color-atlas-200: #aedeff;
54
- $as-color-atlas-300: #63beff;
55
- $as-color-atlas-400: #289bee;
56
- $as-color-atlas-500: #0074ca;
57
- $as-color-atlas-600: #005fa7;
58
- $as-color-atlas-700: #004b84;
59
- $as-color-atlas-800: #003761;
60
- $as-color-atlas-900: #002c4e;
61
- $as-color-atlas-1000: #101d2c;
62
- $as-color-azores-100: #e4f8f4;
63
- $as-color-azores-200: #cff1ea;
64
- $as-color-azores-300: #b0ebdf;
65
- $as-color-azores-400: #81d4c3;
66
- $as-color-azores-500: #4ca895;
67
- $as-color-azores-600: #009173;
68
- $as-color-azores-700: #006e58;
69
- $as-color-azores-800: #004b3c;
70
- $as-color-azores-900: #002820;
71
- $as-color-azores-1000: #000504;
72
- $as-color-bliss-100: #ebfafd;
73
- $as-color-bliss-200: #d0f4fb;
74
- $as-color-bliss-300: #b4eff9;
75
- $as-color-bliss-400: #97eaf8;
76
- $as-color-bliss-500: #5de3f7;
77
- $as-color-bliss-600: #3ed3ea;
78
- $as-color-bliss-700: #18c3dd;
79
- $as-color-bliss-800: #0e9bb4;
80
- $as-color-bliss-900: #096173;
81
- $as-color-bliss-1000: #06414d;
82
- $as-color-breeze-100: #e7f4f8;
83
- $as-color-breeze-200: #d7ecf4;
84
- $as-color-breeze-300: #badfed;
85
- $as-color-breeze-400: #a2d4e7;
86
- $as-color-breeze-500: #8dcae2;
87
- $as-color-breeze-600: #6dbbd9;
88
- $as-color-breeze-700: #48aad0;
89
- $as-color-breeze-800: #2f91b7;
90
- $as-color-breeze-900: #1f607a;
91
- $as-color-breeze-1000: #0d2a35;
92
- $as-color-dune-100: #faf9f5;
93
- $as-color-dune-200: #e9e6d9;
94
- $as-color-dune-300: #dfd7c3;
95
- $as-color-dune-400: #d7c6ac;
96
- $as-color-dune-500: #c9b494;
97
- $as-color-dune-600: #bba27c;
98
- $as-color-dune-700: #ab9165;
99
- $as-color-dune-800: #967d55;
100
- $as-color-dune-900: #7b6949;
101
- $as-color-dune-1000: #62543c;
102
- $as-color-summit-100: #e9f1f1;
103
- $as-color-summit-200: #dfe9ea;
104
- $as-color-summit-300: #c2d5d6;
105
- $as-color-summit-400: #9fbdbe;
106
- $as-color-summit-500: #7ba5a6;
107
- $as-color-summit-600: #5c8f91;
108
- $as-color-summit-700: #3d7a7d;
109
- $as-color-summit-800: #21686a;
110
- $as-color-summit-900: #005154;
111
- $as-color-summit-1000: #004447;
112
- $as-color-flare-100: #fff0e5;
113
- $as-color-flare-200: #ffe2cf;
114
- $as-color-flare-300: #ffc9a4;
115
- $as-color-flare-400: #feb17a;
116
- $as-color-flare-500: #fe994f;
117
- $as-color-flare-600: #fb7f24;
118
- $as-color-flare-700: #eb6806;
119
- $as-color-flare-800: #bc5507;
120
- $as-color-flare-900: #8f4207;
121
- $as-color-flare-1000: #622e06;
122
- $as-color-maris-100: #ecf0f3;
123
- $as-color-maris-200: #e2e8ee;
124
- $as-color-maris-300: #c7d6e5;
125
- $as-color-maris-400: #aabed4;
126
- $as-color-maris-500: #8ca7c9;
127
- $as-color-maris-600: #6f8fb8;
128
- $as-color-maris-700: #5578a4;
129
- $as-color-maris-800: #40618c;
130
- $as-color-maris-900: #284a75;
131
- $as-color-maris-1000: #1f3451;
132
- $as-color-midnight-100: #ebf3f9;
133
- $as-color-midnight-200: #cfe0ef;
134
- $as-color-midnight-300: #acc9e2;
135
- $as-color-midnight-400: #89b2d4;
136
- $as-color-midnight-500: #6899c6;
137
- $as-color-midnight-600: #2875b5;
138
- $as-color-midnight-700: #326aa5;
139
- $as-color-midnight-800: #265688;
140
- $as-color-midnight-900: #01426a;
141
- $as-color-midnight-1000: #00274a;
142
- $as-color-sol-100: #fffdf5;
143
- $as-color-sol-200: #fffaec;
144
- $as-color-sol-300: #fff2d0;
145
- $as-color-sol-400: #feebb4;
146
- $as-color-sol-500: #fde398;
147
- $as-color-sol-600: #fcdb7d;
148
- $as-color-sol-700: #fad362;
149
- $as-color-sol-800: #f8cb48;
150
- $as-color-sol-900: #f5c22e;
151
- $as-color-sol-1000: #f2ba14;
152
- $as-color-tropical-100: #eaf3dd;
153
- $as-color-tropical-200: #deedca;
154
- $as-color-tropical-300: #c9e1a7;
155
- $as-color-tropical-400: #b2d583;
156
- $as-color-tropical-500: #a3cd6a;
157
- $as-color-tropical-600: #92c450;
158
- $as-color-tropical-700: #7daf3b;
159
- $as-color-tropical-800: #5f852d;
160
- $as-color-tropical-900: #476322;
161
- $as-color-tropical-1000: #212e0f;
162
- $as-font-family-body: AS Circular;
163
- $as-font-family-display: AS Circular;
164
- $as-font-family-heading: AS Circular;
165
- $as-font-weight-bold: Bold;
166
- $as-font-weight-book: Book;
167
- $as-font-weight-light: Light;
168
- $as-font-weight-medium: Medium;
169
- $as-font-weight-regular: Regular;
170
- $as-font-weight-semibold: Semibold;
171
- $as-font-size-10: 0.625rem; // 10px
172
- $as-font-size-12: 0.75rem; // 12px
173
- $as-font-size-14: 0.875rem; // 14px
174
- $as-font-size-16: 1rem; // 16px
175
- $as-font-size-18: 1.125rem; // 18px
176
- $as-font-size-20: 1.25rem; // 20px
177
- $as-font-size-22: 1.375rem; // 22px
178
- $as-font-size-24: 1.5rem; // 24px
179
- $as-font-size-26: 1.625rem; // 26px
180
- $as-font-size-28: 1.75rem; // 28px
181
- $as-font-size-32: 2rem; // 32px
182
- $as-font-size-36: 2.25rem; // 36px
183
- $as-font-size-38: 2.375rem; // 38px
184
- $as-font-size-40: 2.5rem; // 40px
185
- $as-font-size-44: 2.75rem; // 44px
186
- $as-font-size-48: 3rem; // 48px
187
- $as-font-size-56: 3.5rem; // 56px
188
- $as-font-size-64: 4rem; // 64px
189
- $as-font-size-72: 4.5rem; // 72px
190
- $as-font-size-86: 5.375rem; // 86px
191
- $as-transparency-black-5: #0000000d;
192
- $as-transparency-black-10: #0000001a;
193
- $as-transparency-black-15: #00000026;
194
- $as-transparency-black-20: #00000033;
195
- $as-transparency-black-30: #0000004d;
196
- $as-transparency-black-40: #00000066;
197
- $as-transparency-black-50: #00000080;
198
- $as-transparency-black-55: #0000008c;
199
- $as-transparency-black-60: #00000099;
200
- $as-transparency-black-70: #000000b2;
201
- $as-transparency-black-75: #000000bf;
202
- $as-transparency-black-80: #000000cc;
203
- $as-transparency-black-90: #000000e5;
204
- $as-transparency-white-5: #ffffff0d;
205
- $as-transparency-white-10: #ffffff1a;
206
- $as-transparency-white-20: #ffffff33;
207
- $as-transparency-white-30: #ffffff4d;
208
- $as-transparency-white-40: #ffffff66;
209
- $as-transparency-white-50: #ffffff80;
210
- $as-transparency-white-55: #ffffff8c;
211
- $as-transparency-white-60: #ffffff99;
212
- $as-transparency-white-70: #ffffffb2;
213
- $as-transparency-white-75: #ffffffbf;
214
- $as-transparency-white-80: #ffffffcc;
215
- $as-transparency-white-90: #ffffffe5;
@@ -1,119 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Tue, 11 Mar 2025 19:16:46 GMT
4
- */
5
-
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: #0074ca;
15
- --ds-color-brand-primary-bold: #003761;
16
- --ds-color-brand-primary-muted: #ebf7ff;
17
- --ds-color-brand-primary-subtle: #289bee;
18
- --ds-color-brand-secondary: #01426a;
19
- --ds-color-brand-secondary-bold: #00274a;
20
- --ds-color-brand-secondary-muted: #ebf3f9;
21
- --ds-color-brand-secondary-subtle: #2875b5;
22
- --ds-color-brand-tertiary: #5de3f7;
23
- --ds-color-brand-tertiary-bold: #18c3dd;
24
- --ds-color-brand-tertiary-muted: #ebfafd;
25
- --ds-color-brand-tertiary-subtle: #b4eff9;
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: #ffffff;
34
- --ds-color-pagebackground-utility: #f7f8fa;
35
- --ds-color-status-default: #afb9c6;
36
- --ds-color-status-error: #e53339;
37
- --ds-color-status-error-subtle: #fddede;
38
- --ds-color-status-info: #007db1;
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: #0074ca;
45
- --ds-color-surface-accent1-muted: #ebf7ff;
46
- --ds-color-surface-accent1-subtle: #289bee;
47
- --ds-color-surface-accent2: #959595;
48
- --ds-color-surface-accent2-muted: #c5c5c5;
49
- --ds-color-surface-default: #ffffff;
50
- --ds-color-surface-inverse: #01426a;
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: #01426a;
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: #003761;
61
- --ds-component-focused: #0074ca;
62
- --ds-component-inverse-focused: #5de3f7;
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: #0074ca;
70
- --ds-component-button-primary-border-hover: #003761;
71
- --ds-component-button-primary-background: #0074ca;
72
- --ds-component-button-primary-background-hover: #003761;
73
- --ds-component-button-primary-background-active: #003761;
74
- --ds-component-button-primary-text-inverse: #2a2a2a;
75
- --ds-component-button-primary-border-inverse: #5de3f7;
76
- --ds-component-button-primary-background-inverse: #5de3f7;
77
- --ds-component-button-primary-border-inverse-hover: #b4eff9;
78
- --ds-component-button-primary-background-inverse-hover: #b4eff9;
79
- --ds-component-button-secondary-text: #0074ca;
80
- --ds-component-button-secondary-text-hover: #01426a;
81
- --ds-component-button-secondary-border: #0074ca;
82
- --ds-component-button-secondary-border-hover: #003761;
83
- --ds-component-button-secondary-background: #ffffff;
84
- --ds-component-button-secondary-background-hover: #f2f2f2;
85
- --ds-component-button-secondary-text-inverse: #5de3f7;
86
- --ds-component-button-secondary-border-inverse: #5de3f7;
87
- --ds-component-button-secondary-background-inverse-hover: #ebfafd;
88
- --ds-component-button-tertiary-text: #0074ca;
89
- --ds-component-button-tertiary-text-hover: #003761;
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: #5de3f7;
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: #0074ca;
104
- --ds-component-boolean-is-true-hover: #003761;
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;
119
- }