@sapudex/web-components 2.61.0 → 2.63.0

package/src/generated/themes/SideNavigation.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, "host");
-export default `:host{--udex-side-navigation-navigation-separator-radius: 0;--udex-side-navigation-navigation-separator-background-color: var(--udexColorGrey3);--udex-side-navigation-navigation-separator-height: 1px;--udex-side-navigation-navigation-separator-margin: var(--udexSpacer2) 0;--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-m: calc((100% - (2 * var(--udex-grid-margin-m)) - (11 * var(--udex-grid-gutter))) / 12);--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-side-navigation-max-width-m: calc(4 * var(--udex-column-width-m) + 3 * var(--udex-grid-gutter));--udex-side-navigation-max-width-l: calc(3 * var(--udex-column-width-l) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width-xl: calc(3 * var(--udex-column-width-xl) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host([fixed-in-place="true"]){position:sticky;top:0}:host(:not([hidden])){box-shadow:var(--udex-side-navigation-box-shadow);font-family:var(--sapFontFamily);width:100%}:host(:not([hidden])),.ui5-sn-list.ui5-sn-flexible{min-width:auto}.ui5-sn-fixed{padding:0;margin:0}:host(:not([variant="Content"])) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:var(--udexSpacer8) 0}:host([variant="Content"]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:0}:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:0}.ui5-sn-root .ui5-sn-list.ui5-sn-fixed{padding:var(--udexSpacer16) 0 var(--udexSpacer8)}.ui5-sn-spacer{background-color:var(--udex-side-navigation-navigation-separator-background-color);min-height:var(--udex-side-navigation-navigation-separator-height);height:var(--udex-side-navigation-navigation-separator-height);border-radius:var(--udex-side-navigation-navigation-separator-radius);box-sizing:content-box;margin:var(--udex-side-navigation-navigation-separator-margin)}@media (min-width: 980px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m)}}@media (min-width: 1280px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-l)}}@media (min-width: 1600px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-xl)}}:host(:not([variant="Content"])) .ui5-sn-fixed ::slotted(*){width:100%;box-sizing:border-box}
+export default `:host{--udex-side-navigation-navigation-separator-radius: 0;--udex-side-navigation-navigation-separator-background-color: var(--udexColorGrey3);--udex-side-navigation-navigation-separator-height: 1px;--udex-side-navigation-navigation-separator-margin: var(--udexSpacer2) 0;--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-m: calc((100% - (2 * var(--udex-grid-margin-m)) - (11 * var(--udex-grid-gutter))) / 12);--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-side-navigation-max-width-m: calc(4 * var(--udex-column-width-m) + 3 * var(--udex-grid-gutter));--udex-side-navigation-max-width-l: calc(3 * var(--udex-column-width-l) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width-xl: calc(3 * var(--udex-column-width-xl) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m);--udex-side-navigation-additinal-content-padding: var(--udexSpacer24, 24px) 0 0;font-size:var(--udexTypographyNavigationMediumMFontSize)}:host([fixed-in-place="true"]){position:sticky;top:0}:host(:not([hidden])){box-shadow:var(--udex-side-navigation-box-shadow);font-family:var(--sapFontFamily);width:100%;display:flex;flex-direction:column}.ui5-sn-root{height:auto;flex:1 1 auto;min-height:0}:host(:not([hidden])),.ui5-sn-list.ui5-sn-flexible{min-width:auto}.ui5-sn-fixed{padding:0;margin:0}:host(:not([variant="Content"])) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:var(--udexSpacer8) 0}:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible,:host([variant="Content"]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:0}.ui5-sn-root .ui5-sn-list.ui5-sn-fixed{padding:var(--udexSpacer16) 0 var(--udexSpacer8)}.ui5-sn-spacer{background-color:var(--udex-side-navigation-navigation-separator-background-color);min-height:var(--udex-side-navigation-navigation-separator-height);height:var(--udex-side-navigation-navigation-separator-height);border-radius:var(--udex-side-navigation-navigation-separator-radius);box-sizing:content-box;margin:var(--udex-side-navigation-navigation-separator-margin)}@media (min-width: 980px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m)}}@media (min-width: 1280px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-l)}}@media (min-width: 1600px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-xl)}}:host(:not([variant="Content"])) .ui5-sn-fixed ::slotted(*){width:100%;box-sizing:border-box}.udex-side-navigation__additional-content{text-align:left;padding:var(--udex-side-navigation-additinal-content-padding);border-top:var(--udex-side-navigation-navigation-separator-height) solid var(--udex-side-navigation-navigation-separator-background-color);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7)}.udex-side-navigation__additional-content:dir(rtl){text-align:right}:host([collapsed]) .udex-side-navigation__additional-content{display:none}:host([in-mobile]){height:auto}:host([in-mobile]) .ui5-sn-root{height:auto;flex:0 0 auto}:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible,:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-fixed{flex:0 0 auto;min-height:auto;overflow:visible}
 `

package/src/generated/themes/SideNavigationItem.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, "host");
-export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-item-padding-left: var(--udexSpacer12);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item-external-link-icon{display:none}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:auto;min-height:36px;padding-inline-end:var(--udexSpacer12, 12px);margin-block-end:var(--udexSpacer4, 4px)}:host([variant="Content"]) .ui5-sn-item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:var(--udexSpacer12);padding-inline-start:0}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}:host([variant="Content"]) .ui5-sn-item-level1{padding-inline-start:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}:host([selected]) .ui5-sn-item,:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexSpacer8, 8px)}
+export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey7, #475E75);--udex-side-navigation-item-label-color: var(--udexColorGrey9, #223548);--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-item-padding-inline-start: var(--udexSpacer12, 12px);--udex-side-navigation-item-padding-inline-end: var(--udexSpacer12, 12px);--udex-side-navigation-item-icon-padding-inline-start: var(--udexSpacer12, 12px);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item{color:var(--udex-side-navigation-item-label-color)}.ui5-sn-item-ul{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease-in,opacity .4s ease-in}.ui5-sn-item-ul>slot{display:block;overflow:hidden;min-height:0}.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul{display:grid}:host([expanded]) .ui5-sn-item-ul{grid-template-rows:1fr;opacity:1}.ui5-sn-item-external-link-icon{display:none}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:auto;min-height:36px;padding-inline-end:var(--udex-side-navigation-item-padding-inline-end);margin-block-end:var(--udexSpacer4, 4px);transition:background-color .3s ease-in}:host([variant="Content"]) .ui5-sn-item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:var(--udexSpacer12);padding-inline-start:0}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color)}.ui5-sn-item-toggle-icon-wrap{padding-inline-start:var(--udex-side-navigation-item-icon-padding-inline-start);display:flex}.ui5-sn-item-toggle-icon{transition:transform .4s ease-in}:host([expanded]) .ui5-sn-item-toggle-icon{transform:rotate(90deg)}:host([expanded]:dir(rtl)) .ui5-sn-item-toggle-icon{transform:rotate(-90deg)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-inline-start)}:host([variant="Content"]) .ui5-sn-item-level1{padding-inline-start:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}:host([selected]) .ui5-sn-item,:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexSpacer8, 8px)}@media (prefers-reduced-motion: reduce){.ui5-sn-item,.ui5-sn-item-ul,.ui5-sn-item-toggle-icon{transition:none}}
 `

package/src/generated/themes/SideNavigationMobile.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, "host");
-export default `:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue8, #0057D2);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding-inline-start:var(--udex-side-navigation-mobile-trigger-padding-horizontal);padding-inline-end:var(--udex-side-navigation-mobile-trigger-padding-horizontal);cursor:pointer;position:relative}.udex-side-navigation-mobile__trigger:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight)}.udex-side-navigation-mobile__selected-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);border-bottom:1px solid var(--udex-side-navigation-mobile-active-trigger-border-color)}
+export default `:host{--udex-side-navigation-item-bottom-margin: var(--udexSpacer8, 8px);--udex-side-navigation-icon-size: 20px;--udex-side-navigation-item-padding-left: var(--udexSpacer16, 16px);--udex-side-navigation-mobile-trigger-icon-padding-inline-start: var(--udexSpacer16, 16px);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding: 10px var(--udexSpacer16, 16px);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue8, #0057D2);--udex-side-navigation-mobile-icon-color: var(--udexColorGrey7, #475E75);--udex-side-navigation-mobile-item-label-color: var(--udexColorGrey9, #223548);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding:var(--udex-side-navigation-mobile-trigger-padding);cursor:pointer;position:relative}.udex-side-navigation-mobile__trigger:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight);color:var(--udex-side-navigation-mobile-item-label-color)}.udex-side-navigation-mobile__selected-item-icon{width:var(--udex-side-navigation-icon-size);height:var(--udex-side-navigation-icon-size);min-width:var(--udex-side-navigation-icon-size);color:var(--udex-side-navigation-mobile-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-mobile-icon-color);padding-inline-start:var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);position:relative}.udex-side-navigation-mobile__trigger[active]:before{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background-color:var(--udex-side-navigation-mobile-active-trigger-border-color)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:"";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-additinal-content-padding: var(--udexSpacer24, 24px) var(--udexSpacer16, 16px) var(--udexSpacer8, 8px);padding-block:var(--udexSpacer16)}[udex-side-navigation-item]{--udex-side-navigation-item-padding-inline-start: var(--udexSpacer16, 16px);--udex-side-navigation-item-padding-inline-end: var(--udexSpacer16, 16px);--udex-side-navigation-item-icon-padding-inline-start: var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start)}[udex-side-navigation-sub-item]{--udex-side-navigation-sub-item-padding-inline-start: 44px}
 `

package/src/generated/themes/SideNavigationSubItem.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, "host");
-export default `:host{--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: var(--udexSpacer4, 4px);--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-external-link-icon{display:none}:host(:not([in-popover])) .ui5-sn-item,.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:auto;min-height:36px;padding-inline-end:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item{padding-block:var(--udexSpacer8, 8px);padding-inline:var(--udexSpacer40, 40px) var(--udexSpacer12, 12px)}:host([variant="Content"][nested]) .ui5-sn-item{padding-inline-start:var(--udexSpacer56, 56px)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline:0 var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0;text-align:start}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:var(--udexSpacer4, 4px)}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{padding-inline-start:var(--udexSpacer40, 40px)}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexRadiusM, 8px)}:host([nested]) .ui5-sn-item-level2{padding-inline-start:var(--udexSpacer56, 56px)}
+export default `:host{--udex-side-navigation-sub-item-padding-inline-start: var(--udexSpacer40, 40px);--udex-side-navigation-sub-item-nested-padding-inline-start: var(--udexSpacer56, 56px);--udex-side-navigation-sub-item-margin-block-end: var(--udexSpacer4, 4px);--udex-side-navigation-sub-item-padding-block: var(--udexSpacer8, 8px);--udex-side-navigation-sub-item-padding-inline: var(--udexSpacer40, 40px) var(--udexSpacer12, 12px)}.ui5-sn-item .ui5-sn-item-text{font-weight:400}:host([variant="Content"]) .ui5-sn-item{padding-block:var(--udex-side-navigation-sub-item-padding-block);padding-inline:var(--udex-side-navigation-sub-item-padding-inline)}:host([variant="Content"][nested]) .ui5-sn-item,:host([nested]) .ui5-sn-item-level2{padding-inline-start:var(--udex-side-navigation-sub-item-nested-padding-inline-start)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:var(--udex-side-navigation-sub-item-margin-block-end)}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{padding-inline-start:var(--udex-side-navigation-sub-item-padding-inline-start)}
 `

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, "host");
-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: -1rem;--udex-slider-start-end-point-right: -1rem;--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(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--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);--udex-slider-root-padding: 1rem 1.0625rem}: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;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.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_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.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);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);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)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 53, 72, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}
+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: -1rem;--udex-slider-start-end-point-right: -1rem;--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(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--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-root-padding: 1rem 1.0625rem}: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;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}[ui5-slider-scale]::part(progress):focus:after{content:"";display:block;position:absolute;box-sizing:border-box;border:var(--_ui5_range_slider_progress_focus_border);border-radius:var(--_ui5_range_slider_progress_focus_border_radius);top:var(--_ui5_range_slider_progress_focus_top);height:var(--_ui5_range_slider_progress_focus_height);inset-inline-start:var(--_ui5_range_slider_progress_focus_left);inset-inline-end:var(--_ui5_range_slider_progress_focus_right)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.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);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);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)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 53, 72, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}
 `

package/src/generated/themes/Table.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, "host");
-export default `:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--udexColorGrey3, #D5DADD);--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-background: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-background)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;overflow:auto;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (width < 640px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
+export default `:host{--udex-table-toolbar-color: var(--sapList_TableGroupHeaderTextColor, var(--udexCoreTextDark, #223548));--udex-table-toolbar-border-color: var(--udexColorGrey3, #D5DADD);--udex-table-toolbar-background:var(--sapList_TableGroupHeaderBackground, var(--udexCoreBase, #fff));--udex-table-loading-opacity: var(--sapContent_DisabledOpacity, .4);--udex-table-loading-background: var(--udexCoreBase, #fff);--udex-table-header-sticky-z-index: 3;--udex-table-header-sticky-shadow: 0 8px 8px -8px rgba(34,54,73,.3);--udex-table-header-footnotes-color: var(--udexColorGrey7, #475e75);--udex-table-header-footnotes-font-size: var(--udexTypographyBodyXXSFontSize, 12px);--udex-table-header-footnotes-line-height:var(--udexTypographyBodyLineHeight)}:host{display:block}:host([sticky-header]) .udex-table__header-holder{position:sticky;top:0;z-index:var( --udex-table-header-sticky-z-index)}:host([max-height]) .udex-table,:host(:not([sticky-header])) .udex-table{overflow:auto}:host([loading]) .udex-table:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}:host([_vertical-offset]) .udex-table__header-holder{box-shadow:var(--udex-table-header-sticky-shadow)}.udex-table-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--udex-table-toolbar-border-color);padding:var(--udexSpacer16);background:var(--udex-table-toolbar-background)}.udex-table-toolbar__actions{display:flex;gap:var(--udexSpacer8);padding-inline-start:var(--udexSpacer32)}.udex-table-toolbar__title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyHeadingBoldXXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightBold);color:var(--udex-table-toolbar-color)}.udex-table{display:grid;position:relative}.udex-table__header-holder{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.udex-table__no-data{grid-column:1 / -1;justify-content:center;padding:var(--udexSpacer16);--horizontal-align-default-1: center}.udex-table__loading{position:absolute;z-index:5;inset:0;display:flex;align-items:center;justify-content:center}.udex-table__loading:after{content:"";inset:0;position:absolute;background:var(--udex-table-loading-background);opacity:var(--udex-table-loading-opacity)}.udex-table-footnotes{padding-top:var(--udexSpacer24);color:var(--udex-table-header-footnotes-color);font-size:var(--udex-table-header-footnotes-font-size);line-height:var(--udex-table-header-footnotes-line-height)}@media (width < 640px){.udex-table-toolbar{flex-direction:column;align-items:flex-start}.udex-table-toolbar__actions{padding-inline-start:0;padding-top:var(--udexSpacer8)}}
 `

package/src/generated/themes/sap_fiori_3/parameters-bundle.css.ts

@@ -1 +1 @@
-export default `:host {}`
+export default ``

package/src/generated/themes/sap_glow/parameters-bundle.css.ts

@@ -1 +1 @@
-export default `:host {}`
+export default ``

package/src/generated/themes/sap_horizon/parameters-bundle.css.ts

@@ -1 +1 @@
-export default `:host {}`
+export default ``

package/src/i18n/messagebundle.properties

@@ -242,6 +242,9 @@ COLLAPSE=Collapse
 EXPANDED=expanded
 COLLAPSED=collapsed
 
+#Supplemental position announcements for grouped Select Box navigation
+SELECT_BOX_ITEM_LEVEL=level {0}
+
 #SecondaryNavigationSubItem Aria label for back button
 BACK_BUTTON_LABEL=return back
 

package/src/themes/AccordionSpotlight.css

@@ -1,7 +1,7 @@
 :host {
   --udex-accordion-spotlight-nav-width: 25%;
-  --udex-accordion-spotlight-nav-gap: var(--udexSpacer16, 16px);
-  --udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer16, 16px);
+  --udex-accordion-spotlight-nav-gap: var(--udexSpacer2, 2px);
+  --udex-accordion-spotlight-nav-gap-mobile: var(--udexSpacer2, 2px);
   --udex-accordion-spotlight-nav-color: var(--udexColorGrey7, #475E75);
   --udex-accordion-spotlight-nav-font-size: var(--udexTypographyBodyXSFontSize, 14px);
   --udex-accordion-spotlight-nav-font-family: var(--sapFontFamily, sans-serif);
@@ -13,7 +13,7 @@
   --udex-accordion-spotlight-btn-font-weight: var(--udexTypographyFontWeightMedium, 500);
   --udex-accordion-spotlight-btn-font-family: var(--sapFontFamily, sans-serif);
   --udex-accordion-spotlight-btn-line-height: 1.1;
-  --udex-accordion-spotlight-btn-padding: var(--udexSpacer16, 16px);
+  --udex-accordion-spotlight-btn-padding: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
   --udex-accordion-spotlight-indicator-color: var(--udexColorBlue8, #0057D2);
   --udex-accordion-spotlight-indicator-width: 3px;
   --udex-accordion-spotlight-border-color: var(--udexColorGrey3, #D5DADD);
@@ -100,10 +100,10 @@
   display: flex;
   flex-direction: column;
   gap: var(--udexSpacer16, 16px);
-  padding-inline: 4px;
-  margin-inline: -4px;
-  padding-block-end: 4px;
-  margin-block-end: -4px;
+  padding-inline: var(--udexSpacer4, 4px);
+  margin-inline: calc(var(--udexSpacer4, 4px)* -1);
+  padding-block-end: var(--udexSpacer4, 4px);
+  margin-block-end: calc(var(--udexSpacer4, 4px)* -1);
 }
 
 .udex-accordion-spotlight-item__button {
@@ -182,8 +182,8 @@
 
 .udex-accordion-spotlight__panel-inner {
   overflow: hidden;
-  padding: 4px;
-  margin: -4px;
+  padding: var(--udexSpacer4, 4px);
+  margin: calc(var(--udexSpacer4, 4px)* -1);
 }
 
 .udex-accordion-spotlight-item__links {

package/src/themes/ListGroupHeader.css

@@ -151,11 +151,8 @@
   transform: rotate(-90deg);
 }
 
-/* The collapsible content region (role="group") is always a shadow descendant
-   of the group-header host — whether nested directly inside the single-select
-   treeitem or projected into the multi-select list-item's subtree slot — so the
-   collapse animation keys on the host's [collapsible]/[collapsed] attributes and
-   a descendant selector, not the former adjacent-sibling combinators. */
+/* The content region is a sibling of the visible header row. Its owning
+  group-header host controls the collapse animation in every selection mode. */
 :host([collapsible]) .udex-list__group-list__content {
   max-height: var(--udex-list-content-max-height);
   overflow: hidden;
@@ -195,44 +192,6 @@
   pointer-events: none;
 }
 
-/* Conformant nested single-select tree (FilterMenu real focus): the treeitem div
-   (.udex-list__group-content--nested) wraps both the header row and the child
-   role="group", so it becomes a vertical container. Row layout, padding and border
-   move to the inner .udex-list__group-header-row; the treeitem's own full-box ring
-   is suppressed and redrawn on that row so focus hugs the header, not the subtree. */
-.udex-list__group-content--nested {
-  flex-direction: column;
-  align-items: stretch;
-  padding: 0;
-  border-top: 0;
-}
-
-.udex-list__group-content--nested .udex-list__group-header-row {
-  display: flex;
-  align-items: center;
-  position: relative;
-  padding: var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);
-  border-top: 1px solid var(--udex-list-item-group-header-border-color);
-}
-
-:host([_no-border]) .udex-list__group-content--nested .udex-list__group-header-row {
-  border-top: none;
-}
-
-:host([collapsible][mode="SingleSelect"]) .udex-list__group-content--nested:focus:before {
-  content: none;
-}
-
-:host([collapsible][mode="SingleSelect"]) .udex-list__group-content--nested:focus .udex-list__group-header-row:before {
-  content: '';
-  position: absolute;
-  inset: 0;
-  outline: var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);
-  outline-offset: -4px;
-  border-radius: var(--udexRadiusM, 8px);
-  pointer-events: none;
-}
-
 /* Group header ring via [part="group-item"]: use ::after to avoid conflicting
    with the [selected]::before left accent bar on the inner list item.
    Exclude .udex-list__group-content elements: those are the single-select

package/src/themes/MastheadShell.css

@@ -5,6 +5,8 @@
   --udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);
   --udex-masthead-shell-dropdown-shadow:  var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);
   --udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);
+  --udex-masthead-shell-site-label-max-width-desktop: 250px;
+  --udex-masthead-shell-site-label-max-width-mobile: auto;
   --udex-masthead-shell-site-label-line-height: 24px;
   --udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);
   --udex-masthead-shell-site-label-text-decoration: none;
@@ -84,6 +86,7 @@
 .udex-masthead-shell__logo {
   margin-inline-end: var(--udexSpacer16);
   width: var(--udex-masthead-shell-logo-width);
+  min-width: var(--udex-masthead-shell-logo-width);
 }
 
 .udex-masthead-shell__co-brand {
@@ -132,7 +135,11 @@
   font-weight: var(--udex-masthead-shell-site-label-font-weight);
   text-decoration: var(--udex-masthead-shell-site-label-text-decoration);
   margin-inline-end: var(--udexSpacer24);
-  white-space: nowrap;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  max-width: var(--udex-masthead-shell-site-label-max-width-desktop);
 }
 
 .udex-masthead-shell__site-label--link:hover {
@@ -331,6 +338,11 @@
   .udex-masthead-shell__site-label {
     font-size: var(--udexTypographyNavigationBoldMFontSize, 14px);
   }
+
+  :host([_is-mobile-mode]) .udex-masthead-shell__site-label,
+  .udex-masthead-shell__site-label {
+    max-width: var(--udex-masthead-shell-site-label-max-width-mobile);
+  }
 }
 
 @media (width < 980px) {

package/src/themes/SideNavigation.css

@@ -14,6 +14,7 @@
   --udex-side-navigation-max-width-l: calc(3 * var(--udex-column-width-l) + 2 * var(--udex-grid-gutter));
   --udex-side-navigation-max-width-xl: calc(3 * var(--udex-column-width-xl) + 2 * var(--udex-grid-gutter));
   --udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m);
+  --udex-side-navigation-additinal-content-padding: var(--udexSpacer24, 24px) 0 0;
   font-size: var(--udexTypographyNavigationMediumMFontSize);
 }
 
@@ -26,6 +27,14 @@
   box-shadow: var(--udex-side-navigation-box-shadow);
   font-family: var(--sapFontFamily);
   width: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.ui5-sn-root {
+  height: auto;
+  flex: 1 1 auto;
+  min-height: 0;
 }
 
 :host(:not([hidden])),
@@ -42,16 +51,11 @@
   padding: var(--udexSpacer8) 0;
 }
 
+:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible,
 :host([variant="Content"]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible {
   padding: 0;
 }
 
-/* Mobile dropdown nav: no block padding on the flexible list (same as Content).
-   Placed after the Full Page rule so it wins for the non-Content mobile nav. */
-:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible {
-  padding: 0;
-}
-
 .ui5-sn-root .ui5-sn-list.ui5-sn-fixed {
   padding: var(--udexSpacer16) 0 var(--udexSpacer8);
 }
@@ -62,8 +66,6 @@
   height: var(--udex-side-navigation-navigation-separator-height);
   border-radius: var(--udex-side-navigation-navigation-separator-radius);
   box-sizing: content-box;
-  /* Behave like the udex-divider: a 1px line with block spacing above/below. The
-     margin (transparent) keeps the background a 1px line instead of a filled band. */
   margin: var(--udex-side-navigation-navigation-separator-margin);
 }
 
@@ -89,3 +91,36 @@
   width: 100%;
   box-sizing: border-box;
 }
+
+.udex-side-navigation__additional-content {
+  text-align: left;
+  padding: var(--udex-side-navigation-additinal-content-padding);
+  border-top: var(--udex-side-navigation-navigation-separator-height) solid var(--udex-side-navigation-navigation-separator-background-color);
+  font-size: var(--udexTypographyBodyXSFontSize);
+  line-height: var(--udexTypographyBodyLineHeight);
+  color: var(--udexColorGrey7);
+}
+
+.udex-side-navigation__additional-content:dir(rtl) {
+  text-align: right;
+}
+
+:host([collapsed]) .udex-side-navigation__additional-content {
+  display: none;
+}
+
+:host([in-mobile]) {
+  height: auto;
+}
+
+:host([in-mobile]) .ui5-sn-root {
+  height: auto;
+  flex: 0 0 auto;
+}
+
+:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible,
+:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-fixed {
+  flex: 0 0 auto;
+  min-height: auto;
+  overflow: visible;
+}

package/src/themes/SideNavigationItem.css

@@ -1,8 +1,11 @@
 :host {
   --udex-side-navigation-item-height: 2.5rem;
-  --udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);
+  --udex-side-navigation-icon-color: var(--udexColorGrey7, #475E75);
+  --udex-side-navigation-item-label-color: var(--udexColorGrey9, #223548);
   --udex-side-navigation-icon-font-size: 1rem;
-  --udex-side-navigation-item-padding-left: var(--udexSpacer12);
+  --udex-side-navigation-item-padding-inline-start: var(--udexSpacer12, 12px);
+  --udex-side-navigation-item-padding-inline-end: var(--udexSpacer12, 12px);
+  --udex-side-navigation-item-icon-padding-inline-start: var(--udexSpacer12, 12px);
   --udex-side-navigation-selection-indicator-display: none;
   --udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);
   --udex-side-navigation-selection-background-color: none;
@@ -15,8 +18,30 @@
   font-family: var(--sapFontFamily);
 }
 
+.ui5-sn-item {
+  color: var(--udex-side-navigation-item-label-color);
+}
+
 .ui5-sn-item-ul {
-  overflow: auto;
+  display: grid;
+  grid-template-rows: 0fr;
+  opacity: 0;
+  transition: grid-template-rows 400ms ease-in, opacity 400ms ease-in;
+}
+
+.ui5-sn-item-ul > slot {
+  display: block;
+  overflow: hidden;
+  min-height: 0;
+}
+
+.ui5-sn-item[aria-expanded=false]~.ui5-sn-item-ul {
+  display: grid;
+}
+
+:host([expanded]) .ui5-sn-item-ul {
+  grid-template-rows: 1fr;
+  opacity: 1;
 }
 
 .ui5-sn-item-external-link-icon {
@@ -26,8 +51,9 @@
 .ui5-sn-item, :host(:not([in-popover])) .ui5-sn-item {
   height: auto;
   min-height: 36px;
-  padding-inline-end: var(--udexSpacer12, 12px);
+  padding-inline-end: var(--udex-side-navigation-item-padding-inline-end);
   margin-block-end: var(--udexSpacer4, 4px);
+  transition: background-color 300ms ease-in;
 }
 
 :host([variant="Content"]) .ui5-sn-item {
@@ -55,7 +81,23 @@
   margin: 0;
   padding: 0;
   color: var(--udex-side-navigation-icon-color);
-  padding-inline-start: var(--udexSpacer12, 12px);
+}
+
+.ui5-sn-item-toggle-icon-wrap {
+  padding-inline-start: var(--udex-side-navigation-item-icon-padding-inline-start);
+  display: flex;
+}
+
+.ui5-sn-item-toggle-icon {
+  transition: transform 400ms ease-in;
+}
+
+:host([expanded]) .ui5-sn-item-toggle-icon {
+  transform: rotate(90deg);
+}
+
+:host([expanded]:dir(rtl)) .ui5-sn-item-toggle-icon {
+  transform: rotate(-90deg);
 }
 
 :host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root) {
@@ -72,7 +114,7 @@
 .ui5-sn-item-level1,
 .ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),
 .ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)) {
-  padding-inline-start: var(--udex-side-navigation-item-padding-left);
+  padding-inline-start: var(--udex-side-navigation-item-padding-inline-start);
 }
 
 :host([variant="Content"]) .ui5-sn-item-level1 {
@@ -124,3 +166,11 @@
   background-color: var(--udexColorBlue1, #EBF8FF);
   border-radius: var(--udexSpacer8, 8px);
 }
+
+@media (prefers-reduced-motion: reduce) {
+  .ui5-sn-item,
+  .ui5-sn-item-ul,
+  .ui5-sn-item-toggle-icon {
+    transition: none;
+  }
+}

package/src/themes/SideNavigationMobile.css

@@ -1,12 +1,14 @@
 :host {
-  --udex-side-navigation-item-height: 2.5rem;
-  --udex-side-navigation-item-bottom-margin: var(--udexSpacer8);
-  --udex-side-navigation-icon-font-size: 1.25rem;
-  --udex-side-navigation-item-padding-left: var(--udexSpacer16);
+  --udex-side-navigation-item-bottom-margin: var(--udexSpacer8, 8px);
+  --udex-side-navigation-icon-size: 20px;
+  --udex-side-navigation-item-padding-left: var(--udexSpacer16, 16px);
+  --udex-side-navigation-mobile-trigger-icon-padding-inline-start: var(--udexSpacer16, 16px);
+  --udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);
   --udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);
-  --udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);
+  --udex-side-navigation-mobile-trigger-padding: 10px var(--udexSpacer16, 16px);
   --udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue8, #0057D2);
-  --udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);
+  --udex-side-navigation-mobile-icon-color: var(--udexColorGrey7, #475E75);
+  --udex-side-navigation-mobile-item-label-color:  var(--udexColorGrey9, #223548);
 
   width: 100%;
   font-size: var(--udexTypographyNavigationMediumMFontSize);
@@ -21,8 +23,7 @@
   align-items: center;
   box-shadow: var(--udex-side-navigation-mobile-trigger-shadow);
   height: var(--udex-side-navigation-item-height);
-  padding-inline-start: var(--udex-side-navigation-mobile-trigger-padding-horizontal);
-  padding-inline-end: var(--udex-side-navigation-mobile-trigger-padding-horizontal);
+  padding: var(--udex-side-navigation-mobile-trigger-padding);
   cursor: pointer;
   position: relative;
 }
@@ -36,24 +37,70 @@
   display: flex;
   align-items: center;
   font-weight: var(--udex-side-navigation-selected-item-text-weight);
+  color: var(--udex-side-navigation-mobile-item-label-color);
 }
 
 .udex-side-navigation-mobile__selected-item-icon {
-  height: var(--udex-side-navigation-icon-font-size);
-  width: var(--udex-side-navigation-icon-font-size);
-  min-width: var(--udex-side-navigation-icon-font-size);
-  color: var(--udex-side-navigation-icon-color);
-  padding-inline-end: calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left));
+  width: var(--udex-side-navigation-icon-size);
+  height: var(--udex-side-navigation-icon-size);
+  min-width: var(--udex-side-navigation-icon-size);
+  color: var(--udex-side-navigation-mobile-icon-color);
+  padding-inline-end: calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-size) - var(--udex-side-navigation-item-padding-left));
 }
 
 .udex-side-navigation-mobile__trigger-toggle-icon {
   height: 1rem;
   width: 1rem;
   min-width: 1rem;
-  color: var(--udex-side-navigation-icon-color);
+  color: var(--udex-side-navigation-mobile-icon-color);
+  padding-inline-start: var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start);
 }
 
 .udex-side-navigation-mobile__trigger[active] {
   box-shadow: var(--udex-side-navigation-mobile-trigger-shadow);
-  border-bottom: 1px solid var(--udex-side-navigation-mobile-active-trigger-border-color);
+  position: relative;
+}
+
+.udex-side-navigation-mobile__trigger[active]:before {
+  content: '';
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background-color: var(--udex-side-navigation-mobile-active-trigger-border-color);
+}
+
+.udex-side-navigation-mobile__popover {
+  --udex-dropdown-vertical-distance: 0;
+  --udex-dropdown-border-radius: 0;
+  --udex-dropdown-border-width: 0;
+  --udex-dropdown-pane-max-width: 100%;
+  --udex-dropdown-pane-overflow: auto;
+  margin-top: 1px;
+}
+
+.udex-side-navigation-mobile__popover:before {
+  content: '';
+  width: 100%;
+  height: 40px;
+  bottom: 100%;
+  position: absolute;
+  box-shadow: var(--udex-side-navigation-mobile-trigger-shadow);
+}
+
+[udex-side-navigation] {
+  --udex-side-navigation-max-width: 100%;
+  --udex-side-navigation-additinal-content-padding: var(--udexSpacer24, 24px) var(--udexSpacer16, 16px) var(--udexSpacer8, 8px);
+  padding-block: var(--udexSpacer16);
+}
+
+[udex-side-navigation-item] {
+  --udex-side-navigation-item-padding-inline-start: var(--udexSpacer16, 16px);
+  --udex-side-navigation-item-padding-inline-end: var(--udexSpacer16, 16px);
+  --udex-side-navigation-item-icon-padding-inline-start: var(--udex-side-navigation-mobile-trigger-icon-padding-inline-start);
+}
+
+[udex-side-navigation-sub-item] {
+  --udex-side-navigation-sub-item-padding-inline-start: 44px;
 }