@tui/design-system 5.0.0-beta.4 → 5.0.0-beta.5

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 (57) hide show
  1. package/CHANGELOG.md +34 -1
  2. package/dist/themes/crystalski/index.css +34 -4
  3. package/dist/themes/crystalski/index.css.map +1 -1
  4. package/dist/themes/firstchoice/index.css +34 -4
  5. package/dist/themes/firstchoice/index.css.map +1 -1
  6. package/dist/themes/tui/fonts.css +14 -0
  7. package/dist/themes/tui/fonts.css.map +1 -1
  8. package/dist/themes/tui/index.css +46 -6
  9. package/dist/themes/tui/index.css.map +1 -1
  10. package/package.json +30 -28
  11. package/scss/lib/active-tag/_mixins.scss +1 -1
  12. package/scss/lib/button/_mixins.scss +12 -6
  13. package/scss/lib/cards/card/_mixins.scss +1 -1
  14. package/scss/lib/cards/search/_mixins.scss +4 -4
  15. package/scss/lib/flight-details/_index.scss +3 -0
  16. package/scss/lib/flight-details/_mixins.scss +468 -0
  17. package/scss/lib/flight-details/_variables.scss +6 -0
  18. package/scss/lib/forms/input-chip/_mixins.scss +1 -1
  19. package/scss/lib/forms/input-chip/_variables.scss +1 -1
  20. package/scss/lib/forms/input-switch/_index.scss +3 -0
  21. package/scss/lib/forms/input-switch/_mixins.scss +122 -0
  22. package/scss/lib/forms/input-switch/_variables.scss +18 -0
  23. package/scss/lib/forms/textarea/_index.scss +3 -0
  24. package/scss/lib/forms/textarea/_mixins.scss +88 -0
  25. package/scss/lib/hero/_index.scss +3 -0
  26. package/scss/lib/hero/_mixins.scss +336 -0
  27. package/scss/lib/hero/_variables.scss +21 -0
  28. package/scss/lib/image/_mixins.scss +40 -0
  29. package/scss/lib/media-button/_mixins.scss +1 -1
  30. package/scss/lib/pagination/_mixins.scss +1 -1
  31. package/scss/lib/ratings-reviews/percentage/_mixins.scss +1 -1
  32. package/scss/lib/show-more-less/_mixins.scss +1 -1
  33. package/scss/mixins.scss +3 -0
  34. package/scss/themes/crystalski/_overrides.scss +11 -2
  35. package/scss/themes/crystalski/fonts.json +19 -0
  36. package/scss/themes/crystalski/index.scss +9 -0
  37. package/scss/themes/crystalski/theme.json +1 -1
  38. package/scss/themes/firstchoice/_overrides.scss +11 -2
  39. package/scss/themes/firstchoice/fonts.json +27 -0
  40. package/scss/themes/firstchoice/index.scss +9 -0
  41. package/scss/themes/firstchoice/theme.json +1 -1
  42. package/scss/themes/tui/_colors.scss +1 -0
  43. package/scss/themes/tui/_overrides.scss +2 -1
  44. package/scss/themes/tui/_primitives.scss +1 -0
  45. package/scss/themes/tui/_typography.scss +10 -1
  46. package/scss/themes/tui/fonts.json +59 -0
  47. package/scss/themes/tui/fonts.scss +2 -0
  48. package/scss/themes/tui/index.scss +9 -0
  49. package/scss/themes/tui/theme.json +5 -3
  50. package/scss/variables/_elevations.scss +4 -3
  51. package/scss/variables/_env-variables.scss +1 -1
  52. package/scss/variables/_typography.scss +2 -0
  53. package/scss/variables/base-theme.json +324 -134
  54. package/scss/variables/fonts/_tuiheadline-black-italic.scss +10 -0
  55. package/scss/variables/fonts/_tuiheadline-black.scss +10 -0
  56. package/scss/variables/fonts/_tuiheadline-fallback.scss +11 -0
  57. package/scss/variables.scss +3 -0
package/CHANGELOG.md CHANGED
@@ -59,6 +59,10 @@
59
59
  - New component added to indicate which filters are currently applied. They allow users to easily modify their search and filtering criteria, making
60
60
  the results easier to refine.
61
61
 
62
+ ### Badge
63
+
64
+ - Removed with some variations being covered by the new info tag component
65
+
62
66
  ### [Breadcrumb](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-breadcrumb--docs)
63
67
 
64
68
  - Created new component, all the styles are baked into a single uilib-breadcrumb mixin
@@ -80,6 +84,15 @@
80
84
  - Colour variants have been reduced to default, strong and inverse
81
85
  - New dashed divider style has been added
82
86
 
87
+ ### Eye catcher
88
+
89
+ - Removed from the library. There is not replacement for this component.
90
+
91
+ ### [Flight details](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-flight-details--docs)
92
+
93
+ - New flight details has been added. It presents comprehensive information about a holiday's flights
94
+ - Two variants are available allowing for the display of both direct and indirect flights
95
+
83
96
  ### [Flyout dropdown](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-flyout-dropdown--docs)
84
97
 
85
98
  - New flyout Dropdown component has been added. It is an overlay panel that emerges from a control like a button or menu item
@@ -130,6 +143,10 @@
130
143
  - Control and input sizes have been adjusted to match latest 1web designs
131
144
  - Web component provided to include increment and decrement controls to update the original text input
132
145
 
146
+ #### [Input switch](https://mwa.tui.com/browse/mwa/uilib-production/index.html?path=/docs/components-forms-input-switch--docs)
147
+
148
+ - Mixins simplified to one main uilib-input-switch mixin
149
+
133
150
  #### [Input text](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-forms-input-text--docs)
134
151
 
135
152
  - Mixin renamed to uilib-input-text
@@ -137,10 +154,21 @@
137
154
  - Valid state usage rules and styling updated
138
155
  - Web component provided to clear prefilled inputs, clear search inputs and toggle view of password fields
139
156
 
157
+ #### [Textarea](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-forms-textarea--docs)
158
+
159
+ - Mixin added for uilib-textarea
160
+ - Utilises label, hint and error from formrow
161
+
140
162
  #### Input toggle
141
163
 
142
164
  - Removed from the library. Please use input chips or input radio.
143
165
 
166
+ ### [Hero (formerly header)](https://mwa.tui.com/browse/mwa/uilib-production/index.html?path=/docs/components-hero--docs)
167
+
168
+ - Mixins simplified so size options are now baked into the main uilib-hero mixin
169
+ - Hero now includes styling for the content area overlay supporting left, right and center positioning as well as standard, slim and illustration
170
+ heros
171
+
144
172
  ### [Icon](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-icon--docs)
145
173
 
146
174
  - Mixins simplified so size options are now baked into the main uilib-icon mixin
@@ -155,11 +183,16 @@
155
183
  - Elevation option has been removed and automatically applied to control variant
156
184
  - Button styling has been aligned with the latest 1web designs across all themes
157
185
 
158
- ### [Image](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-image--docs)
186
+ ### [Image (picture)](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-image--docs)
159
187
 
160
188
  - Mixins simplified so shapes and ratios are all baked into the main uilib-image mixin
189
+ - Added ability to control the focal point if the source image is cropped by the focal point option
161
190
  - Error handling with fallback image has been added.
162
191
 
192
+ ### Image counter
193
+
194
+ - Removed from the library. There is not replacement for this component.
195
+
163
196
  ### [Info tag](https://uilib-testing.static-nonprod.browse.tui/index.html?path=/docs/components-info-tag--docs)
164
197
 
165
198
  - New component added to highlight informational, promotional or branded content
package/dist/themes/crystalski/index.css CHANGED
@@ -92,9 +92,10 @@
92
92
  --uilib-color-canvas-footer: #252a32;
93
93
  --uilib-color-border-brand: #00ce9b;
94
94
  --uilib-color-border-dashed: var(--uilib-color-border-divider);
95
- --uilib-elevation-0: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
96
- --uilib-elevation-100: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
97
- --uilib-elevation-200: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
95
+ --uilib-elevation-none: none;
96
+ --uilib-elevation-100: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
97
+ --uilib-elevation-200: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
98
+ --uilib-elevation-300: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
98
99
  --uilib-focus-default: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #84329b, 0 0 0 0.375rem rgba(132, 50, 155, 0.4);
99
100
  --uilib-focus-size: calc(var(--uilib-spacing-050) * 3);
100
101
  --uilib-focus-gap: var(--uilib-spacing-050);
@@ -154,6 +155,7 @@
154
155
  --uilib-stroke-style-none: none;
155
156
  --uilib-stroke-style-solid: solid;
156
157
  --uilib-stroke-style-dashed: dashed;
158
+ --uilib-font-family-display: Brandon, BrandonFallbackFont, verdana, sans-serif;
157
159
  --uilib-font-family-lead: Brandon, BrandonFallbackFont, verdana, sans-serif;
158
160
  --uilib-font-family-base: Brandon, BrandonFallbackFont, verdana, sans-serif;
159
161
  --uilib-font-size-root: 1rem;
@@ -240,6 +242,7 @@
240
242
  --uilib-card-search-color-flagship: var(--uilib-color-core-brand-strong);
241
243
  --uilib-card-search-color-flagship-text: var(--uilib-color-text-inverse);
242
244
  --uilib-card-search-highlights-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
245
+ --uilib-flight-details-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-down.svg");
243
246
  --uilib-form-row-label-font: var(--uilib-typography-label-medium-strong);
244
247
  --uilib-form-row-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/exclamation-mark-circled-filled.svg");
245
248
  --uilib-input-checkbox-icon-checked: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark.svg");
@@ -254,7 +257,7 @@
254
257
  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
255
258
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
256
259
  --uilib-input-chip-active-hover-bg-color: rgb(206.4, 219, 252.6);
257
- --uilib-input-chip-box-shadow: var(--uilib-elevation-100);
260
+ --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
258
261
  --uilib-input-chip-disabled-text-color: var(--uilib-color-other-disabled-soft);
259
262
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
260
263
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -275,10 +278,37 @@
275
278
  --uilib-input-slider-thumb-size: 2rem;
276
279
  --uilib-input-slider-thumb-radius: var(--uilib-border-radius-circle);
277
280
  --uilib-input-slider-thumb-border-color: var(--uilib-color-core-interaction);
281
+ --uilib-input-switch-track-color: var(--uilib-color-core-neutral);
282
+ --uilib-input-switch-track-color-selected: var(--uilib-color-core-interaction);
283
+ --uilib-input-switch-track-color-disabled: var(--uilib-color-other-disabled-soft);
284
+ --uilib-input-switch-track-border-color: var(--uilib-color-border-input);
285
+ --uilib-input-switch-track-border-color-selected: var(--uilib-color-border-interaction);
286
+ --uilib-input-switch-track-border-color-disabled: var(--uilib-color-other-disabled-soft);
287
+ --uilib-input-switch-track-height: 1.5rem;
288
+ --uilib-input-switch-track-width: 2.75rem;
289
+ --uilib-input-switch-track-radius: var(--uilib-border-radius-pill);
290
+ --uilib-input-switch-thumb-size: 1rem;
291
+ --uilib-input-switch-thumb-radius: var(--uilib-border-radius-circle);
292
+ --uilib-input-switch-thumb-color: var(--uilib-color-other-disabled-strong);
293
+ --uilib-input-switch-thumb-color-selected: var(--uilib-color-core-neutral);
278
294
  --uilib-input-text-icon-clear: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/cross.svg");
279
295
  --uilib-input-text-icon-show: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/view.svg");
280
296
  --uilib-input-text-icon-hide: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/view-hidden.svg");
281
297
  --uilib-input-text-icon-calendar: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/calendar.svg");
298
+ --uilib-hero-image-radius-small: var(--uilib-border-radius-600) var(--uilib-border-radius-600) 0 0;
299
+ --uilib-hero-image-radius-large: var(--uilib-border-radius-1800) var(--uilib-border-radius-1800) 0 0;
300
+ --uilib-hero-image-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NzM4IiB2aWV3Qm94PSIwIDAgMTkyMCA2NzM4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjAwN18yKSI+CjxwYXRoIGQ9Ik0xOTIwIDY1NzUuNDJWMEgwVjY1NzUuMDZDMjg4LjQzNSA2Njc5LjI3IDYxNC44MjIgNjczOCA5NjAuNSA2NzM4QzEzMDUuNzggNjczOCAxNjMxLjgxIDY2NzkuNCAxOTIwIDY1NzUuNDJaIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjAwN18yIj4KPHJlY3Qgd2lkdGg9IjE5MjAiIGhlaWdodD0iNjczOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
301
+ --uilib-hero-image-mask-height-small: var(--uilib-spacing-1200);
302
+ --uilib-hero-image-mask-height-large: var(--uilib-spacing-1600);
303
+ --uilib-hero-content-radius: var(--uilib-border-radius-600);
304
+ --uilib-hero-content-bg-small: var(--uilib-color-core-surface);
305
+ --uilib-hero-content-bg: color-mix(in srgb, var(--uilib-color-core-neutral) 90%, transparent);
306
+ --uilib-hero-content-text-color: var(--uilib-color-text-strong);
307
+ --uilib-hero-content-text-highlight-color: var(--uilib-color-text-promotion);
308
+ --uilib-hero-flagship-content-bg-small: var(--uilib-color-core-brand-strong);
309
+ --uilib-hero-flagship-content-bg: color-mix(in srgb, var(--uilib-color-core-brand-strong) 90%, transparent);
310
+ --uilib-hero-flagship-content-text-color: var(--uilib-color-text-inverse);
311
+ --uilib-hero-flagship-content-text-highlight-color: var(--uilib-color-text-inverse);
282
312
  --uilib-icon-button-radius: var(--uilib-border-radius-pill);
283
313
  --uilib-icon-button-ghost-color: var(--uilib-color-core-interaction);
284
314
  --uilib-icon-button-ghost-bg-color: transparent;
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/variables/fonts/_brandon-fallback.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;ACFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACbD;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;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;EG8GD;EH9GC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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/variables/fonts/_brandon-fallback.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;ACFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACbD;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;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","file":"index.css"}
package/dist/themes/firstchoice/index.css CHANGED
@@ -106,9 +106,10 @@
106
106
  --uilib-color-promotion-insider-strong: #d6d5f9;
107
107
  --uilib-color-sustainability: #42c074;
108
108
  --uilib-color-sustainability-soft: #d8eabe;
109
- --uilib-elevation-0: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
110
- --uilib-elevation-100: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
111
- --uilib-elevation-200: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
109
+ --uilib-elevation-none: none;
110
+ --uilib-elevation-100: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
111
+ --uilib-elevation-200: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
112
+ --uilib-elevation-300: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
112
113
  --uilib-focus-default: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #002f17, 0 0 0 0.375rem rgba(0, 47, 23, 0.4);
113
114
  --uilib-focus-size: calc(var(--uilib-spacing-050) * 3);
114
115
  --uilib-focus-gap: var(--uilib-spacing-050);
@@ -168,6 +169,7 @@
168
169
  --uilib-stroke-style-none: none;
169
170
  --uilib-stroke-style-solid: solid;
170
171
  --uilib-stroke-style-dashed: dashed;
172
+ --uilib-font-family-display: PasticheGrotesque, PasticheGrotesqueFallbackFont, arial black, sans-serif;
171
173
  --uilib-font-family-lead: PasticheGrotesque, PasticheGrotesqueFallbackFont, arial black, sans-serif;
172
174
  --uilib-font-family-base: Rondelle, RondelleFallbackFont, verdana, sans-serif;
173
175
  --uilib-font-size-root: 1rem;
@@ -254,6 +256,7 @@
254
256
  --uilib-card-search-color-flagship: var(--uilib-color-core-brand-strong);
255
257
  --uilib-card-search-color-flagship-text: var(--uilib-color-text-inverse);
256
258
  --uilib-card-search-highlights-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-down.svg");
259
+ --uilib-flight-details-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-down.svg");
257
260
  --uilib-form-row-label-font: var(--uilib-typography-label-medium-strong);
258
261
  --uilib-form-row-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/exclamation-mark-circled-filled.svg");
259
262
  --uilib-input-checkbox-icon-checked: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/checkmark.svg");
@@ -268,7 +271,7 @@
268
271
  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
269
272
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
270
273
  --uilib-input-chip-active-hover-bg-color: rgb(206.4, 219, 252.6);
271
- --uilib-input-chip-box-shadow: var(--uilib-elevation-100);
274
+ --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
272
275
  --uilib-input-chip-disabled-text-color: var(--uilib-color-other-disabled-soft);
273
276
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
274
277
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -289,10 +292,37 @@
289
292
  --uilib-input-slider-thumb-size: 2rem;
290
293
  --uilib-input-slider-thumb-radius: var(--uilib-border-radius-200);
291
294
  --uilib-input-slider-thumb-border-color: var(--uilib-color-core-interaction);
295
+ --uilib-input-switch-track-color: var(--uilib-color-core-neutral);
296
+ --uilib-input-switch-track-color-selected: var(--uilib-color-core-interaction);
297
+ --uilib-input-switch-track-color-disabled: var(--uilib-color-other-disabled-soft);
298
+ --uilib-input-switch-track-border-color: var(--uilib-color-border-input);
299
+ --uilib-input-switch-track-border-color-selected: var(--uilib-color-border-interaction);
300
+ --uilib-input-switch-track-border-color-disabled: var(--uilib-color-other-disabled-soft);
301
+ --uilib-input-switch-track-height: 1.5rem;
302
+ --uilib-input-switch-track-width: 2.75rem;
303
+ --uilib-input-switch-track-radius: var(--uilib-border-radius-pill);
304
+ --uilib-input-switch-thumb-size: 1rem;
305
+ --uilib-input-switch-thumb-radius: var(--uilib-border-radius-circle);
306
+ --uilib-input-switch-thumb-color: var(--uilib-color-other-disabled-strong);
307
+ --uilib-input-switch-thumb-color-selected: var(--uilib-color-core-neutral);
292
308
  --uilib-input-text-icon-clear: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/cross.svg");
293
309
  --uilib-input-text-icon-show: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/view.svg");
294
310
  --uilib-input-text-icon-hide: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/view-hidden.svg");
295
311
  --uilib-input-text-icon-calendar: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/calendar.svg");
312
+ --uilib-hero-image-radius-small: var(--uilib-border-radius-600) var(--uilib-border-radius-600) 0 0;
313
+ --uilib-hero-image-radius-large: var(--uilib-border-radius-1800) var(--uilib-border-radius-1800) 0 0;
314
+ --uilib-hero-image-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NzM4IiB2aWV3Qm94PSIwIDAgMTkyMCA2NzM4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjAwN18yKSI+CjxwYXRoIGQ9Ik0xOTIwIDY1NzUuNDJWMEgwVjY1NzUuMDZDMjg4LjQzNSA2Njc5LjI3IDYxNC44MjIgNjczOCA5NjAuNSA2NzM4QzEzMDUuNzggNjczOCAxNjMxLjgxIDY2NzkuNCAxOTIwIDY1NzUuNDJaIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjAwN18yIj4KPHJlY3Qgd2lkdGg9IjE5MjAiIGhlaWdodD0iNjczOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
315
+ --uilib-hero-image-mask-height-small: var(--uilib-spacing-1200);
316
+ --uilib-hero-image-mask-height-large: var(--uilib-spacing-1600);
317
+ --uilib-hero-content-radius: var(--uilib-border-radius-600);
318
+ --uilib-hero-content-bg-small: var(--uilib-color-core-surface);
319
+ --uilib-hero-content-bg: color-mix(in srgb, var(--uilib-color-core-neutral) 90%, transparent);
320
+ --uilib-hero-content-text-color: var(--uilib-color-text-strong);
321
+ --uilib-hero-content-text-highlight-color: var(--uilib-color-text-promotion);
322
+ --uilib-hero-flagship-content-bg-small: var(--uilib-color-core-brand-strong);
323
+ --uilib-hero-flagship-content-bg: color-mix(in srgb, var(--uilib-color-core-brand-strong) 90%, transparent);
324
+ --uilib-hero-flagship-content-text-color: var(--uilib-color-text-inverse);
325
+ --uilib-hero-flagship-content-text-highlight-color: var(--uilib-color-text-inverse);
296
326
  --uilib-icon-button-radius: var(--uilib-border-radius-200);
297
327
  --uilib-icon-button-ghost-color: var(--uilib-color-text-strong);
298
328
  --uilib-icon-button-ghost-bg-color: transparent;
package/dist/themes/firstchoice/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/variables/fonts/_pastiche-grotesque-fallback.scss","../../../src/variables/fonts/_rondelle-fallback.scss","../../../src/themes/firstchoice/_overrides.scss","../../../src/themes/firstchoice/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACPD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACFD;ACVA;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;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;EG8GD;EH9GC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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/variables/fonts/_pastiche-grotesque-fallback.scss","../../../src/variables/fonts/_rondelle-fallback.scss","../../../src/themes/firstchoice/_overrides.scss","../../../src/themes/firstchoice/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACPD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACDD;ACXA;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;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","file":"index.css"}
package/dist/themes/tui/fonts.css CHANGED
@@ -26,6 +26,20 @@
26
26
  src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/ambit-semibold.subset.woff2") format("woff2");
27
27
  font-display: swap;
28
28
  }
29
+ @font-face {
30
+ font-weight: 700;
31
+ font-family: "TUIHeadline";
32
+ font-style: normal;
33
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuiheadline-black.subset.woff2") format("woff2");
34
+ font-display: swap;
35
+ }
36
+ @font-face {
37
+ font-weight: 700;
38
+ font-family: "TUIHeadline";
39
+ font-style: italic;
40
+ src: url("https://mwa.tui.com/shared/mwa/assets/v3/fonts/tuiheadline-black-italic.subset.woff2") format("woff2");
41
+ font-display: swap;
42
+ }
29
43
  @font-face {
30
44
  font-weight: 700;
31
45
  font-family: "TUITypeLight";
package/dist/themes/tui/fonts.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/variables/fonts/_ambit-bold-italic.scss","../../../src/variables/fonts/_ambit-bold.scss","../../../src/variables/fonts/_ambit-semibold-italic.scss","../../../src/variables/fonts/_ambit-semibold.scss","../../../src/variables/fonts/_tuitypelight-bold.scss","../../../src/variables/fonts/_tuitypelight-bold-italic.scss","../../../src/variables/fonts/_tuitypelight-regular.scss","../../../src/variables/fonts/_tuitypelight-regular-italic.scss"],"names":[],"mappings":"AAGA;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA","file":"fonts.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/variables/fonts/_ambit-bold-italic.scss","../../../src/variables/fonts/_ambit-bold.scss","../../../src/variables/fonts/_ambit-semibold-italic.scss","../../../src/variables/fonts/_ambit-semibold.scss","../../../src/variables/fonts/_tuiheadline-black.scss","../../../src/variables/fonts/_tuiheadline-black-italic.scss","../../../src/variables/fonts/_tuitypelight-bold.scss","../../../src/variables/fonts/_tuitypelight-bold-italic.scss","../../../src/variables/fonts/_tuitypelight-regular.scss","../../../src/variables/fonts/_tuitypelight-regular-italic.scss"],"names":[],"mappings":"AAGA;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA;;ACLD;EACC;EACA;EACA;EACA;EACA","file":"fonts.css"}
package/dist/themes/tui/index.css CHANGED
@@ -37,6 +37,15 @@
37
37
  descent-override: 16.5%;
38
38
  line-gap-override: 17.5%;
39
39
  }
40
+ @font-face {
41
+ font-weight: 700;
42
+ font-family: "TUIHeadlineFallbackFont";
43
+ src: local("arial black");
44
+ size-adjust: 80.3%;
45
+ ascent-override: 93%;
46
+ descent-override: 28.9%;
47
+ line-gap-override: 22.3%;
48
+ }
40
49
  :root[data-theme=tui],
41
50
  :host([data-theme=tui]),
42
51
  [data-theme=tui],
@@ -114,6 +123,7 @@
114
123
  --uilib-color-other-gradient-diagonal-soft: linear-gradient(249deg, #e2f4fd 0.33%, #fff 99.66%);
115
124
  --uilib-color-other-gradient-diagonal: linear-gradient(249deg, #70cbf4 0.33%, #fff 99.66%);
116
125
  --uilib-color-other-gradient-diagonal-strong: linear-gradient(249deg, #1b115c 0.33%, #fff 99.66%);
126
+ --uilib-color-brand-tui: #0b092d;
117
127
  --uilib-color-brand-tui-blue: #1b115c;
118
128
  --uilib-color-brand-magiclife: #fff700;
119
129
  --uilib-color-brand-bluestar: #c2e6fa;
@@ -128,9 +138,10 @@
128
138
  --uilib-color-brand-kids-club: #1b115c;
129
139
  --uilib-color-brand-local: #d5d2c1;
130
140
  --uilib-color-brand-musement: #f4ca48;
131
- --uilib-elevation-0: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
132
- --uilib-elevation-100: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
133
- --uilib-elevation-200: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
141
+ --uilib-elevation-none: none;
142
+ --uilib-elevation-100: 0 0 0.125rem 0 var(--uilib-color-other-elevation);
143
+ --uilib-elevation-200: 0 0 0.25rem 0 var(--uilib-color-other-elevation);
144
+ --uilib-elevation-300: 0 0 0.5rem 0 var(--uilib-color-other-elevation);
134
145
  --uilib-focus-default: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #0c4bf3, 0 0 0 0.375rem rgba(12, 75, 243, 0.4);
135
146
  --uilib-focus-size: calc(var(--uilib-spacing-050) * 3);
136
147
  --uilib-focus-gap: var(--uilib-spacing-050);
@@ -190,8 +201,9 @@
190
201
  --uilib-stroke-style-none: none;
191
202
  --uilib-stroke-style-solid: solid;
192
203
  --uilib-stroke-style-dashed: dashed;
193
- --uilib-font-family-lead: Ambit, AmbitFallbackFont, sans-serif;
194
- --uilib-font-family-base: TUITypeLight, TUITypeLightFallbackFont, sans-serif;
204
+ --uilib-font-family-display: TUIHeadline, TUIHeadlineFallbackFont, arial black, sans-serif;
205
+ --uilib-font-family-lead: Ambit, AmbitFallbackFont, arial, sans-serif;
206
+ --uilib-font-family-base: TUITypeLight, TUITypeLightFallbackFont, arial, sans-serif;
195
207
  --uilib-font-size-root: 1rem;
196
208
  --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);
197
209
  --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);
@@ -277,6 +289,7 @@
277
289
  --uilib-card-search-color-flagship-text: var(--uilib-color-text-inverse);
278
290
  --uilib-card-search-highlights-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
279
291
  --uilib-card-search-color-brand: var(--uilib-color-brand-tui-blue);
292
+ --uilib-flight-details-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
280
293
  --uilib-form-row-label-font: var(--uilib-typography-label-medium);
281
294
  --uilib-form-row-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/exclamation-mark-circled-filled.svg");
282
295
  --uilib-input-checkbox-icon-checked: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/checkmark.svg");
@@ -291,7 +304,7 @@
291
304
  --uilib-input-chip-active-bg-color: var(--uilib-color-other-active-state-tint);
292
305
  --uilib-input-chip-active-border-color: var(--uilib-color-core-interaction);
293
306
  --uilib-input-chip-active-hover-bg-color: rgb(206.4, 219, 252.6);
294
- --uilib-input-chip-box-shadow: var(--uilib-elevation-100);
307
+ --uilib-input-chip-box-shadow: var(--uilib-elevation-200);
295
308
  --uilib-input-chip-disabled-text-color: var(--uilib-color-other-disabled-soft);
296
309
  --uilib-input-chip-disabled-bg-color: var(--uilib-color-core-neutral);
297
310
  --uilib-input-count-radius: var(--uilib-border-radius-100);
@@ -312,10 +325,37 @@
312
325
  --uilib-input-slider-thumb-border-color: var(--uilib-color-core-interaction);
313
326
  --uilib-input-stepper-icon-increment: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/plus.svg");
314
327
  --uilib-input-stepper-icon-decrement: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/minus.svg");
328
+ --uilib-input-switch-track-color: var(--uilib-color-core-neutral);
329
+ --uilib-input-switch-track-color-selected: var(--uilib-color-core-interaction);
330
+ --uilib-input-switch-track-color-disabled: var(--uilib-color-other-disabled-soft);
331
+ --uilib-input-switch-track-border-color: var(--uilib-color-border-input);
332
+ --uilib-input-switch-track-border-color-selected: var(--uilib-color-border-interaction);
333
+ --uilib-input-switch-track-border-color-disabled: var(--uilib-color-other-disabled-soft);
334
+ --uilib-input-switch-track-height: 1.5rem;
335
+ --uilib-input-switch-track-width: 2.75rem;
336
+ --uilib-input-switch-track-radius: var(--uilib-border-radius-pill);
337
+ --uilib-input-switch-thumb-size: 1rem;
338
+ --uilib-input-switch-thumb-radius: var(--uilib-border-radius-circle);
339
+ --uilib-input-switch-thumb-color: var(--uilib-color-other-disabled-strong);
340
+ --uilib-input-switch-thumb-color-selected: var(--uilib-color-core-neutral);
315
341
  --uilib-input-text-icon-clear: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
316
342
  --uilib-input-text-icon-show: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/view.svg");
317
343
  --uilib-input-text-icon-hide: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/view-hidden.svg");
318
344
  --uilib-input-text-icon-calendar: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/calendar.svg");
345
+ --uilib-hero-image-radius-small: var(--uilib-border-radius-600) var(--uilib-border-radius-600) 0 0;
346
+ --uilib-hero-image-radius-large: var(--uilib-border-radius-1800) var(--uilib-border-radius-1800) 0 0;
347
+ --uilib-hero-image-mask: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI2NzM4IiB2aWV3Qm94PSIwIDAgMTkyMCA2NzM4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfMjAwN18yKSI+CjxwYXRoIGQ9Ik0xOTIwIDY1NzUuNDJWMEgwVjY1NzUuMDZDMjg4LjQzNSA2Njc5LjI3IDYxNC44MjIgNjczOCA5NjAuNSA2NzM4QzEzMDUuNzggNjczOCAxNjMxLjgxIDY2NzkuNCAxOTIwIDY1NzUuNDJaIiBmaWxsPSIjRDlEOUQ5Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjAwN18yIj4KPHJlY3Qgd2lkdGg9IjE5MjAiIGhlaWdodD0iNjczOCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K);
348
+ --uilib-hero-image-mask-height-small: var(--uilib-spacing-1200);
349
+ --uilib-hero-image-mask-height-large: var(--uilib-spacing-1600);
350
+ --uilib-hero-content-radius: var(--uilib-border-radius-600);
351
+ --uilib-hero-content-bg-small: var(--uilib-color-core-surface);
352
+ --uilib-hero-content-bg: color-mix(in srgb, var(--uilib-color-core-neutral) 90%, transparent);
353
+ --uilib-hero-content-text-color: var(--uilib-color-text-strong);
354
+ --uilib-hero-content-text-highlight-color: var(--uilib-color-text-promotion);
355
+ --uilib-hero-flagship-content-bg-small: var(--uilib-color-core-brand-strong);
356
+ --uilib-hero-flagship-content-bg: color-mix(in srgb, var(--uilib-color-core-brand-strong) 90%, transparent);
357
+ --uilib-hero-flagship-content-text-color: var(--uilib-color-text-inverse);
358
+ --uilib-hero-flagship-content-text-highlight-color: var(--uilib-color-text-inverse);
319
359
  --uilib-icon-button-radius: var(--uilib-border-radius-pill);
320
360
  --uilib-icon-button-ghost-color: var(--uilib-color-core-interaction);
321
361
  --uilib-icon-button-ghost-bg-color: transparent;
package/dist/themes/tui/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/variables/fonts/_ambit-fallback.scss","../../../src/variables/fonts/_tuitypelight-fallback.scss","../../../src/themes/tui/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACjBD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACZD;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;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;EG8GD;EH9GC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;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/variables/fonts/_ambit-fallback.scss","../../../src/variables/fonts/_tuitypelight-fallback.scss","../../../src/variables/fonts/_tuiheadline-fallback.scss","../../../src/themes/tui/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACFA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACjBD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACjBD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;ACFD;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;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","file":"index.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tui/design-system",
3
- "version": "5.0.0-beta.4",
3
+ "version": "5.0.0-beta.5",
4
4
  "description": "TUI Design System",
5
5
  "author": "TUI Group",
6
6
  "contributors": [
@@ -18,15 +18,15 @@
18
18
  "build:js": "node cli/process-webcomponent-ts.mjs",
19
19
  "build:changelog": "node cli/change-log.mjs",
20
20
  "dev": "dotenv -e .env.local npm run storybook:dev",
21
- "test:sass": "jest --verbose ./test/sass-true",
22
21
  "storybook:dev": "run-s static:build build:primitives build:changelog set-scss-env storybook:serve",
23
22
  "storybook:build": "run-s static:build build:primitives build:js build:changelog set-scss-env _storybook:build_prod",
24
23
  "storybook:serve": "storybook dev -p 6006 -c storybook/.storybook",
25
24
  "_storybook:build_prod": "storybook build -c storybook/.storybook",
26
25
  "static:build": "node cli/static-assets.mjs",
27
- "lint:styles": "stylelint \"src/**/*.{scss,css}\" --fix",
26
+ "lint:styles": "npm run lint:styles:ci && npm run lint:style:fix",
27
+ "lint:styles:fix": "stylelint \"src/**/*.{scss,css}\" --fix --rule 'property-no-vendor-prefix:false'",
28
28
  "lint:styles:ci": "stylelint \"src/**/*.{scss,css}\"",
29
- "lint:standard": "eslint \"storybook/**/*.{js,ts}\" \"cli/*.mjs\" --config eslint.config.mjs --fix --ignore-pattern \"storybook/.storybook/**\" --no-warn-ignored",
29
+ "lint:standard": "eslint \"storybook/**/*.{js,ts}\" \"cli/*.mjs\" --cache --config eslint.config.mjs --fix --ignore-pattern \"storybook/.storybook/**\" --no-warn-ignored",
30
30
  "lint:standard:ci": "eslint \"storybook/**/*.{js,ts}\" \"cli/*.mjs\" --config eslint.config.mjs --ignore-pattern \"storybook/.storybook/**\" --no-warn-ignored",
31
31
  "lint:storybook": "eslint storybook/.storybook --config eslint.storybook.config.mjs --no-error-on-unmatched-pattern --fix",
32
32
  "lint:storybook:ci": "eslint storybook/.storybook --config eslint.storybook.config.mjs --no-error-on-unmatched-pattern --fix",
@@ -34,8 +34,7 @@
34
34
  "lint:ci": "npm run lint:standard:ci && npm run lint:storybook:ci",
35
35
  "prettier": "prettier --ignore-unknown --write .",
36
36
  "prettier:ci": "prettier --ignore-unknown --check .",
37
- "scss:compile": "sass --no-source-map --style=expanded utils/scss/input:utils/scss/output",
38
- "set-scss-env": "echo \"\\$uilib-assets-base-url: '${ASSETS_BASE_URL}' !default;\" > ./src/variables/_env-variables.scss",
37
+ "set-scss-env": "node cli/set-scss-env.mjs",
39
38
  "ci:lint": "bash ./ci-scripts/lint.sh",
40
39
  "ci:check:ts": "echo 'Probably not needed anymore, use `ci:lint`' && exit 0",
41
40
  "ci:code-tests": "bash ./ci-scripts/code-tests.sh",
@@ -43,7 +42,9 @@
43
42
  "ci:build": "bash ./ci-scripts/build.sh",
44
43
  "ci:deploy:feat": "bash ./ci-scripts/deploy/deploy-feature.sh",
45
44
  "ci:deploy:testing": "bash ./ci-scripts/deploy/deploy-testing.sh",
46
- "ci:destroy:feat": " bash ./ci-scripts/destroy/destroy-feature.sh"
45
+ "ci:destroy:feat": " bash ./ci-scripts/destroy/destroy-feature.sh",
46
+ "scss:compile": "sass --no-source-map --style=expanded utils/scss/input:utils/scss/output",
47
+ "test:sass": "jest --verbose ./test/sass-true"
47
48
  },
48
49
  "files": [
49
50
  "dist",
@@ -67,32 +68,32 @@
67
68
  "@eslint/compat": "^2.0.0",
68
69
  "@eslint/js": "^9.38.0",
69
70
  "@jest/globals": "^30.2.0",
70
- "@storybook/addon-a11y": "^8.4.7",
71
- "@storybook/addon-docs": "^8.4.7",
72
- "@storybook/addon-essentials": "^8.4.7",
73
- "@storybook/addon-links": "^8.4.7",
74
- "@storybook/addon-themes": "^8.4.7",
75
- "@storybook/blocks": "^8.4.7",
76
- "@storybook/html": "^8.4.7",
77
- "@storybook/html-webpack5": "^8.4.7",
78
- "@storybook/manager-api": "^8.4.7",
79
- "@storybook/preview-api": "^8.4.7",
80
- "@storybook/theming": "^8.4.7",
71
+ "@storybook/addon-a11y": "8.6.14",
72
+ "@storybook/addon-docs": "8.6.14",
73
+ "@storybook/addon-essentials": "8.6.14",
74
+ "@storybook/addon-links": "8.6.14",
75
+ "@storybook/addon-themes": "8.6.14",
76
+ "@storybook/blocks": "8.6.14",
77
+ "@storybook/html": "8.6.14",
78
+ "@storybook/html-webpack5": "8.6.14",
79
+ "@storybook/manager-api": "8.6.14",
80
+ "@storybook/preview-api": "8.6.14",
81
+ "@storybook/theming": "8.6.14",
81
82
  "@stylistic/eslint-plugin": "^3.1.0",
82
83
  "@types/js-beautify": "^1.14.3",
83
- "@types/node": "^24.9.1",
84
+ "@types/node": "^25.2.3",
84
85
  "@typescript-eslint/eslint-plugin": "^8.46.2",
85
86
  "@typescript-eslint/parser": "^8.46.2",
86
87
  "aws-cdk-lib": "^2.220.0",
87
88
  "babel-loader": "^10.0.0",
88
89
  "copyfiles": "^2.4.1",
89
- "css-loader": "7.1.2",
90
+ "css-loader": "7.1.3",
90
91
  "deepmerge": "^4.3.1",
91
92
  "dotenv": "^17.2.3",
92
93
  "dotenv-cli": "^11.0.0",
93
94
  "esbuild": "^0.27.0",
94
95
  "eslint": "^9.38.0",
95
- "eslint-config-airbnb-extended": "^2.3.2",
96
+ "eslint-config-airbnb-extended": "^3.0.1",
96
97
  "eslint-config-prettier": "^10.0.1",
97
98
  "eslint-import-resolver-typescript": "^4.4.4",
98
99
  "eslint-plugin-import": "^2.32.0",
@@ -102,8 +103,9 @@
102
103
  "eslint-plugin-prettier": "^5.5.4",
103
104
  "eslint-plugin-react": "^7.37.5",
104
105
  "eslint-plugin-react-hooks": "^7.0.1",
105
- "git-format-staged": "3.1.1",
106
+ "git-format-staged": "4.0.1",
106
107
  "glob": "^13.0.0",
108
+ "globals": "^17.3.0",
107
109
  "husky": "^9.1.7",
108
110
  "jest": "^30.2.0",
109
111
  "js-beautify": "^1.15.1",
@@ -119,18 +121,18 @@
119
121
  "sass-true": "^10.0.0",
120
122
  "shx": "0.4.0",
121
123
  "source-map-support": "^0.5.21",
122
- "storybook": "^8.4.7",
123
- "storybook-addon-pseudo-states": "^4.0.2",
124
+ "storybook": "8.6.14",
125
+ "storybook-addon-pseudo-states": "^4.0.3",
124
126
  "storybook-addon-tag-badges": "^1.4.0",
125
127
  "storybook-addon-turbo-build": "^2.0.1",
126
128
  "storybook-dark-mode": "^4.0.2",
127
129
  "storybook-preset-inline-svg": "^1.0.1",
128
130
  "style-loader": "4.0.0",
129
- "stylelint": "^16.25.0",
130
- "stylelint-config-standard": "^39.0.1",
131
- "stylelint-config-standard-scss": "^16.0.0",
131
+ "stylelint": "^17.2.0",
132
+ "stylelint-config-standard": "^40.0.0",
133
+ "stylelint-config-standard-scss": "^17.0.0",
132
134
  "stylelint-order": "^7.0.0",
133
- "stylelint-scss": "^6.10.1",
135
+ "stylelint-scss": "^7.0.0",
134
136
  "stylelint-semantic-groups": "^1.2.1",
135
137
  "ts-loader": "^9.5.2",
136
138
  "ts-node": "^10.9.1",
package/scss/lib/active-tag/_mixins.scss CHANGED
@@ -89,7 +89,7 @@
89
89
  }
90
90
 
91
91
  &__icon {
92
- --webkit-mask-image: var(--uilib-active-tag-icon);
92
+ -webkit-mask-image: var(--uilib-active-tag-icon);
93
93
  mask-image: var(--uilib-active-tag-icon);
94
94
 
95
95
  transform: rotate(0deg);
package/scss/lib/button/_mixins.scss CHANGED
@@ -50,7 +50,8 @@
50
50
  display: block;
51
51
  }
52
52
 
53
- &:hover:not(:disabled, .uilib-button--disabled) {
53
+ &:hover:not(:disabled, .uilib-button--disabled),
54
+ a:hover &:not(:disabled, .uilib-button--disabled) {
54
55
  background: var(--uilib-button-primary-hover-bg-color);
55
56
  }
56
57
 
@@ -58,7 +59,8 @@
58
59
  @include uilib-focus;
59
60
  }
60
61
 
61
- &:active:not(:disabled, .uilib-button--disabled) {
62
+ &:active:not(:disabled, .uilib-button--disabled),
63
+ a:active &:not(:disabled, .uilib-button--disabled) {
62
64
  transform: scale(0.96);
63
65
  }
64
66
  }
@@ -80,7 +82,8 @@
80
82
 
81
83
  background: var(--uilib-button-secondary-bg-color);
82
84
 
83
- &:hover:not(:disabled, .uilib-button--disabled) {
85
+ &:hover:not(:disabled, .uilib-button--disabled),
86
+ a:hover &:not(:disabled, .uilib-button--disabled) {
84
87
  background: var(--uilib-button-secondary-hover-bg-color);
85
88
  }
86
89
  }
@@ -90,7 +93,8 @@
90
93
 
91
94
  background: var(--uilib-button-tertiary-bg-color);
92
95
 
93
- &:hover:not(:disabled, .uilib-button--disabled) {
96
+ &:hover:not(:disabled, .uilib-button--disabled),
97
+ a:hover &:not(:disabled, .uilib-button--disabled) {
94
98
  background: var(--uilib-button-tertiary-hover-bg-color);
95
99
  }
96
100
  }
@@ -100,7 +104,8 @@
100
104
 
101
105
  background: var(--uilib-button-promotion-bg-color);
102
106
 
103
- &:hover:not(:disabled, .uilib-button--disabled) {
107
+ &:hover:not(:disabled, .uilib-button--disabled),
108
+ a:hover &:not(:disabled, .uilib-button--disabled) {
104
109
  background: var(--uilib-button-promotion-hover-bg-color);
105
110
  }
106
111
  }
@@ -110,7 +115,8 @@
110
115
 
111
116
  background: var(--uilib-button-search-bg-color);
112
117
 
113
- &:hover:not(:disabled, .uilib-button--disabled) {
118
+ &:hover:not(:disabled, .uilib-button--disabled),
119
+ a:hover &:not(:disabled, .uilib-button--disabled) {
114
120
  background: var(--uilib-button-search-hover-bg-color);
115
121
  }
116
122
  }
package/scss/lib/cards/card/_mixins.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  .uilib-card {
8
8
  border-radius: var(--uilib-border-radius-400);
9
9
 
10
- box-shadow: var(--uilib-elevation-0);
10
+ box-shadow: var(--uilib-elevation-100);
11
11
 
12
12
  &--link:has(a:focus-visible, button:focus-visible) {
13
13
  @include uilib-focus;