@sapudex/web-components 2.33.0 → 2.35.0

package/src/generated/themes/SecondaryNavigation.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-border-color: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-padding: 0 var(--udexSpacer84);--udex-secondary-navigation-min-height: 72px;--udex-secondary-navigation-z-index: 9;--udex-secondary-navigation-background: #FFF;--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: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: 254px;--udex-secondary-navigation-mobile-button-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-container-xl-max-width: 1432px;--udex-secondary-navigation-container-l-max-width: 1456px;border-bottom:1px solid var(--udex-secondary-navigation-border-color);display:block;padding:var(--udex-secondary-navigation-padding);z-index:var(--udex-secondary-navigation-z-index);background:var(--udex-secondary-navigation-background);position:relative}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-xl-max-width);margin:0 auto;min-height:var(--udex-secondary-navigation-min-height);box-sizing:border-box;display:flex;flex-direction:column;gap:2px}.udex-secondary-navigation__holder{display:flex;position:relative;flex:auto}.udex-secondary-navigation__title{font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-title-font-size);line-height:var(--udex-secondary-navigation-title-line-height);font-weight:var(--udex-secondary-navigation-title-font-weight);color:var(--udex-secondary-navigation-title-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}a.udex-secondary-navigation__title{text-decoration:none}a.udex-secondary-navigation__title:hover{color:var(--udex-secondary-navigation-title-color-hover)}a.udex-secondary-navigation__title:focus,a.udex-secondary-navigation__title:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__list{list-style:none;margin:0;padding:0;display:flex;flex:auto;column-gap:var(--udexSpacer20)}.udex-secondary-navigation__buttons{display:flex;align-items:center;margin-top:calc(var(--udexSpacer24) * -1);padding-top:15px;padding-bottom:19px;padding-inline-start:var(--udexSpacer16)}.udex-secondary-navigation__wrap{flex:auto;background:var(--udex-secondary-navigation-background)}.udex-secondary-navigation__wrap,.udex-secondary-navigation__heading{display:flex}.udex-secondary-navigation__heading{max-width:var(--udex-secondary-navigation-title-max-width);box-sizing:border-box;margin-inline-end:var(--udexSpacer20);padding-inline-end:var(--udexSpacer20);margin-bottom:18px;flex-shrink:0;position:relative}.udex-secondary-navigation__heading:before{background:var(--udex-secondary-navigation-title-border-color);content:"";position:absolute;width:1px;right:0;top:0;bottom:0}.udex-secondary-navigation__heading:dir(rtl):before{right:auto;left:0}.udex-secondary-navigation__list-item{position:relative}.udex-secondary-navigation__mobile-nav{display:none}.udex-secondary-navigation__breadcrumbs{padding-top:var(--udexSpacer12)}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list,.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading,.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{align-items:center}.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading{height:fit-content;margin-block:auto}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{height:100%;display:flex}.udex-secondary-navigation__root_centered .udex-secondary-navigation__buttons{margin-top:0}@media (max-width: 1599px){:host{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72)}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-l-max-width)}}@media (max-width: 979px){:host{border:none;padding:0;height:100%}.udex-secondary-navigation__breadcrumbs,.udex-secondary-navigation__holder{display:none}.udex-secondary-navigation__mobile-nav{display:block}.udex-secondary-navigation__root{padding:0 0 var(--udexSpacer24) 0;overflow:hidden;height:100%;max-height:100vh}.udex-secondary-navigation__list{flex-direction:column}.udex-secondary-navigation__list-item,.udex-secondary-navigation__buttons{margin:0;margin-inline-end:0}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24) var(--udexSpacer48);margin-top:var(--udexSpacer16);position:relative}.udex-secondary-navigation__buttons:before{content:"";position:absolute;left:var(--udexSpacer48);right:var(--udexSpacer48);top:0;height:1px;background:var(--udex-secondary-navigation-mobile-button-border-color)}.udex-secondary-navigation__holder{border:none}}@media (max-width: 639px){.udex-secondary-navigation__heading{padding:var(--udexSpacer12) var(--udexSpacer24)}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24);flex-direction:column;align-items:flex-start}.udex-secondary-navigation__buttons:before{left:var(--udexSpacer24);right:var(--udexSpacer24)}}
+export default `:host{--udex-secondary-navigation-border-color: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-padding: 0 var(--udexSpacer84);--udex-secondary-navigation-min-height: 74px;--udex-secondary-navigation-z-index: 9;--udex-secondary-navigation-background: #FFF;--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: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: 254px;--udex-secondary-navigation-mobile-button-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-container-xl-max-width: 1432px;--udex-secondary-navigation-container-l-max-width: 1456px;border-bottom:1px solid var(--udex-secondary-navigation-border-color);display:block;padding:var(--udex-secondary-navigation-padding);z-index:var(--udex-secondary-navigation-z-index);background:var(--udex-secondary-navigation-background);position:relative}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-xl-max-width);margin:0 auto;min-height:var(--udex-secondary-navigation-min-height);box-sizing:border-box;display:flex;flex-direction:column;gap:2px}.udex-secondary-navigation__holder{display:flex;position:relative;flex:auto}.udex-secondary-navigation__title{font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-title-font-size);line-height:var(--udex-secondary-navigation-title-line-height);font-weight:var(--udex-secondary-navigation-title-font-weight);color:var(--udex-secondary-navigation-title-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}a.udex-secondary-navigation__title{text-decoration:none}a.udex-secondary-navigation__title:hover{color:var(--udex-secondary-navigation-title-color-hover)}a.udex-secondary-navigation__title:focus,a.udex-secondary-navigation__title:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__list{list-style:none;margin:0;padding:0;display:flex;flex:auto;column-gap:var(--udexSpacer20)}.udex-secondary-navigation__buttons{display:flex;align-items:center;margin-top:calc(var(--udexSpacer24) * -1);padding-top:15px;padding-bottom:19px;padding-inline-start:var(--udexSpacer16)}.udex-secondary-navigation__wrap{flex:auto;background:var(--udex-secondary-navigation-background)}.udex-secondary-navigation__wrap,.udex-secondary-navigation__heading{display:flex}.udex-secondary-navigation__heading{max-width:var(--udex-secondary-navigation-title-max-width);box-sizing:border-box;margin-inline-end:var(--udexSpacer20);padding-inline-end:var(--udexSpacer20);margin-bottom:18px;flex-shrink:0;position:relative}.udex-secondary-navigation__heading:before{background:var(--udex-secondary-navigation-title-border-color);content:"";position:absolute;width:1px;right:0;top:0;bottom:0}.udex-secondary-navigation__heading:dir(rtl):before{right:auto;left:0}.udex-secondary-navigation__list-item{position:relative}.udex-secondary-navigation__mobile-nav{display:none}.udex-secondary-navigation__breadcrumbs{padding-top:var(--udexSpacer12)}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list,.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading,.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{align-items:center}.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading{height:fit-content;margin-block:auto}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{height:100%;display:flex}.udex-secondary-navigation__root_centered .udex-secondary-navigation__buttons{margin-top:0}@media (max-width: 1599px){:host{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72)}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-l-max-width)}}@media (max-width: 979px){:host{border:none;padding:0;height:100%}.udex-secondary-navigation__breadcrumbs,.udex-secondary-navigation__holder{display:none}.udex-secondary-navigation__mobile-nav{display:block}.udex-secondary-navigation__root{padding:0 0 var(--udexSpacer24) 0;overflow:hidden;height:100%;max-height:100vh}.udex-secondary-navigation__list{flex-direction:column}.udex-secondary-navigation__list-item,.udex-secondary-navigation__buttons{margin:0;margin-inline-end:0}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24) var(--udexSpacer48);margin-top:var(--udexSpacer16);position:relative}.udex-secondary-navigation__buttons:before{content:"";position:absolute;left:var(--udexSpacer48);right:var(--udexSpacer48);top:0;height:1px;background:var(--udex-secondary-navigation-mobile-button-border-color)}.udex-secondary-navigation__holder{border:none}}@media (max-width: 639px){.udex-secondary-navigation__heading{padding:var(--udexSpacer12) var(--udexSpacer24)}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24);flex-direction:column;align-items:flex-start}.udex-secondary-navigation__buttons:before{left:var(--udexSpacer24);right:var(--udexSpacer24)}}
 `

package/src/generated/themes/SecondaryNavigationItem.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-item-color: var(--sapTextColor, #223548);--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.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;--udex-secondary-navigation-item-title-min-height: 64px;--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 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);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;max-width:16px;height:16px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (max-width: 979px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:0;top:50%;width:22px;max-width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:0}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial;overflow-y:auto;max-height:calc(var(--udex-secondary-navigation-item-dropdown-max-height) - var(--udexSpacer24))}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:var(--udex-secondary-navigation-item-title-min-height);width:100%;z-index:1;display:flex;align-items:center;height:fit-content}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:42px;gap:6px}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer16) 0}}@media (max-width: 639px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
+export default `:host{--udex-secondary-navigation-item-color: var(--sapTextColor, #223548);--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.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;--udex-secondary-navigation-item-title-min-height: 64px;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-dropdown-mobile-max-height: 100%;--udex-secondary-navigation-item-dropdown-desktop-max-height: none;--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);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;max-width:16px;height:16px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);max-height:var(--udex-secondary-navigation-item-dropdown-desktop-max-height);overflow-y:auto;background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (max-width: 979px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:0;top:50%;width:22px;max-width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:0}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial;overflow-y:auto;max-height:calc(var(--udex-secondary-navigation-item-dropdown-mobile-max-height) - var(--udexSpacer24))}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:var(--udex-secondary-navigation-item-title-min-height);width:100%;z-index:1;display:flex;align-items:center;height:fit-content}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:42px;gap:6px}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer16) 0}}@media (max-width: 639px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
 `

package/src/generated/themes/SelectBase.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-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);--udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-select-box-input-autocomplete-background: transparent}:host([displayonly]) .udex-text-field__search,:host([readonly]) .udex-text-field__search,:host([disabled]) .udex-text-field__search,:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([mode="SingleSelect"]) .udex-text-field__input{position:relative}:host([_focused]) .udex-text-field__wrap:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusXS);pointer-events:none}:host([readonly]) .udex-text-field__search{background:inherit;border:inherit}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00);border-left:none}.udex-text-field__trigger:hover,:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}:host([mode="SingleSelect"]) .udex-text-field__search{position:absolute;inset:0 42px 0 0}.udex-text-field__holder{height:100%;width:100%;position:relative}.udex-text-field__label{pointer-events:none;max-width:calc(100% - 56px)}.udex-text-field__label_active{position:absolute;top:9px;left:12px}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);padding:var(--udexSpacer4);z-index:1;height:42px;width:42px;min-width:42px;color:var(--udexColorGrey7, #475E75);outline:none}:host([mode="SingleSelect"]) .udex-text-field__trigger{margin-inline-start:auto}:host([_open]) .udex-text-field__trigger [ui5-icon]{transform:rotate(180deg)}.udex-text-field__trigger [ui5-icon]{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{background:var(--udex-select-box-input-background);position:absolute;inset:0 13px;padding:var(--udexSpacer8) 0;pointer-events:none;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([readonly]) .udex-text-field__text-holder{background:inherit}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:var(--udex-select-box-input-autocomplete-background)}.udex-text-field__single-label b{font-weight:400}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}.udex-no-result{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--sapContent_TitleColor, #000000);padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}.udex-text-field__search{font-family:var(--sapFontFamily);font-size:16px;line-height:24px;display:block;color:var(--udex-select-box-input-color-typed-text);padding:var(--udexSpacer8) var(--udexSpacer12);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-select-box-input-background);border-radius:var(--udexRadiusXS);cursor:pointer;border:0;width:100%}.udex-text-field__trigger:focus,.udex-text-field__search:focus{outline:none}@media (max-width: 639px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}
+export default `:host{--udex-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);--udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-select-box-input-autocomplete-background: transparent}:host([displayonly]) .udex-text-field__search,:host([readonly]) .udex-text-field__search,:host([disabled]) .udex-text-field__search,:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([mode="SingleSelect"]) .udex-text-field__input{position:relative}:host([_focused]) .udex-text-field__wrap:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusXS);pointer-events:none}:host([readonly]) .udex-text-field__search{background:inherit;border:inherit}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticError4, #FF8CB2);color:var(--udexCoreSemanticError9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticSuccess6, #36a41d);color:var(--udexCoreSemanticSuccess9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexCoreSemanticWarning6, #E76500);color:var(--udexCoreSemanticWarning9, #8D2A00);border-left:none}.udex-text-field__trigger:hover,:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}:host([mode="SingleSelect"]) .udex-text-field__search{position:absolute;inset:0 42px 0 0}.udex-text-field__holder{height:100%;width:100%;position:relative}.udex-text-field__label{pointer-events:none;max-width:calc(100% - 56px)}.udex-text-field__label_active{position:absolute;top:9px;left:12px}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);padding:var(--udexSpacer4);z-index:1;height:42px;width:42px;min-width:42px;color:var(--udexColorGrey7, #475E75);outline:none}:host([mode="SingleSelect"]) .udex-text-field__trigger{margin-inline-start:auto}:host([_open]) .udex-text-field__trigger [ui5-icon]{transform:rotate(180deg)}.udex-text-field__trigger [ui5-icon]{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{background:var(--udex-select-box-input-background);position:absolute;inset:0 13px;padding:var(--udexSpacer8) 0;pointer-events:none;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([readonly]) .udex-text-field__text-holder{background:inherit}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:var(--udex-select-box-input-autocomplete-background)}.udex-text-field__single-label b{font-weight:400}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}.udex-text-field__search{font-family:var(--sapFontFamily);font-size:16px;line-height:24px;display:block;color:var(--udex-select-box-input-color-typed-text);padding:var(--udexSpacer8) var(--udexSpacer12);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-select-box-input-background);border-radius:var(--udexRadiusXS);cursor:pointer;border:0;width:100%}.udex-text-field__trigger:focus,.udex-text-field__search:focus{outline:none}@media (max-width: 639px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}
 `

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-33-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-35-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/themes/Breadcrumbs.css

@@ -14,7 +14,7 @@
 
 .udex-breadcrumbs > ol {
   margin: 0;
-  padding: var(--udexSpacer2, 2px) 0;
+  padding: 0;
   list-style-type: none;
   display: -webkit-box;
   display: -webkit-flex;
@@ -72,6 +72,10 @@
   position: relative;
 }
 
+.udex-breadcrumbs .udex-breadcrumbs__item::part(root) {
+  padding: 3px 0;
+}
+
 .udex-breadcrumbs__item {
   line-height: var(--udex-breadcrumbs-item-line-height);
 }
@@ -85,7 +89,7 @@
   background: none;
   padding: 0;
   cursor: pointer;
-  height: 12px;
+  height: 24px;
   width: 12px;
   margin: auto;
   --udex-link-icon-width: 12px;
@@ -93,6 +97,16 @@
   --udex-link-line-height: 12px;
 }
 
+.udex-breadcrumbs__trigger::part(root) {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.udex-breadcrumbs__trigger::part(icon) {
+  padding-inline-end: 0;
+}
+
 .udex-breadcrumbs__trigger:focus {
   outline: solid var(--udexSpacer2, 2px) var(--sapContent_FocusColor, #0040B0);
   border-radius: var(--udexRadiusXXS, 2px);

package/src/themes/BreadcrumbsPopover.css

@@ -3,11 +3,12 @@
   --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-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, 0.25));
 }
 
 .udex-breadcrumbs__popover {
-  --udex-dropdown-vertical-distance: var(--udexSpacer4, 4px);
+  --udex-dropdown-vertical-distance: 0;
+  --udex-dropdown-horizontal-distance: -20px;
   --udex-dropdown-border-width: 0;
   --udex-dropdown-border-radius: 0;
   --udex-dropdown-pane-max-width: fit-content;
@@ -30,25 +31,39 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 12px;
 }
 
 .udex-breadcrumbs__popover-content li {
   display: flex;
 }
 
+.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root) {
+  padding: 6px 0;
+}
+
 .udex-breadcrumbs__popover-content .udex-breadcrumbs__item {
   font-size: var(--udex-breadcrumbs-dropdown-item-font-size);
   line-height: var(--udex-breadcrumbs-dropdown-item-line-height);
   color: var(--udex-breadcrumbs-item-dropdown-color);
+  padding: 0;
   --udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);
   --udex-link-icon-height: 12px;
   --udex-link-icon-width: 12px;
 }
 
+.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item {
+  padding-right: 0;
+}
+
+.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item {
+  padding-left: 0;
+}
+
 .udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current {
   color: var(--udex-breadcrumbs-current-item-color);
   font-weight: var(--udexTypographyFontWeightMedium, 500);
+  display: block;
+  padding: 6px 0;
 }
 
 .udex-breadcrumbs__popover::part(content) {

package/src/themes/FilterMenu.css

@@ -172,24 +172,19 @@
 [ui5-popover]::part(footer) {
   justify-content: flex-start;
   border-color: var(--sapField_BorderColor, var(--udexCoreBorderDefault));
-  box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,0.3));
+  box-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,0.3));
 }
 
 ::slotted([slot="header"]) {
   width: 100%;
 }
 
-:host([show-search-input]) .udex-no-result {
+:host .udex-no-result {
   padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
 }
 
-.udex-no-result {
-  font-family: var(--sapFontFamily);
-  font-weight: var(--udexTypographyFontWeightRegular, 400);
-  font-size: var(--udexTypographyBodyXSFontSize, 14px);
-  line-height: var(--udexTypographyBodyLineHeight, 1.5);
-  color: var(--sapContent_TitleColor, #000000);
-  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
+[udex-search] + .hidden + [udex-busy-indicator] {
+  padding: var(--udexSpacer16, 16px) 0 var(--udexSpacer32, 32px);
 }
 
 @media (width < 640px) {

package/src/themes/ListGroupHeader.css

@@ -65,6 +65,17 @@
   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);
 }

package/src/themes/ListItem.css

@@ -324,14 +324,16 @@
   align-items: center;
 }
 
+:host([collapsed]) .udex-list__group-heading__icon,
 :host(:dir(rtl)) .udex-list__group-heading__icon {
   transform: rotate(90deg);
 }
 
-:host([collapsed]) .udex-list__group-heading__icon {
-  transform: rotate(90deg);
-}
-
 :host([collapsed]:dir(rtl)) .udex-list__group-heading__icon {
   transform: rotate(-90deg);
 }
+
+[udex-rating-indicator] {
+  --udex_rating_indicator_disabled_opacity: 1;
+  pointer-events: none;
+}

package/src/themes/MastheadItem.css

@@ -81,15 +81,43 @@
 
 .udex-masthead-item__button--explore + .udex-masthead-item__dropdown {
   top: 60px;
-  inset-inline-start: 0;
+  left: 50%;
+  transform: translateX(-50%);
   box-sizing: border-box;
-  inline-size: 100%;
+  width: 100cqw;
+  background: var(--sapShell_Navigation_Background, #FFF);
 }
 
+:host([_has-four-columns-menu]),
 :host([slot="exploreSAP"]) {
   position: inherit;
 }
 
+:host([_has-four-columns-menu]) .udex-masthead-item__dropdown {
+  inset-inline-start: 0;
+  box-sizing: border-box;
+  inline-size: 100%;
+}
+
+:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]) {
+  --udex-masthead-menu-padding-desktop: 32px var(--udexSpacer84);
+}
+
+:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]) {
+  --udex-masthead-menu-padding-desktop: 32px 0;
+}
+
+:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]),
+:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]) {
+  --udex-masthead-menu-column-width: auto;
+  --udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4));
+}
+
+:host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder {
+  max-width: var(--udex-masthead-shell-container-xl-max-width, 1432px);
+  margin: 0 auto;
+}
+
 .udex-masthead-item__dropdown-holder {
   position: relative;
 }
@@ -286,7 +314,6 @@
 }
 
 :host(:dir(rtl)) .udex-masthead-item__button--explore + .udex-masthead-item__dropdown {
-  left: 0;
   right: auto;
 }
 
@@ -297,12 +324,6 @@
   right: auto;
 }
 
-:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]) {
-  --udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);
-  --udex-masthead-menu-column-width: auto;
-  --udex-masthead-menu-grid-template-columns: repeat(4, calc(25% - var(--udex-masthead-menu-column_gap)*3/4));
-}
-
 :host([slot="countrySelector"]) ::slotted([slot="dropdown"]),
 :host([slot="profile"]) ::slotted([slot="dropdown"]) {
   width: 100%;
@@ -362,6 +383,17 @@
   display: none;
 }
 
+@media (max-width: 1599px) {
+  :host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder {
+    max-width: var(--udex-masthead-shell-container-l-max-width, 1456px);
+    padding: 0 var(--udexSpacer72);
+  }
+
+  :host([_has-four-columns-menu]) ::slotted([slot="dropdown"]) {
+    --udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);
+  }
+}
+
 @media (max-width: 1279px) {
   :host {
     position: initial;

package/src/themes/MastheadMenu.css

@@ -13,6 +13,14 @@
   --udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);
   --udex-masthead-menu-grid-template-columns: auto;
   --udex-masthead-menu-justify-content: flex-start;
+  --udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  --udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);
+  --udex-masthead-menu-sub-category-text-transform: none;
+  --udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);
+  --udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+  --udex-masthead-menu-sub-category-padding: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);
+  --udex-masthead-menu-sub-list-item-spacing: var(--udexSpacer4);
+  --udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px);
 }
 
 .udex-masthead-menu {
@@ -201,6 +209,43 @@
   display: block;
 }
 
+.udex-masthead-menu__sub-category {
+  display: block;
+  font-family: var(--sapFontFamily, sans-serif);
+  font-size: var(--udex-masthead-menu-sub-category-font-size);
+  line-height: var(--udex-masthead-menu-sub-category-line-height);
+  font-weight: var(--udex-masthead-menu-sub-category-font-weight);
+  text-transform: var(--udex-masthead-menu-sub-category-text-transform);
+  color: var(--udex-masthead-menu-sub-category-color);
+  padding: var(--udex-masthead-menu-sub-category-padding);
+  box-sizing: border-box;
+}
+
+[udex-masthead-menu-item].udex-masthead-menu__sub-category {
+  --udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);
+  --udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);
+  --udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);
+  --udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);
+  --udex-masthead-menu-item-padding-desktop: var(--udex-masthead-menu-sub-category-padding);
+  text-transform: var(--udex-masthead-menu-sub-category-text-transform);
+  padding: 0;
+}
+
+.udex-masthead-menu__sub-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-inline-start: var(--udex-masthead-menu-sub-list-indent);
+}
+
+.udex-masthead-menu__sub-list [udex-masthead-menu-item] {
+  --udex-masthead-menu-item-padding-desktop: var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer12);
+}
+
+.udex-masthead-menu__sub-list li {
+  margin-bottom: var(--udex-masthead-menu-sub-list-item-spacing);
+}
+
 @media (max-width: 1279px) {
   [udex-masthead-menu-item]::part(menu-item-link-badge) {
     border-bottom: 1px solid var(--udex-masthead-menu-item-mobile-border-color);

package/src/themes/MastheadMobileMenu.css

@@ -5,6 +5,14 @@
   --udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);
   --udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);
   --udex-masthead-mobile-explore-btn-position: sticky;
+  --udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  --udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);
+  --udex-masthead-menu-sub-category-text-transform: none;
+  --udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);
+  --udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+  --udex-masthead-menu-sub-category-padding: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8);
+  --udex-masthead-menu-sub-list-item-spacing: 0;
+  --udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px);
 }
 
 .udex-masthead-mobile-menu__list-search {
@@ -67,6 +75,43 @@
   margin-inline-start: 0;
 }
 
+span.udex-masthead-mobile-menu__sub-category {
+  display: block;
+  font-family: var(--sapFontFamily, sans-serif);
+  font-size: var(--udex-masthead-menu-sub-category-font-size);
+  line-height: var(--udex-masthead-menu-sub-category-line-height);
+  font-weight: var(--udex-masthead-menu-sub-category-font-weight);
+  text-transform: var(--udex-masthead-menu-sub-category-text-transform);
+  color: var(--udex-masthead-menu-sub-category-color);
+  padding: var(--udex-masthead-menu-sub-category-padding);
+  box-sizing: border-box;
+  width: 100%;
+}
+
+[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category {
+  --udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);
+  --udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);
+  --udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);
+  --udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);
+  --udex-masthead-menu-item-padding-mobile: var(--udex-masthead-menu-sub-category-padding);
+  text-transform: var(--udex-masthead-menu-sub-category-text-transform);
+}
+
+.udex-masthead-mobile-menu__sub-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-inline-start: var(--udex-masthead-menu-sub-list-indent);
+}
+
+.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item] {
+  --udex-masthead-menu-item-padding-mobile: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer12);
+}
+
+.udex-masthead-mobile-menu__sub-list li {
+  margin-bottom: var(--udex-masthead-menu-sub-list-item-spacing);
+}
+
 @media (max-width: 979px) {
   .udex-masthead-mobile-menu__nav-holder {
     padding: var(--udex-masthead-mobile-menu-padding-s);

package/src/themes/SearchableList.css

@@ -17,7 +17,7 @@
 }
 
 .udex-busy-indicator {
-  padding-block: var(--udexSpacer16, 16px);
+  padding-block: var(--udexSpacer32, 32px);
   margin: 0 auto;
   display: block;
 }
@@ -28,11 +28,26 @@
 
 .hidden {
   position: absolute;
-  width: 0px;
-  height: 0px;
+  width: 0;
+  height: 0;
   margin: -1px;
   overflow: hidden;
   clip: rect(0 0 0 0);
   border: 0;
   padding: 0;
 }
+
+.udex-no-result {
+  font-family: var(--sapFontFamily);
+  font-weight: var(--udexTypographyFontWeightRegular, 400);
+  font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  line-height: var(--udexTypographyBodyLineHeight, 1.5);
+  color: var(--sapContent_TitleColor, #000000);
+  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
+  text-align: center;
+}
+
+[ui5-illustrated-message] {
+  padding: 0 0 var(--udexSpacer4, 4px);
+  min-height: 0;
+}

package/src/themes/SecondaryNavigation.css

@@ -1,7 +1,7 @@
 :host {
   --udex-secondary-navigation-border-color: var(--udexColorGrey2, #EAECEE);
   --udex-secondary-navigation-padding: 0 var(--udexSpacer84);
-  --udex-secondary-navigation-min-height: 72px;
+  --udex-secondary-navigation-min-height: 74px;
   --udex-secondary-navigation-z-index: 9;
   --udex-secondary-navigation-background: #FFF;
 

package/src/themes/SecondaryNavigationItem.css

@@ -11,7 +11,8 @@
   --udex-secondary-navigation-item-title-min-height: 64px;
   --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-dropdown-mobile-max-height: 100%;
+  --udex-secondary-navigation-item-dropdown-desktop-max-height: none;
   --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);
@@ -94,6 +95,8 @@
   box-shadow: var(--udex-secondary-navigation-item-dropdown-shadow);
   min-width: var(--udex-secondary-navigation-item-dropdown-min-width);
   max-width: var(--udex-secondary-navigation-item-dropdown-max-width);
+  max-height: var(--udex-secondary-navigation-item-dropdown-desktop-max-height);
+  overflow-y: auto;
   background: var(--udex-secondary-navigation-item-dropdown-background);
 }
 
@@ -148,7 +151,7 @@
     margin-top: initial;
     top: initial;
     overflow-y: auto;
-    max-height: calc(var(--udex-secondary-navigation-item-dropdown-max-height) - var(--udexSpacer24));
+    max-height: calc(var(--udex-secondary-navigation-item-dropdown-mobile-max-height) - var(--udexSpacer24));
   }
 
   .udex-secondary-navigation__dropdown:dir(rtl) {

package/src/themes/SelectBase.css

@@ -197,15 +197,6 @@
   box-shadow: var(--udex-select-box-popover-shadow);
 }
 
-.udex-no-result {
-  font-family: var(--sapFontFamily);
-  font-weight: var(--udexTypographyFontWeightRegular, 400);
-  font-size: var(--udexTypographyBodyXSFontSize, 14px);
-  line-height: var(--udexTypographyBodyLineHeight, 1.5);
-  color: var(--sapContent_TitleColor, #000000);
-  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px);
-}
-
 .udex-select-box__dropdown::part(content) {
   padding: 0;
   overflow: auto;

package/src/types/List.ts

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