@sapudex/web-components 0.192.4 → 0.224.0

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

@@ -7,7 +7,7 @@ import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Tile.css.ts",content:`:host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-focus-border: var(--udexColorBlue7, #0070f2);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, "0 2px 4px 0 rgba(34, 54, 73, 0.20)");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, "0 2px 8px 0 rgba(34, 54, 73, 0.30)");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([hide-shadow]) .udex-tile{box-shadow:none}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Tile.css.ts",content:`:host{--udex-tile-color-clickable-default-background: var(--sapTile_Background, #fff);--udex-tile-color-clickable-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);--udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);--udex-tile-color-clickable-focus-border: var(--udexColorBlue7, #0070f2);--udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);--udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);--udex-tile-color-generic-focus-background: var(--sapTile_Active_Background, #fff);--udex-tile-box-shadow-generic-default: var(--sapContent_Shadow0, "0 2px 4px 0 rgba(34, 54, 73, 0.20)");--udex-tile-box-shadow-generic-hover: var(--sapContent_Shadow1, "0 2px 8px 0 rgba(34, 54, 73, 0.30)");--udex-tile-content-padding-vertical: var(--udexSpacer24, 24px);--udex-tile-content-padding-horizontal: var(--udexSpacer20, 20px);--udex-tile-radius: var(--udexRadiusL, 12px)}.udex-tile{border-radius:var(--udex-tile-radius);background:var(--udex-tile-color-generic-default-background);padding:var(--udex-tile-content-padding-vertical) var(--udex-tile-content-padding-horizontal);box-shadow:var(--udex-tile-box-shadow-generic-default)}:host([interactive]) .udex-tile{display:block;color:inherit;text-decoration:inherit;outline:1px solid var(--udex-tile-color-clickable-default-border);background:var(--udex-tile-color-clickable-default-background)}.udex-tile:hover{box-shadow:var(--udex-tile-box-shadow-generic-hover);background:var(--udex-tile-color-generic-hover-background)}:host([interactive]) .udex-tile:hover{outline:1px solid var(--udex-tile-color-clickable-hover-border);background:var(--udex-tile-color-clickable-hover-background)}:host([desktop]) .udex-tile:focus,.udex-tile:focus-visible,:host .udex-tile:active{background:var(--udex-tile-color-generic-focus-background)}:host([interactive][desktop]) .udex-tile:focus,:host([interactive]) .udex-tile:focus-visible,:host([interactive]) .udex-tile:active{outline:2px solid var(--udex-tile-color-clickable-focus-border);box-shadow:var(--udex-tile-box-shadow-generic-default);background:var(--udex-tile-color-clickable-focus-background)}:host([hide-shadow]) .udex-tile{box-shadow:none}.hidden{display:none}
 `};
 export default styleData;
 	

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

@@ -0,0 +1,13 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
+import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
+
+registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
+
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/Upload.css.ts",content:`:host{font-family:var(--sapFontFamily, sans-serif)}.udex-upload__title{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium);margin:0;padding:0}.udex-upload__additional-text{padding:0;margin:0;margin-top:var(--udexSpacer8);margin-bottom:var(--udexSpacer24);color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload__files-wrapper{display:flex;flex-direction:column;margin-top:var(--udexSpacer24, 24px)}.udex-upload__upload-button-container{display:flex;gap:var(--udexSpacer16);align-items:center}.udex-upload__upload-button input{display:none}.udex-upload__error{padding:0;margin:0;color:var(--udexCoreSemanticError7, var(--udexColorRed7));font-size:var(--udexTypographyBodyXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}:host([required]) .udex-upload__title:after{content:"*";color:var(--udexColorGrey7);line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}@media (max-width: 979px){.udex-upload__title,:host([required]) .udex-upload__title:after{line-height:var(--udexTypographyHeadingLineHeight);font-size:var(--udexTypographyHeadingRegularXXXSFontSize);font-weight:var(--udexTypographyFontWeightMedium)}}
+`};
+export default styleData;
+	

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

@@ -0,0 +1,13 @@
+import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
+import { registerThemePropertiesLoader } from "@ui5/webcomponents-base/dist/asset-registries/Themes.js";
+
+import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js";
+import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
+
+registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
+registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
+
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/UploadItem.css.ts",content:`:host{--udex-upload-item-progress-bar-width: 124px;--udex-upload-item-progress-bar-min-width: 124px;--udex-upload-item-progress-bar-max-width: 200px;--udex-upload-item-progress-bar-width-m: 100%;--udex-upload-item-progress-bar-min-width-m: 100%;--udex-upload-item-progress-bar-max-width-m: 100%;--udex-upload-item-progress-bar-padding: 5px 0;font-family:var(--sapFontFamily, sans-serif)}.udex-upload-item__wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding-block:var(--udexSpacer8, 8px);box-sizing:border-box;border-bottom:1px solid var(--udexColorGrey3)}.udex-upload-item__info{display:flex;flex-direction:column}[udex-link]{--udex-link-text-decoration: none}.udex-upload-item__name{padding:0;margin:0;color:var(--sapTitleColor, var(--udexColorNeutralBlack));font-size:var(--sapFontSize)}.udex-upload-item__info{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}.udex-upload-item__error{color:var(--udexColorRed7)}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:row;align-items:center;margin-inline-start:var(--udexSpacer32, 32px)}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start}.udex-upload-item__progress-status{padding:0;margin:0;color:var(--udexColorGrey7);font-size:var(--udexTypographyBodyXXSFontSize);font-weight:var(--udexTypographyFontWeightRegular);line-height:var(--udexTypographyBodyLineHeight)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width);min-width:var(--udex-upload-item-progress-bar-min-width);width:var(--udex-upload-item-progress-bar-width);overflow:hidden;padding:var(--udex-upload-item-progress-bar-padding)}[udex-link]{margin-bottom:var(--udexSpacer4, 4px)}[udex-button]{margin-inline-start:var(--udexSpacer24, 24px)}@media (max-width: 1279px){.udex-upload-item__wrapper{flex-direction:column;align-items:flex-start}.udex-upload-item__info{margin-bottom:var(--udexSpacer4, 4px);flex-direction:row;justify-content:space-between;align-items:center;width:100%}.udex-upload-item__progress-info-wrapper{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0}.udex-upload-item__progress-info{display:flex;flex-direction:column;align-items:flex-start;width:100%}.udex-upload-item__name{margin-bottom:var(--udexSpacer4, 4px)}[udex-progress-bar]{max-width:var(--udex-upload-item-progress-bar-max-width-m);min-width:var(--udex-upload-item-progress-bar-min-width-m);width:var(--udex-upload-item-progress-bar-width-m)}}.udex-upload-item__info-uploaded{margin-bottom:0}
+`};
+export default styleData;
+	

package/src/generated/themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts

@@ -1,6 +1,6 @@
 import type { StyleData } from "@ui5/webcomponents-base/dist/types.js";
 
-const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-20_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-20_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-20_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-20_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-20_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-20_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-20_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-20_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_checkbox_inner_border_radius: 4px;--_ui5-v1-24-20_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-20_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-20_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-20_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-20_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_checkbox_label_offset: .563rem;--_ui5-v1-24-20_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-20_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-20_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-20_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-20_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-20_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-20_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-20_link_focus_background_color: transparent;--_ui5-v1-24-20_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-20_link_focus_text_decoration: underline;--_ui5-v1-24-20_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-20_link_focused_hover_text_decoration: underline;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-20_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-20_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-20_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-20_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-20_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-20_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-20_daypicker_daynames_container_height: 42px;--_ui5-v1-24-20_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-20_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-20_daypicker_item_weeekend_filter: none;--_ui5-v1-24-20_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-20_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-20_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-20_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-20_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}udex-phone-number-field{--_ui5-v1-24-20_button_border_radius: var(--udexRadiusXS)}udex-search,udex-password-field,udex-select-box,udex-filter-menu,udex-country-selector{--_ui5-v1-24-20_button_pressed_focused_border_color: transparent}udex-password-field{--_ui5-v1-24-20_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-20_button_base_height: 3rem;--_ui5-v1-24-20_button_base_padding: 3rem;--_ui5-v1-24-20_checkbox_inner_width_height: 24px;--_ui5-v1-24-20_checkbox_width_height: 42px;--_ui5-v1-24-20_checkbox_icon_size: 16px;--_ui5-v1-24-20_checkbox_partially_icon_size: 16px;--_ui5-v1-24-20_radio_button_min_width: 42px;--_ui5-v1-24-20_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-20_radio_button_inner_size: 24px;--_ui5-v1-24-20_radio_button_height: 42px;--_ui5-v1-24-20_radio_button_svg_size: 24px;--_ui5-v1-24-20_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-20_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-20_radio_button_label_offset: 0;--_ui5-v1-24-20_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-20_progress_indicator_root_height: .5rem;--_ui5-v1-24-20_progress_indicator_bar_height: .75rem;--_ui5-v1-24-20_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-20_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-20_progress_indicator_padding_end: 24px;--_ui5-v1-24-20_toast_vertical_offset: 2.5rem;--_ui5-v1-24-20_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-20_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-20_day_picker_item_width: 42px;--_ui5-v1-24-20_day_picker_item_height: 42px;--_ui5-v1-24-20_calendar_width: 371px;--_ui5-v1-24-20_calendar_height: auto;--_ui5-v1-24-20_calendar_header_height: 42px;--_ui5-v1-24-20_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-20_month_picker_item_height: 36px;--_ui5-v1-24-20_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_year_picker_item_height: 36px;--_ui5-v1-24-20_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-20_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-20_slider_handle_width: 2.75rem;--_ui5-v1-24-20_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_handle_top: -.875rem;--_ui5-v1-24-20_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-20_slider_start_end_point_left: -.875rem;--_ui5-v1-24-20_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-20_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-20_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-20_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-20_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
+const styleData: StyleData = {packageName:"@sapudex/web-components",fileName:"themes/overrides/@ui5/webcomponents/sap_glow/parameters-bundle.css.ts",content:`:root{--browser_scrollbar_border_radius: var(--udexRadiusM, 8px);--_ui5-v1-24-23_popup_header_font_family: var(--sapFontFamily);--_ui5-v1-24-23_popup_header_font_weight: var(--udexTypographyFontWeightRegular);--_ui5-v1-24-23_checkbox_inner_background: var(--sapBackgroundColor);--_ui5-v1-24-23_checkbox_inner_border: var(--sapElement_BorderWidth) solid var(--sapField_BorderColor);--_ui5-v1-24-23_checkbox_inner_selected_border_color: var(--sapField_BorderColor);--_ui5-v1-24-23_checkbox_checkmark_color: var(--udexColorBlue7);--_ui5-v1-24-23_checkbox_inner_hover_checked_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-23_checkbox_inner_hover_border_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-23_checkbox_hover_background: var(--sapInformationBackground, #EBF8FF);--_ui5-v1-24-23_checkbox_inner_active_border_color: var(--sapSelectedColor);--_ui5-v1-24-23_checkbox_label_color: var(--sapField_TextColor);--_ui5-v1-24-23_checkbox_inner_disabled_border_color: var(--sapField_BorderColor);--_ui5-v1-24-23_checkbox_disabled_label_color: var(--sapField_TextColor);--_ui5-v1-24-23_checkbox_inner_width_height: 24px;--_ui5-v1-24-23_checkbox_width_height: 42px;--_ui5-v1-24-23_checkbox_icon_size: 16px;--_ui5-v1-24-23_checkbox_partially_icon_size: 16px;--_ui5-v1-24-23_checkbox_inner_border_radius: 4px;--_ui5-v1-24-23_checkbox_disabled_opacity: var(--sapContent_DisabledOpacity);--_ui5-v1-24-23_checkbox_inner_readonly_border: var(--sapElement_BorderWidth) var(--sapField_ReadOnly_BorderColor) dashed;--_ui5-v1-24-23_checkbox_inner_success_border: var(--sapField_SuccessBorderWidth) solid var(--udexCoreSemanticSuccess6);--_ui5-v1-24-23_checkbox_inner_success_background_hover: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-23_checkbox_inner_error_border: var(--sapField_InvalidBorderWidth) solid var(--udexCoreSemanticError5);--_ui5-v1-24-23_checkbox_inner_error_background_hover: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-23_checkbox_label_offset: .563rem;--_ui5-v1-24-23_checkbox_right_focus_distance: var(--udexSpacer8);--_ui5-v1-24-23_radio_button_outer_ring_bg: var(--sapField_Background, #ffffff);--_ui5-v1-24-23_radio_button_inner_size: 24px;--_ui5-v1-24-23_radio_button_checked_fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-23_radio_button_height: 42px;--_ui5-v1-24-23_radio_button_svg_size: 24px;--_ui5-v1-24-23_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-23_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-23_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-23_radio_button_label_offset: 0;--_ui5-v1-24-23_radio_button_hover_fill: #EBF8FF;--_ui5-v1-24-23_radio_button_outer_ring_checked_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-23_radio_button_outer_ring_checked_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-23_radio_button_outer_ring_color: var(--sapField_BorderColor, #5b738b);--_ui5-v1-24-23_radio_button_outer_ring_hover_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-23_radio_button_inner_ring_color: var(--sapContent_Selected_ForegroundColor, #0070f2);--_ui5-v1-24-23_radio_button_read_only_inner_ring_color: var(--sapField_ReadOnly_BorderColor, #5B738B);--_ui5-v1-24-23_radio_button_hover_fill_success: var(--sapSuccessBackground, #F5FAE5);--_ui5-v1-24-23_radio_button_hover_fill_error: var(--sapErrorBackground, #FFEAF4);--_ui5-v1-24-23_link_focus_background_color: transparent;--_ui5-v1-24-23_link_focus_color: var(--sapLinkColor);--_ui5-v1-24-23_link_focus_text_decoration: underline;--_ui5-v1-24-23_link_focused_hover_text_color: var(--sapLink_Hover_Color);--_ui5-v1-24-23_link_focused_hover_text_decoration: underline;--_ui5-v1-24-23_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-23_progress_indicator_root_height: .5rem;--_ui5-v1-24-23_progress_indicator_bar_height: .75rem;--_ui5-v1-24-23_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-23_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-23_progress_indicator_padding_end: 24px;--_ui5-v1-24-23_toast_vertical_offset: 2.5rem;--_ui5-v1-24-23_toast_background: var(--udexColorNeutralWhite);--_ui5-v1-24-23_toast_shadow: var(--sapContent_Shadow2);--_ui5-v1-24-23_popover_box_shadow: 0px 0px 0px 1px var(--udexColorGrey4);--_ui5-v1-24-23_message_strip_padding_inline_no_icon: var(--udexSpacer12, 12px);--_ui5-v1-24-23_message_strip_padding_block_no_icon: var(--udexSpacer8, 8px);--_ui5-v1-24-23_message_strip_padding: var(--udexSpacer8, 8px) 36px;--_ui5-v1-24-23_message_strip_icon_top:calc(50% - 8px);--_ui5-v1-24-23_daypicker_daynames_container_height: 42px;--_ui5-v1-24-23_daypicker_dayname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-23_daypicker_weekname_color: var(--udexColorGrey6, #5B738B);--_ui5-v1-24-23_daypicker_item_now_border_color: var(--udexColorPink8, #A100C2);--_ui5-v1-24-23_daypicker_item_weeekend_filter: none;--_ui5-v1-24-23_daypicker_item_select_between_border: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-23_calendar_header_middle_button_focus_outline: 1px solid var(--udexColorBlue9, #0040B0);--_ui5-v1-24-23_calendar_header_arrow_button_box_shadow: none;--ui5-v1-24-23_carousel_active_dot_background: var(--udexColorBlue9);--_ui5-v1-24-23_tokenizer_padding: var(--udexSpacer12, 12px);--_ui5-v1-24-23_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-23_slider_handle_width: 2.75rem;--_ui5-v1-24-23_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-23_slider_handle_top: -.875rem;--_ui5-v1-24-23_slider_label_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-23_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-23_slider_progress_after_background: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-23_slider_tickmark_bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-23_slider_tickmark_in_range_bg: var(--sapSlider_Selected_BorderColor, #0070f2);--_ui5-v1-24-23_slider_start_end_point_left: -.875rem;--_ui5-v1-24-23_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-23_slider_tooltip_border: 1px solid var(--sapField_BorderColor, #5B738B);--_ui5-v1-24-23_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-23_slider_tooltip_color: var(--sapContent_MeasureIndicatorColor, #5b738b);--_ui5-v1-24-23_slider_tooltip_fontsize: var(--udexTypographyNavigationRegularMFontSize, 14px);--_ui5-v1-24-23_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-23_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-23_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor);--_ui5-v1-24-23_button_pressed_focused_border_color: transparent}udex-phone-number-field{--_ui5-v1-24-23_button_border_radius: var(--udexRadiusXS)}udex-password-field{--_ui5-v1-24-23_icon_transform_scale: none}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5-v1-24-23_button_base_height: 3rem;--_ui5-v1-24-23_button_base_padding: 3rem;--_ui5-v1-24-23_checkbox_inner_width_height: 24px;--_ui5-v1-24-23_checkbox_width_height: 42px;--_ui5-v1-24-23_checkbox_icon_size: 16px;--_ui5-v1-24-23_checkbox_partially_icon_size: 16px;--_ui5-v1-24-23_radio_button_min_width: 42px;--_ui5-v1-24-23_radio_button_outer_ring_padding: 9px;--_ui5-v1-24-23_radio_button_inner_size: 24px;--_ui5-v1-24-23_radio_button_height: 42px;--_ui5-v1-24-23_radio_button_svg_size: 24px;--_ui5-v1-24-23_radio_button_inner_ring_radius: 25%;--_ui5-v1-24-23_radio_button_outer_ring_padding_with_label: 9px 11px 9px 9px;--_ui5-v1-24-23_radio_button_label_offset: 0;--_ui5-v1-24-23_progress_indicator_bar_border_radius: 6px;--_ui5-v1-24-23_progress_indicator_root_height: .5rem;--_ui5-v1-24-23_progress_indicator_bar_height: .75rem;--_ui5-v1-24-23_progress_indicator_icon_size: 1.125rem;--_ui5-v1-24-23_progress_indicator_icon_right_position: -24px;--_ui5-v1-24-23_progress_indicator_padding_end: 24px;--_ui5-v1-24-23_toast_vertical_offset: 2.5rem;--_ui5-v1-24-23_tc_item_text_line_height: 1.25rem;--_ui5-v1-24-23_calendar_top_bottom_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-23_calendar_left_right_padding: var(--udexSpacer8, 8px);--_ui5-v1-24-23_day_picker_item_width: 42px;--_ui5-v1-24-23_day_picker_item_height: 42px;--_ui5-v1-24-23_calendar_width: 371px;--_ui5-v1-24-23_calendar_height: auto;--_ui5-v1-24-23_calendar_header_height: 42px;--_ui5-v1-24-23_calendar_header_arrow_button_width: 42px;--_ui5-v1-24-23_month_picker_item_height: 36px;--_ui5-v1-24-23_monthpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-23_year_picker_item_height: 36px;--_ui5-v1-24-23_yearpicker_item_margin: -8px 0 var(--udexSpacer16, 16px) 0;--_ui5-v1-24-23_slider_handle_icon_size: var(--udexSpacer20, 1.25rem);--_ui5-v1-24-23_slider_handle_width: 2.75rem;--_ui5-v1-24-23_slider_handle_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-23_slider_handle_top: -.875rem;--_ui5-v1-24-23_range_slider_progress_focus_top: -1.18rem;--_ui5-v1-24-23_slider_start_end_point_left: -.875rem;--_ui5-v1-24-23_slider_tooltip_bottom: 2.5rem;--_ui5-v1-24-23_slider_tooltip_border_radius: var(--udexSpacer4, .25rem);--_ui5-v1-24-23_slider_tooltip_height: var(--udexSpacer32, 2rem);--_ui5-v1-24-23_slider_tooltip_min_width: 2.75rem;--_ui5-v1-24-23_slider_handle_focus_border: 2px solid var(--sapSlider_Active_HandleBorderColor)}
 `};
 export default styleData;
 	

package/src/i18n/messagebundle.properties

@@ -43,6 +43,9 @@ TOOLTIP_VOICE_BUTTON=Voice
 # the tooltip of the submit button for the Search component
 TOOLTIP_SUBMIT_BUTTON=Submit
 
+# voice searching placeholders text
+LISTENING=Listening
+
 # suggested popup accessible name
 AVAILABLE_VALUES=Available Values
 
@@ -75,10 +78,11 @@ TOTAL=Total
 
 # the "close button" text for the MessageStrip component
 MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close Button
-MESSAGE_STRIP_INFORMATION=Information
-MESSAGE_STRIP_SUCCESS=Positive
-MESSAGE_STRIP_WARNING=Warning
-MESSAGE_STRIP_ERROR=Negative
+MESSAGE_STRIP_INFORMATION=Information Bar
+MESSAGE_STRIP_SUCCESS=Positive Bar
+MESSAGE_STRIP_WARNING=Warning Bar
+MESSAGE_STRIP_ERROR=Negative Bar
+MESSAGE_STRIP_ACTION=Action Bar
 
 #ARIA announcement for the list which allows multiple selections
 ARIA_LABEL_LIST_MULTISELECTABLE=Contains Multi-Selectable Items
@@ -216,3 +220,11 @@ BACK_BUTTON_LABEL=back button
 
 #Dropdown trigger aria label
 TRIGGER=Dropdown trigger
+
+#Uploaded file labels
+UPLOADING_FILE_STATUS_TEXT=Uploading
+TERMINATED_FILE_STATUS_TEXT=Terminated
+REMOVE_FILE_TEXT=Remove file
+
+#Upload button aria-label
+UPLOAD_BUTTON_LABEL=Upload file

package/src/i18n/messagebundle_en.properties

@@ -30,6 +30,7 @@ ACCESSIBLE_NAME_SEARCH_ICON=Search
 TOOLTIP_RESET_BUTTON=Clear
 TOOLTIP_VOICE_BUTTON=Voice
 TOOLTIP_SUBMIT_BUTTON=Submit
+LISTENING=Listening
 AVAILABLE_VALUES=Available Values
 RECOMMENDED_TEXT=Recommended pages
 EXPAND_ALL=Expand All
@@ -48,10 +49,11 @@ SHOW_RESULTS=Show Results
 SHOW_HIDE_PASSWORD=Show/Hide Password Button
 RESET=Reset
 MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close Button
-MESSAGE_STRIP_INFORMATION=Information
-MESSAGE_STRIP_SUCCESS=Positive
-MESSAGE_STRIP_WARNING=Warning
-MESSAGE_STRIP_ERROR=Negative
+MESSAGE_STRIP_INFORMATION=Information Bar
+MESSAGE_STRIP_SUCCESS=Positive Bar
+MESSAGE_STRIP_WARNING=Warning Bar
+MESSAGE_STRIP_ERROR=Negative Bar
+MESSAGE_STRIP_ACTION=Action Bar
 REVIEWS=reviews
 STARS=stars
 SELECT_OPTIONS=Select Options
@@ -105,3 +107,7 @@ TRIGGER=Dropdown trigger
 MAIN_LINKS=main links
 OPENS_IN_A_NEW_WINDOW=opens in a new window
 TEXT_FIELD=Text field
+UPLOADING_FILE_STATUS_TEXT=Uploading
+TERMINATED_FILE_STATUS_TEXT=Terminated
+REMOVE_FILE_TEXT=Remove file
+UPLOAD_BUTTON_LABEL=Upload file

package/src/mediaPlayerLanguageMapping.ts

@@ -0,0 +1,114 @@
+const mapLangFile = (language: string) => {
+  switch (language) {
+  case "ar":
+    return import(/* @vite-ignore */`video.js/dist/lang/ar.json`);
+  case "az":
+    return import(/* @vite-ignore */`video.js/dist/lang/az.json`);
+  case "ba":
+    return import(/* @vite-ignore */`video.js/dist/lang/ba.json`);
+  case "bg":
+    return import(/* @vite-ignore */`video.js/dist/lang/bg.json`);
+  case "bn":
+    return import(/* @vite-ignore */`video.js/dist/lang/bn.json`);
+  case "ca":
+    return import(/* @vite-ignore */`video.js/dist/lang/ca.json`);
+  case "cs":
+    return import(/* @vite-ignore */`video.js/dist/lang/cs.json`);
+  case "cy":
+    return import(/* @vite-ignore */`video.js/dist/lang/cy.json`);
+  case "da":
+    return import(/* @vite-ignore */`video.js/dist/lang/da.json`);
+  case "de":
+    return import(/* @vite-ignore */`video.js/dist/lang/de.json`);
+  case "el":
+    return import(/* @vite-ignore */`video.js/dist/lang/el.json`);
+  case "en":
+    return import(/* @vite-ignore */`video.js/dist/lang/en.json`);
+  case "en-GB":
+    return import(/* @vite-ignore */`video.js/dist/lang/en-GB.json`);
+  case "es":
+    return import(/* @vite-ignore */`video.js/dist/lang/es.json`);
+  case "et":
+    return import(/* @vite-ignore */`video.js/dist/lang/et.json`);
+  case "eu":
+    return import(/* @vite-ignore */`video.js/dist/lang/eu.json`);
+  case "fa":
+    return import(/* @vite-ignore */`video.js/dist/lang/fa.json`);
+  case "fi":
+    return import(/* @vite-ignore */`video.js/dist/lang/fi.json`);
+  case "fr":
+    return import(/* @vite-ignore */`video.js/dist/lang/fr.json`);
+  case "gd":
+    return import(/* @vite-ignore */`video.js/dist/lang/gd.json`);
+  case "gl":
+    return import(/* @vite-ignore */`video.js/dist/lang/gl.json`);
+  case "he":
+    return import(/* @vite-ignore */`video.js/dist/lang/he.json`);
+  case "hi":
+    return import(/* @vite-ignore */`video.js/dist/lang/hi.json`);
+  case "hr":
+    return import(/* @vite-ignore */`video.js/dist/lang/hr.json`);
+  case "hu":
+    return import(/* @vite-ignore */`video.js/dist/lang/hu.json`);
+  case "it":
+    return import(/* @vite-ignore */`video.js/dist/lang/it.json`);
+  case "ja":
+    return import(/* @vite-ignore */`video.js/dist/lang/ja.json`);
+  case "ko":
+    return import(/* @vite-ignore */`video.js/dist/lang/ko.json`);
+  case "lv":
+    return import(/* @vite-ignore */`video.js/dist/lang/lv.json`);
+  case "mr":
+    return import(/* @vite-ignore */`video.js/dist/lang/mr.json`);
+  case "nb":
+    return import(/* @vite-ignore */`video.js/dist/lang/nb.json`);
+  case "nl":
+    return import(/* @vite-ignore */`video.js/dist/lang/nl.json`);
+  case "nn":
+    return import(/* @vite-ignore */`video.js/dist/lang/nn.json`);
+  case "np":
+    return import(/* @vite-ignore */`video.js/dist/lang/np.json`);
+  case "oc":
+    return import(/* @vite-ignore */`video.js/dist/lang/oc.json`);
+  case "pl":
+    return import(/* @vite-ignore */`video.js/dist/lang/pl.json`);
+  case "pt-BR":
+    return import(/* @vite-ignore */`video.js/dist/lang/pt-BR.json`);
+  case "pt-PT":
+    return import(/* @vite-ignore */`video.js/dist/lang/pt-PT.json`);
+  case "ro":
+    return import(/* @vite-ignore */`video.js/dist/lang/ro.json`);
+  case "ru":
+    return import(/* @vite-ignore */`video.js/dist/lang/ru.json`);
+  case "sk":
+    return import(/* @vite-ignore */`video.js/dist/lang/sk.json`);
+  case "sl":
+    return import(/* @vite-ignore */`video.js/dist/lang/sl.json`);
+  case "sr":
+    return import(/* @vite-ignore */`video.js/dist/lang/sr.json`);
+  case "sv":
+    return import(/* @vite-ignore */`video.js/dist/lang/sv.json`);
+  case "te":
+    return import(/* @vite-ignore */`video.js/dist/lang/te.json`);
+  case "th":
+    return import(/* @vite-ignore */`video.js/dist/lang/th.json`);
+  case "tr":
+    return import(/* @vite-ignore */`video.js/dist/lang/tr.json`);
+  case "uk":
+    return import(/* @vite-ignore */`video.js/dist/lang/uk.json`);
+  case "vi":
+    return import(/* @vite-ignore */`video.js/dist/lang/vi.json`);
+  case "zh-CN":
+    return import(/* @vite-ignore */`video.js/dist/lang/zh-CN.json`);
+  case "zh-Hans":
+    return import(/* @vite-ignore */`video.js/dist/lang/zh-Hans.json`);
+  case "zh-Hant":
+    return import(/* @vite-ignore */`video.js/dist/lang/zh-Hant.json`);
+  case "zh-TW":
+    return import(/* @vite-ignore */`video.js/dist/lang/zh-TW.json`);
+  default:
+    return import(/* @vite-ignore */`video.js/dist/lang/en.json`);
+  }
+};
+
+export default mapLangFile;

package/src/themes/Accordion.css

@@ -25,9 +25,3 @@
 .udex-accordion__btn::part(button){
   padding-inline: var(--udexSpacer12,12px);
 }
-
-.udex-accordion__list {
-  list-style: none;
-  padding: 0;
-  margin-inline: 0;
-}

package/src/themes/AccordionItem.css

@@ -5,6 +5,8 @@
   --udex-accordion-item-title-font-weight: var(--udexTypographyFontWeightMedium, 500);
   --udex-accordion-item-border-color: var(--sapShell_BorderColor, var(--udexColorGrey3));
   --udex-accordion-item-border-width: 1px;
+  --udex-accordion-item-background-color: transparent;
+  --udex-accordion-item-hover-background-color: var(--udexColorGrey1, #F5F6F7);
   --udex-accordion-item-header-padding: var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer12, 12px) var(--udexSpacer8, 8px);
   --udex-accordion-item-content-margin: var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
   --udex-accordion-item-icon-width: 42px;
@@ -18,15 +20,23 @@
 }
 
 .udex-accordion-item__header {
+  display: flex;
   align-items: center;
+  cursor: pointer;
+  border: none;
+  background: var(--udex-accordion-item-background-color);
+  width: 100%;
+  font-family: inherit;
   color: var(--udex-accordion-item-headline-color);
-  display: flex;
   font-size: var(--udex-accordion-item-headline-font-size);
   gap: var(--udexSpacer12, 12px);
   padding: var(--udex-accordion-item-header-padding);
   line-height: var(--udexTypographyHeadingLineHeight, 1.1);
   border-bottom: var(--udex-accordion-item-border-width) solid var(--udex-accordion-item-border-color);
-  cursor: pointer;
+}
+
+.udex-accordion-item__header:hover {
+  background-color: var(--udex-accordion-item-hover-background-color);
 }
 
 :host([desktop]) .udex-accordion-item__header:focus,
@@ -50,15 +60,15 @@
   justify-content: center;
 }
 
-.rtl .udex-accordion-item__icon {
+:host(:dir(rtl)) .udex-accordion-item__icon {
   transform: rotate(0);
 }
 
-.active .udex-accordion-item__icon {
+:host([expanded]) .udex-accordion-item__icon {
   transform: rotate(90deg);
 }
 
-.rtl.active .udex-accordion-item__icon {
+:host([expanded]:dir(rtl)) .active .udex-accordion-item__icon {
   transform: rotate(-90deg);
 }
 
@@ -66,6 +76,7 @@
   font-weight: var(--udex-accordion-item-title-font-weight);
   align-items: center;
   display: flex;
+  text-align: start;
 }
 
 .udex-accordion-item__content {
@@ -73,11 +84,7 @@
   margin: var(--udex-accordion-item-content-margin);
 }
 
-.active.udex-accordion-item {
-  border: none;
-}
-
-.active .udex-accordion-item__content {
+:host([expanded]) .udex-accordion-item__content {
   display: block;
 }
 

package/src/themes/Avatar.css

@@ -36,66 +36,57 @@
 
   --udex-avatar-blue-default-background-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));
   --udex-avatar-blue-default-border-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));
-  --udex-avatar-blue-default-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));
+  --udex-avatar-blue-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));
   --udex-avatar-blue-hover-backgound-color: var(--sapAvatar_6_Background, var(--udexColorBlue2));
-  --udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));
-  --udex-avatar-blue-hover-icon-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue7));
+  --udex-avatar-blue-hover-border-color: var(--sapAvatar_6_TextColor, var(--udexColorBlue8));
 
   --udex-avatar-mango-default-background-color: var(--sapAvatar_1_Background, var(--udexColorMango2));
   --udex-avatar-mango-default-border-color: var(--sapAvatar_1_Background, var(--udexColorMango2));
-  --udex-avatar-mango-default-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));
+  --udex-avatar-mango-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));
   --udex-avatar-mango-hover-backgound-color: var(--sapAvatar_1_Background, var(--udexColorMango2));
-  --udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));
-  --udex-avatar-mango-hover-icon-color: var(--sapAvatar_1_TextColor, var(--udexColorMango7));
+  --udex-avatar-mango-hover-border-color: var(--sapAvatar_1_TextColor, var(--udexColorMango8));
 
   --udex-avatar-red-default-background-color: var(--sapAvatar_2_Background, var(--udexColorRed2));
   --udex-avatar-red-default-border-color: var(--sapAvatar_2_Background, var(--udexColorRed2));
-  --udex-avatar-red-default-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));
+  --udex-avatar-red-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));
   --udex-avatar-red-hover-backgound-color: var(--sapAvatar_2_Background, var(--udexColorRed2));
-  --udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));
-  --udex-avatar-red-hover-icon-color: var(--sapAvatar_2_TextColor, var(--udexColorRed7));
+  --udex-avatar-red-hover-border-color: var(--sapAvatar_2_TextColor, var(--udexColorRed8));
 
   --udex-avatar-raspberry-default-background-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));
   --udex-avatar-raspberry-default-border-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));
-  --udex-avatar-raspberry-default-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));
+  --udex-avatar-raspberry-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));
   --udex-avatar-raspberry-hover-backgound-color: var(--sapAvatar_3_Background, var(--udexColorRaspberry2));
-  --udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));
-  --udex-avatar-raspberry-hover-icon-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry7));
+  --udex-avatar-raspberry-hover-border-color: var(--sapAvatar_3_TextColor, var(--udexColorRaspberry8));
 
   --udex-avatar-pink-default-background-color: var(--sapAvatar_4_Background, var(--udexColorPink2));
   --udex-avatar-pink-default-border-color: var(--sapAvatar_4_Background, var(--udexColorPink2));
-  --udex-avatar-pink-default-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));
+  --udex-avatar-pink-icon-color: var(--sapAvatar_4_TextColor,  var(--udexColorPink8));
   --udex-avatar-pink-hover-backgound-color: var(--sapAvatar_4_Background, var(--udexColorPink2));
-  --udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));
-  --udex-avatar-pink-hover-icon-color: var(--sapAvatar_4_TextColor, var(--udexColorPink7));
+  --udex-avatar-pink-hover-border-color: var(--sapAvatar_4_TextColor,  var(--udexColorPink8));
 
   --udex-avatar-indigo-default-background-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));
   --udex-avatar-indigo-default-border-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));
-  --udex-avatar-indigo-default-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));
+  --udex-avatar-indigo-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));
   --udex-avatar-indigo-hover-backgound-color: var(--sapAvatar_5_Background, var(--udexColorIndigo2));
-  --udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));
-  --udex-avatar-indigo-hover-icon-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo7));
+  --udex-avatar-indigo-hover-border-color: var(--sapAvatar_5_TextColor, var(--udexColorIndigo8));
 
   --udex-avatar-teal-default-background-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));
   --udex-avatar-teal-default-border-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));
-  --udex-avatar-teal-default-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));
+  --udex-avatar-teal-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));
   --udex-avatar-teal-hover-backgound-color: var(--sapAvatar_7_Background, var(--udexColorTeal2));
-  --udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));
-  --udex-avatar-teal-hover-icon-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal7));
+  --udex-avatar-teal-hover-border-color: var(--sapAvatar_7_TextColor, var(--udexColorTeal8));
 
   --udex-avatar-green-default-background-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));
   --udex-avatar-green-default-border-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));
-  --udex-avatar-green-default-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));
+  --udex-avatar-green-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));
   --udex-avatar-green-hover-backgound-color: var(--sapAvatar_8_Background, var(--udexColorGreen2));
-  --udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));
-  --udex-avatar-green-hover-icon-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen7));
+  --udex-avatar-green-hover-border-color: var(--sapAvatar_8_TextColor, var(--udexColorGreen8));
 
   --udex-avatar-grey-default-background-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));
   --udex-avatar-grey-default-border-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));
-  --udex-avatar-grey-default-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));
+  --udex-avatar-grey-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));
   --udex-avatar-grey-hover-backgound-color: var(--sapAvatar_9_Background, var(--udexColorGrey2));
-  --udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));
-  --udex-avatar-grey-hover-icon-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey7));
+  --udex-avatar-grey-hover-border-color: var(--sapAvatar_9_TextColor, var(--udexColorGrey8));
 
   --udex-avatar-transparent-default-background-color: hsla(0, 0%, 0%, 0);
   --udex-avatar-transparent-default-border-color: hsla(0, 0%, 0%, 0);
@@ -108,7 +99,7 @@
   --udex-avatar-neutral-default-border-color: var(--sapAvatar_10_BorderColor, var(--udexColorGrey3));
   --udex-avatar-neutral-default-icon-color: var(--sapAvatar_10_TextColor , #0070F2);
   --udex-avatar-neutral-hover-backgound-color: var(--sapAvatar_10_Background, var(--udexColorNeuturalWhite));
-  --udex-avatar-neutral-hover-border-color: var(, var(--udexColorGrey5, #8396a8));
+  --udex-avatar-neutral-hover-border-color: var(--udexColorGrey5, #8396a8);
   --udex-avatar-neutral-hover-icon-color: var(--sapAvatar_10_TextColor, #0070F2);
 
   --udex-avatar-neutral-active-border-color: var(--udexColorBlue9, #0040B0);
@@ -116,6 +107,14 @@
   --udex-avatar-neutral-active-icon-color: var(--udexColorBlue9, #0040B0);
 }
 
+:host([disabled]) {
+  pointer-events: none;
+}
+
+:host([shape="Square"]) .udex-avatar {
+  border-radius: var(--udex-avatar-radius-s);
+}
+
 :host {
   font-family: var(--sapFontFamily, sans-serif);
   font-size: var(--sapFontSize, 16px);
@@ -299,7 +298,7 @@
 
 :host([color-scheme="Blue"]) .udex-avatar {
   background-color: var(--udex-avatar-blue-default-background-color);
-  color: var(--udex-avatar-blue-default-icon-color);
+  color: var(--udex-avatar-blue-icon-color);
   border-color: var(--udex-avatar-blue-default-border-color);
 }
 
@@ -307,14 +306,14 @@
 :host([color-scheme="Blue"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-blue-default-background-color);
   border-color: var(--udex-avatar-blue-hover-border-color);
-  color: var(--udex-avatar-blue-default-icon-color);
+  color: var(--udex-avatar-blue-icon-color);
 }
 
 /* Mango color scheme styles */
 
 :host([color-scheme="Mango"]) .udex-avatar {
   background-color: var(--udex-avatar-mango-default-background-color);
-  color: var(--udex-avatar-mango-default-icon-color);
+  color: var(--udex-avatar-mango-icon-color);
   border-color: var(--udex-avatar-mango-default-border-color);
 }
 
@@ -322,7 +321,7 @@
 :host([color-scheme="Mango"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-mango-default-background-color);
   border-color: var(--udex-avatar-mango-hover-border-color);
-  color: var(--udex-avatar-mango-default-icon-color);
+  color: var(--udex-avatar-mango-icon-color);
 }
 
 /* Disabled styles */
@@ -335,7 +334,7 @@
 
 :host([color-scheme="Red"]) .udex-avatar {
   background-color: var(--udex-avatar-red-default-background-color);
-  color: var(--udex-avatar-red-default-icon-color);
+  color: var(--udex-avatar-red-icon-color);
   border-color: var(--udex-avatar-red-default-border-color);
 }
 
@@ -343,14 +342,14 @@
 :host([color-scheme="Red"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-red-default-background-color);
   border-color: var(--udex-avatar-red-hover-border-color);
-  color: var(--udex-avatar-red-default-icon-color);
+  color: var(--udex-avatar-red-icon-color);
 }
 
 /* Raspberry color scheme styles */
 
 :host([color-scheme="Raspberry"]) .udex-avatar {
   background-color: var(--udex-avatar-raspberry-default-background-color);
-  color: var(--udex-avatar-raspberry-default-icon-color);
+  color: var(--udex-avatar-raspberry-icon-color);
   border-color: var(--udex-avatar-raspberry-default-border-color);
 }
 
@@ -358,14 +357,14 @@
 :host([color-scheme="Raspberry"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-raspberry-default-background-color);
   border-color: var(--udex-avatar-raspberry-hover-border-color);
-  color: var(--udex-avatar-raspberry-default-icon-color);
+  color: var(--udex-avatar-raspberry-icon-color);
 }
 
 /* Pink color scheme styles */
 
 :host([color-scheme="Pink"]) .udex-avatar {
   background-color: var(--udex-avatar-pink-default-background-color);
-  color: var(--udex-avatar-pink-default-icon-color);
+  color: var(--udex-avatar-pink-icon-color);
   border-color: var(--udex-avatar-pink-default-border-color);
 }
 
@@ -373,14 +372,14 @@
 :host([color-scheme="Pink"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-pink-default-background-color);
   border-color: var(--udex-avatar-pink-hover-border-color);
-  color: var(--udex-avatar-pink-default-icon-color);
+  color: var(--udex-avatar-pink-icon-color);
 }
 
 /* Indigo color scheme styles */
 
 :host([color-scheme="Indigo"]) .udex-avatar {
   background-color: var(--udex-avatar-indigo-default-background-color);
-  color: var(--udex-avatar-indigo-default-icon-color);
+  color: var(--udex-avatar-indigo-icon-color);
   border-color: var(--udex-avatar-indigo-default-border-color);
 }
 
@@ -388,14 +387,14 @@
 :host([color-scheme="Indigo"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-indigo-default-background-color);
   border-color: var(--udex-avatar-indigo-hover-border-color);
-  color: var(--udex-avatar-indigo-default-icon-color);
+  color: var(--udex-avatar-indigo-icon-color);
 }
 
 /* Teal color scheme styles */
 
 :host([color-scheme="Teal"]) .udex-avatar {
   background-color: var(--udex-avatar-teal-default-background-color);
-  color: var(--udex-avatar-teal-default-icon-color);
+  color: var(--udex-avatar-teal-icon-color);
   border-color: var(--udex-avatar-teal-default-border-color);
 }
 
@@ -403,14 +402,14 @@
 :host([color-scheme="Teal"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-teal-default-background-color);
   border-color: var(--udex-avatar-teal-hover-border-color);
-  color: var(--udex-avatar-teal-default-icon-color);
+  color: var(--udex-avatar-teal-icon-color);
 }
 
 /* Green color scheme styles */
 
 :host([color-scheme="Green"]) .udex-avatar {
   background-color: var(--udex-avatar-green-default-background-color);
-  color: var(--udex-avatar-green-default-icon-color);
+  color: var(--udex-avatar-green-icon-color);
   border-color: var(--udex-avatar-green-default-border-color);
 }
 
@@ -418,14 +417,14 @@
 :host([color-scheme="Green"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-green-default-background-color);
   border-color: var(--udex-avatar-green-hover-border-color);
-  color: var(--udex-avatar-green-default-icon-color);
+  color: var(--udex-avatar-green-icon-color);
 }
 
 /* Grey color scheme styles */
 
 :host([color-scheme="Grey"]) .udex-avatar {
   background-color: var(--udex-avatar-grey-default-background-color);
-  color: var(--udex-avatar-grey-default-icon-color);
+  color: var(--udex-avatar-grey-icon-color);
   border-color: var(--udex-avatar-grey-default-border-color);
 }
 
@@ -433,7 +432,7 @@
 :host([color-scheme="Grey"][interactive]) .udex-avatar:hover {
   background-color: var(--udex-avatar-grey-default-background-color);
   border-color: var(--udex-avatar-grey-hover-border-color);
-  color: var(--udex-avatar-grey-default-icon-color);
+  color: var(--udex-avatar-grey-icon-color);
 }
 
 /* Transparent color scheme styles */