@sapudex/web-components 2.51.0 → 2.53.0

package/src/SelectBox.ts

@@ -9,6 +9,7 @@ import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.j
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { UDExItemFromList } from "./SearchableListBase.js";
+import type { UDExListItemBase } from "./List.js";
 import { UDExPopoverPart } from "./types/SearchableListBase.js";
 import { Placement } from "./types/Dropdown.js";
 import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
@@ -185,6 +186,20 @@ class UDExSelectBox extends UDExSelectBase {
 
   handleHeaderPress(e:CustomEvent) {
     this.onHeaderPress(e);
+    // After the click, find the rendered nav item for this header and set it as
+    // the active descendant so the outline ring is visible. Then return DOM focus
+    // to the input to prevent a double ring if the user navigates with arrows.
+    const tokenId = this.getDataTokenId(e.detail.item as UDExListItemBase);
+    const navItems = this._list?.getKeyboardNavigationItems();
+    const renderedItem = navItems?.find(
+      i => (i.getAttribute("data-token-id") ?? i._id) === tokenId,
+    );
+    if (renderedItem) {
+      this._setActiveDescendant(renderedItem);
+    }
+    (this._search as HTMLElement).focus();
+    // Re-announce with updated checked/indeterminate state after the render cycle.
+    renderFinished().then(() => this._announceCurrentOrFirst()).catch(() => {});
   }
 
   handleItemPress(e:CustomEvent) {
@@ -213,9 +228,11 @@ class UDExSelectBox extends UDExSelectBase {
     const relatedTarget = e.relatedTarget as HTMLElement;
     const isInsideComponent = relatedTarget?.closest(`.${this._rootClass}`);
     const isFooterElement = this.hasFooter && !!relatedTarget && this.footer.some(el => el === relatedTarget || el.contains(relatedTarget));
+    const isIconButton = !!relatedTarget?.closest("[slot='firstIcon'],[slot='secondIcon']");
+    const isSearchInput = relatedTarget === this._search;
     const hasTags = this.tokenizer?.tokens.length > 0;
 
-    if (!isInsideComponent && !isFooterElement) {
+    if (!isInsideComponent && !isFooterElement && !isIconButton && !isSearchInput) {
       this.closeDropdown();
       this.resetSearchState();
 
@@ -224,6 +241,13 @@ class UDExSelectBox extends UDExSelectBase {
       }
     }
 
+    // Clear the keyboard-navigation ring whenever focus leaves the input for a real
+    // outside element (tag, outside click). Keep the ring when navigating to icon
+    // buttons (they are inside the list row and part of keyboard navigation) or when
+    // focus is moving to/from the search input itself.
+    if (!isIconButton && !isSearchInput) {
+      this._setActiveDescendant(null);
+    }
     this._focused = false;
   }
 
@@ -245,6 +269,7 @@ class UDExSelectBox extends UDExSelectBase {
       this._selectedOption = "";
     }
 
+    this._setActiveDescendant(null);
     this._open = false;
     this.fireEventDropdownClose();
   }
@@ -344,7 +369,7 @@ class UDExSelectBox extends UDExSelectBase {
       return;
     }
 
-    if (isLeft(e) && hasTags) {
+    if (isLeft(e) && hasTags && !this._activeDescendantItem) {
       e.preventDefault();
       this.focusTagByIndex(lastTagIndex);
       return;
@@ -435,6 +460,16 @@ class UDExSelectBox extends UDExSelectBase {
     this.closeDropdown();
   }
 
+  /**
+   * Focuses the inner search input.
+   * @public
+   */
+  async focus(): Promise<void> {
+    await renderFinished();
+    this._search?.focus();
+    return Promise.resolve();
+  }
+
   get tokenizer(): Tokenizer {
     return this.tagGroup?.tokenizer;
   }

package/src/SelectBoxTemplate.tsx

@@ -46,9 +46,11 @@ export default function SelectBoxTemplate(this: UDExSelectBox) {
                 aria-label={this.accInfo.ariaLabel}
                 aria-readonly={this.isReadOrDisplayOnly}
                 aria-disabled={this.disabled}
+                aria-required={this.required}
                 aria-haspopup={this.listboxRole}
-                aria-controls={this.popoverId}
+                aria-controls={this.listAriaControlsId}
                 aria-expanded={this._open}
+                aria-activedescendant={this._activeDescendantItem ? this._activeDescendantItem._id : undefined}
                 aria-autocomplete={this._ariaAutoComplete}
                 aria-describedby={`${this._id}-aria-describedby`}
                 autocomplete="off"
@@ -76,7 +78,6 @@ export default function SelectBoxTemplate(this: UDExSelectBox) {
             <UI5Popover
               id={this.popoverId}
               allow-target-overlap={this.allowTargetOverlap}
-              accessible-role="None"
               onKeyDown={this.handleKeyDownDropdown}
               {...({
                 onSelectAll: this.handleSelectAll,
@@ -98,7 +99,7 @@ export default function SelectBoxTemplate(this: UDExSelectBox) {
                 : this.searchableList}
               {this.hasFooter && <slot name="footer" slot="footer" />}
             </UI5Popover>
-            <span aria-live="polite" aria-atomic="true" class="hidden">{this._accSearchResultInfo}</span>
+            <span aria-live="polite" aria-atomic="true" class="hidden">{this._liveRegionText}</span>
           </div>
         </div>
         {this.supportingText && (

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

@@ -6,7 +6,7 @@ import type List from "../../List.js";
 import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
 	
 function block0 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.modeSelected ? block1.call(this, context, tags, suffix) : undefined }${ this.modeSingleContent ? block3.call(this, context, tags, suffix) : undefined } `;}
-function block1 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list-root" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleItemPress)}" @keydown="${this.handleKeyDown}" style="height: ${ifDefined(this.holderHeight)}"><div class="udex-list__scroll-container">${ this.headerText ? block2.call(this, context, tags, suffix) : undefined }<span id="${ifDefined(this._id)}-mode-label" class="udex-list__hidden-text">${ifDefined(this.ariaLabelModeText)}</span><div id="udex-list" class="udex-list" role="${ifDefined(this.accessibleRole)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" aria-busy="${ifDefined(this.ariaBusy)}"><slot></slot></div></div></div>`;}
+function block1 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-list-root" @ui5-item-press="${ifDefined(this.handleItemPress)}" @ui5-header-press="${ifDefined(this.handleItemPress)}" @keydown="${this.handleKeyDown}" style="height: ${ifDefined(this.holderHeight)}"><div class="udex-list__scroll-container">${ this.headerText ? block2.call(this, context, tags, suffix) : undefined }<span id="${ifDefined(this._id)}-mode-label" class="udex-list__hidden-text">${ifDefined(this.ariaLabelModeText)}</span><div id="udex-list" class="udex-list" role="${ifDefined(this.effectiveAccessibleRole)}" aria-labelledby="${ifDefined(this.ariaLabelledBy)}" aria-multiselectable="${ifDefined(this._listAriaMultiSelectable)}" aria-busy="${ifDefined(this.ariaBusy)}"><slot></slot></div></div></div>`;}
 function block2 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<header class="udex-list__header-text" part="header" id="${ifDefined(this._id)}-mode-label">${ifDefined(this.headerText)}</header>`;}
 function block3 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.headerText ? block4.call(this, context, tags, suffix) : undefined }<div id="udex-list" class="udex-list" role="${ifDefined(this.accessibleRole)}" aria-label="${ifDefined(this.singleContentAriaLabel)}" aria-busy="${ifDefined(this.ariaBusy)}"><slot></slot></div>`;}
 function block4 (this: List, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<header class="udex-list__header-text" part="header" id="${ifDefined(this._id)}-mode-label">${ifDefined(this.headerText)}</header>`;}

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));--udex-accordion-item-content-max-height: 1000px;--udex-accordion-item-button-icon-m-size: 16px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}:host{display:block}[udex-divider]{--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{color:var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover~[udex-divider]{--udex-divider-color: var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(90deg)}:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(90deg)}.udex-accordion-item__icon{height:var(--udex-accordion-item-button-icon-m-size);width:var(--udex-accordion-item-button-icon-m-size);color:var(--udex-accordion-item-icon-color)}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;transition:max-height .2s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-margin)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height)}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
+export default `:host{--udex-accordion-item-icon-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexColorNeutralBlack));--udex-accordion-item-headline-hover-color: var(--udexColorBlue8, #0057D2);--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-headline-large-font-size: var(--sapFontHeader4Size, var(--udexTypographyHeadingMediumXXSFontSize, 20px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));--udex-accordion-item-border-width: 1px;--udex-accordion-item-background-color: transparent;--udex-accordion-item-hover-background-color: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-accordion-item-header-padding: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 16px;--udex-accordion-item-icon-height: 16px;--udex-accordion-item-label-icon-width: 24px;--udex-accordion-item-label-icon-height: 24px;--udex-accordion-item-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px);--udex-accordion-item-with-icon-content-margin: var(--udexSpacer20, 20px) var(--udexSpacer16, 16px) var(--udexSpacer20, 20px) calc(var(--udexSpacer16, 16px) + var(--udex-accordion-item-label-icon-width, 24px) + var(--udexSpacer12, 12px));--udex-accordion-item-content-max-height: 1000px;--udex-accordion-item-button-icon-m-size: 16px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}:host{display:block}[udex-divider]{--udex-divider-transition: border-color .3s ease-in;--udex-divider-padding: 0;--udex-divider-color: var(--udex-accordion-item-border-color)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{display:flex;align-items:center;cursor:pointer;border:none;background:var(--udex-accordion-item-background-color);width:100%;font-family:inherit;color:var(--udex-accordion-item-headline-color);font-size:var(--udex-accordion-item-headline-font-size);gap:var(--udexSpacer12, 12px);padding:var(--udex-accordion-item-header-padding);line-height:var(--udexTypographyHeadingLineHeight, 1.1);transition:color .3s ease-in}.udex-accordion-item__header--large{font-size:var(--udex-accordion-item-headline-large-font-size)}.udex-accordion-item__header:hover{color:var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover~[udex-divider]{--udex-divider-color: var(--udex-accordion-item-headline-hover-color)}.udex-accordion-item__header:hover{background-color:var(--udex-accordion-item-hover-background-color)}:host([desktop]) .udex-accordion-item__header:focus,.udex-accordion-item__header:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px)}.udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}:host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-90deg)}:host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon){transform:rotate(-270deg)}.udex-accordion-item__icon{height:var(--udex-accordion-item-button-icon-m-size);width:var(--udex-accordion-item-button-icon-m-size);color:var(--udex-accordion-item-icon-color);transition:transform .4s ease-in}.udex-accordion-item__icon-wrapper{min-width:var(--udex-accordion-item-icon-width);height:var(--udex-accordion-item-icon-height);display:inline-flex;align-items:center;justify-content:center}.udex-accordion-item__label-icon-wrapper{min-width:var(--udex-accordion-item-label-icon-width);height:var(--udex-accordion-item-label-icon-height)}.udex-accordion-item__icon-wrapper:not(.udex-accordion-item__label-icon-wrapper){margin-inline-start:auto}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex;text-align:start;min-height:18px}.udex-accordion-item__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease-in,opacity .4s ease-in}.udex-accordion-item__content-inner{padding:var(--udex-accordion-item-content-margin)}.udex-accordion-item--with-title .udex-accordion-item__content-inner{padding:var(--udex-accordion-item-with-icon-content-margin)}:host([expanded]) .udex-accordion-item__content{max-height:var(--udex-accordion-item-content-max-height);opacity:1}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
+export default `:host{--udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));--udex-breadcrumbs-current-item-color: var(--udexColorGrey9, #223548);--udex-breadcrumbs-dropdown-item-font-size: var(--udexTypographyNavigationMediumXSFontSize, 12px);--udex-breadcrumbs-dropdown-item-line-height: var(--udexTypographyNavigationLineHeight, 1.1);--udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}.udex-breadcrumbs__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-horizontal-distance: -20px;--udex-dropdown-border-width: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-pane-max-width: fit-content;--udex-dropdown-box-shadow: var(--udex-breadcrumbs-dropdown-box-shadow)}[ui5-icon]{width:.75rem;height:.75rem}.udex-breadcrumbs__popover-content{padding:var(--udexSpacer32) 52px var(--udexSpacer32) var(--udexSpacer20)}.udex-breadcrumbs__popover-content ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start}.udex-breadcrumbs__popover-content li{display:flex}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item::part(root){padding:6px 0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item{font-size:var(--udex-breadcrumbs-dropdown-item-font-size);line-height:var(--udex-breadcrumbs-dropdown-item-line-height);color:var(--udex-breadcrumbs-item-dropdown-color);padding:0;--udex-link-line-height: var(--udex-breadcrumbs-dropdown-item-line-height);--udex-link-icon-height: 12px;--udex-link-icon-width: 12px}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:0}.udex-breadcrumbs__popover-content li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:0}.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current{color:var(--udex-breadcrumbs-current-item-color);font-weight:var(--udexTypographyFontWeightMedium, 500);display:block;padding:6px 0}.udex-breadcrumbs__popover::part(content){padding:0}.udex-breadcrumbs__popover-content:dir(rtl){padding:var(--udexSpacer32) var(--udexSpacer20) var(--udexSpacer32) 52px}li:has(.udex-breadcrumbs__item--with-icon):dir(ltr)~li .udex-breadcrumbs__item{padding-left:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}li:has(.udex-breadcrumbs__item--with-icon):dir(rtl)~li .udex-breadcrumbs__item{padding-right:calc(var(--udex-link-icon-width) + var(--udexSpacer4, 4px))}.udex-breadcrumbs__item--1{margin-left:var(--udexSpacer12)}.udex-breadcrumbs__item--2{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25{margin-left:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--1:dir(rtl){margin-right:var(--udexSpacer12)}.udex-breadcrumbs__item--2:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--3:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--4:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--5:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--6:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--7:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--8:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--9:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--10:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--11:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--12:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--13:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--14:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--15:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--16:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--17:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--18:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--19:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--20:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--21:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--22:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--23:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--24:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}.udex-breadcrumbs__item--25:dir(rtl){margin-right:calc(var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12) + var(--udexSpacer12))}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-contact-popover-width: 360px;--udex-contact-popover-shadow: 0 20px 80px 0 rgba(34, 54, 73, .25), 0 0 0 0 rgba(255, 255, 255, 0);--udex-contact-call-us-background: var(--udexColorBlue7, #0070F2);--udex-contact-call-us-padding: 28px var(--udexSpacer32);--udex-contact-botton-position: var(--udexSpacer24);--udex-contact-right-position: var(--udexSpacer24);position:fixed;bottom:var(--udex-contact-botton-position);right:var(--udex-contact-right-position)}:host(:dir(rtl)){right:auto;left:var(--udex-contact-right-position)}.udex-contact__button{--udex-button-icon-l-size: 26px;--udex-button-large-size: 58px;--udex-button-icon-text-spacing-large-size: var(--udexSpacer12);--udex-button-padding-large: 8px 18px;box-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);border:2px solid var(--udexColorNeutralWhite, #FFF);background:var(--udexColorBlue7, #0070F2)}.udex-contact__opener{padding-top:var(--udexSpacer24)}.udex-contact__button:hover{background:var(--udexColorBlue9, #0040B0)}[open].udex-contact__popover+.udex-contact__opener{pointer-events:none}[open].udex-contact__popover+.udex-contact__opener .udex-contact__button,:host [active].udex-contact__button{background:var(--udexColorNeutralWhite, #FFF);color:var(--udexColorBlue9, #0040B0);border-color:var(--udexColorBlue9, #0040B0);pointer-events:auto}.udex-contact__popover{width:var(--udex-contact-popover-width);box-shadow:var(--udex-contact-popover-shadow)}.udex-contact__call-us{background:var(--udex-contact-call-us-background);padding:var(--udex-contact-call-us-padding);font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);color:var(--udexColorNeutralWhite);text-align:center}.udex-contact__close-btn-wrap{text-align:end;height:0}.udex-contact__close-btn{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFF);color:var(--udexColorNeutralWhite, #FFF);margin-inline-start:auto;display:none}[on-phone] .udex-contact__call-us-heading,[on-phone] .udex-contact__close-btn{display:block}[on-phone] .udex-contact__call-us-heading{margin-inline-end:var(--udexSpacer8)}.udex-contact__items{padding:var(--udexSpacer12) 0}.udex-contact__popover::part(content){padding:0}.udex-contact__call-us-heading,[on-phone].udex-contact__popover::part(header){display:none}.udex-contact__call-us-title{font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);font-weight:var(--udexTypographyFontWeightRegular, 400);margin:0 0 var(--udexSpacer12)}.udex-contact__number-wrapper:first-child .udex-contact__number{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}.udex-contact__number-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--udexSpacer12);font-size:var(--udexTypographyBodyLFontSize , 20px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}.udex-contact__complete-list{margin:28px 0 0}.udex-contact__country{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);margin-bottom:var(--udexSpacer2)}.udex-contact__local-country-link,.udex-contact__number{--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFF);color:var(--udexColorNeutralWhite, #FFF);text-decoration:none}.udex-contact__local-country-link{--udex-link-hover-text-decoration: none;font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);text-decoration:none}.udex-contact__number{--udex-link-text-decoration: none;--udex-link-line-height: var(--udexTypographyHeadingLineHeight, 1.1);font-size:var(--udexTypographyBodyLFontSize, 20px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-contact__number:hover{text-decoration:underline}.udex-contact__call-us_empty{height:16px;padding:0}[on-phone] .udex-contact__call-us_empty{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer16);display:flex;align-items:center;justify-content:space-between;height:auto}@media (max-width: 979px){:host{bottom:var(--udexSpacer16);right:var(--udexSpacer16)}:host(:dir(rtl)){right:auto;left:var(--udexSpacer16)}.udex-contact__opener{padding-top:var(--udexSpacer16)}}
+export default `:host{--udex-contact-popover-width: 360px;--udex-contact-popover-shadow: 0 20px 80px 0 rgba(34, 53, 72, .25), 0 0 0 0 rgba(255, 255, 255, 0);--udex-contact-call-us-background: var(--udexColorBlue7, #0070F2);--udex-contact-call-us-padding: 28px var(--udexSpacer32);--udex-contact-button-position: var(--udexSpacer24);--udex-contact-right-position: var(--udexSpacer24);position:fixed;bottom:var(--udex-contact-button-position);right:var(--udex-contact-right-position)}:host(:dir(rtl)){right:auto;left:var(--udex-contact-right-position)}.udex-contact__button{--udex-button-icon-l-size: 26px;--udex-button-large-size: 58px;--udex-button-icon-text-spacing-large-size: var(--udexSpacer12);--udex-button-padding-large: 8px 18px;box-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);border:2px solid var(--udexColorNeutralWhite, #FFF);background:var(--udexColorBlue7, #0070F2)}.udex-contact__opener{padding-top:var(--udexSpacer24)}.udex-contact__button:hover{background:var(--udexColorBlue9, #0040B0)}[open].udex-contact__popover+.udex-contact__opener{pointer-events:none}[open].udex-contact__popover+.udex-contact__opener .udex-contact__button,:host [active].udex-contact__button{background:var(--udexColorNeutralWhite, #FFF);color:var(--udexColorBlue9, #0040B0);border-color:var(--udexColorBlue9, #0040B0);pointer-events:auto}.udex-contact__popover{width:var(--udex-contact-popover-width);box-shadow:var(--udex-contact-popover-shadow)}.udex-contact__call-us{background:var(--udex-contact-call-us-background);padding:var(--udex-contact-call-us-padding);font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);color:var(--udexColorNeutralWhite);text-align:center}.udex-contact__close-btn-wrap{text-align:end;height:0}.udex-contact__close-btn{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFF);color:var(--udexColorNeutralWhite, #FFF);margin-inline-start:auto;display:none}[on-phone] .udex-contact__call-us-heading,[on-phone] .udex-contact__close-btn{display:block}[on-phone] .udex-contact__call-us-heading{margin-inline-end:var(--udexSpacer8)}.udex-contact__items{padding:var(--udexSpacer12) 0}.udex-contact__popover::part(content){padding:0}.udex-contact__call-us-heading,[on-phone].udex-contact__popover::part(header){display:none}.udex-contact__call-us-title{font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);font-weight:var(--udexTypographyFontWeightRegular, 400);margin:0 0 var(--udexSpacer12)}.udex-contact__number-wrapper:first-child .udex-contact__number{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}.udex-contact__number-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--udexSpacer12);font-size:var(--udexTypographyBodyLFontSize , 20px);line-height:var(--udexTypographyBodyLineHeight, 1.5)}.udex-contact__complete-list{margin:28px 0 0}.udex-contact__country{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);margin-bottom:var(--udexSpacer2)}.udex-contact__local-country-link,.udex-contact__number{--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFF);color:var(--udexColorNeutralWhite, #FFF);text-decoration:none}.udex-contact__local-country-link{--udex-link-hover-text-decoration: none;font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);text-decoration:none}.udex-contact__number{--udex-link-text-decoration: none;--udex-link-line-height: var(--udexTypographyHeadingLineHeight, 1.1);font-size:var(--udexTypographyBodyLFontSize, 20px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-contact__number:hover{text-decoration:underline}.udex-contact__call-us_empty{height:16px;padding:0}[on-phone] .udex-contact__call-us_empty{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer16);display:flex;align-items:center;justify-content:space-between;height:auto}@media (max-width: 979px){:host{bottom:var(--udexSpacer16);right:var(--udexSpacer16)}:host(:dir(rtl)){right:auto;left:var(--udexSpacer16)}.udex-contact__opener{padding-top:var(--udexSpacer16)}}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-divider-color: var(--udexColorGrey3, #D5DADD);--udex-divider-padding: var(--udexSpacer2) 0}.udex-divider{border-top:1px solid var(--udex-divider-color);display:block}.udex-divider-wrapper{padding:var(--udex-divider-padding)}
+export default `:host{--udex-divider-color: var(--udexColorGrey3, #D5DADD);--udex-divider-padding: var(--udexSpacer2) 0;--udex-divider-transition: none}.udex-divider{transition:var(--udex-divider-transition);border-top:1px solid var(--udex-divider-color);display:block}.udex-divider-wrapper{padding:var(--udex-divider-padding)}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--udexColorBlue8, #0057D2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-right:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexColorGrey6));box-shadow:var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3))}::slotted([slot="header"]){width:100%}:host .udex-no-result{padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}[udex-search]+.hidden+[udex-busy-indicator]{padding:var(--udexSpacer16, 16px) 0 var(--udexSpacer32, 32px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}
+export default `:host{--udex-filter-menu-trigger-color-default: var(--sapTextColor, #223548);--udex-filter-menu-trigger-color-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-color-active: var(--sapShell_Active_TextColor, #0040b0);--udex-filter-menu-trigger-color-disabled: var(--sapTextColor, #223548);--udex-filter-menu-trigger-icon-default: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-icon-hover: var(--sapHoverColor, #0070f2);--udex-filter-menu-trigger-icon-active: var(--sapSelectedColor, #0040b0);--udex-filter-menu-trigger-icon-disabled: var(--sapContent_IconColor, #223548);--udex-filter-menu-trigger-prefix-color-default: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-hover: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-active: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-prefix-color-disabled: var(--sapShell_NeutralColor, #475e75);--udex-filter-menu-trigger-selection-bar-background: var(--udexColorBlue8, #0057D2);--udex-filter-menu-trigger-outline-border-color: var(--udexColorBlue10, #002A86);--udex-filter-menu-popover-left-offset: 0px;--udex-filter-menu-popover-min-width-xs: calc(100% - var(--udex-filter-menu-popover-left-offset));--udex-filter-menu-popover-max-width-xs: 100%;--udex-filter-menu-popover-width: fit-content;--udex-filter-menu-popover-min-width: 320px;--udex-filter-menu-popover-max-width: 640px;--udex-filter-menu-popover-shadow: var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));--udex-filter-menu-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-filter-menu-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-filter-menu-popover-border-radius: var(--udexRadiusM, 8px);display:inline-block}:host([desktop]) .udex-filter-menu__trigger:focus,.udex-filter-menu__trigger:focus-visible{outline:2px solid var(--udex-filter-menu-trigger-outline-border-color);outline-offset:var(--udexSpacer2, 2px);border-radius:var(--udexRadiusM, 8px)}.udex-filter-menu__trigger{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 1.5);display:inline-flex;align-items:center;padding:5px 0;position:relative;background:none;border:none}.udex-filter-menu__trigger-wrap{cursor:pointer;display:inline-flex;align-items:center}.udex-filter-menu__trigger-wrap[disabled]{pointer-events:none}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-name,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-disabled)}.udex-filter-menu__trigger-wrap[disabled]:hover .udex-filter-menu__trigger-icon,.udex-filter-menu__trigger-wrap[disabled] .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-disabled);opacity:var(--sapContent_DisabledOpacity, .4)}.udex-filter-menu__trigger-prefix{margin-inline-end:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-prefix-color-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-hover)}.udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-default)}.udex-filter-menu__trigger:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:2px 2px 0;background:var(--udex-filter-menu-trigger-selection-bar-background);opacity:0}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-prefix{color:var(--udex-filter-menu-trigger-prefix-color-active)}.udex-filter-menu__trigger-active:before{opacity:1}.udex-filter-menu__trigger-icon{width:16px;height:16px;margin-inline-start:var(--udexSpacer8, 8px);color:var(--udex-filter-menu-trigger-icon-default)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-hover)}.udex-filter-menu__trigger-wrap:hover .udex-filter-menu__trigger-icon{color:var(--udex-filter-menu-trigger-icon-hover)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-icon{transform:rotate(180deg);color:var(--udex-filter-menu-trigger-icon-active)}.udex-filter-menu__trigger-active .udex-filter-menu__trigger-name{color:var(--udex-filter-menu-trigger-color-active)}.udex-filter-menu__search{width:100%}.udex-filter-menu__footer{width:100%;display:flex;gap:10px}.udex-filter-menu__badge{margin-inline-start:var(--udexSpacer4, 4px)}[ui5-popover]{border:var(--udex-filter-menu-popover-border-width) solid var(--udex-filter-menu-popover-border-color);border-radius:var(--udex-filter-menu-popover-border-radius);box-shadow:var(--udex-filter-menu-popover-shadow);min-width:var(--udex-filter-menu-popover-min-width);max-width:var(--udex-filter-menu-popover-max-width);width:var(--udex-filter-menu-popover-width)}[ui5-popover]::part(content){padding:0;overflow:auto}[ui5-popover]::part(header),[ui5-popover]::part(footer){padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px)}[ui5-popover]::part(footer){justify-content:flex-start;border-color:var(--sapField_BorderColor, var(--udexColorGrey6));box-shadow:var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3))}::slotted([slot="header"]){width:100%}:host .udex-no-result{padding:0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px)}[udex-search]+.hidden+[udex-busy-indicator]{padding:var(--udexSpacer16, 16px) 0 var(--udexSpacer32, 32px)}@media (width < 640px){[ui5-popover]{min-width:var(--udex-filter-menu-popover-min-width-xs);max-width:var(--udex-filter-menu-popover-max-width-xs)}}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-link-font-size: var(--sapFontSize);--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:hover){text-decoration:none}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color);font-size:var(--udex-link-font-size)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:var(--udexSpacer20)}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-block;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px);float:none;vertical-align:text-bottom}.ui5-link-end-icon{margin-inline-start:calc(var(--udexSpacer20)* -1);padding-inline-start:var(--udexSpacer4, 4px);vertical-align:text-bottom}
+export default `:host{--udex-link-font-size: var(--sapFontSize);--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:hover){text-decoration:none}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color);font-size:var(--udex-link-font-size)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:var(--udexSpacer20)}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-block;overflow:visible;line-height:var(--udex-link-line-height)}:host([wrapping-type="None"]) .ui5-link-root{overflow:hidden}:host([wrapping-type="None"][icon]) .ui5-link-root{display:inline-flex;align-items:center}:host([wrapping-type="None"][end-icon]) .ui5-link-root{align-items:center}:host([wrapping-type="None"][end-icon]) .ui5-link-text{white-space:nowrap;min-width:0}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px);float:none;vertical-align:calc(.5cap - (var(--udex-link-icon-height) / 2))}.ui5-link-end-icon{margin-inline-start:calc(var(--udexSpacer20)* -1);padding-inline-start:var(--udexSpacer4, 4px);vertical-align:calc(.5cap - (var(--udex-link-icon-height) / 2))}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-group-header-outline-border-color: var(--udexColorBlue10, #002A86)}.udex-list__header{display:flex;flex-direction:column;width:100%}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer2, 2px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__group ::slotted([udex-list-item]){padding-inline-start:calc(var(--udexSpacer24) + var(--udexSpacer16));--udex-list-item-padding-inline-start: 0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXXSFontSize, 18px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-top:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);align-items:center;position:relative}:host([mode="MultiSelect"][_no-border]) .udex-list__group-header,:host([_no-border]) .udex-list__group-content{border-top:none}.udex-list__group-content.udex-list_group-content__focusable:focus,.udex-list__group-content.udex-list_group-content__focusable:focus-visible{outline:none}.udex-list__group-content.udex-list_group-content__focusable:focus:before,.udex-list__group-content.udex-list_group-content__focusable:focus-visible:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-group-header-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode="MultiSelect"]) .udex-list__group-header{border-top:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;justify-content:space-between;align-items:center}.udex-list__inactive-header-content{display:flex;flex-direction:column}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}:host([collapsible]) .udex-list__group-list__content,:host([collapsible])+.udex-list__group-list__content{max-height:var(--udex-list-content-max-height);overflow:hidden;transition:max-height .2s ease-in}:host([collapsible]) [udex-list-item][collapsed]+.udex-list__group-list__content,:host([collapsible][collapsed]) .udex-list__inactive-header+.udex-list__group-list__content,:host([collapsible][collapsed]) .udex-list__group-content+.udex-list__group-list__content,:host([collapsible][collapsed])+.udex-list__group-list__content,.udex-list__group-header[collapsible][collapsed]+.udex-list__group-list__content{max-height:0}:host([collapsible][mode="MultiSelect"]) header,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap{position:relative}:host([collapsible][mode="MultiSelect"]) header:focus,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus{outline:none}:host([collapsible][mode="MultiSelect"]) header:focus:before,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px)}
+export default `:host{--udex-list-item-group-header-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-group-header-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-group-header-supporting-text-color: var(--sapContent_LabelColor, #223548);--udex-list-item-group-header-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-group-header-outline-border-color: var(--udexColorBlue10, #002A86)}.udex-list__header{display:flex;flex-direction:column;width:100%}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-group-header-supporting-text-color);padding-top:var(--udexSpacer2, 2px)}.udex-list__group-list{list-style-type:none;padding:0;margin:0}.udex-list__group ::slotted([udex-list-item]){padding-inline-start:calc(var(--udexSpacer24) + var(--udexSpacer16));--udex-list-item-padding-inline-start: 0}.udex-list__header,.udex-list__group-header{font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXXSFontSize, 18px);line-height:var(--udexTypographyHeadingLineHeight, 1.1)}.udex-list__group-list.udex-list__sticky{padding-top:59px}.udex-list__group-content{display:flex;border-top:1px solid var(--udex-list-item-group-header-border-color);padding:var(--udex-list-item-group-header-padding-vertical) var(--udex-list-item-group-header-padding-horizontal);align-items:center;position:relative}:host([mode="MultiSelect"][_no-border]) .udex-list__group-header,:host([_no-border]) .udex-list__group-content{border-top:none}.udex-list__group-content.udex-list_group-content__focusable:focus,.udex-list__group-content.udex-list_group-content__focusable:focus-visible{outline:none}.udex-list__group-content.udex-list_group-content__focusable:focus:before,.udex-list__group-content.udex-list_group-content__focusable:focus-visible:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-group-header-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}:host([mode="MultiSelect"]) .udex-list__group-header{border-top:1px solid var(--udex-list-item-group-header-border-color)}.udex-list__group_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__group_large.udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightRegular, 400)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__inactive-header{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding:var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);border-bottom:1px solid var(--sapList_BorderColor, #A9B4BE);display:flex;justify-content:space-between;align-items:center}.udex-list__inactive-header-content{display:flex;flex-direction:column}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}:host([collapsible]) .udex-list__group-list__content,:host([collapsible])+.udex-list__group-list__content{max-height:var(--udex-list-content-max-height);overflow:hidden;transition:max-height .2s ease-in}:host([collapsible]) [udex-list-item][collapsed]+.udex-list__group-list__content,:host([collapsible][collapsed]) .udex-list__inactive-header+.udex-list__group-list__content,:host([collapsible][collapsed]) .udex-list__group-content+.udex-list__group-list__content,:host([collapsible][collapsed])+.udex-list__group-list__content,.udex-list__group-header[collapsible][collapsed]+.udex-list__group-list__content{max-height:0}:host([collapsible][mode="MultiSelect"]) header,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap{position:relative}:host([collapsible][mode="MultiSelect"]) header:focus,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus{outline:none}:host([collapsible][mode="MultiSelect"]) header:focus:before,:host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before,:host(._udex-active-descendant) .udex-list__group-content:before,:host(._udex-active-descendant) .udex-list__inactive-header:before{content:"";position:absolute;inset:0;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host(._udex-active-descendant) [part=group-item]{position:relative}:host(._udex-active-descendant) [part=group-item]:after{content:"";position:absolute;inset:4px;outline:var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);border-radius:var(--udexRadiusM, 8px);pointer-events:none}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-list-item-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-padding-top: var(--udex-list-item-padding-vertical);--udex-list-item-padding-bottom: var(--udex-list-item-padding-vertical);--udex-list-item-padding-inline-start: var(--udex-list-item-padding-horizontal);--udex-list-item-padding-inline-end: var(--udex-list-item-padding-horizontal);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--udexColorBlue8, #0057D2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-list-item-additional-text-font-weight: 400;background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;position:relative}:host([selected]):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--udex-list-item-border-color-selected)}:host([selected]:dir(rtl)):before{left:auto;right:0}:host([disabled]:not([mode="SingleContent"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode="SingleContent"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host([_aria-selected]:not([mode="SingleContent"])),:host(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host([_aria-selected][selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before{content:"";position:absolute;inset:4px 4px 4px 6px;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]:not([mode="SingleContent"]):not([disabled])[desktop]:focus){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state="Success"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state="Error"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state="Information"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state="Warning"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px)}:host::part(checkbox){min-width:24px}:host::part(radio){min-width:42px}:host([mode="SingleContent"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode="SingleContent"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer12, 12px)}:host([mode="SingleContent"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding-top:var(--udex-list-item-padding-top);padding-bottom:var(--udex-list-item-padding-bottom);padding-inline-start:var(--udex-list-item-padding-inline-start);padding-inline-end:var(--udex-list-item-padding-inline-end);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__btn-wrap{display:flex;gap:var(--udexSpacer8, 8px)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer2, 2px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap;font-weight:var(--udex-list-item-additional-text-font-weight)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none;min-width:auto}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__radio{--udex-radio-button-outer-ring-padding: 0}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}.udex-list__group-heading__icon-wrapper{height:24px;width:24px;display:flex;justify-content:center;align-items:center}:host([collapsed]) .udex-list__group-heading__icon,:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}[udex-rating-indicator]{--udex_rating_indicator_disabled_opacity: 1;pointer-events:none}
+export default `:host{--udex-list-item-padding-vertical: var(--udexSpacer12, 12px);--udex-list-item-padding-horizontal: var(--udexSpacer16, 16px);--udex-list-item-padding-top: var(--udex-list-item-padding-vertical);--udex-list-item-padding-bottom: var(--udex-list-item-padding-vertical);--udex-list-item-padding-inline-start: var(--udex-list-item-padding-horizontal);--udex-list-item-padding-inline-end: var(--udex-list-item-padding-horizontal);--udex-list-item-background-active: var(--sapList_Active_Background, #EAECEE);--udex-list-item-border-color-active: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-color-active: var(--sapList_Active_TextColor, #000);--udex-list-item-supporting-text-color-active: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-selected-hover: var(--sapButton_Selected_Hover_Background, #D1EFFF);--udex-list-item-background-default: var(--sapList_Background, #FFF);--udex-list-item-color-default: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-default: var(--sapContent_LabelColor, #475E75);--udex-list-item-supporting-text-color-hover: var(--sapContent_LabelColor, #475E75);--udex-list-item-background-hover: var(--sapList_Hover_Background, #F5F6F7);--udex-list-item-color-hover: var(--sapList_HeaderTextColor, #223548);--udex-list-item-border-color-selected: var(--udexColorBlue8, #0057D2);--udex-list-item-background-selected: var(--sapList_SelectionBackgroundColor, #EBF8FF);--udex-list-item-color-selected: var(--sapList_HeaderTextColor, #223548);--udex-list-item-supporting-text-color-selected: var(--sapContent_LabelColor, #475E75);--udex-list-item-divider-border-color: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-divider-border-color-hover: var(--sapList_BorderColor, #A9B4BE);--udex-list-item-outline-border-color: var(--udexColorBlue10, #002A86);--udex-list-item-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-list-item-additional-text-font-weight: 400;background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;position:relative}:host([selected]):before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--udex-list-item-border-color-selected)}:host([selected]:dir(rtl)):before{left:auto;right:0}:host([disabled]:not([mode="SingleContent"])){opacity:var(--udex-list-item-disabled-opacity);pointer-events:none}:host(:not([disabled]):not([mode="SingleContent"])){cursor:pointer}:host([active]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-active)}:host([active][selected]){background:var(--udex-list-item-background-active)}:host([_aria-selected]:not([mode="SingleContent"])),:host(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-hover)}:host([_aria-selected][selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before,:host(._udex-active-descendant:not([mode="SingleContent"]):not([disabled])) .udex-list__item:before{content:"";position:absolute;inset:4px 4px 4px 6px;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]:not([mode="SingleContent"]):not([disabled])[desktop]:focus){background:var(--udex-list-item-background-active);border-color:var(--udex-list-item-border-color-active);color:var(--udex-list-item-color-active)}:host(:not([disabled]):hover) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-hover)}:host([selected]:not([mode="SingleContent"])){background:var(--udex-list-item-background-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover)}:host([selected]) .udex-list__supporting-text{color:var(--udex-list-item-supporting-text-color-selected)}:host([divider]){border-color:var(--udex-list-item-divider-border-color)}:host([divider]):hover{border-color:var(--udex-list-item-divider-border-color-hover)}:host([additional-text-state="Success"])::part(additional-text){color:var(--udexColorGreen9, #1E592F)}:host([additional-text-state="Error"])::part(additional-text){color:var(--udexColorRed9, #840606)}:host([additional-text-state="Information"])::part(additional-text){color:var(--udexColorBlue9, #0040B0)}:host([additional-text-state="Warning"])::part(additional-text){color:var(--udexColorMango9, #8D2A00)}:host::part(checkbox),:host::part(radio){padding-inline-end:var(--udexSpacer12, 12px)}:host::part(checkbox){min-width:24px}:host::part(radio){min-width:42px}:host([mode="SingleContent"])::part(item){padding:var(--udexSpacer4, 4px) 0;border:none}:host([mode="SingleContent"])::part(avatar){padding-inline-start:var(--udexSpacer12, 12px)}:host::part(additional-text){margin-inline-start:0;margin-inline-end:var(--udexSpacer12, 12px)}:host([mode="SingleContent"])::part(button){padding:0}:host(.udex-list__sticky){position:absolute;top:0;right:12px;left:0;z-index:1;border-radius:var(--udexRadiusM, 8px) 0 0}::slotted([udex-list]){padding-top:var(--udexSpacer12, 12px);display:block}::slotted(b){display:inherit}::slotted([udex-button]:hover:not([active])){background-color:var(--udex-button-color-tertiary-standard-default-background)}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding-top:var(--udex-list-item-padding-top);padding-bottom:var(--udex-list-item-padding-bottom);padding-inline-start:var(--udex-list-item-padding-inline-start);padding-inline-end:var(--udex-list-item-padding-inline-end);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.udex-list__btn-wrap{display:flex;gap:var(--udexSpacer8, 8px)}.udex-list__number{margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__circle{display:block;min-width:20px;height:22px;position:relative}.udex-list__supporting-text{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyBodyLineHeight, 21px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udex-list-item-supporting-text-color-default);padding-top:var(--udexSpacer2, 2px)}.udex-list__content{display:flex;align-items:center;flex:auto}.udex-list__text-holder{display:flex;flex-direction:column;flex-basis:100%}.udex-list__add-text{font-size:var(--udexTypographyBodyXSFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 21px);padding-inline-start:var(--udexSpacer12, 12px);white-space:nowrap;font-weight:var(--udex-list-item-additional-text-font-weight)}.udex-list__icon{margin-inline-end:var(--udexSpacer8, 8px);padding-top:2px;min-width:18px;height:18px}.udex-list__avatar{display:flex;align-items:center;margin-inline-end:var(--udexSpacer8, 8px)}.udex-list__item.udex-list__sticky.udex-list__item_controlled .udex-list__checkbox,.udex-list__item.udex-searchable-list__header.udex-list__item_controlled .udex-list__checkbox,.udex-list__item .udex-list__radio,.udex-list__item .udex-list__checkbox{pointer-events:none;min-width:auto}.udex-list__item.udex-list__item_controlled .udex-list__radio,.udex-list__item.udex-list__item_controlled .udex-list__checkbox{pointer-events:auto}.udex-list__radio{--udex-radio-button-outer-ring-padding: 0}.udex-list__item_large{font-size:var(--udexTypographyBodyLFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 22px);font-weight:var(--udexTypographyFontWeightMedium, 500)}.udex-list__item_large .udex-list__supporting-text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px)}.udex-list__flag-wrap{min-width:30px;margin-inline-end:var(--udexSpacer12, 12px);position:relative}.udex-list__flag{background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);width:30px;height:20px;margin-inline-end:var(--udexSpacer12, 12px);position:absolute;top:50%;transform:translateY(-50%)}.hidden{display:none}.udex-list__group-heading__icon{transform:rotate(-90deg);height:18px;width:18px;color:inherit;cursor:pointer;--udex-button-icon-s-size: 18px}.udex-list__group-heading__icon-wrapper{height:24px;width:24px;display:flex;justify-content:center;align-items:center}:host([collapsed]) .udex-list__group-heading__icon,:host(:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(90deg)}:host([collapsed]:dir(rtl)) .udex-list__group-heading__icon{transform:rotate(-90deg)}[udex-rating-indicator]{--udex_rating_indicator_disabled_opacity: 1;pointer-events:none}
 `

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 12px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, "72 Brand Variable", "Arial", "Helvetica", "sans-serif");color:var(--sapTextColor)}:host([design="Action"]) .udex-message-strip,:host([design="Neutral"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design="Neutral"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Action"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design="Neutral"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Neutral"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline:var(--udex-message-strip-padding-inline-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udexSpacer48, 48px);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design="Information"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Information"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design="GreyLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design="GreyLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design="RedLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design="RedLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design="MangoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design="MangoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design="GreenLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design="GreenLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design="TealLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design="TealLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design="BlueLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design="BlueLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design="IndigoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design="IndigoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design="PinkLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design="PinkLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design="RaspberryLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="RaspberryLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="GreyDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design="GreyDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design="RedDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design="RedDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design="MangoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design="MangoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design="GreenDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design="GreenDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design="TealDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design="TealDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design="BlueDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design="BlueDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design="IndigoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design="IndigoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design="PinkDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design="PinkDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design="RaspberryDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design="RaspberryDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design="GreyLight"]) [udex-button],:host([design="RedLight"]) [udex-button],:host([design="MangoLight"]) [udex-button],:host([design="GreenLight"]) [udex-button],:host([design="TealLight"]) [udex-button],:host([design="BlueLight"]) [udex-button],:host([design="IndigoLight"]) [udex-button],:host([design="PinkLight"]) [udex-button],:host([design="RaspberryLight"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design="GreyDark"]) [udex-button],:host([design="RedDark"]) [udex-button],:host([design="MangoDark"]) [udex-button],:host([design="GreenDark"]) [udex-button],:host([design="TealDark"]) [udex-button],:host([design="BlueDark"]) [udex-button],:host([design="IndigoDark"]) [udex-button],:host([design="PinkDark"]) [udex-button],:host([design="RaspberryDark"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}
+export default `:host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-end-no-icon: 36px;--udex-message-strip-padding-inline-start-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 8px);--udex-message-strip-content-padding-inline-end: var(--udexSpacer16, 16px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, "72 Brand Variable", "Arial", "Helvetica", "sans-serif");color:var(--sapTextColor)}:host([design="Action"]) .udex-message-strip,:host([design="Neutral"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .udex-message-strip ::slotted(*:not([udex-link])),:host([design="Neutral"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Action"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design="Neutral"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Neutral"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline-end:var(--udex-message-strip-padding-inline-end-no-icon);padding-inline-start:var(--udex-message-strip-padding-inline-start-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udex-message-strip-content-padding-inline-end);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design="Information"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Information"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design="GreyLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design="GreyLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design="RedLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design="RedLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design="MangoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design="MangoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design="GreenLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design="GreenLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design="TealLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design="TealLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design="BlueLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design="BlueLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design="IndigoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design="IndigoLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design="PinkLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design="PinkLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design="RaspberryLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="RaspberryLight"]) .udex-message-strip ::slotted(*:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="GreyDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design="GreyDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-grey-dark-text)}:host([design="RedDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design="RedDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-red-dark-text)}:host([design="MangoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design="MangoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-mango-dark-text)}:host([design="GreenDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design="GreenDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-green-dark-text)}:host([design="TealDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design="TealDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-teal-dark-text)}:host([design="BlueDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design="BlueDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-blue-dark-text)}:host([design="IndigoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design="IndigoDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design="PinkDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design="PinkDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-pink-dark-text)}:host([design="RaspberryDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design="RaspberryDark"]) .udex-message-strip ::slotted(*){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design="GreyLight"]) [udex-button],:host([design="RedLight"]) [udex-button],:host([design="MangoLight"]) [udex-button],:host([design="GreenLight"]) [udex-button],:host([design="TealLight"]) [udex-button],:host([design="BlueLight"]) [udex-button],:host([design="IndigoLight"]) [udex-button],:host([design="PinkLight"]) [udex-button],:host([design="RaspberryLight"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design="GreyDark"]) [udex-button],:host([design="RedDark"]) [udex-button],:host([design="MangoDark"]) [udex-button],:host([design="GreenDark"]) [udex-button],:host([design="TealDark"]) [udex-button],:host([design="BlueDark"]) [udex-button],:host([design="IndigoDark"]) [udex-button],:host([design="PinkDark"]) [udex-button],:host([design="RaspberryDark"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}
 `