@tui/design-system 1.2.0 → 1.3.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## v1.3.0
+
+### Added
+
+#### [Global border radius](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/globals-border-radius--docs)
+
+- Added new border radius token `--uilib-border-radius-300` (12px) to fill the gap between `--uilib-border-radius-200` (8px) and
+  `--uilib-border-radius-400` (16px). Aligns with Figma Core Primitives.
+
+#### [Input radio scroll](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-radio-scroll--docs)
+
+- Added input radio scroll to provide a horizontally scrollable group of radio options designed for situations where multiple choices need to be
+  presented in a compact space. Instead of wrapping onto multiple lines, options are displayed in a single horizontal row that can be navigated using
+  carousel controls, drag interactions, or touch gestures.
+
+#### [Travel Aware banner](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-travel-aware-banner--docs)
+
+- Added Travel Aware banner, a contextual UI banner that provides a link to information on staying safe and healthy when abroad.
+
+### Fixed
+
+##### [Input Chip](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-forms-input-chip--docs)
+
+- Fix for selected disabled styling of input chips
+
 ## v1.2.0
 
 ### Updated
@@ -76,7 +101,7 @@ The following markup shows the previous implementation that included the now-dep
 
 #### [Modal](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-modal--docs)
 
-- Fix modal heading size and colour.
+- Correct modal heading size and colour.
 
 ## v1.1.0
 
@@ -90,7 +115,7 @@ The following markup shows the previous implementation that included the now-dep
 
 #### [Flyout dropdown](https://mwa.tui.com/browse/mwa/uilib-production/storybook/index.html?path=/docs/components-flyout-dropdown--docs)
 
-- 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
+- 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
   control and is used primarily on desktop and tablet devices.
 
 ### Updated

package/dist/themes/crystalski/index.css

@@ -14,6 +14,7 @@
   --uilib-border-radius-none: 0;
   --uilib-border-radius-100: 0.25rem;
   --uilib-border-radius-200: 0.5rem;
+  --uilib-border-radius-300: 0.75rem;
   --uilib-border-radius-400: 1rem;
   --uilib-border-radius-600: 1.5rem;
   --uilib-border-radius-1000: 2.5rem;
@@ -275,6 +276,8 @@
   --uilib-input-count-font: var(--uilib-typography-body-medium-strong);
   --uilib-input-count-size: var(--uilib-spacing-800);
   --uilib-input-radio-text-color-strong: var(--uilib-color-text-body);
+  --uilib-input-radio-scroll-previous-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-left.svg");
+  --uilib-input-radio-scroll-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-right.svg");
   --uilib-input-select-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/chevron-updown.svg");
   --uilib-input-stepper-increment-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/plus.svg");
   --uilib-input-stepper-decrement-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/crystalski/standard/minus.svg");
@@ -463,6 +466,7 @@
   --uilib-tooltip-radius: var(--uilib-border-radius-100);
   --uilib-tooltip-bg-color: var(--uilib-color-text-body);
   --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
+  --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
 }
 
 /*# sourceMappingURL=index.css.map */

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;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","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;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

@@ -15,6 +15,7 @@
   --uilib-border-radius-none: 0;
   --uilib-border-radius-100: 0.25rem;
   --uilib-border-radius-200: 0.5rem;
+  --uilib-border-radius-300: 0.75rem;
   --uilib-border-radius-400: 1rem;
   --uilib-border-radius-600: 1.5rem;
   --uilib-border-radius-1000: 2.5rem;
@@ -282,6 +283,8 @@
   --uilib-input-count-font: var(--uilib-typography-body-medium-strong);
   --uilib-input-count-size: var(--uilib-spacing-800);
   --uilib-input-radio-text-color-strong: var(--uilib-color-text-strong);
+  --uilib-input-radio-scroll-previous-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-left.svg");
+  --uilib-input-radio-scroll-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-right.svg");
   --uilib-input-select-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/chevron-updown.svg");
   --uilib-input-stepper-increment-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/plus.svg");
   --uilib-input-stepper-decrement-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/firstchoice/standard/minus.svg");
@@ -470,6 +473,7 @@
   --uilib-tooltip-radius: var(--uilib-border-radius-100);
   --uilib-tooltip-bg-color: var(--uilib-color-text-body);
   --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
+  --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
 }
 
 /*# sourceMappingURL=index.css.map */

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;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","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;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

@@ -21,6 +21,7 @@
   --uilib-border-radius-none: 0;
   --uilib-border-radius-100: 0.25rem;
   --uilib-border-radius-200: 0.5rem;
+  --uilib-border-radius-300: 0.75rem;
   --uilib-border-radius-400: 1rem;
   --uilib-border-radius-600: 1.5rem;
   --uilib-border-radius-1000: 2.5rem;
@@ -298,6 +299,8 @@
   --uilib-input-count-font: var(--uilib-typography-body-medium-strong);
   --uilib-input-count-size: var(--uilib-spacing-800);
   --uilib-input-radio-text-color-strong: var(--uilib-color-text-strong);
+  --uilib-input-radio-scroll-previous-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-left.svg");
+  --uilib-input-radio-scroll-next-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-right.svg");
   --uilib-input-select-icon: url("https://mwa.tui.com/shared/mwa/assets/v3/icons/tui/standard/chevron-updown.svg");
   --uilib-input-slider-track-color: var(--uilib-color-other-disabled-strong);
   --uilib-input-slider-track-selected-color: var(--uilib-color-core-interaction);
@@ -486,6 +489,7 @@
   --uilib-tooltip-radius: var(--uilib-border-radius-100);
   --uilib-tooltip-bg-color: var(--uilib-color-text-body);
   --uilib-tooltip-text-color: var(--uilib-color-text-inverse);
+  --uilib-travel-aware-banner-radius: var(--uilib-border-radius-400);
 }
 
 /*# sourceMappingURL=index.css.map */

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;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","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;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

@@ -1,6 +1,6 @@
 {
 	"name": "@tui/design-system",
-	"version": "1.2.0",
+	"version": "1.3.0",
 	"description": "TUI Design System",
 	"author": "TUI Group",
 	"//dependencies": {
@@ -72,8 +72,8 @@
 		"@babel/preset-env": "^7.25.2",
 		"@babel/preset-react": "^7.26.3",
 		"@babel/preset-typescript": "^7.28.5",
-		"@commitlint/cli": "^20.1.0",
-		"@commitlint/config-conventional": "^20.0.0",
+		"@commitlint/cli": "^21.0.2",
+		"@commitlint/config-conventional": "^21.0.2",
 		"@eslint/compat": "^2.0.0",
 		"@eslint/js": "^9.38.0",
 		"@figma/code-connect": "^1.4.5",
@@ -90,7 +90,7 @@
 		"@storybook/preview-api": "8.6.14",
 		"@storybook/theming": "8.6.14",
 		"@stylistic/eslint-plugin": "^3.1.0",
-		"@tui/cally": "^0.0.0",
+		"@tui/cally": "^0.1.0",
 		"@types/js-beautify": "^1.14.3",
 		"@types/node": "^25.2.3",
 		"@typescript-eslint/eslint-plugin": "^8.46.2",
@@ -123,7 +123,7 @@
 		"lint-staged": "^17.0.2",
 		"log-update": "^8.0.0",
 		"node-fetch": "^3.3.2",
-		"npm-run-all2": "^8.0.4",
+		"npm-run-all2": "^9.0.1",
 		"postcss-scss": "^4.0.6",
 		"prettier": "^3.4.2",
 		"remark-gfm": "^4.0.0",

package/scss/lib/cards/selectable/_mixins.scss

@@ -220,11 +220,11 @@ $uilib-card-selectable-included: false !default;
 			@include uilib-focus;
 		}
 
-		&:not(:has(.uilib-card-selectable__input-hidden:disabled)):hover {
+		&:has(.uilib-card-selectable__input-hidden):not(:has(.uilib-card-selectable__input-hidden:disabled)):hover {
 			box-shadow: var(--uilib-card-hover-elevation);
 		}
 
-		&:not(&--selected):has(.uilib-input-radio__label:hover) {
+		&:not(&--selected):has(.uilib-input-radio__label:hover):not(:has(.uilib-input-radio__input:disabled)) {
 			box-shadow: var(--uilib-card-hover-elevation);
 		}
 

package/scss/lib/forms/form-row/_mixins.scss

@@ -14,6 +14,7 @@ $uilib-form-row-included: false !default;
 
 @mixin uilib-form-row-master() {
 	.uilib-form-row {
+		min-width: 0;
 		margin: var(--uilib-spacing-400) 0;
 		padding: 0;
 

package/scss/lib/forms/input-checkbox/_mixins.scss

@@ -16,6 +16,8 @@ $uilib-input-checkbox-included: false !default;
 
 @mixin uilib-input-checkbox-master() {
 	.uilib-input-checkbox {
+		position: relative;
+
 		&__input {
 			@include uilib-visually-hidden;
 		}

package/scss/lib/forms/input-chip/_mixins.scss

@@ -17,28 +17,28 @@ $uilib-input-chip-included: false !default;
 
 @mixin uilib-input-chip-master() {
 	.uilib-input-chip {
-		&__input {
-			appearance: none;
+		position: relative;
 
+		&__input {
 			@include uilib-visually-hidden;
 
-			&:hover + .uilib-input-chip__label {
-				background-color: var(--uilib-input-chip-hover-bg-color);
-			}
-
 			&:focus-visible + .uilib-input-chip__label {
 				@include uilib-focus;
 			}
 
 			&:disabled + .uilib-input-chip__label,
 			&:disabled:checked + .uilib-input-chip__label {
-				color: var(--uilib-input-chip-disabled-color);
+				color: var(--uilib-color-text-body);
 
 				background: var(--uilib-input-chip-disabled-bg-color);
 
 				cursor: default;
 			}
 
+			&:disabled:checked + .uilib-input-chip__label {
+				border-color: var(--uilib-color-other-disabled-strong);
+			}
+
 			&:checked + .uilib-input-chip__label {
 				border-color: var(--uilib-input-chip-active-border-color);
 
@@ -46,10 +46,10 @@ $uilib-input-chip-included: false !default;
 
 				box-shadow: var(--uilib-elevation-200);
 			}
+		}
 
-			&:checked:hover + .uilib-input-chip__label {
-				background: var(--uilib-input-chip-active-hover-bg-color);
-			}
+		&:has(&__input:checked:not(:disabled)) &__label:hover {
+			background: var(--uilib-input-chip-active-hover-bg-color);
 		}
 
 		&__label {
@@ -83,6 +83,10 @@ $uilib-input-chip-included: false !default;
 					background-color var(--uilib-motion-timing-inout) var(--uilib-motion-duration-fast),
 					color var(--uilib-motion-timing-inout) var(--uilib-motion-duration-fast);
 			}
+
+			&:hover {
+				background-color: var(--uilib-input-chip-hover-bg-color);
+			}
 		}
 
 		&.uilib-input-chip--choice label {

package/scss/lib/forms/input-count/_mixins.scss

@@ -16,6 +16,8 @@ $uilib-input-count-included: false !default;
 
 @mixin uilib-input-count-master() {
 	.uilib-input-count {
+		position: relative;
+
 		display: flex;
 		flex-flow: row wrap;
 		gap: var(--uilib-spacing-200);

package/scss/lib/forms/input-radio/_mixins.scss

@@ -16,6 +16,8 @@ $uilib-input-radio-included: false !default;
 
 @mixin uilib-input-radio-master() {
 	.uilib-input-radio {
+		position: relative;
+
 		&__input {
 			@include uilib-visually-hidden;
 		}

package/scss/lib/forms/input-radio-scroll/_index.scss

@@ -0,0 +1,3 @@
+// radio scroll / index
+@use 'mixins' as *;
+@include uilib-input-radio-scroll;

package/scss/lib/forms/input-radio-scroll/_mixins.scss

@@ -0,0 +1,185 @@
+// radio scroll / _mixins
+@use '../../utility/mixins' as *;
+@use '../../cards/selectable/mixins' as *;
+@use '../form-row/mixins' as *;
+@use '../input-chip/mixins' as *;
+@use '../../icon/mixins' as *;
+@use '../../icon-button/mixins' as *;
+@use '../../link/mixins' as *;
+
+$uilib-input-radio-scroll-included: false !default;
+
+// Builds radio scroll
+@mixin uilib-input-radio-scroll() {
+	@if not $uilib-input-radio-scroll-included {
+		$uilib-input-radio-scroll-included: true !global;
+
+		@include uilib-form-row;
+		@include uilib-input-chip;
+		@include uilib-card-selectable;
+		@include uilib-icon;
+		@include uilib-icon-button;
+		@include uilib-link;
+		@include uilib-input-radio-scroll-master;
+	}
+}
+
+@mixin uilib-input-radio-scroll-master() {
+	@property --uilib-input-radio-scroll-start-fade {
+		syntax: '<length>';
+		inherits: false;
+		initial-value: 0;
+	}
+
+	@property --uilib-input-radio-scroll-end-fade {
+		syntax: '<length>';
+		inherits: false;
+		initial-value: 0;
+	}
+
+	@keyframes uilib-input-radio-scroll-scrollfade {
+		0% {
+			--uilib-input-radio-scroll-start-fade: 0;
+		}
+
+		10%,
+		100% {
+			--uilib-input-radio-scroll-start-fade: var(--uilib-scroller-fade-size);
+		}
+
+		/* stylelint-disable-next-line keyframe-block-no-duplicate-selectors */
+		0%,
+		90% {
+			--uilib-input-radio-scroll-end-fade: var(--uilib-scroller-fade-size);
+		}
+
+		/* stylelint-disable-next-line keyframe-block-no-duplicate-selectors */
+		100% {
+			--uilib-input-radio-scroll-end-fade: 0;
+		}
+	}
+
+	.uilib-input-radio-scroll {
+		$uilib-input-radio-scroll-mask-horizontal: linear-gradient(
+			to right,
+			#0000,
+			#fff var(--uilib-input-radio-scroll-start-fade) calc(100% - var(--uilib-input-radio-scroll-end-fade)),
+			#0000
+		);
+
+		.uilib-form-row__label {
+			font: var(--uilib-typography-heading-xlarge);
+		}
+
+		.uilib-form-row__hint {
+			margin-top: var(--uilib-spacing-200);
+		}
+
+		.uilib-form-row__input {
+			display: grid;
+			grid-template-columns: 1fr fit-content;
+			gap: var(--uilib-spacing-400);
+
+			margin: var(--uilib-spacing-400) 0;
+
+			&:has(.uilib-input-chip-list:focus-visible),
+			&:has(.uilib-card-selectable-list:focus-visible) {
+				@include uilib-focus();
+
+				/* stylelint-disable-next-line order/order */
+				border-radius: var(--uilib-border-radius-200);
+			}
+		}
+
+		.uilib-input-chip-list,
+		.uilib-card-selectable-list {
+			grid-column: 1 / span 2;
+
+			display: flex;
+			flex-flow: row nowrap;
+			gap: var(--uilib-spacing-200);
+			align-items: stretch;
+
+			min-width: 0;
+			margin: calc(var(--uilib-spacing-200) * -1);
+			padding: var(--uilib-spacing-200) 0;
+
+			overflow-x: auto;
+
+			animation: uilib-input-radio-scroll-scrollfade;
+			scroll-behavior: smooth;
+
+			-webkit-mask: #{$uilib-input-radio-scroll-mask-horizontal};
+			mask: #{$uilib-input-radio-scroll-mask-horizontal};
+			animation-timeline: --uilib-input-radio-scroll-scrollfade;
+			scroll-timeline: --uilib-input-radio-scroll-scrollfade x;
+
+			&::before,
+			&::after {
+				content: '';
+
+				display: block;
+			}
+
+			&:focus-visible::before {
+				position: static;
+
+				box-shadow: none;
+			}
+		}
+
+		.uilib-input-chip,
+		.uilib-card-selectable-list__item {
+			flex: 0 0 var(--card-width, var(--card-default-width, 18rem));
+		}
+
+		.uilib-input-chip__label {
+			width: 100%;
+		}
+
+		&__link {
+			grid-row: 2;
+			grid-column: 1;
+
+			place-self: flex-start flex-start;
+		}
+
+		&__button-container {
+			grid-row: 2;
+			grid-column: 2;
+
+			display: flex;
+			flex-flow: row nowrap;
+			gap: var(--uilib-spacing-400);
+			justify-self: end;
+			align-items: flex-start;
+		}
+
+		&__button-previous .uilib-icon {
+			mask-image: var(--uilib-input-radio-scroll-previous-icon);
+		}
+
+		&__button-next .uilib-icon {
+			mask-image: var(--uilib-input-radio-scroll-next-icon);
+		}
+
+		&:not(:has(&__button-container)) {
+			.uilib-input-chip-list,
+			.uilib-card-selectable-list {
+				-webkit-mask: none;
+				mask: none;
+			}
+		}
+
+		&__accessible-instructions {
+			@include uilib-visually-hidden;
+		}
+
+		&[is-hydrated] {
+			.uilib-input-chip-list,
+			.uilib-card-selectable-list {
+				scrollbar-width: none;
+			}
+		}
+	}
+}

package/scss/lib/forms/input-radio-scroll/_variables.scss

@@ -0,0 +1,7 @@
+@use '../../../variables/env-variables' as *;
+
+// Input radio scroll specific variables to allow theming
+$uilib-input-radio-scroll-variables: (
+	previous-icon: url('#{$uilib-assets-base-url}v3/icons/tui/standard/chevron-left.svg'),
+	next-icon: url('#{$uilib-assets-base-url}v3/icons/tui/standard/chevron-right.svg'),
+) !default;

package/scss/lib/scroller/_mixins.scss

@@ -49,10 +49,10 @@ $uilib-scroller-included: false !default;
 	}
 
 	.uilib-scroller {
-		$mask-vertical:
+		$uilib-scroller-mask-vertical:
 			linear-gradient(to bottom, #0000, #ffff var(--uilib-scroller-start-fade) calc(100% - var(--uilib-scroller-end-fade)), #0000),
 			linear-gradient(to right, transparent 0% calc(100% - var(--uilib-scroller-bar-size)), #fff calc(100% - var(--uilib-scroller-bar-size)), #fff);
-		$mask-horizontal:
+		$uilib-scroller-mask-horizontal:
 			linear-gradient(to right, #0000, #fff var(--uilib-scroller-start-fade) calc(100% - var(--uilib-scroller-end-fade)), #0000),
 			linear-gradient(to bottom, transparent 0% calc(100% - var(--uilib-scroller-bar-size)), #fff calc(100% - var(--uilib-scroller-bar-size)), #fff);
 
@@ -83,9 +83,10 @@ $uilib-scroller-included: false !default;
 			/* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
 			overflow-y: auto;
 
+			-webkit-mask: #{$uilib-scroller-mask-vertical};
+			mask: #{$uilib-scroller-mask-vertical};
+
 			animation: uilib-scrollfade;
-			-webkit-mask: #{$mask-vertical};
-			mask: #{$mask-vertical};
 			animation-timeline: --uilib-scrollfade;
 			scroll-timeline: --uilib-scrollfade y;
 
@@ -131,8 +132,8 @@ $uilib-scroller-included: false !default;
 			overflow-x: auto;
 			/* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
 			overflow-y: hidden;
-			-webkit-mask: #{$mask-horizontal};
-			mask: #{$mask-horizontal};
+			-webkit-mask: #{$uilib-scroller-mask-horizontal};
+			mask: #{$uilib-scroller-mask-horizontal};
 
 			scroll-timeline: --uilib-scrollfade x;
 		}

package/scss/lib/tabs/_mixins.scss

@@ -48,7 +48,7 @@
 
 		&__scroll-wrapper,
 		& > &__tablist {
-			border-bottom: var(--uilib-stroke-size-025) solid var(--#{$prefix}-border-color);
+			border-bottom: var(--uilib-stroke-size-025) var(--uilib-stroke-style-solid) var(--#{$prefix}-border-color);
 		}
 
 		&__scroll-button.uilib-icon-button {
@@ -116,7 +116,7 @@
 
 				width: 100%;
 
-				border-bottom: 0.1875rem solid var(--#{$prefix}-active-color);
+				border-bottom: var(--uilib-stroke-size-075) var(--uilib-stroke-style-solid) var(--#{$prefix}-active-color);
 			}
 
 			@include uilib-tab-base($prefix);

package/scss/lib/tabs/anchor/_mixins.scss

@@ -19,7 +19,7 @@ $uilib-tabs-anchor-included: false !default;
 @mixin uilib-tabs-anchor-nojs($prefix: 'uilib-tabs-anchor') {
 	display: flex;
 
-	border-bottom: var(--uilib-stroke-size-025) solid var(--#{$prefix}-border-color);
+	border-bottom: var(--uilib-stroke-size-025) var(--uilib-stroke-style-solid) var(--#{$prefix}-border-color);
 
 	[slot='link'] {
 		display: inline-flex;

package/scss/lib/travel-aware-banner/_index.scss

@@ -0,0 +1,3 @@
+// travel aware banner / mixins
+@use 'mixins' as *;
+@include uilib-travel-aware-banner;

package/scss/lib/travel-aware-banner/_mixins.scss

@@ -0,0 +1,58 @@
+// Travel Aware Banner / _mixins
+@use '../grid/mixins' as *;
+@use '../utility/mixins' as *;
+
+$uilib-travel-aware-banner-included: false !default;
+
+// Builds travel aware banner
+@mixin uilib-travel-aware-banner() {
+	@if not $uilib-travel-aware-banner-included {
+		$uilib-travel-aware-banner-included: true !global;
+
+		@include uilib-travel-aware-banner-master;
+	}
+}
+
+@mixin uilib-travel-aware-banner-master() {
+	.uilib-travel-aware-banner {
+		display: inline-flex;
+		gap: var(--uilib-spacing-400);
+		align-items: center;
+
+		width: 100%;
+		max-width: 100%;
+		padding: var(--uilib-spacing-400);
+
+		border-radius: var(--uilib-travel-aware-banner-radius);
+
+		background-color: var(--uilib-color-core-surface);
+
+		@include uilib-breakpoint(xs) {
+			width: auto;
+		}
+
+		&__heading {
+			color: var(--uilib-color-text-strong);
+			font: var(--uilib-typography-component-heading-medium);
+		}
+
+		&__content {
+			display: flex;
+
+			// calculate from 230px in figma
+			flex: 1 1 14.375rem;
+			flex-direction: column;
+			gap: var(--uilib-spacing-100);
+		}
+
+		&__logo {
+			flex-grow: 0;
+			flex-shrink: 0;
+
+			height: auto;
+
+			// set logo W=65.776px from figma design
+			max-width: 4.111rem;
+		}
+	}
+}

package/scss/lib/travel-aware-banner/_variables.scss

@@ -0,0 +1,4 @@
+// Travel Aware Banner specific variables to allow theming
+$uilib-travel-aware-banner-variables: (
+	radius: var(--uilib-border-radius-400),
+) !default;