@sapudex/web-components 2.62.0 → 2.63.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.62.0",
+  "version": "2.63.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -4939,6 +4939,16 @@
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>masthead-country-selector</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MastheadCountrySelector.js\";</code>\n---\n\n\n### **Events:**\n - **country-item-click** - Fires when region item is clicked\n- **country-selector-search** - Fired event when the user typed to search field.\n- **region-item-click** - Fires when region item is clicked",
           "doc-url": "",
           "attributes": [
+            {
+              "name": "accessible-name-search",
+              "description": "Defines the accessible ARIA name of the search field.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "accessible-name-search-reset-icon",
+              "description": "Defines the accessible ARIA name of the search reset icon.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "active-country-code",
               "description": "Defines active country code of the regions menu",
@@ -5001,6 +5011,16 @@
           ],
           "js": {
             "properties": [
+              {
+                "name": "accessible-name-search",
+                "description": "Defines the accessible ARIA name of the search field.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "accessible-name-search-reset-icon",
+                "description": "Defines the accessible ARIA name of the search reset icon.",
+                "value": { "type": "string" }
+              },
               {
                 "name": "active-country-code",
                 "description": "Defines active country code of the regions menu",
@@ -9130,7 +9150,7 @@
         },
         {
           "name": "udex-side-navigation",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n---\n\n\n### **Slots:**\n - **additionalContent** - Defines additional free-form content rendered in a dedicated area at the bottom\nof the component, below the navigation items.",
           "doc-url": "",
           "attributes": [
             {
@@ -9152,6 +9172,12 @@
               }
             }
           ],
+          "slots": [
+            {
+              "name": "additionalContent",
+              "description": "Defines additional free-form content rendered in a dedicated area at the bottom\nof the component, below the navigation items."
+            }
+          ],
           "events": [],
           "js": {
             "properties": [
@@ -9192,10 +9218,14 @@
         },
         {
           "name": "udex-side-navigation-mobile",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-mobile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\ninside the items.\n- **fixedItems** - Defines the fixed items at the bottom of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the fixed items, and optionally the `ui5-side-navigation-sub-item` component to provide second-level items inside them.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-side-navigation-mobile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SideNavigation.js\";</code>\n---\n\n\n### **Slots:**\n - **additionalContent** - Defines additional free-form content rendered in a dedicated area at the bottom\nof the dropdown, below the navigation items.\n- **default** - Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\ninside the items.\n- **fixedItems** - Defines the fixed items at the bottom of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the fixed items, and optionally the `ui5-side-navigation-sub-item` component to provide second-level items inside them.\n\n**Note:** In order to achieve the best user experience, it is recommended that you keep the fixed items \"flat\" (do not pass sub-items)",
           "doc-url": "",
           "attributes": [],
           "slots": [
+            {
+              "name": "additionalContent",
+              "description": "Defines additional free-form content rendered in a dedicated area at the bottom\nof the dropdown, below the navigation items."
+            },
             {
               "name": "default",
               "description": "Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component\nfor the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested\ninside the items."

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.62.0",
+  "version": "2.63.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -37,19 +37,19 @@
   "dependencies": {
     "@types/vimeo__player": "^2.18.3",
     "@types/youtube": "^0.1.2",
-    "@ui5/webcomponents": "2.27.0",
-    "@ui5/webcomponents-base": "2.27.0",
-    "@ui5/webcomponents-fiori": "2.27.0",
-    "@ui5/webcomponents-icons": "2.27.0",
-    "@ui5/webcomponents-localization": "2.27.0",
-    "@ui5/webcomponents-theming": "2.27.0",
+    "@ui5/webcomponents": "2.28.1",
+    "@ui5/webcomponents-base": "2.28.1",
+    "@ui5/webcomponents-fiori": "2.28.1",
+    "@ui5/webcomponents-icons": "2.28.1",
+    "@ui5/webcomponents-localization": "2.28.1",
+    "@ui5/webcomponents-theming": "2.28.1",
     "@vimeo/player": "^2.24.0",
     "video.js": "^8.23.6"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.14.5",
     "@ui5/cypress-ct-ui5-webc": "^0.0.4",
-    "@ui5/webcomponents-tools": "2.27.0",
+    "@ui5/webcomponents-tools": "2.28.1",
     "chromedriver": "149.0.2",
     "cross-env": "^7.0.3",
     "cypress": "^14.3.3",

package/src/AccordionItemTemplate.tsx

@@ -56,6 +56,7 @@ export default function AccordionItemTemplate(this: AccordionItem) {
       <div
         id={ariaControlsId}
         aria-hidden={!this.expanded}
+        inert={!this.expanded}
         aria-labelledby={ariaLabelledbyId}
         className={`${rootClass}__content ${titleClass}`}
         onKeyDown={this.contentKeydown}

package/src/MastheadCountrySelector.ts

@@ -207,6 +207,24 @@ class UDExMastheadCountrySelector extends UI5Element {
   @property()
     languageVoice!: string;
 
+  /**
+   * Defines the accessible ARIA name of the search field.
+   *
+   * @default ""
+   * @public
+   */
+  @property()
+    accessibleNameSearch!: string;
+
+  /**
+   * Defines the accessible ARIA name of the search reset icon.
+   *
+   * @default ""
+   * @public
+   */
+  @property()
+    accessibleNameSearchResetIcon!: string;
+
   /**
    * Defines the country list of the region is opened
    *

package/src/MastheadCountrySelectorTemplate.tsx

@@ -35,6 +35,8 @@ function activeRegionView(this: UDExMastheadCountrySelector) {
             onui5-submit-search-value={this.handleSearch}
             language-voice={this.languageVoice}
             label={this.searchLabel}
+            accessible-name={this.accessibleNameSearch}
+            accessible-name-reset-icon={this.accessibleNameSearchResetIcon}
             mode={this.homeSearchMode}
             show-voice-button={this.showSearchVoiceButton}
             non-interactive-submit-button={true}

package/src/MessageStrip.ts

@@ -224,6 +224,13 @@ class UDExMessageStrip extends MessageStrip {
     return this.isDecorativeDesign || this.isNotIconStatusType;
   }
 
+  get _closableText(): string {
+    if (!MessageStrip.i18nBundle) {
+      return "";
+    }
+    return super._closableText;
+  }
+
   get hiddenText(): string {
     const statusText = this.isDecorativeDesign ? (this.textStatusTypeMapping()[this.design] ?? "") : this.textStatusTypeMapping()[this.design];
     return `${statusText} ${this.hideCloseButton ? "" : this._closableText}`.trim();

package/src/SearchTemplate.tsx

@@ -49,12 +49,12 @@ export default function SearchTemplate(this: UDExSearch) {
                   size={UDExButtonSize.Small}
                   design={UDExButtonDesign.Default}
                   tooltip={this.tooltipInfo.tooltipResetButton}
+                  accessible-name={this.accInfo.accessibleNameResetIcon}
                   onClick={this.onReset as any}
                   onKeyDown={this.handleKeyDownReset}
                 >
                   <UI5Icon
                     class="udex-search__button-icon"
-                    accessible-name={this.accInfo.accessibleNameResetIcon}
                     accessible-role="presentation"
                     name={decline}
                   ></UI5Icon>
@@ -111,6 +111,7 @@ export default function SearchTemplate(this: UDExSearch) {
                   design={UDExButtonDesign.Default}
                   icon={search}
                   size={UDExButtonSize.Small}
+                  accessible-name={this.accInfo.accessibleNameSearchIcon}
                   tooltip={this.tooltipInfo.tooltipSubmitButton}
                   onClick={this.onSubmit as any}
                 ></UDExButton>
@@ -127,6 +128,7 @@ export default function SearchTemplate(this: UDExSearch) {
                   icon={search}
                   tooltip={this.tooltipInfo.tooltipSubmitButton}
                   onClick={this.onSubmit as any}
+                  accessible-name={this.accInfo.accessibleNameSearchIcon}
                 ></UDExControlButton>
               ) : ""
             }

package/src/SearchableListBaseTemplate.tsx

@@ -35,9 +35,9 @@ export default function SearchableListBaseTemplate(this: UDExSearchableListBase)
         <div class="udex-no-result">
           <IllustratedMessage
             name="NoSearchResults"
-            design="Dot"
-            title-text=" "
-            subtitle-text=" ">
+            design="Dot">
+            <div slot="title"></div>
+            <div slot="subtitle"></div>
           </IllustratedMessage>
           <span>{this.getNoResultText}</span>
         </div>

package/src/SideNavigation.ts

@@ -1,7 +1,10 @@
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import SideNavigation from "@ui5/webcomponents-fiori/dist/SideNavigation.js";
+import SideNavigationTemplate from "./SideNavigationTemplate.js";
 
 // Styles
 import SideNavigationCss from "./generated/themes/SideNavigation.css.js";
@@ -36,6 +39,7 @@ export enum UDExSideNavigationPlacement {
 @customElement({
   tag: "udex-side-navigation",
   renderer: jsxRenderer,
+  template: SideNavigationTemplate,
   styles: [SideNavigation.styles, SideNavigationCss],
 })
 
@@ -67,12 +71,25 @@ class UDExSideNavigation extends SideNavigation {
   @property()
     placement: `${UDExSideNavigationPlacement}` = UDExSideNavigationPlacement.Left;
 
+  /**
+   * Defines additional free-form content rendered in a dedicated area at the bottom
+   * of the component, below the navigation items.
+   *
+   * @public
+   */
+  @slot({ type: HTMLElement, invalidateOnChildChange: true })
+    additionalContent!: Slot<HTMLElement>;
+
   onBeforeRendering() {
     super.onBeforeRendering();
     this.querySelectorAll("[udex-side-navigation-item], [udex-side-navigation-sub-item]").forEach(item => {
       item.setAttribute("variant", this.variant);
     });
   }
+
+  get hasAdditionalContent(): boolean {
+    return !!this.additionalContent && this.additionalContent.length > 0;
+  }
 }
 
 UDExSideNavigation.define();

package/src/SideNavigationMobile.ts

@@ -15,6 +15,9 @@ import SideNavigationMobileCss from "./generated/themes/SideNavigationMobile.css
 
 export type SelectedItem = UDExSideNavigationItem | UDExSideNavigationSubItem | null;
 
+// Gap (in px) kept between the bottom of the opened dropdown and the viewport bottom.
+const DROPDOWN_BOTTOM_GAP = 24;
+
 /**
  * @class
  *
@@ -49,6 +52,15 @@ class UDExSideNavigationMobile extends UI5Element {
   @property({ noAttribute: true, type: Boolean })
     _dropdownOpened!: boolean;
 
+  /**
+   * Holds the computed max-height of the opened dropdown, so it spans from below the
+   * trigger down to a fixed gap above the viewport bottom (matching the mobile secondary navigation).
+   *
+   * @private
+   */
+  @property({ noAttribute: true })
+    _dropdownHeight?: string;
+
   /**
    * Defines the main items of the `ui5-side-navigation`. Use the `ui5-side-navigation-item` component
    * for the top-level items, and the `ui5-side-navigation-sub-item` component for second-level items, nested
@@ -70,6 +82,15 @@ class UDExSideNavigationMobile extends UI5Element {
   @slot({ type: HTMLElement, invalidateOnChildChange: true })
     fixedItems!: Slot<UDExSideNavigationItem | UDExSideNavigationGroup>;
 
+  /**
+   * Defines additional free-form content rendered in a dedicated area at the bottom
+   * of the dropdown, below the navigation items.
+   *
+   * @public
+   */
+  @slot({ type: HTMLElement, invalidateOnChildChange: true })
+    additionalContent!: Slot<HTMLElement>;
+
   /**
    * Indicates selected item element
    *
@@ -80,7 +101,18 @@ class UDExSideNavigationMobile extends UI5Element {
     _selectedItem!: SelectedItem;
 
   _navItems!: Array<UDExSideNavigationItem | UDExSideNavigationGroup>;
+  _additionalContentNodes!: Array<HTMLElement>;
   _dropdown!: UDExDropdown;
+  _boundUpdateDropdownHeight: () => void;
+
+  constructor() {
+    super();
+    this._boundUpdateDropdownHeight = this._updateDropdownHeight.bind(this);
+  }
+
+  onExitDOM() {
+    window.removeEventListener("resize", this._boundUpdateDropdownHeight);
+  }
 
   onBeforeRendering() {
     const items = this.getSlottedNodes<UDExSideNavigationItem | UDExSideNavigationGroup>("navItems");
@@ -92,6 +124,7 @@ class UDExSideNavigationMobile extends UI5Element {
     if (!this._selectedItem && this._navItems?.length) {
       this._selectedItem = this.getSelectedItem() || null;
     }
+    this._additionalContentNodes = this.getSlottedNodes<HTMLElement>("additionalContent");
   }
 
   onAfterRendering() {
@@ -107,6 +140,11 @@ class UDExSideNavigationMobile extends UI5Element {
         sideNavigation.appendChild(item);
       }
     });
+    this._additionalContentNodes?.forEach(node => {
+      if (node.parentElement !== sideNavigation) {
+        sideNavigation.appendChild(node);
+      }
+    });
   };
 
   _getResponsePopover(): UDExDropdown {
@@ -115,16 +153,30 @@ class UDExSideNavigationMobile extends UI5Element {
 
   _afterDropdownOpen() {
     this._dropdownOpened = true;
+    window.addEventListener("resize", this._boundUpdateDropdownHeight);
   }
 
   _afterDropdownClose() {
     this._dropdownOpened = false;
+    window.removeEventListener("resize", this._boundUpdateDropdownHeight);
   }
 
   handleTriggerClick() {
+    if (!this._dropdown.open) {
+      this._updateDropdownHeight();
+    }
     this._dropdown.open = !this._dropdown.open;
   }
 
+  _updateDropdownHeight() {
+    const trigger = this.shadowRoot!.querySelector<HTMLElement>(".udex-side-navigation-mobile__trigger");
+    if (!trigger) {
+      return;
+    }
+    const { bottom } = trigger.getBoundingClientRect();
+    this._dropdownHeight = `${window.innerHeight - bottom - DROPDOWN_BOTTOM_GAP}px`;
+  }
+
   handleKeydown(event: KeyboardEvent) {
     if ((event.key === "Enter" || event.key === " ")) {
       this.handleTriggerClick();

package/src/SideNavigationMobileTemplate.tsx

@@ -44,11 +44,9 @@ export default function SideNavigationMobileTemplate(this: UDExSideNavigationMob
         onOpen={this._afterDropdownOpen}
         onClose={this._afterDropdownClose}
         horizontalAlign={PopoverActualHorizontalAlign.Stretch}
-        height="none"
-        {...{
-          "opener": `udex-${this._id}-side-navigation-mobile__opener`,
-          "disable-target-overlap": "true",
-        }}>
+        height={this._dropdownHeight}
+        opener={`udex-${this._id}-side-navigation-mobile__opener`}
+        disable-target-overlap="true">
         <UDExSideNavigation
           ref={this._setNavItems}
           onSelectionChange={this._handleSelectionChanged as any}

package/src/SideNavigationSubItem.ts

@@ -2,6 +2,8 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import {
   isLeft,
@@ -11,6 +13,7 @@ import {
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import SideNavigationSubItem from "@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js";
 import SideNavigationSubItemTemplate from "./SideNavigationSubItemTemplate.js";
+import { EXPAND, COLLAPSE } from "./generated/i18n/i18n-defaults.js";
 
 // Styles
 import SideNavigationSubItemCss from "./generated/themes/SideNavigationSubItem.css.js";
@@ -58,6 +61,16 @@ class UDExSideNavigationSubItem extends SideNavigationSubItem {
   @slot({ type: HTMLElement, invalidateOnChildChange: true, "default": true })
     subItems!: DefaultSlot<UDExSideNavigationSubItem>;
 
+  @i18n("@sapudex/web-components")
+  static i18nBundle: I18nBundle;
+
+  onBeforeRendering() {
+    super.onBeforeRendering();
+    this.subItems.forEach(subItem => {
+      if (!subItem.hasAttribute("nested")) { subItem.setAttribute("nested", ""); }
+    });
+  }
+
   get hasSubItems() {
     return this.subItems.length > 0;
   }
@@ -82,11 +95,10 @@ class UDExSideNavigationSubItem extends SideNavigationSubItem {
     return this.hasSubItems ? [this, ...this.subItems] : [this];
   }
 
-  onBeforeRendering() {
-    super.onBeforeRendering();
-    this.subItems.forEach(subItem => {
-      if (!subItem.hasAttribute("nested")) { subItem.setAttribute("nested", ""); }
-    });
+  get _arrowTooltip(): string {
+    return this.expanded
+      ? UDExSideNavigationSubItem.i18nBundle.getText(COLLAPSE)
+      : UDExSideNavigationSubItem.i18nBundle.getText(EXPAND);
   }
 
   get _subGroupId(): string | undefined {

package/src/SideNavigationSubItemTemplate.tsx

@@ -41,6 +41,8 @@ export default function SideNavigationSubItemTemplate(this: UDExSideNavigationSu
             <Icon
               class="ui5-sn-item-toggle-icon"
               name={navRightArrow}
+              accessibleName={this._arrowTooltip}
+              showTooltip={true}
               onClick={(e: Event) => this._onToggleClick(e)}
             />
           </div>
@@ -48,7 +50,7 @@ export default function SideNavigationSubItemTemplate(this: UDExSideNavigationSu
         {this.isExternalLink && <Icon class="ui5-sn-item-external-link-icon" name={arrowRight} />}
       </EffectiveTag>
       {this.hasSubItems && (
-        <ul id={this._subGroupId} class="ui5-sn-item-ul" role="group">
+        <ul id={this._subGroupId} class="ui5-sn-item-ul" aria-label={this.accessibleName || this.text} role="group">
           <slot />
         </ul>
       )}

package/src/SideNavigationTemplate.tsx

@@ -0,0 +1,17 @@
+import type UDExSideNavigation from "./SideNavigation.js";
+import UI5SideNavigationTemplate from "@ui5/webcomponents-fiori/dist/SideNavigationTemplate.js";
+
+export default function SideNavigationTemplate(this: UDExSideNavigation) {
+  return (
+    <>
+      {UI5SideNavigationTemplate.call(this)}
+      {this.hasAdditionalContent ? (
+        <div
+          class="udex-side-navigation__additional-content"
+          part="additional-content">
+          <slot name="additionalContent"></slot>
+        </div>
+      ) : undefined}
+    </>
+  );
+}

package/src/generated/themes/MastheadShell.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-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--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-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--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-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-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);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}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
+export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--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;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--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-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-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.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{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);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);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{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.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){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
 `

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/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-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%;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}
+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/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/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 ``