@sapudex/web-components 2.5.0 → 2.7.0

package/dist/css/themes/SearchableList.css

@@ -1 +1 @@
-:host::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}
+:host([prevent-page-scroll]) [ui5-popover]::part(content){overscroll-behavior:contain}:host::part(checkbox){pointer-events:none}.udex-searchable-list__header{display:block;margin-top:var(--udexSpacer16, 16px)}.udex-searchable-list__header:only-child,.udex-searchable-list__header.udex-searchable-list__header_no-margin{margin-top:0}.udex-busy-indicator{padding-block:var(--udexSpacer16, 16px);margin:0 auto;display:block}.udex-filter-menu__search+.udex-busy-indicator{padding-top:0}.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/SegmentedButtonItem.css

@@ -1 +1 @@
-:host{--udex-segmented-button-item-font-weight: 500;--udex-segmented-button-item-small-padding: 4px 5px;--udex-segmented-button-item-medium-padding: 9px;--udex-segmented-button-item-large-padding: 11px;--udex-segmented-button-item-with-text-small-padding: 5px 10px 5px 10px;--udex-segmented-button-item-with-text-medium-padding: 9px 10px;--udex-segmented-button-item-with-text-large-padding: 12px 14px;--udex-segmented-button-item-small-height: 25px;--udex-segmented-button-item-small-width: 25px;--udex-segmented-button-item-medium-height: 36px;--udex-segmented-button-item-medium-width: 36px;--udex-segmented-button-item-large-height: 42px;--udex-segmented-button-item-large-width: 42px;--udex-segmented-button-item-small-icon-size: 14px;--udex-segmented-button-item-medium-icon-size: 16px;--udex-segmented-button-item-large-icon-size: 18px;--udex-segmented-button-item-small-line-height: 15x;--udex-segmented-button-item-medium-line-height: 18px;--udex-segmented-button-item-border-radius: var(--udexRadiusM, 8px);--udex-segmented-button-item-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-hover-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-hover-border-color: var(--udexColorGrey7, #475E75);--udex-segmented-button-item-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-segmented-button-item-selected-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-active-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-warning-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Attention_Background));--udex-segmented-button-item-warning-active-border-color: var(--udexColorMango6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-warning-active-color: var(--udexColorMango9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-error-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Reject_Background));--udex-segmented-button-item-error-active-border-color: var(--udexColorRed4, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-error-active-color: var(--udexColorRed9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-success-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Accept_Background));--udex-segmented-button-item-success-active-border-color: var(--udexColorGreen6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-success-active-color: var(--udexColorGreen9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-warning-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-small-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-segmented-button-item-medium-font-size: var(--sapFontSize, 16px)}:host([design="Default"]),:host{background-color:var(--udex-segmented-button-item-background-color);border:var(--sapButton_BorderWidth) solid var(--udex-segmented-button-item-border-color);color:var(--udex-segmented-button-item-color);border-radius:var(--udex-segmented-button-item-border-radius);height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-weight:var(--udex-segmented-button-item-font-weight);font-family:var(--sapFontFamily)}.ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"]){height:var(--udex-segmented-button-item-large-height);min-width:var(--udex-segmented-button-item-large-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Medium"]){height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Small"]){height:var(--udex-segmented-button-item-small-height);min-width:var(--udex-segmented-button-item-small-width);font-size:var(--udex-segmented-button-item-small-font-size)}:host([size="Small"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-small-padding)}:host([size="Medium"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-large-padding)}:host([size="Small"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-small-padding)}:host([size="Medium"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([size="Large"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-large-padding)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Warning"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered),:host([design="Default"][selected]:hover),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--udex-segmented-button-item-hover-background-color);border:1px solid var(--udex-segmented-button-item-hover-border-color);color:var(--udex-segmented-button-item-hover-color)}.ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-medium-icon-size);width:var(--udex-segmented-button-item-medium-icon-size)}:host([size="Small"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-small-icon-size);width:var(--udex-segmented-button-item-small-icon-size)}:host([size="Large"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-large-icon-size);width:var(--udex-segmented-button-item-large-icon-size)}:host([selected]),:host([design="Default"][selected]),:host([selected]:not([active]):not([non-interactive]):not([_is-touch])),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--udex-segmented-button-item-selected-background-color);border:1px solid var(--udex-segmented-button-item-selected-border-color);color:var(--udex-segmented-button-item-selected-color)}:host([active]),:host([active][pressed]),:host([design="Default"][active]),:host([design="Default"][pressed][active]):not([non-interactive]):not([_is-touch]){color:var(--udex-segmented-button-item-active-color);border-color:var(--udex-segmented-button-item-active-border-color);background-color:var(--udex-segmented-button-item-active-background-color)}:host([design="Success"]){background-color:var(--udex-segmented-button-item-success-background-color);border-color:var(--udex-segmented-button-item-success-border-color);color:var(--udex-segmented-button-item-success-color)}:host([design="Error"]){background-color:var(--udex-segmented-button-item-error-background-color);border-color:var(--udex-segmented-button-item-error-border-color);color:var(--udex-segmented-button-item-error-color)}:host([design="Warning"]){background-color:var(--udex-segmented-button-item-warning-background-color);border-color:var(--udex-segmented-button-item-warning-border-color);color:var(--udex-segmented-button-item-warning-color)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-success-selected-background-color);border-color:var(--udex-segmented-button-item-success-selected-border-color);color:var(--udex-segmented-button-item-success-selected-color)}:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-error-selected-background-color);border-color:var(--udex-segmented-button-item-error-selected-border-color);color:var(--udex-segmented-button-item-error-selected-color)}:host([design="Warning"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-warning-selected-background-color);border-color:var(--udex-segmented-button-item-warning-selected-border-color);color:var(--udex-segmented-button-item-warning-selected-color)}:host([design="Success"][active]){background-color:var(--udex-segmented-button-item-success-active-background-color);border-color:var(--udex-segmented-button-item-success-active-border-color);color:var(--udex-segmented-button-item-success-active-color)}:host([design="Error"][active]){background-color:var(--udex-segmented-button-item-error-active-background-color);border-color:var(--udex-segmented-button-item-error-active-border-color);color:var(--udex-segmented-button-item-error-active-color)}:host([design="Warning"][active]){background-color:var(--udex-segmented-button-item-warning-active-background-color);border-color:var(--udex-segmented-button-item-warning-active-border-color);color:var(--udex-segmented-button-item-warning-active-color)}:host([disabled]),:host([disabled][pressed]),:host([design="Default"][disabled]),:host([design="Transparent"][disabled]),:host([design="Emphasized"][disabled]){color:var(--udex-segmented-button-item-color);border-color:transparent;background-color:var(--udex-segmented-button-item-background-color)}.ui5-segmented-button-item-text bdi{display:flex;align-items:center;line-height:var(--udex-segmented-button-item-medium-line-height)}:host([size="Small"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-small-line-height)}:host([size="Medium"]) .ui5-segmented-button-item-text bdi,:host([size="Large"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-medium-line-height)}:host([has-icon="true"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:6px}:host([has-icon="false"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:0}.ui5-segmented-button-item-icon{padding-inline-end:0}
+:host{--udex-segmented-button-item-font-weight: 500;--udex-segmented-button-item-small-padding: 4px 5px;--udex-segmented-button-item-medium-padding: 9px;--udex-segmented-button-item-large-padding: 11px;--udex-segmented-button-item-with-text-small-padding: 5px 10px 5px 10px;--udex-segmented-button-item-with-text-medium-padding: 9px 10px;--udex-segmented-button-item-with-text-large-padding: 12px 14px;--udex-segmented-button-item-small-height: 25px;--udex-segmented-button-item-small-width: 25px;--udex-segmented-button-item-medium-height: 36px;--udex-segmented-button-item-medium-width: 36px;--udex-segmented-button-item-large-height: 42px;--udex-segmented-button-item-large-width: 42px;--udex-segmented-button-item-small-icon-size: 14px;--udex-segmented-button-item-medium-icon-size: 16px;--udex-segmented-button-item-large-icon-size: 18px;--udex-segmented-button-item-small-line-height: 15x;--udex-segmented-button-item-medium-line-height: 18px;--udex-segmented-button-item-border-radius: var(--udexRadiusM, 8px);--udex-segmented-button-item-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-hover-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-hover-border-color: var(--udexColorGrey7, #475E75);--udex-segmented-button-item-hover-background-color: var(--udexColorGrey2, #EAECEE);--udex-segmented-button-item-selected-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-active-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-border-color: var(--udexColorBlue9, #0040B0);--udex-segmented-button-item-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-warning-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Attention_Background));--udex-segmented-button-item-warning-active-border-color: var(--udexColorMango6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-warning-active-color: var(--udexColorMango9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-error-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Reject_Background));--udex-segmented-button-item-error-active-border-color: var(--udexColorRed4, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-error-active-color: var(--udexColorRed9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-success-active-background-color: var(--udexColorNeutralWhite, var(--sapButton_Accept_Background));--udex-segmented-button-item-success-active-border-color: var(--udexColorGreen6, var(--sapButton_Attention_BorderColor));--udex-segmented-button-item-success-active-color: var(--udexColorGreen9, var(--sapButton_Attention_TextColor));--udex-segmented-button-item-warning-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-warning-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-warning-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-error-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-error-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-error-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-success-selected-background-color: var(--udexColorNeutralWhite0, var(--sapButton_Background));--udex-segmented-button-item-success-selected-border-color: var(--udexColorNeutralWhite0, var(--sapButton_BorderColor));--udex-segmented-button-item-success-selected-color: var(--udexColorGrey7, var(--sapButton_TextColor));--udex-segmented-button-item-small-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-segmented-button-item-medium-font-size: var(--sapFontSize, 16px)}:host([design="Default"]:not([hidden])),:host(:not([hidden])){background-color:var(--udex-segmented-button-item-background-color);border:var(--sapButton_BorderWidth) solid var(--udex-segmented-button-item-border-color);color:var(--udex-segmented-button-item-color);border-radius:var(--udex-segmented-button-item-border-radius);height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-weight:var(--udex-segmented-button-item-font-weight);font-family:var(--sapFontFamily)}.ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"]){height:var(--udex-segmented-button-item-large-height);min-width:var(--udex-segmented-button-item-large-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Medium"]){height:var(--udex-segmented-button-item-medium-height);min-width:var(--udex-segmented-button-item-medium-width);font-size:var(--udex-segmented-button-item-medium-font-size)}:host([size="Small"]){height:var(--udex-segmented-button-item-small-height);min-width:var(--udex-segmented-button-item-small-width);font-size:var(--udex-segmented-button-item-small-font-size)}:host([size="Small"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-small-padding)}:host([size="Medium"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-medium-padding)}:host([size="Large"][icon-only]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-large-padding)}:host([size="Small"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-small-padding)}:host([size="Medium"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-medium-padding)}:host([size="Large"]) .ui5-segmented-button-item-root{padding:var(--udex-segmented-button-item-with-text-large-padding)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host([design="Warning"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover),:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered),:host([design="Default"][selected]:hover),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch]):hover){background:var(--udex-segmented-button-item-hover-background-color);border:1px solid var(--udex-segmented-button-item-hover-border-color);color:var(--udex-segmented-button-item-hover-color)}.ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-medium-icon-size);width:var(--udex-segmented-button-item-medium-icon-size)}:host([size="Small"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-small-icon-size);width:var(--udex-segmented-button-item-small-icon-size)}:host([size="Large"]) .ui5-segmented-button-item-icon{height:var(--udex-segmented-button-item-large-icon-size);width:var(--udex-segmented-button-item-large-icon-size)}:host([selected]),:host([design="Default"][selected]),:host([selected]:not([active]):not([non-interactive]):not([_is-touch])),:host([design="Default"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background:var(--udex-segmented-button-item-selected-background-color);border:1px solid var(--udex-segmented-button-item-selected-border-color);color:var(--udex-segmented-button-item-selected-color)}:host([active]),:host([active][pressed]),:host([design="Default"][active]),:host([design="Default"][pressed][active]):not([non-interactive]):not([_is-touch]){color:var(--udex-segmented-button-item-active-color);border-color:var(--udex-segmented-button-item-active-border-color);background-color:var(--udex-segmented-button-item-active-background-color)}:host([design="Success"]){background-color:var(--udex-segmented-button-item-success-background-color);border-color:var(--udex-segmented-button-item-success-border-color);color:var(--udex-segmented-button-item-success-color)}:host([design="Error"]){background-color:var(--udex-segmented-button-item-error-background-color);border-color:var(--udex-segmented-button-item-error-border-color);color:var(--udex-segmented-button-item-error-color)}:host([design="Warning"]){background-color:var(--udex-segmented-button-item-warning-background-color);border-color:var(--udex-segmented-button-item-warning-border-color);color:var(--udex-segmented-button-item-warning-color)}:host([design="Success"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-success-selected-background-color);border-color:var(--udex-segmented-button-item-success-selected-border-color);color:var(--udex-segmented-button-item-success-selected-color)}:host([design="Error"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-error-selected-background-color);border-color:var(--udex-segmented-button-item-error-selected-border-color);color:var(--udex-segmented-button-item-error-selected-color)}:host([design="Warning"][selected]:not([active]):not([non-interactive]):not([_is-touch])){background-color:var(--udex-segmented-button-item-warning-selected-background-color);border-color:var(--udex-segmented-button-item-warning-selected-border-color);color:var(--udex-segmented-button-item-warning-selected-color)}:host([design="Success"][active]){background-color:var(--udex-segmented-button-item-success-active-background-color);border-color:var(--udex-segmented-button-item-success-active-border-color);color:var(--udex-segmented-button-item-success-active-color)}:host([design="Error"][active]){background-color:var(--udex-segmented-button-item-error-active-background-color);border-color:var(--udex-segmented-button-item-error-active-border-color);color:var(--udex-segmented-button-item-error-active-color)}:host([design="Warning"][active]){background-color:var(--udex-segmented-button-item-warning-active-background-color);border-color:var(--udex-segmented-button-item-warning-active-border-color);color:var(--udex-segmented-button-item-warning-active-color)}:host([disabled]),:host([disabled][pressed]),:host([design="Default"][disabled]),:host([design="Transparent"][disabled]),:host([design="Emphasized"][disabled]){color:var(--udex-segmented-button-item-color);border-color:transparent;background-color:var(--udex-segmented-button-item-background-color)}.ui5-segmented-button-item-text bdi{display:flex;align-items:center;line-height:var(--udex-segmented-button-item-medium-line-height)}:host([size="Small"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-small-line-height)}:host([size="Medium"]) .ui5-segmented-button-item-text bdi,:host([size="Large"]) .ui5-segmented-button-item-text bdi{line-height:var(--udex-segmented-button-item-medium-line-height)}:host([has-icon="true"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:6px}:host([has-icon="false"]:not([icon-end])) .ui5-segmented-button-item-text{margin-inline-start:0}.ui5-segmented-button-item-icon{padding-inline-end: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-5-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-7-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: 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;--sapScrollBar_Dimension: 16px;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) 65%,var(--udex-textarea-color-standard-default-background) 35%)}: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) 65%,var(--udex-textarea-color-warning-default-background) 35%)}: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) 65%,var(--udex-textarea-color-error-default-background) 35%)}: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) 65%,var(--udex-textarea-color-success-default-background) 35%)}: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) 65%,var(--udex-textarea-color-disabled-default-background) 35%)}: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) 65%,var(--udex-textarea-color-readonly-default-background) 35%)}: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) 65%,var(--udex-textarea-color-standard-default-background) 35%)}: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) 65%,var(--udex-textarea-color-warning-default-background) 35%)}: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) 65%,var(--udex-textarea-color-error-default-background) 35%)}: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) 65%,var(--udex-textarea-color-success-default-background) 35%)}: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) 65%,var(--udex-textarea-color-disabled-default-background) 35%)}: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) 65%,var(--udex-textarea-color-readonly-default-background) 35%)}: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/custom-elements-internal.json

@@ -347,6 +347,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/utils/getEffectiveScrollbarStyle.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "getEffectiveScrollbarStyle",
+            "module": "dist/utils/getEffectiveScrollbarStyle.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "dist/utils/isLetterKeyPressed.js",
@@ -590,8 +605,8 @@
               "type": {
                 "text": "boolean"
               },
-              "description": "Defines if the accordion item is expanded by default",
               "default": "false",
+              "description": "Defines if the accordion item is expanded by default",
               "privacy": "public"
             },
             {
@@ -615,6 +630,17 @@
               "_ui5Cancelable": false,
               "_ui5allowPreventDefault": false,
               "_ui5Bubbles": true
+            },
+            {
+              "name": "accordion-item-click",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Triggered when the user clicks on an accordion item.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true
             }
           ],
           "attributes": [
@@ -1031,7 +1057,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n<h3>Usage</h3>\n\nFor the <code>udex-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Badge.js\";</code>",
           "name": "UDExBadge",
           "slots": [
             {
@@ -1093,7 +1119,7 @@
                 ]
               },
               "description": "Defines the design of text type component.",
-              "default": "\"Info\"",
+              "default": "\"Information\"",
               "privacy": "public"
             },
             {
@@ -1163,7 +1189,7 @@
             {
               "description": "Defines the design of text type component.",
               "name": "design",
-              "default": "\"Info\"",
+              "default": "\"Information\"",
               "fieldName": "design",
               "type": {
                 "text": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\""
@@ -1517,7 +1543,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>",
           "name": "UDExCarousel",
           "slots": [
             {
@@ -2200,7 +2226,11 @@
                 "text": "string | undefined"
               },
               "description": "Allows control over the height.",
-              "privacy": "public"
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
             },
             {
               "kind": "field",
@@ -2301,6 +2331,20 @@
               },
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "busy",
@@ -2595,6 +2639,10 @@
               "fieldName": "height",
               "type": {
                 "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
               }
             },
             {
@@ -2680,6 +2728,19 @@
                 "text": "boolean | undefined"
               }
             },
+            {
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "name": "prevent-page-scroll",
+              "default": "false",
+              "fieldName": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
             {
               "description": "Defines if the component would display a loading indicator.",
               "name": "busy",
@@ -3215,7 +3276,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-divider</code> component is a divider component used to separate content in a page.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-divider</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Divider.js\";</code>",
           "name": "UDExDivider",
           "members": [
             {
@@ -3555,15 +3616,6 @@
               "default": "false",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "height",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Allows control over the height.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "placement",
@@ -3736,6 +3788,33 @@
               "description": "Allows setting a custom role for dropdown trigger.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Allows control over the height.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "busy",
@@ -4020,14 +4099,6 @@
                 "text": "boolean | undefined"
               }
             },
-            {
-              "description": "Allows control over the height.",
-              "name": "height",
-              "fieldName": "height",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
             {
               "description": "Determines on which side the component is placed at.",
               "name": "placement",
@@ -4158,6 +4229,31 @@
                 "text": "string"
               }
             },
+            {
+              "description": "Allows control over the height.",
+              "name": "height",
+              "fieldName": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "name": "prevent-page-scroll",
+              "default": "false",
+              "fieldName": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
             {
               "description": "Defines if the component would display a loading indicator.",
               "name": "busy",
@@ -13064,6 +13160,25 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Allows control over the height.",
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "busy",
@@ -13226,6 +13341,23 @@
             }
           ],
           "attributes": [
+            {
+              "description": "Allows control over the height.",
+              "name": "height",
+              "fieldName": "height",
+              "type": {
+                "text": "string | undefined"
+              }
+            },
+            {
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "name": "prevent-page-scroll",
+              "default": "false",
+              "fieldName": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Defines if the component would display a loading indicator.",
               "name": "busy",
@@ -14129,15 +14261,6 @@
               "default": "false",
               "privacy": "public"
             },
-            {
-              "kind": "field",
-              "name": "height",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "Allows control over the height.",
-              "privacy": "public"
-            },
             {
               "kind": "field",
               "name": "label",
@@ -14232,6 +14355,33 @@
               "default": "\"Bottom\"",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Allows control over the height.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
             {
               "kind": "field",
               "name": "busy",
@@ -14503,14 +14653,6 @@
                 "text": "boolean"
               }
             },
-            {
-              "description": "Allows control over the height.",
-              "name": "height",
-              "fieldName": "height",
-              "type": {
-                "text": "string | undefined"
-              }
-            },
             {
               "description": "Defines label text for field container.",
               "name": "label",
@@ -14583,6 +14725,31 @@
                 "text": "\"Start\" | \"End\" | \"Top\" | \"Bottom\""
               }
             },
+            {
+              "description": "Allows control over the height.",
+              "name": "height",
+              "fieldName": "height",
+              "type": {
+                "text": "string | undefined"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
+            {
+              "description": "Defines if page scrolling should be prevented within the list of items.",
+              "name": "prevent-page-scroll",
+              "default": "false",
+              "fieldName": "preventPageScroll",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "UDExSearchableListBase",
+                "module": "dist/SearchableListBase.js"
+              }
+            },
             {
               "description": "Defines if the component would display a loading indicator.",
               "name": "busy",
@@ -17171,6 +17338,17 @@
               "_ui5Cancelable": false,
               "_ui5allowPreventDefault": false,
               "_ui5Bubbles": true
+            },
+            {
+              "name": "tab-select",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired when a tab is selected.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true
             }
           ],
           "attributes": [