@sapudex/web-components 0.173.0 → 0.176.0

package/src/Search.ts

@@ -88,6 +88,8 @@ export enum Mode {
   HomeSearch = "Home Search"
 }
 
+export type PopoverPlacement = "Bottom" | "Top";
+
 /**
  * @class
  *
@@ -214,6 +216,15 @@ class UDExSearch extends UI5Element {
   @property({ type: Boolean, noAttribute: true })
     showResetButton!: boolean;
 
+  /**
+   * Defines where the SuggestionPopover is currently placed.
+   *
+   * @default "Bottom"
+   * @private
+   */
+  @property({ type: String, noAttribute: true, defaultValue: "Bottom" })
+    _popoverPlacement!: PopoverPlacement;
+
   /**
    * Defines display the submit button for the search field.
    *
@@ -709,7 +720,7 @@ class UDExSearch extends UI5Element {
     return this.shadowRoot!.querySelector(".udex-search__prefix") as HTMLElement;
   }
 
-  getPrefixPopover() {
+  getPrefixPopover(): Popover {
     return this.shadowRoot!.querySelector<Popover>("[ui5-popover]")!;
   }
 
@@ -726,8 +737,9 @@ class UDExSearch extends UI5Element {
       this._prefixDropdownExpanded = true;
       dropdown.showAt(this.getPrefixButton());
       dropdown.style.width = `${button.offsetWidth + 1}px`;
+      dropdown.classList.add(this.prefixPopoverClasses);
       button.classList.add("udex-search__prefix-button--active");
-      wrapper.classList.add("udex-search__prefix--show-popover");
+      wrapper.classList.add(this.prefixWrapperClasses);
       this.dropdownPrefix[0].addEventListener("item-press", this.handleItemClick);
     }
   }
@@ -750,8 +762,7 @@ class UDExSearch extends UI5Element {
   handleAfterClosePrefixPopover() {
     const wrapper = this.getPrefixWrapper();
     const button = this.getPrefixButton();
-
-    wrapper.classList.remove("udex-search__prefix--show-popover");
+    wrapper.classList.remove("udex-search__prefix--show-popover", "udex-search__prefix--show-popover-top");
     button.classList.remove("udex-search__prefix-button--active");
   }
 
@@ -790,10 +801,9 @@ class UDExSearch extends UI5Element {
             console.warn(error.message);
           });
       } else {
+        this.open = true;
         this.Suggestion.open();
       }
-
-      this.handleClassToRoot();
       this.handleAriaExpanded();
     }
   }
@@ -801,9 +811,8 @@ class UDExSearch extends UI5Element {
   onClosePopover(): void {
     if (this.showSuggestedPopover) {
       this.Suggestion!.close();
-      this.handleClassToRoot();
       this.handleAriaExpanded();
-      this.openSuggestionPopup = false;
+      this.open = false;
     }
   }
 
@@ -811,16 +820,11 @@ class UDExSearch extends UI5Element {
     this.Suggestion?.handleKeyPress(e);
   }
 
-  handleClassToRoot() {
-    const hasAdditionRootClass = !this.shadowRoot?.querySelector(".udex-search__root")?.classList.contains("udex-search__root--show-popover");
-
-    if (this.mode === Mode.HomeSearch && hasAdditionRootClass && this.open) {
-      this.shadowRoot?.querySelector(".udex-search__root")?.classList.add("udex-search__root--show-popover");
-    }
-
-    if (this.mode === Mode.HomeSearch && !hasAdditionRootClass && !this.open) {
-      this.shadowRoot?.querySelector(".udex-search__root")?.classList.remove("udex-search__root--show-popover");
+  get rootClasses(): string {
+    if (this.mode === Mode.HomeSearch && this.showSuggestedPopover && this.open) {
+      return this.isSuggestionPopoverTop ? "udex-search__root--show-popover-top" : "udex-search__root--show-popover";
     }
+    return "";
   }
 
   onBeforeRendering(): void {
@@ -875,8 +879,39 @@ class UDExSearch extends UI5Element {
     }
   }
 
+  private _createObserver(popover: Popover, ingoreOpenState: boolean = false): MutationObserver {
+    return new MutationObserver(mutationList => {
+      mutationList.forEach(mutation => {
+        const newValue = popover?.actualPlacementType;
+        const oldValue = mutation.oldValue;
+
+        if (mutation.attributeName === "actual-placement-type" && newValue !== oldValue) {
+          this._popoverPlacement = newValue as PopoverPlacement;
+        }
+
+        if (mutation.attributeName === "open" && newValue !== oldValue && !ingoreOpenState) {
+          this.open = popover?.open || false;
+        }
+      });
+    });
+  }
+
   onAfterRendering(): void {
     if (this.showSuggestedPopover) {
+      const prefixPopover = this.getPrefixPopover();
+
+      if (this.Suggestion?.popover) {
+        const suggestionObserver = this._createObserver(this.Suggestion.popover);
+        const popoverNode = this.Suggestion?.popover as Node;
+        suggestionObserver.observe(popoverNode, { attributes: true, attributeOldValue: true });
+      }
+
+      if (prefixPopover) {
+        const prefixObserver = this._createObserver(prefixPopover, true);
+        const popoverNode = prefixPopover as Node;
+        prefixObserver.observe(popoverNode, { attributes: true, attributeOldValue: true });
+      }
+
       this.handleOutsideClick();
       this.handleOpenSuggestionPopover();
       this.setSearchWidth();
@@ -957,7 +992,6 @@ class UDExSearch extends UI5Element {
     if (isEscape(e)) {
       if (this.open) {
         this.Suggestion?.onEscape(e);
-        this.handleClassToRoot();
       }
       this.fireEvent("handle-close-search");
     }
@@ -976,7 +1010,6 @@ class UDExSearch extends UI5Element {
   handleTabKeyList(e: KeyboardEvent) {
     if (isTabNext(e)) {
       this.Suggestion?.onKeyTabList(e);
-      this.handleClassToRoot();
     }
   }
 
@@ -1156,6 +1189,16 @@ class UDExSearch extends UI5Element {
     return this._recommendLabel;
   }
 
+  get isSuggestionPopoverTop(): boolean {
+    const suggestionPopover = this.Suggestion?.popover;
+    return suggestionPopover! && suggestionPopover.open && this._popoverPlacement === "Top";
+  }
+
+  get isPrefixSuggestionPopoverTop(): boolean {
+    const prefixSuggestionPopover = this.getPrefixPopover();
+    return prefixSuggestionPopover && prefixSuggestionPopover.open && this._popoverPlacement === "Top";
+  }
+
   get isShowSearchHomePrefix(): boolean {
     return this.isHomeSearchWithPrefixMode && !!this.dropdownPrefix.length;
   }
@@ -1168,12 +1211,31 @@ class UDExSearch extends UI5Element {
     return this.mode === Mode.HomeSearch && !!this.dropdownPrefix.length;
   }
 
+  get searchClasses(): string {
+    return `${this.classWithPrefix}  ${this.rootClasses}`;
+  }
+
+  get prefixWrapperClasses(): string {
+    const prefixPopover = this.getPrefixPopover();
+    if (prefixPopover && prefixPopover.open) {
+      return this._popoverPlacement === "Top" ? "udex-search__prefix--show-popover-top" : "udex-search__prefix--show-popover";
+    }
+    return "";
+  }
+
+  get prefixPopoverClasses(): string {
+    return this.isPrefixSuggestionPopoverTop ? "udex-search__prefix-popover-top" : "udex-search__prefix-popover";
+  }
+
   get classWithPrefix(): string {
     return this.isHomeSearchWithPrefixMode ? "udex-search-prefix" : "";
   }
 
   get homeSearchPopoverClass(): string {
-    return this.isHomeSearchMode || this.isHomeSearchWithPrefixMode ? "udex-search-suggestions__root--home" : "";
+    if (this.isHomeSearchMode || this.isHomeSearchWithPrefixMode) {
+      return this.isSuggestionPopoverTop ? "udex-search-suggestions__root-top--home" : "udex-search-suggestions__root--home";
+    }
+    return "";
   }
 
   get homeSearchWithPrefixPopoverClass(): string {

package/src/TabHeader.hbs

@@ -45,7 +45,7 @@
             {{/if}}
         </span>
     {{/if}}
-    <span class="udex-tab-navigation__button-text {{classWithIcon}}">
+    <p class="udex-tab-navigation__button-text {{classWithIcon}}">
         {{text}}
         {{#if numberBadge}}
             <udex-badge
@@ -56,7 +56,7 @@
                 {{numberBadge}}
             </udex-badge>
         {{/if}}
-    </span>
+    </p>
     {{#if hasNotIcon}}
         <span class="udex-tab-navigation__button-badge"></span>
     {{/if}}

package/src/generated/templates/SearchTemplate.lit.ts

@@ -4,8 +4,8 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type Search from "../../Search.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
-function block0 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search__root ${ifDefined(this.classWithPrefix)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }<div class="udex-search__icons">${ this.isShowResetButton ? block5.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block6.call(this, context, tags, suffix) : undefined }${ this.showSubmitButton ? block7.call(this, context, tags, suffix) : undefined }</div></form></div>`;}
-function block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__prefix"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="udex-search__prefix-popover" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-search__prefix"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="udex-search__prefix-popover" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`;}
+function block0 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-search__root ${ifDefined(this.searchClasses)}">${ this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined }<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${ this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }<div class="udex-search__icons">${ this.isShowResetButton ? block5.call(this, context, tags, suffix) : undefined }${ this.isVoiceButton ? block6.call(this, context, tags, suffix) : undefined }${ this.showSubmitButton ? block7.call(this, context, tags, suffix) : undefined }</div></form></div>`;}
+function block1 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html`<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement-type="Bottom" horizontal-align="Left" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`;}
 function block2 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<input id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" aria-label="Search" placeholder="${ifDefined(this.label)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
 function block3 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.label ? block4.call(this, context, tags, suffix) : undefined }<input id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`;}
 function block4 (this: Search, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<label for="search-input" class="${ifDefined(this.labelClasses)}">${ifDefined(this.label)}</label>`;}

package/src/generated/templates/TabHeaderTemplate.lit.ts

@@ -5,12 +5,12 @@ import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 	import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
 function block0 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasNotHref ? block1.call(this, context, tags, suffix) : block6.call(this, context, tags, suffix) } `;}
-function block1 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="${ifDefined(this._tabIndex)}" type="button" role="tab" aria-describedby="udex-tab-navigation__${ifDefined(this._id)}__accessible-name" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" aria-controls="${ifDefined(this._contentId)}" aria-selected="${ifDefined(this.effectiveSelected)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" ._realTab="${ifDefined(this)}" style="width: ${ifDefined(this._width)};">${ this.hasIcon ? block2.call(this, context, tags, suffix) : undefined }<span class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block4.call(this, context, tags, suffix) : undefined }</span>${ this.hasNotIcon ? block5.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></button>`;}
+function block1 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<button id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="${ifDefined(this._tabIndex)}" type="button" role="tab" aria-describedby="udex-tab-navigation__${ifDefined(this._id)}__accessible-name" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" aria-controls="${ifDefined(this._contentId)}" aria-selected="${ifDefined(this.effectiveSelected)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" ._realTab="${ifDefined(this)}" style="width: ${ifDefined(this._width)};">${ this.hasIcon ? block2.call(this, context, tags, suffix) : undefined }<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block4.call(this, context, tags, suffix) : undefined }</p>${ this.hasNotIcon ? block5.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></button>`;}
 function block2 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block3.call(this, context, tags, suffix) : undefined }</span>`;}
 function block3 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
 function block4 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}
 function block5 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
-function block6 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="-1" role="tab" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" style="max-width: ${ifDefined(this._maxWidth)}px; width: ${ifDefined(this._width)};" ._realTab="${ifDefined(this)}">${ this.hasIcon ? block7.call(this, context, tags, suffix) : undefined }<span class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block9.call(this, context, tags, suffix) : undefined }</span>${ this.hasNotIcon ? block10.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></a>`;}
+function block6 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<a id="${ifDefined(this._id)}" class="udex-tab-navigation__button-tab ${ifDefined(this.selectedClass)}${ifDefined(this.classWithIconWithoutBackground)}${ifDefined(this.buttonClassWithIcon)}" tabindex="-1" role="tab" aria-posinset="${ifDefined(this._posinset)}" aria-setsize="${ifDefined(this._setsize)}" href="${ifDefined(this.href)}" target="${ifDefined(this.target)}" style="max-width: ${ifDefined(this._maxWidth)}px; width: ${ifDefined(this._width)};" ._realTab="${ifDefined(this)}">${ this.hasIcon ? block7.call(this, context, tags, suffix) : undefined }<p class="udex-tab-navigation__button-text ${ifDefined(this.classWithIcon)}">${ifDefined(this.text)}${ this.numberBadge ? block9.call(this, context, tags, suffix) : undefined }</p>${ this.hasNotIcon ? block10.call(this, context, tags, suffix) : undefined }<span aria-hidden="true" class="hidden" id="udex-tab-navigation__${ifDefined(this._id)}__accessible-name">${ifDefined(this.accessibleNameText)}</span></a>`;}
 function block7 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><${scopeTag("ui5-icon", tags, suffix)} class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></${scopeTag("ui5-icon", tags, suffix)}>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>` : html`<span class="udex-tab-navigation__button-icon-outer" role="presentation" aria-hidden="true"><ui5-icon class="udex-tab-navigation__button-icon" name="${ifDefined(this.icon)}"></ui5-icon>${ this.showAttentionBadge ? block8.call(this, context, tags, suffix) : undefined }</span>`;}
 function block8 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<span class="udex-tab-navigation__button-badge"></span>`;}
 function block9 (this: TabHeader, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag("udex-badge", tags, suffix)} class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</${scopeTag("udex-badge", tags, suffix)}>` : html`<udex-badge class="udex-tab-navigation__badge" type="Number" number-design="Blue" size="Large">${ifDefined(this.numberBadge)}</udex-badge>`;}

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

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Pagination.css.ts",content:`:host{--udex-pagination-font-size: var(--sapFontSize, 16px);--udex-pagination-font-family: var(--sapFontFamily, sans-serif);--udex-pagination-item-paddings: var(--sapFontSmallSize, .75rem);--udex-pagination-item-inner-paddings: 0rem .25rem;--udex-pagination-mobile-item-paddings: .5625rem .875rem .6875rem .875rem;--udex-pagination-item-line-height: var(--sapContent_LineHeight, 1.5rem);--udex-pagination-item-text-color: var(--sapPrimary5, #5b738b);--udex-pagination-item-active-text-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9, #223548));--udex-pagination-item-active-background-color: var(--udexColorGrey1);--udex-pagination-item-active-border-color: var(--sapButton_Active_BorderColor, #0040b0);--udex-pagination-item-active-border-width: var(--sapField_InformationBorderWidth, .125rem);--udex-pagination-item-gap: .25rem;--udex-pagination-mobile-item-gap: .5rem;--udex-pagination-short-item-gap: 24px;--udex-pagination-short-separator-paddings: 0 4px;--udex-pagination-short-separator-margin: 0 4px;--udex-pagination-short-item-paddings: 0 4px}.udex-pagination{font-family:var(--udex-pagination-font-family);font-size:var(--udex-pagination-font-size)}.udex-pagination__list{padding:0;display:flex;gap:var(--udex-pagination-item-gap);align-items:center;flex-wrap:wrap}.udex-pagination--short .udex-pagination__list{gap:var(--udex-pagination-short-item-gap)}.udex-pagination__item{cursor:pointer;display:inline-block;position:relative}.udex-pagination__item a{text-decoration:none;display:flex}:host([desktop]) .udex-pagination__item a:focus,.udex-pagination__item a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue10, #002A86);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusXXS, 2px)}.udex-pagination__page{display:block;padding:0 var(--udex-pagination-item-paddings) var(--udex-pagination-item-active-border-width) var(--udex-pagination-item-paddings);color:var(--udex-pagination-item-text-color)}.udex-pagination--mobile .udex-pagination__page{padding:var(--udex-pagination-mobile-item-paddings)}.udex-pagination__item--first a,.udex-pagination__item--last a,.udex-pagination__item--prev a,.udex-pagination__item--next a{padding:var(--udex-pagination-item-paddings)}.udex-pagination__page--value{display:block;position:relative;padding:var(--udex-pagination-item-inner-paddings);line-height:var(--udex-pagination-item-line-height)}.udex-pagination__page:not([active]):hover{background-color:var(--udex-pagination-item-active-background-color);color:var(--udex-pagination-item-active-text-color);border-radius:4px}.udex-pagination__page:hover,.udex-pagination__page:visited{color:var(--udex-pagination-item-text-color)}.udex-pagination__page[active]{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__page[active] .udex-pagination__page--value:after{content:"";position:absolute;bottom:calc(-1 * var(--udex-pagination-item-active-border-width));left:0;right:0;height:var(--udex-pagination-item-active-border-width);background-color:var(--udex-pagination-item-active-border-color)}.udex-pagination__item--short{gap:var(--udex-pagination-short-item-gap);direction:inherit}.udex-pagination--rtl .udex-pagination__item--short{display:flex;white-space-collapse:preserve}.udex-pagination__item--short{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__item--short-separator{padding:var(--udex-pagination-short-separator-paddings);margin:var(--udex-pagination-short-separator-margin)}.udex-pagination__item--short-value{padding:var(--udex-pagination-short-item-paddings)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Pagination.css.ts",content:`:host{--udex-pagination-font-size: var(--sapFontSize, 16px);--udex-pagination-font-family: var(--sapFontFamily, sans-serif);--udex-pagination-item-paddings: var(--sapFontSmallSize, .75rem);--udex-pagination-item-inner-paddings: 0rem .25rem;--udex-pagination-mobile-item-paddings: .5625rem .875rem .6875rem .875rem;--udex-pagination-item-line-height: var(--sapContent_LineHeight, 1.5rem);--udex-pagination-item-text-color: var(--sapPrimary5, #5b738b);--udex-pagination-item-active-text-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9, #223548));--udex-pagination-item-active-background-color: var(--udexColorGrey1);--udex-pagination-item-active-border-color: var(--sapButton_Active_BorderColor, #0040b0);--udex-pagination-item-active-border-width: var(--sapField_InformationBorderWidth, .125rem);--udex-pagination-item-gap: .25rem;--udex-pagination-mobile-item-gap: .5rem;--udex-pagination-short-item-gap: 24px;--udex-pagination-short-separator-paddings: 0 4px;--udex-pagination-short-separator-margin: 0 4px;--udex-pagination-short-item-paddings: 0 4px}.udex-pagination{font-family:var(--udex-pagination-font-family);font-size:var(--udex-pagination-font-size)}.udex-pagination__list{padding:0;margin:0;display:flex;gap:var(--udex-pagination-item-gap);align-items:center;flex-wrap:wrap}.udex-pagination--short .udex-pagination__list{gap:var(--udex-pagination-short-item-gap)}.udex-pagination__item{cursor:pointer;display:inline-block;position:relative}.udex-pagination__item a{text-decoration:none;display:flex}:host([desktop]) .udex-pagination__item a:focus,.udex-pagination__item a:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue10, #002A86);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusXXS, 2px)}.udex-pagination__page{display:block;padding:0 var(--udex-pagination-item-paddings) var(--udex-pagination-item-active-border-width) var(--udex-pagination-item-paddings);color:var(--udex-pagination-item-text-color)}.udex-pagination--mobile .udex-pagination__page{padding:var(--udex-pagination-mobile-item-paddings)}.udex-pagination__item--first a,.udex-pagination__item--last a,.udex-pagination__item--prev a,.udex-pagination__item--next a{padding:var(--udex-pagination-item-paddings)}.udex-pagination__page--value{display:block;position:relative;padding:var(--udex-pagination-item-inner-paddings);line-height:var(--udex-pagination-item-line-height)}.udex-pagination__page:not([active]):hover{background-color:var(--udex-pagination-item-active-background-color);color:var(--udex-pagination-item-active-text-color);border-radius:4px}.udex-pagination__page:hover,.udex-pagination__page:visited{color:var(--udex-pagination-item-text-color)}.udex-pagination__page[active]{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__page[active] .udex-pagination__page--value:after{content:"";position:absolute;bottom:calc(-1 * var(--udex-pagination-item-active-border-width));left:0;right:0;height:var(--udex-pagination-item-active-border-width);background-color:var(--udex-pagination-item-active-border-color)}.udex-pagination__item--short{gap:var(--udex-pagination-short-item-gap);direction:inherit}.udex-pagination--rtl .udex-pagination__item--short{display:flex;white-space-collapse:preserve}.udex-pagination__item--short{color:var(--udex-pagination-item-active-text-color)}.udex-pagination__item--short-separator{padding:var(--udex-pagination-short-separator-paddings);margin:var(--udex-pagination-short-separator-margin)}.udex-pagination__item--short-value{padding:var(--udex-pagination-short-item-paddings)}
 `};
 export default styleData;
 	

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

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-173-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/RatingIndicator.css.ts",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-176-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
 `};
 export default styleData;
 	

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

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Search.css.ts",content:`:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: var(--udexSpacer8, 8px);--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: var(--udexSpacer12, 12px);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;line-height:18px;transform:translateY(-110%);padding:0 4px;font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background-color:#fff}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:21px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-21px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-block-start:9px;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[ui5-button].udex-search__voice-button--active{color:#0040b0}[ui5-button].udex-search__voice-button--active:before,[ui5-button].udex-search__button:focus:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid #0040B0;border-radius:50%;box-sizing:border-box}[ui5-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[ui5-button].udex-search__button::part(icon){width:18px;height:18px}[ui5-button].udex-search__button::part(button):after{display:none}[ui5-button].udex-search__button:hover{background:transparent;border:none;box-shadow:none}[ui5-button].udex-search__button:focus{outline:none}[ui5-button].udex-search__submit-button--active{position:relative;z-index:1;color:#fff}[ui5-button].udex-search__submit-button--active:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:28px;height:28px;background-color:#0070f2;border-radius:50%}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:200px;height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}udex-dropdown{--udex-dropdown-pane-max-width: 100%}
 `};
 export default styleData;
 	

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

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SearchSuggestions.css.ts",content:`:host{--udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-popover-background-color: var(--udexColorNeutralWhite, #fff);--udex-popover-border-color: var(--udexColorGrey6, #5B738B);--udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));--udex-popover-border-color-divider: var(--udexColorGrey7, #475E75);--udex-block-padding-vertical: var(--udexSpacer24, 24px);--udex-heading-padding-horizontal: var(--udexSpacer12, 12px);--udex-heading-margin-vertical: var(--udexSpacer8, 8px);--udex-heading-font-family: var(--sapFontFamily, sans-serif);--udex-heading-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-heading-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-heading-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-padding-horizontal: var(--udexSpacer12, 12px);--udex-button-padding-vertical: var(--udexSpacer12, 12px);--udex-button-font-family: var(--sapFontFamily, sans-serif);--udex-button-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-button-line-height: var(--udexTypographyBodyLineHeight, 24px);--udex-button-border-color: var(--udexColorBlue10, #002A86);--udex-button-icon-color: var(--sapButton_IconColor, #475E75);--udex-button-highlighted-font-family: var(--sapFontFamily, sans-serif);--udex-button-highlighted-font-size: var(--udexTypographyNavigationBoldXLFontSize, 16px);--udex-button-highlighted-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-button-highlighted-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}.udex-search-suggestions__root{background-color:var(--udex-popover-background-color);border:1px solid var(--udex-popover-border-color);border-radius:var(--udex-popover-border-radius);box-shadow:var(--udex-popover-box-shadow);clip-path:inset(0px -10px -10px -10px)}.udex-search-suggestions__root--home{border-top-left-radius:0;border-top-right-radius:0;border-top:0}.udex-search-suggestions__root--home .udex-search-suggestions__block:first-child{margin-top:-5px}.udex-search-suggestions__root::part(content){padding:0}.udex-search-suggestions__block{padding-block-start:var(--udex-block-padding-vertical);border-block-end:1px solid var(--udex-popover-border-color-divider);font-family:var(--sapFontFamily, sans-serif)}.udex-search-suggestions__block:last-child{border-block-end:0}.udex-search-suggestions__heading,.udex-search-suggestions__message{margin-block-end:var(--udex-heading-margin-vertical);padding-inline:var(--udex-heading-padding-horizontal) var(--udex-heading-padding-horizontal);display:block;font-family:var(--udex-heading-font-family);font-size:var(--udex-heading-font-size);line-height:var(--udex-heading-line-height);font-weight:var(--udex-heading-font-weight);color:#475e75;text-transform:uppercase}.udex-search-suggestions__message{margin-block:var(--udex-heading-margin-vertical);text-align:center}.udex-search-suggestions__list{margin:0;padding:0;list-style:none}.udex-search-suggestions__list:focus{outline:2px solid var(--udex-button-border-color);outline-offset:-2px;border-radius:var(--udexRadiusXS)}[ui5-button].udex-search-suggestions__item-button{background-color:transparent;border:0;border-radius:0;width:100%;color:#223548;font-family:var(--udex-button-font-family);font-size:var(--udex-button-font-size);line-height:var(--udex-button-line-height);font-weight:var(--udex-button-font-weight);height:auto;cursor:pointer}[ui5-button].udex-search-suggestions__item-button:hover{box-shadow:none;background-color:#f5f6f7}[ui5-button].udex-search-suggestions__item-button:active,[ui5-button].udex-search-suggestions__item-button--active{background-color:#eaecee}[ui5-button].udex-search-suggestions__item-button::part(button){padding-inline:var(--udex-button-padding-vertical) var(--udex-button-padding-vertical);padding-block:var(--udex-button-padding-horizontal) var(--udex-button-padding-horizontal);justify-content:normal}.udex-search-suggestions__item-button [ui5-icon]{margin-inline-end:12px;width:18px;height:18px}.udex-search-suggestions__item-button::part(icon){color:var(--udex-button-icon-color)}.udex-search-suggestions__item-button b{font-family:var(--udex-button-highlighted-font-family);font-size:var(--udex-button-highlighted-font-size);font-weight:var(--udex-button-highlighted-font-weight);line-height:var(--udex-button-highlighted-line-height)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/SearchSuggestions.css.ts",content:`:host{--udex-popover-box-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-popover-top-box-shadow: 0px -2px 8px 0px rgba(34,54,73,.3);--udex-popover-background-color: var(--udexColorNeutralWhite, #fff);--udex-popover-border-color: var(--udexColorGrey6, #5B738B);--udex-popover-border-radius: var(--sapPopover_BorderCornerRadius, var(--udexRadiusM));--udex-popover-border-color-divider: var(--udexColorGrey7, #475E75);--udex-block-padding-vertical: var(--udexSpacer24, 24px);--udex-heading-padding-horizontal: var(--udexSpacer12, 12px);--udex-heading-margin-vertical: var(--udexSpacer8, 8px);--udex-heading-font-family: var(--sapFontFamily, sans-serif);--udex-heading-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-heading-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-heading-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-padding-horizontal: var(--udexSpacer12, 12px);--udex-button-padding-vertical: var(--udexSpacer12, 12px);--udex-button-font-family: var(--sapFontFamily, sans-serif);--udex-button-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-button-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-button-line-height: var(--udexTypographyBodyLineHeight, 24px);--udex-button-border-color: var(--udexColorBlue10, #002A86);--udex-button-icon-color: var(--sapButton_IconColor, #475E75);--udex-button-highlighted-font-family: var(--sapFontFamily, sans-serif);--udex-button-highlighted-font-size: var(--udexTypographyNavigationBoldXLFontSize, 16px);--udex-button-highlighted-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-button-highlighted-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}.udex-search-suggestions__root{background-color:var(--udex-popover-background-color);border:1px solid var(--udex-popover-border-color);border-radius:var(--udex-popover-border-radius);box-shadow:var(--udex-popover-box-shadow);clip-path:inset(0px -10px -10px -10px)}.udex-search-suggestions__root--home{border-top-left-radius:0;border-top-right-radius:0;border-top:0}.udex-search-suggestions__root-top--home{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;box-shadow:none}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:last-child{margin-bottom:-5px}.udex-search-suggestions__root-top--home .udex-search-suggestions__block:first-child{margin-top:0}.udex-search-suggestions__root--home .udex-search-suggestions__block:first-child{margin-top:-5px}.udex-search-suggestions__root::part(content){padding:0}.udex-search-suggestions__block{padding-block-start:var(--udex-block-padding-vertical);border-block-end:1px solid var(--udex-popover-border-color-divider);font-family:var(--sapFontFamily, sans-serif)}.udex-search-suggestions__block:last-child{border-block-end:0}.udex-search-suggestions__heading,.udex-search-suggestions__message{margin-block-end:var(--udex-heading-margin-vertical);padding-inline:var(--udex-heading-padding-horizontal) var(--udex-heading-padding-horizontal);display:block;font-family:var(--udex-heading-font-family);font-size:var(--udex-heading-font-size);line-height:var(--udex-heading-line-height);font-weight:var(--udex-heading-font-weight);color:#475e75;text-transform:uppercase}.udex-search-suggestions__message{margin-block:var(--udex-heading-margin-vertical);text-align:center}.udex-search-suggestions__list{margin:0;padding:0;list-style:none}.udex-search-suggestions__list:focus{outline:2px solid var(--udex-button-border-color);outline-offset:-2px;border-radius:var(--udexRadiusXS)}[ui5-button].udex-search-suggestions__item-button{background-color:transparent;border:0;border-radius:0;width:100%;color:#223548;font-family:var(--udex-button-font-family);font-size:var(--udex-button-font-size);line-height:var(--udex-button-line-height);font-weight:var(--udex-button-font-weight);height:auto;cursor:pointer}[ui5-button].udex-search-suggestions__item-button:hover{box-shadow:none;background-color:#f5f6f7}[ui5-button].udex-search-suggestions__item-button:active,[ui5-button].udex-search-suggestions__item-button--active{background-color:#eaecee}[ui5-button].udex-search-suggestions__item-button::part(button){padding-inline:var(--udex-button-padding-vertical) var(--udex-button-padding-vertical);padding-block:var(--udex-button-padding-horizontal) var(--udex-button-padding-horizontal);justify-content:normal}.udex-search-suggestions__item-button [ui5-icon]{margin-inline-end:12px;width:18px;height:18px}.udex-search-suggestions__item-button::part(icon){color:var(--udex-button-icon-color)}.udex-search-suggestions__item-button b{font-family:var(--udex-button-highlighted-font-family);font-size:var(--udex-button-highlighted-font-size);font-weight:var(--udex-button-highlighted-font-weight);line-height:var(--udex-button-highlighted-line-height)}
 `};
 export default styleData;
 	

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

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`: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, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-173-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Slider.css.ts",content:`: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, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-176-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
 `};
 export default styleData;
 	

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

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/TabNavigation.css.ts",content:`:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--sapHoverColor, var(--udexColorBlue7));--udex-button-tab-text-color-active: var(--sapShell_Navigation_Selected_TextColor, var(--udexColorBlue7));--udex-button-tab-border-color-active: var(--sapShell_Navigation_SelectedColor, var(--udexColorBlue7));--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--sapButton_Emphasized_Background, var(--udexColorBlue7));--udex-button-more-s-text-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-s-icon-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:capitalize;white-space:normal}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__button-text{display:flex;align-items:center}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/TabNavigation.css.ts",content:`:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--sapHoverColor, var(--udexColorBlue7));--udex-button-tab-text-color-active: var(--sapShell_Navigation_Selected_TextColor, var(--udexColorBlue7));--udex-button-tab-border-color-active: var(--sapShell_Navigation_SelectedColor, var(--udexColorBlue7));--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.125;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--sapList_SelectionBackgroundColor, var(--udexColorBlue1));--udex-button-tab-with-icon-background-hover: var(--sapAvatar_6_Background, var(--udexColorBlue2));--udex-button-tab-with-icon-color: var(--sapAccentColor6, var(--udexColorBlue7));--udex-button-tab-with-icon-color-hover: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexCoreNavigation);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-button-more-s-font-size: var(--udexTypographyNavigationMediumMFontSize, 14px);--udex-button-more-s-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-s-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-s-line-height: 1.07143;--udex-button-more-s-text-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-padding-vertical: var(--udexSpacer4, 4px);--udex-button-more-s-padding-horizontal: var(--udexSpacer8, 8px);--udex-button-more-s-border-color: var(--sapButton_Neutral_BorderColor, var(--udexColorGrey4));--udex-button-more-s-icon-margin-inline-start: var(--udexSpacer4, 4px);--udex-button-more-s-icon-color: var(--sapTextColor, var(--udexColorGrey9));--udex-button-more-s-border-color-toggled: var(--sapButton_Emphasized_Background, var(--udexColorBlue7));--udex-button-more-s-text-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-s-icon-color-toggled: var(--sapSelectedColor, var(--udexColorBlue7));--udex-button-more-m-font-size: var(--sapFontSize, var(--udexTypographyNavigationMediumXLFontSize));--udex-button-more-m-font-family: var(--sapFontFamily, sans-serif);--udex-button-more-m-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-more-m-line-height: 1.125;--udex-button-more-m-padding-vertical: var(--udexSpacer8, 8px);--udex-button-more-m-padding-horizontal: var(--udexSpacer12, 12px);--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyHeadingLineHeight, 1.1)}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([size-more-button="Medium"]) .udex-tab-navigation__button-more{padding:var(--udex-button-more-m-padding-vertical) var(--udex-button-more-m-padding-horizontal);height:34px;font-size:var(--udex-button-more-m-font-size);font-family:var(--udex-button-more-m-font-family);font-weight:var(--udex-button-more-m-font-weight);line-height:var(--udex-button-more-m-line-height)}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:-1;border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab,.udex-tab-navigation__button-more{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:1;height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:1;width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;padding:var(--udex-button-more-s-padding-vertical) var(--udex-button-more-s-padding-horizontal);display:flex;align-items:center;flex:0 0 0;font-size:var(--udex-button-more-s-font-size);font-family:var(--udex-button-more-s-font-family);font-weight:var(--udex-button-more-s-font-weight);line-height:var(--udex-button-more-s-line-height);color:var(--udex-button-more-s-text-color);border:1px solid var(--udex-button-more-s-border-color);border-radius:var(--udexRadiusM, 8px);margin-inline-end:var(--udex-button-more-margin-inline-end)}:host([desktop]) .udex-tab-navigation__button-more:focus,.udex-tab-navigation__button-more:focus-visible{outline:2px solid var(--udex-button-tab-text-color-active);outline-offset:2px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-more--lg .udex-tab-navigation__button-more-icon{width:16px;height:16px}.udex-tab-navigation__button-more-icon{margin-inline-start:var(--udex-button-more-s-icon-margin-inline-start);width:14px;height:14px;color:var(--udex-button-more-s-icon-color)}.udex-tab-navigation__button-more--toggled{border-color:var(--udex-button-more-s-border-color-toggled);color:var(--udex-button-more-s-text-color-toggled)}.udex-tab-navigation__button-more--toggled .udex-tab-navigation__button-more-icon{color:var(--udex-button-more-s-icon-color-toggled)}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);position:relative;z-index:0}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active)}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}}
 `};
 export default styleData;
 	

package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts

@@ -1,6 +1,6 @@
 import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-17_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-17_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-17_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-17_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-17_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-17_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-17_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-17_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_checkbox_inner_border_radius: 4px;--_ui5-v1-24-17_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-17_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-17_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-17_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-17_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_checkbox_label_offset: .563rem;--_ui5-v1-24-17_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-17_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-17_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-17_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-17_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-17_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-17_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-17_link_focus_background_color: transparent;--_ui5-v1-24-17_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-17_link_focus_text_decoration: underline;--_ui5-v1-24-17_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-17_link_focused_hover_text_decoration: underline;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-17_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-17_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-17_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-17_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-17_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-17_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-17_daypicker_daynames_container_height: 42px;--_ui5-v1-24-17_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-17_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-17_daypicker_item_weeekend_filter: none;--_ui5-v1-24-17_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-17_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-17_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-17_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-17_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-17_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-17_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-17_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-17_button_base_height: 3rem;--_ui5-v1-24-17_button_base_padding: 3rem;--_ui5-v1-24-17_checkbox_inner_width_height: 24px;--_ui5-v1-24-17_checkbox_width_height: 42px;--_ui5-v1-24-17_checkbox_icon_size: 16px;--_ui5-v1-24-17_checkbox_partially_icon_size: 16px;--_ui5-v1-24-17_radio_button_min_width: 42px;--_ui5-v1-24-17_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-17_radio_button_inner_size: 24px;--_ui5-v1-24-17_radio_button_height: 42px;--_ui5-v1-24-17_radio_button_svg_size: 24px;--_ui5-v1-24-17_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-17_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-17_radio_button_label_offset: 0;--_ui5-v1-24-17_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-17_progress_indicator_root_height: .5rem;--_ui5-v1-24-17_progress_indicator_bar_height: .75rem;--_ui5-v1-24-17_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-17_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-17_progress_indicator_padding_end: 24px;--_ui5-v1-24-17_toast_vertical_offset: 2.5rem;--_ui5-v1-24-17_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-17_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-17_day_picker_item_width: 42px;--_ui5-v1-24-17_day_picker_item_height: 42px;--_ui5-v1-24-17_calendar_width: 371px;--_ui5-v1-24-17_calendar_height: auto;--_ui5-v1-24-17_calendar_header_height: 42px;--_ui5-v1-24-17_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-17_month_picker_item_height: 36px;--_ui5-v1-24-17_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_year_picker_item_height: 36px;--_ui5-v1-24-17_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-17_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-17_slider_handle_width: 2.75rem;--_ui5-v1-24-17_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_handle_top: -.875rem;--_ui5-v1-24-17_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-17_slider_start_end_point_left: -.875rem;--_ui5-v1-24-17_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-17_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-17_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-17_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-17_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-20_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-20_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-20_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-20_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-20_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-20_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-20_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_checkbox_inner_border_radius: 4px;--_ui5-v1-24-20_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-20_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-20_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-20_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-20_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_checkbox_label_offset: .563rem;--_ui5-v1-24-20_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-20_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-20_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-20_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-20_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_link_focus_background_color: transparent;--_ui5-v1-24-20_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-20_link_focus_text_decoration: underline;--_ui5-v1-24-20_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-20_link_focused_hover_text_decoration: underline;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-20_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-20_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-20_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-20_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-20_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-20_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-20_daypicker_daynames_container_height: 42px;--_ui5-v1-24-20_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-20_daypicker_item_weeekend_filter: none;--_ui5-v1-24-20_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-20_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-20_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-20_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-20_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-20_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-20_button_base_height: 3rem;--_ui5-v1-24-20_button_base_padding: 3rem;--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_radio_button_min_width: 42px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-20_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_day_picker_item_width: 42px;--_ui5-v1-24-20_day_picker_item_height: 42px;--_ui5-v1-24-20_calendar_width: 371px;--_ui5-v1-24-20_calendar_height: auto;--_ui5-v1-24-20_calendar_header_height: 42px;--_ui5-v1-24-20_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-20_month_picker_item_height: 36px;--_ui5-v1-24-20_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_year_picker_item_height: 36px;--_ui5-v1-24-20_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
 `};
 export default styleData;
 	

package/src/themes/Pagination.css

@@ -24,7 +24,8 @@
 }
 
 .udex-pagination__list {
-  padding: 0px;
+  padding: 0;
+  margin: 0;
   display: flex;
   gap: var(--udex-pagination-item-gap);
   align-items: center;