@sapudex/web-components 2.51.0 → 2.53.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(: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}
+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, 53, 72, .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, 53, 72, .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/generated/themes/SelectBase.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-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{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: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: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)}}
+export default `: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: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: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)}}
 `

package/src/generated/themes/SelectBox.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([displayonly][mode="MultiSelect"]) .udex-text-field__input{min-width:inherit}:host([mode="MultiSelect"]) .udex-text-field__input{min-width:20%}.udex-tag-group+.udex-text-field__input .udex-text-field__text-holder{inset:0 var(--udexSpacer12) 0 1px}.udex-tag-group+.udex-text-field__input .udex-text-field__search{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) 0}.udex-text-field__wrap{align-items:center}.udex-tag-group{display:flex;max-width:70%}:host([displayonly]) .udex-tag-group{margin-inline-start:calc(var(--udexSpacer20)* -1);max-width:100%}.udex-truncatable-tag-content{display:flex;align-items:center;padding:var(--udexSpacer12, 12px)}.udex-truncatable-tag-content__label{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);padding-inline-end:var(--udexSpacer8, 8px);color:var(--udexColorGrey9, #223548)}.udex-truncatable-tag-content__icon{min-width:1.2rem;height:1.2rem;font-size:1.5rem;fill:var(--udexColorBlue7, #0070F2);cursor:pointer}::slotted([slot="footer"]){height:auto}
+export default `:host([displayonly][mode="MultiSelect"]) .udex-text-field__input{min-width:inherit}:host([mode="MultiSelect"]) .udex-text-field__input{min-width:20%}.udex-tag-group+.udex-text-field__input .udex-text-field__text-holder{inset:0 var(--udexSpacer12) 0 1px}.udex-tag-group+.udex-text-field__input .udex-text-field__search{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) 0}.udex-text-field__wrap{align-items:center}.udex-tag-group{display:flex;max-width:70%}:host([displayonly]) .udex-tag-group{margin-inline-start:calc(var(--udexSpacer20)* -1);max-width:100%}.udex-truncatable-tag-content{display:flex;align-items:center;padding:var(--udexSpacer12, 12px)}.udex-truncatable-tag-content__label{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight);padding-inline-end:var(--udexSpacer8, 8px);color:var(--udexColorGrey9, #223548)}.udex-truncatable-tag-content__icon{min-width:1.2rem;height:1.2rem;font-size:1.5rem;fill:var(--udexColorBlue7, #0070F2);cursor:pointer}::slotted([slot="footer"]){height:auto}:host([_navigating]) .udex-text-field__wrap:before{content:none}:host([_navigating]) .udex-text-field__wrap{outline:none;border-color:var(--udex-input-color-standard-active-border)}
 `

package/src/generated/themes/Slider.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-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}
+export default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -1rem;--udex-slider-start-end-point-right: -1rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--udexColorGrey4, #A9B4BE);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize, 14px);--udex-slider-tooltip-color: var(--udexColorGrey9, #223548);--udex-slider-tooltip-background: var(--sapBaseColor, #ffffff);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px);--udex-slider-root-padding: 1rem 1.0625rem}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px;padding:var(--udex-slider-root-padding)}[ui5-slider-handle]{--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_slider_handle_height: var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);height:var(--udex-slider-handle-height);border-radius:var(--udex-slider-radius-range-size);z-index:5}[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}[ui5-slider-handle]::part(icon){width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size);color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point);inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background);inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) [ui5-slider-handle]:focus,[ui5-slider-handle]:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner [ui5-slider-handle],[ui5-slider-handle]:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width);border-radius:var(--udex-slider-radius-range-size)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5_range_slider_handle_background_focus)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon);width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}:host .ui5-slider-inner .ui5-slider-labels li,.ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}.ui5-slider-evo-root{padding:0 14px}[ui5-slider-scale]{--sapFontSmallSize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5_slider_handle_height: var(--udex-slider-handle-height);--_ui5_slider_handle_width: var(--udex-slider-handle-width);--_ui5_range_slider_progress_focus_border: 2px solid var(--udex-slider-color-handle-focus-range);--_ui5_range_slider_progress_focus_border_radius: var(--udex-slider-radius-range-size);--_ui5_range_slider_progress_focus_top: -1.12rem;--_ui5_range_slider_progress_focus_height: calc(var(--udex-slider-handle-height) + 8px);--_ui5_range_slider_progress_focus_left: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_range_slider_progress_focus_right: calc(-1 * (var(--udex-slider-handle-width) / 2) - 5px);--_ui5_slider_scale_dots_distance: -14px}[ui5-slider-scale]::part(inner):before{border:0}:host(:not([hidden])) .ui5-slider-handle-container [ui5-slider-tooltip],[ui5-slider-tooltip]{box-sizing:border-box;height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width);border:var(--udex-slider-tooltip-border);box-shadow:var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 53, 72, .2));border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);background-color:var(--udex-slider-tooltip-background);padding:8px 12px;margin-top:calc(-1 * var(--udex-slider-tooltip-bottom))}
 `

package/src/generated/themes/Tile.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-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, "0 2px 4px 0 rgba(34, 54, 73, 0.20)");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, "0 2px 8px 0 rgba(34, 54, 73, 0.30)");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}
+export default `:host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);--udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, "0 2px 4px 0 rgba(34, 53, 72, 0.20)");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, "0 2px 8px 0 rgba(34, 53, 72, 0.30)");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}:host{font-size:var(--udexTypographyBodySFontSize);font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;cursor:pointer;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background);box-shadow:var(--udex-tile-box-shadow-generic-hover)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([interactive][desktop]) .udex-tile:active,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-active-border);box-shadow:none}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}
 `

package/src/generated/themes/Toast.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-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement="BottomCenter"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state="Error"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}
+export default `:host{--udex-toast-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-toast-color: var(--udexColorGrey9, #223548);--udex-toast-text-line-height: 1.313rem;--udex-toast-border-width: 1px;--udex-toast-border-color: var(--udexColorGrey3, #D5DADD);--udex-toast-close-icon-color: var(--udexColorGrey7, #475E75);--udex-toast-status-icon-size: 18px;--udex-toast-vertical-offset: 2.5rem;--udex-toast-background:var(--udexColorNeutralWhite, #FFF);--udex-toast-shadow:var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, .25))}:host{background:var(--udex-toast-background);box-shadow:var(--udex-toast-shadow);border:var(--udex-toast-border-width) solid var(--udex-toast-border-color);padding:0}:host([placement="BottomCenter"]){bottom:var(--udex-toast-vertical-offset)}:host([desktop]) .udex-toast:focus,.udex-toast:focus-visible{outline:var(--udexSpacer2, 2px) solid var(--udexColorBlue9, #0040B0);outline-offset:-2px}.udex-toast{display:flex;align-items:center;padding:var(--udexSpacer16);border-radius:inherit;line-height:var(--udex-toast-text-line-height);font-size:var(--udexTypographyBodyXSFontSize, 14px);color:var(--udex-toast-color);--sapFontSize: var(--udex-toast-font-size)}.udex-toast .udex-toast__icon:dir(ltr){margin-right:var(--udexSpacer16)}.udex-toast .udex-toast__icon{min-width:1rem}:host([value-state="Error"]) .udex-toast__icon{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .udex-toast__icon{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .udex-toast__icon{fill:var(--udexColorMango8, #A93E00)}.udex-toast .udex-toast__icon:dir(rtl){margin-left:var(--udexSpacer16)}.udex-toast .udex-toast__button{height:var(--udex-toast-text-line-height);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-toast-close-icon-color)}.udex-toast .udex-toast__button:dir(ltr){margin:0 0 0 9px}.udex-toast .udex-toast__button:dir(rtl){margin:0 9px 0 0}
 `

package/src/generated/themes/Tooltip.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-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 73, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}
+export default `:host{--udex-tooltip-background-color: var(--udexColorNeutralWhite, #fff);--udex-tooltip-border-color: var(--udexColorGrey4, var(--udexColorGrey4));--udex-tooltip-box-shadow: var(--sapContent_Shadow0, 0px 2px 4px 0px rgba(34, 54, 72, .2))}[ui5-popover]{--_ui5_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4)}:host{font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize , var(--sapFontSize, 16px));color:var(--udexColorGrey9, #223548)}.udex-tooltip__pane{border:var(--sapElement_BorderWidth, 1px) solid var(--udex-tooltip-border-color);box-shadow:var(--udex-tooltip-box-shadow);border-radius:var(--sapPopover_BorderCornerRadius, 8px);background:var(--udex-tooltip-background-color);max-width:360px}.udex-tooltip-title{font-size:var(--udexTypographyHeadingMediumXXXSFontSize, 18px);font-weight:var(--udexTypographyFontWeightMedium, 500);padding-bottom:var(--udexSpacer8, 8px)}
 `

package/src/i18n/messagebundle_lv.properties

@@ -3,3 +3,129 @@ OVERVIEW=Apskats
 LOGOUT=Iziet
 MAIN_LINKS=Galvenās saites
 BACK_TO_TOP=Atpakaļ uz sākumu
+COUNT=Skaits
+OF=no
+PAGINATION_PAGE=Lapa
+SELECTED=Atlasīts
+UNSELECTED=Neatlasīts
+INDETERMINATE=Nenoteikts
+EDIT_BUTTON=Rediģēt
+DELETE_BUTTON=Dzēst
+BACK_TO_REGION_LIST=Atpakaļ uz reģionu sarakstu
+BUTTON_ARIA_TYPE_PRIMARY=Primārs
+BUTTON_ARIA_TYPE_SECONDARY=Sekundārs
+BUTTON_ARIA_TYPE_TERTIARY=Terciārs
+BUTTON_ARIA_TYPE_WARNING=Brīdinājums
+BUTTON_ARIA_TYPE_POSITIVE=Pozitīvs
+BUTTON_ARIA_TYPE_NEGATIVE=Negatīvs
+BUTTON_ARIA_EMPHASIZED=Uzsvērts
+BUTTON_ARIA_DEFAULT=Noklusējums
+BUTTON_ARIA_TRANSPARENT=Caurspīdīgs
+BUTTON_ARIA_ATTENTION=Uzmanību
+DATEPICKER_DATE_DESCRIPTION=Datuma ievade
+TOGGLED=Pārslēgts
+FIRST_PAGE=Pirmā lapa
+LAST_PAGE=Pēdējā lapa
+PREVIOUS_PAGE=Iepriekšējā lapa
+NEXT_PAGE=Nākamā lapa
+CURRENT_PAGE=Pašreizējā lapa
+ACTIVATE_PAGE=Aktivizēt lapas numuru
+SUGGESTED_TEXT=ieteicamās meklēšanas
+ACCESSIBLE_NAME_SEARCH_ICON=Meklēt
+TOOLTIP_VOICE_BUTTON=Balss
+TOOLTIP_SUBMIT_BUTTON=Iesniegt
+LISTENING=Klausīšanās
+AVAILABLE_VALUES=Pieejamās vērtības
+RECOMMENDED_TEXT=Ieteicamās lapas
+EXPAND_ALL=Izvērst visu
+COLLAPSE_ALL=Sakļaut visu
+MORE=Vēl
+ATTENTION_BADGE=Uzmanības nozīmīte
+READ_MORE=Lasīt vairāk
+READ_LESS=Lasīt mazāk
+SHOW_MORE=Rādīt vairāk
+SHOW_LESS=Rādīt mazāk
+RATING_INDICATOR_TEXT=Vērtējuma indikators
+RATING_INDICATOR_TOOLTIP_TEXT=Vērtējums
+RATING_INDICATOR_ARIA_DESCRIPTION=Nepieciešams
+TOTAL=Kopā
+RATING_COUNT_TITLE=Vērtējums
+ARIA_LABEL_LIST_MULTISELECTABLE=Satur vairākas atlasāmas pozīcijas
+ARIA_LABEL_LIST_SELECTABLE=Satur atlasāmas pozīcijas
+SHOW_RESULTS=Rādīt rezultātus
+RESET=Atiestatīt
+MESSAGE_STRIP_CLOSE_BUTTON=Ziņojumu joslas aizvēršanas poga
+MESSAGE_STRIP_INFORMATION=Informācijas josla
+MESSAGE_STRIP_SUCCESS=Josla Pozitīvs
+MESSAGE_STRIP_WARNING=Josla Brīdinājums
+MESSAGE_STRIP_ERROR=Josla Negatīvs
+MESSAGE_STRIP_ACTION=Darbības josla
+REVIEWS=atsauksmes
+STARS=zvaigznītes
+SELECT_OPTIONS=Atlasīt iespējas
+SELECT_ALL=Atlasīt visu
+TEXTAREA_CHARACTERS_LEFT=Atlikušo rakstzīmju skaits: {0}
+VALUE_STATE_TYPE_ERROR=Lauka statuss Kļūda
+VALUE_STATE_TYPE_WARNING=Lauka statuss Brīdinājums
+VALUE_STATE_TYPE_SUCCESS=Lauka statuss Sekmīgs
+VALUE_STATE_TYPE_STANDARD=Lauka statuss Standarts
+CAROUSEL_PREVIOUS_ARROW_TEXT=Iepriekšējā lapa
+CAROUSEL_NEXT_ARROW_TEXT=Nākamā lapa
+NO_MATCHES_FOUND=Nav atrasta neviena atbilstība.
+BREADCRUMBS_ARIA_LABEL=Hierarhiskās navigācijas ceļš
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Vairāk
+STEPINPUT_INC_ICON_TITLE=Palielināt daudzumu par
+STEPINPUT_DEC_ICON_TITLE=Samazināt daudzumu par
+TABLE_NO_DATA_FOUND=Dati nav atrasti
+VALUE_STATE_ERROR=Nederīgs ieraksts
+VALUE_STATE_WARNING=Brīdinājums ir izsniegts
+VALUE_STATE_INFORMATION=Informatīvs ieraksts
+VALUE_STATE_SUCCESS=Ieraksts sekmīgi pārbaudīts
+READ_ONLY=Tikai lasāms
+SWITCH_ACCOUNT=Pārslēgt kontu
+BACK=Atpakaļ
+OTHER_IDENTITIES=Citas identitātes
+ADD_OR_REMOVE_ACCOUNT=Pievienot vai noņemt kontu
+COUNTRY_SELECT=Atlasīt valsti
+CART=Grozs
+COUNTRY_SELECTOR=Valsts atlasītājs
+PHONE_NUMBER=Tālruņa numurs
+CONTACT_US=Sazināties ar mums
+EMAIL=E-pasts
+CHAT_WITH_US=Tērzēt ar mums
+QUICK_LINKS=Ātrās saites
+TRENDING=Tendenču izveide
+ABOUT_SAP=Par SAP
+SITE_INFORMATION=Informācija par vietni
+AVATAR_TEXT=Avatārs
+CALENDAR_ICON=Atvērt kalendāra ikonu
+LIST_ITEM_EDIT_ICON=Rediģēt saraksta pozīcijas ierakstu
+LIST_ITEM_DELETE_ICON=Dzēst saraksta pozīcijas ierakstu
+BACK_BUTTON_LABEL=poga Atpakaļ
+STATUS_BADGE_TEXT=Statusa emblēma
+STATUS_BADGE_EDIT_TITLE=Noklikšķiniet, lai rediģētu profilu
+STATUS_BADGE_INFORMATION_TITLE=Noklikšķiniet, lai atvērtu profila informāciju
+STATUS_BADGE_WARNING_TITLE=Brīdinājums, potenciāls risks saistībā ar profilu
+STATUS_BADGE_ERROR_TITLE=Profilā ir kļūda
+STATUS_BADGE_SUCCESS_TITLE=Sekmīgi apstiprināts profils
+PROFILE=Profils
+OPENS_IN_A_NEW_WINDOW=atveras jaunā logā
+TEXT_FIELD=Teksta lauks
+UPLOADING_FILE_STATUS_TEXT=Notiek augšupielāde
+TERMINATED_FILE_STATUS_TEXT=Pārtraukts
+REMOVE_FILE_TEXT=Noņemt failu
+UPLOAD_BUTTON_LABEL=Augšupielādēt failu
+COMPLETE_LIST_OF=Pilns saraksts ar:
+CALL_US_TODAY=Zvaniet mums šodien!
+SEARCH=Meklēt
+RESULT_RETURNED=atgriezti rezultāti.
+SOCIAL_MEDIA_BUTTON=Sociālās multivides poga
+PROMO_TILE=Reklāmas flīzīte
+PROMO_TILE_ICON=Reklāmas flīzītes ikona
+PLAY_BUTTON_ACCESSIBLE_NAME=Sākuma poga, lai sāktu klientu logotipu rotāciju
+PAUSE_BUTTON_ACCESSIBLE_NAME=Apturēšanas poga, lai apturētu klientu logotipu rotāciju
+LOCATION=Norises vieta
+TOAST_CLOSE_ACCESSIBLE_NAME=Aizvērt
+DISABLED=Atspējots
+EXPAND=Izvērst
+COLLAPSE=Sakļaut

package/src/i18n/messagebundle_nl.properties

@@ -3,3 +3,129 @@ OVERVIEW=Overzicht
 LOGOUT=Afmelden
 MAIN_LINKS=Belangrijkste links
 BACK_TO_TOP=Terug naar boven
+COUNT=Aantal
+OF=van
+PAGINATION_PAGE=Pagina
+SELECTED=Geselecteerd
+UNSELECTED=Niet geselecteerd
+INDETERMINATE=Onbepaald
+EDIT_BUTTON=Bewerken
+DELETE_BUTTON=Wissen
+BACK_TO_REGION_LIST=Terug naar regiolijst
+BUTTON_ARIA_TYPE_PRIMARY=Primair
+BUTTON_ARIA_TYPE_SECONDARY=Secundair
+BUTTON_ARIA_TYPE_TERTIARY=Tertiair
+BUTTON_ARIA_TYPE_WARNING=Waarschuwing
+BUTTON_ARIA_TYPE_POSITIVE=Positief
+BUTTON_ARIA_TYPE_NEGATIVE=Negatief
+BUTTON_ARIA_EMPHASIZED=Benadrukt
+BUTTON_ARIA_DEFAULT=Standaard
+BUTTON_ARIA_TRANSPARENT=Transparant
+BUTTON_ARIA_ATTENTION=Let op
+DATEPICKER_DATE_DESCRIPTION=Datuminvoer
+TOGGLED=Omgeschakeld
+FIRST_PAGE=Eerste pagina
+LAST_PAGE=Laatste pagina
+PREVIOUS_PAGE=Vorige pagina
+NEXT_PAGE=Volgende pagina
+CURRENT_PAGE=Huidige pagina
+ACTIVATE_PAGE=Paginanummer activeren
+SUGGESTED_TEXT=voorgestelde zoekopdrachten
+ACCESSIBLE_NAME_SEARCH_ICON=Zoeken
+TOOLTIP_VOICE_BUTTON=Spraak
+TOOLTIP_SUBMIT_BUTTON=Verzenden
+LISTENING=Luisteren
+AVAILABLE_VALUES=Beschikbare waarden
+RECOMMENDED_TEXT=Aanbevolen pagina's
+EXPAND_ALL=Alles weergeven
+COLLAPSE_ALL=Alles verbergen
+MORE=Meer
+ATTENTION_BADGE=Notificatiebadge
+READ_MORE=Lees verder
+READ_LESS=Minder lezen
+SHOW_MORE=Meer weergeven
+SHOW_LESS=Minder weergeven
+RATING_INDICATOR_TEXT=Beoordelingsindicator
+RATING_INDICATOR_TOOLTIP_TEXT=Beoordeling
+RATING_INDICATOR_ARIA_DESCRIPTION=Verplicht
+TOTAL=Totaal
+RATING_COUNT_TITLE=Beoordeling
+ARIA_LABEL_LIST_MULTISELECTABLE=Bevat meerdere selecteerbare elementen
+ARIA_LABEL_LIST_SELECTABLE=Bevat selecteerbare elementen
+SHOW_RESULTS=Resultaten weergeven
+RESET=Opnieuw instellen
+MESSAGE_STRIP_CLOSE_BUTTON=Sluitknop statusbalk
+MESSAGE_STRIP_INFORMATION=Informatiebalk
+MESSAGE_STRIP_SUCCESS=Positieve balk
+MESSAGE_STRIP_WARNING=Waarschuwingsbalk
+MESSAGE_STRIP_ERROR=Negatieve balk
+MESSAGE_STRIP_ACTION=Knoppenbalk
+REVIEWS=Beoordelingen
+STARS=Sterren
+SELECT_OPTIONS=Opties selecteren
+SELECT_ALL=Alles selecteren
+TEXTAREA_CHARACTERS_LEFT={0} resterende tekens
+VALUE_STATE_TYPE_ERROR=Veldstatusfout
+VALUE_STATE_TYPE_WARNING=Waarschuwing veldstatus
+VALUE_STATE_TYPE_SUCCESS=Veldstatus geslaagd
+VALUE_STATE_TYPE_STANDARD=Veldstatusstandaard
+CAROUSEL_PREVIOUS_ARROW_TEXT=Vorige pagina
+CAROUSEL_NEXT_ARROW_TEXT=Volgende pagina
+NO_MATCHES_FOUND=Geen overeenkomsten gevonden.
+BREADCRUMBS_ARIA_LABEL=Navigatiepad
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Meer
+STEPINPUT_INC_ICON_TITLE=Hoeveelheid verhogen met
+STEPINPUT_DEC_ICON_TITLE=Hoeveelheid verlagen met
+TABLE_NO_DATA_FOUND=Geen gegevens gevonden
+VALUE_STATE_ERROR=Ongeldige invoer
+VALUE_STATE_WARNING=Waarschuwing afgegeven
+VALUE_STATE_INFORMATION=Informatieve invoer
+VALUE_STATE_SUCCESS=Invoer succesvol gevalideerd
+READ_ONLY=Alleen-lezen
+SWITCH_ACCOUNT=Van account wisselen
+BACK=Terug
+OTHER_IDENTITIES=Overige identiteiten
+ADD_OR_REMOVE_ACCOUNT=Account toevoegen of verwijderen
+COUNTRY_SELECT=Land selecteren
+CART=Winkelwagen
+COUNTRY_SELECTOR=Landenkiezer
+PHONE_NUMBER=Telefoonnummer
+CONTACT_US=Contact opnemen
+EMAIL=E-mail
+CHAT_WITH_US=Chat met ons
+QUICK_LINKS=Snel naar...
+TRENDING=Populair
+ABOUT_SAP=Over SAP
+SITE_INFORMATION=Over deze site
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Kalenderpictogram openen
+LIST_ITEM_EDIT_ICON=Invoer van lijstpositie bewerken
+LIST_ITEM_DELETE_ICON=Invoer van lijstpositie verwijderen
+BACK_BUTTON_LABEL=Knop terug
+STATUS_BADGE_TEXT=Statusbadge
+STATUS_BADGE_EDIT_TITLE=Klik om profiel te bewerken
+STATUS_BADGE_INFORMATION_TITLE=Klik om profielinformatie te openen
+STATUS_BADGE_WARNING_TITLE=Waarschuwing: potentieel risico met het profiel
+STATUS_BADGE_ERROR_TITLE=Er is een probleem met het profiel
+STATUS_BADGE_SUCCESS_TITLE=Profiel succesvol geverifieerd
+PROFILE=Profiel
+OPENS_IN_A_NEW_WINDOW=Opent in een nieuw tabblad
+TEXT_FIELD=Tekstveld
+UPLOADING_FILE_STATUS_TEXT=Bezig met uploaden
+TERMINATED_FILE_STATUS_TEXT=Beëindigd
+REMOVE_FILE_TEXT=Bestand verwijderen
+UPLOAD_BUTTON_LABEL=Bestand uploaden
+COMPLETE_LIST_OF=Volledige lijst van
+CALL_US_TODAY=Bel ons vandaag nog!
+SEARCH=Zoeken
+RESULT_RETURNED=Resultaten geretourneerd
+SOCIAL_MEDIA_BUTTON=Social media-knop
+PROMO_TILE=Promotiekader
+PROMO_TILE_ICON=Pictogram promotiekader
+PLAY_BUTTON_ACCESSIBLE_NAME=Startknop om rotatie van klantlogo's te starten
+PAUSE_BUTTON_ACCESSIBLE_NAME=Pauzeknop om rotatie van klantlogo's te stoppen
+LOCATION=Locatie
+TOAST_CLOSE_ACCESSIBLE_NAME=Afsluiten
+DISABLED=Uitgeschakeld
+EXPAND=Uitvouwen
+COLLAPSE=Verbergen

package/src/themes/AccordionItem.css

@@ -27,6 +27,7 @@
 }
 
 [udex-divider] {
+  --udex-divider-transition: border-color 300ms ease-in;
   --udex-divider-padding: 0;
   --udex-divider-color: var(--udex-accordion-item-border-color);
 }
@@ -48,6 +49,7 @@
   gap: var(--udexSpacer12, 12px);
   padding: var(--udex-accordion-item-header-padding);
   line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+  transition: color 300ms ease-in;
 }
 
 .udex-accordion-item__header--large {
@@ -72,7 +74,7 @@
 }
 
 .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
-  transform: rotate(90deg);
+  transform: rotate(-270deg)
 }
 
 :host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
@@ -84,13 +86,14 @@
 }
 
 :host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
-  transform: rotate(90deg);
+  transform: rotate(-270deg)
 }
 
 .udex-accordion-item__icon {
   height: var(--udex-accordion-item-button-icon-m-size);
   width: var(--udex-accordion-item-button-icon-m-size);
   color: var(--udex-accordion-item-icon-color);
+  transition: transform 400ms ease-in;
 }
 
 .udex-accordion-item__icon-wrapper {
@@ -121,7 +124,8 @@
 .udex-accordion-item__content {
   max-height: 0;
   overflow: hidden;
-  transition: max-height 200ms ease-in;
+  opacity: 0;
+  transition: max-height 400ms ease-in, opacity 400ms ease-in;
 }
 
 .udex-accordion-item__content-inner {
@@ -134,6 +138,7 @@
 
 :host([expanded]) .udex-accordion-item__content {
   max-height: var(--udex-accordion-item-content-max-height);
+  opacity: 1;
 }
 
 .udex-accordion-item__badge {

package/src/themes/BreadcrumbsPopover.css

@@ -3,7 +3,7 @@
   --udex-breadcrumbs-current-item-color:  var(--udexColorGrey9, #223548);
   --udex-breadcrumbs-dropdown-item-font-size:  var(--udexTypographyNavigationMediumXSFontSize, 12px);
   --udex-breadcrumbs-dropdown-item-line-height:  var(--udexTypographyNavigationLineHeight, 1.1);
-  --udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 54, 73, 0.25));
+  --udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 rgba(34, 53, 72, 0.25));
 }
 
 .udex-breadcrumbs__popover {

package/src/themes/Contact.css

@@ -1,13 +1,13 @@
 :host {
   --udex-contact-popover-width: 360px;
-  --udex-contact-popover-shadow: 0 20px 80px 0 rgba(34, 54, 73, 0.25), 0 0 0 0 rgba(255, 255, 255, 0.00);
+  --udex-contact-popover-shadow: 0 20px 80px 0 rgba(34, 53, 72, 0.25), 0 0 0 0 rgba(255, 255, 255, 0.00);
   --udex-contact-call-us-background: var(--udexColorBlue7, #0070F2);
   --udex-contact-call-us-padding: 28px var(--udexSpacer32);
-  --udex-contact-botton-position: var(--udexSpacer24);
+  --udex-contact-button-position: var(--udexSpacer24);
   --udex-contact-right-position: var(--udexSpacer24);
 
   position: fixed;
-  bottom: var(--udex-contact-botton-position);
+  bottom: var(--udex-contact-button-position);
   right: var(--udex-contact-right-position);
 }
 

package/src/themes/Divider.css

@@ -1,9 +1,11 @@
 :host {
   --udex-divider-color: var(--udexColorGrey3, #D5DADD);
   --udex-divider-padding: var(--udexSpacer2) 0;
+  --udex-divider-transition: none;
 }
 
 .udex-divider {
+  transition: var(--udex-divider-transition);
   border-top: 1px solid var(--udex-divider-color);
   display: block;
 }

package/src/themes/FilterMenu.css

@@ -80,7 +80,7 @@
 }
 
 .udex-filter-menu__trigger-prefix {
-  margin-right: var(--udexSpacer8, 8px);
+  margin-inline-end: var(--udexSpacer8, 8px);
   color: var(--udex-filter-menu-trigger-prefix-color-default);
 }
 

package/src/themes/Link.css

@@ -80,6 +80,24 @@
   line-height: var(--udex-link-line-height);
 }
 
+:host([wrapping-type="None"]) .ui5-link-root {
+  overflow: hidden;
+}
+
+:host([wrapping-type="None"][icon]) .ui5-link-root {
+  display: inline-flex;
+  align-items: center;
+}
+
+:host([wrapping-type="None"][end-icon]) .ui5-link-root {
+  align-items: center;
+}
+
+:host([wrapping-type="None"][end-icon]) .ui5-link-text {
+  white-space: nowrap;
+  min-width: 0;
+}
+
 [ui5-link][disabled] .linkIcon {
   opacity: inherit;
 }
@@ -156,11 +174,11 @@
   margin-inline-end: 0;
   padding-inline-end: var(--udexSpacer4, 4px);
   float: none;
-  vertical-align: text-bottom;
+  vertical-align: calc(0.5cap - (var(--udex-link-icon-height) / 2));
 }
 
 .ui5-link-end-icon {
   margin-inline-start: calc(var(--udexSpacer20)* -1);;
   padding-inline-start: var(--udexSpacer4, 4px);
-  vertical-align: text-bottom;
+  vertical-align: calc(0.5cap - (var(--udex-link-icon-height) / 2));
 }

package/src/themes/ListGroupHeader.css

@@ -176,12 +176,29 @@
 :host([collapsible][mode="MultiSelect"]) header:focus:before,
 :host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,
 :host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,
-:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before {
+:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before,
+:host(._udex-active-descendant) .udex-list__group-content:before,
+:host(._udex-active-descendant) .udex-list__inactive-header:before {
   content: '';
   position: absolute;
   inset: 0;
   outline: var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);
   outline-offset: -4px;
   border-radius: var(--udexRadiusM, 8px);
+  pointer-events: none;
+}
+
+/* Group header ring via [part="group-item"]: use ::after to avoid conflicting
+   with the [selected]::before left accent bar on the inner list item. */
+:host(._udex-active-descendant) [part="group-item"] {
+  position: relative;
+}
+:host(._udex-active-descendant) [part="group-item"]:after {
+  content: '';
+  position: absolute;
+  inset: 4px;
+  outline: var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);
+  border-radius: var(--udexRadiusM, 8px);
+  pointer-events: none;
 }