@tui/design-system 1.16.1 → 1.17.1-MR-385.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 (61) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/dist/themes/crystalski/index.css +102 -75
  3. package/dist/themes/crystalski/index.css.map +1 -1
  4. package/dist/themes/firstchoice/index.css +100 -73
  5. package/dist/themes/firstchoice/index.css.map +1 -1
  6. package/dist/themes/tui/fonts.css +18 -57
  7. package/dist/themes/tui/fonts.css.map +1 -1
  8. package/dist/themes/tui/index-dark.css +224 -0
  9. package/dist/themes/tui/index-dark.css.map +1 -0
  10. package/dist/themes/tui/index.css +137 -96
  11. package/dist/themes/tui/index.css.map +1 -1
  12. package/package.json +2 -2
  13. package/scss/lib/active-tag/_mixins.scss +2 -1
  14. package/scss/lib/button/_mixins.scss +46 -16
  15. package/scss/lib/button/_variables.scss +14 -14
  16. package/scss/lib/cards/carousel/_mixins.scss +12 -0
  17. package/scss/lib/cards/carousel/_variables.scss +1 -1
  18. package/scss/lib/cards/transparent/_index.scss +3 -0
  19. package/scss/lib/cards/transparent/_mixins.scss +36 -0
  20. package/scss/lib/cards/transparent/_variables.scss +4 -0
  21. package/scss/lib/forms/form-row/_mixins.scss +43 -13
  22. package/scss/lib/forms/form-row/_variables.scss +1 -0
  23. package/scss/lib/forms/input-checkbox/_mixins.scss +6 -0
  24. package/scss/lib/forms/input-chip/_mixins.scss +1 -1
  25. package/scss/lib/forms/input-chip/_variables.scss +1 -1
  26. package/scss/lib/icon-button/_mixins.scss +54 -46
  27. package/scss/lib/icon-button/_variables.scss +19 -19
  28. package/scss/lib/info-tag/_mixins.scss +8 -2
  29. package/scss/lib/info-tag/_variables.scss +6 -3
  30. package/scss/lib/patterns/edit-search/_mixins.scss +56 -2
  31. package/scss/mixins.scss +1 -0
  32. package/scss/themes/crystalski/_colors.scss +36 -3
  33. package/scss/themes/crystalski/_overrides.scss +20 -76
  34. package/scss/themes/crystalski/fonts.json +2 -2
  35. package/scss/themes/crystalski/index.scss +6 -3
  36. package/scss/themes/crystalski/theme.json +93 -18
  37. package/scss/themes/firstchoice/_colors.scss +33 -0
  38. package/scss/themes/firstchoice/_overrides.scss +33 -85
  39. package/scss/themes/firstchoice/fonts.json +1 -1
  40. package/scss/themes/firstchoice/index.scss +4 -1
  41. package/scss/themes/firstchoice/theme.json +110 -55
  42. package/scss/themes/tui/_colors-dark.scss +134 -0
  43. package/scss/themes/tui/_colors.scss +20 -0
  44. package/scss/themes/tui/_overrides-dark.scss +22 -0
  45. package/scss/themes/tui/_overrides.scss +1 -9
  46. package/scss/themes/tui/_primitives.scss +28 -1
  47. package/scss/themes/tui/_typography.scss +0 -14
  48. package/scss/themes/tui/fonts.json +21 -60
  49. package/scss/themes/tui/fonts.scss +3 -9
  50. package/scss/themes/tui/index-dark.scss +37 -0
  51. package/scss/themes/tui/index.scss +4 -1
  52. package/scss/themes/tui/theme.json +417 -4
  53. package/scss/variables/_colors.scss +43 -10
  54. package/scss/variables/_grid.scss +1 -1
  55. package/scss/variables/_primitives.scss +17 -16
  56. package/scss/variables/_typography.scss +60 -47
  57. package/scss/variables/base-theme.json +273 -89
  58. package/scss/variables/fonts/_ambit-black.scss +10 -0
  59. package/scss/variables/fonts/_ambit-fallback.scss +10 -0
  60. package/scss/variables.scss +1 -0
  61. package/types/components.ts +38 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,39 @@
1
1
  # Changelog
2
2
 
3
+ ## v1.X.0
4
+
5
+ This release delivers the refreshed TUI brand. It's broader than a standard release — colour, typography and component styles have all been updated to
6
+ align with the new brand identity. The changes below are individual entries, but together they make up a single coordinated rebrand. Consumers of the
7
+ TUI theme should expect visible changes across their UI.
8
+
9
+ ## v1.17.0
10
+
11
+ ### Added
12
+
13
+ #### [Form group](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-form-group--docs)
14
+
15
+ - Added the Form Group: a grouped-mode Form Row (`<fieldset>` with a `<legend>`) that semantically groups multiple related inputs sharing a single
16
+ question or label, with optional group-level hint and error text linked via `aria-describedby`.
17
+ - Added the `uilib-form-row__group-heading` legend class and the `uilib-form-row__group--horizontal` / `uilib-form-row__group--vertical` orientation
18
+ modifiers (the default layout stays responsive).
19
+
20
+ #### [Transparent card](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-cards-transparent-card--docs)
21
+
22
+ - Added the Transparent card as a modifier on the Basic Card (`uilib-card uilib-card--transparent`): no background fill and no elevation, so the
23
+ underlying surface shows through. The card itself is always a container, never an anchor or button. To make the whole card clickable, wrap a single
24
+ contained link/button and apply `uilib-card--link` (the stretched-link pattern), which adds a hover fill and a focus ring on the card itself.
25
+
26
+ ### Updated
27
+
28
+ #### [Form row](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-form-row--docs)
29
+
30
+ - Added grouped-input support used by the Form Group: an optional label class (`uilib-form-row__group-heading` for the larger legend) and the
31
+ `uilib-form-row__group` layout wrapper with `--horizontal` / `--vertical` orientation modifiers.
32
+
33
+ #### [Input checkbox](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-checkbox--docs)
34
+
35
+ - Added a horizontal orientation option (`uilib-input-checkbox-list--horizontal`) to lay checkbox group items out side by side.
36
+
3
37
  ## v1.16.1
4
38
 
5
39
  ### Fixed
package/dist/themes/crystalski/index.css CHANGED
@@ -33,13 +33,17 @@
33
33
  --uilib-color-core-brand: #00ce9b;
34
34
  --uilib-color-core-brand-strong: #1c6f71;
35
35
  --uilib-color-core-surface: #e8fff9;
36
+ --uilib-color-core-surface-light: #e8fff9;
36
37
  --uilib-color-core-neutral: #fff;
38
+ --uilib-color-core-accent: #007c5e;
39
+ --uilib-color-core-accent-on-dark: #00ce9b;
37
40
  --uilib-color-text-strong: #1c6f71;
38
41
  --uilib-color-text-body: #252a32;
39
42
  --uilib-color-text-link: #84329b;
40
43
  --uilib-color-text-link-visited: #481257;
41
44
  --uilib-color-text-link-visited-inverse: #e99aff;
42
45
  --uilib-color-text-inverse: #fff;
46
+ --uilib-color-text-on-dark: #fff;
43
47
  --uilib-color-text-promotion: #c0023e;
44
48
  --uilib-color-text-danger: #970030;
45
49
  --uilib-color-status-success-surface: #beffef;
@@ -54,6 +58,15 @@
54
58
  --uilib-color-status-neutral-icon: #252a32;
55
59
  --uilib-color-canvas-default: #fff;
56
60
  --uilib-color-canvas-contrast: #f5f5f5;
61
+ --uilib-color-interaction-primary: #84329b;
62
+ --uilib-color-interaction-primary-hover: #a348bd;
63
+ --uilib-color-interaction-primary-text: #fff;
64
+ --uilib-color-interaction-secondary: #84329b;
65
+ --uilib-color-interaction-secondary-hover: #f6d5ff;
66
+ --uilib-color-interaction-secondary-text: #84329b;
67
+ --uilib-color-interaction-tertiary: #007c5e;
68
+ --uilib-color-interaction-tertiary-hover: #00a57c;
69
+ --uilib-color-interaction-tertiary-text: #fff;
57
70
  --uilib-color-border-interaction: #84329b;
58
71
  --uilib-color-border-brand-strong: #1c6f71;
59
72
  --uilib-color-border-input: #707070;
@@ -63,21 +76,29 @@
63
76
  --uilib-color-border-divider: #d8d8d8;
64
77
  --uilib-color-border-dashed: var(--uilib-color-border-divider);
65
78
  --uilib-color-promotion: #c0023e;
79
+ --uilib-color-promotion-text: #fff;
80
+ --uilib-color-promotion-bg: #c0023e;
81
+ --uilib-color-promotion-bg-hover: #e9175a;
82
+ --uilib-color-shortlist-icon: #c0023e;
83
+ --uilib-color-shortlist-bg: #fff;
84
+ --uilib-color-shortlist-bg-hover: #ffe8ef;
66
85
  --uilib-color-other-disabled-soft: #bcbcbc;
67
86
  --uilib-color-other-disabled-strong: #707070;
68
87
  --uilib-color-other-elevation: rgba(0, 0, 0, 0.4);
69
88
  --uilib-color-other-scrim: rgba(0, 0, 0, 0.8);
70
- --uilib-color-other-active-state-tint: rgba(215, 254, 255, 0.3);
71
- --uilib-color-other-button-hover-state: #fff;
72
- --uilib-color-other-secondary-button-hover-state: rgba(132, 50, 155, 0.1);
89
+ --uilib-color-other-active-state-tint: #f3feff;
73
90
  --uilib-color-other-skeleton-loading: #d8d8d8;
74
- --uilib-color-brand-tripadvisor: #00b747;
91
+ --uilib-color-other-scroll-handle: #a3a3a3;
92
+ --uilib-color-brand-tripadvisor: #00aa6c;
75
93
  --uilib-color-brand-tripadvisor-pine-green: #002b11;
76
94
  --uilib-color-brand-tripadvisor-inverse: #00eb5b;
95
+ --uilib-color-brand-tripadvisor-on-dark: #00eb5b;
77
96
  --uilib-color-brand-paypal: #253b80;
78
97
  --uilib-color-brand-platinum: #4b5560;
79
- --uilib-color-other-scroll-handle: #a3a3a3;
80
- --uilib-color-brand-trip-advisor: #00b747;
98
+ --uilib-color-logo-logo: #00ce9b;
99
+ --uilib-color-other-button-hover-state: #fff;
100
+ --uilib-color-other-secondary-button-hover-state: rgba(132, 50, 155, 0.1);
101
+ --uilib-color-brand-trip-advisor: #00aa6c;
81
102
  --uilib-color-canvas-footer: #252a32;
82
103
  --uilib-color-border-brand: #00ce9b;
83
104
  --uilib-elevation-none: none;
@@ -91,7 +112,7 @@
91
112
  --uilib-grid-columns: 12;
92
113
  --uilib-grid-gutter-width: 1rem;
93
114
  --uilib-grid-gutter-height: 1rem;
94
- --uilib-layout-max-width: 80rem;
115
+ --uilib-layout-max-width: 100rem;
95
116
  --uilib-layout-app-height: 100dvh;
96
117
  --uilib-icon-size-default: 1.25rem;
97
118
  --uilib-icon-size-xsmall: 1rem;
@@ -147,44 +168,45 @@
147
168
  --uilib-font-family-lead: Brandon, BrandonFallbackFont, verdana, sans-serif;
148
169
  --uilib-font-family-base: Brandon, BrandonFallbackFont, verdana, sans-serif;
149
170
  --uilib-font-size-root: 1rem;
150
- --uilib-typography-display-large: var(--uilib-font-weight-bold) clamp(2.8125rem, 1.5825rem + 5.3626vw, 4.8rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
151
- --uilib-typography-display-medium: var(--uilib-font-weight-bold) clamp(2.5rem, 1.5717rem + 4.0472vw, 4rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
152
- --uilib-typography-display-small: var(--uilib-font-weight-bold) clamp(2.2222rem, 1.5346rem + 2.9979vw, 3.3333rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
153
- --uilib-typography-heading-xxlarge: var(--uilib-font-weight-bold) clamp(1.5768rem, 1.0126rem + 2.4595vw, 2.4883rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
154
- --uilib-typography-heading-xlarge: var(--uilib-font-weight-bold) clamp(1.4016rem, 0.9857rem + 1.8132vw, 2.0736rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
155
- --uilib-typography-heading-large: var(--uilib-font-weight-bold) clamp(1.2458rem, 0.9475rem + 1.3009vw, 1.728rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
156
- --uilib-typography-heading-medium: var(--uilib-font-weight-bold) clamp(1.1074rem, 0.9016rem + 0.8973vw, 1.44rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
157
- --uilib-typography-heading-small: var(--uilib-font-weight-bold) clamp(0.9844rem, 0.8509rem + 0.5818vw, 1.2rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
158
- --uilib-typography-component-heading-xlarge: var(--uilib-font-weight-semibold) 1.4375rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
159
- --uilib-typography-component-heading-xxlarge: var(--uilib-font-weight-semibold) 1.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
160
- --uilib-typography-component-heading-xxlarge-strong: var(--uilib-font-weight-bold) 1.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
161
- --uilib-typography-component-heading-xlarge-strong: var(--uilib-font-weight-bold) 1.4375rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
162
- --uilib-typography-component-heading-large: var(--uilib-font-weight-semibold) 1.25rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
163
- --uilib-typography-component-heading-large-strong: var(--uilib-font-weight-bold) 1.25rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
164
- --uilib-typography-component-heading-medium: var(--uilib-font-weight-semibold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
165
- --uilib-typography-component-heading-medium-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
166
- --uilib-typography-component-heading-small: var(--uilib-font-weight-semibold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
167
- --uilib-typography-component-heading-small-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
171
+ --uilib-typography-display-large: var(--uilib-font-weight-black) clamp(3rem, 1.6783rem + 5.7623vw, 6rem)/var(--uilib-line-height-none) var(--uilib-font-family-lead);
172
+ --uilib-typography-display-medium: var(--uilib-font-weight-black) clamp(2.6875rem, 1.6687rem + 4.4418vw, 5rem)/var(--uilib-line-height-none) var(--uilib-font-family-lead);
173
+ --uilib-typography-display-small: var(--uilib-font-weight-black) clamp(2.375rem, 1.5765rem + 3.4814vw, 4.1875rem)/var(--uilib-line-height-none) var(--uilib-font-family-lead);
174
+ --uilib-typography-heading-xxlarge: var(--uilib-font-weight-black) clamp(1.75rem, 1.1993rem + 2.401vw, 3rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
175
+ --uilib-typography-heading-xlarge: var(--uilib-font-weight-black) clamp(1.5rem, 1.0594rem + 1.9208vw, 2.5rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
176
+ --uilib-typography-heading-large: var(--uilib-font-weight-black) clamp(1.25rem, 0.8645rem + 1.6807vw, 2.125rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
177
+ --uilib-typography-heading-medium: var(--uilib-font-weight-black) clamp(1.125rem, 0.8496rem + 1.2005vw, 1.75rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
178
+ --uilib-typography-heading-small: var(--uilib-font-weight-black) clamp(1rem, 0.7797rem + 0.9604vw, 1.5rem)/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
179
+ --uilib-typography-component-heading-xxlarge: var(--uilib-font-weight-semibold) 1.75rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
180
+ --uilib-typography-component-heading-xxlarge-strong: var(--uilib-font-weight-bold) 1.75rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
181
+ --uilib-typography-component-heading-xlarge: var(--uilib-font-weight-semibold) 1.5rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
182
+ --uilib-typography-component-heading-xlarge-strong: var(--uilib-font-weight-bold) 1.5rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
183
+ --uilib-typography-component-heading-large: var(--uilib-font-weight-semibold) 1.25rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
184
+ --uilib-typography-component-heading-large-strong: var(--uilib-font-weight-bold) 1.25rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
185
+ --uilib-typography-component-heading-medium: var(--uilib-font-weight-semibold) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
186
+ --uilib-typography-component-heading-medium-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
187
+ --uilib-typography-component-heading-small: var(--uilib-font-weight-semibold) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
188
+ --uilib-typography-component-heading-small-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
168
189
  --uilib-typography-body-large: var(--uilib-font-weight-regular) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
169
190
  --uilib-typography-body-large-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
170
191
  --uilib-typography-body-medium: var(--uilib-font-weight-regular) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
171
192
  --uilib-typography-body-medium-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
172
193
  --uilib-typography-body-small: var(--uilib-font-weight-regular) 0.875rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
173
194
  --uilib-typography-body-small-strong: var(--uilib-font-weight-bold) 0.875rem/var(--uilib-line-height-body) var(--uilib-font-family-base);
174
- --uilib-typography-label-large: var(--uilib-font-weight-semibold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
175
- --uilib-typography-label-large-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
176
- --uilib-typography-label-medium: var(--uilib-font-weight-semibold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
177
- --uilib-typography-label-medium-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
178
- --uilib-typography-label-small: var(--uilib-font-weight-semibold) 0.875rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
179
- --uilib-typography-label-small-strong: var(--uilib-font-weight-bold) 0.875rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
180
- --uilib-typography-label-xsmall: var(--uilib-font-weight-semibold) 0.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
181
- --uilib-typography-label-xsmall-strong: var(--uilib-font-weight-bold) 0.8125rem/var(--uilib-line-height-heading) var(--uilib-font-family-lead);
182
- --uilib-line-height-heading: 1.3;
195
+ --uilib-typography-label-large: var(--uilib-font-weight-semibold) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
196
+ --uilib-typography-label-large-strong: var(--uilib-font-weight-bold) 1.125rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
197
+ --uilib-typography-label-medium: var(--uilib-font-weight-semibold) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
198
+ --uilib-typography-label-medium-strong: var(--uilib-font-weight-bold) 1rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
199
+ --uilib-typography-label-small: var(--uilib-font-weight-semibold) 0.875rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
200
+ --uilib-typography-label-small-strong: var(--uilib-font-weight-bold) 0.875rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
201
+ --uilib-typography-label-xsmall: var(--uilib-font-weight-semibold) 0.8125rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
202
+ --uilib-typography-label-xsmall-strong: var(--uilib-font-weight-bold) 0.8125rem/var(--uilib-line-height-body) var(--uilib-font-family-lead);
203
+ --uilib-line-height-heading: 1.1;
183
204
  --uilib-line-height-body: 1.3;
184
205
  --uilib-line-height-none: 1;
185
206
  --uilib-font-weight-regular: 400;
186
207
  --uilib-font-weight-semibold: 400;
187
208
  --uilib-font-weight-bold: 600;
209
+ --uilib-font-weight-black: 600;
188
210
  --uilib-accordion-radius: var(--uilib-border-radius-100);
189
211
  --uilib-accordion-logo-radius: var(--uilib-border-radius-100);
190
212
  --uilib-accordion-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
@@ -208,21 +230,21 @@
208
230
  --uilib-alert-text-color: var(--uilib-color-text-body);
209
231
  --uilib-breadcrumb-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
210
232
  --uilib-button-radius: var(--uilib-border-radius-pill);
211
- --uilib-button-primary-color: var(--uilib-color-text-inverse);
212
- --uilib-button-primary-bg-color: var(--uilib-color-core-interaction);
213
- --uilib-button-primary-hover-bg-color: rgb(61.4117647059%, 35.6862745098%, 68.6274509804%);
214
- --uilib-button-secondary-color: var(--uilib-color-core-interaction);
233
+ --uilib-button-primary-color: var(--uilib-color-interaction-primary-text);
234
+ --uilib-button-primary-bg-color: var(--uilib-color-interaction-primary);
235
+ --uilib-button-primary-hover-bg-color: var(--uilib-color-interaction-primary-hover);
236
+ --uilib-button-secondary-color: var(--uilib-color-interaction-secondary-text);
215
237
  --uilib-button-secondary-bg-color: var(--uilib-color-core-neutral);
216
- --uilib-button-secondary-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
217
- --uilib-button-tertiary-color: var(--uilib-color-text-inverse);
218
- --uilib-button-tertiary-bg-color: var(--uilib-color-core-brand-strong);
219
- --uilib-button-tertiary-hover-bg-color: rgb(28.7843137255%, 54.8235294118%, 55.4509803922%);
220
- --uilib-button-promotion-color: var(--uilib-color-text-inverse);
221
- --uilib-button-promotion-bg-color: var(--uilib-color-promotion);
222
- --uilib-button-promotion-hover-bg-color: rgb(80.2352941176%, 20.6274509804%, 39.4509803922%);
223
- --uilib-button-search-color: var(--uilib-color-text-inverse);
224
- --uilib-button-search-bg-color: var(--uilib-color-core-brand-strong);
225
- --uilib-button-search-hover-bg-color: rgb(28.7843137255%, 54.8235294118%, 55.4509803922%);
238
+ --uilib-button-secondary-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
239
+ --uilib-button-tertiary-color: var(--uilib-color-interaction-tertiary-text);
240
+ --uilib-button-tertiary-bg-color: var(--uilib-color-interaction-tertiary);
241
+ --uilib-button-tertiary-hover-bg-color: var(--uilib-color-interaction-tertiary-hover);
242
+ --uilib-button-promotion-color: var(--uilib-color-promotion-text);
243
+ --uilib-button-promotion-bg-color: var(--uilib-color-promotion-bg);
244
+ --uilib-button-promotion-hover-bg-color: var(--uilib-color-promotion-bg-hover);
245
+ --uilib-button-search-color: var(--uilib-color-interaction-primary-text);
246
+ --uilib-button-search-bg-color: var(--uilib-color-interaction-primary);
247
+ --uilib-button-search-hover-bg-color: var(--uilib-color-interaction-primary-hover);
226
248
  --uilib-button-disabled-color: var(--uilib-color-other-disabled-strong);
227
249
  --uilib-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
228
250
  --uilib-card-radius: var(--uilib-border-radius-400);
@@ -237,7 +259,7 @@
237
259
  --uilib-carousel-prev-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-left.svg");
238
260
  --uilib-carousel-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
239
261
  --uilib-carousel-counter-color: var(--uilib-color-text-body);
240
- --uilib-carousel-counter-font: var(--uilib-typography-body-medium);
262
+ --uilib-carousel-counter-font: var(--uilib-typography-label-small-strong);
241
263
  --uilib-carousel-motion-duration: 300ms;
242
264
  --uilib-carousel-motion-easing: ease-out;
243
265
  --uilib-card-icon-small-radius: var(--uilib-card-radius);
@@ -267,6 +289,7 @@
267
289
  --uilib-card-selectable-selected-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark-corner-filled.svg");
268
290
  --uilib-card-selectable-selected-icon-shape: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark-corner-solid.svg");
269
291
  --uilib-card-selectable-dashed-border-color: var(--uilib-color-border-dashed);
292
+ --uilib-card-transparent-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
270
293
  --uilib-flight-details-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
271
294
  --uilib-flyout-dropdown-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/cross.svg");
272
295
  --uilib-datepicker-icon-previous: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-left.svg");
@@ -276,6 +299,7 @@
276
299
  --uilib-datepicker-color-date-bg-hover: var(--uilib-icon-button-ghost-hover-bg-color);
277
300
  --uilib-datepicker-radius-date: var(--uilib-icon-button-radius);
278
301
  --uilib-form-row-label-font: var(--uilib-typography-label-medium-strong);
302
+ --uilib-form-row-group-heading-font: var(--uilib-typography-component-heading-large);
279
303
  --uilib-form-row-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/exclamation-mark-circled-filled.svg");
280
304
  --uilib-input-checkbox-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark.svg");
281
305
  --uilib-input-checkbox-indeterminate-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/minus.svg");
@@ -285,10 +309,10 @@
285
309
  --uilib-input-chip-default-bg-color: var(--uilib-color-core-neutral);
286
310
  --uilib-input-chip-default-border-color: var(--uilib-color-border-card);
287
311
  --uilib-input-chip-default-text-color: var(--uilib-color-text-strong);
288
- --uilib-input-chip-hover-bg-color: var(--uilib-color-other-secondary-button-hover-state);
289
- --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
312
+ --uilib-input-chip-hover-bg-color: #f3feff;
313
+ --uilib-input-chip-active-bg-color: #fcf2ff;
290
314
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
291
- --uilib-input-chip-active-hover-bg-color: rgb(80.9411764706%, 85.8823529412%, 99.0588235294%);
315
+ --uilib-input-chip-active-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
292
316
  --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
293
317
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
294
318
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -360,28 +384,28 @@
360
384
  --uilib-highlight-panel-header-bg-overlay-brand: none;
361
385
  --uilib-highlight-panel-toggle-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
362
386
  --uilib-icon-button-radius: var(--uilib-border-radius-pill);
363
- --uilib-icon-button-text-color: var(--uilib-color-core-interaction);
364
- --uilib-icon-button-ghost-color: var(--uilib-color-core-interaction);
387
+ --uilib-icon-button-text-color: var(--uilib-color-interaction-secondary-text);
388
+ --uilib-icon-button-ghost-color: var(--uilib-color-interaction-secondary-text);
365
389
  --uilib-icon-button-ghost-bg-color: transparent;
366
- --uilib-icon-button-ghost-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
367
- --uilib-icon-button-primary-color: var(--uilib-color-text-inverse);
368
- --uilib-icon-button-primary-bg-color: var(--uilib-color-core-interaction);
369
- --uilib-icon-button-primary-hover-bg-color: rgb(61.4117647059%, 35.6862745098%, 68.6274509804%);
370
- --uilib-icon-button-secondary-color: var(--uilib-color-core-interaction);
390
+ --uilib-icon-button-ghost-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
391
+ --uilib-icon-button-primary-color: var(--uilib-color-interaction-primary-text);
392
+ --uilib-icon-button-primary-bg-color: var(--uilib-color-interaction-primary);
393
+ --uilib-icon-button-primary-hover-bg-color: var(--uilib-color-interaction-primary-hover);
394
+ --uilib-icon-button-secondary-color: var(--uilib-color-interaction-secondary-text);
371
395
  --uilib-icon-button-secondary-bg-color: var(--uilib-color-core-neutral);
372
- --uilib-icon-button-secondary-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
373
- --uilib-icon-button-control-color: var(--uilib-color-core-interaction);
396
+ --uilib-icon-button-secondary-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
397
+ --uilib-icon-button-control-color: var(--uilib-color-interaction-secondary-text);
374
398
  --uilib-icon-button-control-bg-color: var(--uilib-color-core-neutral);
375
- --uilib-icon-button-control-hover-bg-color: rgb(90.3529411765%, 83.9215686275%, 92.1568627451%);
376
- --uilib-icon-button-promotion-color: var(--uilib-color-text-inverse);
377
- --uilib-icon-button-promotion-bg-color: var(--uilib-color-promotion);
378
- --uilib-icon-button-promotion-hover-bg-color: rgb(80.2352941176%, 20.6274509804%, 39.4509803922%);
379
- --uilib-icon-button-search-color: var(--uilib-color-text-inverse);
380
- --uilib-icon-button-search-bg-color: var(--uilib-color-core-brand-strong);
381
- --uilib-icon-button-search-hover-bg-color: rgb(28.7843137255%, 54.8235294118%, 55.4509803922%);
382
- --uilib-icon-button-shortlist-color: var(--uilib-color-text-promotion);
383
- --uilib-icon-button-shortlist-bg-color: var(--uilib-color-core-neutral);
384
- --uilib-icon-button-shortlist-hover-bg-color: rgb(97.5294117647%, 90.0784313725%, 92.431372549%);
399
+ --uilib-icon-button-control-hover-bg-color: var(--uilib-color-interaction-secondary-hover);
400
+ --uilib-icon-button-promotion-color: var(--uilib-color-promotion-text);
401
+ --uilib-icon-button-promotion-bg-color: var(--uilib-color-promotion-bg);
402
+ --uilib-icon-button-promotion-hover-bg-color: var(--uilib-color-promotion-bg-hover);
403
+ --uilib-icon-button-search-color: var(--uilib-color-interaction-primary-text);
404
+ --uilib-icon-button-search-bg-color: var(--uilib-color-interaction-primary);
405
+ --uilib-icon-button-search-hover-bg-color: var(--uilib-color-interaction-primary-hover);
406
+ --uilib-icon-button-shortlist-color: var(--uilib-color-shortlist-icon);
407
+ --uilib-icon-button-shortlist-bg-color: var(--uilib-color-shortlist-bg);
408
+ --uilib-icon-button-shortlist-hover-bg-color: var(--uilib-color-shortlist-bg-hover);
385
409
  --uilib-icon-button-disabled-color: var(--uilib-color-other-disabled-strong);
386
410
  --uilib-icon-button-disabled-bg-color: var(--uilib-color-other-disabled-soft);
387
411
  --uilib-icon-button-size-small: 2rem;
@@ -397,11 +421,14 @@
397
421
  --uilib-image-fallback: url("https://mwa.tui.com/shared/mwa/assets/v3/illustrations/tui/sunset-adults.svg");
398
422
  --uilib-info-tag-radius: var(--uilib-border-radius-100);
399
423
  --uilib-info-tag-text-color: var(--uilib-color-text-body);
400
- --uilib-info-tag-info-bg-color: var(--uilib-color-status-info-surface);
424
+ --uilib-info-tag-bg-color: var(--uilib-color-status-info-surface);
425
+ --uilib-info-tag-local-product-text-color: var(--uilib-color-text-body);
401
426
  --uilib-info-tag-local-product-bg-color: var(--uilib-color-canvas-contrast);
402
- --uilib-info-tag-platinum-bg-color: var(--uilib-color-brand-platinum);
403
- --uilib-info-tag-platinum-text-color: var(--uilib-color-core-neutral);
427
+ --uilib-info-tag-neutral-text-color: var(--uilib-color-text-body);
404
428
  --uilib-info-tag-neutral-bg-color: var(--uilib-color-core-neutral);
429
+ --uilib-info-tag-platinum-bg-color: var(--uilib-color-brand-platinum);
430
+ --uilib-info-tag-platinum-text-color: var(--uilib-color-text-on-dark);
431
+ --uilib-info-tag-scarcity-text-color: var(--uilib-color-text-body);
405
432
  --uilib-info-tag-scarcity-bg-color: var(--uilib-color-status-warning-surface);
406
433
  --uilib-link-decoration-color: var(--uilib-color-text-link);
407
434
  --uilib-link-decoration-visited-color: var(--uilib-color-text-link-visited);
@@ -490,7 +517,7 @@
490
517
  --uilib-ratings-range-icons-customer-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-unchecked.svg");
491
518
  --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
492
519
  --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
493
- --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
520
+ --uilib-ratings-range-icons-tui-t-plus-color: #011750;
494
521
  --uilib-ratings-range-icons-holidaycheck-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-unchecked.svg");
495
522
  --uilib-ratings-range-icons-holidaycheck-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-checked.svg");
496
523
  --uilib-scroller-thumb-size: var(--uilib-spacing-400);
package/dist/themes/crystalski/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/crystalski/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/crystalski/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EG6HD;EH7HC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}