@tui/design-system 1.6.0 → 1.8.0

package/CHANGELOG.md

@@ -1,5 +1,190 @@
 # Changelog
 
+## v1.8.0
+
+### Added
+
+#### [Card Carousel](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-cards-carousel--docs)
+
+- New carousel component for horizontally navigating consumer-provided content items such as product cards, image galleries, or promotional banners.
+  Enhances static, natively scrollable markup into an Embla-driven carousel with `page` and `item` variants, and remains usable without JavaScript via
+  native horizontal scrolling.
+
+#### [Highlight Panel](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-highlight-panel--docs)
+
+- Added the Highlight Panel which is a structural component for presenting content with elevated prominence. It provides a header, a collapsible
+  (optional) detail area, and an optional footer — suitable for summarised overviews, key information panels, or any context that benefits from a
+  clear visual hierarchy between a condensed summary and expandable detail.
+
+#### [Review card](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/patterns-review-card--docs)
+
+- Added the Review card to display aggregated third-party ratings (e.g. Tripadvisor) in a compact card format. It shows an overall score, rating
+  descriptor, review count, per-category breakdowns, and a link to the full review source. The component is brand-agnostic and adapts to different
+  review providers across markets.
+
+### Updated
+
+#### [List](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-list--docs)
+
+- Added `uilib-list--plain` variant for lists without any leading bullet, icon, number, or image. Useful when the list semantics are needed but no
+  visual indicator is required.
+- Added `uilib-list__hint` class for right-aligned content within a list item (e.g. edit links, prices). Uses CSS grid to pin the hint to the right
+  while leaving the rest of the list item content unaffected.
+- Added highlighted list item styling (`uilib-list__highlight-item`) for promoting a single item within a list, e.g. discount or coupon code.
+
+#### [Numerical rating](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-numerical--docs)
+
+- Rating scale changed from 1–10 to 1–5 to align with the updated TUI customer review scoring system
+- Added `author` organization (TUI) to schema output to identify the rating source
+- Schema now uses `Place` instead of `Hotel` and `reviewCount` instead of `ratingCount`
+- Schema values now use numeric types instead of strings
+
+#### [Percentage rating](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-percentage--docs)
+
+- Updated schema example to use `Place` with `AggregateRating` pattern and corrected property types
+- Added `author` organization (HolidayCheck) to schema output to identify the rating source
+- Schema values now use numeric types instead of strings
+
+#### [Range bar](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-bar--docs)
+
+- Updated schema documentation to use `Place` with `AggregateRating` pattern including `reviewAspect` for aspect-level ratings
+- Added `author` organization to schema output to identify the rating source
+- Range bar group now has a single consolidated JSON-LD block for all category schemas instead of individual schemas per bar
+
+#### [Range icons](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-icons--docs)
+
+- Added HolidayCheck rating variant (`uilib-ratings-range-icons--holidaycheck`) with a 0–6 scale in 1 increments. HolidayCheck variant displays a
+  numerical score preceding the icon range, consistent with Customer and TripAdvisor variants
+- Added `uilib-ratings-range-icons__description` element for an optional descriptive label (e.g. "Excellent") displayed alongside the score. For use
+  with [Review Card](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/patterns-review-card--docs)
+- Added `author` organization to schema output to identify the rating source (TUI, TripAdvisor, HolidayCheck)
+
+#### [Range icon group](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-icons-group--docs)
+
+- Added HolidayCheck variant support to the range icons group component
+- Schema output consolidated into a single JSON-LD block per group using `additionalProperty` for aspect ratings, instead of individual schemas per
+  child range icon
+- Added `author` organization to schema output to identify the rating source
+- Schema `value` and `maxValue` now use numeric types instead of strings
+
+## v1.7.0
+
+### Added
+
+#### [Card Promotion](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-cards-promotion--docs)
+
+- Added Card Promotion component to highlight any discount, offer or promotional message. It should be placed in-page, ideally as the first component
+  on the page.
+
+#### [List](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-list--docs)
+
+- Added horizontal layout variant (`uilib-list--horizontal`) for displaying list items inline with wrapping
+- Added multiline content variant with `uilib-list__title` class for hierarchically structured list items (e.g. flight connections with departure and
+  arrival details)
+
+### Updated
+
+#### [Accordion](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-accordion--docs)
+
+- Remove `content-visibility` CSS property from accordion animation. This was preventing VoiceOver from accessing accordion content when expanded.
+
+#### [Active tag](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-active-tag--docs)
+
+- Added a visually hidden heading linked to each active tag button via `aria-describedby` to provide screen reader users with context on what the
+  button will do
+- Added accessibility guidance covering heading levels and `aria-live` announcements for filter updates
+- Added an include guard to `uilib-active-tag-group` mixin to prevent duplicate CSS output
+
+#### [Breadcrumb](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-breadcrumb--docs)
+
+- The current page breadcrumb item is no longer rendered as a link. The label is now plain text within the `<li>` with `aria-current="page"` on the
+  list item itself, as linking to the page you are already on provides no value and can be confusing for screen reader users.
+
+#### [Flight Details](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-flight-details--docs)
+
+- Improved screen reader experience by adding visually hidden context to departure and arrival times ("Departs", "Arrives") so they are clearly
+  distinguished when announced
+- Added "Connection time" prefix to the visually hidden connection duration text for clearer context
+- Added accessibility guidance for wrapping the component in a `<section>` with `aria-labelledby` when used outside of a modal
+
+#### [Date picker](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-date-picker--docs) and [Date range](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-date-range--docs)
+
+- Updated default button labels from "Next" / "Previous" to "Next month" / "Previous month" to be more descriptive for screen reader users.
+- Added `instructions` attribute to provide accessible keyboard navigation instructions to the calendar. Default: "Use arrow keys to navigate dates.
+  Left and right move by day, up and down move by week. Arrow keys move across months automatically. Press Enter or Space to select a date."
+- Added `announce-start` and `announce-range` attributes for accessible announcements when dates are selected in range mode.
+
+#### [Input switch](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-switch--docs)
+
+- Component structure has been updated to fix interaction issues found when using NVDA. The input has been moved outside the label and the class name
+  for the input updated appropriately for the new structure.
+- The component will continue to work and style correctly without these changes, but to ensure full accessibility compliance, please update to the
+  latest markup structure.
+
+#### [List](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-list--docs)
+
+- Added accessibility documentation covering semantic HTML, decorative images, colour contrast, and link labels
+
+#### [Anchor tabs](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-tabs-anchor-tabs--docs)
+
+- Focus is now transferred to the target section when a tab is selected, ensuring screen reader users are taken directly to the associated content.
+- Added `tabs-labelledby` and `tabs-label` attributes for providing an accessible name to the navigation landmark. One of these is now required. The
+  previous `aria-labelledby` attribute is deprecated as it was inappropriate to place ARIA attributes directly on the custom element host.
+- Added `role="list"` to the host element and `role="listitem"` to each tab item, improving the non-JavaScript accessibility experience by providing
+  semantic list structure before the web component hydrates.
+
+Was:
+
+```html
+<tui-uilib-tabs-anchor version="1" tabs-label="Page sections">
+	<tui-uilib-tab>
+		<a slot="link" href="#section-1">Section 1</a>
+	</tui-uilib-tab>
+	<tui-uilib-tab>
+		<a slot="link" href="#section-2">Section 2</a>
+	</tui-uilib-tab>
+</tui-uilib-tabs-anchor>
+```
+
+Updated to:
+
+```html
+<tui-uilib-tabs-anchor version="2" tabs-label="Page sections" role="list">
+	<tui-uilib-tab role="listitem">
+		<a slot="link" href="#section-1">Section 1</a>
+	</tui-uilib-tab>
+	<tui-uilib-tab role="listitem">
+		<a slot="link" href="#section-2">Section 2</a>
+	</tui-uilib-tab>
+</tui-uilib-tabs-anchor>
+```
+
+- **Web component version updated to 2.** The internal DOM structure has been revised to resolve an NVDA browse mode issue where the screen reader
+  traversed each tab individually instead of treating the tablist as a single composite widget. NVDA does not recognise a tablist as a composite
+  widget when `display: flex`, `inline-flex`, or `grid` is applied to the `role="tablist"` or `role="tab"` elements. Version 2 uses `display: table`
+  on the tablist and wraps each tab button in a `table-cell` span, with scrolling handled by a separate wrapper element. Consumers must update their
+  CSS alongside the JS. Version 1 remains available for backward compatibility.
+- Fixed scroll fade mask not showing on the left edge when the right button was hidden, caused by unitless `0` in CSS custom properties being invalid
+  in `calc()` expressions
+
+#### [In-Page tabs](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-tabs-in-page-tabs--docs)
+
+- Added `tabs-labelledby` and `tabs-label` attributes for providing an accessible name to the tablist. One of these is now required. The previous
+  `aria-labelledby` attribute is deprecated as it was inappropriate to place ARIA attributes directly on the custom element host.
+- **Web component version updated to 2.** The internal DOM structure has been revised to resolve an NVDA browse mode issue where the screen reader
+  traversed each tab individually instead of treating the tablist as a single composite widget. NVDA does not recognise a tablist as a composite
+  widget when `display: flex`, `inline-flex`, or `grid` is applied to the `role="tablist"` or `role="tab"` elements. Version 2 uses `display: table`
+  on the tablist and wraps each tab button in a `table-cell` span, with scrolling handled by a separate wrapper element. Consumers must update their
+  CSS alongside the JS. Version 1 remains available for backward compatibility.
+- Fixed scroll fade mask not showing on the left edge when the right button was hidden, caused by unitless `0` in CSS custom properties being invalid
+  in `calc()` expressions
+
+#### [Tooltip](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-tooltip--docs)
+
+- Added support for selecting and copying text within the tooltip bubble, improving accessibility for users who need to reference the content.
+- Tooltip now opens on keyboard focus (Tab to trigger) and adds `aria-expanded` to the trigger button, ensuring screen reader users are informed of
+  the tooltip's state and have content announced immediately when navigating.
+
 ## v1.6.0
 
 ### Updated
@@ -292,7 +477,7 @@ The following markup shows the previous implementation that included the now-dep
 
 #### [Range icon](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-ratings-and-reviews-range-icons--docs)
 
-- Added customer rating variant `uilib-ratings-range-icons--tui`.
+- Added customer rating variant `uilib-ratings-range-icons--customer`.
 - Added inverse support for TripAdvisor variant.
 - Added rating score that precedes the customer and TripAdvisor icon ranges for better clarity.
 - Spacing between the logo, value, score and details elements has been adjusted to be consistently spacing-200 (8px).

package/dist/themes/crystalski/index.css

@@ -231,6 +231,14 @@
   --uilib-card-contrast-bg-color: var(--uilib-color-canvas-contrast);
   --uilib-card-article-radius: var(--uilib-border-radius-600);
   --uilib-card-article-link-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/arrow-right.svg");
+  --uilib-carousel-gap: var(--uilib-spacing-400);
+  --uilib-carousel-viewport-padding: var(--uilib-spacing-200);
+  --uilib-carousel-prev-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-left.svg");
+  --uilib-carousel-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
+  --uilib-carousel-counter-color: var(--uilib-color-text-body);
+  --uilib-carousel-counter-font: var(--uilib-typography-body-medium);
+  --uilib-carousel-motion-duration: 300ms;
+  --uilib-carousel-motion-easing: ease-out;
   --uilib-card-icon-small-radius: var(--uilib-card-radius);
   --uilib-card-icon-large-radius: var(--uilib-border-radius-600);
   --uilib-card-icon-link-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
@@ -321,6 +329,22 @@
   --uilib-hero-flagship-content-bg-color: color-mix(in srgb, var(--uilib-color-core-brand-strong) 90%, transparent);
   --uilib-hero-flagship-content-text-color: var(--uilib-color-text-inverse);
   --uilib-hero-flagship-content-text-highlight-color: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-radius: var(--uilib-border-radius-400);
+  --uilib-highlight-panel-border-color: var(--uilib-color-border-card);
+  --uilib-highlight-panel-bg-color: var(--uilib-color-canvas-default);
+  --uilib-highlight-panel-header-font: var(--uilib-typography-component-heading-medium);
+  --uilib-highlight-panel-header-font-brand: var(--uilib-typography-component-heading-large-strong);
+  --uilib-highlight-panel-header-font-color: var(--uilib-color-text-strong);
+  --uilib-highlight-panel-header-font-color-strong: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-header-font-color-brand: var(--uilib-color-text-body);
+  --uilib-highlight-panel-header-icon-color: var(--uilib-color-core-interaction);
+  --uilib-highlight-panel-header-icon-color-strong: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-header-icon-color-brand: var(--uilib-color-core-interaction);
+  --uilib-highlight-panel-header-bg-color: var(--uilib-color-core-surface);
+  --uilib-highlight-panel-header-bg-color-strong: var(--uilib-color-core-brand-strong);
+  --uilib-highlight-panel-header-bg-color-brand: var(--uilib-color-core-brand);
+  --uilib-highlight-panel-header-bg-overlay-brand: none;
+  --uilib-highlight-panel-toggle-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
   --uilib-icon-button-radius: var(--uilib-border-radius-pill);
   --uilib-icon-button-ghost-color: var(--uilib-color-core-interaction);
   --uilib-icon-button-ghost-bg-color: transparent;
@@ -374,6 +398,8 @@
   --uilib-list-bullet-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/list-item.svg");
   --uilib-list-image-radius: var(--uilib-border-radius-100);
   --uilib-list-image-alt-radius: var(--uilib-border-radius-circle);
+  --uilib-list-multiline-title-font: var(--uilib-typography-label-medium-strong);
+  --uilib-list-highlight-color: var(--uilib-color-text-promotion);
   --uilib-loader-image: url("https://mwa.tui.com/shared/mwa/assets/v3/motion/crystalski/loader.svg");
   --uilib-loader-small: 3.75rem;
   --uilib-loader-medium: 7.5rem;
@@ -384,7 +410,7 @@
   --uilib-media-button-color: var(--uilib-color-text-strong);
   --uilib-modal-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
   --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
-  --uilib-modal-radius: 1rem;
+  --uilib-modal-radius: var(--uilib-border-radius-400);
   --uilib-pagination-text-color: var(--uilib-color-text-body);
   --uilib-pagination-border-radius: var(--uilib-icon-button-radius);
   --uilib-pagination-icon-color: var(--uilib-icon-button-ghost-color);
@@ -400,6 +426,15 @@
   --uilib-price-main-medium-font: var(--uilib-typography-component-heading-large-strong);
   --uilib-price-main-large-font: var(--uilib-typography-component-heading-xxlarge-strong);
   --uilib-price-sub-large-font: var(--uilib-typography-component-heading-medium-strong);
+  --uilib-card-promotion-elevation: var(--uilib-elevation-100);
+  --uilib-card-promotion-radius: var(--uilib-border-radius-400);
+  --uilib-card-promotion-bg-color: var(--uilib-color-core-neutral);
+  --uilib-card-promotion-headline-color: var(--uilib-color-text-strong);
+  --uilib-card-promotion-subcopy-color: var(--uilib-color-text-body);
+  --uilib-card-promotion-subcopy-link-color: var(--uilib-color-text-link);
+  --uilib-card-promotion-code-color: var(--uilib-color-text-strong);
+  --uilib-card-promotion-cta-copy-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/copy.svg");
+  --uilib-card-promotion-cta-copied-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/checkmark-circled-filled.svg");
   --uilib-promo-tag-radius: var(--uilib-border-radius-400);
   --uilib-promo-tag-color: var(--uilib-color-text-strong);
   --uilib-promo-tag-bg-color: var(--uilib-color-core-neutral);
@@ -434,6 +469,8 @@
   --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
   --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
   --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
+  --uilib-ratings-range-icons-holidaycheck-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-unchecked.svg");
+  --uilib-ratings-range-icons-holidaycheck-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-checked.svg");
   --uilib-ratings-range-bar-bar-width: 11.25rem;
   --uilib-ratings-range-bar-bar-color: var(--uilib-color-core-brand);
   --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-neutral);

package/dist/themes/crystalski/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/crystalski/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/lib/divider/_variables.scss","../../../src/lib/info-tag/_variables.scss","../../../src/themes/crystalski/index.scss","../../../src/lib/utility/_mixins.scss","../../../src/variables/_grid.scss","../../../src/variables/_icons.scss","../../../src/variables/_typography.scss"],"names":[],"mappings":"AAEA;AAQA;ACNA;ACGA;AAAA;AAAA;AAAA;EAKC;ECLC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}

package/dist/themes/firstchoice/index.css

@@ -237,6 +237,14 @@
   --uilib-card-contrast-bg-color: var(--uilib-color-canvas-contrast);
   --uilib-card-article-radius: var(--uilib-border-radius-200);
   --uilib-card-article-link-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/arrow-right.svg");
+  --uilib-carousel-gap: var(--uilib-spacing-400);
+  --uilib-carousel-viewport-padding: var(--uilib-spacing-200);
+  --uilib-carousel-prev-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-left.svg");
+  --uilib-carousel-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-right.svg");
+  --uilib-carousel-counter-color: var(--uilib-color-text-body);
+  --uilib-carousel-counter-font: var(--uilib-typography-body-medium);
+  --uilib-carousel-motion-duration: 300ms;
+  --uilib-carousel-motion-easing: ease-out;
   --uilib-card-icon-small-radius: var(--uilib-border-radius-200);
   --uilib-card-icon-large-radius: var(--uilib-border-radius-200);
   --uilib-card-icon-link-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-right.svg");
@@ -328,6 +336,22 @@
   --uilib-hero-flagship-content-bg-color: color-mix(in srgb, var(--uilib-color-core-brand-strong) 90%, transparent);
   --uilib-hero-flagship-content-text-color: var(--uilib-color-text-inverse);
   --uilib-hero-flagship-content-text-highlight-color: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-radius: var(--uilib-border-radius-200);
+  --uilib-highlight-panel-border-color: var(--uilib-color-border-card);
+  --uilib-highlight-panel-bg-color: var(--uilib-color-canvas-default);
+  --uilib-highlight-panel-header-font: var(--uilib-typography-component-heading-medium);
+  --uilib-highlight-panel-header-font-brand: var(--uilib-typography-component-heading-large-strong);
+  --uilib-highlight-panel-header-font-color: var(--uilib-color-text-strong);
+  --uilib-highlight-panel-header-font-color-strong: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-header-font-color-brand: var(--uilib-color-text-strong);
+  --uilib-highlight-panel-header-icon-color: var(--uilib-color-core-interaction);
+  --uilib-highlight-panel-header-icon-color-strong: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-header-icon-color-brand: var(--uilib-color-text-strong);
+  --uilib-highlight-panel-header-bg-color: var(--uilib-color-core-surface);
+  --uilib-highlight-panel-header-bg-color-strong: var(--uilib-color-core-brand-strong);
+  --uilib-highlight-panel-header-bg-color-brand: var(--uilib-color-core-brand);
+  --uilib-highlight-panel-header-bg-overlay-brand: none;
+  --uilib-highlight-panel-toggle-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
   --uilib-icon-button-radius: var(--uilib-border-radius-200);
   --uilib-icon-button-ghost-color: var(--uilib-color-text-strong);
   --uilib-icon-button-ghost-bg-color: transparent;
@@ -381,6 +405,8 @@
   --uilib-list-bullet-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/list-item.svg");
   --uilib-list-image-radius: var(--uilib-border-radius-100);
   --uilib-list-image-alt-radius: var(--uilib-border-radius-circle);
+  --uilib-list-multiline-title-font: var(--uilib-typography-label-medium-strong);
+  --uilib-list-highlight-color: var(--uilib-color-text-promotion);
   --uilib-loader-image: url("https://mwa.tui.com/shared/mwa/assets/v3/motion/firstchoice/loader.svg");
   --uilib-loader-small: 3.75rem;
   --uilib-loader-medium: 7.5rem;
@@ -391,7 +417,7 @@
   --uilib-media-button-color: var(--uilib-color-text-strong);
   --uilib-modal-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
   --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
-  --uilib-modal-radius: 1rem;
+  --uilib-modal-radius: var(--uilib-border-radius-400);
   --uilib-pagination-text-color: var(--uilib-color-text-body);
   --uilib-pagination-border-radius: var(--uilib-icon-button-radius);
   --uilib-pagination-icon-color: var(--uilib-icon-button-ghost-color);
@@ -407,6 +433,15 @@
   --uilib-price-main-medium-font: var(--uilib-typography-component-heading-large-strong);
   --uilib-price-main-large-font: var(--uilib-typography-component-heading-xxlarge-strong);
   --uilib-price-sub-large-font: var(--uilib-typography-component-heading-medium-strong);
+  --uilib-card-promotion-elevation: var(--uilib-elevation-100);
+  --uilib-card-promotion-radius: var(--uilib-border-radius-400);
+  --uilib-card-promotion-bg-color: var(--uilib-color-core-neutral);
+  --uilib-card-promotion-headline-color: var(--uilib-color-text-strong);
+  --uilib-card-promotion-subcopy-color: var(--uilib-color-text-body);
+  --uilib-card-promotion-subcopy-link-color: var(--uilib-color-text-link);
+  --uilib-card-promotion-code-color: var(--uilib-color-text-strong);
+  --uilib-card-promotion-cta-copy-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/copy.svg");
+  --uilib-card-promotion-cta-copied-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/checkmark-circled-filled.svg");
   --uilib-promo-tag-radius: var(--uilib-border-radius-400);
   --uilib-promo-tag-color: var(--uilib-color-text-strong);
   --uilib-promo-tag-bg-color: var(--uilib-color-core-neutral);
@@ -441,6 +476,8 @@
   --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
   --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
   --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
+  --uilib-ratings-range-icons-holidaycheck-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-unchecked.svg");
+  --uilib-ratings-range-icons-holidaycheck-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-checked.svg");
   --uilib-ratings-range-bar-bar-width: 11.25rem;
   --uilib-ratings-range-bar-bar-color: var(--uilib-color-core-brand);
   --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-neutral);

package/dist/themes/firstchoice/index.css.map

@@ -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;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
+{"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;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}

package/dist/themes/tui/index.css

@@ -254,6 +254,14 @@
   --uilib-card-contrast-bg-color: var(--uilib-color-canvas-contrast);
   --uilib-card-article-radius: var(--uilib-border-radius-600);
   --uilib-card-article-link-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/arrow-right.svg");
+  --uilib-carousel-gap: var(--uilib-spacing-400);
+  --uilib-carousel-viewport-padding: var(--uilib-spacing-200);
+  --uilib-carousel-prev-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-left.svg");
+  --uilib-carousel-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-right.svg");
+  --uilib-carousel-counter-color: var(--uilib-color-text-body);
+  --uilib-carousel-counter-font: var(--uilib-typography-body-medium);
+  --uilib-carousel-motion-duration: 300ms;
+  --uilib-carousel-motion-easing: ease-out;
   --uilib-card-icon-small-radius: var(--uilib-card-radius);
   --uilib-card-icon-large-radius: var(--uilib-border-radius-600);
   --uilib-card-icon-link-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-right.svg");
@@ -397,6 +405,8 @@
   --uilib-list-bullet-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/list-item.svg");
   --uilib-list-image-radius: var(--uilib-border-radius-100);
   --uilib-list-image-alt-radius: var(--uilib-border-radius-circle);
+  --uilib-list-multiline-title-font: var(--uilib-typography-label-medium);
+  --uilib-list-highlight-color: var(--uilib-color-text-promotion);
   --uilib-loader-image: url("https://mwa.tui.com/shared/mwa/assets/v3/motion/tui/loader.svg");
   --uilib-loader-small: 3.75rem;
   --uilib-loader-medium: 7.5rem;
@@ -407,7 +417,7 @@
   --uilib-media-button-color: var(--uilib-color-text-strong);
   --uilib-modal-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
   --uilib-modal-backdrop-color: var(--uilib-color-other-scrim);
-  --uilib-modal-radius: 1rem;
+  --uilib-modal-radius: var(--uilib-border-radius-400);
   --uilib-pagination-text-color: var(--uilib-color-text-body);
   --uilib-pagination-border-radius: var(--uilib-icon-button-radius);
   --uilib-pagination-icon-color: var(--uilib-icon-button-ghost-color);
@@ -423,6 +433,15 @@
   --uilib-price-main-medium-font: var(--uilib-typography-component-heading-large-strong);
   --uilib-price-main-large-font: var(--uilib-typography-component-heading-xxlarge-strong);
   --uilib-price-sub-large-font: var(--uilib-typography-component-heading-medium-strong);
+  --uilib-card-promotion-elevation: var(--uilib-elevation-100);
+  --uilib-card-promotion-radius: var(--uilib-border-radius-400);
+  --uilib-card-promotion-bg-color: var(--uilib-color-core-neutral);
+  --uilib-card-promotion-headline-color: var(--uilib-color-text-strong);
+  --uilib-card-promotion-subcopy-color: var(--uilib-color-text-body);
+  --uilib-card-promotion-subcopy-link-color: var(--uilib-color-text-link);
+  --uilib-card-promotion-code-color: var(--uilib-color-text-strong);
+  --uilib-card-promotion-cta-copy-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/copy.svg");
+  --uilib-card-promotion-cta-copied-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/checkmark-circled-filled.svg");
   --uilib-promo-tag-radius: var(--uilib-border-radius-400);
   --uilib-promo-tag-color: var(--uilib-color-text-strong);
   --uilib-promo-tag-bg-color: var(--uilib-color-core-neutral);
@@ -457,6 +476,8 @@
   --uilib-ratings-range-icons-customer-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/customer-checked.svg");
   --uilib-ratings-range-icons-tui-t-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/tui-t.svg");
   --uilib-ratings-range-icons-tui-t-plus-color: #1b115c;
+  --uilib-ratings-range-icons-holidaycheck-rating-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-unchecked.svg");
+  --uilib-ratings-range-icons-holidaycheck-rating-checked-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/logos/review/holidaycheck-checked.svg");
   --uilib-ratings-range-bar-bar-width: 11.25rem;
   --uilib-ratings-range-bar-bar-color: var(--uilib-color-core-brand);
   --uilib-ratings-range-bar-bar-bg-color: var(--uilib-color-core-neutral);
@@ -471,11 +492,27 @@
   --uilib-scroller-focus-radius: var(--uilib-border-radius-100);
   --uilib-scroller-bar-size: var(--uilib-spacing-400);
   --uilib-show-more-less-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
-  --uilib-skeleton-color: #dcdcdc;
-  --uilib-skeleton-shimmer-color: #f5f5f5;
+  --uilib-skeleton-color: var(--uilib-color-other-skeleton-loading);
+  --uilib-skeleton-shimmer-color: var(--uilib-color-canvas-contrast);
   --uilib-social-proofing-radius: var(--uilib-border-radius-300);
   --uilib-social-proofing-close-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/cross.svg");
   --uilib-social-proofing-box-shadow: var(--uilib-elevation-100);
+  --uilib-highlight-panel-radius: var(--uilib-border-radius-400);
+  --uilib-highlight-panel-border-color: var(--uilib-color-border-card);
+  --uilib-highlight-panel-bg-color: var(--uilib-color-canvas-default);
+  --uilib-highlight-panel-header-font: var(--uilib-typography-component-heading-medium);
+  --uilib-highlight-panel-header-font-brand: var(--uilib-typography-component-heading-large-strong);
+  --uilib-highlight-panel-header-font-color: var(--uilib-color-text-strong);
+  --uilib-highlight-panel-header-font-color-strong: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-header-font-color-brand: var(--uilib-color-text-strong);
+  --uilib-highlight-panel-header-icon-color: var(--uilib-color-core-interaction);
+  --uilib-highlight-panel-header-icon-color-strong: var(--uilib-color-text-inverse);
+  --uilib-highlight-panel-header-icon-color-brand: var(--uilib-color-core-interaction);
+  --uilib-highlight-panel-header-bg-color: var(--uilib-color-core-surface);
+  --uilib-highlight-panel-header-bg-color-strong: var(--uilib-color-core-brand-strong);
+  --uilib-highlight-panel-header-bg-color-brand: var(--uilib-color-core-brand);
+  --uilib-highlight-panel-header-bg-overlay-brand: radial-gradient(circle farthest-corner at 99.91% 0%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0.2) 80%, rgba(255, 255, 255, 0) 80%);
+  --uilib-highlight-panel-toggle-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-down.svg");
   --uilib-tabs-in-page-border-color: var(--uilib-color-border-card);
   --uilib-tabs-in-page-text-color: var(--uilib-color-text-strong);
   --uilib-tabs-in-page-active-color: var(--uilib-color-text-link);

package/dist/themes/tui/index.css.map

@@ -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;EAAA;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}
+{"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;EAAA;EAAA;ECKD;EACA;EACA;EACA;EAGA;EACA;ECGA;EFfC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EGgHD;EHhHC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","file":"index.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@tui/design-system",
-	"version": "1.6.0",
+	"version": "1.8.0",
 	"description": "TUI Design System",
 	"author": "TUI Group",
 	"//dependencies": {
@@ -73,13 +73,13 @@
 		"@eslint/js": "^9.38.0",
 		"@figma/code-connect": "^1.4.5",
 		"@jest/globals": "^30.2.0",
-		"@storybook/addon-a11y": "^10.4.5",
-		"@storybook/addon-docs": "^10.4.5",
-		"@storybook/addon-links": "^10.4.5",
-		"@storybook/addon-themes": "^10.4.5",
-		"@storybook/html-vite": "^10.4.5",
+		"@storybook/addon-a11y": "~10.4.5",
+		"@storybook/addon-docs": "~10.4.5",
+		"@storybook/addon-links": "~10.4.5",
+		"@storybook/addon-themes": "~10.4.5",
+		"@storybook/html-vite": "~10.4.5",
 		"@stylistic/eslint-plugin": "^3.1.0",
-		"@tui/cally": "^0.1.1",
+		"@tui/cally": "1.0.0",
 		"@types/js-beautify": "^1.14.3",
 		"@types/node": "^24.0.0",
 		"@typescript-eslint/eslint-plugin": "^8.46.2",
@@ -89,6 +89,7 @@
 		"deepmerge": "^4.3.1",
 		"dotenv": "^17.2.3",
 		"dotenv-cli": "^11.0.0",
+		"embla-carousel": "^8.6.0",
 		"esbuild": "^0.28.1",
 		"eslint": "^9.38.0",
 		"eslint-config-airbnb-extended": "^3.0.1",
@@ -101,7 +102,7 @@
 		"eslint-plugin-prettier": "^5.5.4",
 		"eslint-plugin-react": "^7.37.5",
 		"eslint-plugin-react-hooks": "^7.0.1",
-		"eslint-plugin-storybook": "^10.4.5",
+		"eslint-plugin-storybook": "~10.4.5",
 		"git-format-staged": "4.0.1",
 		"glob": "^13.0.0",
 		"globals": "^17.3.0",
@@ -121,8 +122,8 @@
 		"sass-true": "^10.0.0",
 		"shx": "0.4.0",
 		"source-map-support": "^0.5.21",
-		"storybook": "^10.4.5",
-		"storybook-addon-pseudo-states": "^10.4.5",
+		"storybook": "~10.4.5",
+		"storybook-addon-pseudo-states": "~10.4.5",
 		"storybook-addon-tag-badges": "^3.1.0",
 		"storybook-dark-mode": "^5.0.0",
 		"stylelint": "^17.2.0",

package/scss/lib/accordion/_mixins.scss

@@ -4,6 +4,7 @@
 @use '../icon/mixins' as *;
 
 $uilib-accordion-included: false !default;
+$uilib-accordion-group-included: false !default;
 
 // Builds accordion
 @mixin uilib-accordion() {
@@ -15,6 +16,16 @@ $uilib-accordion-included: false !default;
 	}
 }
 
+@mixin uilib-accordion-group() {
+	@if not $uilib-accordion-group-included {
+		$uilib-accordion-group-included: true !global;
+
+		@include uilib-link;
+		@include uilib-accordion;
+		@include uilib-accordion-group-master;
+	}
+}
+
 @mixin uilib-accordion-master() {
 	.uilib-accordion {
 		position: relative;
@@ -32,9 +43,7 @@ $uilib-accordion-included: false !default;
 			overflow: hidden;
 
 			@media (prefers-reduced-motion: no-preference) {
-				transition:
-					block-size var(--uilib-motion-duration-medium) var(--uilib-motion-timing-out),
-					content-visibility var(--uilib-motion-duration-medium) allow-discrete;
+				transition: block-size var(--uilib-motion-duration-medium) var(--uilib-motion-timing-out);
 			}
 		}
 
@@ -157,9 +166,7 @@ $uilib-accordion-included: false !default;
 	}
 }
 
-@mixin uilib-accordion-group() {
-	@include uilib-link;
-
+@mixin uilib-accordion-group-master() {
 	.uilib-accordion-group {
 		display: flex;
 		flex-direction: column;