@sapudex/web-components 2.50.0 → 2.51.0

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

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

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

@@ -5,5 +5,5 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-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: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%)}:host .ui5-block-layer{background:var(--udex-modal-block-layer-background)}: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(--sapScrollBar_Dimension, 12px)) 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(--sapScrollBar_Dimension, 12px)) 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}}
+export default `: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: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%)}:host .ui5-block-layer{background:var(--udex-modal-block-layer-background)}: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}}
 `

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

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

package/src/themes/MastheadProfileMenu.css

@@ -186,10 +186,6 @@
   display: none;
 }
 
-.udex-masthead-profile-menu__identities-list-item {
-  margin-bottom: var(--udexSpacer4);
-}
-
 .udex-masthead-profile-menu__identities-list-item::part(supporting) {
   word-break: break-all;
 }

package/src/themes/MessageStrip.css

@@ -1,26 +1,150 @@
 :host {
-  --udex-message-strip-color-action-background: var(--sapBackgroundColor, #fff);
-  --udex-message-strip-color-action-border: var(--udexColorBlue7, #0070f2);
-  --udex-message-strip-color-action-close-icon: var(--udexColorGrey7, #475e75);
-  --udex-message-strip-color-information-status: var(--sapInformativeElementColor, #0070f2);
-  --udex-message-strip-color-success-status: var(--sapPositiveElementColor, #188918);
-  --udex-message-strip-color-warning-status: var(--sapCriticalElementColor, #c35500);
-  --udex-message-strip-color-error-status: var(--sapNegativeElementColor, #d20a0a);
+  --udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);
+  --udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);
+  --udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);
+  --udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);
+
+  --udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);
+
+  --udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);
+  --udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);
+  --udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);
+  --udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);
+
+  --udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);
+  --udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);
+  --udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);
+  --udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);
+
+  --udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);
+  --udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);
+  --udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);
+  --udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);
+
   --udex-message-strip-close-icon-top: calc(50% - 13px);
+
   --udex-message-strip-min-height: 20px;
   --udex-message-strip-padding-inline-no-icon: var(--udexSpacer12, 12px);
   --udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);
   --udex-message-strip-border-width: 1px;
   --udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;
   --udex-message-strip-padding-hide-icon: var(--udexSpacer8, 12px);
+
+  /* Grey Light */
+  --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);
+
+  /* Grey Dark */
+  --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);
+
+  /* Red Light */
+  --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);
+
+  /* Red Dark */
+  --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);
+
+  /* Mango Light */
+  --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);
+
+  /* Mango Dark */
+  --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);
+
+  /* Green Light */
+  --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);
+
+  /* Green Dark */
+  --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);
+
+  /* Teal Light */
+  --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);
+
+  /* Teal Dark */
+  --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);
+
+  /* Blue Light */
+  --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);
+
+  /* Blue Dark */
+  --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);
+
+  /* Indigo Light */
+  --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);
+
+  /* Indigo Dark */
+  --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);
+
+  /* Pink Light */
+  --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);
+
+  /* Pink Dark */
+  --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);
+
+  /* Raspberry Light */
+  --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);
+
+  /* Raspberry Dark */
+  --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 [udex-button] {
+/* :host [udex-button] {
   --udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-action-close-icon);
-}
+} */
 
-:host([design="Action"]) .udex-message-strip {
+: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 {
@@ -58,18 +182,268 @@
   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);
+}
+
+/* ── Decorative Light variants ─────────────────────────────────────────────
+   ::slotted(*:not([udex-link])) overrides text/icon color without touching
+   links, which keep their natural blue.
+   Close button keeps its default dark icon.
+────────────────────────────────────────────────────────────────────────── */
+
+: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);
+}
+
+/* ── Decorative Dark variants ──────────────────────────────────────────────
+   color on :host cascades to slotted text.
+   ::slotted(*) explicitly overrides elements that set their own color
+   (ui5-icon, udex-link, etc.) so everything stays white.
+   Close button is also overridden to white with semi-transparent states.
+────────────────────────────────────────────────────────────────────────── */
+
+: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);
+}
+
+/* ── Close button: shared Light variant overrides ──────────────────────── */
+: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, 0.10);
+  --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: 0.125rem solid var(--udexColorGrey7, #475e75);
+  --_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75);
+}
+
+/* ── Close button: shared Dark variant overrides ───────────────────────── */
+: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, 0.10);
+  --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: 0.125rem solid var(--udexColorNeutralWhite, #ffffff);
+  --_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff);
+}

package/src/themes/Modal.css

@@ -28,7 +28,7 @@
 }
 
 :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(--sapScrollBar_Dimension, 12px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);
+	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;
 }
 
@@ -38,7 +38,7 @@
 }
 
 :host([type="basic"]) .ui5-popup-root .ui5-popup-content {
-  padding: 0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--sapScrollBar_Dimension, 12px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);
+  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;
 }
 

package/src/themes/Search.css

@@ -124,10 +124,8 @@
   width: 50px;
 }
 
-:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),
-:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,
-:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),
-:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field {
+:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),
+:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field {
   background-color: var(--udex-input-background-color);
 }
 
@@ -186,6 +184,8 @@
   background: var(--udex-input-color-background-light);
 }
 
+
+
 .udex-search-mode-home-search .udex-search__field {
   padding: var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left);
 }
@@ -393,6 +393,8 @@ input[type="search"]::-webkit-search-results-decoration {
   white-space: nowrap;
 }
 
+.udex-search__prefix-button:focus, 
+.udex-search__prefix-button:focus-visible,
 .udex-search__prefix-button:hover {
   cursor: pointer;
   background-color: var(--udexColorNeutralWhite);