@sapudex/web-components 2.16.0 → 2.17.0

package/dist/css/themes/CountrySelector.css

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

package/dist/css/themes/PhoneNumberField.css

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

package/dist/css/themes/Quote.css

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

package/dist/css/themes/RatingIndicator.css

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

package/dist/css/themes/Search.css

@@ -1 +1 @@
-:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 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);line-height:18px;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:linear-gradient(transparent 60%,var(--udex-input-color-background-light) 60%)}:host([active]:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{background:linear-gradient(transparent 35%,var(--udex-input-color-background-light) 35%)}: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}[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.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[udex-button][active].udex-search__button.udex-search__voice-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(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
+:host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 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);line-height:18px;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}[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.udex-search__voice-button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button].udex-search__button.udex-search__voice-button.udex-search__voice-button--active,[udex-button][active].udex-search__button.udex-search__voice-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(--udexCoreBase);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexCoreBase);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexCoreBorderDefault);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}

package/dist/css/themes/Slider.css

@@ -1 +1 @@
-:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 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: -.875rem;--udex-slider-start-end-point-right: -.875rem;--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(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--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)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);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-v2-16-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{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)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.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)}
+: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: -.875rem;--udex-slider-start-end-point-right: -.875rem;--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(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--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)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);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-v2-17-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{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)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.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)}

package/dist/css/themes/TextArea.css

@@ -1 +1 @@
-:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--udexCoreSemanticWarning6, #e76500);--udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);--udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);--udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-textarea-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-textarea-color-error-actives-border: var(--udexCoreSemanticError9, #840606);--udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-textarea-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);--udex-textarea-color-disabled-default-background: var(--sapField_Background, #fff);--udex-textarea-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-textarea-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);--udex-textarea-color-label-background: transparent;--udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;--udex-textarea-radius: var(--udexRadiusXS, 4px);--udex-textarea-height: 50px;--udex-textarea-border-width: 1px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-textarea-color-standard-default-text)}.udex-textarea{position:relative}.udex-textarea__label{font-weight:var(--udexTypographyFontWeightRegular, 400);position:absolute;top:10px;margin-inline-start:9px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-textarea-color-standard-default-label);line-height:24px;transition:top .15s ease-out,font-size .15s ease-out}.udex-textarea__label--active{top:-11px;font-size:var(--udex-textarea-active-lable-font-size);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-standard-default-background) 60%)}:host(:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-standard-default-background) 30%)}:host [ui5-icon]{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-textarea__field{display:block;box-sizing:border-box;width:100%;height:var(--udex-textarea-height);max-height:94vh;margin:0;padding:var(--udex-textarea-paddings);background:var(--udex-textarea-color-standard-default-background);border-radius:var(--udex-textarea-radius);border:var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);font-weight:var(--udexTypographyFontWeightRegular, 400);outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-textarea__field:hover{border-color:var(--udex-textarea-color-standard-hover-border)}.udex-textarea__field:focus{border-color:var(--udex-textarea-color-standard-actives-border)}.udex-textarea__wrapper{position:relative}:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}:host([value-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([value-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-warning-default-background) 60%)}:host([value-state="Warning"]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-warning-default-background) 30%)}:host([value-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([value-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([value-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([value-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-error-default-background) 60%)}:host([value-state="Error"]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-error-default-background) 30%)}:host([value-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([value-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([value-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([value-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-success-default-background) 60%)}:host([value-state="Success"]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-success-default-background) 30%)}:host([value-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([value-state="Success"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-success-actives-border)}:host([disabled]) .udex-textarea{opacity:.4}:host([disabled]) .udex-textarea__field,:host([disabled]) .udex-textarea__field:hover{background-color:var(--udex-textarea-color-disabled-default-background);border-color:var(--udex-textarea-color-disabled-default-border)}:host([disabled]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-disabled-default-background) 60%)}:host([disabled]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-disabled-default-background) 30%)}:host([readonly]) .udex-textarea,:host([displayonly]) .udex-textarea{opacity:1}:host([readonly]) .udex-textarea__field,:host([readonly]) .udex-textarea__field:hover,:host([readonly]) .udex-textarea__field:focus{background-color:var(--udex-textarea-color-readonly-default-background);border-color:var(--udex-textarea-color-readonly-default-border)}:host([readonly]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-readonly-default-background) 60%)}:host([readonly]:not([_is-touched])[active]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 30%,var(--udex-textarea-color-readonly-default-background) 30%)}:host([displayonly]) .udex-textarea__field,:host([displayonly]) .udex-textarea__field:hover,:host([displayonly]) .udex-textarea__field:focus{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-textarea__label--active{background:transparent}:host([rows]) .udex-textarea__field{height:auto}:host([rows="1"]) .udex-textarea__field{height:var(--udex-textarea-height)}.udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-standard-default-background)}:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-success-default-background)}:host([disabled]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-disabled-default-background)}:host([readonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-readonly-default-background)}:host([displayonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid transparent}.hidden-text{display:none}.hidden-label{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}
+:host{--udex-textarea-color-standard-default-background: var(--sapField_Background, #fff);--udex-textarea-color-standard-default-border: var(--sapField_BorderColor, #5b738b);--udex-textarea-color-standard-default-text: var(--sapField_TextColor, #223548);--udex-textarea-color-standard-default-label: var(--sapField_PlaceholderTextColor, #475e75);--udex-textarea-color-standard-hover-border: var(--sapField_Hover_BorderColor, #1b90ff);--udex-textarea-color-standard-actives-border: var(--sapField_Active_BorderColor, #0040b0);--udex-textarea-color-warning-default-background: var(--sapField_WarningBackground, #fff);--udex-textarea-color-warning-default-border: var(--udexCoreSemanticWarning6, #e76500);--udex-textarea-color-warning-hover-border: var(--sapField_WarningColor, #c35500);--udex-textarea-color-warning-actives-border: var(--sapWarningColor, #8d2a00);--udex-textarea-color-error-default-background: var(--sapField_InvalidBackground, #fff);--udex-textarea-color-error-default-border: var(--udexCoreSemanticError6, #ee3939);--udex-textarea-color-error-hover-border: var(--sapField_InvalidColor, #d20a0a);--udex-textarea-color-error-actives-border: var(--udexCoreSemanticError9, #840606);--udex-textarea-color-success-default-background: var(--sapField_SuccessBackground, #fff);--udex-textarea-color-success-default-border: var(--udexCoreSemanticSuccess6, #36a41d);--udex-textarea-color-success-hover-border: var(--sapField_SuccessColor, #188918);--udex-textarea-color-success-actives-border: var(--sapSuccessColor, #1e592f);--udex-textarea-color-disabled-default-background: var(--sapField_Background, #fff);--udex-textarea-color-disabled-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-color-readonly-default-background: var(--sapField_ReadOnly_Background, #eaecee);--udex-textarea-color-readonly-default-border: var(--sapNeutralElementColor, #5b738b);--udex-textarea-active-lable-font-size: var(--sapFontSmallSize, 12px);--udex-textarea-color-label-background: var(--sapField_Background, #fff);--udex-textarea-paddings: 9px var(--udexSpacer12, 12px) 15px;--udex-textarea-radius: var(--udexRadiusXS, 4px);--udex-textarea-height: 50px;--udex-textarea-border-width: 1px;font-family:var(--sapFontFamily, sans-serif);font-size:var(--sapFontSize, 16px);color:var(--udex-textarea-color-standard-default-text)}.udex-textarea{position:relative}.udex-textarea__label{font-weight:var(--udexTypographyFontWeightRegular, 400);position:absolute;top:10px;margin-inline-start:9px;padding:0 var(--udexSpacer4, 4px);color:var(--udex-textarea-color-standard-default-label);line-height:24px;transition:top .15s ease-out,font-size .15s ease-out}.udex-textarea__label--active{top:-11px;font-size:var(--udex-textarea-active-lable-font-size);line-height:1.5;z-index:2;background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-standard-default-background) 60%)}:host [ui5-icon]{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-textarea__field{display:block;box-sizing:border-box;width:100%;height:var(--udex-textarea-height);max-height:94vh;margin:0;padding:var(--udex-textarea-paddings);background:var(--udex-textarea-color-standard-default-background);border-radius:var(--udex-textarea-radius);border:var(--udex-textarea-border-width) solid var(--udex-textarea-color-standard-default-border);font-weight:var(--udexTypographyFontWeightRegular, 400);outline:none;color:inherit;font-size:inherit;font-family:inherit;font-style:inherit;-webkit-appearance:none;-moz-appearance:textfield;overflow:auto;resize:none;line-height:24px;letter-spacing:inherit;word-spacing:inherit}.udex-textarea__field:hover{border-color:var(--udex-textarea-color-standard-hover-border)}.udex-textarea__field:focus{border-color:var(--udex-textarea-color-standard-actives-border)}.udex-textarea__wrapper{position:relative}:host(:not([_is-touched])[active]) .udex-textarea__wrapper:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}:host([value-state="Warning"]) .udex-textarea__field{background-color:var(--udex-textarea-color-warning-default-background);border-color:var(--udex-textarea-color-warning-default-border)}:host([value-state="Warning"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-warning-default-background) 60%)}:host([value-state="Warning"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-warning-hover-border)}:host([value-state="Warning"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-warning-actives-border)}:host([value-state="Error"]) .udex-textarea__field{background-color:var(--udex-textarea-color-error-default-background);border-color:var(--udex-textarea-color-error-default-border)}:host([value-state="Error"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-error-default-background) 60%)}:host([value-state="Error"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-error-hover-border)}:host([value-state="Error"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-error-actives-border)}:host([value-state="Success"]) .udex-textarea__field{background-color:var(--udex-textarea-color-success-default-background);border-color:var(--udex-textarea-color-success-default-border)}:host([value-state="Success"]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-success-default-background) 60%)}:host([value-state="Success"]) .udex-textarea__field:hover{border-color:var(--udex-textarea-color-success-hover-border)}:host([value-state="Success"]) .udex-textarea__field:focus{border-color:var(--udex-textarea-color-success-actives-border)}:host([disabled]) .udex-textarea{opacity:.4}:host([disabled]) .udex-textarea__field,:host([disabled]) .udex-textarea__field:hover{background-color:var(--udex-textarea-color-disabled-default-background);border-color:var(--udex-textarea-color-disabled-default-border)}:host([disabled]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-disabled-default-background) 60%)}:host([readonly]) .udex-textarea,:host([displayonly]) .udex-textarea{opacity:1}:host([readonly]) .udex-textarea__field,:host([readonly]) .udex-textarea__field:hover,:host([readonly]) .udex-textarea__field:focus{background-color:var(--udex-textarea-color-readonly-default-background);border-color:var(--udex-textarea-color-readonly-default-border)}:host([readonly]) .udex-textarea__label--active{background:linear-gradient(var(--udex-textarea-color-label-background) 60%,var(--udex-textarea-color-readonly-default-background) 60%)}:host([displayonly]) .udex-textarea__field,:host([displayonly]) .udex-textarea__field:hover,:host([displayonly]) .udex-textarea__field:focus{background-color:transparent;border-color:transparent}:host([displayonly]) .udex-textarea__label--active{background:transparent}:host([rows]) .udex-textarea__field{height:auto}:host([rows="1"]) .udex-textarea__field{height:var(--udex-textarea-height)}.udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-standard-default-background)}:host([value-state="Warning"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-warning-default-background)}:host([value-state="Error"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-error-default-background)}:host([value-state="Success"]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-success-default-background)}:host([disabled]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-disabled-default-background)}:host([readonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid var(--udex-textarea-color-readonly-default-background)}:host([displayonly]) .udex-textarea__field::-webkit-scrollbar-thumb{border:2px solid transparent}.hidden-text{display:none}.hidden-label{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}

package/dist/css/themes/TextField.css

@@ -1 +1 @@
-:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%;--udex-input-background-color: var(--sapField_Background, var(--udexColorNeutralWhite))}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border);background-color:var(--udex-input-background-color)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8)}:host([displayonly]:dir(ltr)) .udex-text-field__label,:host([displayonly]:dir(rtl)) .udex-text-field__label{padding:0}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);padding:0 var(--udexSpacer4);font-size:12px;background:linear-gradient(transparent 60%,var(--udex-input-color-standard-default-background-light) 60%)}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 40%,var(--udex-input-color-standard-default-background-light) 40%)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 60%,var(--udex-input-color-read-only-default-background) 60%)}:host([readonly]:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(transparent 60%,var(--udex-input-color-read-only-default-background) 60%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}
+:host{--udex-input-color-standard-default-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-standard-default-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-supporting-text: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-standard-default-typed-text: var(--sapField_TextColor, var(--udexCoreTextDark));--udex-input-color-standard-default-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-standard-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-standard-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-color-error-default-border: var(--udexCoreSemanticError6, #EE3939);--udex-input-color-error-hover-border: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-error-active-border: var(--udexCoreSemanticError9, #840606);--udex-input-color-error-default-supporting-text: var(--sapField_InvalidColor, var(--udexCoreSemanticError7));--udex-input-color-warning-default-border: var(--udexCoreSemanticWarning6, #E76500);--udex-input-color-warning-hover-border: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-warning-active-border: var(--udexCoreSemanticWarning9, #8D2A00);--udex-input-color-warning-default-supporting-text: var(--sapField_WarningColor, var(--udexCoreSemanticWarning7));--udex-input-color-success-default-border: var(--udexCoreSemanticSuccess6, #36A41D);--udex-input-color-success-hover-border: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-success-active-border: var(--udexCoreSemanticSuccess9, #1E592F);--udex-input-color-success-default-supporting-text: var(--sapField_SuccessColor, var(--udexCoreSemanticSuccess7));--udex-input-color-disabled-border: var(--udexColorGrey6, #5B738B);--udex-input-color-disabled-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-color-read-only-default-border: var(--sapField_ReadOnly_BorderColor, var(--udexColorGrey6));--udex-input-color-read-only-default-background: var(--sapField_ReadOnly_Background, var(--udexColorGrey2));--udex-input-padding: 0 var(--udexSpacer12, 12px);--udex-input-min-width-xs-and-s: 100%;--udex-input-max-width: 100%}.udex-text-field__wrap{display:flex;position:relative;border-radius:var(--udexRadiusXS, 4px);border:1px solid var(--udex-input-color-standard-default-border);background-color:var(--udex-input-color-standard-default-background-light)}.udex-text-field__wrap:hover{border-color:var(--udex-input-color-standard-hover-border)}.udex-text-field__container{position:relative;font-family:var(--sapFontFamily, sans-serif);max-width:var(--udex-input-max-width);width:100%}@media (width < 640px){.udex-text-field__container{min-width:var(--udex-input-min-width-xs-and-s)}}:host([disabled]) .udex-text-field__container{opacity:var(--sapContent_DisabledOpacity)}.udex-text-field__input{width:100%;height:40px;font-size:var(--sapProgress_FontSize, 16px);font-family:inherit;line-height:24px;color:var(--udex-input-color-standard-default-typed-text);padding:var(--udex-input-padding);border-radius:var(--udexRadiusXS, 4px);box-sizing:border-box;font-weight:var(--udexTypographyFontWeightRegular, 400);background:transparent;border:none;text-overflow:ellipsis}.udex-text-field__input:focus{outline:none}:host(:not([_is-touched]):not([aria-expanded="true"])[active]) .udex-text-field__wrap:before{content:"";position:absolute;z-index:-1;inset:-5px;border:2px solid var(--udexColorBlue10);border-radius:var(--udexRadiusS, 6px)}.udex-text-field__wrap[open],:host([active]) .udex-text-field__wrap{border-color:var(--udex-input-color-standard-active-border);outline:0}.udex-text-field__wrap[open]:hover{border-color:var(--udex-input-color-standard-active-border)}:host([disabled]) .udex-text-field__wrap{border-color:var(--udex-input-color-disabled-border);background-color:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__wrap{border-color:var(--udex-input-color-read-only-default-border);background-color:var(--udex-input-color-read-only-default-background)}:host([value-state="Success"][displayonly]) .udex-text-field__wrap,:host([value-state="Warning"][displayonly]) .udex-text-field__wrap,:host([value-state="Error"][displayonly]) .udex-text-field__wrap,:host([displayonly]) .udex-text-field__wrap{border:0;background-color:transparent;font-family:inherit}:host([displayonly]) .udex-text-field__wrap[open],:host([displayonly]) .udex-text-field__wrap{outline:0;border:0}:host([displayonly][value-state="Success"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Warning"]) .udex-text-field__wrap:hover,:host([displayonly][value-state="Error"]) .udex-text-field__wrap:hover{border:none}:host([value-state="Error"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-default-border)}:host([value-state="Error"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-error-hover-border)}:host([value-state="Error"]) .udex-text-field__wrap[open],:host([value-state="Error"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-error-active-border);outline:0}:host([value-state="Warning"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-default-border)}:host([value-state="Warning"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-warning-hover-border)}:host([value-state="Warning"]) .udex-text-field__wrap[open],:host([value-state="Warning"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-warning-active-border);outline:0}:host([value-state="Success"]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-default-border)}:host([value-state="Success"]) .udex-text-field__wrap:hover{border:1px solid var(--udex-input-color-success-hover-border)}:host([value-state="Success"]) .udex-text-field__wrap[open],:host([value-state="Success"][active]) .udex-text-field__wrap{border:1px solid var(--udex-input-color-success-active-border);outline:0}.udex-text-field__label{position:absolute;z-index:2;color:var(--udex-input-color-standard-default-label);transition:transform .15s ease-out,font-size .15s ease-out;line-height:24px;font-weight:var(--udexTypographyFontWeightRegular, 400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--udexSpacer12) * 2);padding:0 var(--udexSpacer4)}.udex-text-field__container:dir(rtl) .udex-text-field_icon-container{left:1px;right:auto}.udex-text-field__container:dir(ltr) .udex-text-field__label,.udex-text-field__container:dir(rtl) .udex-text-field__label{top:9px}.udex-text-field__container:dir(ltr) .udex-text-field__label{left:var(--udexSpacer8)}.udex-text-field__container:dir(rtl) .udex-text-field__label{right:var(--udexSpacer8)}.udex-text-field__label.udex-text-field__label_active,:host:has(.udex-text-field__input:-webkit-autofill) .udex-text-field__label{line-height:18px;transform:translateY(-110%);font-size:12px;background:var(--udex-input-color-standard-default-background-light)}:host([readonly]) .udex-text-field__label.udex-text-field__label_active{background:linear-gradient(var(--udex-input-color-standard-default-background-light) 65%,var(--udex-input-color-read-only-default-background) 65%)}:host([displayonly][readonly]) .udex-text-field__label.udex-text-field__label_active,:host([displayonly]) .udex-text-field__label.udex-text-field__label_active{background-color:transparent;background:none}:host([disabled]) .udex-text-field__label{color:var(--udex-input-color-disabled-label)}.udex-text-field_icon-container{--sapContent_DisabledOpacity: 1;--sapButton_BorderWidth: 0 0 0 1px;--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px;position:relative;padding:var(--udexSpacer4, 4px)}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap:hover .udex-text-field_icon-container{--udex-control-button-border-color: var(--udexColorGrey4, #A9B4BE);--sapButton_BorderWidth: 0 1px 0 0}:host(:dir(rtl):not([readonly]):not([displayonly]):not([disabled])) .udex-text-field__wrap .udex-text-field_icon-container{--sapButton_BorderWidth: 0 1px 0 0}.udex-text-field__supporting-text{font-size:12px;line-height:18px;color:var(--udex-input-color-standard-default-supporting-text);padding:4px 12px;display:block;position:relative}:host([value-state="Error"]) .udex-text-field__supporting-text{color:var(--udex-input-color-error-default-supporting-text)}:host([value-state="Warning"]) .udex-text-field__supporting-text{color:var(--udex-input-color-warning-default-supporting-text)}:host([value-state="Success"]) .udex-text-field__supporting-text{color:var(--udex-input-color-success-default-supporting-text)}.udex-text-field__icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px)}.udex-text-field__supporting-text-icon{color:inherit;vertical-align:top;margin-inline-end:var(--udexSpacer4, 4px);width:var(--sapContent_IconHeight, 16px);height:var(--sapContent_IconHeight, 16px)}.udex-text-field__input[type=number]::-webkit-outer-spin-button,.udex-text-field__input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.udex-text-field__input[type=number]{-moz-appearance:textfield;appearance:textfield}.hidden-text{display:none}

package/dist/custom-elements-internal.json

@@ -7328,6 +7328,19 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "selection-change",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when selection is changed by user interaction",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the accessible role of the component.",
@@ -7621,6 +7634,17 @@
             }
           ],
           "events": [
+            {
+              "name": "header-press",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when selectable group header is pressed",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true
+            },
             {
               "name": "first-icon-click",
               "_ui5privacy": "public",
@@ -9323,6 +9347,17 @@
             }
           ],
           "events": [
+            {
+              "name": "select-all",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the user clicks on the Select All header.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true
+            },
             {
               "name": "first-icon-click",
               "_ui5privacy": "public",
@@ -21120,6 +21155,16 @@
               "description": "Defines the behaviour of autocomplete.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "\"Text\" | \"Email\" | \"Number\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\""
+              },
+              "default": "\"Text\"",
+              "description": "Defines the type of inner input field.\nNote: Only URL and Email types can be used within this property. For other types, user should use dedicated UDEx component.\nThere is no custom logic on UDEx component side. Property is used only to pass it directly to html input element.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "direction",
@@ -21309,6 +21354,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the type of inner input field.\nNote: Only URL and Email types can be used within this property. For other types, user should use dedicated UDEx component.\nThere is no custom logic on UDEx component side. Property is used only to pass it directly to html input element.",
+              "name": "type",
+              "default": "\"Text\"",
+              "fieldName": "type",
+              "type": {
+                "text": "\"Text\" | \"Number\" | \"Email\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\""
+              }
+            },
             {
               "description": "Defines direction of the input.",
               "name": "direction",
@@ -21703,6 +21757,16 @@
               "default": "\"Center\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "opener",
+              "type": {
+                "text": "HTMLElement | string"
+              },
+              "description": "Defines the ID or DOM Reference of the element at which the popover is shown.",
+              "default": "undefined",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "accessibleName",
@@ -21877,6 +21941,15 @@
                 "text": "\"Top\" | \"Bottom\" | \"Center\" | \"Stretch\""
               }
             },
+            {
+              "description": "Defines the ID or DOM Reference of the element at which the popover is shown.",
+              "name": "opener",
+              "default": "undefined",
+              "fieldName": "opener",
+              "type": {
+                "text": "string | HTMLElement"
+              }
+            },
             {
               "description": "Defines the accessible name of the component.",
               "name": "accessible-name",

package/dist/custom-elements.json

@@ -6898,6 +6898,15 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "selection-change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when selection is changed by user interaction"
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the accessible role of the component.",
@@ -7190,6 +7199,13 @@
             }
           ],
           "events": [
+            {
+              "name": "header-press",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when selectable group header is pressed"
+            },
             {
               "name": "first-icon-click",
               "type": {
@@ -8797,6 +8813,13 @@
             }
           ],
           "events": [
+            {
+              "name": "select-all",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when the user clicks on the Select All header."
+            },
             {
               "name": "first-icon-click",
               "type": {
@@ -19744,6 +19767,16 @@
               "description": "Defines the behaviour of autocomplete.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "\"Text\" | \"Email\" | \"Number\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\""
+              },
+              "default": "\"Text\"",
+              "description": "Defines the type of inner input field.\nNote: Only URL and Email types can be used within this property. For other types, user should use dedicated UDEx component.\nThere is no custom logic on UDEx component side. Property is used only to pass it directly to html input element.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "direction",
@@ -19924,6 +19957,15 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Defines the type of inner input field.\nNote: Only URL and Email types can be used within this property. For other types, user should use dedicated UDEx component.\nThere is no custom logic on UDEx component side. Property is used only to pass it directly to html input element.",
+              "name": "type",
+              "default": "\"Text\"",
+              "fieldName": "type",
+              "type": {
+                "text": "\"Text\" | \"Number\" | \"Email\" | \"Password\" | \"Tel\" | \"URL\" | \"Search\""
+              }
+            },
             {
               "description": "Defines direction of the input.",
               "name": "direction",
@@ -20302,6 +20344,16 @@
               "default": "\"Center\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "opener",
+              "type": {
+                "text": "HTMLElement | string"
+              },
+              "description": "Defines the ID or DOM Reference of the element at which the popover is shown.",
+              "default": "undefined",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "accessibleName",
@@ -20450,6 +20502,15 @@
                 "text": "\"Top\" | \"Bottom\" | \"Center\" | \"Stretch\""
               }
             },
+            {
+              "description": "Defines the ID or DOM Reference of the element at which the popover is shown.",
+              "name": "opener",
+              "default": "undefined",
+              "fieldName": "opener",
+              "type": {
+                "text": "string | HTMLElement"
+              }
+            },
             {
               "description": "Defines the accessible name of the component.",
               "name": "accessible-name",

package/dist/generated/templates/SearchTemplate.lit.js

@@ -2,7 +2,7 @@
 import { html, repeat, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
 function block0(context, tags, suffix) { return suffix ? html `<div class="udex-search__root ${ifDefined(this.searchClasses)}">${this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined}<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}${this.open ? block5.call(this, context, tags, suffix) : undefined}<div class="udex-search__icons">${this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined}${this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined}${this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined}${this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined}${this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined}${this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined}</div></form></div><${scopeTag("ui5-popover", tags, suffix)} class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix)}</${scopeTag("ui5-popover", tags, suffix)}>` : html `<div class="udex-search__root ${ifDefined(this.searchClasses)}">${this.isShowSearchHomePrefix ? block1.call(this, context, tags, suffix) : undefined}<form role="search" class="udex-search__container ${ifDefined(this.focusClasses)}${ifDefined(this.isNotEmptyClass)}">${this.labelAnimationDisabled ? block2.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}${this.open ? block5.call(this, context, tags, suffix) : undefined}<div class="udex-search__icons">${this.isShowHomeResetButton ? block6.call(this, context, tags, suffix) : undefined}${this.isShowResetButton ? block7.call(this, context, tags, suffix) : undefined}${this.isVoiceButton ? block8.call(this, context, tags, suffix) : undefined}${this.showNonInteractiveButton ? block9.call(this, context, tags, suffix) : undefined}${this.showSubmitHomeButton ? block10.call(this, context, tags, suffix) : undefined}${this.showSubmitStandardButton ? block11.call(this, context, tags, suffix) : undefined}</div></form></div><ui5-popover class="udex-search-suggestions__root ${ifDefined(this.homeSearchPopoverClass)}" hide-arrow prevent-initial-focus placement="Bottom" horizontal-align="End" style="${styleMap(this.popoverStyles)}" id="${ifDefined(this.getSuggestionsPopoverId)}" aria-orientation="vertical" accessible-role="Dialog" @keydown="${this.handleKeyPressSuggestionList}" accessible-name="${ifDefined(this.suggestionsAccessibleName)}">${this.showNoResultMessage ? block12.call(this, context, tags, suffix) : block13.call(this, context, tags, suffix)}</ui5-popover>`; }
-function block1(context, tags, suffix) { return suffix ? html `<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html `<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @after-close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`; }
+function block1(context, tags, suffix) { return suffix ? html `<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><${scopeTag("ui5-icon", tags, suffix)} class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></${scopeTag("ui5-icon", tags, suffix)}></button><${scopeTag("ui5-popover", tags, suffix)} id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></${scopeTag("ui5-popover", tags, suffix)}></div>` : html `<div class="udex-search__prefix ${ifDefined(this.prefixWrapperClasses)}"><button type="button" role="combobox" aria-expanded="${ifDefined(this._prefixDropdownExpanded)}" aria-label="${ifDefined(this.labelPrefix)}" aria-haspopup="true" aria-controls="udex-search-prefix" class="udex-search__prefix-button" @click="${this.handleDropdownClick}"><span class="udex-search__prefix-label">${ifDefined(this.labelPrefix)}</span><ui5-icon class="udex-search__prefix-icon" name="slim-arrow-down" mode="Decorative"></ui5-icon></button><ui5-popover id="udex-search-prefix" class="${ifDefined(this.prefixPopoverClasses)}" hide-arrow placement="Bottom" horizontal-align="Start" style="${styleMap(this.prefixPopoverStyles)}" @close="${this.handleAfterClosePrefixPopover}"><slot></slot></ui5-popover></div>`; }
 function block2(context, tags, suffix) { return html `<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" placeholder="${ifDefined(this.effectivePlaceholder)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`; }
 function block3(context, tags, suffix) { return html `${this.label ? block4.call(this, context, tags, suffix) : undefined}<input role="searchbox" id="search-input" type="search" name="search" class="udex-search__field" autocomplete="off" aria-autocomplete="list" aria-label="${ifDefined(this.accInfo.ariaLabel)}" aria-describedby="search-description" aria-haspopup="${ifDefined(this.getAriaHasPopup)}" .value="${ifDefined(this.value)}" @input="${this.handleSearchChange}" @keydown="${this.handleKeyDown}" @focus="${this.handleFocus}" @focusout="${this.handleFocusout}" @blur="${this.handleBlur}" @click="${this.handleInputClick}" />`; }
 function block4(context, tags, suffix) { return html `<label for="search-input" class="${ifDefined(this.labelClasses)}">${ifDefined(this.label)}</label>`; }