@sapudex/web-components 2.60.0 → 2.61.0

package/dist/css/themes/MessageStrip.css

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

package/dist/css/themes/Modal.css

@@ -1 +1 @@
-:host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius: 20px;--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);--udex-modal-block-layer-background: var(--udexColorNeutralBlack, #000);--udex-modal-block-layer-background-opacity: 50%}:host::backdrop{background-color:var(--udex-modal-block-layer-background);opacity:var(--udex-modal-block-layer-background-opacity)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal)}:host,:host .ui5-popup-root{border-radius:var(--udex-modal-border-radius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udex-modal-and-overlay-modal-header-padding-vertical) var(--udex-modal-and-overlay-modal-header-padding-horizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udex-modal-scrollbar-width, 0px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udex-modal-scrollbar-width, 0px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host ::slotted([slot="header"][ui5-bar]){height:32px}:host ::slotted([slot="footer"]){height:auto}@media (max-width: 979px){:host(:not([type="basic"])){min-width:100%;min-height:100%;--udex-modal-border-radius: 0}}
+:host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius: 20px;--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);--udex-modal-block-layer-background: var(--udexColorNeutralBlack, #000);--udex-modal-block-layer-background-opacity: 50%}:host::backdrop{background-color:var(--udex-modal-block-layer-background);opacity:var(--udex-modal-block-layer-background-opacity)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal)}:host,:host .ui5-popup-root{border-radius:var(--udex-modal-border-radius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udex-modal-and-overlay-modal-header-padding-vertical) var(--udex-modal-and-overlay-modal-header-padding-horizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udex-modal-scrollbar-width, 0px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udex-modal-scrollbar-width, 0px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host ::slotted([slot="header"][ui5-bar]){height:32px}:host ::slotted([slot="footer"]){height:auto}@media (width < 980px){:host(:not([type="basic"])){min-width:100%;min-height:100%;--udex-modal-border-radius: 0}}

package/dist/css/themes/PromoTile.css

@@ -1 +1 @@
-:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548)}:host ::slotted([slot="pictogram"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:cover}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (max-width: 1279px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (max-width: 979px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}
+:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot="pictogram"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}

package/dist/css/themes/Quote.css

@@ -1 +1 @@
-:host{display:block;width:100%;container-type:inline-size}.udex-quote__container{display:flex;flex-direction:row;width:100%;text-align:left;gap:var(--udexSpacer24)}.udex-quote__container:dir(rtl){text-align:right}:host([image-size="small"]) .udex-quote__container,:host([text-size="small"]) .udex-quote__container{gap:var(--udexSpacer16)}.udex-quote__text,::slotted([slot="author"]),::slotted([slot="link"]){padding:0 50px}::slotted([slot="image"]){display:block;width:120px;height:120px}:host([mask="rectangle"]) ::slotted([slot="image"]){display:block;width:200px;height:100px;background-color:transparent;object-fit:contain}:host([image-size="small"]) ::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([image-size="small"][mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container{quotes:"\\201c""\\201d";position:relative;margin:0}.udex-quote__text{margin:0 0 var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexColorGrey8, #354A5F)}.udex-quote__text ::slotted(*){margin:0}.udex-quote__text-container:before,.udex-quote__text-container:after{font-family:"72 Brand Variable",Arial,Helvetica,"sans-serif";font-weight:var(--udexTypographyFontWeightMedium, 500);text-align:center;position:absolute;display:inline-block;font-size:84px;line-height:84px;height:58px;width:34px;color:var(--udexColorGrey8, #354A5F);margin-top:-9px}.udex-quote__text-container:before{content:open-quote;top:0;left:0}.udex-quote__text-container:after{content:close-quote;top:0;right:0}:host([text-size="small"]) .udex-quote__text-container:after,:host([text-size="small"]) .udex-quote__text-container:before{font-size:72px;line-height:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);height:50px;width:26px;margin-top:-12px}::slotted([slot="author"]){display:block;margin-bottom:var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--udexColorGrey8, #354A5F)}:host([text-size="small"]) .udex-quote__text{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="author"]){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="link"]){padding-inline:34px}@media screen and (max-width: 1279px){.udex-quote__container{gap:var(--udexSpacer16)}::slotted([slot="author"]){font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding:0 34px}::slotted([slot="link"]){padding:0 34px}::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container:after,.udex-quote__text-container:before{font-size:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:72px;height:50px;width:26px}.udex-quote__text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding:0 34px}}@media (max-width: 639px){.udex-quote__container{flex-direction:column;gap:var(--udexSpacer16)}:host([image-placement="right"]) .udex-quote__container{flex-direction:column-reverse;gap:var(--udexSpacer16)}::slotted([slot="image"]){margin:0 auto}}
+:host{display:block;width:100%;container-type:inline-size}.udex-quote__container{display:flex;flex-direction:row;width:100%;text-align:left;gap:var(--udexSpacer24)}.udex-quote__container:dir(rtl){text-align:right}:host([image-size="small"]) .udex-quote__container,:host([text-size="small"]) .udex-quote__container{gap:var(--udexSpacer16)}.udex-quote__text,::slotted([slot="author"]),::slotted([slot="link"]){padding:0 50px}::slotted([slot="image"]){display:block;width:120px;height:120px}:host([mask="rectangle"]) ::slotted([slot="image"]){display:block;width:200px;height:100px;background-color:transparent;object-fit:contain}:host([image-size="small"]) ::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([image-size="small"][mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container{quotes:"\\201c""\\201d";position:relative;margin:0}.udex-quote__text{margin:0 0 var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodyXLFontSize, 24px);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udexColorGrey8, #354A5F)}.udex-quote__text ::slotted(*){margin:0}.udex-quote__text-container:before,.udex-quote__text-container:after{font-family:"72 Brand Variable",Arial,Helvetica,"sans-serif";font-weight:var(--udexTypographyFontWeightMedium, 500);text-align:center;position:absolute;display:inline-block;font-size:84px;line-height:84px;height:58px;width:34px;color:var(--udexColorGrey8, #354A5F);margin-top:-9px}.udex-quote__text-container:before{content:open-quote;top:0;left:0}.udex-quote__text-container:after{content:close-quote;top:0;right:0}:host([text-size="small"]) .udex-quote__text-container:after,:host([text-size="small"]) .udex-quote__text-container:before{font-size:72px;line-height:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);height:50px;width:26px;margin-top:-12px}::slotted([slot="author"]){display:block;margin-bottom:var(--udexSpacer24);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--udexColorGrey8, #354A5F)}:host([text-size="small"]) .udex-quote__text{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="author"]){font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding-inline:34px}:host([text-size="small"]) ::slotted([slot="link"]){padding-inline:34px}@media screen and (width < 1280px){.udex-quote__container{gap:var(--udexSpacer16)}::slotted([slot="author"]){font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);padding:0 34px}::slotted([slot="link"]){padding:0 34px}::slotted([slot="image"]){width:var(--udexSpacer64);height:var(--udexSpacer64)}:host([mask="rectangle"]) ::slotted([slot="image"]){width:160px;height:80px}.udex-quote__text-container:after,.udex-quote__text-container:before{font-size:72px;font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:72px;height:50px;width:26px}.udex-quote__text{font-size:var(--udexTypographyBodySFontSize, 16px);line-height:var(--udexTypographyBodyLineHeight, 1.5);padding:0 34px}}@media (width < 640px){.udex-quote__container{flex-direction:column;gap:var(--udexSpacer16)}:host([image-placement="right"]) .udex-quote__container{flex-direction:column-reverse;gap:var(--udexSpacer16)}::slotted([slot="image"]){margin:0 auto}}

package/dist/css/themes/Review.css

@@ -1 +1 @@
-:host{--udex-review-color: var(--udexColorGrey9, #223548);--udex-review-rating-color: var(--udexColorNeutralBlack, #000000);--udex-review-container-inline-padding: 0;--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40);color:var(--udex-review-color)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding);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(--udex-review-container-inline-padding);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);color:var(--udex-review-rating-color)}.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)}.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: 979px){.udex-review__rating{font-size:var(--udexTypographyDisplayBoldSFontSize)}.udex-review__container-without-breakdown{flex-direction:column;align-items:center}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding)}.udex-review__content{margin-inline-end: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__rating{font-size:var(--udexTypographyDisplayBoldXSFontSize)}.udex-review__container,.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udex-review-container-inline-padding)}.udex-review__container{flex-direction:column;align-items:center}.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)}.hidden-text{display:none}
+:host{--udex-review-color: var(--udexColorGrey9, #223548);--udex-review-rating-color: var(--udexColorNeutralBlack, #000000);--udex-review-container-inline-padding: 0;--udex-review-container-vertical-padding: var(--udexSpacer32);--udex-review-container-vertical-padding-xs: var(--udexSpacer24);--udex-review-xs-gutter: var(--udexSpacer40);color:var(--udex-review-color)}.udex-review__container{width:100%;display:flex;flex-direction:row;align-items:center;padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding);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(--udex-review-container-inline-padding);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);color:var(--udex-review-rating-color)}.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)}.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 (width < 980px){.udex-review__rating{font-size:var(--udexTypographyDisplayBoldSFontSize)}.udex-review__container-without-breakdown{flex-direction:column;align-items:center}.udex-review__container{padding:var(--udex-review-container-vertical-padding) var(--udex-review-container-inline-padding)}.udex-review__content{margin-inline-end: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 (width < 640px){.udex-review__rating{font-size:var(--udexTypographyDisplayBoldXSFontSize)}.udex-review__container,.udex-review__container-without-breakdown{padding:var(--udex-review-container-vertical-padding-xs) var(--udex-review-container-inline-padding)}.udex-review__container{flex-direction:column;align-items:center}.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)}.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-font-family: var(--sapFontFamily, sans-serif);--udex-review-item-text-color: var(--udexColorGrey9, #223548);--udex-review-item-text-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);--udex-review-item-text-gradient-height: 80px;--udex-review-item-title-color: var(--udexColorNeutralBlack, #000000);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 90px;--udex-review-item-color: var(--udexColorGrey9, #223548)}.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(--udex-review-item-text-font-family)}.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-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(--udexTypographyFontWeightMedium)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-color);max-height:var(--udex-review-item-max-text-height);white-space:pre-wrap;padding:0;margin:0;overflow:hidden;position:relative}:host([_show-text-expander]) .udex-review-item__text:after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--udex-review-item-text-gradient);height:var(--udex-review-item-text-gradient-height)}:host([_show-text-expander][_text-expanded]) .udex-review-item__text:after{display:none}.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)}.udex-review-item.udex-review-item__rating-top{gap:var(--udex-review-item-column-space-s-xs)}}@media (max-width: 979px){.udex-review-item{display:flex;flex-direction:column;gap:var(--udex-review-item-column-space-s-xs)}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}
+: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-font-family: var(--sapFontFamily, sans-serif);--udex-review-item-text-color: var(--udexColorGrey9, #223548);--udex-review-item-text-gradient: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);--udex-review-item-text-gradient-height: 80px;--udex-review-item-title-color: var(--udexColorNeutralBlack, #000000);--udex-review-item-date-and-author-color: var(--udexColorGrey6);--udex-review-item-max-text-height: 90px;--udex-review-item-color: var(--udexColorGrey9, #223548)}.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(--udex-review-item-text-font-family)}.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-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(--udexTypographyFontWeightMedium)}.udex-review-item__text{font-size:var(--udexTypographyBodySFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);color:var(--udex-review-item-text-color);max-height:var(--udex-review-item-max-text-height);white-space:pre-wrap;padding:0;margin:0;overflow:hidden;position:relative}:host([_show-text-expander]) .udex-review-item__text:after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--udex-review-item-text-gradient);height:var(--udex-review-item-text-gradient-height)}:host([_show-text-expander][_text-expanded]) .udex-review-item__text:after{display:none}.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 (width < 1600px){.udex-review-item{gap:calc((100vw - (11 * var(--udex-review-item-column-space-l-m))) / 12)}.udex-review-item.udex-review-item__rating-top{gap:var(--udex-review-item-column-space-s-xs)}}@media (width < 980px){.udex-review-item{display:flex;flex-direction:column;gap:var(--udex-review-item-column-space-s-xs)}.udex-review-item__rating-container{display:flex;flex-direction:row;justify-content:space-between}}

package/dist/css/themes/SecondaryNavigation.css

@@ -1 +1 @@
-:host{--udex-secondary-navigation-border-color: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-padding: 0 var(--udexSpacer84);--udex-secondary-navigation-min-height: 74px;--udex-secondary-navigation-z-index: 9;--udex-secondary-navigation-background: #FFF;--udex-secondary-navigation-title-color-hover: var(--udexColorBlue8, #0057D2);--udex-secondary-navigation-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-title-line-height:var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-secondary-navigation-title-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-title-max-width: 254px;--udex-secondary-navigation-mobile-button-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-container-xl-max-width: 1432px;--udex-secondary-navigation-container-l-max-width: 1456px;border-bottom:1px solid var(--udex-secondary-navigation-border-color);display:block;padding:var(--udex-secondary-navigation-padding);z-index:var(--udex-secondary-navigation-z-index);background:var(--udex-secondary-navigation-background);position:relative}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-xl-max-width);margin:0 auto;min-height:var(--udex-secondary-navigation-min-height);box-sizing:border-box;display:flex;flex-direction:column;gap:2px}.udex-secondary-navigation__holder{display:flex;position:relative;flex:auto}.udex-secondary-navigation__title{font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-title-font-size);line-height:var(--udex-secondary-navigation-title-line-height);font-weight:var(--udex-secondary-navigation-title-font-weight);color:var(--udex-secondary-navigation-title-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}a.udex-secondary-navigation__title{text-decoration:none}a.udex-secondary-navigation__title:hover{color:var(--udex-secondary-navigation-title-color-hover)}a.udex-secondary-navigation__title:focus,a.udex-secondary-navigation__title:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__list{list-style:none;margin:0;padding:0;display:flex;flex:auto;column-gap:var(--udexSpacer20)}.udex-secondary-navigation__buttons{display:flex;align-items:center;margin-top:calc(var(--udexSpacer24) * -1);padding-top:15px;padding-bottom:19px;padding-inline-start:var(--udexSpacer16)}.udex-secondary-navigation__wrap{flex:auto;background:var(--udex-secondary-navigation-background)}.udex-secondary-navigation__wrap,.udex-secondary-navigation__heading{display:flex}.udex-secondary-navigation__heading{max-width:var(--udex-secondary-navigation-title-max-width);box-sizing:border-box;margin-inline-end:var(--udexSpacer20);padding-inline-end:var(--udexSpacer20);margin-bottom:18px;flex-shrink:0;position:relative}.udex-secondary-navigation__heading:before{background:var(--udex-secondary-navigation-title-border-color);content:"";position:absolute;width:1px;right:0;top:0;bottom:0}.udex-secondary-navigation__heading:dir(rtl):before{right:auto;left:0}.udex-secondary-navigation__list-item{position:relative}.udex-secondary-navigation__mobile-nav{display:none}.udex-secondary-navigation__breadcrumbs{padding-top:var(--udexSpacer12)}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list,.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading,.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{align-items:center}.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading{height:fit-content;margin-block:auto}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{height:100%;display:flex}.udex-secondary-navigation__root_centered .udex-secondary-navigation__buttons{margin-top:0}@media (width < 1600px){:host{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72)}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-l-max-width)}}@media (width < 980px){:host{border:none;padding:0;height:100%}.udex-secondary-navigation__breadcrumbs,.udex-secondary-navigation__holder{display:none}.udex-secondary-navigation__mobile-nav{display:block}.udex-secondary-navigation__root{padding:0 0 var(--udexSpacer24) 0;overflow:hidden;height:100%;max-height:100vh}.udex-secondary-navigation__list{flex-direction:column}.udex-secondary-navigation__list-item,.udex-secondary-navigation__buttons{margin:0;margin-inline-end:0}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24) var(--udexSpacer48);margin-top:var(--udexSpacer16);position:relative}.udex-secondary-navigation__buttons:before{content:"";position:absolute;left:var(--udexSpacer48);right:var(--udexSpacer48);top:0;height:1px;background:var(--udex-secondary-navigation-mobile-button-border-color)}.udex-secondary-navigation__holder{border:none}}@media (width < 640px){.udex-secondary-navigation__heading{padding:var(--udexSpacer12) var(--udexSpacer24)}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24);flex-direction:column;align-items:flex-start}.udex-secondary-navigation__buttons:before{left:var(--udexSpacer24);right:var(--udexSpacer24)}}
+:host{--udex-secondary-navigation-border-color: var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-padding: 0 var(--udexSpacer84);--udex-secondary-navigation-min-height: 74px;--udex-secondary-navigation-z-index: 9;--udex-secondary-navigation-background: #FFF;--udex-secondary-navigation-title-color-hover: var(--udexColorBlue8, #0057D2);--udex-secondary-navigation-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-title-line-height:var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-title-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-secondary-navigation-title-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-title-max-width: 254px;--udex-secondary-navigation-mobile-button-border-color: var(--udexColorGrey3, #D5DADD);--udex-secondary-navigation-container-xl-max-width: 1432px;--udex-secondary-navigation-container-l-max-width: 1456px;border-bottom:1px solid var(--udex-secondary-navigation-border-color);display:block;padding:var(--udex-secondary-navigation-padding);z-index:var(--udex-secondary-navigation-z-index);background:var(--udex-secondary-navigation-background);position:relative}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-xl-max-width);margin:0 auto;min-height:var(--udex-secondary-navigation-min-height);box-sizing:border-box;display:flex;flex-direction:column;gap:2px}.udex-secondary-navigation__holder{display:flex;position:relative;flex:auto}.udex-secondary-navigation__title{font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-title-font-size);line-height:var(--udex-secondary-navigation-title-line-height);font-weight:var(--udex-secondary-navigation-title-font-weight);color:var(--udex-secondary-navigation-title-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}a.udex-secondary-navigation__title{text-decoration:none}a.udex-secondary-navigation__title:hover{color:var(--udex-secondary-navigation-title-color-hover)}a.udex-secondary-navigation__title:focus,a.udex-secondary-navigation__title:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__list{list-style:none;margin:0;padding:0;display:flex;flex:auto;column-gap:var(--udexSpacer20)}.udex-secondary-navigation__buttons{display:flex;align-items:center;margin-top:calc(var(--udexSpacer24) * -1);padding-top:15px;padding-bottom:19px;padding-inline-start:var(--udexSpacer16)}.udex-secondary-navigation__wrap{flex:auto;background:var(--udex-secondary-navigation-background)}.udex-secondary-navigation__wrap,.udex-secondary-navigation__heading{display:flex}.udex-secondary-navigation__heading{max-width:var(--udex-secondary-navigation-title-max-width);box-sizing:border-box;margin-inline-end:var(--udexSpacer20);padding-inline-end:var(--udexSpacer20);margin-bottom:18px;flex-shrink:0;position:relative}.udex-secondary-navigation__heading:before{background:var(--udex-secondary-navigation-title-border-color);content:"";position:absolute;width:1px;right:0;top:0;bottom:0}.udex-secondary-navigation__heading:dir(rtl):before{right:auto;left:0}.udex-secondary-navigation__list-item{position:relative}.udex-secondary-navigation__mobile-nav{display:none}.udex-secondary-navigation__breadcrumbs{padding-top:var(--udexSpacer12)}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list,.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading,.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{align-items:center}.udex-secondary-navigation__root_centered .udex-secondary-navigation__heading{height:fit-content;margin-block:auto}.udex-secondary-navigation__root_centered .udex-secondary-navigation__list-item{height:100%;display:flex}.udex-secondary-navigation__root_centered .udex-secondary-navigation__buttons{margin-top:0}@media (width < 1600px){:host{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72)}.udex-secondary-navigation__root{max-width:var(--udex-secondary-navigation-container-l-max-width)}}@media (width < 980px){:host{border:none;padding:0;height:100%}.udex-secondary-navigation__breadcrumbs,.udex-secondary-navigation__holder{display:none}.udex-secondary-navigation__mobile-nav{display:block}.udex-secondary-navigation__root{height:100%;max-height:100vh;min-height:auto}.udex-secondary-navigation__list{flex-direction:column}.udex-secondary-navigation__list-item,.udex-secondary-navigation__buttons{margin:0;margin-inline-end:0}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24) var(--udexSpacer48);margin-top:var(--udexSpacer16);position:relative}.udex-secondary-navigation__buttons:before{content:"";position:absolute;left:var(--udexSpacer48);right:var(--udexSpacer48);top:0;height:1px;background:var(--udex-secondary-navigation-mobile-button-border-color)}.udex-secondary-navigation__holder{border:none}}@media (width < 640px){.udex-secondary-navigation__heading{padding:var(--udexSpacer12) var(--udexSpacer24)}.udex-secondary-navigation__buttons{padding:var(--udexSpacer24);flex-direction:column;align-items:flex-start}.udex-secondary-navigation__buttons:before{left:var(--udexSpacer24);right:var(--udexSpacer24)}}

package/dist/css/themes/SecondaryNavigationItem.css

@@ -1 +1 @@
-:host{--udex-secondary-navigation-item-color: var(--sapTextColor, #223548);--udex-secondary-navigation-item-hover-color: var(--udexColorBlue8, #0057D2);--udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-line-height: 1.1;--udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-item-dropdown-background: #FFF;--udex-secondary-navigation-item-title-min-height: 64px;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-dropdown-mobile-max-height: 100%;--udex-secondary-navigation-item-dropdown-desktop-max-height: none;--udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;max-width:16px;height:16px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);max-height:var(--udex-secondary-navigation-item-dropdown-desktop-max-height);overflow-y:auto;background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (width < 980px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:0;top:50%;width:22px;max-width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:0}.udex-secondary-navigation__dropdown{position:relative;box-shadow:none;min-width:initial;max-width:initial;left:initial;margin-top:initial;top:initial;overflow-y:auto;max-height:calc(var(--udex-secondary-navigation-item-dropdown-mobile-max-height) - var(--udexSpacer24))}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:var(--udex-secondary-navigation-item-title-min-height);width:100%;z-index:var(--udexZIndex1, 1);display:flex;align-items:center;height:fit-content}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:42px;gap:6px}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer16) 0}}@media (width < 640px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}
+:host{--udex-secondary-navigation-item-color: var(--sapTextColor, #223548);--udex-secondary-navigation-item-hover-color: var(--udexColorBlue8, #0057D2);--udex-secondary-navigation-item-active-color: var(--udexColorBlue9, #0040B0);--udex-secondary-navigation-item-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-secondary-navigation-item-mobile-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-line-height: 1.1;--udex-secondary-navigation-item-active-border-color: var(--udexColorBlue7, #0070f2);--udex-secondary-navigation-item-dropdown-shadow: 0 10px 30px 0 #22364940;--udex-secondary-navigation-item-dropdown-background: #FFF;--udex-secondary-navigation-item-title-min-height: 64px;--udex-secondary-navigation-item-dropdown-min-width: 240px;--udex-secondary-navigation-item-dropdown-max-width: 360px;--udex-secondary-navigation-item-dropdown-mobile-max-height: 100%;--udex-secondary-navigation-item-dropdown-desktop-max-height: none;--udex-secondary-navigation-item-mobile-dropdown-shadow: 0 2px 8px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-heading-shadow: 0 2px 4px 0 var(--udexColorGrey2, #EAECEE);--udex-secondary-navigation-item-mobile-title-color: var(--udexColorGrey9, #223548);--udex-secondary-navigation-item-mobile-title-font-size: var(--udexTypographyBodySFontSize, 16px);--udex-secondary-navigation-item-mobile-title-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-secondary-navigation-item-mobile-title-font-weight: var(--udexTypographyFontWeightMedium, 500)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer12) 0;margin:0;list-style:none}.udex-secondary-navigation__item{color:var(--udex-secondary-navigation-item-color);font-family:var(--sapFontFamily);font-size:var(--udex-secondary-navigation-item-font-size);line-height:var(--udex-secondary-navigation-item-line-height);display:flex;align-items:flex-start;height:100%;text-decoration:none;background:none;cursor:pointer;border:none;padding:0;white-space:nowrap}.udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus,.udex-secondary-navigation__item:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-hover-color)}.udex-secondary-navigation__item:active .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:active{color:var(--udex-secondary-navigation-item-active-color)}[active].udex-secondary-navigation__item:before{border-radius:var(--udexRadiusXXS) var(--udexRadiusXXS) 0 0;background:var(--udex-secondary-navigation-item-active-border-color);content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px}:host([is-open]) .udex-secondary-navigation__item-icon{transform:rotateX(180deg)}.udex-secondary-navigation__item-icon{margin-inline-start:var(--udexSpacer4);transition:.25s transform;max-width:16px;height:16px}.udex-secondary-navigation__dropdown,.udex-secondary-navigation__dropdown[data-horizontal-align=left]:dir(rtl){position:absolute;top:100%;margin-top:1px;left:calc(var(--udexSpacer16) * -1);right:auto;box-shadow:var(--udex-secondary-navigation-item-dropdown-shadow);min-width:var(--udex-secondary-navigation-item-dropdown-min-width);max-width:var(--udex-secondary-navigation-item-dropdown-max-width);max-height:var(--udex-secondary-navigation-item-dropdown-desktop-max-height);overflow-y:auto;background:var(--udex-secondary-navigation-item-dropdown-background)}.udex-secondary-navigation__dropdown[data-horizontal-align=right]{left:auto;right:calc(var(--udexSpacer16) * -1)}.udex-secondary-navigation__dropdown:dir(rtl){right:calc(var(--udexSpacer16) * -1);left:auto}.udex-secondary-navigation__item-sub-title{display:none}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:center;white-space:nowrap}@media (width < 980px){:host{width:100%;min-height:100%}.udex-secondary-navigation__item-icon{transform:translateY(-50%);position:absolute;right:0;top:50%;width:22px;max-width:22px;height:22px;margin:0}.udex-secondary-navigation__item-icon:dir(rtl){right:auto;left:0}.udex-secondary-navigation__dropdown{max-width:100%;left:0;right:0;margin-top:initial;overflow-y:auto;max-height:calc(var(--udex-secondary-navigation-item-dropdown-mobile-max-height) - var(--udexSpacer24))}.udex-secondary-navigation__dropdown:dir(rtl){right:0}.udex-secondary-navigation__item{font-size:var(--udex-secondary-navigation-item-mobile-font-size);font-weight:var(--udex-secondary-navigation-item-mobile-title-font-weight);color:var(--udex-secondary-navigation-item-mobile-title-color);box-shadow:var(--udex-secondary-navigation-item-mobile-heading-shadow);background:var(--udex-secondary-navigation-item-dropdown-background);padding:var(--udexSpacer12) var(--udexSpacer48);position:relative;box-sizing:border-box;white-space:normal;min-height:var(--udex-secondary-navigation-item-title-min-height);width:100%;z-index:var(--udexZIndex1, 1);display:flex;align-items:center;height:fit-content}.udex-secondary-navigation__item-sub-title{font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:400;display:block}.udex-secondary-navigation__dropdown{border-radius:0 0 var(--udexRadiusM) var(--udexRadiusM);box-shadow:var(--udex-secondary-navigation-item-mobile-dropdown-shadow)}[active].udex-secondary-navigation__item:before{display:none}:host([desktop]) .udex-secondary-navigation__item:focus{outline:none}:host([desktop]) .udex-secondary-navigation__item:focus-visible,.udex-secondary-navigation__item:focus-visible{outline-offset:calc(var(--udexSpacer4) * -1);outline:var(--udexRadiusXXS) solid var(--udexColorBlue10)}:host([is-open]) .udex-secondary-navigation__item-icon{transform:translateY(-50%) rotateX(180deg)}.udex-secondary-navigation__item-text-wrap{display:flex;align-items:baseline;flex-direction:column;white-space:normal;position:relative;text-align:left;width:100%;padding-inline-end:42px;gap:6px}.udex-secondary-navigation__item-text-wrap:dir(rtl){align-items:flex-start;text-align:right}.udex-secondary-navigation__item:hover .udex-secondary-navigation__item-icon,.udex-secondary-navigation__item:hover{color:var(--udex-secondary-navigation-item-color)}.udex-secondary-navigation__dropdown-list{padding:var(--udexSpacer16) 0}}@media (width < 640px){.udex-secondary-navigation__item{padding:var(--udexSpacer12) var(--udexSpacer24)}}

package/dist/css/themes/SelectBase.css

@@ -1 +1 @@
-:host{--udex-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);--udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-select-box-input-autocomplete-background: transparent}:host([displayonly]) .udex-text-field__search,:host([readonly]) .udex-text-field__search,:host([disabled]) .udex-text-field__search,:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([mode="SingleSelect"]) .udex-text-field__input{position:relative}:host([_focused]) .udex-text-field__wrap:before,:host([_open]) .udex-text-field__wrap:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusXS);pointer-events:none}:host([readonly]) .udex-text-field__search{background:inherit;border:inherit}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00);border-left:none}.udex-text-field__trigger:hover,:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}:host([mode="SingleSelect"]) .udex-text-field__search{position:absolute;inset:0 42px 0 0}.udex-text-field__holder{height:100%;width:100%;position:relative}.udex-text-field__label{pointer-events:none;max-width:calc(100% - 56px)}.udex-text-field__label_active{position:absolute;top:9px;left:12px}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);padding:var(--udexSpacer4);z-index:var(--udexZIndex1, 1);height:42px;width:42px;min-width:42px;color:var(--udexColorGrey7, #475E75);outline:none}:host([mode="SingleSelect"]) .udex-text-field__trigger{margin-inline-start:auto}:host([_open]) .udex-text-field__trigger [ui5-icon]{transform:rotate(180deg)}.udex-text-field__trigger [ui5-icon]{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{background:var(--udex-select-box-input-background);position:absolute;inset:0 13px;padding:var(--udexSpacer8) 0;pointer-events:none;z-index:var(--udexZIndex1, 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([readonly]) .udex-text-field__text-holder{background:inherit}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:var(--udex-select-box-input-autocomplete-background)}.udex-text-field__single-label b{font-weight:400}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}.udex-select-box__dropdown::part(footer){justify-content:flex-start;background:none;padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);border-color:var(--udex-select-box-popover-border-color)}.udex-text-field__search{font-family:var(--sapFontFamily);font-size:16px;line-height:24px;display:block;color:var(--udex-select-box-input-color-typed-text);padding:var(--udexSpacer8) var(--udexSpacer12);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-select-box-input-background);border-radius:var(--udexRadiusXS);cursor:pointer;border:0;width:100%}.udex-text-field__trigger:focus,.udex-text-field__search:focus{outline:none}@media (max-width: 639px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}
+:host{--udex-select-box-popover-min-width: 0px;--udex-select-box-popover-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 rgba(34,54,73,.3));--udex-select-box-popover-border-color: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-select-box-popover-border-width: var(--sapElement_BorderWidth, 1px);--udex-select-box-popover-border-radius: var(--udexRadiusM, 8px);--udex-select-box-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-select-box-input-background: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-select-box-input-autocomplete-background: transparent}:host([displayonly]) .udex-text-field__search,:host([readonly]) .udex-text-field__search,:host([disabled]) .udex-text-field__search,:host([disabled]) .udex-text-field__trigger,:host([readonly]) .udex-text-field__trigger{cursor:inherit}:host([mode="SingleSelect"]) .udex-text-field__input{position:relative}:host([_focused]) .udex-text-field__wrap:before,:host([_open]) .udex-text-field__wrap:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusXS);pointer-events:none}:host([readonly]) .udex-text-field__search{background:inherit;border:inherit}.udex-text-field__input:not([readonly]):not([disabled]) .udex-text-field__trigger:hover{border-left:1px solid var(--udexColorGrey4, #A9B4BE)}.udex-text-field__input[open]:not([readonly]):not([disabled]) .udex-text-field__trigger:hover,.udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-left:1px solid var(--udexColorBlue4, #89D1FF);cursor:pointer}:host(:dir(rtl)) .udex-text-field__input:not([readonly]) .udex-text-field__trigger:hover{border-right:1px solid var(--udexColorGrey4, #A9B4BE);border-left:none}:host(:dir(rtl)) .udex-text-field__input[open]:not([readonly]) .udex-text-field__trigger{border-right:1px solid var(--udexColorBlue4, #89D1FF);border-left:none}:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Error"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606)}:host([value-state="Error"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorRed4, #FF8CB2);color:var(--udexColorRed9, #840606);border-left:none}:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Success"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F)}:host([value-state="Success"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorGreen6, #36a41d);color:var(--udexColorGreen9, #1E592F);border-left:none}:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger:hover,:host([value-state="Warning"]) .udex-text-field__input[open] .udex-text-field__trigger{border-left:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00)}:host([value-state="Warning"]:dir(rtl)) .udex-text-field__input[open] .udex-text-field__trigger{border-right:1px solid var(--udexColorMango6, #E76500);color:var(--udexColorMango9, #8D2A00);border-left:none}.udex-text-field__trigger:hover,:host([mode="SingleSelect"]:not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__container:hover{cursor:pointer}:host([mode="SingleSelect"]) .udex-text-field__search{position:absolute;inset:0 42px 0 0}.udex-text-field__holder{height:100%;width:100%;position:relative}.udex-text-field__label{pointer-events:none;max-width:calc(100% - 56px)}.udex-text-field__label_active{position:absolute;top:9px;left:12px}.udex-text-field__input{display:flex;align-items:center;padding:0}.udex-text-field__trigger{display:flex;align-items:center;justify-content:center;background:none;border-style:solid;box-sizing:border-box;border-width:var(--sapButton_BorderWidth);border-color:transparent;border-radius:var(--udexRadiusXS);padding:var(--udexSpacer4);z-index:var(--udexZIndex1, 1);height:42px;width:42px;min-width:42px;color:var(--udexColorGrey7, #475E75);outline:none}:host([mode="SingleSelect"]) .udex-text-field__trigger{margin-inline-start:auto}:host([_open]) .udex-text-field__trigger [ui5-icon]{transform:rotate(180deg)}.udex-text-field__trigger [ui5-icon]{height:18px;width:18px;color:inherit}.udex-text-field__text-holder{background:var(--udex-select-box-input-background);position:absolute;inset:0 13px;padding:var(--udexSpacer8) 0;pointer-events:none;z-index:var(--udexZIndex1, 1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host([readonly]) .udex-text-field__text-holder{background:inherit}.udex-text-field__single-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;background-color:var(--udex-select-box-input-autocomplete-background)}.udex-text-field__single-label b{font-weight:400}:host .udex-text-field__input[open] .udex-text-field__trigger{color:var(--udexColorBlue9, #0040B0)}.udex-select-box__dropdown{--udex-dropdown-pane-min-width: var(--udex-select-box-popover-min-width);width:var(--udex-dropdown-pane-width);border:var(--udex-select-box-popover-border-width) solid var(--udex-select-box-popover-border-color);border-radius:var(--udex-select-box-popover-border-radius);box-shadow:var(--udex-select-box-popover-shadow)}.udex-select-box__dropdown::part(content){padding:0;overflow:auto}.udex-select-box__dropdown::part(footer){justify-content:flex-start;background:none;padding:var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);border-color:var(--udex-select-box-popover-border-color)}.udex-text-field__search{font-family:var(--sapFontFamily);font-size:16px;line-height:24px;display:block;color:var(--udex-select-box-input-color-typed-text);padding:var(--udexSpacer8) var(--udexSpacer12);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-select-box-input-background);border-radius:var(--udexRadiusXS);cursor:pointer;border:0;width:100%}.udex-text-field__trigger:focus,.udex-text-field__search:focus{outline:none}@media (width < 640px){.udex-select-box__dropdown{--udex-dropdown-pane-min-width-xs: var(--udex-select-box-popover-min-width)}}

package/dist/css/themes/SideNavigation.css

@@ -1 +1 @@
-:host{--udex-side-navigation-box-shadow: none;--udex-side-navigation-padding: var(--udexSpacer40);--udex-side-navigation-navigation-separator-radius: 0;--udex-side-navigation-navigation-separator-background-color: var(--udexColorGrey3);--udex-side-navigation-navigation-separator-height: 1px;--udex-side-navigation-navigation-separator-margin: var(--udexSpacer16) 0;--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-m: calc((100% - (2 * var(--udex-grid-margin-m)) - (11 * var(--udex-grid-gutter))) / 12);--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-side-navigation-max-width-m: calc(4 * var(--udex-column-width-m) + 3 * var(--udex-grid-gutter));--udex-side-navigation-max-width-l: calc(3 * var(--udex-column-width-l) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width-xl: calc(3 * var(--udex-column-width-xl) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host([fixed-in-place="true"]){position:sticky;top:0}:host(:not([hidden])){box-shadow:var(--udex-side-navigation-box-shadow);font-family:var(--sapFontFamily);max-width:var(--udex-side-navigation-max-width);width:100%}.ui5-sn-root .ui5-sn-list{padding:var(--udex-side-navigation-padding) 0 0;margin:0}.ui5-sn-fixed{padding:0;margin:0}.ui5-sn-spacer{background-color:var(--udex-side-navigation-navigation-separator-background-color);margin:var(--udex-side-navigation-navigation-separator-margin);min-height:var(--udex-side-navigation-navigation-separator-height);height:var(--udex-side-navigation-navigation-separator-height);border-radius:var(--udex-side-navigation-navigation-separator-radius)}@media (min-width: 980px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m)}}@media (min-width: 1280px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-l)}}@media (min-width: 1600px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-xl)}}
+:host{--udex-side-navigation-navigation-separator-radius: 0;--udex-side-navigation-navigation-separator-background-color: var(--udexColorGrey3);--udex-side-navigation-navigation-separator-height: 1px;--udex-side-navigation-navigation-separator-margin: var(--udexSpacer2) 0;--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-m: calc((100% - (2 * var(--udex-grid-margin-m)) - (11 * var(--udex-grid-gutter))) / 12);--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-side-navigation-max-width-m: calc(4 * var(--udex-column-width-m) + 3 * var(--udex-grid-gutter));--udex-side-navigation-max-width-l: calc(3 * var(--udex-column-width-l) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width-xl: calc(3 * var(--udex-column-width-xl) + 2 * var(--udex-grid-gutter));--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host([fixed-in-place="true"]){position:sticky;top:0}:host(:not([hidden])){box-shadow:var(--udex-side-navigation-box-shadow);font-family:var(--sapFontFamily);width:100%}:host(:not([hidden])),.ui5-sn-list.ui5-sn-flexible{min-width:auto}.ui5-sn-fixed{padding:0;margin:0}:host(:not([variant="Content"])) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:var(--udexSpacer8) 0}:host([variant="Content"]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:0}:host([in-mobile]) .ui5-sn-root .ui5-sn-list.ui5-sn-flexible{padding:0}.ui5-sn-root .ui5-sn-list.ui5-sn-fixed{padding:var(--udexSpacer16) 0 var(--udexSpacer8)}.ui5-sn-spacer{background-color:var(--udex-side-navigation-navigation-separator-background-color);min-height:var(--udex-side-navigation-navigation-separator-height);height:var(--udex-side-navigation-navigation-separator-height);border-radius:var(--udex-side-navigation-navigation-separator-radius);box-sizing:content-box;margin:var(--udex-side-navigation-navigation-separator-margin)}@media (min-width: 980px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-m)}}@media (min-width: 1280px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-l)}}@media (min-width: 1600px){:host{--udex-side-navigation-max-width: var(--udex-side-navigation-max-width-xl)}}:host(:not([variant="Content"])) .ui5-sn-fixed ::slotted(*){width:100%;box-sizing:border-box}

package/dist/css/themes/SideNavigationItem.css

@@ -1 +1 @@
-:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16);margin-block-end:0}:host(:not([expanded])) .ui5-sn-item{margin-block-end:var(--udexSpacer8, 8px)}:host([expanded]) .ui5-sn-list-li{margin-block-end:var(--udexSpacer8, 8px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left));padding-inline-start:0}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item-color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
+:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-item-padding-left: var(--udexSpacer12);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-text-weight: var(--udexTypographyFontWeightMedium);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-ul{overflow:auto}.ui5-sn-item-external-link-icon{display:none}.ui5-sn-item,:host(:not([in-popover])) .ui5-sn-item{height:auto;min-height:36px;padding-inline-end:var(--udexSpacer12, 12px);margin-block-end:var(--udexSpacer4, 4px)}:host([variant="Content"]) .ui5-sn-item{padding:var(--udexSpacer8, 8px) var(--udexSpacer12, 12px)}.ui5-sn-item .ui5-sn-item-text{font-weight:var(--udex-side-navigation-text-weight)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:var(--udexSpacer12);padding-inline-start:0}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{border-inline-start:0}.ui5-sn-item-level1,.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--udex-side-navigation-item-padding-left)}:host([variant="Content"]) .ui5-sn-item-level1{padding-inline-start:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}:host([selected]) .ui5-sn-item,:host([selected]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexSpacer8, 8px)}

package/dist/css/themes/SideNavigationMobile.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);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding-inline-start:var(--udex-side-navigation-mobile-trigger-padding-horizontal);padding-inline-end:var(--udex-side-navigation-mobile-trigger-padding-horizontal);cursor:pointer;position:relative}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight)}.udex-side-navigation-mobile__selected-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);border-bottom:1px solid var(--udex-side-navigation-mobile-active-trigger-border-color)}.udex-side-navigation-mobile__trigger[active] .udex-side-navigation-mobile__trigger-toggle-icon{color:var(--udex-side-navigation-mobile-active-arrow-color)}
+:host{--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-item-bottom-margin: var(--udexSpacer8);--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-mobile-trigger-shadow: var(--sapContent_Shadow1, 0 2px 8px 0 #2236494D);--udex-side-navigation-mobile-trigger-padding-horizontal: var(--udexSpacer16);--udex-side-navigation-mobile-active-trigger-border-color: var(--udexColorBlue8, #0057D2);--udex-side-navigation-selected-item-text-weight: var(--udexTypographyFontWeightMedium);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily);position:relative;z-index:106}.udex-side-navigation-mobile__trigger{display:flex;justify-content:space-between;align-items:center;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);height:var(--udex-side-navigation-item-height);padding-inline-start:var(--udex-side-navigation-mobile-trigger-padding-horizontal);padding-inline-end:var(--udex-side-navigation-mobile-trigger-padding-horizontal);cursor:pointer;position:relative}.udex-side-navigation-mobile__trigger:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);border-radius:var(--udexRadiusXXS)}.udex-side-navigation-mobile__selected-item{display:flex;align-items:center;font-weight:var(--udex-side-navigation-selected-item-text-weight)}.udex-side-navigation-mobile__selected-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.udex-side-navigation-mobile__trigger-toggle-icon{height:1rem;width:1rem;min-width:1rem;color:var(--udex-side-navigation-icon-color)}.udex-side-navigation-mobile__trigger[active]{box-shadow:var(--udex-side-navigation-mobile-trigger-shadow);border-bottom:1px solid var(--udex-side-navigation-mobile-active-trigger-border-color)}

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-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}[udex-side-navigation]{--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);width:100%;font-size:var(--udexTypographyNavigationMediumMFontSize);font-family:var(--sapFontFamily)}.udex-side-navigation-mobile__popover{--udex-dropdown-vertical-distance: 0;--udex-dropdown-border-radius: 0;--udex-dropdown-border-width: 0;--udex-dropdown-pane-max-width: 100%;--udex-dropdown-pane-overflow: auto;margin-top:1px}.udex-side-navigation-mobile__popover:before{content:"";width:100%;height:40px;bottom:100%;position:absolute;box-shadow:var(--udex-side-navigation-mobile-trigger-shadow)}[udex-side-navigation]{--udex-side-navigation-max-width: 100%;padding-block:var(--udexSpacer16)}

package/dist/css/themes/SideNavigationSubItem.css

@@ -1 +1 @@
-:host{--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: 0;--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1.25rem;--udex-side-navigation-item_color-selected-text: var(--udexColorBlue7, #0070F2);--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-item-padding-left: var(--udexSpacer16);--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--udexColorGrey1, #F5F6F7);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}:host(:not([in-popover])) .ui5-sn-item,.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:var(--udex-side-navigation-item-height);padding-inline-end:var(--udexSpacer16)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline-end:calc(var(--udexSpacer48) - var(--udex-side-navigation-icon-font-size) - var(--udex-side-navigation-item-padding-left))}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-external-link-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{color:var(--udex-side-navigation-item_color-selected-text);background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:0}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{--udex-side-navigation-group-icon-width: 1.75rem;padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([with-icon]) .ui5-sn-item-level2{--udex-side-navigation-group-icon-width: var(--udexSpacer48);padding-inline-start:var(--udex-side-navigation-group-icon-width)}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}
+:host{--udex-side-navigation-icon-color: var(--udexColorGrey9, #223548);--udex-side-navigation-item-bottom-margin: var(--udexSpacer4, 4px);--udex-side-navigation-item-height: 2.5rem;--udex-side-navigation-icon-font-size: 1rem;--udex-side-navigation-selection-indicator-display: none;--udex-side-navigation-selection-background-color: none;--udex-side-navigation-hover-selection-background-color: var(--sapButton_Selected_Hover_Background, #D1EFFF);color:var(--udex-side-navigation-icon-color);font-size:var(--udexTypographyNavigationMediumMFontSize)}:host(:not([hidden])){font-family:var(--sapFontFamily)}.ui5-sn-item-external-link-icon{display:none}:host(:not([in-popover])) .ui5-sn-item,.ui5-sn-item{margin-block-end:var(--udex-side-navigation-item-bottom-margin);height:auto;min-height:36px;padding-inline-end:var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item{padding-block:var(--udexSpacer8, 8px);padding-inline:var(--udexSpacer40, 40px) var(--udexSpacer12, 12px)}:host([variant="Content"][nested]) .ui5-sn-item{padding-inline-start:var(--udexSpacer56, 56px)}.ui5-sn-item-icon{height:var(--udex-side-navigation-icon-font-size);width:var(--udex-side-navigation-icon-font-size);min-width:var(--udex-side-navigation-icon-font-size);color:var(--udex-side-navigation-icon-color);padding-inline:0 var(--udexSpacer12, 12px)}:host([variant="Content"]) .ui5-sn-item .ui5-sn-item-text{margin:0;text-align:start}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-toggle-icon,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected .ui5-sn-item-icon{background:var(--udex-side-navigation-selection-background-color)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background-color:var(--udex-side-navigation-hover-selection-background-color)}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--udex-side-navigation-selection-indicator-display)}:host([with-icon]) .ui5-sn-item-level2,.ui5-sn-item-level2{margin-block-end:var(--udexSpacer4, 4px)}.ui5-sn-item-level2:not(.ui5-sn-item-has-icon),.ui5-sn-item-level2{padding-inline-start:var(--udexSpacer40, 40px)}.ui5-sn-item-toggle-icon,:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon{height:1rem;width:1rem;min-width:1rem;margin:0;padding:0;color:var(--udex-side-navigation-icon-color);padding-inline-start:var(--udexSpacer12, 12px)}:host(:not([side-nav-collapsed])) .ui5-sn-item-toggle-icon::part(root){border:none;width:100%;height:100%;padding:0}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{inset:0}:host([selected]) .ui5-sn-item{position:relative;overflow:hidden}:host([selected]) .ui5-sn-item:before{content:"";position:absolute;inset-inline-start:0;top:0;height:100%;width:3px;background-color:var(--udexColorBlue8, #0057D2);z-index:1}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background-color:var(--udexColorBlue1, #EBF8FF);border-radius:var(--udexRadiusM, 8px)}:host([nested]) .ui5-sn-item-level2{padding-inline-start:var(--udexSpacer56, 56px)}

package/dist/css/themes/TabNavigation.css

@@ -1 +1 @@
-:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end);margin-bottom:3px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (max-width: 979px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation="Vertical"][vertical-alignment="Center"]){--udex-tab-navigation-header-alignment: center}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (max-width: 979px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header{order:1}:host([orientation="Vertical"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}
+:host{--udex-header-background-color: transparent;--udex-button-tab-vertical-gap: var(--udexSpacer32, 32px);--udex-button-tab-text-transform-first-letter: uppercase;--udex-button-tab-text-transform: none;--udex-button-tab-text-color-default: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-text-color-hover: var(--udexColorBlue8);--udex-button-tab-text-color-active: var(--udexColorBlue8);--udex-button-tab-border-color-active: var(--udexColorBlue8);--udex-button-tab-font-size-default: var(--sapFontSize, var(--udexTypographyNavigationBoldXLFontSize));--udex-button-tab-font-family: var(--sapFontFamily, sans-serif);--udex-button-tab-font-weight: var(--sapButton_Emphasized_FontWeight, var(--udexTypographyFontWeightBold));--udex-button-tab-line-height: 1.1;--udex-button-tab-padding-vertical: var(--udexSpacer12, 12px);--udex-button-tab-padding-horizontal: var(--udexSpacer4, 4px);--udex-button-tab-with-icon-without-background-border-color-active: transparent;--udex-button-tab-with-icon-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-tab-with-icon-background-hover: var(--udexColorBlue2, #D1EFFF);--udex-button-tab-with-icon-color: var(--udexColorGrey7, #475E75);--udex-button-tab-with-icon-color-hover: var(--udexColorGrey9, #223548);--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px);--udex-button-tab-with-icon-background-active: var(--udexColorBlue8, #0057D2);--udex-button-tab-with-icon-color-active: var(--sapBackgroundColor, var(--udexColorNeutralWhite));--udex-button-tab-with-icon-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-tab-with-icon-without-background-color: var(--sapShell_Navigation_TextColor, var(--udexColorGrey9));--udex-button-tab-with-icon-without-background-color-active: var(--sapHighlightColor, var(--udexColorBlue7));--udex-button-tab-with-icon-without-background-margin-bottom: var(--udexSpacer16, 16px);--udex-button-tab-with-icon-font-weight: var(--udexTypographyFontWeightMedium, 500);--udex-button-tab-with-icon-text-color-active: var(--sapTextColor, --udexColorGrey9);--udex-tab-navigation-tab-with-icon-without-background-color: transparent;--udex-tab-navigation-tab-with-icon-without-background-color-active: transparent;--udex-button-more-margin-inline-end: 0;--udex-tab-navigation-content-padding-vertical-desktop: var(--udexSpacer40, 40px);--udex-tab-navigation-content-padding-vertical-mobile: var(--udexSpacer32, 32px);--udex-tab-navigation-content-font-family: var(--sapFontFamily, sans-serif);--udex-tab-navigation-content-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-tab-navigation-content-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-tab-navigation-content-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-tab-header-width: 428px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer{margin-bottom:var(--udex-button-tab-with-icon-without-background-margin-bottom);background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color);color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-tab-navigation-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-without-background-color-active)}:host([icon-without-background]) .udex-tab-navigation__button-tab--active:before{background-color:var(--udex-button-tab-with-icon-without-background-border-color-active)}:host([mode="Dark"]){--udex-header-background-color: var(--sapList_GroupHeaderTextColor, var(--udexColorGrey10));--udex-button-tab-text-color-default: var(--sapList_GroupHeaderBackground, var(--udexColorNeutralWhite));--udex-button-tab-text-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-border-color-active: transparent;--udex-button-tab-with-icon-background: transparent;--udex-button-tab-with-icon-color: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-color-active: var(--sapProgress_InformationBorderColor, var(--udexColorBlue3));--udex-button-tab-with-icon-background-active: transparent;--udex-button-tab-with-icon-margin-bottom: var(--udexSpacer8, 8px)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge,:host([icon-without-background]) .udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-inline-end:-9px}:host([icon-without-background]) .udex-tab-navigation__button-icon-outer,:host([icon-without-background]) .udex-tab-navigation__button-icon{width:24px;height:24px}:host([icon-without-background]) .udex-tab-navigation__button-tab--with-icon{padding-block-end:var(--udex-button-tab-padding-vertical)}:host([icon-without-background]) .udex-tabs-navigation__button-tab{padding-bottom:var(--udex-button-tab-padding-vertical)}:host(:not([icon-without-background])) .udex-tab-navigation__button-tab--active .udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{color:var(--udex-button-tab-with-icon-text-color-active)}:host([mode="Dark"]) .udex-tab-navigation__button-icon-outer,:host([mode="Dark"]) .udex-tab-navigation__button-icon{width:32px;height:32px}:host([desktop]) .udex-tab-navigation__button-tab:focus .udex-tab-navigation__button-text,.udex-tab-navigation__button-tab:focus-visible .udex-tab-navigation__button-text{outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.udex-tab-navigation__root{width:100%}.udex-tab-navigation__header{background-color:var(--udex-header-background-color);min-height:43px;display:flex;align-items:center;position:relative}.udex-tab-navigation__header:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:var(--udexZIndexNegative, -1);border-bottom:1px solid var(--udexColorGrey3, #D5DADD)}.udex-tab-navigation__header-tabs{display:flex;flex:1 1 0%;overflow:hidden;white-space:nowrap}.udex-tab-navigation__button-tab{padding:0;display:block;background:none;border:0;border-radius:0;cursor:pointer}.udex-tab-navigation__button-tab{padding:var(--udex-button-tab-padding-vertical) var(--udex-button-tab-padding-horizontal) calc(var(--udex-button-tab-padding-vertical) + 3px);position:relative;z-index:var(--udexZIndex0, 0);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--udex-button-tab-text-color-default);font-size:var(--udex-button-tab-font-size-default);font-family:var(--udex-button-tab-font-family);font-weight:var(--udex-button-tab-font-weight);line-height:var(--udex-button-tab-line-height);text-decoration:none;text-align:center;text-transform:var(--udex-button-tab-text-transform);white-space:normal}.udex-tab-navigation__button-text{margin:0}.udex-tab-navigation__button-text:first-letter{text-transform:var(--udex-button-tab-text-transform-first-letter)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon{justify-content:start}.udex-tab-navigation__button-tab:not(.udex-tab-navigation__button-tab--icon-tab):hover{color:var(--udex-button-tab-text-color-hover)}.udex-tab-navigation__button-text.udex-tab-navigation__button-text--icon{font-weight:var(--udex-button-tab-with-icon-font-weight)}.udex-tab-navigation__button-tab:focus-visible{outline:none}.udex-tab-navigation__button-tab[hidden]{display:none}.udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:var(--udex-button-tab-vertical-gap)}.udex-tab-navigation__button-tab--with-icon{padding-block-end:calc(var(--udex-button-tab-padding-vertical) + 2px)}.udex-tab-navigation__button-tab--active{color:var(--udex-button-tab-text-color-active)}.udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-block-end:0;inset-inline:0 0;z-index:var(--udexZIndex1, 1);height:3px;background-color:var(--udex-button-tab-border-color-active);border-radius:2px 2px 0 0}.udex-tab-navigation__button-badge{position:absolute;inset-block-start:var(--udexSpacer12);inset-inline-end:-6px;z-index:var(--udexZIndex1, 1);width:6px;height:6px;border:1px solid #fff;border-radius:50%;background-color:var(--udexColorRed7)}.udex-tab-navigation__button-more{margin-inline-start:auto;flex:0 0 auto;margin-inline-end:var(--udex-button-more-margin-inline-end);margin-bottom:3px}.udex-tab-navigation__button-more[hidden]{display:none}.udex-tab-navigation__button-icon-outer{margin-left:auto;margin-right:auto;margin-bottom:var(--udex-button-tab-with-icon-margin-bottom);display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:32px;border-radius:50%;background-color:var(--udex-button-tab-with-icon-background);color:var(--udex-button-tab-with-icon-color);box-shadow:inset 0 0 0 1px var(--udex-button-tab-with-icon-border-color);position:relative;z-index:var(--udexZIndex0, 0)}.udex-tab-navigation__button-icon{width:16px;height:16px;color:var(--udex-button-tab-with-icon-color)}.udex-tab-navigation__button-icon-outer .udex-tab-navigation__button-badge{inset-block-start:1px;inset-inline-end:1px}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-active);box-shadow:none}.udex-tab-navigation__button-tab--active .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-active)}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon-outer{background-color:var(--udex-button-tab-with-icon-background-hover);box-shadow:none}.udex-tab-navigation__button-tab.udex-tab-navigation__button-tab--icon-tab:not(.udex-tab-navigation__button-tab--active):hover .udex-tab-navigation__button-icon{color:var(--udex-button-tab-with-icon-color-hover)}.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-desktop);font-family:var(--udex-tab-navigation-content-font-family);font-size:var(--udex-tab-navigation-content-font-size);font-weight:var(--udex-tab-navigation-content-font-weight);line-height:var(--udex-tab-navigation-content-line-height)}.udex-tab-navigation__content-item:focus,.udex-tab-navigation__content-item:focus-visible{outline-offset:2px;outline:2px solid var(--udex-button-tab-text-color-active);border-radius:var(--udexRadiusXXS, 2px)}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.udex-tab-navigation__badge{margin-inline-start:var(--udexSpacer4);display:inline-flex}.udex-tab-navigation__button-body-text,.udex-tab-navigation__button-link{display:none}@media screen and (width < 980px){.udex-tab-navigation__content{padding-block-start:var(--udex-tab-navigation-content-padding-vertical-mobile)}:host([orientation="Vertical"]) .udex-tab-navigation__root{flex-direction:column}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex:0 0 100%}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:0 0 100%;padding-inline-start:0}:host([orientation="Vertical"])>.udex-tab-navigation__root>.udex-tab-navigation__content{display:none}}:host([orientation="Vertical"]) .udex-tab-navigation__root{display:flex;gap:var(--udexSpacer24, 24px)}:host([orientation="Vertical"]) .udex-tab-navigation__header{flex-direction:column;align-items:stretch;min-height:auto;height:auto;flex:0 0 25%;width:100%;max-height:none;align-self:var(--udex-tab-navigation-header-alignment, flex-start)}:host([orientation="Vertical"][vertical-alignment="Center"]){--udex-tab-navigation-header-alignment: center}:host([orientation="Vertical"]) .udex-tab-navigation__header:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{flex-direction:column;gap:var(--udexSpacer16, 16px);overflow:visible;white-space:normal;max-height:none;border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}@media screen and (width < 980px){:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs{gap:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-tab:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__tab-wrapper:not(:last-child):not(:has(+.udex-tab-navigation__content)),:host([orientation="Vertical"]) .udex-tab-navigation__header-tabs>.udex-tab-navigation__button-link:not(:last-child):not(:has(+.udex-tab-navigation__content)){margin-block-end:var(--udexSpacer8, 8px)}}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab{padding:var(--udexSpacer16, 16px);align-items:flex-start;width:100%;height:auto;min-height:auto;margin-inline-end:0;transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab:not(:last-child){margin-inline-end:0}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active{padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active:before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper{position:relative;display:flex;flex-direction:column;gap:var(--udexSpacer16, 16px);padding:var(--udexSpacer16, 16px);transition:all .2s ease-in}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active){padding:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper:has(.udex-tab-navigation__button-tab--active):before{content:"";position:absolute;inset-inline-start:-1px;inset-block:0;z-index:var(--udexZIndex1, 1);width:3px;height:100%;background-color:var(--udex-button-tab-border-color-active);border-start-start-radius:0;border-start-end-radius:2px;border-end-start-radius:0;border-end-end-radius:2px}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab{padding:0}:host([orientation="Vertical"]) .udex-tab-navigation__tab-wrapper>.udex-tab-navigation__button-tab--active:before{display:none}:host([orientation="Vertical"]) .udex-tab-navigation__button-badge{inset-block-start:0;inset-inline-end:-10px}:host([orientation="Vertical"]) .udex-tab-navigation__button-text{position:relative;font-size:var(--udexTypographyHeadingRegularXXSFontSize, 20px);line-height:1.1;font-weight:var(--udexTypographyFontWeightMedium);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-body-text{display:none;margin:0;font-family:var(--udex-button-tab-font-family);font-size:var(--udexTypographyBodyXSFontSize, 14px);font-weight:var(--udexTypographyFontWeightRegular, 400);color:var(--udexColorGrey7);line-height:var(--udex-tab-navigation-content-line-height);text-align:start}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-body-text{display:block}:host([orientation="Vertical"]) .udex-tab-navigation__button-links{display:none;flex-direction:column;gap:var(--udexSpacer2, 2px)}:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active~.udex-tab-navigation__button-links{display:flex}:host([orientation="Vertical"]) .udex-tab-navigation__content{flex:1 1 75%;padding-block-start:0;padding-inline-start:var(--udexSpacer16, 16px)}:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header{order:1}:host([orientation="Vertical"]) .udex-tab-navigation__play-button{margin-block-end:var(--udexSpacer16, 16px)}:host([orientation="Vertical"]) .udex-tab-navigation__footer{margin-block-start:var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));padding-inline-start:var(--udexSpacer16, 16px)}:host([process-tab]){--udex-button-tab-process-item-count-font-size: var(--udexTypographyNavigationRegularXSFontSize, 12px);--udex-button-tab-process-item-count-font-weight: var(--udexTypographyFontWeightRegular, 400)}.udex-tab-navigation__button-tab[aria-disabled=true]{opacity:var(--sapContent_DisabledOpacity, .4);pointer-events:none;cursor:default}:host([process-tab]) .udex-tab-navigation__button-tab--process{flex-direction:row;align-items:flex-start;padding:var(--udexSpacer12, 12px) 0 calc(var(--udexSpacer12, 12px) + 3px);gap:var(--udexSpacer8, 8px)}:host([process-tab]) .udex-tab-navigation__button-tab--process:not(:last-child){margin-inline-end:var(--udexSpacer32, 32px)}:host([process-tab]) .udex-tab-navigation__button-tab--process .udex-tab-navigation__button-icon-outer{flex-shrink:0;margin:0;align-self:center}:host([process-tab]) .udex-tab-navigation__button-text-block{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--udexSpacer4, 4px)}:host([process-tab]) .udex-tab-navigation__button-item-count{display:block;font-size:var(--udex-button-tab-process-item-count-font-size);font-weight:var(--udex-button-tab-process-item-count-font-weight);line-height:1.1;color:var(--udexColorGrey7, #475E75)}:host([process-tab]) .udex-tab-navigation__button-text-block .udex-tab-navigation__button-text{text-align:start;font-weight:var(--udex-button-tab-font-weight);font-size:var(--udex-button-tab-font-size-default)}

package/dist/css/themes/Table.css

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

package/dist/css/themes/TableCellBase.css

@@ -1 +1 @@
-:host{--udex-table-cell-sticky-shadow: 0 4px 8px rgba(34,54,73,.3)}:host{display:flex;align-items:center;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;position:relative;word-break:break-word}:host([_sticky]){position:sticky;left:0;z-index:var(--udexZIndex1, 1)}:host([_sticky]:dir(rtl)){right:0}:host([_horizontal-offset]){box-shadow:var(--udex-table-cell-sticky-shadow)}
+:host{--udex-table-cell-sticky-shadow: 0 4px 8px rgba(34,54,73,.3)}:host{display:flex;align-items:center;box-sizing:border-box;border-bottom-width:1px;border-bottom-style:solid;position:relative;word-break:break-word}:host([vertical-align="Top"]){align-items:flex-start}:host([vertical-align="Bottom"]){align-items:flex-end}:host([_sticky]){position:sticky;left:0;z-index:var(--udexZIndex1, 1)}:host([_sticky]:dir(rtl)){right:0}:host([_horizontal-offset]){box-shadow:var(--udex-table-cell-sticky-shadow)}

package/dist/css/themes/Upload.css

@@ -1 +1 @@
-:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button-container #fileUploader{flex-shrink:0}#fileUploader{--_ui5_input_focus_offset: 2px;--_ui5_input_focus_border_radius: 6px}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}
+:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button-container #fileUploader{flex-shrink:0}#fileUploader{--_ui5_input_focus_offset: 2px;--_ui5_input_focus_border_radius: 6px}.udex-upload__upload-button input{display:none}.udex-upload__supporting-error-text,.udex-upload__supporting-text{padding:0;margin:0;font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__supporting-text{color:var(--sapNeutralTextColor, var(--udexColorGrey7))}.udex-upload__supporting-error-text{color:var(--sapNegativeColor, var(--udexColorRed7))}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (width < 980px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}

package/dist/css/themes/UploadItem.css

@@ -1 +1 @@
-:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (max-width: 1279px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}
+:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (width < 1280px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}