@sapudex/web-components 0.176.0 → 0.184.0

package/dist/css/themes/AccordionItem.css

@@ -1 +1 @@
-:host{--udex-accordion-item-icon-color: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-accordion-item-headline-color: var(--sapTextColor, var(--udexCoreTextDark));--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-accordion-item-border-color: var(--sapList_BorderColor, var(--udexColorGrey4));--udex-accordion-item-border-width: 1px;--udex-accordion-item-header-padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer8, 8px);--udex-accordion-item-content-margin: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 42px;--udex-accordion-item-icon-height: 42px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{align-items:center;color:var(--udex-accordion-item-headline-color);display:flex;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);border-bottom:var(--udex-accordion-item-border-width) solid var(--udex-accordion-item-border-color);cursor:pointer}: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{height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px);color:var(--udex-accordion-item-icon-color);transform:rotate(0)}.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}.rtl .udex-accordion-item__icon{transform:rotate(0)}.active .udex-accordion-item__icon{transform:rotate(90deg)}.rtl.active .udex-accordion-item__icon{transform:rotate(-90deg)}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex}.udex-accordion-item__content{display:none;margin:var(--udex-accordion-item-content-margin)}.active.udex-accordion-item{border:none}.active .udex-accordion-item__content{display:block}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}
+:host{--udex-accordion-item-icon-color: var(--sapContent_MarkerIconColor, var(--udexColorBlue9));--udex-accordion-item-headline-color: var(--sapTitleColor, var(--udexCoreHeadingDark));--udex-accordion-item-headline-font-size: var(--sapFontHeader5Size, var(--udexTypographyHeadingMediumXXXSFontSize, 18px));--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-header-padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer8, 8px);--udex-accordion-item-content-margin: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);--udex-accordion-item-icon-width: 42px;--udex-accordion-item-icon-height: 42px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapProgress_FontSize, 16px)}.udex-accordion-item{list-style-type:none}.udex-accordion-item__header{align-items:center;color:var(--udex-accordion-item-headline-color);display:flex;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);border-bottom:var(--udex-accordion-item-border-width) solid var(--udex-accordion-item-border-color);cursor:pointer}: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{height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px);color:var(--udex-accordion-item-icon-color);transform:rotate(0)}.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}.rtl .udex-accordion-item__icon{transform:rotate(0)}.active .udex-accordion-item__icon{transform:rotate(90deg)}.rtl.active .udex-accordion-item__icon{transform:rotate(-90deg)}.udex-accordion-item__title{font-weight:var(--udex-accordion-item-title-font-weight);align-items:center;display:flex}.udex-accordion-item__content{display:none;margin:var(--udex-accordion-item-content-margin)}.active.udex-accordion-item{border:none}.active .udex-accordion-item__content{display:block}.udex-accordion-item__badge{display:inline-flex;margin-inline-start:var(--udexSpacer8)}

package/dist/css/themes/Button.css

@@ -1 +1 @@
-:host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5.5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 12px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 26px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 6px;--udex-button-icon-text-spacing-large-size: 8px;--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexCorePrimaryAction));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size="Small"]){font-size:var(--udexTypographyNavigationMediumMFontSize);height:var(--udex-button-small-size)}:host([size="Small"])::part(button){padding:var(--udex-button-padding-small)}:host([design="Primary"][focused]:not([active]):not([toggled]))::part(button):before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:.125rem solid #fff;border-radius:.375rem;z-index:1}:host([design="Invisible"][focused]:not([active]):not([toggled]))::part(button):after,:host([design="Invisible"][active]:not([toggled]))::part(button):before{content:"";position:absolute;box-sizing:border-box;inset:var(--udex-button-invisible-focus-inset);border:2px solid var(--udexColorBlue10);border-radius:.375rem;z-index:1}:host,:host([size="Medium"]){font-size:1rem;height:var(--udex-button-medium-size)}:host::part(button),:host([size="Medium"])::part(button){padding:var(--udex-button-padding-medium)}:host([size="Large"]){font-size:1rem;height:var(--udex-button-large-size)}:host([size="Large"])::part(button){padding:var(--udex-button-padding-large)}:host([size="Small"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size="Medium"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([size="Large"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size="Small"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size="Medium"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size="Large"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][icon-end])::part(icon){margin:0}:host([icon-end])::part(icon){margin-inline-start:0}:host([size="Small"])::part(icon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size="Medium"])::part(icon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size="Large"])::part(icon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size="Small"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Small"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Medium"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Medium"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Large"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size="Large"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host,:host([design="Emphasized"]),:host([design="Primary"]){color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-background)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Primary"]:not([disabled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-background)}:host([active]:not([disabled])),:host([design="Emphasized"][active]:not([disabled])),:host([design="Primary"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design="Emphasized"]):disabled,:host([design="Primary"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background);opacity:var(--sapContent_DisabledOpacity, .4)}:host([toggled]),:host([design="Emphasized"][toggled]),:host([design="Primary"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Primary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design="Emphasized"][toggled]):disabled,:host([design="Primary"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"]),:host([design="Secondary"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design="Default"]:not([disabled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Secondary"]:not([disabled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design="Default"][active]:not([disabled])),:host([design="Secondary"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design="Default"]):disabled,:host([design="Secondary"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"][toggled]),:host([design="Secondary"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design="Default"][toggled]):disabled,:host([design="Secondary"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"]),:host([design="Tertiary"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design="Transparent"]:not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Tertiary"]:not([disabled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design="Transparent"][active]:not([disabled])),:host([design="Tertiary"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"][toggled]),:host([design="Tertiary"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design="Transparent"][toggled]):disabled,:host([design="Tertiary"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design="Invisible"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design="Invisible"][size="Small"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design="Invisible"][size="Medium"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design="Invisible"][size="Large"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design="Invisible"]:not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design="Invisible"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design="Invisible"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none;opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design="Positive"]:not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design="Negative"]:not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Attention]),:host([design="Warning"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design="Attention"]:not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Warning"]:not([disabled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design="Attention"][active]:not([disabled])),:host([design="Warning"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design="Attention"]):disabled,:host([design="Warning"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Attention"][toggled]),:host([design="Warning"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design="Attention"][toggled]):disabled,:host([design="Warning"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}
+:host{--udex-button-color-transparent: hsla(0, 0%, 0%, 0);--udex-button-padding-small: 5px 10px;--udex-button-padding-medium: 9px 10px;--udex-button-padding-large: 8px 14px;--udex-button-icon-only-padding-small: 6px;--udex-button-icon-only-padding-medium: 10px;--udex-button-icon-only-padding-large: 12px;--udex-button-small-size: 25px;--udex-button-medium-size: 36px;--udex-button-large-size: 42px;--udex-button-icon-s-size: 14px;--udex-button-icon-m-size: 16px;--udex-button-icon-l-size: 18px;--udex-button-icon-text-spacing-small-size: 4px;--udex-button-icon-text-spacing-medium-size: 6px;--udex-button-icon-text-spacing-large-size: 8px;--udexTypographyFontWeightMedium: 500;--udex-button-color-primary-standard-default-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-default-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-hover-background: var(--sapButton_Emphasized_Hover_Background, var(--udexColorBlue9));--udex-button-color-primary-standard-hover-text-and-icon: var(--sapButton_Emphasized_Hover_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-standard-active-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-standard-active-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-standard-active-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-primary-standard-disabled-background: var(--sapButton_Emphasized_Background, var(--udexColorBlue8));--udex-button-color-primary-standard-disabled-text-and-icon: var(--sapButton_Emphasized_TextColor, var(--udexCoreTextLight));--udex-button-color-primary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-primary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-background: var(--sapButton_Emphasized_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-primary-toggled-disabled-border: var(--sapButton_Emphasized_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-primary-toggled-disabled-text-and-icon: var(--sapButton_Emphasized_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-default-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-default-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-default-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-hover-background: var(--sapButton_Hover_Background, var(--udexColorGrey2));--udex-button-color-secondary-standard-hover-border: var(--sapButton_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-hover-text-and-icon: var(--sapButton_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-background: var(--sapButton_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-active-border: var(--sapButton_Active_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-active-text-and-icon: var(--sapButton_Active_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-standard-disabled-background: var(--sapButton_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-standard-disabled-border: var(--sapButton_BorderColor, var(--udexColorGrey7));--udex-button-color-secondary-standard-disabled-text-and-icon: var(--sapButton_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-secondary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-secondary-toggled-disabled-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-default-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-default-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-hover-background: var(--sapButton_Lite_Hover_Background, var(--udexColorGrey2));--udex-button-color-tertiary-standard-hover-border: var(--sapButton_Lite_Hover_BorderColor, var(--udexColorGrey7));--udex-button-color-tertiary-standard-hover-text-and-icon: var(--sapButton_Lite_Hover_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-background: var(--sapButton_Lite_Active_Background, var(--udexColorBlue9));--udex-button-color-tertiary-standard-active-border: var(--sapButton_Lite_Active_BorderColor, var(--udexColorNeutralWhite));--udex-button-color-tertiary-standard-active-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-standard-disabled-background: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-border: var(--udex-button-color-transparent, hsla(0, 0%, 0%, 0));--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--sapButton_Lite_Disabled_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-background: var(--sapButton_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-default-border: var(--sapButton_Selected_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-default-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-background: var(--sapButton_Selected_Hover_Background, var(--udexColorBlue2));--udex-button-color-tertiary-toggled-hover-border: var(--sapButton_Selected_Hover_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--sapButton_Selected_TextColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-background: var(--sapButton_Lite_Background, var(--udexColorNeutralWhite));--udex-button-color-tertiary-toggled-disabled-border: var(--sapButton_Lite_BorderColor, var(--udexColorBlue9));--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--sapButton_Lite_TextColor, var(--udexColorBlue9));--udex-button-invisible-padding-small: 2px 0px;--udex-button-invisible-padding-medium: 4px 0px;--udex-button-invisible-padding-large: 8px 0px;--udex-button-invisible-focus-inset: -2px;--udex-button-color-invisible-standard-default-background: transparent;--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue8);--udex-button-color-invisible-standard-hover-background: transparent;--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorBlue10);--udex-button-color-invisible-standard-active-background: transparent;--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue11);--udex-button-color-invisible-standard-disabled-background: transparent;--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue8);--udex-button-color-positive-standard-default-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-default-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-default-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-standard-hover-background: var(--sapButton_Accept_Hover_Background, var(--udexCoreSemanticSuccess3));--udex-button-color-positive-standard-hover-border: var(--sapButton_Accept_Hover_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-hover-text-and-icon: var(--sapButton_Accept_Hover_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-background: var(--sapButton_Accept_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-standard-active-border: var(--sapButton_Accept_Active_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-active-text-and-icon: var(--sapButton_Accept_Active_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-standard-disabled-background: var(--sapButton_Accept_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-standard-disabled-border: var(--sapButton_Accept_BorderColor, var(--udexCoreSemanticSuccess7));--udex-button-color-positive-standard-disabled-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-default-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-default-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-default-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-hover-background: var(--sapButton_Accept_Selected_Hover_Background, var(--udexCoreSemanticSuccess2));--udex-button-color-positive-toggled-hover-border: var(--sapButton_Accept_Selected_Hover_BorderColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-hover-text-and-icon: var(--sapButton_Accept_TextColor, var(--udexCoreSemanticSuccess8));--udex-button-color-positive-toggled-disabled-background: var(--sapButton_Accept_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-positive-toggled-disabled-border: var(--sapButton_Accept_Selected_BorderColor, var(--udexCoreSemanticSuccess10));--udex-button-color-positive-toggled-disabled-text-and-icon: var(--sapButton_Accept_Selected_TextColor, var(--udexCoreSemanticSuccess10));--udex-button-color-negative-standard-default-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-default-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-default-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-standard-hover-background: var(--sapButton_Reject_Hover_Background, var(--udexCoreSemanticError3));--udex-button-color-negative-standard-hover-border: var(--sapButton_Reject_Hover_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-hover-text-and-icon: var(--sapButton_Reject_Hover_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-background: var(--sapButton_Reject_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-standard-active-border: var(--sapButton_Reject_Active_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-active-text-and-icon: var(--sapButton_Reject_Active_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-standard-disabled-background: var(--sapButton_Reject_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-standard-disabled-border: var(--sapButton_Reject_BorderColor, var(--udexCoreSemanticError7));--udex-button-color-negative-standard-disabled-text-and-icon: var(--sapButton_Reject_TextColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-default-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-default-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-default-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-hover-background: var(--sapButton_Reject_Selected_Hover_Background, var(--udexCoreSemanticError2));--udex-button-color-negative-toggled-hover-border: var(--sapButton_Reject_Selected_Hover_BorderColor, var(--udexCoreSemanticError8));--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexCoreSemanticError8, #AA0808);--udex-button-color-negative-toggled-disabled-background: var(--sapButton_Reject_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-negative-toggled-disabled-border: var(--sapButton_Reject_Selected_BorderColor, var(--udexCoreSemanticError10));--udex-button-color-negative-toggled-disabled-text-and-icon: var(--sapButton_Reject_Selected_TextColor, var(--udexCoreSemanticError10));--udex-button-color-warning-standard-default-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-default-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-default-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-standard-hover-background: var(--sapButton_Attention_Hover_Background, var(--udexCoreSemanticWarning3));--udex-button-color-warning-standard-hover-border: var(--sapButton_Attention_Hover_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-hover-text-and-icon: var(--sapButton_Attention_Hover_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-background: var(--sapButton_Attention_Active_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-standard-active-border: var(--sapButton_Attention_Active_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-active-text-and-icon: var(--sapButton_Attention_Active_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-standard-disabled-background: var(--sapButton_Attention_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-standard-disabled-border: var(--sapButton_Attention_BorderColor, var(--udexCoreSemanticWarning7));--udex-button-color-warning-standard-disabled-text-and-icon: var(--sapButton_Attention_TextColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-default-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-default-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-default-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-hover-background: var(--sapButton_Attention_Selected_Hover_Background, var(--udexCoreSemanticWarning2));--udex-button-color-warning-toggled-hover-border: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-hover-text-and-icon: var(--sapButton_Attention_Selected_Hover_BorderColor, var(--udexCoreSemanticWarning8));--udex-button-color-warning-toggled-disabled-background: var(--sapButton_Attention_Selected_Background, var(--udexColorNeutralWhite));--udex-button-color-warning-toggled-disabled-border: var(--sapButton_Attention_Selected_BorderColor, var(--udexCoreSemanticWarning10));--udex-button-color-warning-toggled-disabled-text-and-icon: var(--sapButton_Attention_Selected_TextColor, var(--udexCoreSemanticWarning10))}:host{display:inline-block;font-weight:var(--udexTypographyFontWeightMedium)}:host([size="Small"]){font-size:var(--udexTypographyNavigationMediumMFontSize);height:var(--udex-button-small-size)}:host([size="Small"])::part(button){padding:var(--udex-button-padding-small)}:host([design="Primary"][focused]:not([active]):not([toggled]))::part(button):before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:.125rem solid #fff;border-radius:.375rem;z-index:1}:host([design="Invisible"][focused]:not([active]):not([toggled]))::part(button):after,:host([design="Invisible"][active]:not([toggled]))::part(button):before{content:"";position:absolute;box-sizing:border-box;inset:var(--udex-button-invisible-focus-inset);border:2px solid var(--udexColorBlue10);border-radius:.375rem;z-index:1}:host,:host([size="Medium"]){font-size:1rem;height:var(--udex-button-medium-size)}:host::part(button),:host([size="Medium"])::part(button){padding:var(--udex-button-padding-medium)}:host([size="Large"]){font-size:1rem;height:var(--udex-button-large-size)}:host([size="Large"])::part(button){padding:var(--udex-button-padding-large)}:host([size="Small"][icon-only]){min-width:var(--udex-button-small-size);max-width:var(--udex-button-small-size);height:var(--udex-button-small-size);min-height:var(--udex-button-small-size)}:host([icon-only]),:host([size="Medium"][icon-only]){min-width:var(--udex-button-medium-size);max-width:var(--udex-button-medium-size);height:var(--udex-button-medium-size);min-height:var(--udex-button-medium-size)}:host([size="Large"][icon-only]){min-width:var(--udex-button-large-size);max-width:var(--udex-button-large-size);height:var(--udex-button-large-size);min-height:var(--udex-button-large-size)}:host([size="Small"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-small)}:host([icon-only])::part(button),:host([size="Medium"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-medium)}:host([size="Large"][icon-only])::part(button){padding:var(--udex-button-icon-only-padding-large)}:host([icon-only][icon-end])::part(icon){margin:0}:host([icon-end])::part(icon){margin-inline-start:0}:host([size="Small"])::part(icon){height:var(--udex-button-icon-s-size, 14px);width:var(--udex-button-icon-s-size, 14px)}:host([size="Medium"])::part(icon){height:var(--udex-button-icon-m-size, 16px);width:var(--udex-button-icon-m-size, 16px)}:host([size="Large"])::part(icon){height:var(--udex-button-icon-l-size, 18px);width:var(--udex-button-icon-l-size, 18px)}:host([has-icon]:not([icon-only])[size="Small"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Small"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-small-size)}:host([has-icon]:not([icon-only])[size="Medium"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Medium"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-medium-size)}:host([has-icon]:not([icon-only])[size="Large"][icon-end]) .ui5-button-text{margin-inline-end:var(--udex-button-icon-text-spacing-large-size)}:host([has-icon]:not([icon-only])[size="Large"]:not([icon-end])) .ui5-button-text{margin-inline-start:var(--udex-button-icon-text-spacing-large-size)}:host,:host([design="Emphasized"]),:host([design="Primary"]){color:var(--udex-button-color-primary-standard-default-text-and-icon);background-color:var(--udex-button-color-primary-standard-default-background);border:1px solid var(--udex-button-color-primary-standard-default-background)}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Primary"]:not([disabled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Primary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-primary-standard-hover-text-and-icon);background-color:var(--udex-button-color-primary-standard-hover-background);border:1px solid var(--udex-button-color-primary-standard-hover-background)}:host([active]:not([disabled])),:host([design="Emphasized"][active]:not([disabled])),:host([design="Primary"][active]:not([disabled])){color:var(--udex-button-color-primary-standard-active-text-and-icon);background-color:var(--udex-button-color-primary-standard-active-background);border:1px solid var(--udex-button-color-primary-standard-active-border)}:host:disabled,:host([design="Emphasized"]):disabled,:host([design="Primary"]):disabled{color:var(--udex-button-color-primary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-primary-standard-disabled-background);border:1px solid var(--udex-button-color-primary-standard-disabled-background);opacity:var(--sapContent_DisabledOpacity, .4)}:host([toggled]),:host([design="Emphasized"][toggled]),:host([design="Primary"][toggled]){color:var(--udex-button-color-primary-toggled-default-text-and-icon);background-color:var(--udex-button-color-primary-toggled-default-background);border:1px solid var(--udex-button-color-primary-toggled-default-border)}:host([toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Primary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-primary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-primary-toggled-hover-background);border:1px solid var(--udex-button-color-primary-toggled-hover-border)}:host([toggled]):disabled,:host([design="Emphasized"][toggled]):disabled,:host([design="Primary"][toggled]):disabled{color:var(--udex-button-color-primary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-primary-toggled-disabled-background);border:1px solid var(--udex-button-color-primary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"]),:host([design="Secondary"]){color:var(--udex-button-color-secondary-standard-default-text-and-icon);background-color:var(--udex-button-color-secondary-standard-default-background);border:1px solid var(--udex-button-color-secondary-standard-default-border)}:host([design="Default"]:not([disabled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Default"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Secondary"]:not([disabled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Secondary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-secondary-standard-hover-text-and-icon);background-color:var(--udex-button-color-secondary-standard-hover-background);border:1px solid var(--udex-button-color-secondary-standard-hover-border)}:host([design="Default"][active]:not([disabled])),:host([design="Secondary"][active]:not([disabled])){color:var(--udex-button-color-secondary-standard-active-text-and-icon);background-color:var(--udex-button-color-secondary-standard-active-background);border:1px solid var(--udex-button-color-secondary-standard-active-border)}:host([design="Default"]):disabled,:host([design="Secondary"]):disabled{color:var(--udex-button-color-secondary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-standard-disabled-background);border:1px solid var(--udex-button-color-secondary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Default"][toggled]),:host([design="Secondary"][toggled]){color:var(--udex-button-color-secondary-toggled-default-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-default-background);border:1px solid var(--udex-button-color-secondary-toggled-default-border)}:host([design="Default"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Secondary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-secondary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-hover-background);border:1px solid var(--sapButton_Selected_Hover_BorderColor)}:host([design="Default"][toggled]):disabled,:host([design="Secondary"][toggled]):disabled{color:var(--udex-button-color-secondary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-secondary-toggled-disabled-background);border:1px solid var(--udex-button-color-secondary-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"]),:host([design="Tertiary"]){color:var(--udex-button-color-tertiary-standard-default-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-default-background);border:1px solid var(--udex-button-color-tertiary-standard-default-border)}:host([design="Transparent"]:not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Tertiary"]:not([disabled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Tertiary"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-tertiary-standard-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-hover-background);border:1px solid var(--udex-button-color-tertiary-standard-hover-border)}:host([design="Transparent"][active]:not([disabled])),:host([design="Tertiary"][active]:not([disabled])){color:var(--udex-button-color-tertiary-standard-active-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-active-background);border:1px solid var(--udex-button-color-tertiary-standard-active-border)}:host([design="Transparent"]):disabled,:host([design="Tertiary"]):disabled{color:var(--udex-button-color-tertiary-standard-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-standard-disabled-background);border:1px solid var(--udex-button-color-tertiary-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Transparent"][toggled]),:host([design="Tertiary"][toggled]){color:var(--udex-button-color-tertiary-toggled-default-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-default-background);border:1px solid var(--udex-button-color-tertiary-toggled-default-border)}:host([design="Transparent"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Tertiary"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-tertiary-toggled-hover-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-hover-background);border:1px solid var(--udex-button-color-tertiary-toggled-hover-border)}:host([design="Transparent"][toggled]):disabled,:host([design="Tertiary"][toggled]):disabled{color:var(--udex-button-color-tertiary-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-tertiary-toggled-disabled-background);border:1px solid var(--udex-button-color-tertiary-toggled-disabled-border)}:host([design="Invisible"]){color:var(--udex-button-color-invisible-standard-default-text-and-icon);background-color:var(--udex-button-color-invisible-standard-default-background);border:none;height:auto;overflow:visible}:host([design="Invisible"][size="Small"])::part(button){padding:var(--udex-button-invisible-padding-small)}:host([design="Invisible"][size="Medium"])::part(button){padding:var(--udex-button-invisible-padding-medium)}:host([design="Invisible"][size="Large"])::part(button){padding:var(--udex-button-invisible-padding-large)}:host([design="Invisible"]:not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Invisible"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){color:var(--udex-button-color-invisible-standard-hover-text-and-icon);background-color:var(--udex-button-color-invisible-standard-hover-background);border:none}:host([design="Invisible"][active]:not([disabled])){color:var(--udex-button-color-invisible-standard-active-text-and-icon);background-color:var(--udex-button-color-invisible-standard-active-background);border:none}:host([design="Invisible"]):disabled{color:var(--udex-button-color-invisible-standard-disabled-text-and-icon);background-color:var(--udex-button-color-invisible-standard-disabled-background);border:none;opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive]){color:var(--udex-button-color-positive-standard-default-text-and-icon);background-color:var(--udex-button-color-positive-standard-default-background);border:1px solid var(--udex-button-color-positive-standard-default-border)}:host([design="Positive"]:not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-positive-standard-hover-text-and-icon);background-color:var(--udex-button-color-positive-standard-hover-background);border:1px solid var(--udex-button-color-positive-standard-hover-border)}:host([design=Positive][active]:not([disabled])){color:var(--udex-button-color-positive-standard-active-text-and-icon);background-color:var(--udex-button-color-positive-standard-active-background);border:1px solid var(--udex-button-color-positive-standard-active-border)}:host([design=Positive]):disabled{color:var(--udex-button-color-positive-standard-disabled-text-and-icon);background-color:var(--udex-button-color-positive-standard-disabled-background);border:1px solid var(--udex-button-color-positive-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Positive][toggled]){color:var(--udex-button-color-positive-toggled-default-text-and-icon);background-color:var(--udex-button-color-positive-toggled-default-background);border:1px solid var(--udex-button-color-positive-toggled-default-border)}:host([design=Positive][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-positive-toggled-hover-text-and-icon);background-color:var(--udex-button-color-positive-toggled-hover-background);border:1px solid var(--udex-button-color-positive-toggled-hover-border)}:host([design=Positive][toggled]):disabled{color:var(--udex-button-color-positive-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-positive-toggled-disabled-background);border:1px solid var(--udex-button-color-positive-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative]){color:var(--udex-button-color-negative-standard-default-text-and-icon);background-color:var(--udex-button-color-negative-standard-default-background);border:1px solid var(--udex-button-color-negative-standard-default-border)}:host([design="Negative"]:not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-negative-standard-hover-text-and-icon);background-color:var(--udex-button-color-negative-standard-hover-background);border:1px solid var(--udex-button-color-negative-standard-hover-border)}:host([design=Negative][active]:not([disabled])){color:var(--udex-button-color-negative-standard-active-text-and-icon);background-color:var(--udex-button-color-negative-standard-active-background);border:1px solid var(--udex-button-color-negative-standard-active-border)}:host([design=Negative]):disabled{color:var(--udex-button-color-negative-standard-disabled-text-and-icon);background-color:var(--udex-button-color-negative-standard-disabled-background);border:1px solid var(--udex-button-color-negative-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Negative][toggled]){color:var(--udex-button-color-negative-toggled-default-text-and-icon);background-color:var(--udex-button-color-negative-toggled-default-background);border:1px solid var(--udex-button-color-negative-toggled-default-border)}:host([design=Negative][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-negative-toggled-hover-text-and-icon);background-color:var(--udex-button-color-negative-toggled-hover-background);border:1px solid var(--udex-button-color-negative-toggled-hover-border)}:host([design=Negative][toggled]):disabled{color:var(--udex-button-color-negative-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-negative-toggled-disabled-background);border:1px solid var(--udex-button-color-negative-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design=Attention]),:host([design="Warning"]){color:var(--udex-button-color-warning-standard-default-text-and-icon);background-color:var(--udex-button-color-warning-standard-default-background);border:1px solid var(--udex-button-color-warning-standard-default-border)}:host([design="Attention"]:not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered),:host([design="Warning"]:not([disabled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]):hover),:host([design="Warning"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):not([toggled]).ui5_hovered){color:var(--udex-button-color-warning-standard-hover-text-and-icon);background-color:var(--udex-button-color-warning-standard-hover-background);border:1px solid var(--udex-button-color-warning-standard-hover-border)}:host([design="Attention"][active]:not([disabled])),:host([design="Warning"][active]:not([disabled])){color:var(--udex-button-color-warning-standard-active-text-and-icon);background-color:var(--udex-button-color-warning-standard-active-background);border:1px solid var(--udex-button-color-warning-standard-active-border)}:host([design="Attention"]):disabled,:host([design="Warning"]):disabled{color:var(--udex-button-color-warning-standard-disabled-text-and-icon);background-color:var(--udex-button-color-warning-standard-disabled-background);border:1px solid var(--udex-button-color-warning-standard-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}:host([design="Attention"][toggled]),:host([design="Warning"][toggled]){color:var(--udex-button-color-warning-toggled-default-text-and-icon);background-color:var(--udex-button-color-warning-toggled-default-background);border:1px solid var(--udex-button-color-warning-toggled-default-border)}:host([design="Attention"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Warning"][toggled]:not([non-interactive]):not([_is-touch]):not([disabled]):hover){color:var(--udex-button-color-warning-toggled-hover-text-and-icon);background-color:var(--udex-button-color-warning-toggled-hover-background);border:1px solid var(--udex-button-color-warning-toggled-hover-border)}:host([design="Attention"][toggled]):disabled,:host([design="Warning"][toggled]):disabled{color:var(--udex-button-color-warning-toggled-disabled-text-and-icon);background-color:var(--udex-button-color-warning-toggled-disabled-background);border:1px solid var(--udex-button-color-warning-toggled-disabled-border);opacity:var(--sapContent_DisabledOpacity, .4)}

package/dist/css/themes/CountrySelector.css

@@ -1 +1 @@
-:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}.udex-country-selector__text{width:100%}.udex-country-selector__dropdown--hide-flag udex-list-item::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}:host(:not([hide-flag-images])) udex-text-field[aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(36px)}:host(:not([hide-flag-images])) udex-text-field[aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(-36px)}udex-text-field[aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}udex-text-field::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}udex-text-field[active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}udex-list-item::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}udex-text-field[readonly]::part(label){background:var(--sapField_ReadOnly_Background)}udex-dropdown{--udex-dropdown-pane-max-width: 100%}udex-text-field{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}udex-text-field:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}udex-text-field::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}udex-dropdown{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}@media (width < 640px){udex-dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}.hidden-text{display:none}
+:host{--udex-country-selector-flag-width: 30px;--udex-country-selector-flag-height: 20px;--udex-country-selector-popover-min-width: 0px;--udex-country-selector-input-disabled-opacity: var(--sapContent_DisabledOpacity, .4);--udex-country-selector-max-width: 100%;--udex-country-selector-text-offset-left: 50px;--udex-country-selector-text-offset-right: 36px}.udex-country-selector__text{width:100%}.udex-country-selector__dropdown--hide-flag [udex-list-item]::part(item){padding-left:var(--udexSpacer12);padding-right:var(--udexSpacer12)}.udex-country-selector__dropdown--hide-flag .udex-country-selector__trigger:after{left:var(--udexSpacer12);right:var(--udexSpacer32)}.udex-country-selector__trigger{display:flex;align-items:center;position:relative;max-width:var(--udex-country-selector-max-width);width:100%}:host(:not([disabled]):not([displayonly]):not([readonly])) .udex-country-selector__trigger{cursor:pointer}.udex-country-selector__trigger--disabled{opacity:var(--udex-country-selector-input-disabled-opacity)}.udex-list::part(content){padding:0}.udex-country-selector__trigger:after{content:attr(value);position:absolute;left:calc(24px + var(--udex-country-selector-flag-width));right:40px;font-family:var(--sapFontFamily, sans-serif);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 24px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;pointer-events:none}:dir(rtl) .udex-country-selector__trigger:after{right:calc(24px + var(--udex-country-selector-flag-width));left:40px}.udex-text-field__input{inset-inline-start:var(--udexSpacer12)}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label){transform:translate(36px)}:host(:not([hide-flag-images])) [udex-text-field][aria-expanded=false]:not([active])[value=""]::part(label):dir(rtl){transform:translate(-36px)}[udex-text-field][aria-expanded=true]::part(label){line-height:18px;transform:translateY(-110%);padding:0 4px;font-size:12px;background:linear-gradient(transparent 55%,var(--sapField_Background) 45%)}[udex-text-field]::part(label){background:linear-gradient(transparent 55%,var(--sapField_Background) 45%);padding:0 var(--udexSpacer4, 4px);max-width:calc(100% - var(--udex-country-selector-text-offset-left) - var(--udex-country-selector-text-offset-right) - 15px)}[udex-text-field][active]::part(label){padding:6px var(--udexSpacer4, 4px) 0}.udex-country-selector-item__image,.udex-country-selector__image{background-color:var(--udexColorGrey4, #A9B4BE);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-repeat:no-repeat;background-position:1000px 0;position:absolute;top:0;transform:translateY(50%);z-index:1;width:var(--udex-country-selector-flag-width);height:var(--udex-country-selector-flag-height);inset-inline-start:var(--udexSpacer12);inset-inline-end:30px;pointer-events:none}[udex-list-item]::part(item){position:relative;padding-inline-start:calc(24px + var(--udex-country-selector-flag-width));padding-inline-end:var(--udexSpacer12, 12px)}[udex-text-field][readonly]::part(label){background:var(--sapField_ReadOnly_Background)}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}[udex-text-field]{--udex-input-padding: 0 var(--udex-country-selector-text-offset-right) 0 var(--udex-country-selector-text-offset-left)}[udex-text-field]:dir(rtl){--udex-input-padding: 0 var(--udex-country-selector-text-offset-left) 0 var(--udex-country-selector-text-offset-right)}[udex-text-field]::part(textfield-input){text-overflow:ellipsis;white-space:nowrap;cursor:pointer}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-country-selector-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-country-selector-popover-min-width)}}.hidden-text{display:none}

package/dist/css/themes/ListItem.css

@@ -1 +1 @@
-:host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--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-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--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(--sapList_SelectionBorderColor, #0070F2);--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);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}: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(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-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:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode="SingleContent"])){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);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-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);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(--udexSpacer8, 8px)}: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}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.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(--udexSpacer8, 8px)}.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}.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}.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__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__edit-button,.udex-list__delete-button{--udex-button-color-tertiary-standard-hover-background: none;--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue7, #0070f2)}.udex-list__edit-button,.udex-list__delete-button{margin-inline-start:var(--udexSpacer2, 2px)}.udex-list__delete-button:focus-visible,.udex-list__edit-button:focus-visible{outline:2px solid var(--udex-list-item-outline-border-color);border-radius:2px}.udex-list__edit-icon,.udex-list__delete-icon{color:var(--udexColorBlue7, #0070f2)}.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}
+:host{--udex-list-item-padding-vertical: var(--udexSpacer8, 8px);--udex-list-item-padding-horizontal: var(--udexSpacer12, 12px);--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-border-color-selected-hover: var(--udexColorBlue8, #0057D2);--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(--sapList_SelectionBorderColor, #0070F2);--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);background:var(--udex-list-item-background-default);color:var(--udex-list-item-color-default);display:block;border-bottom:1px solid transparent;position:relative}: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(:not([disabled]):not([selected]):not([mode="SingleContent"]):hover){background:var(--udex-list-item-background-hover);color:var(--udex-list-item-color-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:0;outline:var(--udexRadiusXXS) solid var(--udex-list-item-outline-border-color);outline-offset:-4px;border-radius:var(--udexRadiusM, 8px);pointer-events:none}:host([active]){background:var(--udex-list-item-background-active);color:var(--udex-list-item-color-active)}:host(:hover[active][focused]:not([mode="SingleContent"])){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);border-color:var(--udex-list-item-border-color-selected);color:var(--udex-list-item-color-selected)}:host(:hover[selected]:not([disabled]):not([mode="SingleContent"])){background:var(--udex-list-item-background-selected-hover);border-color:var(--udex-list-item-border-color-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);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(--udexSpacer8, 8px)}: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}.udex-list__item:focus-visible{outline:none}.udex-list__item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px);display:flex;align-items:center}.udex-list__content-wrap{display:flex;width:100%}.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(--udexSpacer8, 8px)}.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}.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}.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__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__edit-button,.udex-list__delete-button{--udex-button-color-tertiary-standard-hover-background: none;--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue7, #0070f2)}.udex-list__edit-button,.udex-list__delete-button{margin-inline-start:var(--udexSpacer2, 2px)}.udex-list__delete-button:focus-visible,.udex-list__edit-button:focus-visible{outline:2px solid var(--udex-list-item-outline-border-color);border-radius:2px}.udex-list__edit-icon,.udex-list__delete-icon{color:var(--udexColorBlue7, #0070f2)}.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}

package/dist/css/themes/MastheadMenu.css

@@ -1 +1 @@
-:host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}@media (max-width: 1279px){udex-masthead-menu-item::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}
+:host{--udex-masthead-menu-padding-desktop: 32px 52px 52px;--udex-masthead-menu-padding-mobile: 24px;--udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-menu-column_gap: 52px;--udex-masthead-menu-column-width:15rem;--udex-masthead-menu-row-margin: var(--udexSpacer32, 32px);--udex-masthead-menu-title-font-family: var(--sapFontFamily, sans-serif);--udex-masthead-menu-title-font-size-desktop: var(--udexTypographyHeadingRegularMFontSize, 32px);--udex-masthead-menu-title-font-size-mobile: var(--udexTypographyHeadingRegularXSFontSize, 24px);--udex-masthead-menu-title-margin-bottom: var(--udexSpacer32, 32px);--udex-masthead-menu-mobile-column-gap: var(--udexSpacer56, 56px);--udex-masthead-menu-item-mobile-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-menu-grid-template-columns: auto;--udex-masthead-menu-justify-content: flex-start}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-desktop);background:var(--udex-masthead-menu-background);display:inline-block;position:relative;box-sizing:border-box;width:100%}.udex-masthead-menu__row{column-gap:var(--udex-masthead-menu-column_gap, 52px);margin-bottom:var(--udex-masthead-menu-row-margin);grid-template-columns:var(--udex-masthead-menu-grid-template-columns);justify-content:var(--udex-masthead-menu-justify-content);display:grid}.udex-masthead-menu_with-one-column .udex-masthead-menu__row{display:block}.udex-masthead-menu_with-one-column .udex-masthead-menu__header,.udex-masthead-menu_with-one-column .udex-masthead-menu__list{width:auto}.udex-masthead-menu_with-one-column .udex-masthead-menu__column{display:block;min-width:240px;max-width:240px}.udex-masthead-menu__row:last-child{margin-bottom:0}.udex-masthead-menu__column{display:contents}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__header{grid-row:1;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__header{grid-row:1;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__header{grid-row:1;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__header{grid-row:1;grid-column:4}.udex-masthead-menu__column:nth-child(1) .udex-masthead-menu__list{grid-row:2;grid-column:1}.udex-masthead-menu__column:nth-child(2) .udex-masthead-menu__list{grid-row:2;grid-column:2}.udex-masthead-menu__column:nth-child(3) .udex-masthead-menu__list{grid-row:2;grid-column:3}.udex-masthead-menu__column:nth-child(4) .udex-masthead-menu__list{grid-row:2;grid-column:4}.udex-masthead-menu__list{width:var(--udex-masthead-menu-column-width);flex-grow:1;list-style:none;margin:0;padding:0}.udex-masthead-menu__list li{margin-bottom:var(--udexSpacer4)}.udex-masthead-menu__header{width:var(--udex-masthead-menu-column-width);margin-bottom:var(--udexSpacer12);display:flex;flex-direction:column;justify-content:flex-end}.udex-masthead-menu__title{font-family:var(--udex-masthead-menu-title-font-family);font-size:var(--udex-masthead-menu-title-font-size-desktop);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-bottom:var(--udex-masthead-menu-title-margin-bottom);text-align:center}@media (max-width: 1279px){[udex-masthead-menu-item]::part(menu-item-link){border-bottom:1px solid var(--udex-masthead-menu-item-mobile-border-color)}[udex-masthead-menu-item]::part(menu-item){justify-content:center}.udex-masthead-menu__list li{margin:0}.udex-masthead-menu__title{font-size:var(--udex-masthead-menu-title-font-size-mobile)}.udex-masthead-menu{padding:var(--udex-masthead-menu-padding-mobile)}.udex-masthead-menu__row{gap:var(--udex-masthead-menu-mobile-column-gap, 56px);display:flex;flex-direction:column}.udex-masthead-menu__header{margin:0;width:auto}.udex-masthead-menu__list{width:auto}.udex-masthead-menu__column{width:100%}.udex-masthead-menu,.udex-masthead-menu__column{display:block}}

package/dist/css/themes/MastheadMobileMenu.css

@@ -1 +1 @@
-:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m)}.udex-masthead-mobile-menu__explore-btn{position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}udex-masthead-menu-item{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}udex-masthead-menu-item::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:inherit}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
+:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m)}.udex-masthead-mobile-menu__explore-btn{position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-desktop: var(--udexSpacer16) var(--udexSpacer12) var(--udexSpacer16) var(--udexSpacer8)}[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:inherit}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}

package/dist/css/themes/MastheadProfileMenu.css

@@ -1 +1 @@
-:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-paddings-desktop: 64px 48px 80px 48px;--udex-masthead-profile-menu-paddings-mobile: var(--udexSpacer24, 24px);--udex-masthead-profile-menu-paddings-mobile-s: var(--udexSpacer24, 24px) var(--udexSpacer48, 48px);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE)}udex-masthead-menu{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}udex-masthead-menu::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;gap:var(--udexSpacer48);background-color:var(--udex-masthead-profile-menu-background-color);padding:var(--udex-masthead-profile-menu-paddings-desktop)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:6px}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udexColorGrey9, #223548);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}.udex-masthead-profile-menu__actions{border-top:1px solid var(--udex-masthead-profile-menu-login-border-color);position:relative}@media (max-width: 1279px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);gap:var(--udexSpacer32);box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__actions{border-top:0}udex-masthead-menu-item::part(menu-item){justify-content:center}}@media (max-width: 979px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile-s)}}@media (max-width: 639px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile)}}
+:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-paddings-desktop: 64px 48px 80px 48px;--udex-masthead-profile-menu-paddings-mobile: var(--udexSpacer24, 24px);--udex-masthead-profile-menu-paddings-mobile-s: var(--udexSpacer24, 24px) var(--udexSpacer48, 48px);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE)}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;gap:var(--udexSpacer48);background-color:var(--udex-masthead-profile-menu-background-color);padding:var(--udex-masthead-profile-menu-paddings-desktop)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:6px}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udexColorGrey9, #223548);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}.udex-masthead-profile-menu__actions{border-top:1px solid var(--udex-masthead-profile-menu-login-border-color);position:relative}@media (max-width: 1279px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);gap:var(--udexSpacer32);box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__actions{border-top:0}udex-masthead-menu-item::part(menu-item){justify-content:center}}@media (max-width: 979px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile-s)}}@media (max-width: 639px){.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile)}}

package/dist/css/themes/MessageStrip.css

@@ -1 +1 @@
-:host{--udex-message-strip-color-action-background: var(--sapBackgroundColor, #fff);--udex-message-strip-color-action-border: var(--udexColorBlue7, #0070f2);--udex-message-strip-color-action-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-status: var(--sapInformativeElementColor, #0070f2);--udex-message-strip-color-success-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-success-status: var(--sapPositiveElementColor, #188918);--udex-message-strip-color-warning-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-warning-status: var(--sapCriticalElementColor, #c35500);--udex-message-strip-color-error-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-error-status: var(--sapNegativeElementColor, #d20a0a);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px}:host([design="Action"]) udex-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-action-close-icon)}:host([design="Information"]) udex-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-information-close-icon)}:host([design="Positive"]) udex-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-success-close-icon)}:host([design="Warning"]) udex-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-warning-close-icon)}:host([design="Negative"]) udex-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-error-close-icon)}:host([design="Action"]) .udex-message-strip{border-color:var(--udex-message-strip-color-action-border)}.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"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}
+:host{--udex-message-strip-color-action-background: var(--sapBackgroundColor, #fff);--udex-message-strip-color-action-border: var(--udexColorBlue7, #0070f2);--udex-message-strip-color-action-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-status: var(--sapInformativeElementColor, #0070f2);--udex-message-strip-color-success-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-success-status: var(--sapPositiveElementColor, #188918);--udex-message-strip-color-warning-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-warning-status: var(--sapCriticalElementColor, #c35500);--udex-message-strip-color-error-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-error-status: var(--sapNegativeElementColor, #d20a0a);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px}:host([design="Action"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-action-close-icon)}:host([design="Information"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-information-close-icon)}:host([design="Positive"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-success-close-icon)}:host([design="Warning"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-warning-close-icon)}:host([design="Negative"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-error-close-icon)}:host([design="Action"]) .udex-message-strip{border-color:var(--udex-message-strip-color-action-border)}.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"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}

package/dist/css/themes/PhoneNumberField.css

@@ -1 +1 @@
-:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;margin-inline-start:-13px;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([field-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}udex-dropdown{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){udex-dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}
+:host{--udex-phone-number-field-color-standard-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-phone-number-field-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-phone-number-field-color-standard-default-icon: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-placeholder: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-phone-number-field-color-standard-default-control-button-border: var(--udexColorBlue4, #89d1ff);--udex-phone-number-field-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-phone-number-field-color-standard-active-border: var(--sapField_Active_BorderColor, #0040b0);--udex-phone-number-field-color-standard-active-icon: var(--sapSelectedColor, #0040b0);--udex-phone-number-field-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-phone-number-field-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-phone-number-field-color-error-default-control-button-border: var(--udexCoreSemanticError4, #ff8cb2);--udex-phone-number-field-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-phone-number-field-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-error-active-icon: var(--udexCoreSemanticError9, #840606);--udex-phone-number-field-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-phone-number-field-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-default-control-button-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-phone-number-field-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-phone-number-field-color-success-active-border: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-success-active-icon: var(--sapSuccessColor, #1e592f);--udex-phone-number-field-color-disabled-default-background: var(--sapField_Background, #fff);--udex-phone-number-field-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-phone-number-field-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-phone-number-field-lable-font-size: var(--sapFontSmallSize, 12px);--udex-phone-number-field-color-label-background: var(--sapField_Background, #fff);--udex-phone-number-field-height: 42px;--udex-phone-number-field-paddings: 9px var(--udexSpacer12, 12px);--udex-phone-number-field-button-margins-vertical: -10px;--udex-phone-number-field-button-margins-horizontal: -12px 8px;--udex-phone-number-field-radius: var(--udexRadiusXS, 4px);--udex-phone-number-field-flag-background: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-flag-width: 30px;--udex-phone-number-field-flag-height: 20px;--udex-phone-number-field-button-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-button-color-tertiary-standard-hover-border: var(--udexColorGrey4, #A9B4BE);--udex-phone-number-field-max-width: 100%;display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-phone-number-field-color-standard-default-text)}.udex-phone-number-field{position:relative;padding:var(--udex-phone-number-field-paddings);height:var(--udex-phone-number-field-height);box-sizing:border-box;background:var(--udex-phone-number-field-color-standard-default-background);border-radius:var(--udex-phone-number-field-radius);border:1px solid var(--udex-phone-number-field-color-standard-default-border);max-width:var(--udex-phone-number-field-max-width);width:100%}:host(:not([_is-touched])[active]) .udex-phone-number-field:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-phone-number-field__label{position:absolute;margin-inline-start:-3px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-phone-number-field-color-standard-default-label);top:-11px;font-size:var(--udex-phone-number-field-lable-font-size);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-standard-default-background) 35%)}.udex-phone-number-field__button-content{display:flex;align-items:center;font-size:var(--sapFontSize, 16px);font-weight:400}.udex-phone-number-field__input-wrapper{display:flex;max-height:22px}.udex-phone-number-field__open-button{--udex-button-padding-large: 12px;--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-default-icon);--udex-button-color-tertiary-standard-hover-background: transparent;--udex-button-color-tertiary-standard-hover-border: var(--udex-phone-number-field-button-border);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent;min-width:fit-content;margin-block:var(--udex-phone-number-field-button-margins-vertical);margin-inline:var(--udex-phone-number-field-button-margins-horizontal);border-radius:var(--udex-phone-number-field-radius);border-right:1px solid transparent;margin-inline-start:-13px;padding:var(--udexSpacer2, 2px) 0;z-index:3}.udex-phone-number-field__open-button[focused]:not([active])::part(button):after,.udex-phone-number-field__open-button[focused][active]::part(button):before{inset:3px;border-radius:4px}.udex-phone-number-field__open-button::part(button){padding:11px}:host([field-state="Success"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-border: transparent;--udex-button-color-tertiary-standard-active-background: transparent}:host([field-state="Error"]) .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-border: transparent}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-standard-active-icon);--udex-button-color-tertiary-standard-hover-border: transparent;--udex-button-color-tertiary-standard-default-border: transparent;--udex-button-color-tertiary-standard-active-border: transparent;border-right:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}.udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-standard-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-success-active-icon);border-right:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Success"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-success-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udex-phone-number-field-color-error-active-icon);border-right:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}:host([field-state="Error"]) .udex-phone-number-field__dropdown[open]+.udex-phone-number-field__input-wrapper .udex-phone-number-field__open-button:dir(rtl){border-right:transparent;border-left:1px solid var(--udex-phone-number-field-color-error-default-control-button-border)}.udex-phone-number-field__initial-dialing-code{padding-inline-start:var(--udexSpacer8, 8px)}.udex-phone-number-field__open-button-text{display:none}.udex-phone-number-field udex-list-item::part(item){padding-top:var(--udexSpacer12, 12px);padding-bottom:var(--udexSpacer12, 12px)}.udex-phone-number-field__dropdown-list-item{display:flex;align-items:center;pointer-events:none}.udex-phone-number-field__country-name{padding-inline-end:3px}.udex-phone-number-field__input{font-weight:var(--udexTypographyFontWeightRegular, 400);width:100%;box-sizing:border-box;padding:0;margin:0;border:0;outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-phone-number-field__input::-ms-input-placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input::placeholder{color:var(--udex-phone-number-field-color-standard-default-placeholder)}.udex-phone-number-field__input:-webkit-autofill,.udex-phone-number-field__input:-webkit-autofill:focus{box-shadow:0 0 0 var(--udex-phone-number-field-height) var(--udex-phone-number-field-color-standard-default-background) inset}.udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-standard-hover-border)}.udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-standard-active-border)}:host([field-state="Error"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-error-default-background);border-color:var(--udex-phone-number-field-color-error-default-border)}:host([field-state="Error"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-error-default-background) 35%)}:host([field-state="Error"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-error-hover-border)}:host([field-state="Error"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-error-active-border)}:host([field-state="Success"]) .udex-phone-number-field{background-color:var(--udex-phone-number-field-color-success-default-background);border-color:var(--udex-phone-number-field-color-success-default-border)}:host([field-state="Success"]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-success-default-background) 35%)}:host([field-state="Success"]) .udex-phone-number-field:hover{border-color:var(--udex-phone-number-field-color-success-hover-border)}:host([field-state="Success"]) .udex-phone-number-field:focus-within{border-color:var(--udex-phone-number-field-color-success-active-border)}:host([disabled]) .udex-phone-number-field{opacity:.4}:host([disabled]) .udex-phone-number-field,:host([disabled]) .udex-phone-number-field:hover,:host([disabled]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-disabled-default-background);border-color:var(--udex-phone-number-field-color-disabled-default-border)}:host([disabled]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-disabled-default-background) 35%)}:host([readonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field{opacity:1}:host([readonly]){--sapContent_DisabledOpacity: 1}:host([readonly]) .udex-phone-number-field,:host([readonly]) .udex-phone-number-field:hover,:host([readonly]) .udex-phone-number-field:focus-within,:host([readonly]) .udex-phone-number-field__input{background-color:var(--udex-phone-number-field-color-readonly-default-background);border-color:var(--udex-phone-number-field-color-readonly-default-border)}:host([readonly]) .udex-phone-number-field__label{background:linear-gradient(var(--udex-phone-number-field-color-label-background) 65%,var(--udex-phone-number-field-color-readonly-default-background) 35%)}:host([displayonly]) .udex-phone-number-field,:host([displayonly]) .udex-phone-number-field:hover,:host([displayonly]) .udex-phone-number-field:focus-within,:host([displayonly]) .udex-phone-number-field__input{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-phone-number-field__label{background:transparent}.udex-phone-number-field__flag{background-color:var(--udex-phone-number-field-flag-background);background-image:url(https://cdn.udex.services.sap.com/dds/design-tokens/assets/country_flag_iso3166.webp);background-position:1000px 0;background-repeat:no-repeat;width:var(--udex-phone-number-field-flag-width);height:var(--udex-phone-number-field-flag-height);min-width:var(--udex-phone-number-field-flag-width)}.udex-phone-number-field__dropdown-list-item .udex-phone-number-field__flag{margin-inline-end:var(--udexSpacer12, 12px)}.udex-phone-number-field__open-button:hover{--udex-button-color-tertiary-standard-hover-border: transparent;border-right:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border)}.udex-phone-number-field__open-button:hover:dir(rtl){border-left:1px solid var(--udex-phone-number-field-button-color-tertiary-standard-hover-border);border-right:1px solid transparent}.hidden-text{display:none}[udex-dropdown]{--udex-dropdown-pane-min-width: var(--udex-phone-number-field-popover-min-width)}@media (width < 640px){[udex-dropdown]{--udex-dropdown-pane-min-width-xs: var(--udex-phone-number-field-popover-min-width)}}

package/dist/css/themes/RatingIndicator.css

@@ -1 +1 @@
-:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-176-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
+:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-184-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}

package/dist/css/themes/Review.css

@@ -1 +1 @@
-:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}udex-rating-indicator{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}
+:host{--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__container-without-breakdown{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--udex-review-container-vertical-padding) var(--udexGridXLMargins);font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__empty-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer12);padding:var(--udex-review-container-vertical-padding) 0;font-family:var(--sapFontFamily, sans-serif);box-sizing:border-box}.udex-review__rating{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold)}.udex-review__content{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline-end:var(--udexGridXLGutters);width:calc((100vw / var(--udexGridColumns) * 2) + var(--udexGridXLGutters))}.udex-review__content-without-breakdown{font-size:var(--udexTypographyDisplayBoldMFontSize);font-weight:var(--udexTypographyFontWeightBold);display:flex;flex-direction:row;align-items:center;margin-bottom:0}.udex-review__additional-content{display:flex;flex-direction:column;gap:var(--udexSpacer8);width:100%}.udex-review__additional-content-without-breakdown{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--udexSpacer12);margin-bottom:0}.udex-review__rating-info{display:flex;flex-direction:row;align-items:center;gap:var(--udexSpacer8)}.udex-review__rating-info-without-breakdown{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-inline-start:var(--udexSpacer16);.udex-review__reviews-text{margin-bottom:0}}.udex-review__default-text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);margin-bottom:var(--udexSpacer12);text-align:center}.udex-review__reviews-text{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udexColorGrey7);margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer12)}@media (max-width: 1599px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridLMargins)}}@media (max-width: 1279px){.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridMMargins)}.udex-review__content{width:calc((100vw / var(--udexGridColumns) * 3) + 2 * var(--udexGridMGutters))}}@media (max-width: 979px){.udex-review__container-without-breakdown{flex-direction:column;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udexGridSMargins)}.udex-review__content{margin-inline-end:var(--udexGridSGutters);width:calc((100vw / var(--udexGridColumns) * 4) + 3 * var(--udexGridSGutters))}.udex-review__default-text{font-size:var(--udexTypographyBodyXSFontSize)}.udex-review__content-without-breakdown{margin-bottom:var(--udexSpacer16)}.udex-review__additional-content-without-breakdown{justify-content:space-between;gap:var(--udexSpacer16)}}@media (max-width: 639px){.udex-review__container{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins);flex-direction:column;align-items:center}.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udexGridXSMargins)}.udex-review__empty-container{padding:var(--udex-review-container-vertical-padding-xs) 0}.udex-review__content{margin-bottom:var(--udex-review-xs-gutter);margin-inline-end:0}}.udex-review__icon{height:1.5rem;width:1.5rem;color:var(--udexColorMango6)}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }.hidden-text{display:none}

package/dist/css/themes/ReviewItem.css

@@ -1 +1 @@
-:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-and-title-color: var(--udexColorGrey9);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 48px}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--sapFontFamily, sans-serif)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-text-and-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-and-title-color);white-space:pre-wrap;padding:0;margin:0;max-height:var(--udex-review-item-max-text-height);overflow:hidden}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{display:flex;gap:var(--udex-review-item-column-space-s-xs);flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}udex-rating-indicator{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }
+:host{--udex-review-item-column-space-xl: var(--udexSpacer84, 84px);--udex-review-item-column-space-l-m: var(--udexSpacer72, 72px);--udex-review-item-column-space-s-xs: var(--udexSpacer24, 24px);--udex-review-item-underline-color: var(--udexColorGrey1);--udex-review-item-text-and-title-color: var(--udexColorGrey9);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 48px}.udex-review-item{display:flex;flex-direction:row;width:100%;text-align:left;gap:calc((100vw - (11 * var(--udex-review-item-column-space-xl))) / 12);padding:var(--udexSpacer24) 0;border-bottom:1px solid var(--udex-review-item-underline-color);font-family:var(--sapFontFamily, sans-serif)}.udex-review-item:dir(rtl){text-align:right}.udex-review-item__rating-top{display:flex;gap:var(--udexSpacer24);flex-direction:column}.udex-review-item__rating-top .udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}.udex-review-item__rating-container,.udex-review-item__text-container{display:flex;flex-direction:column;gap:var(--udexSpacer16)}.udex-review-item__title{font-size:var(--udexTypographyHeadingMediumXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);line-height:var(--udexTypographyHeadingLineHeight);color:var(--udex-review-item-text-and-title-color);padding:0;margin:0}.udex-review-item__date{font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-date-and-author-color)}.udex-review-item__text-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:var(--udexSpacer8)}.udex-review-item__text-expander{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-and-title-color);white-space:pre-wrap;padding:0;margin:0;max-height:var(--udex-review-item-max-text-height);overflow:hidden}.udex-review-item__text-expanded{max-height:none}.udex-review-item__author{font-size:var(--udexTypographyNavigationRegularMFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyNavigationLineHeight);color:var(--udex-review-item-date-and-author-color);padding:0;margin:0}@media (max-width: 1599px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}}@media (max-width: 979px){.udex-review-item{display:flex;gap:var(--udex-review-item-column-space-s-xs);flex-direction:column}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}[udex-rating-indicator]{--udex-rating_indicator_read-only-unrated_color: var(--udexColorMango6) }

package/dist/css/themes/Search.css

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

package/dist/css/themes/SegmentedButton.css

@@ -1 +1 @@
-:host{--udex-segmented-button-border-color: var(--udexColorGrey4, #A9B4BE);--udex-segmented-button-medium-width: 36px;--udex-segmented-button-large-width: 42px;--udex-segmented-button-small-width: 25px}:host ::slotted(udex-segmented-button-item){--udex-segmented-button-item-medium-width: var(--udex-segmented-button-medium-width);--udex-segmented-button-item-small-width: var(--udex-segmented-button-small-width);--udex-segmented-button-item-large-width: var(--udex-segmented-button-large-width)}:host(:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-medium-width))}:host([size="Small"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-small-width))}:host([size="Large"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-large-width))}.ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-medium-width),1fr))}:host([size="Small"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-small-width),1fr))}:host([size="Large"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-large-width),1fr))}.ui5-segmented-button-root{box-shadow:inset 0 0 0 var(--sapButton_BorderWidth) var(--udex-segmented-button-border-color)}
+:host{--udex-segmented-button-border-color: var(--udexColorGrey4, #A9B4BE);--udex-segmented-button-medium-width: 36px;--udex-segmented-button-large-width: 42px;--udex-segmented-button-small-width: 25px}:host ::slotted([udex-segmented-button-item]){--udex-segmented-button-item-medium-width: var(--udex-segmented-button-medium-width);--udex-segmented-button-item-small-width: var(--udex-segmented-button-small-width);--udex-segmented-button-item-large-width: var(--udex-segmented-button-large-width)}:host(:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-medium-width))}:host([size="Small"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-small-width))}:host([size="Large"]:not([hidden])){min-width:calc(var(--udex-segmented-button-items-count)* var(--udex-segmented-button-large-width))}.ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-medium-width),1fr))}:host([size="Small"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-small-width),1fr))}:host([size="Large"]) .ui5-segmented-button-root{grid-template-columns:repeat(var(--udex-segmented-button-items-count),minmax(var(--udex-segmented-button-large-width),1fr))}.ui5-segmented-button-root{box-shadow:inset 0 0 0 var(--sapButton_BorderWidth) var(--udex-segmented-button-border-color)}

package/dist/css/themes/SideNavigationMobileDropdown.css

@@ -1 +1 @@
-:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto}udex-side-navigation{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}
+:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-mobile-active-arrow-color: var(--udexColorBlue7, #0070F2);--udex-side-navigation-padding-vertical: var(--udexSpacer16);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-box-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;--udex-side-navigation-padding: var(--udex-side-navigation-padding-vertical) 0}

package/dist/css/themes/Slider.css

@@ -1 +1 @@
-:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-176-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}
+:host{--udex-slider-color-track-start-point: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-track-active: var( --sapSlider_Selected_Background, #0070f2 );--udex-slider-color-handle-focus-range: var( --sapSlider_Selected_BorderColor, #0070f2 );--udex-slider-color-handle-active-background: var( --sapSlider_Active_HandleBackground, #ffffff );--udex-slider-color-handle-default-icon: var( --sapContent_Selected_ForegroundColor, #0040b0 );--udex-slider-radius-range-size: var(---udexRadiusM, .5rem)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-184-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}

package/dist/css/themes/StepInput.css

@@ -1 +1 @@
-:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host udex-text-field{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) udex-text-field::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) udex-text-field{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) udex-text-field::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host udex-text-field{order:2}:host .udex-step-input__button_inc{order:3}
+:host{--udex-step-input-button-size: 42px;--udex-step-input-input-horizontal-padding: var(--udexSpacer8, 8px);--udex-step-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-step-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-step-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-step-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-step-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-step-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-step-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-step-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F)}:host [udex-text-field]{--udex-input-color-standard-hover-border: var(--udex-step-input-color-standard-hover-border);--udex-input-color-standard-active-border: var(--udex-step-input-color-standard-active-border);--udex-input-color-error-hover-border: var(--udex-step-input-color-error-hover-border);--udex-input-color-error-active-border: var(--udex-step-input-color-error-active-border);--udex-input-color-warning-hover-border: var(--udex-step-input-color-warning-hover-border);--udex-input-color-warning-active-border: var(--udex-step-input-color-warning-active-border);--udex-input-color-success-hover-border: var(--udex-step-input-color-success-hover-border);--udex-input-color-success-active-border: var(--udex-step-input-color-success-active-border)}:host(:not([displayonly])) .udex-step-input__root{display:flex;align-items:flex-start}:host .udex-step-input__button{--udex-control-button-large-height: var(--udex-step-input-button-size);--udex-control-button-large-width: var(--udex-step-input-button-size);position:relative;padding:var(--udexSpacer4, 4px);width:38px;z-index:3;background:none;flex-shrink:0}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(ltr),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(rtl){border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent}:host .udex-step-input__root .udex-step-input__button_inc:not(:disabled):dir(rtl),:host .udex-step-input__root .udex-step-input__button_dec:not(:disabled):dir(ltr){border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent}:host([readonly]) .udex-step-input__button{opacity:1}:host(:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-hover-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-success-hover-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-hover-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):hover) ::part(textfield-input){border-color:var(--udex-step-input-color-error-hover-border)}:host(:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-standard-active-border)}:host([value-state="Success"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-success-active-border)}:host([value-state="Warning"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-warning-active-border)}:host([value-state="Error"]:not([disabled]):not([readonly]):not([displayonly]):focus-within) ::part(textfield-input){border-color:var(--udex-step-input-color-error-active-border)}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){padding-right:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding));padding-left:calc(var(--udex-step-input-button-size) + var(--udex-step-input-input-horizontal-padding))}:host(:not([displayonly])) [udex-text-field]{margin-right:calc(var(--udex-step-input-button-size) * -1);margin-left:calc(var(--udex-step-input-button-size) * -1);width:100%}:host(:not([displayonly])) [udex-text-field]::part(textfield-input){text-align:end}:host .udex-step-input__button_dec{order:1}:host [udex-text-field]{order:2}:host .udex-step-input__button_inc{order:3}