@sapudex/web-components 2.30.0 → 2.32.0

package/src/generated/themes/SecondaryNavigationSubItem.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.125rem;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{min-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (max-width: 979px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (max-width: 639px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
+export default `:host{--udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-sub-item-line-height: 1.1;--udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);--udex-secondary-navigation-sub-item-active-background: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-sub-item-active-border-color: var(--udexColorBlue7, #0070f2)}.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer16);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-sub-item-font-size);line-height:var(--udex-secondary-navigation-sub-item-line-height);color:var(--udex-secondary-navigation-sub-item-color);display:flex;text-decoration:none;position:relative;cursor:pointer}button.udex-secondary-navigation__dropdown-item{border:0;width:100%;background:none;justify-content:space-between;align-items:center;text-align:left;gap:4px}.udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus,.udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}[active].udex-secondary-navigation__dropdown-item:before,[sub-active].udex-secondary-navigation__dropdown-item:before{background:var(--udex-secondary-navigation-sub-item-active-border-color);border-radius:0 var(--udexRadiusXXS) var(--udexRadiusXXS) 0;content:"";position:absolute;top:0;bottom:0;left:0;height:100%;width:3px}[active].udex-secondary-navigation__dropdown-item:dir(rtl):before,[sub-active].udex-secondary-navigation__dropdown-item:dir(rtl):before{left:auto;right:0}[is-back].udex-secondary-navigation__dropdown-item{justify-content:normal}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-sub-item-hover-color)}.udex-secondary-navigation__dropdown-item:hover{background:var(--udex-secondary-navigation-sub-item-hover-background)}.udex-secondary-navigation__dropdown-item:active{background:var(--udex-secondary-navigation-sub-item-active-background)}.udex-secondary-navigation__dropdown:dir(rtl){left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown-icon{max-width:14px;height:14px}.udex-secondary-navigation__dropdown-icon_back{margin-inline-end:var(--udexSpacer4)}@media (max-width: 979px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer48)}.udex-secondary-navigation__dropdown-item:hover .udex-secondary-navigation__dropdown-icon,.udex-secondary-navigation__dropdown-item:hover{background:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__dropdown-item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS);outline-offset:calc(var(--udexSpacer4) * -1)}}@media (max-width: 639px){.udex-secondary-navigation__dropdown-item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
 `

package/src/generated/themes/Slider.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-30-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
+export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-32-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
 `

package/src/generated/themes/TabNavigation.css.ts

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme);
-export default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:100%;flex:0 0 25%;width:100%;max-height:none}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer32, 32px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:0 var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:0 var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-link{font-size:var(--udexTypographyNavigationRegularXLFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:24px;display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-link{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}
+export default `:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--udexColorBlue4);--udex-button-more-s-text-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-s-icon-color-toggled: var(--sapContent_Selected_FocusColor, var(--udexColorBlue9));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation="Vertical"][vertical-alignment="Center"]){--udex-tab-navigation-header-alignment: center}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:1;width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header{order:1}:host([orientation="Vertical"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}
 `

package/src/i18n/messagebundle.properties

@@ -166,6 +166,9 @@ READ_ONLY=Read only
 #Aria label text for Masthead main navigation
 MAIN_LINKS=main links
 
+#Aria label text for Masthead back to region list button
+BACK_TO_REGION_LIST=back to region list
+
 #Text for link opens in new window
 OPENS_IN_A_NEW_WINDOW=opens in a new window
 
@@ -242,7 +245,7 @@ EXPAND=Expand
 COLLAPSE=Collapse
 
 #SecondaryNavigationSubItem Aria label for back button
-BACK_BUTTON_LABEL=back button
+BACK_BUTTON_LABEL=return back
 
 #Dropdown trigger aria label
 TRIGGER=Dropdown trigger

package/src/i18n/messagebundle_en.properties

@@ -6,6 +6,7 @@ UNSELECTED=Unselected
 INDETERMINATE=Indeterminate
 EDIT_BUTTON=Edit
 DELETE_BUTTON=Delete
+BACK_TO_REGION_LIST=back to region list
 BUTTON_ARIA_TYPE_PRIMARY=Primary
 BUTTON_ARIA_TYPE_SECONDARY=Secondary
 BUTTON_ARIA_TYPE_TERTIARY=Tertiary
@@ -104,7 +105,7 @@ AVATAR_TEXT=Avatar
 CALENDAR_ICON=Open Calendar icon
 LIST_ITEM_EDIT_ICON=Edit list item entry
 LIST_ITEM_DELETE_ICON=Delete list item entry
-BACK_BUTTON_LABEL=back button label
+BACK_BUTTON_LABEL=return back
 STATUS_BADGE_TEXT=Status Badge
 STATUS_BADGE_EDIT_TITLE=Click to edit profile
 STATUS_BADGE_INFORMATION_TITLE=Click to open profile information

package/src/themes/BreadcrumbsPopover.css

@@ -1,8 +1,9 @@
 :host {
   --udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));
-  --udex-breadcrumbs-current-item-color:  var(--udexCoreTextDark, #223548);
+  --udex-breadcrumbs-current-item-color:  var(--udexColorGrey9, #223548);
   --udex-breadcrumbs-dropdown-item-font-size:  var(--udexTypographyNavigationMediumXSFontSize, 12px);
   --udex-breadcrumbs-dropdown-item-line-height:  var(--udexTypographyNavigationLineHeight, 1.1);
+  --udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0px 10px 30px 0px rgba(34, 54, 73, 0.25));
 }
 
 .udex-breadcrumbs__popover {
@@ -10,6 +11,7 @@
   --udex-dropdown-border-width: 0;
   --udex-dropdown-border-radius: 0;
   --udex-dropdown-pane-max-width: fit-content;
+  --udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow);
 }
 
 [ui5-icon] {
@@ -34,7 +36,7 @@
   --udex-link-icon-width: 12px;
 }
 
-.udex-breadcrumb__item--current {
+.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current {
   color: var(--udex-breadcrumbs-current-item-color);
   font-weight: var(--udexTypographyFontWeightMedium, 500);
 }

package/src/themes/Dropdown.css

@@ -25,10 +25,14 @@
   overflow: var(--udex-dropdown-pane-overflow);
   border: var(--udex-dropdown-border-width) solid var(--udex-dropdown-border-color-default);
   border-radius: var(--udex-dropdown-border-radius);
-  box-shadow: var(--udex-dropdown-box-shadow);
   background: var(--udex-dropdown-background-content);
 }
 
+:host,
+:host([hide-arrow]) {
+  box-shadow: var(--udex-dropdown-box-shadow);
+}
+
 .ui5-popup-root.ui5-popover-root {
   margin: var(--udex-dropdown-vertical-distance) var(--udex-dropdown-horizontal-distance);
 }

package/src/themes/Link.css

@@ -47,7 +47,6 @@
 :host([end-icon]) .ui5-link-text {
   white-space: var(--udex-link-white-space);
   margin-inline-end: var(--udexSpacer20);
-  vertical-align: middle;
 }
 
 :host([design="Emphasized"]) {
@@ -156,12 +155,12 @@
 .ui5-link-icon {
   margin-inline-end: 0;
   padding-inline-end: var(--udexSpacer4, 4px);
-  vertical-align: middle;
   float: none;
+  vertical-align: text-bottom;
 }
 
 .ui5-link-end-icon {
   margin-inline-start: calc(var(--udexSpacer20)* -1);;
   padding-inline-start: var(--udexSpacer4, 4px);
-  vertical-align: middle;
+  vertical-align: text-bottom;
 }

package/src/themes/ListGroupHeader.css

@@ -65,17 +65,6 @@
   pointer-events: none;
 }
 
-.udex-list__number {
-  margin-inline-end: var(--udexSpacer8, 8px);
-}
-
-.udex-list__circle {
-  display: block;
-  min-width: 20px;
-  height: 22px;
-  position: relative;
-}
-
 :host([mode="MultiSelect"]) .udex-list__group-header {
   border-bottom: 1px solid var(--udex-list-item-group-header-border-color);
 }
@@ -161,18 +150,21 @@
   max-height: 0;
 }
 
+:host([collapsible][mode="MultiSelect"]) header,
 :host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap,
 :host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap,
 :host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap {
   position: relative;
 }
 
+:host([collapsible][mode="MultiSelect"]) header:focus,
 :host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus,
 :host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus,
 :host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus {
   outline: none;
 }
 
+:host([collapsible][mode="MultiSelect"]) header:focus:before,
 :host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,
 :host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,
 :host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before {

package/src/themes/MastheadCountrySelector.css

@@ -66,12 +66,12 @@
   --udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);
 }
 
+.udex-masthead-country-selector__item::part(menu-item-link),
 .udex-masthead-country-selector__item_countries {
-  --udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8);
+  --udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);
 }
 
 .udex-masthead-country-selector__item::part(menu-item-link) {
-  --udex-masthead-menu-item-padding-desktop: var(--udexSpacer8);
   width: 100%;
 }
 

package/src/themes/MastheadItem.css

@@ -158,6 +158,58 @@
   border-radius: 50%;
 }
 
+:host([desktop]) .udex-masthead-item__profile-btn:hover ::slotted([udex-avatar]) {
+  --udex-avatar-blue-default-border-color: var(--udex-avatar-blue-hover-border-color);
+  --udex-avatar-mango-default-border-color: var(--udex-avatar-mango-hover-border-color);
+  --udex-avatar-red-default-border-color: var(--udex-avatar-red-hover-border-color);
+  --udex-avatar-raspberry-default-border-color: var(--udex-avatar-raspberry-hover-border-color);
+  --udex-avatar-pink-default-border-color: var(--udex-avatar-pink-hover-border-color);
+  --udex-avatar-indigo-default-border-color: var(--udex-avatar-indigo-hover-border-color);
+  --udex-avatar-teal-default-border-color: var(--udex-avatar-teal-hover-border-color);
+  --udex-avatar-green-default-border-color: var(--udex-avatar-green-hover-border-color);
+  --udex-avatar-grey-default-border-color: var(--udex-avatar-grey-hover-border-color);
+  --udex-avatar-transparent-default-border-color: var(--udex-avatar-transparent-hover-border-color);
+  --udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-hover-border-color);
+  --udex-avatar-image-default-border-color: var(--udex-avatar-image-hover-border-color);
+}
+
+:host([desktop]) .udex-masthead-item__profile-btn:active ::slotted([udex-avatar]) {
+  --udex-avatar-blue-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-blue-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-blue-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-mango-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-mango-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-mango-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-red-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-red-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-red-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-raspberry-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-raspberry-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-raspberry-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-pink-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-pink-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-pink-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-indigo-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-indigo-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-indigo-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-teal-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-teal-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-teal-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-green-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-green-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-green-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-grey-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-grey-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-grey-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-transparent-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-transparent-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-transparent-default-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-neutral-default-border-color: var(--udex-avatar-neutral-active-border-color);
+  --udex-avatar-neutral-default-background-color: var(--udex-avatar-neutral-active-background-color);
+  --udex-avatar-neutral-default-icon-color: var(--udex-avatar-neutral-active-icon-color);
+  --udex-avatar-image-default-border-color: var(--udex-avatar-neutral-active-border-color);
+}
+
 .udex-masthead-item__dropdown-icon {
   width: var(--udex-masthead-item-arrow-icon-size);
   height: var(--udex-masthead-item-arrow-icon-size);
@@ -379,5 +431,10 @@
   .udex-masthead-item__dropdown {
     width: 100%;
   }
+
+  .udex-masthead-item__button--country-selector + .udex-masthead-item__dropdown,
+  .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
+    min-width: auto;
+  }
 }
 

package/src/themes/MastheadShell.css

@@ -185,13 +185,11 @@
 
 .udex-masthead-shell__menu-btn {
   height: 18px;
-  order: 1;
 }
 
 .udex-masthead-shell__close-btn {
   position: relative;
   margin-inline-start: var(--udexSpacer12);
-  order: 2;
 }
 
 .udex-masthead-shell__close-btn:before {

package/src/themes/SecondaryNavigation.css

@@ -8,10 +8,10 @@
   --udex-secondary-navigation-title-color-hover: var(--udexColorBlue8,  #0057D2);
   --udex-secondary-navigation-title-color: var(--udexColorGrey9, #223548);
   --udex-secondary-navigation-title-font-size: var(--udexTypographyBodySFontSize, 16px);
-  --udex-secondary-navigation-title-line-height: 18px;
+  --udex-secondary-navigation-title-line-height:var(--udexTypographyHeadingLineHeight, 1.1);
   --udex-secondary-navigation-title-font-weight: var(--udexTypographyFontWeightMedium, 500);
   --udex-secondary-navigation-title-border-color: var(--udexColorGrey3, #D5DADD);
-  --udex-secondary-navigation-title-max-width: 248px;
+  --udex-secondary-navigation-title-max-width: 254px;
   --udex-secondary-navigation-mobile-button-border-color: var(--udexColorGrey3, #D5DADD);
 
   --udex-secondary-navigation-container-xl-max-width: 1432px;
@@ -32,6 +32,7 @@
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
+  gap: 2px;
 }
 
 .udex-secondary-navigation__holder {
@@ -80,7 +81,9 @@ a.udex-secondary-navigation__title:focus-visible {
   display: flex;
   align-items: center;
   margin-top:  calc(var(--udexSpacer24) * -1);
-  padding-inline-start: var(--udexSpacer20);
+  padding-top: 15px;
+  padding-bottom: 19px;
+  padding-inline-start: var(--udexSpacer16);
 }
 
 .udex-secondary-navigation__wrap {

package/src/themes/SecondaryNavigationItem.css

@@ -1,10 +1,10 @@
 :host {
   --udex-secondary-navigation-item-color: var(--sapTextColor, #223548);
-  --udex-secondary-navigation-item-hover-color: var(--udexColorBlue7, #0070f2);
+  --udex-secondary-navigation-item-hover-color: var(--udexColorBlue8, #0057D2);
   --udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);
   --udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);
   --udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);
-  --udex-secondary-navigation-item-line-height: 1.125rem;
+  --udex-secondary-navigation-item-line-height: 1.1;
   --udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);
   --udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;
   --udex-secondary-navigation-item-dropdown-background: #FFF;
@@ -12,8 +12,8 @@
   --udex-secondary-navigation-item-dropdown-min-width: 240px;
   --udex-secondary-navigation-item-dropdown-max-width: 360px;
   --udex-secondary-navigation-item-dropdown-max-height: 100%;
-  --udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 #2236494D;
-  --udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 #22364933;
+  --udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 var(--udexColorGrey2, #EAECEE);
+  --udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 var(--udexColorGrey2, #EAECEE);
   --udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);
   --udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);
   --udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);
@@ -80,8 +80,8 @@
 .udex-secondary-navigation__item-icon {
   margin-inline-start: var(--udexSpacer4);
   transition: 0.25s transform;
-  min-width: 14px;
-  height: 14px;
+  max-width: 16px;
+  height: 16px;
 }
 
 .udex-secondary-navigation__dropdown,
@@ -126,16 +126,17 @@
   .udex-secondary-navigation__item-icon {
     transform: translateY(-50%);
     position: absolute;
-    right: 5px;
+    right: 0;
     top: 50%;
     width: 22px;
+    max-width: 22px;
     height: 22px;
     margin: 0;
   }
 
   .udex-secondary-navigation__item-icon:dir(rtl) {
     right: auto;
-    left: 5px;
+    left: 0;
   }
 
   .udex-secondary-navigation__dropdown {
@@ -212,8 +213,8 @@
     position: relative;
     text-align: left;
     width: 100%;
-    padding-inline-end: var(--udexSpacer32);
-    gap: var(--udexSpacer16);
+    padding-inline-end: 42px;
+    gap: 6px;
   }
 
   .udex-secondary-navigation__item-text-wrap:dir(rtl){

package/src/themes/SecondaryNavigationSubItem.css

@@ -1,6 +1,6 @@
 :host {
   --udex-secondary-navigation-sub-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);
-  --udex-secondary-navigation-sub-item-line-height: 1.125rem;
+  --udex-secondary-navigation-sub-item-line-height: 1.1;
   --udex-secondary-navigation-sub-item-color: var(--udexColorGrey9, #223548);
   --udex-secondary-navigation-sub-item-hover-color: var(--udexColorBlue7, #0070f2);
   --udex-secondary-navigation-sub-item-hover-background: var(--udexColorGrey1, #F5F6F7);
@@ -27,6 +27,7 @@ button.udex-secondary-navigation__dropdown-item {
   justify-content: space-between;
   align-items: center;
   text-align: left;
+  gap: 4px;
 }
 
 .udex-secondary-navigation__dropdown-item:focus {
@@ -82,7 +83,7 @@ button.udex-secondary-navigation__dropdown-item {
 }
 
 .udex-secondary-navigation__dropdown-icon {
-  min-width: 14px;
+  max-width: 14px;
   height: 14px;
 }
 

package/src/themes/TabNavigation.css

@@ -433,10 +433,15 @@
   flex-direction: column;
   align-items: stretch;
   min-height: auto;
-  height: 100%;
+  height: auto;
   flex: 0 0 25%;
   width: 100%;
   max-height: none;
+  align-self: var(--udex-tab-navigation-header-alignment, flex-start);
+}
+
+:host([orientation="Vertical"][vertical-alignment="Center"]) {
+  --udex-tab-navigation-header-alignment: center;
 }
 
 :host([orientation="Vertical"]) .udex-tab-navigation__header:before {
@@ -445,7 +450,7 @@
 
 :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs {
   flex-direction: column;
-  gap: var(--udexSpacer32, 32px);
+  gap: var(--udexSpacer16, 16px);
   overflow: visible;
   white-space: normal;
   max-height: none;
@@ -454,7 +459,7 @@
 
 @media screen and (max-width: 979px) {
   :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs {
-    gap: var(--udexSpacer24, 24px);
+    gap: var(--udexSpacer16, 16px);
   }
 
   :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs > .udex-tab-navigation__button-tab:not(:last-child):not(:has(+ .udex-tab-navigation__content)),
@@ -465,7 +470,7 @@
 }
 
 :host([orientation="Vertical"]) .udex-tab-navigation__button-tab {
-  padding: 0 var(--udexSpacer16, 16px);
+  padding: var(--udexSpacer16, 16px);
   align-items: flex-start;
   width: 100%;
   height: auto;
@@ -502,7 +507,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--udexSpacer16, 16px);
-  padding: 0 var(--udexSpacer16, 16px);
+  padding: var(--udexSpacer16, 16px);
   transition: all 200ms ease-in;
 }
 
@@ -561,17 +566,6 @@
   display: block;
 }
 
-:host([orientation="Vertical"]) .udex-tab-navigation__button-link {
-  font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);
-  font-weight: var(--udexTypographyFontWeightRegular, 400);
-  line-height: 24px;
-  display: none;
-}
-
-:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active ~ .udex-tab-navigation__button-link {
-  display: block;
-}
-
 :host([orientation="Vertical"]) .udex-tab-navigation__button-links {
   display: none;
   flex-direction: column;
@@ -582,8 +576,25 @@
   display: flex;
 }
 
+
 :host([orientation="Vertical"]) .udex-tab-navigation__content {
   flex: 1 1 75%;
   padding-block-start: 0;
   padding-inline-start: var(--udexSpacer16, 16px);
 }
+
+/* Vertical — End placement: tabs appear on the inline-end side of the content */
+:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header {
+  order: 1;
+}
+
+/* Vertical — play button spacing (replaces header gap) */
+:host([orientation="Vertical"]) .udex-tab-navigation__play-button {
+  margin-block-end: var(--udexSpacer16, 16px);
+}
+
+/* Vertical — footer slot */
+:host([orientation="Vertical"]) .udex-tab-navigation__footer {
+  margin-block-start: var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));
+  padding-inline-start: var(--udexSpacer16, 16px);
+}

package/src/types/List.ts

@@ -7,8 +7,6 @@ export enum UDExListMode {
 
 export enum UDExListStyleType {
   None = "None",
-  Circle = "Circle",
-  Number = "Number",
   Icon = "Icon",
 }
 

package/dist/assets/messagebundle_en-J-MHTtdL.js

@@ -1 +0,0 @@
-const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",O="Delete",R="Primary",o="Secondary",N="Tertiary",n="Warning",L="Positive",s="Negative",e="Emphasized",C="Default",c="Transparent",U="Attention",P="Date Input",a="Toggled",B="First page",D="Last page",i="Previous page",r="Next page",M="Current page",l="Activate page number",G="Suggested searches",d="Clear",u="Search",V="Clear",W="Voice",Y="Submit",F="Listening",g="Available Values",m="Recommended pages",p="Expand All",H="Collapse All",X="More",f="Attention badge",h="Read more",b="Read less",v="Show more",y="Show less",w="Rating Indicator",K="Rating",k="Required",x="Total",Q="Rating",Z="Contains Multi-Selectable Items",q="Contains Selectable Items",z="Show Results",j="Show/Hide Password Button",J="Reset",$="Message Strip Close Button",TT="Information Bar",ET="Positive Bar",_T="Warning Bar",AT="Negative Bar",ST="Action Bar",IT="reviews",tT="stars",OT="Select Options",RT="Select All",oT="{0} characters remaining",NT="Field State Error",nT="Field State Warning",LT="Field State Success",sT="Field State Standard",eT="Previous Page",CT="Next Page",cT="No matches found.",UT="Breadcrumb Trail",PT="More",aT="Increase by",BT="Decrease by",DT="No data found",iT="Invalid entry",rT="Warning issued",MT="Informative entry",lT="Entry successfully validated",GT="Read only",dT="Logout",uT="Switch account",VT="Back",WT="Other identities",YT="Add or remove account",FT="Select country",gT="Overview",mT="Cart",pT="Country Selector",HT="Support",XT="Phone number",fT="Contact us",hT="Email",bT="Chat with us",vT="Quick Links",yT="Trending",wT="About SAP",KT="Site Information",kT="Or see our complete list of",xT="local country numbers",QT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",ZT="Avatar",qT="Open Calendar icon",zT="Edit list item entry",jT="Delete list item entry",JT="back button label",$T="Status Badge",TE="Click to edit profile",EE="Click to open profile information",_E="Warning, potential risk with the profile",AE="There is an error with the profile",SE="Successfully verified profile",IE="Profile",tE="main links",OE="opens in a new window",RE="Text field",oE="Uploading",NE="Terminated",nE="Remove file",LE="Upload file",sE="Complete list of",eE="Call us today!",CE="Search",cE="results returned.",UE="Social Media Button",PE="Promo Tile",aE="Promo Tile Icon",BE="Back to top",DE="Start button to begin customer logos rotation",iE="Pause button to stop customer logos rotation",rE="Location",ME="Close",lE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:O,BUTTON_ARIA_TYPE_PRIMARY:R,BUTTON_ARIA_TYPE_SECONDARY:o,BUTTON_ARIA_TYPE_TERTIARY:N,BUTTON_ARIA_TYPE_WARNING:n,BUTTON_ARIA_TYPE_POSITIVE:L,BUTTON_ARIA_TYPE_NEGATIVE:s,BUTTON_ARIA_EMPHASIZED:e,BUTTON_ARIA_DEFAULT:C,BUTTON_ARIA_TRANSPARENT:c,BUTTON_ARIA_ATTENTION:U,DATEPICKER_DATE_DESCRIPTION:P,TOGGLED:a,FIRST_PAGE:B,LAST_PAGE:D,PREVIOUS_PAGE:i,NEXT_PAGE:r,CURRENT_PAGE:M,ACTIVATE_PAGE:l,SUGGESTED_TEXT:G,ACCESSIBLE_NAME_RESET_ICON:d,ACCESSIBLE_NAME_SEARCH_ICON:u,TOOLTIP_RESET_BUTTON:V,TOOLTIP_VOICE_BUTTON:W,TOOLTIP_SUBMIT_BUTTON:Y,LISTENING:F,AVAILABLE_VALUES:g,RECOMMENDED_TEXT:m,EXPAND_ALL:p,COLLAPSE_ALL:H,MORE:X,ATTENTION_BADGE:f,READ_MORE:h,READ_LESS:b,SHOW_MORE:v,SHOW_LESS:y,RATING_INDICATOR_TEXT:w,RATING_INDICATOR_TOOLTIP_TEXT:K,RATING_INDICATOR_ARIA_DESCRIPTION:k,TOTAL:x,RATING_COUNT_TITLE:Q,ARIA_LABEL_LIST_MULTISELECTABLE:Z,ARIA_LABEL_LIST_SELECTABLE:q,SHOW_RESULTS:z,SHOW_HIDE_PASSWORD:j,RESET:J,MESSAGE_STRIP_CLOSE_BUTTON:$,MESSAGE_STRIP_INFORMATION:TT,MESSAGE_STRIP_SUCCESS:ET,MESSAGE_STRIP_WARNING:_T,MESSAGE_STRIP_ERROR:AT,MESSAGE_STRIP_ACTION:ST,REVIEWS:IT,STARS:tT,SELECT_OPTIONS:OT,SELECT_ALL:RT,TEXTAREA_CHARACTERS_LEFT:oT,VALUE_STATE_TYPE_ERROR:NT,VALUE_STATE_TYPE_WARNING:nT,VALUE_STATE_TYPE_SUCCESS:LT,VALUE_STATE_TYPE_STANDARD:sT,CAROUSEL_PREVIOUS_ARROW_TEXT:eT,CAROUSEL_NEXT_ARROW_TEXT:CT,NO_MATCHES_FOUND:cT,BREADCRUMBS_ARIA_LABEL:UT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:PT,STEPINPUT_INC_ICON_TITLE:aT,STEPINPUT_DEC_ICON_TITLE:BT,TABLE_NO_DATA_FOUND:DT,VALUE_STATE_ERROR:iT,VALUE_STATE_WARNING:rT,VALUE_STATE_INFORMATION:MT,VALUE_STATE_SUCCESS:lT,READ_ONLY:GT,LOGOUT:dT,SWITCH_ACCOUNT:uT,BACK:VT,OTHER_IDENTITIES:WT,ADD_OR_REMOVE_ACCOUNT:YT,COUNTRY_SELECT:FT,OVERVIEW:gT,CART:mT,COUNTRY_SELECTOR:pT,SUPPORT:HT,PHONE_NUMBER:XT,CONTACT_US:fT,EMAIL:hT,CHAT_WITH_US:bT,QUICK_LINKS:vT,TRENDING:yT,ABOUT_SAP:wT,SITE_INFORMATION:KT,SEE_COMPLETE_LIST:kT,LOCAL_COUNTRY_NAMES:xT,COPYRIGHT:QT,AVATAR_TEXT:ZT,CALENDAR_ICON:qT,LIST_ITEM_EDIT_ICON:zT,LIST_ITEM_DELETE_ICON:jT,BACK_BUTTON_LABEL:JT,STATUS_BADGE_TEXT:$T,STATUS_BADGE_EDIT_TITLE:TE,STATUS_BADGE_INFORMATION_TITLE:EE,STATUS_BADGE_WARNING_TITLE:_E,STATUS_BADGE_ERROR_TITLE:AE,STATUS_BADGE_SUCCESS_TITLE:SE,PROFILE:IE,MAIN_LINKS:tE,OPENS_IN_A_NEW_WINDOW:OE,TEXT_FIELD:RE,UPLOADING_FILE_STATUS_TEXT:oE,TERMINATED_FILE_STATUS_TEXT:NE,REMOVE_FILE_TEXT:nE,UPLOAD_BUTTON_LABEL:LE,COMPLETE_LIST_OF:sE,CALL_US_TODAY:eE,SEARCH:CE,RESULT_RETURNED:cE,SOCIAL_MEDIA_BUTTON:UE,PROMO_TILE:PE,PROMO_TILE_ICON:aE,BACK_TO_TOP:BE,PLAY_BUTTON_ACCESSIBLE_NAME:DE,PAUSE_BUTTON_ACCESSIBLE_NAME:iE,LOCATION:rE,TOAST_CLOSE_ACCESSIBLE_NAME:ME};export{wT as ABOUT_SAP,d as ACCESSIBLE_NAME_RESET_ICON,u as ACCESSIBLE_NAME_SEARCH_ICON,l as ACTIVATE_PAGE,YT as ADD_OR_REMOVE_ACCOUNT,Z as ARIA_LABEL_LIST_MULTISELECTABLE,q as ARIA_LABEL_LIST_SELECTABLE,f as ATTENTION_BADGE,g as AVAILABLE_VALUES,ZT as AVATAR_TEXT,VT as BACK,JT as BACK_BUTTON_LABEL,BE as BACK_TO_TOP,UT as BREADCRUMBS_ARIA_LABEL,PT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,U as BUTTON_ARIA_ATTENTION,C as BUTTON_ARIA_DEFAULT,e as BUTTON_ARIA_EMPHASIZED,c as BUTTON_ARIA_TRANSPARENT,s as BUTTON_ARIA_TYPE_NEGATIVE,L as BUTTON_ARIA_TYPE_POSITIVE,R as BUTTON_ARIA_TYPE_PRIMARY,o as BUTTON_ARIA_TYPE_SECONDARY,N as BUTTON_ARIA_TYPE_TERTIARY,n as BUTTON_ARIA_TYPE_WARNING,qT as CALENDAR_ICON,eE as CALL_US_TODAY,CT as CAROUSEL_NEXT_ARROW_TEXT,eT as CAROUSEL_PREVIOUS_ARROW_TEXT,mT as CART,bT as CHAT_WITH_US,H as COLLAPSE_ALL,sE as COMPLETE_LIST_OF,fT as CONTACT_US,QT as COPYRIGHT,T as COUNT,FT as COUNTRY_SELECT,pT as COUNTRY_SELECTOR,M as CURRENT_PAGE,P as DATEPICKER_DATE_DESCRIPTION,O as DELETE_BUTTON,t as EDIT_BUTTON,hT as EMAIL,p as EXPAND_ALL,B as FIRST_PAGE,I as INDETERMINATE,D as LAST_PAGE,F as LISTENING,jT as LIST_ITEM_DELETE_ICON,zT as LIST_ITEM_EDIT_ICON,xT as LOCAL_COUNTRY_NAMES,rE as LOCATION,dT as LOGOUT,tE as MAIN_LINKS,ST as MESSAGE_STRIP_ACTION,$ as MESSAGE_STRIP_CLOSE_BUTTON,AT as MESSAGE_STRIP_ERROR,TT as MESSAGE_STRIP_INFORMATION,ET as MESSAGE_STRIP_SUCCESS,_T as MESSAGE_STRIP_WARNING,X as MORE,r as NEXT_PAGE,cT as NO_MATCHES_FOUND,E as OF,OE as OPENS_IN_A_NEW_WINDOW,WT as OTHER_IDENTITIES,gT as OVERVIEW,_ as PAGINATION_PAGE,iE as PAUSE_BUTTON_ACCESSIBLE_NAME,XT as PHONE_NUMBER,DE as PLAY_BUTTON_ACCESSIBLE_NAME,i as PREVIOUS_PAGE,IE as PROFILE,PE as PROMO_TILE,aE as PROMO_TILE_ICON,vT as QUICK_LINKS,Q as RATING_COUNT_TITLE,k as RATING_INDICATOR_ARIA_DESCRIPTION,w as RATING_INDICATOR_TEXT,K as RATING_INDICATOR_TOOLTIP_TEXT,b as READ_LESS,h as READ_MORE,GT as READ_ONLY,m as RECOMMENDED_TEXT,nE as REMOVE_FILE_TEXT,J as RESET,cE as RESULT_RETURNED,IT as REVIEWS,CE as SEARCH,kT as SEE_COMPLETE_LIST,A as SELECTED,RT as SELECT_ALL,OT as SELECT_OPTIONS,j as SHOW_HIDE_PASSWORD,y as SHOW_LESS,v as SHOW_MORE,z as SHOW_RESULTS,KT as SITE_INFORMATION,UE as SOCIAL_MEDIA_BUTTON,tT as STARS,TE as STATUS_BADGE_EDIT_TITLE,AE as STATUS_BADGE_ERROR_TITLE,EE as STATUS_BADGE_INFORMATION_TITLE,SE as STATUS_BADGE_SUCCESS_TITLE,$T as STATUS_BADGE_TEXT,_E as STATUS_BADGE_WARNING_TITLE,BT as STEPINPUT_DEC_ICON_TITLE,aT as STEPINPUT_INC_ICON_TITLE,G as SUGGESTED_TEXT,HT as SUPPORT,uT as SWITCH_ACCOUNT,DT as TABLE_NO_DATA_FOUND,NE as TERMINATED_FILE_STATUS_TEXT,oT as TEXTAREA_CHARACTERS_LEFT,RE as TEXT_FIELD,ME as TOAST_CLOSE_ACCESSIBLE_NAME,a as TOGGLED,V as TOOLTIP_RESET_BUTTON,Y as TOOLTIP_SUBMIT_BUTTON,W as TOOLTIP_VOICE_BUTTON,x as TOTAL,yT as TRENDING,S as UNSELECTED,oE as UPLOADING_FILE_STATUS_TEXT,LE as UPLOAD_BUTTON_LABEL,iT as VALUE_STATE_ERROR,MT as VALUE_STATE_INFORMATION,lT as VALUE_STATE_SUCCESS,NT as VALUE_STATE_TYPE_ERROR,sT as VALUE_STATE_TYPE_STANDARD,LT as VALUE_STATE_TYPE_SUCCESS,nT as VALUE_STATE_TYPE_WARNING,rT as VALUE_STATE_WARNING,lE as default};