@tui/design-system 1.1.1 → 1.3.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 (40) hide show
  1. package/CHANGELOG.md +94 -3
  2. package/dist/themes/crystalski/index.css +15 -4
  3. package/dist/themes/crystalski/index.css.map +1 -1
  4. package/dist/themes/firstchoice/index.css +15 -4
  5. package/dist/themes/firstchoice/index.css.map +1 -1
  6. package/dist/themes/tui/index.css +15 -4
  7. package/dist/themes/tui/index.css.map +1 -1
  8. package/package.json +5 -5
  9. package/scss/lib/cards/selectable/_mixins.scss +2 -2
  10. package/scss/lib/forms/form-row/_mixins.scss +1 -0
  11. package/scss/lib/forms/input-checkbox/_mixins.scss +2 -0
  12. package/scss/lib/forms/input-chip/_mixins.scss +14 -10
  13. package/scss/lib/forms/input-count/_mixins.scss +2 -0
  14. package/scss/lib/forms/input-radio/_mixins.scss +2 -0
  15. package/scss/lib/forms/input-radio-scroll/_index.scss +3 -0
  16. package/scss/lib/forms/input-radio-scroll/_mixins.scss +185 -0
  17. package/scss/lib/forms/input-radio-scroll/_variables.scss +7 -0
  18. package/scss/lib/grid/_mixins.scss +1 -1
  19. package/scss/lib/ratings-reviews/range-bar/_mixins.scss +81 -22
  20. package/scss/lib/ratings-reviews/range-bar/_variables.scss +6 -6
  21. package/scss/lib/ratings-reviews/range-icons/_mixins.scss +62 -13
  22. package/scss/lib/ratings-reviews/range-icons/_variables.scss +7 -0
  23. package/scss/lib/ratings-reviews/range-icons-group/_mixins.scss +7 -1
  24. package/scss/lib/scroller/_mixins.scss +7 -6
  25. package/scss/lib/tabs/_mixins.scss +2 -2
  26. package/scss/lib/tabs/anchor/_mixins.scss +1 -1
  27. package/scss/lib/travel-aware-banner/_index.scss +3 -0
  28. package/scss/lib/travel-aware-banner/_mixins.scss +58 -0
  29. package/scss/lib/travel-aware-banner/_variables.scss +4 -0
  30. package/scss/lib/utility/_mixins.scss +1 -0
  31. package/scss/mixins.scss +2 -0
  32. package/scss/themes/crystalski/_overrides.scss +9 -0
  33. package/scss/themes/crystalski/index.scss +6 -0
  34. package/scss/themes/firstchoice/_overrides.scss +9 -0
  35. package/scss/themes/firstchoice/index.scss +6 -0
  36. package/scss/themes/tui/index.scss +6 -0
  37. package/scss/variables/_border-radius.scss +2 -0
  38. package/scss/variables/base-theme.json +88 -27
  39. package/scss/variables.scss +2 -0
  40. package/types/components.ts +461 -435
package/CHANGELOG.md CHANGED
@@ -1,5 +1,96 @@
1
1
  # Changelog
2
2
 
3
+ ## v1.3.0
4
+
5
+ ### Added
6
+
7
+ #### [Global border radius](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/globals-border-radius--docs)
8
+
9
+ - Added new border radius token `--uilib-border-radius-300` (12px) to fill the gap between `--uilib-border-radius-200` (8px) and
10
+ `--uilib-border-radius-400` (16px). Aligns with Figma Core Primitives.
11
+
12
+ #### [Input radio scroll](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-radio-scroll--docs)
13
+
14
+ - Added input radio scroll to provide a horizontally scrollable group of radio options designed for situations where multiple choices need to be
15
+ presented in a compact space. Instead of wrapping onto multiple lines, options are displayed in a single horizontal row that can be navigated using
16
+ carousel controls, drag interactions, or touch gestures.
17
+
18
+ #### [Travel Aware banner](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-travel-aware-banner--docs)
19
+
20
+ - Added Travel Aware banner, a contextual UI banner that provides a link to information on staying safe and healthy when abroad.
21
+
22
+ ### Fixed
23
+
24
+ ##### [Input Chip](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-chip--docs)
25
+
26
+ - Fix for selected disabled styling of input chips
27
+
28
+ ## v1.2.0
29
+
30
+ ### Updated
31
+
32
+ #### [Range bar](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-bar--docs)
33
+
34
+ - Label style has been updated. For the customer variant, the label has moved from above to the left of the bar and the optional icon has been
35
+ removed.
36
+ - The value has moved to before the bar and is displayed as a percentage. Prior to this, customer reviews used a scale of 0 to 10 (with 0.1
37
+ increments) and TripAdvisor used a scale of 0 to 5 (with 0.5 increments).
38
+ - The bar for the customer variant has changed in style with a larger radius and the inactive area of the bar has been updated.
39
+ - Aria roles (list and listitem) have been added when used as a group to improve semantics.
40
+ - When used in a group the spacing between ratings has been harmonised to spacing-200 (8px). Previously it was spacing-300 (12px) for customer reviews
41
+ and spacing-100 (4px) for TripAdvisor.
42
+
43
+ ##### Customer review variant with icon
44
+
45
+ The following markup shows the previous implementation that included the now-deprecated icon element.
46
+
47
+ ```html
48
+ <div class="uilib-ratings-range-bar uilib-ratings-range-bar--customer-review">
49
+ <div class="uilib-ratings-range-bar__label">
50
+ <span class="uilib-icon uilib-icon--xsmall uilib-icon--standard-aircraft uilib-ratings-range-bar__icon" data-theme="tui"></span>
51
+ Label
52
+ </div>
53
+ <div class="uilib-ratings-range-bar__content">
54
+ <div class="uilib-ratings-range-bar__bar" style="--percentage: 89"></div>
55
+ <div class="uilib-ratings-range-bar__score">8.9</div>
56
+ <span class="uilib-ratings-range-bar--hidden">Customer Review rating 8.9 out of 10. </span>
57
+ </div>
58
+ </div>
59
+ ```
60
+
61
+ #### [Range icon](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-icons--docs)
62
+
63
+ - Added customer rating variant `uilib-ratings-range-icons--tui`.
64
+ - Added inverse support for TripAdvisor variant.
65
+ - Added rating score that precedes the customer and TripAdvisor icon ranges for better clarity.
66
+ - Spacing between the logo, value, score and details elements has been adjusted to be consistently spacing-200 (8px).
67
+ - Recommended minimum spacing around the component has been adjusted to a spacing-200 (8px) for all variants, horizontal and vertical. Previously for
68
+ medium range icons spacing was spacing-100 (4px) top and bottom, and spacing-200 (8px) left and right. For large range icons it was spacing-300
69
+ (12px) top and bottom, and spacing-200 (8px) left and right.
70
+
71
+ | New class | Description |
72
+ | ---------------------------------- | -------------------------------------------------------------------------------------------------- |
73
+ | uilib-ratings-range-icons\_\_value | Styling for the range icons value element that precedes the score for tui and tripadvisor variants |
74
+
75
+ #### [Range icon group](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-icons-group--docs)
76
+
77
+ - The spacing between rating categories within the group has been updated from spacing-100 (4px) to spacing-200 (8px).
78
+ - The rating category styling has been updated from `--uilib-typography-body-medium` in `--uilib-color-text-body` to
79
+ `--uilib-typography-lable-small-strong` in `--uilib-color-text-strong`.
80
+
81
+ ### Deprecated
82
+
83
+ #### [Range bar](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-bar--docs)
84
+
85
+ | Deprecated class | Description |
86
+ | ------------------------------- | ----------------------------------------------------------------- |
87
+ | uilib-ratings-range-bar\_\_icon | Styling for icon located before the label (customer variant only) |
88
+
89
+ | Deprecated token | Usage |
90
+ | ----------------------------------------------- | ------------------------------- |
91
+ | --uilib-ratings-range-bar-icon-color | Colour of the icon before label |
92
+ | --uilib-ratings-range-bar-tripadvisor-bar-width | Tripadvisor range bar width |
93
+
3
94
  ## v1.1.1
4
95
 
5
96
  ### Fixed
@@ -10,7 +101,7 @@
10
101
 
11
102
  #### [Modal](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-modal--docs)
12
103
 
13
- - Fix modal heading size and colour.
104
+ - Correct modal heading size and colour.
14
105
 
15
106
  ## v1.1.0
16
107
 
@@ -24,7 +115,7 @@
24
115
 
25
116
  #### [Flyout dropdown](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-flyout-dropdown--docs)
26
117
 
27
- - Added the flyout component is an overlay panel that emerges from a control like a button or menu item. The flyout is shown on-click/tap of the
118
+ - Added the flyout component — an overlay panel that emerges from a control like a button or menu item. The flyout is shown on click/tap of the
28
119
  control and is used primarily on desktop and tablet devices.
29
120
 
30
121
  ### Updated
@@ -434,7 +525,7 @@ Modals and Accordions.
434
525
  ##### [Range icons](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-icons--docs) (previously Rating, and Review range variant)
435
526
 
436
527
  - Mixins simplified to single mixin controlling range icon rating/review styles `uilib-ratings-range-icons`
437
- - Added Tripadvisor variant.
528
+ - Added TripAdvisor variant.
438
529
  - Group styling option included
439
530
 
440
531
  ##### [Range icon group](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-icons-group--docs)
package/dist/themes/crystalski/index.css CHANGED
@@ -14,6 +14,7 @@
14
14
  --uilib-border-radius-none: 0;
15
15
  --uilib-border-radius-100: 0.25rem;
16
16
  --uilib-border-radius-200: 0.5rem;
17
+ --uilib-border-radius-300: 0.75rem;
17
18
  --uilib-border-radius-400: 1rem;
18
19
  --uilib-border-radius-600: 1.5rem;
19
20
  --uilib-border-radius-1000: 2.5rem;
@@ -275,6 +276,8 @@
275
276
  --uilib-input-count-font: var(--uilib-typography-body-medium-strong);
276
277
  --uilib-input-count-size: var(--uilib-spacing-800);
277
278
  --uilib-input-radio-text-color-strong: var(--uilib-color-text-body);
279
+ --uilib-input-radio-scroll-previous-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-left.svg");
280
+ --uilib-input-radio-scroll-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
278
281
  --uilib-input-select-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-updown.svg");
279
282
  --uilib-input-stepper-increment-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/plus.svg");
280
283
  --uilib-input-stepper-decrement-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/minus.svg");
@@ -412,21 +415,28 @@
412
415
  --uilib-ratings-numerical-alt-icon-color: var(--uilib-color-text-inverse);
413
416
  --uilib-ratings-numerical-alt-radius: var(--uilib-border-radius-100);
414
417
  --uilib-ratings-percentage-leading-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/thumbs-up.svg");
418
+ --uilib-ratings-range-icons-tripadvisor-color: var(--uilib-color-brand-tripadvisor);
419
+ --uilib-ratings-range-icons-tripadvisor-inverse-color: var(--uilib-color-brand-tripadvisor-inverse);
415
420
  --uilib-ratings-range-icons-tripadvisor-logo: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small.svg");
421
+ --uilib-ratings-range-icons-tripadvisor-logo-inverse: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small-white.svg");
416
422
  --uilib-ratings-range-icons-tripadvisor-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-unchecked.svg");
417
423
  --uilib-ratings-range-icons-tripadvisor-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-checked.svg");
418
424
  --uilib-ratings-range-icons-sun-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-unchecked.svg");
419
425
  --uilib-ratings-range-icons-sun-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-checked.svg");
420
426
  --uilib-ratings-range-icons-star-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/crystalski-mountain-unchecked.svg");
421
427
  --uilib-ratings-range-icons-star-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/crystalski-mountain-checked.svg");
428
+ --uilib-ratings-range-icons-customer-color: var(--uilib-color-core-brand);
429
+ --uilib-ratings-range-icons-customer-inverse-color: var(--uilib-color-core-brand);
430
+ --uilib-ratings-range-icons-customer-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-unchecked.svg");
431
+ --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
422
432
  --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
423
433
  --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
424
- --uilib-ratings-range-bar-bar-width: 11.5rem;
434
+ --uilib-ratings-range-bar-bar-width: 11.25rem;
425
435
  --uilib-ratings-range-bar-bar-color: var(--uilib-color-core-brand);
426
- --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-surface);
427
- --uilib-ratings-range-bar-tripadvisor-bar-width: 6.5625rem;
436
+ --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-neutral);
428
437
  --uilib-ratings-range-bar-tripadvisor-bar-color: var(--uilib-color-brand-tripadvisor);
429
- --uilib-ratings-range-bar-tripadvisor-bar-bg-color: var(--uilib-color-other-disabled-soft);
438
+ --uilib-ratings-range-bar-tripadvisor-bar-bg-color: var(--uilib-color-core-neutral);
439
+ --uilib-ratings-range-bar-tripadvisor-bar-width: 6.5625rem;
430
440
  --uilib-ratings-range-bar-icon-color: var(--uilib-color-status-info-icon);
431
441
  --uilib-scroller-thumb-size: var(--uilib-spacing-400);
432
442
  --uilib-scroller-thumb-radius: var(--uilib-border-radius-pill);
@@ -456,6 +466,7 @@
456
466
  --uilib-tooltip-radius: var(--uilib-border-radius-100);
457
467
  --uilib-tooltip-bg-color: var(--uilib-color-text-body);
458
468
  --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
469
+ --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
459
470
  }
460
471
 
461
472
  /*# sourceMappingURL=index.css.map */
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;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","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;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","file":"index.css"}
package/dist/themes/firstchoice/index.css CHANGED
@@ -15,6 +15,7 @@
15
15
  --uilib-border-radius-none: 0;
16
16
  --uilib-border-radius-100: 0.25rem;
17
17
  --uilib-border-radius-200: 0.5rem;
18
+ --uilib-border-radius-300: 0.75rem;
18
19
  --uilib-border-radius-400: 1rem;
19
20
  --uilib-border-radius-600: 1.5rem;
20
21
  --uilib-border-radius-1000: 2.5rem;
@@ -282,6 +283,8 @@
282
283
  --uilib-input-count-font: var(--uilib-typography-body-medium-strong);
283
284
  --uilib-input-count-size: var(--uilib-spacing-800);
284
285
  --uilib-input-radio-text-color-strong: var(--uilib-color-text-strong);
286
+ --uilib-input-radio-scroll-previous-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-left.svg");
287
+ --uilib-input-radio-scroll-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-right.svg");
285
288
  --uilib-input-select-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-updown.svg");
286
289
  --uilib-input-stepper-increment-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/plus.svg");
287
290
  --uilib-input-stepper-decrement-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/minus.svg");
@@ -419,21 +422,28 @@
419
422
  --uilib-ratings-numerical-alt-icon-color: var(--uilib-color-text-inverse);
420
423
  --uilib-ratings-numerical-alt-radius: var(--uilib-border-radius-100);
421
424
  --uilib-ratings-percentage-leading-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/thumbs-up.svg");
425
+ --uilib-ratings-range-icons-tripadvisor-color: var(--uilib-color-brand-tripadvisor);
426
+ --uilib-ratings-range-icons-tripadvisor-inverse-color: var(--uilib-color-brand-tripadvisor-inverse);
422
427
  --uilib-ratings-range-icons-tripadvisor-logo: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small.svg");
428
+ --uilib-ratings-range-icons-tripadvisor-logo-inverse: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small-white.svg");
423
429
  --uilib-ratings-range-icons-tripadvisor-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-unchecked.svg");
424
430
  --uilib-ratings-range-icons-tripadvisor-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-checked.svg");
425
431
  --uilib-ratings-range-icons-sun-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-unchecked.svg");
426
432
  --uilib-ratings-range-icons-sun-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-checked.svg");
427
433
  --uilib-ratings-range-icons-star-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/firstchoice-star-unchecked.svg");
428
434
  --uilib-ratings-range-icons-star-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/firstchoice-star-checked.svg");
435
+ --uilib-ratings-range-icons-customer-color: var(--uilib-color-core-brand);
436
+ --uilib-ratings-range-icons-customer-inverse-color: var(--uilib-color-core-brand);
437
+ --uilib-ratings-range-icons-customer-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-unchecked.svg");
438
+ --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
429
439
  --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
430
440
  --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
431
- --uilib-ratings-range-bar-bar-width: 11.5rem;
441
+ --uilib-ratings-range-bar-bar-width: 11.25rem;
432
442
  --uilib-ratings-range-bar-bar-color: var(--uilib-color-core-brand);
433
- --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-surface);
434
- --uilib-ratings-range-bar-tripadvisor-bar-width: 6.5625rem;
443
+ --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-neutral);
435
444
  --uilib-ratings-range-bar-tripadvisor-bar-color: var(--uilib-color-brand-tripadvisor);
436
- --uilib-ratings-range-bar-tripadvisor-bar-bg-color: var(--uilib-color-other-disabled-soft);
445
+ --uilib-ratings-range-bar-tripadvisor-bar-bg-color: var(--uilib-color-core-neutral);
446
+ --uilib-ratings-range-bar-tripadvisor-bar-width: 6.5625rem;
437
447
  --uilib-ratings-range-bar-icon-color: var(--uilib-color-status-info-icon);
438
448
  --uilib-scroller-thumb-size: var(--uilib-spacing-400);
439
449
  --uilib-scroller-thumb-radius: var(--uilib-border-radius-pill);
@@ -463,6 +473,7 @@
463
473
  --uilib-tooltip-radius: var(--uilib-border-radius-100);
464
474
  --uilib-tooltip-bg-color: var(--uilib-color-text-body);
465
475
  --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
476
+ --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
466
477
  }
467
478
 
468
479
  /*# sourceMappingURL=index.css.map */
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/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;ACgBA;ACbA;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;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","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.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;ACgBA;ACbA;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;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","file":"index.css"}
package/dist/themes/tui/index.css CHANGED
@@ -21,6 +21,7 @@
21
21
  --uilib-border-radius-none: 0;
22
22
  --uilib-border-radius-100: 0.25rem;
23
23
  --uilib-border-radius-200: 0.5rem;
24
+ --uilib-border-radius-300: 0.75rem;
24
25
  --uilib-border-radius-400: 1rem;
25
26
  --uilib-border-radius-600: 1.5rem;
26
27
  --uilib-border-radius-1000: 2.5rem;
@@ -298,6 +299,8 @@
298
299
  --uilib-input-count-font: var(--uilib-typography-body-medium-strong);
299
300
  --uilib-input-count-size: var(--uilib-spacing-800);
300
301
  --uilib-input-radio-text-color-strong: var(--uilib-color-text-strong);
302
+ --uilib-input-radio-scroll-previous-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-left.svg");
303
+ --uilib-input-radio-scroll-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-right.svg");
301
304
  --uilib-input-select-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-updown.svg");
302
305
  --uilib-input-slider-track-color: var(--uilib-color-other-disabled-strong);
303
306
  --uilib-input-slider-track-selected-color: var(--uilib-color-core-interaction);
@@ -435,21 +438,28 @@
435
438
  --uilib-ratings-numerical-alt-icon-color: var(--uilib-color-brand-musement);
436
439
  --uilib-ratings-numerical-alt-radius: var(--uilib-border-radius-100);
437
440
  --uilib-ratings-percentage-leading-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/thumbs-up.svg");
441
+ --uilib-ratings-range-icons-tripadvisor-color: var(--uilib-color-brand-tripadvisor);
442
+ --uilib-ratings-range-icons-tripadvisor-inverse-color: var(--uilib-color-brand-tripadvisor-inverse);
438
443
  --uilib-ratings-range-icons-tripadvisor-logo: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small.svg");
444
+ --uilib-ratings-range-icons-tripadvisor-logo-inverse: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-logo-small-white.svg");
439
445
  --uilib-ratings-range-icons-tripadvisor-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-unchecked.svg");
440
446
  --uilib-ratings-range-icons-tripadvisor-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tripadvisor-checked.svg");
441
447
  --uilib-ratings-range-icons-sun-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-unchecked.svg");
442
448
  --uilib-ratings-range-icons-sun-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-sun-checked.svg");
443
449
  --uilib-ratings-range-icons-star-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-star-unchecked.svg");
444
450
  --uilib-ratings-range-icons-star-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-star-checked.svg");
451
+ --uilib-ratings-range-icons-customer-color: var(--uilib-color-core-brand);
452
+ --uilib-ratings-range-icons-customer-inverse-color: var(--uilib-color-core-brand);
453
+ --uilib-ratings-range-icons-customer-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-unchecked.svg");
454
+ --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
445
455
  --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
446
456
  --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
447
- --uilib-ratings-range-bar-bar-width: 11.5rem;
457
+ --uilib-ratings-range-bar-bar-width: 11.25rem;
448
458
  --uilib-ratings-range-bar-bar-color: var(--uilib-color-core-brand);
449
- --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-surface);
450
- --uilib-ratings-range-bar-tripadvisor-bar-width: 6.5625rem;
459
+ --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-neutral);
451
460
  --uilib-ratings-range-bar-tripadvisor-bar-color: var(--uilib-color-brand-tripadvisor);
452
- --uilib-ratings-range-bar-tripadvisor-bar-bg-color: var(--uilib-color-other-disabled-soft);
461
+ --uilib-ratings-range-bar-tripadvisor-bar-bg-color: var(--uilib-color-core-neutral);
462
+ --uilib-ratings-range-bar-tripadvisor-bar-width: 6.5625rem;
453
463
  --uilib-ratings-range-bar-icon-color: var(--uilib-color-status-info-icon);
454
464
  --uilib-scroller-thumb-size: var(--uilib-spacing-400);
455
465
  --uilib-scroller-thumb-radius: var(--uilib-border-radius-pill);
@@ -479,6 +489,7 @@
479
489
  --uilib-tooltip-radius: var(--uilib-border-radius-100);
480
490
  --uilib-tooltip-bg-color: var(--uilib-color-text-body);
481
491
  --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
492
+ --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
482
493
  }
483
494
 
484
495
  /*# sourceMappingURL=index.css.map */
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/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;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;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","file":"index.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.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;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;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","file":"index.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tui/design-system",
3
- "version": "1.1.1",
3
+ "version": "1.3.0",
4
4
  "description": "TUI Design System",
5
5
  "author": "TUI Group",
6
6
  "//dependencies": {
@@ -72,8 +72,8 @@
72
72
  "@babel/preset-env": "^7.25.2",
73
73
  "@babel/preset-react": "^7.26.3",
74
74
  "@babel/preset-typescript": "^7.28.5",
75
- "@commitlint/cli": "^20.1.0",
76
- "@commitlint/config-conventional": "^20.0.0",
75
+ "@commitlint/cli": "^21.0.2",
76
+ "@commitlint/config-conventional": "^21.0.2",
77
77
  "@eslint/compat": "^2.0.0",
78
78
  "@eslint/js": "^9.38.0",
79
79
  "@figma/code-connect": "^1.4.5",
@@ -90,7 +90,7 @@
90
90
  "@storybook/preview-api": "8.6.14",
91
91
  "@storybook/theming": "8.6.14",
92
92
  "@stylistic/eslint-plugin": "^3.1.0",
93
- "@tui/cally": "^0.0.0",
93
+ "@tui/cally": "^0.1.0",
94
94
  "@types/js-beautify": "^1.14.3",
95
95
  "@types/node": "^25.2.3",
96
96
  "@typescript-eslint/eslint-plugin": "^8.46.2",
@@ -123,7 +123,7 @@
123
123
  "lint-staged": "^17.0.2",
124
124
  "log-update": "^8.0.0",
125
125
  "node-fetch": "^3.3.2",
126
- "npm-run-all2": "^8.0.4",
126
+ "npm-run-all2": "^9.0.1",
127
127
  "postcss-scss": "^4.0.6",
128
128
  "prettier": "^3.4.2",
129
129
  "remark-gfm": "^4.0.0",
package/scss/lib/cards/selectable/_mixins.scss CHANGED
@@ -220,11 +220,11 @@ $uilib-card-selectable-included: false !default;
220
220
  @include uilib-focus;
221
221
  }
222
222
 
223
- &:not(:has(.uilib-card-selectable__input-hidden:disabled)):hover {
223
+ &:has(.uilib-card-selectable__input-hidden):not(:has(.uilib-card-selectable__input-hidden:disabled)):hover {
224
224
  box-shadow: var(--uilib-card-hover-elevation);
225
225
  }
226
226
 
227
- &:not(&--selected):has(.uilib-input-radio__label:hover) {
227
+ &:not(&--selected):has(.uilib-input-radio__label:hover):not(:has(.uilib-input-radio__input:disabled)) {
228
228
  box-shadow: var(--uilib-card-hover-elevation);
229
229
  }
230
230
 
package/scss/lib/forms/form-row/_mixins.scss CHANGED
@@ -14,6 +14,7 @@ $uilib-form-row-included: false !default;
14
14
 
15
15
  @mixin uilib-form-row-master() {
16
16
  .uilib-form-row {
17
+ min-width: 0;
17
18
  margin: var(--uilib-spacing-400) 0;
18
19
  padding: 0;
19
20
 
package/scss/lib/forms/input-checkbox/_mixins.scss CHANGED
@@ -16,6 +16,8 @@ $uilib-input-checkbox-included: false !default;
16
16
 
17
17
  @mixin uilib-input-checkbox-master() {
18
18
  .uilib-input-checkbox {
19
+ position: relative;
20
+
19
21
  &__input {
20
22
  @include uilib-visually-hidden;
21
23
  }
package/scss/lib/forms/input-chip/_mixins.scss CHANGED
@@ -17,28 +17,28 @@ $uilib-input-chip-included: false !default;
17
17
 
18
18
  @mixin uilib-input-chip-master() {
19
19
  .uilib-input-chip {
20
- &__input {
21
- appearance: none;
20
+ position: relative;
22
21
 
22
+ &__input {
23
23
  @include uilib-visually-hidden;
24
24
 
25
- &:hover + .uilib-input-chip__label {
26
- background-color: var(--uilib-input-chip-hover-bg-color);
27
- }
28
-
29
25
  &:focus-visible + .uilib-input-chip__label {
30
26
  @include uilib-focus;
31
27
  }
32
28
 
33
29
  &:disabled + .uilib-input-chip__label,
34
30
  &:disabled:checked + .uilib-input-chip__label {
35
- color: var(--uilib-input-chip-disabled-color);
31
+ color: var(--uilib-color-text-body);
36
32
 
37
33
  background: var(--uilib-input-chip-disabled-bg-color);
38
34
 
39
35
  cursor: default;
40
36
  }
41
37
 
38
+ &:disabled:checked + .uilib-input-chip__label {
39
+ border-color: var(--uilib-color-other-disabled-strong);
40
+ }
41
+
42
42
  &:checked + .uilib-input-chip__label {
43
43
  border-color: var(--uilib-input-chip-active-border-color);
44
44
 
@@ -46,10 +46,10 @@ $uilib-input-chip-included: false !default;
46
46
 
47
47
  box-shadow: var(--uilib-elevation-200);
48
48
  }
49
+ }
49
50
 
50
- &:checked:hover + .uilib-input-chip__label {
51
- background: var(--uilib-input-chip-active-hover-bg-color);
52
- }
51
+ &:has(&__input:checked:not(:disabled)) &__label:hover {
52
+ background: var(--uilib-input-chip-active-hover-bg-color);
53
53
  }
54
54
 
55
55
  &__label {
@@ -83,6 +83,10 @@ $uilib-input-chip-included: false !default;
83
83
  background-color var(--uilib-motion-timing-inout) var(--uilib-motion-duration-fast),
84
84
  color var(--uilib-motion-timing-inout) var(--uilib-motion-duration-fast);
85
85
  }
86
+
87
+ &:hover {
88
+ background-color: var(--uilib-input-chip-hover-bg-color);
89
+ }
86
90
  }
87
91
 
88
92
  &.uilib-input-chip--choice label {
package/scss/lib/forms/input-count/_mixins.scss CHANGED
@@ -16,6 +16,8 @@ $uilib-input-count-included: false !default;
16
16
 
17
17
  @mixin uilib-input-count-master() {
18
18
  .uilib-input-count {
19
+ position: relative;
20
+
19
21
  display: flex;
20
22
  flex-flow: row wrap;
21
23
  gap: var(--uilib-spacing-200);
package/scss/lib/forms/input-radio/_mixins.scss CHANGED
@@ -16,6 +16,8 @@ $uilib-input-radio-included: false !default;
16
16
 
17
17
  @mixin uilib-input-radio-master() {
18
18
  .uilib-input-radio {
19
+ position: relative;
20
+
19
21
  &__input {
20
22
  @include uilib-visually-hidden;
21
23
  }
package/scss/lib/forms/input-radio-scroll/_index.scss ADDED
@@ -0,0 +1,3 @@
1
+ // radio scroll / index
2
+ @use 'mixins' as *;
3
+ @include uilib-input-radio-scroll;