@ui5/webcomponents 0.31.20 → 0.31.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/CHANGELOG.md +66 -0
  2. package/dist/CalendarHeader.js +2 -2
  3. package/dist/Card.js +45 -19
  4. package/dist/DayPicker.js +5 -0
  5. package/dist/Input.js +1 -1
  6. package/dist/List.js +1 -0
  7. package/dist/TabContainer.js +1 -1
  8. package/dist/api.json +1 -1
  9. package/dist/features/InputSuggestions.js +7 -18
  10. package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
  11. package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
  12. package/dist/generated/templates/BusyIndicatorTemplate.lit.js +1 -1
  13. package/dist/generated/templates/CardTemplate.lit.js +1 -1
  14. package/dist/generated/templates/ListTemplate.lit.js +1 -1
  15. package/dist/generated/templates/TabContainerTemplate.lit.js +2 -2
  16. package/dist/generated/templates/TableTemplate.lit.js +1 -1
  17. package/dist/generated/themes/Badge.css.js +1 -1
  18. package/dist/generated/themes/Button.css.js +1 -1
  19. package/dist/generated/themes/Card.css.js +1 -1
  20. package/dist/generated/themes/CheckBox.css.js +1 -1
  21. package/dist/generated/themes/ComboBox.css.js +1 -1
  22. package/dist/generated/themes/DatePicker.css.js +1 -1
  23. package/dist/generated/themes/DatePickerPopover.css.js +1 -1
  24. package/dist/generated/themes/Dialog.css.js +1 -1
  25. package/dist/generated/themes/GroupHeaderListItem.css.js +1 -1
  26. package/dist/generated/themes/Input.css.js +1 -1
  27. package/dist/generated/themes/InvisibleTextStyles.css.js +1 -1
  28. package/dist/generated/themes/Link.css.js +1 -1
  29. package/dist/generated/themes/List.css.js +1 -1
  30. package/dist/generated/themes/ListItem.css.js +1 -1
  31. package/dist/generated/themes/MessageStrip.css.js +1 -1
  32. package/dist/generated/themes/MultiComboBox.css.js +1 -1
  33. package/dist/generated/themes/Panel.css.js +1 -1
  34. package/dist/generated/themes/RadioButton.css.js +1 -1
  35. package/dist/generated/themes/SegmentedButton.css.js +1 -1
  36. package/dist/generated/themes/Select.css.js +1 -1
  37. package/dist/generated/themes/SliderBase.css.js +1 -1
  38. package/dist/generated/themes/StepInput.css.js +1 -1
  39. package/dist/generated/themes/Switch.css.js +1 -1
  40. package/dist/generated/themes/TextArea.css.js +1 -1
  41. package/dist/generated/themes/Tokenizer.css.js +1 -1
  42. package/dist/generated/themes/Tree.css.js +1 -1
  43. package/dist/generated/themes/TreeListItem.css.js +1 -1
  44. package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
  45. package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
  46. package/package.json +8 -8
  47. package/src/BusyIndicator.hbs +1 -0
  48. package/src/CalendarHeader.js +2 -2
  49. package/src/Card.hbs +3 -5
  50. package/src/Card.js +45 -19
  51. package/src/DayPicker.js +5 -0
  52. package/src/Input.js +1 -1
  53. package/src/List.hbs +1 -0
  54. package/src/List.js +1 -0
  55. package/src/TabContainer.hbs +3 -0
  56. package/src/TabContainer.js +1 -1
  57. package/src/Table.hbs +1 -0
  58. package/src/features/InputSuggestions.js +7 -18
  59. package/.port +0 -1
@@ -1 +1 @@
1
- export default ":root{--_ui5_calendar_height:24.5rem;--_ui5_calendar_width:20.5rem;--_ui5_calendar_padding:0.75rem;--_ui5_calendar_header_height:3rem;--_ui5_calendar_header_arrow_button_width:2.5rem;--_ui5_calendar_header_padding:0.25rem 0;--_ui5_checkbox_root_side_padding:.6875rem;--_ui5_checkbox_icon_size:1rem;--_ui5_custom_list_item_height:3rem;--_ui5_custom_list_item_rb_min_width:2.75rem;--_ui5_day_picker_item_width:2.25rem;--_ui5_day_picker_item_height:2.875rem;--_ui5_day_picker_empty_height:3rem;--_ui5_datetime_picker_width:40.0625rem;--_ui5_datetime_picker_height:25rem;--_ui5_datetime_timeview_phonemode_width:19.5rem;--_ui5_datetime_timeview_padding:1rem;--_ui5_dialog_content_min_height:2.75rem;--_ui5_input_inner_padding:0 0.625rem;--_ui5_input_inner_padding_with_icon:0 0.25rem 0 0.625rem;--_ui5_input_value_state_icon_padding:var(--_ui5-input-icon-padding);--_ui5_list_no_data_height:3rem;--_ui5_list_item_cb_margin_right:0;--_ui5_list_item_title_size:var(--sapFontLargeSize);--_ui5_list_item_img_size:3rem;--_ui5_list_item_img_margin:0.5rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2.75rem;--_ui5_list_item_icon_size:1.125rem;--_ui5_group_header_list_item_height:2.75rem;--_ui5_list_busy_row_height:3rem;--_ui5_month_picker_item_height:3rem;--_ui5_popup_default_header_height:2.75rem;--_ui5_year_picker_item_height:3rem;--_ui5_tokenizer_root_padding:0.1875rem;--_ui5_token_height:1.625rem;--_ui5_token_icon_padding:0.25rem 0.5rem;--_ui5_token_wrapper_right_padding:0.3125rem;--_ui5_tl_bubble_padding:1rem;--_ui5_tl_indicator_before_bottom:-1.625rem;--_ui5_tl_padding:1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom:1.625rem;--_ui5_rb_height:2.75rem;--_ui5_rb_label_side_padding:.875rem;--_ui5_rb_focus_dist:.5rem;--_ui5_rb_inner_size:2.75rem;--_ui5_rb_svg_size:1.375rem;--_ui5_rb_label_width:calc(100% - 2.75rem);--_ui5_rb_rtl_focus_right:0.5rem;--_ui5_switch_text_on_left:calc(-100% + 1.9125rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.875rem);--_ui5_switch_rtl_transform:translateX(1.875rem) translateX(-100%);--_ui5_switch_text_right:calc(-100% + 1.9125rem);--_ui5_tc_item_text:3rem;--_ui5_tc_item_text_text_only:3rem;--_ui5_tc_item_text_line_height:normal;--_ui5_tc_item_icon_size:1.5rem;--_ui5_tc_item_add_text_margin_top:0.625rem;--_ui5_textarea_padding:0.5625rem 0.6875rem;--_ui5-responsive_popover_header_height:2.75rem;--ui5_side_navigation_item_height:2.75rem;--_ui5_load_more_text_height:2.75rem;--_ui5_load_more_text_font_size:var(--sapFontMediumSize);--_ui5_load_more_desc_padding:0.375rem 2rem 0.875rem 2rem;--_ui5-tree-indent-step:1.5rem;--_ui5-tree-toggle-box-width:2.75rem;--_ui5-tree-toggle-box-height:2.25rem;--_ui5-tree-toggle-icon-size:1.0625rem;--_ui5_timeline_tli_indicator_before_bottom:-1.625rem;--_ui5_timeline_tli_indicator_before_right:-1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-1.9375rem;--_ui5_segmented_btn_border_radius:0.375rem;--ui5-avatar-initials-color:#000;--ui5-avatar-initials-border:.0625rem solid #000;--ui5-avatar-accent1:#fff;--ui5-avatar-accent2:#fff;--ui5-avatar-accent3:#fff;--ui5-avatar-accent4:#fff;--ui5-avatar-accent5:#fff;--ui5-avatar-accent6:#fff;--ui5-avatar-accent7:#fff;--ui5-avatar-accent8:#fff;--ui5-avatar-accent9:#fff;--ui5-avatar-accent10:#fff;--ui5-avatar-placeholder:#fff;--_ui5_avatar_outline:0.125rem dotted var(--sapContent_FocusColor);--ui5-badge-font-size:0.75em;--ui5-badge-color-scheme-1-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-1-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-1-color:var(--sapTextColor);--ui5-badge-color-scheme-2-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-2-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-2-color:var(--sapTextColor);--ui5-badge-color-scheme-3-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-3-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-3-color:var(--sapTextColor);--ui5-badge-color-scheme-4-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-4-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-4-color:var(--sapTextColor);--ui5-badge-color-scheme-5-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-5-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-5-color:var(--sapTextColor);--ui5-badge-color-scheme-6-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-6-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-6-color:var(--sapTextColor);--ui5-badge-color-scheme-7-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-7-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-7-color:var(--sapTextColor);--ui5-badge-color-scheme-8-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-8-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-8-color:var(--sapTextColor);--ui5-badge-color-scheme-9-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-9-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-9-color:var(--sapTextColor);--ui5-badge-color-scheme-10-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-10-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-10-color:var(--sapTextColor);--_ui5_button_base_min_width:2.5rem;--_ui5_button_base_min_compact_width:2rem;--_ui5_button_base_height:2.5rem;--_ui5_button_compact_height:1.625rem;--_ui5_button_base_padding:0.6875rem;--_ui5_button_compact_padding:0.4375rem;--_ui5_button_base_icon_only_padding:0.5625rem;--_ui5_button_base_icon_margin:0.563rem;--_ui5_button_icon_font_size:1.375rem;--_ui5_button_emphasized_font_weight:normal;--_ui5_button_text_shadow:var(--sapContent_TextShadow);--_ui5_button_focus_offset:1px;--_ui5_button_transparent_hover_border_color:var(--sapButton_BorderColor);--_ui5_button_positive_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_positive_border_hover_color:var(--sapButton_Accept_Hover_BorderColor);--_ui5_button_positive_border_focus_hover_color:var(--sapContent_FocusColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_border_radius:0.375rem;--_ui5_button_outline_offset:-0.125rem;--_ui5_button_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_button_positive_border_active_color:transparent;--_ui5_button_active_border_color:transparent;--_ui5_button_positive_focus_border_color:transparent;--_ui5_button_negative_focus_border_color:transparent;--_ui5_button_negative_active_border_color:transparent;--_ui5_button_transparent_border_color:var(--sapButton_BorderColor);--_ui5_button_focus_width:1px;--_ui5_button_focus_color:var(--sapContent_FocusColor);--_ui5_button_focussed_border_color:transparent;--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:1px;--_ui5_calendar_header_middle_button_focus_after_left_offset:1px;--_ui5_calendar_header_arrow_button_border:1px solid var(--sapButton_BorderColor);--_ui5_calendar_header_arrow_button_border_radius:0.375rem;--_ui5_calendar_header_middle_button_width:5.75rem;--_ui5_calendar_header_middle_button_flex:auto;--_ui5_calendar_header_middle_button_focus_border_radius:0;--_ui5_calendar_header_middle_button_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_display:none;--ui5_carousel_button_size:2.5rem;--ui5_carousel_height:0.25rem;--ui5_carousel_width:0.25rem;--ui5_carousel_margin:0 0.375rem;--ui5_carousel_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_background:var(--sapContent_NonInteractiveIconColor);--_ui5_card_content_padding:1rem;--_ui5_card_header_hover_bg:var(--sapList_Hover_Background);--_ui5_card_header_active_bg:var(--_ui5_card_header_hover_bg);--_ui5_card_header_border_color:var(--_ui5_card_border_color);--_ui5_card_border_color:var(--sapTile_BorderColor);--_ui5_card_header_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_checkbox_wrapper_padding:.8125rem;--_ui5_checkbox_width_height:3rem;--_ui5_checkbox_inner_width_height:1.375rem;--_ui5_checkbox_inner_border:solid .125rem var(--sapField_BorderColor);--_ui5_checkbox_inner_information_border:0.125rem solid var(--sapField_InformationColor);--_ui5_checkbox_inner_readonly_border:0.125rem solid var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_wrapped_focus_padding:.375rem;--_ui5_checkbox_wrapped_content_margin_top:.125rem;--_ui5_checkbox_wrapped_focus_left_top_bottom_position:.5625rem;--_ui5_checkbox_focus_position:.6875rem;--_ui5_checkbox_compact_wrapper_padding:.5rem;--_ui5_checkbox_compact_width_height:2rem;--_ui5_checkbox_compact_inner_size:1rem;--_ui5_checkbox_compact_focus_position:.375rem;--_ui5_checkbox_compact_wrapped_label_margin_top:-1px;--_ui5_checkbox_inner_border_radius:0;--_ui5_checkbox_checkmark_color:var(--sapContent_IconColor);--_ui5_checkbox_inner_error_border:0.125rem dashed var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border:0.125rem dashed var(--sapField_WarningColor);--_ui5_checkbox_checkmark_warning_color:var(--sapField_WarningColor);--_ui5_checkbox_hover_background:var(--sapSelectedColor);--_ui5_checkbox_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_color-palette-item-height:1.75rem;--_ui5_color-palette-item-container-sides-padding:0.3125rem;--_ui5_color-palette-item-container-rows-padding:0.6875rem;--_ui5_color-palette-item-focus-height:1.5rem;--_ui5_color-palette-item-container-padding:var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);--_ui5_color-palette-item-hover-height:2.25rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height));--_ui5_color-palette-item-hover-margin:calc(var(--_ui5_color-palette-item-margin)/2);--_ui5_color-palette-row-width:14.5rem;--_ui5_color-palette-row-height:9.5rem;--_ui5_datepicker_icon_border:1px solid transparent;--_ui5_daypicker_daynames_container_height:2rem;--_ui5_daypicker_item_othermonth_background_color:var(--sapList_Background);--_ui5_daypicker_item_othermonth_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius:0;--_ui5_daypicker_item_now_inner_border_radius:0;--_ui5_daypicker_item_now_outline_offset:1px;--_ui5_daypicker_item_now_selected_outline_offset:2px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_margin:0;--_ui5_daypicker_item_border:1px solid var(--sapList_BorderColor);--_ui5_daypicker_item_outline_width:0.125rem;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_dayname_color:var(--sapHC_ReducedForeground);--_ui5_daypicker_weekname_color:var(--sapHC_ReducedForeground);--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_selected_border_color:transparent;--_ui5_dialog_resize_handle_color:var(--sapContent_IconColor);--ui5-group-header-listitem-background-color:var(--sapList_GroupHeaderBackground);--_ui5_input_width:13.125rem;--_ui5_input_height:2.5rem;--_ui5_input_compact_height:1.625rem;--_ui5_input_wrapper_border_radius:0;--_ui5-input-information_border_width:0.125rem;--_ui5_input_disabled_opacity:0.5;--_ui5_input_icon_min_width:2.375rem;--_ui5_input_compact_min_width:2rem;--_ui5_input_focus_border_width:0.125rem;--_ui5_input_state_border_width:1px;--_ui5_input_error_warning_border_style:dashed;--_ui5_input_error_warning_font_style:italic;--_ui5_input_error_font_weight:bold;--_ui5_input_disabled_color:var(--sapContent_DisabledTextColor);--_ui5_input_disabled_font_weight:normal;--_ui5_input_disabled_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5_input_disabled_background:var(--sapField_ReadOnly_Background);--_ui5_input_icon_padding:0.6875rem .6875rem;--_ui5_link_opacity:0.5;--_ui5_link_text_decoration:none;--_ui5_link_hover_text_decoration:underline;--ui5_list_footer_text_color:var(--sapPageFooter_TextColor);--ui5-listitem-background-color:var(--sapList_Background);--ui5-listitem-border-bottom:1px solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom:1px solid var(--sapList_SelectionBorderColor);--_ui5-listitembase_disabled_opacity:0.5;--_ui5_product_switch_item_border:none;--_ui5_listitembase_focus_width:0.125rem;--_ui5_monthpicker_item_border_radius:0;--_ui5_monthpicker_item_border:1px solid var(--sapList_BorderColor);--_ui5_monthpicker_item_margin:0;--_ui5_monthpicker_item_focus_after_width:calc(100% - 0.25rem);--_ui5_monthpicker_item_focus_after_height:calc(100% - 0.25rem);--_ui5_monthpicker_item_focus_after_border:2px dotted var(--sapContent_FocusColor);--_ui5_monthpicker_item_focus_after_offset:0;--_ui5_messagestrip_icon_width:2.5rem;--_ui5_messagestrip_border_radius:0.1875rem;--_ui5_messagestrip_button_border_width:0;--_ui5_messagestrip_button_border_style:none;--_ui5_messagestrip_button_border_color:transparent;--_ui5_messagestrip_button_border_radius:0;--_ui5_messagestrip_padding:0.4375rem 2.5rem 0.4375rem 2.5rem;--_ui5_messagestrip_padding_no_icon:0.4375rem 2.5rem 0.4375rem 1rem;--_ui5_messagestrip_button_height:1.625rem;--_ui5_messagestrip_close_button_size:1.5rem;--_ui5_messagestrip_close_button_border:1px solid var(--sapButton_BorderColor);--_ui5_messagestrip_border_width:0.125rem;--_ui5_messagestrip_icon_top:0.375rem;--_ui5_messagestrip_focus_width:0.125rem;--_ui5_messagestrip_focus_offset:-2px;--_ui5_panel_header_height:3rem;--_ui5_panel_button_root_width:3rem;--_ui5_panel_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_popup_content_padding:.4375em;--_ui5_progress_indicator_color:var(--sapTextColor);--_ui5_progress_indicator_bar_color:var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_border:0.0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_value_state_none:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_error:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_warning:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_success:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_information:var(--sapHighlightColor);--_ui5_progress_indicator_bar_border_max:var(--_ui5_progress_indicator_border);--_ui5_progress_indicator_icon_visibility:inline-block;--_ui5_radiobutton_min_width:2.75rem;--_ui5_radiobutton_min_width_compact:2rem;--_ui5_radiobutton_selected_fill:var(--sapContent_IconColor);--_ui5_radiobutton_selected_warning_fill:var(--sapContent_IconColor);--_ui5_radiobutton_selected_error_fill:var(--sapContent_IconColor);--_ui5_radiobutton_hover_fill:var(--sapSelectedColor);--_ui5_radiobutton_border_width:0.125rem;--_ui5_radiobutton_warning_error_border_dash:5;--_ui5_select_disabled_background:var(--sapHC_ReducedBackground);--_ui5_select_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_select_state_error_warning_border_style:dashed;--_ui5_select_state_error_warning_border_width:1px;--_ui5_select_hover_icon_left_border:0.0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_rtl_hover_icon_left_border:none;--_ui5_select_rtl_hover_icon_right_border:0.0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_focus_width:0.125rem;--_ui5_switch_height:2.75rem;--_ui5_switch_width:3.875rem;--_ui5_switch_no_label_width:3.25rem;--_ui5_switch_compact_height:2rem;--_ui5_switch_compact_width:3.5rem;--_ui5_switch_compact_no_label_width:2.5rem;--_ui5_switch_track_height:1.375rem;--_ui5_switch_track_no_label_height:1.25rem;--_ui5_switch_track_compact_no_label_height:1rem;--_ui5_switch_track_border_radius:0.75rem;--_ui5_switch_handle_width:2rem;--_ui5_switch_handle_height:2rem;--_ui5_switch_handle_border_radius:1rem;--_ui5_switch_handle_checked_bg:var(--sapButton_Selected_Background);--_ui5_switch_handle_checked_border_color:var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_compact_width:1.625rem;--_ui5_switch_handle_compact_height:1.625rem;--_ui5_switch_outline:0.125rem;--_ui5_switch_track_hover_border_color:var(--sapTextColor);--_ui5_switch_track_border_color:var(--sapButton_Background);--_ui5_switch_track_hover_background_color:var(--sapButton_Background);--_ui5_switch_track_hover_checked_background_color:var(--sapButton_Background);--_ui5_switch_track_disabled_checked_bg:var(--sapHC_ReducedBackground);--_ui5_switch_track_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_track_disabled_semantic_checked_bg:var(--sapHC_ReducedBackground);--_ui5_switch_track_disabled_semantic_checked_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_track_disabled_semantic_bg:var(--sapButton_Background);--_ui5_switch_track_disabled_semantic_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_bg:var(--sapButton_Background);--_ui5_switch_handle_semantic_hover_bg:var(--sapButton_Hover_Background);--_ui5_switch_handle_semantic_checked_hover_bg:var(--sapButton_Hover_Background);--_ui5_switch_handle_semantic_hover_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_semantic_checked_hover_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_border_width:0.125rem;--_ui5_switch_handle_disabled_bg:var(--sapButton_Background);--_ui5_switch_handle_disabled_checked_bg:var(--_ui5_switch_handle_disabled_bg);--_ui5_switch_handle_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_disabled_semantic_checked_bg:var(--_ui5_switch_handle_disabled_bg);--_ui5_switch_handle_disabled_semantic_checked_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_disabled_semantic_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_text_on_semantic_color:var(--sapTextColor);--_ui5_switch_text_off_semantic_color:var(--sapTextColor);--_ui5_switch_text_disabled_color:var(--sapHC_ReducedAltForeground);--_ui5_tc_header_height:4.6875rem;--_ui5_tc_header_height_compact:3.6875rem;--_ui5_tc_header_height_text_only:3rem;--_ui5_tc_header_height_text_only_compact:2rem;--_ui5_tc_header_box_shadow:inset 0 -0.25rem 0 -0.125rem var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_color:var(--sapGroup_TitleTextColor);--_ui5_tc_content_border_bottom:0.125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_header_border_bottom:0.125rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemContent_border_bottom:0.25rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItem_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_tc_headerItem_neutral_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_positive_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_negative_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_critical_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_neutral_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_neutral_selected_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_selected_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_selected_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_selected_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItemSemanticIcon_display:inline-block;--_ui5_tc_headerItemIcon_border:1px solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_color:var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_selected_color:var(--sapContent_IconColor);--_ui5_tc_headeritem_text_selected_color:var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_positive_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_negative_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_critical_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_neutral_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_semantic_selected_color:var(--sapContent_IconColor);--_ui5_tc_overflowItem_neutral_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_positive_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_negative_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_critical_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_default_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_current_color:var(--_ui5_tc_overflowItem_default_color);--ui5_table_header_row_outline_width:0.125rem;--ui5_table_row_outline_width:0.125rem;--_ui5_load_more_padding:0.25rem;--_ui5_load_more_border:1px solid var(--sapButton_BorderColor);--_ui5_load_more_border_radius:0.375rem;--_ui5_load_more_outline_width:0.125rem;--_ui5_textarea_state_border_width:0.125rem;--_ui5_textarea_focus_after_width:2px;--_ui5_textarea_warning_border_style:dashed;--ui5_title_level_1Size:1.625rem;--ui5_title_level_2Size:1.375rem;--ui5_title_level_3Size:1.250rem;--ui5_title_level_4Size:1.125rem;--ui5_title_level_5Size:1rem;--ui5_title_level_6Size:0.875rem;--_ui5_toast_vertical_offset:3rem;--_ui5_toast_horizontal_offset:2rem;--_ui5_toast_background:var(--sapList_Background);--_ui5_toast_shadow:var(--sapContent_Shadow2);--_ui5_toggle_button_pressed_focussed:var(--sapButton_Selected_BorderColor);--_ui5_toggle_button_pressed_focussed_hovered:var(--sapButton_Selected_BorderColor);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border_radius:0;--_ui5_yearpicker_item_border:1px solid var(--sapList_BorderColor);--_ui5_yearpicker_item_margin:0;--_ui5_yearpicker_item_focus_after_width:calc(100% - 0.25rem);--_ui5_yearpicker_item_focus_after_height:calc(100% - 0.25rem);--_ui5_yearpicker_item_focus_after_border:2px dotted var(--sapContent_FocusColor);--_ui5_yearpicker_item_focus_after_offset:0;--_ui5_wheelslider_item_text_size:var(--sapFontSize);--_ui5_wheelslider_label_text_size:var(--sapFontSmallSize);--_ui5_wheelslider_mobile_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*4);--_ui5_wheelslider_label_text_color:var(--sapContent_LabelColor);--_ui5_wheelslider_height:15rem;--_ui5_wheelslider_mobile_height:27rem;--_ui5_wheelslider_arrows_visibility:hidden;--_ui5_wheelslider_item_background_color:var(--sapList_Background);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapHighlightColor);--_ui5_wheelslider_item_border_color:var(--sapList_BorderColor);--_ui5_wheelslider_collapsed_item_text_color:var(--sapContent_ContrastTextColor);--_ui5_wheelslider_selected_item_background_color:var(--sapSelectedColor);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapHighlightColor);--_ui5_wheelslider_active_item_background_color:var(--sapHighlightColor);--_ui5_wheelslider_active_item_text_color:var(--sapTextColor);--_ui5_wheelslider_item_width:4.5rem;--_ui5_wheelslider_item_height:3rem;--_ui5_wheelslider_selection_frame_color:var(--sapContent_ForegroundBorderColor);--_ui_wheelslider_item_border_radius:0;--_ui5_token_border_radius:0.125rem;--_ui5_value_state_message_border:2px solid var(--sapField_BorderColor);--_ui5-multi_combobox_token_margin_top:3px;--_ui5_slider_progress_container_background:var(--sapField_BorderColor);--_ui5_range_slider_handle_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_handle_outline:1px dotted var(--sapContent_FocusColor);--_ui5_slider_handle_outline_offset:0.075rem;--_ui5_range_slider_handle_hover_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_progress_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset:0.525rem;--_ui5_slider_tickmark_color:#89919a;--_ui5_slider_disabled_opacity:0.4;--_ui5_slider_tooltip_fontsize:var(--sapFontSmallSize);--_ui5_slider_tooltip_color:var(--sapContent_LabelColor);--_ui5_slider_tooltip_background:var(--sapField_Background);--_ui5_slider_tooltip_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_slider_tooltip_border_color:var(--sapField_BorderColor);--_ui5_slider_tooltip_padding:0.4125rem;--_ui5_slider_tooltip_box_shadow:none;--_ui5_slider_tooltip_min_width:2rem;--_ui5_slider_tooltip_bottom:2rem;--_ui5_slider_label_fontsize:var(--sapFontSmallSize);--_ui5_slider_label_color:var(--sapContent_LabelColor);--_ui5_slider_inner_height:0.375rem;--_ui5_slider_progress_border:solid 0.0625rem var(--sapField_BorderColor);--_ui5_slider_progress_border_radius:0.125rem;--_ui5_slider_handle_background:transparent;--_ui5_slider_handle_hover_background:var(--sapField_Hover_Background);--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_hover_border:var(--sapField_Active_BorderColor);--_ui5_slider_handle_height:1.375rem;--_ui5_slider_handle_width:1.375rem;--_ui5_slider_handle_top:-0.6rem;--_ui5_slider_handle_margin_left:-0.775rem;--_ui5_slider_progress_background:var(--sapField_Background);--_ui5_slider_tickmark_top:-0.2525rem}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_datetime_timeview_width:17rem;--_ui5_list_item_selection_btn_margin_top:calc(-1*var(--_ui5_checkbox_wrapper_padding));--_ui5_token_icon_size:.75rem;--_ui5_token_wrapper_left_padding:0;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_slider_tooltip_height:1rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_button_base_height:1.625rem;--_ui5_button_base_padding:0.4375rem;--_ui5_button_base_min_width:2rem;--_ui5_button_icon_font_size:1rem;--_ui5_calendar_height:18rem;--_ui5_calendar_width:17.75rem;--_ui5_calendar_padding:0.5rem;--_ui5_calendar_header_height:2rem;--_ui5_calendar_header_arrow_button_width:2rem;--_ui5_calendar_header_padding:0;--_ui5_checkbox_root_side_padding:var(--_ui5_checkbox_wrapped_focus_padding);--_ui5_checkbox_wrapped_content_margin_top:var(--_ui5_checkbox_compact_wrapped_label_margin_top);--_ui5_checkbox_wrapped_focus_left_top_bottom_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_width_height:var(--_ui5_checkbox_compact_width_height);--_ui5_checkbox_wrapper_padding:var(--_ui5_checkbox_compact_wrapper_padding);--_ui5_checkbox_focus_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_inner_width_height:var(--_ui5_checkbox_compact_inner_size);--_ui5_checkbox_icon_size:.75rem;--_ui5_color-palette-item-height:1.25rem;--_ui5_color-palette-item-focus-height:1rem;--_ui5_color-palette-item-container-sides-padding:0.1875rem;--_ui5_color-palette-item-container-rows-padding:0.8125rem;--_ui5_color-palette-item-hover-height:1.65rem;--_ui5_color-palette-item-hover-margin:0.3125rem;--_ui5_color-palette-row-width:12rem;--_ui5_color-palette-row-height:7.25rem;--_ui5_custom_list_item_height:2rem;--_ui5_custom_list_item_rb_min_width:2rem;--_ui5_day_picker_item_width:2rem;--_ui5_day_picker_item_height:2rem;--_ui5_day_picker_empty_height:2.125rem;--_ui5_datetime_picker_height:17rem;--_ui5_datetime_picker_width:34.0625rem;--_ui5_datetime_timeview_phonemode_width:18.5rem;--_ui5_datetime_timeview_padding:0.5rem;--_ui5_dialog_content_min_height:2.5rem;--_ui5_input_height:var(--_ui5_input_compact_height);--_ui5_input_inner_padding:0 0.5rem;--_ui5_input_icon_min_width:var(--_ui5_input_compact_min_width);--_ui5_input_icon_padding:.25rem .5rem;--_ui5_input_value_state_icon_padding:.1875rem .5rem;--_ui5_popup_default_header_height:2.5rem;--_ui5_textarea_padding:.1875rem .5rem;--_ui5_list_no_data_height:2rem;--_ui5_list_item_cb_margin_right:.5rem;--_ui5_list_item_title_size:var(--sapFontSize);--_ui5_list_item_img_margin:0.55rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2rem;--_ui5_list_item_icon_size:1rem;--_ui5_list_busy_row_height:2rem;--_ui5_month_picker_item_height:2rem;--_ui5_panel_header_height:2rem;--_ui5_year_picker_item_height:2rem;--_ui5_tokenizer_root_padding:0.125rem;--_ui5_token_height:1.125rem;--_ui5_token_icon_padding:0.1rem 0.25rem;--_ui5_token_wrapper_right_padding:0.25rem;--_ui5_tl_bubble_padding:.5rem;--_ui5_tl_indicator_before_bottom:-.5rem;--_ui5_tl_padding:.5rem;--_ui5_tl_li_margin_bottom:.5rem;--_ui5_rb_height:2rem;--_ui5_rb_label_side_padding:.5rem;--_ui5_rb_focus_dist:.375rem;--_ui5_rb_inner_size:2rem;--_ui5_rb_svg_size:1rem;--_ui5_rb_label_width:calc(100% - 2rem + 1px);--_ui5_rb_rtl_focus_right:0.375rem;--_ui5_wheelslider_item_width:4rem;--_ui5_wheelslider_item_height:2rem;--_ui5_wheelslider_height:14rem;--_ui5_wheelslider_arrows_visibility:visible;--_ui5_switch_height:var(--_ui5_switch_compact_height);--_ui5_switch_width:var(--_ui5_switch_compact_width);--_ui5_switch_handle_height:var(--_ui5_switch_handle_compact_height);--_ui5_switch_handle_width:var(--_ui5_switch_handle_compact_width);--_ui5_switch_text_on_left:calc(-100% + 1.5625rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.5rem);--_ui5_switch_no_label_width:var(--_ui5_switch_compact_no_label_width);--_ui5_switch_track_no_label_height:var(--_ui5_switch_track_compact_no_label_height);--_ui5_switch_rtl_transform:translateX(-100%) translateX(1.5rem);--_ui5_switch_text_right:calc(-100% + 1.5625rem);--_ui5_tc_item_text:2rem;--_ui5_tc_item_text_line_height:1.325rem;--_ui5_tc_item_icon_size:1rem;--_ui5_tc_item_add_text_margin_top:0.3125rem;--_ui5_tc_header_height:var(--_ui5_tc_header_height_compact);--_ui5_radiobutton_min_width:var(--_ui5_radiobutton_min_width_compact);--_ui5-responsive_popover_header_height:2.5rem;--ui5_side_navigation_item_height:2rem;--_ui5_slider_handle_height:1.25rem;--_ui5_slider_handle_width:1.25rem;--_ui5_slider_handle_top:-0.6425rem;--_ui5_slider_handle_margin_left:-0.7825rem;--_ui5_slider_tooltip_padding:0.25rem;--_ui5_slider_tooltip_bottom:1.825rem;--_ui5_load_more_text_height:2.625rem;--_ui5_load_more_text_font_size:var(--sapFontSize);--_ui5_load_more_desc_padding:0 2rem 0.875rem 2rem;--_ui5-tree-indent-step:0.5rem;--_ui5-tree-toggle-box-width:2rem;--_ui5-tree-toggle-box-height:1.5rem;--_ui5-tree-toggle-icon-size:0.8125rem;--_ui5_timeline_tli_indicator_before_bottom:-0.5rem;--_ui5_timeline_tli_indicator_before_right:-0.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-0.75rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-0.8125rem}";
1
+ export default ":root{--_ui5_calendar_height:24.5rem;--_ui5_calendar_width:20.5rem;--_ui5_calendar_padding:0.75rem;--_ui5_calendar_header_height:3rem;--_ui5_calendar_header_arrow_button_width:2.5rem;--_ui5_calendar_header_padding:0.25rem 0;--_ui5_checkbox_root_side_padding:.6875rem;--_ui5_checkbox_icon_size:1rem;--_ui5_custom_list_item_height:3rem;--_ui5_custom_list_item_rb_min_width:2.75rem;--_ui5_day_picker_item_width:2.25rem;--_ui5_day_picker_item_height:2.875rem;--_ui5_day_picker_empty_height:3rem;--_ui5_datetime_picker_width:40.0625rem;--_ui5_datetime_picker_height:25rem;--_ui5_datetime_timeview_phonemode_width:19.5rem;--_ui5_datetime_timeview_padding:1rem;--_ui5_dialog_content_min_height:2.75rem;--_ui5_input_inner_padding:0 0.625rem;--_ui5_input_inner_padding_with_icon:0 0.25rem 0 0.625rem;--_ui5_input_value_state_icon_padding:var(--_ui5-input-icon-padding);--_ui5_list_no_data_height:3rem;--_ui5_list_item_cb_margin_right:0;--_ui5_list_item_title_size:var(--sapFontLargeSize);--_ui5_list_item_img_size:3rem;--_ui5_list_item_img_margin:0.5rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2.75rem;--_ui5_list_item_icon_size:1.125rem;--_ui5_group_header_list_item_height:2.75rem;--_ui5_list_busy_row_height:3rem;--_ui5_month_picker_item_height:3rem;--_ui5_popup_default_header_height:2.75rem;--_ui5_year_picker_item_height:3rem;--_ui5_tokenizer_root_padding:0.1875rem;--_ui5_token_height:1.625rem;--_ui5_token_icon_padding:0.25rem 0.5rem;--_ui5_token_wrapper_right_padding:0.3125rem;--_ui5_tl_bubble_padding:1rem;--_ui5_tl_indicator_before_bottom:-1.625rem;--_ui5_tl_padding:1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom:1.625rem;--_ui5_rb_height:2.75rem;--_ui5_rb_label_side_padding:.875rem;--_ui5_rb_focus_dist:.5rem;--_ui5_rb_inner_size:2.75rem;--_ui5_rb_svg_size:1.375rem;--_ui5_rb_label_width:calc(100% - 2.75rem);--_ui5_rb_rtl_focus_right:0.5rem;--_ui5_switch_text_on_left:calc(-100% + 1.9125rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.875rem);--_ui5_switch_rtl_transform:translateX(1.875rem) translateX(-100%);--_ui5_switch_text_right:calc(-100% + 1.9125rem);--_ui5_tc_item_text:3rem;--_ui5_tc_item_text_text_only:3rem;--_ui5_tc_item_text_line_height:normal;--_ui5_tc_item_icon_size:1.5rem;--_ui5_tc_item_add_text_margin_top:0.625rem;--_ui5_textarea_padding:0.5625rem 0.6875rem;--_ui5-responsive_popover_header_height:2.75rem;--ui5_side_navigation_item_height:2.75rem;--_ui5_load_more_text_height:2.75rem;--_ui5_load_more_text_font_size:var(--sapFontMediumSize);--_ui5_load_more_desc_padding:0.375rem 2rem 0.875rem 2rem;--_ui5-tree-indent-step:1.5rem;--_ui5-tree-toggle-box-width:2.75rem;--_ui5-tree-toggle-box-height:2.25rem;--_ui5-tree-toggle-icon-size:1.0625rem;--_ui5_timeline_tli_indicator_before_bottom:-1.625rem;--_ui5_timeline_tli_indicator_before_right:-1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-1.9375rem;--_ui5_segmented_btn_border_radius:0.375rem;--ui5-avatar-initials-color:#000;--ui5-avatar-initials-border:.0625rem solid #000;--ui5-avatar-accent1:#fff;--ui5-avatar-accent2:#fff;--ui5-avatar-accent3:#fff;--ui5-avatar-accent4:#fff;--ui5-avatar-accent5:#fff;--ui5-avatar-accent6:#fff;--ui5-avatar-accent7:#fff;--ui5-avatar-accent8:#fff;--ui5-avatar-accent9:#fff;--ui5-avatar-accent10:#fff;--ui5-avatar-placeholder:#fff;--_ui5_avatar_outline:0.125rem dotted var(--sapContent_FocusColor);--ui5-badge-font-size:0.75em;--ui5-badge-color-scheme-1-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-1-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-1-color:var(--sapTextColor);--ui5-badge-color-scheme-2-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-2-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-2-color:var(--sapTextColor);--ui5-badge-color-scheme-3-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-3-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-3-color:var(--sapTextColor);--ui5-badge-color-scheme-4-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-4-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-4-color:var(--sapTextColor);--ui5-badge-color-scheme-5-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-5-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-5-color:var(--sapTextColor);--ui5-badge-color-scheme-6-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-6-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-6-color:var(--sapTextColor);--ui5-badge-color-scheme-7-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-7-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-7-color:var(--sapTextColor);--ui5-badge-color-scheme-8-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-8-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-8-color:var(--sapTextColor);--ui5-badge-color-scheme-9-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-9-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-9-color:var(--sapTextColor);--ui5-badge-color-scheme-10-background:var(--sapGroup_ContentBackground);--ui5-badge-color-scheme-10-border:var(--sapGroup_ContentBorderColor);--ui5-badge-color-scheme-10-color:var(--sapTextColor);--_ui5_button_base_min_width:2.5rem;--_ui5_button_base_min_compact_width:2rem;--_ui5_button_base_height:2.5rem;--_ui5_button_compact_height:1.625rem;--_ui5_button_base_padding:0.6875rem;--_ui5_button_compact_padding:0.4375rem;--_ui5_button_base_icon_only_padding:0.5625rem;--_ui5_button_base_icon_margin:0.563rem;--_ui5_button_icon_font_size:1.375rem;--_ui5_button_emphasized_font_weight:normal;--_ui5_button_text_shadow:var(--sapContent_TextShadow);--_ui5_button_focus_offset:1px;--_ui5_button_transparent_hover_border_color:var(--sapButton_BorderColor);--_ui5_button_positive_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_positive_border_hover_color:var(--sapButton_Accept_Hover_BorderColor);--_ui5_button_positive_border_focus_hover_color:var(--sapContent_FocusColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_border_radius:0.375rem;--_ui5_button_outline_offset:-0.125rem;--_ui5_button_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_button_positive_border_active_color:transparent;--_ui5_button_active_border_color:transparent;--_ui5_button_positive_focus_border_color:transparent;--_ui5_button_negative_focus_border_color:transparent;--_ui5_button_negative_active_border_color:transparent;--_ui5_button_transparent_border_color:var(--sapButton_BorderColor);--_ui5_button_focus_width:1px;--_ui5_button_focus_color:var(--sapContent_FocusColor);--_ui5_button_focussed_border_color:transparent;--_ui5_calendar_header_middle_button_focus_after_width:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_height:calc(100% - 0.25rem);--_ui5_calendar_header_middle_button_focus_after_top_offset:1px;--_ui5_calendar_header_middle_button_focus_after_left_offset:1px;--_ui5_calendar_header_arrow_button_border:1px solid var(--sapButton_BorderColor);--_ui5_calendar_header_arrow_button_border_radius:0.375rem;--_ui5_calendar_header_middle_button_width:5.75rem;--_ui5_calendar_header_middle_button_flex:auto;--_ui5_calendar_header_middle_button_focus_border_radius:0;--_ui5_calendar_header_middle_button_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_calendar_header_middle_button_focus_after_display:none;--ui5_carousel_button_size:2.5rem;--ui5_carousel_height:0.25rem;--ui5_carousel_width:0.25rem;--ui5_carousel_margin:0 0.375rem;--ui5_carousel_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_background:var(--sapContent_NonInteractiveIconColor);--_ui5_card_content_padding:1rem;--_ui5_card_header_hover_bg:var(--sapList_Hover_Background);--_ui5_card_header_active_bg:var(--_ui5_card_header_hover_bg);--_ui5_card_header_border_color:var(--_ui5_card_border_color);--_ui5_card_border_color:var(--sapTile_BorderColor);--_ui5_card_header_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_checkbox_wrapper_padding:.8125rem;--_ui5_checkbox_width_height:3rem;--_ui5_checkbox_inner_width_height:1.375rem;--_ui5_checkbox_inner_border:solid .125rem var(--sapField_BorderColor);--_ui5_checkbox_inner_information_border:0.125rem solid var(--sapField_InformationColor);--_ui5_checkbox_inner_readonly_border:0.125rem solid var(--sapField_ReadOnly_BorderColor);--_ui5_checkbox_wrapped_focus_padding:.375rem;--_ui5_checkbox_wrapped_content_margin_top:.125rem;--_ui5_checkbox_wrapped_focus_left_top_bottom_position:.5625rem;--_ui5_checkbox_focus_position:.6875rem;--_ui5_checkbox_compact_wrapper_padding:.5rem;--_ui5_checkbox_compact_width_height:2rem;--_ui5_checkbox_compact_inner_size:1rem;--_ui5_checkbox_compact_focus_position:.375rem;--_ui5_checkbox_compact_wrapped_label_margin_top:-1px;--_ui5_checkbox_inner_border_radius:0;--_ui5_checkbox_checkmark_color:var(--sapContent_IconColor);--_ui5_checkbox_inner_error_border:0.125rem dashed var(--sapField_InvalidColor);--_ui5_checkbox_inner_warning_border:0.125rem dashed var(--sapField_WarningColor);--_ui5_checkbox_checkmark_warning_color:var(--sapField_WarningColor);--_ui5_checkbox_hover_background:var(--sapSelectedColor);--_ui5_checkbox_focus_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_color-palette-item-height:1.75rem;--_ui5_color-palette-item-container-sides-padding:0.3125rem;--_ui5_color-palette-item-container-rows-padding:0.6875rem;--_ui5_color-palette-item-focus-height:1.5rem;--_ui5_color-palette-item-container-padding:var(--_ui5_color-palette-item-container-sides-padding) var(--_ui5_color-palette-item-container-rows-padding);--_ui5_color-palette-item-hover-height:2.25rem;--_ui5_color-palette-item-margin:calc(var(--_ui5_color-palette-item-hover-height) - var(--_ui5_color-palette-item-height));--_ui5_color-palette-item-hover-margin:calc(var(--_ui5_color-palette-item-margin)/2);--_ui5_color-palette-row-width:14.5rem;--_ui5_color-palette-row-height:9.5rem;--_ui5_datepicker_icon_border:1px solid transparent;--_ui5_daypicker_daynames_container_height:2rem;--_ui5_daypicker_item_othermonth_background_color:var(--sapList_Background);--_ui5_daypicker_item_othermonth_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_othermonth_hover_color:var(--sapContent_LabelColor);--_ui5_daypicker_item_border_radius:0;--_ui5_daypicker_item_now_inner_border_radius:0;--_ui5_daypicker_item_now_outline_offset:1px;--_ui5_daypicker_item_now_selected_outline_offset:2px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_margin:0;--_ui5_daypicker_item_border:1px solid var(--sapList_BorderColor);--_ui5_daypicker_item_outline_width:0.125rem;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_dayname_color:var(--sapHC_ReducedForeground);--_ui5_daypicker_weekname_color:var(--sapHC_ReducedForeground);--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.25rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.25rem);--_ui5_daypicker_item_selected_border_color:transparent;--_ui5_dialog_resize_handle_color:var(--sapContent_IconColor);--ui5-group-header-listitem-background-color:var(--sapList_GroupHeaderBackground);--_ui5_input_width:13.125rem;--_ui5_input_height:2.5rem;--_ui5_input_compact_height:1.625rem;--_ui5_input_wrapper_border_radius:0;--_ui5-input-information_border_width:0.125rem;--_ui5_input_disabled_opacity:0.5;--_ui5_input_icon_min_width:2.375rem;--_ui5_input_compact_min_width:2rem;--_ui5_input_focus_border_width:0.125rem;--_ui5_input_state_border_width:1px;--_ui5_input_error_warning_border_style:dashed;--_ui5_input_error_warning_font_style:italic;--_ui5_input_error_font_weight:bold;--_ui5_input_disabled_color:var(--sapContent_DisabledTextColor);--_ui5_input_disabled_font_weight:normal;--_ui5_input_disabled_border_color:var(--sapField_ReadOnly_BorderColor);--_ui5_input_disabled_background:var(--sapField_ReadOnly_Background);--_ui5_input_icon_padding:0.6875rem .6875rem;--_ui5_link_opacity:0.4;--_ui5_link_text_decoration:underline;--_ui5_link_hover_text_decoration:none;--ui5_list_footer_text_color:var(--sapPageFooter_TextColor);--ui5-listitem-background-color:var(--sapList_Background);--ui5-listitem-border-bottom:1px solid var(--sapList_BorderColor);--ui5-listitem-selected-border-bottom:1px solid var(--sapList_SelectionBorderColor);--_ui5-listitembase_disabled_opacity:0.5;--_ui5_product_switch_item_border:none;--_ui5_listitembase_focus_width:0.125rem;--_ui5_monthpicker_item_border_radius:0;--_ui5_monthpicker_item_border:1px solid var(--sapList_BorderColor);--_ui5_monthpicker_item_margin:0;--_ui5_monthpicker_item_focus_after_width:calc(100% - 0.25rem);--_ui5_monthpicker_item_focus_after_height:calc(100% - 0.25rem);--_ui5_monthpicker_item_focus_after_border:2px dotted var(--sapContent_FocusColor);--_ui5_monthpicker_item_focus_after_offset:0;--_ui5_messagestrip_icon_width:2.5rem;--_ui5_messagestrip_border_radius:0.1875rem;--_ui5_messagestrip_button_border_width:0;--_ui5_messagestrip_button_border_style:none;--_ui5_messagestrip_button_border_color:transparent;--_ui5_messagestrip_button_border_radius:0;--_ui5_messagestrip_padding:0.4375rem 2.5rem 0.4375rem 2.5rem;--_ui5_messagestrip_padding_no_icon:0.4375rem 2.5rem 0.4375rem 1rem;--_ui5_messagestrip_button_height:1.625rem;--_ui5_messagestrip_close_button_size:1.5rem;--_ui5_messagestrip_close_button_border:1px solid var(--sapButton_BorderColor);--_ui5_messagestrip_border_width:0.125rem;--_ui5_messagestrip_icon_top:0.375rem;--_ui5_messagestrip_focus_width:0.125rem;--_ui5_messagestrip_focus_offset:-2px;--_ui5_panel_header_height:3rem;--_ui5_panel_button_root_width:3rem;--_ui5_panel_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_popup_content_padding:.4375em;--_ui5_progress_indicator_color:var(--sapTextColor);--_ui5_progress_indicator_bar_color:var(--sapContent_ContrastTextColor);--_ui5_progress_indicator_border:0.0625rem solid var(--sapField_BorderColor);--_ui5_progress_indicator_value_state_none:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_error:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_warning:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_success:var(--sapHighlightColor);--_ui5_progress_indicator_value_state_information:var(--sapHighlightColor);--_ui5_progress_indicator_bar_border_max:var(--_ui5_progress_indicator_border);--_ui5_progress_indicator_icon_visibility:inline-block;--_ui5_radiobutton_min_width:2.75rem;--_ui5_radiobutton_min_width_compact:2rem;--_ui5_radiobutton_selected_fill:var(--sapContent_IconColor);--_ui5_radiobutton_selected_warning_fill:var(--sapContent_IconColor);--_ui5_radiobutton_selected_error_fill:var(--sapContent_IconColor);--_ui5_radiobutton_hover_fill:var(--sapSelectedColor);--_ui5_radiobutton_border_width:0.125rem;--_ui5_radiobutton_warning_error_border_dash:5;--_ui5_select_disabled_background:var(--sapHC_ReducedBackground);--_ui5_select_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_select_state_error_warning_border_style:dashed;--_ui5_select_state_error_warning_border_width:1px;--_ui5_select_hover_icon_left_border:0.0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_rtl_hover_icon_left_border:none;--_ui5_select_rtl_hover_icon_right_border:0.0625rem solid var(--sapField_Hover_BorderColor);--_ui5_select_focus_width:0.125rem;--_ui5_switch_height:2.75rem;--_ui5_switch_width:3.875rem;--_ui5_switch_no_label_width:3.25rem;--_ui5_switch_compact_height:2rem;--_ui5_switch_compact_width:3.5rem;--_ui5_switch_compact_no_label_width:2.5rem;--_ui5_switch_track_height:1.375rem;--_ui5_switch_track_no_label_height:1.25rem;--_ui5_switch_track_compact_no_label_height:1rem;--_ui5_switch_track_border_radius:0.75rem;--_ui5_switch_handle_width:2rem;--_ui5_switch_handle_height:2rem;--_ui5_switch_handle_border_radius:1rem;--_ui5_switch_handle_checked_bg:var(--sapButton_Selected_Background);--_ui5_switch_handle_checked_border_color:var(--sapButton_Selected_BorderColor);--_ui5_switch_handle_compact_width:1.625rem;--_ui5_switch_handle_compact_height:1.625rem;--_ui5_switch_outline:0.125rem;--_ui5_switch_track_hover_border_color:var(--sapTextColor);--_ui5_switch_track_border_color:var(--sapButton_Background);--_ui5_switch_track_hover_background_color:var(--sapButton_Background);--_ui5_switch_track_hover_checked_background_color:var(--sapButton_Background);--_ui5_switch_track_disabled_checked_bg:var(--sapHC_ReducedBackground);--_ui5_switch_track_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_track_disabled_semantic_checked_bg:var(--sapHC_ReducedBackground);--_ui5_switch_track_disabled_semantic_checked_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_track_disabled_semantic_bg:var(--sapButton_Background);--_ui5_switch_track_disabled_semantic_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_bg:var(--sapButton_Background);--_ui5_switch_handle_semantic_hover_bg:var(--sapButton_Hover_Background);--_ui5_switch_handle_semantic_checked_hover_bg:var(--sapButton_Hover_Background);--_ui5_switch_handle_semantic_hover_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_semantic_checked_hover_border_color:var(--sapContent_ForegroundBorderColor);--_ui5_switch_handle_border_width:0.125rem;--_ui5_switch_handle_disabled_bg:var(--sapButton_Background);--_ui5_switch_handle_disabled_checked_bg:var(--_ui5_switch_handle_disabled_bg);--_ui5_switch_handle_disabled_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_disabled_semantic_checked_bg:var(--_ui5_switch_handle_disabled_bg);--_ui5_switch_handle_disabled_semantic_checked_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_handle_disabled_semantic_border_color:var(--sapHC_ReducedForeground);--_ui5_switch_text_on_semantic_color:var(--sapTextColor);--_ui5_switch_text_off_semantic_color:var(--sapTextColor);--_ui5_switch_text_disabled_color:var(--sapHC_ReducedAltForeground);--_ui5_tc_header_height:4.6875rem;--_ui5_tc_header_height_compact:3.6875rem;--_ui5_tc_header_height_text_only:3rem;--_ui5_tc_header_height_text_only_compact:2rem;--_ui5_tc_header_box_shadow:inset 0 -0.25rem 0 -0.125rem var(--sapObjectHeader_BorderColor);--_ui5_tc_headerItem_color:var(--sapGroup_TitleTextColor);--_ui5_tc_content_border_bottom:0.125rem solid var(--sapObjectHeader_BorderColor);--_ui5_tc_header_border_bottom:0.125rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemContent_border_bottom:0.25rem solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItem_focus_border:0.125rem dotted var(--sapContent_FocusColor);--_ui5_tc_headerItem_neutral_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_positive_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_negative_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_critical_color:var(--sapGroup_TitleTextColor);--_ui5_tc_headerItem_neutral_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItem_neutral_selected_border_color:var(--_ui5_tc_headerItem_neutral_color);--_ui5_tc_headerItem_positive_selected_border_color:var(--_ui5_tc_headerItem_positive_color);--_ui5_tc_headerItem_negative_selected_border_color:var(--_ui5_tc_headerItem_negative_color);--_ui5_tc_headerItem_critical_selected_border_color:var(--_ui5_tc_headerItem_critical_color);--_ui5_tc_headerItemSemanticIcon_display:inline-block;--_ui5_tc_headerItemIcon_border:1px solid var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_color:var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_selected_color:var(--sapContent_IconColor);--_ui5_tc_headeritem_text_selected_color:var(--sapPageHeader_BorderColor);--_ui5_tc_headerItemIcon_positive_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_negative_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_critical_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_neutral_selected_background:var(--sapSelectedColor);--_ui5_tc_headerItemIcon_semantic_selected_color:var(--sapContent_IconColor);--_ui5_tc_overflowItem_neutral_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_positive_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_negative_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_critical_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_default_color:var(--sapGroup_TitleTextColor);--_ui5_tc_overflowItem_current_color:var(--_ui5_tc_overflowItem_default_color);--ui5_table_header_row_outline_width:0.125rem;--ui5_table_row_outline_width:0.125rem;--_ui5_load_more_padding:0.25rem;--_ui5_load_more_border:1px solid var(--sapButton_BorderColor);--_ui5_load_more_border_radius:0.375rem;--_ui5_load_more_outline_width:0.125rem;--_ui5_textarea_state_border_width:0.125rem;--_ui5_textarea_focus_after_width:2px;--_ui5_textarea_warning_border_style:dashed;--ui5_title_level_1Size:1.625rem;--ui5_title_level_2Size:1.375rem;--ui5_title_level_3Size:1.250rem;--ui5_title_level_4Size:1.125rem;--ui5_title_level_5Size:1rem;--ui5_title_level_6Size:0.875rem;--_ui5_toast_vertical_offset:3rem;--_ui5_toast_horizontal_offset:2rem;--_ui5_toast_background:var(--sapList_Background);--_ui5_toast_shadow:var(--sapContent_Shadow2);--_ui5_toggle_button_pressed_focussed:var(--sapButton_Selected_BorderColor);--_ui5_toggle_button_pressed_focussed_hovered:var(--sapButton_Selected_BorderColor);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border_radius:0;--_ui5_yearpicker_item_border:1px solid var(--sapList_BorderColor);--_ui5_yearpicker_item_margin:0;--_ui5_yearpicker_item_focus_after_width:calc(100% - 0.25rem);--_ui5_yearpicker_item_focus_after_height:calc(100% - 0.25rem);--_ui5_yearpicker_item_focus_after_border:2px dotted var(--sapContent_FocusColor);--_ui5_yearpicker_item_focus_after_offset:0;--_ui5_wheelslider_item_text_size:var(--sapFontSize);--_ui5_wheelslider_label_text_size:var(--sapFontSmallSize);--_ui5_wheelslider_mobile_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*4);--_ui5_wheelslider_label_text_color:var(--sapContent_LabelColor);--_ui5_wheelslider_height:15rem;--_ui5_wheelslider_mobile_height:27rem;--_ui5_wheelslider_arrows_visibility:hidden;--_ui5_wheelslider_item_background_color:var(--sapList_Background);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapHighlightColor);--_ui5_wheelslider_item_border_color:var(--sapList_BorderColor);--_ui5_wheelslider_collapsed_item_text_color:var(--sapContent_ContrastTextColor);--_ui5_wheelslider_selected_item_background_color:var(--sapSelectedColor);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapHighlightColor);--_ui5_wheelslider_active_item_background_color:var(--sapHighlightColor);--_ui5_wheelslider_active_item_text_color:var(--sapTextColor);--_ui5_wheelslider_item_width:4.5rem;--_ui5_wheelslider_item_height:3rem;--_ui5_wheelslider_selection_frame_color:var(--sapContent_ForegroundBorderColor);--_ui_wheelslider_item_border_radius:0;--_ui5_token_border_radius:0.125rem;--_ui5_value_state_message_border:2px solid var(--sapField_BorderColor);--_ui5-multi_combobox_token_margin_top:3px;--_ui5_slider_progress_container_background:var(--sapField_BorderColor);--_ui5_range_slider_handle_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_handle_outline:1px dotted var(--sapContent_FocusColor);--_ui5_slider_handle_outline_offset:0.075rem;--_ui5_range_slider_handle_hover_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_progress_outline:0.0625rem dotted var(--sapContent_FocusColor);--_ui5_slider_progress_outline_offset:0.525rem;--_ui5_slider_tickmark_color:#89919a;--_ui5_slider_disabled_opacity:0.4;--_ui5_slider_tooltip_fontsize:var(--sapFontSmallSize);--_ui5_slider_tooltip_color:var(--sapContent_LabelColor);--_ui5_slider_tooltip_background:var(--sapField_Background);--_ui5_slider_tooltip_border_radius:var(--sapElement_BorderCornerRadius);--_ui5_slider_tooltip_border_color:var(--sapField_BorderColor);--_ui5_slider_tooltip_padding:0.4125rem;--_ui5_slider_tooltip_box_shadow:none;--_ui5_slider_tooltip_min_width:2rem;--_ui5_slider_tooltip_bottom:2rem;--_ui5_slider_label_fontsize:var(--sapFontSmallSize);--_ui5_slider_label_color:var(--sapContent_LabelColor);--_ui5_slider_inner_height:0.375rem;--_ui5_slider_progress_border:solid 0.0625rem var(--sapField_BorderColor);--_ui5_slider_progress_border_radius:0.125rem;--_ui5_slider_handle_background:transparent;--_ui5_slider_handle_hover_background:var(--sapField_Hover_Background);--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_hover_border:var(--sapField_Active_BorderColor);--_ui5_slider_handle_height:1.375rem;--_ui5_slider_handle_width:1.375rem;--_ui5_slider_handle_top:-0.6rem;--_ui5_slider_handle_margin_left:-0.775rem;--_ui5_slider_progress_background:var(--sapField_Background);--_ui5_slider_tickmark_top:-0.2525rem}.sapUiSizeCompact,.ui5-content-density-compact,:root,[data-ui5-compact-size]{--_ui5_datetime_timeview_width:17rem;--_ui5_list_item_selection_btn_margin_top:calc(-1*var(--_ui5_checkbox_wrapper_padding));--_ui5_token_icon_size:.75rem;--_ui5_token_wrapper_left_padding:0;--_ui5_daypicker_weeknumbers_container_padding_top:2rem;--_ui5_wheelslider_selection_frame_margin_top:calc(var(--_ui5_wheelslider_item_height)*2);--_ui5_slider_tooltip_height:1rem}.sapUiSizeCompact,.ui5-content-density-compact,[data-ui5-compact-size]{--_ui5_button_base_height:1.625rem;--_ui5_button_base_padding:0.4375rem;--_ui5_button_base_min_width:2rem;--_ui5_button_icon_font_size:1rem;--_ui5_calendar_height:18rem;--_ui5_calendar_width:17.75rem;--_ui5_calendar_padding:0.5rem;--_ui5_calendar_header_height:2rem;--_ui5_calendar_header_arrow_button_width:2rem;--_ui5_calendar_header_padding:0;--_ui5_checkbox_root_side_padding:var(--_ui5_checkbox_wrapped_focus_padding);--_ui5_checkbox_wrapped_content_margin_top:var(--_ui5_checkbox_compact_wrapped_label_margin_top);--_ui5_checkbox_wrapped_focus_left_top_bottom_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_width_height:var(--_ui5_checkbox_compact_width_height);--_ui5_checkbox_wrapper_padding:var(--_ui5_checkbox_compact_wrapper_padding);--_ui5_checkbox_focus_position:var(--_ui5_checkbox_compact_focus_position);--_ui5_checkbox_inner_width_height:var(--_ui5_checkbox_compact_inner_size);--_ui5_checkbox_icon_size:.75rem;--_ui5_color-palette-item-height:1.25rem;--_ui5_color-palette-item-focus-height:1rem;--_ui5_color-palette-item-container-sides-padding:0.1875rem;--_ui5_color-palette-item-container-rows-padding:0.8125rem;--_ui5_color-palette-item-hover-height:1.65rem;--_ui5_color-palette-item-hover-margin:0.3125rem;--_ui5_color-palette-row-width:12rem;--_ui5_color-palette-row-height:7.25rem;--_ui5_custom_list_item_height:2rem;--_ui5_custom_list_item_rb_min_width:2rem;--_ui5_day_picker_item_width:2rem;--_ui5_day_picker_item_height:2rem;--_ui5_day_picker_empty_height:2.125rem;--_ui5_datetime_picker_height:17rem;--_ui5_datetime_picker_width:34.0625rem;--_ui5_datetime_timeview_phonemode_width:18.5rem;--_ui5_datetime_timeview_padding:0.5rem;--_ui5_dialog_content_min_height:2.5rem;--_ui5_input_height:var(--_ui5_input_compact_height);--_ui5_input_inner_padding:0 0.5rem;--_ui5_input_icon_min_width:var(--_ui5_input_compact_min_width);--_ui5_input_icon_padding:.25rem .5rem;--_ui5_input_value_state_icon_padding:.1875rem .5rem;--_ui5_popup_default_header_height:2.5rem;--_ui5_textarea_padding:.1875rem .5rem;--_ui5_list_no_data_height:2rem;--_ui5_list_item_cb_margin_right:.5rem;--_ui5_list_item_title_size:var(--sapFontSize);--_ui5_list_item_img_margin:0.55rem 0.75rem 0.5rem 0rem;--_ui5_list_item_base_height:2rem;--_ui5_list_item_icon_size:1rem;--_ui5_list_busy_row_height:2rem;--_ui5_month_picker_item_height:2rem;--_ui5_panel_header_height:2rem;--_ui5_year_picker_item_height:2rem;--_ui5_tokenizer_root_padding:0.125rem;--_ui5_token_height:1.125rem;--_ui5_token_icon_padding:0.1rem 0.25rem;--_ui5_token_wrapper_right_padding:0.25rem;--_ui5_tl_bubble_padding:.5rem;--_ui5_tl_indicator_before_bottom:-.5rem;--_ui5_tl_padding:.5rem;--_ui5_tl_li_margin_bottom:.5rem;--_ui5_rb_height:2rem;--_ui5_rb_label_side_padding:.5rem;--_ui5_rb_focus_dist:.375rem;--_ui5_rb_inner_size:2rem;--_ui5_rb_svg_size:1rem;--_ui5_rb_label_width:calc(100% - 2rem + 1px);--_ui5_rb_rtl_focus_right:0.375rem;--_ui5_wheelslider_item_width:4rem;--_ui5_wheelslider_item_height:2rem;--_ui5_wheelslider_height:14rem;--_ui5_wheelslider_arrows_visibility:visible;--_ui5_switch_height:var(--_ui5_switch_compact_height);--_ui5_switch_width:var(--_ui5_switch_compact_width);--_ui5_switch_handle_height:var(--_ui5_switch_handle_compact_height);--_ui5_switch_handle_width:var(--_ui5_switch_handle_compact_width);--_ui5_switch_text_on_left:calc(-100% + 1.5625rem);--_ui5_switch_slide_transform:translateX(100%) translateX(-1.5rem);--_ui5_switch_no_label_width:var(--_ui5_switch_compact_no_label_width);--_ui5_switch_track_no_label_height:var(--_ui5_switch_track_compact_no_label_height);--_ui5_switch_rtl_transform:translateX(-100%) translateX(1.5rem);--_ui5_switch_text_right:calc(-100% + 1.5625rem);--_ui5_tc_item_text:2rem;--_ui5_tc_item_text_line_height:1.325rem;--_ui5_tc_item_icon_size:1rem;--_ui5_tc_item_add_text_margin_top:0.3125rem;--_ui5_tc_header_height:var(--_ui5_tc_header_height_compact);--_ui5_radiobutton_min_width:var(--_ui5_radiobutton_min_width_compact);--_ui5-responsive_popover_header_height:2.5rem;--ui5_side_navigation_item_height:2rem;--_ui5_slider_handle_height:1.25rem;--_ui5_slider_handle_width:1.25rem;--_ui5_slider_handle_top:-0.6425rem;--_ui5_slider_handle_margin_left:-0.7825rem;--_ui5_slider_tooltip_padding:0.25rem;--_ui5_slider_tooltip_bottom:1.825rem;--_ui5_load_more_text_height:2.625rem;--_ui5_load_more_text_font_size:var(--sapFontSize);--_ui5_load_more_desc_padding:0 2rem 0.875rem 2rem;--_ui5-tree-indent-step:0.5rem;--_ui5-tree-toggle-box-width:2rem;--_ui5-tree-toggle-box-height:1.5rem;--_ui5-tree-toggle-icon-size:0.8125rem;--_ui5_timeline_tli_indicator_before_bottom:-0.5rem;--_ui5_timeline_tli_indicator_before_right:-0.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom:-0.75rem;--_ui5_timeline_tli_indicator_before_without_icon_right:-0.8125rem}";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ui5/webcomponents",
3
- "version": "0.31.20",
3
+ "version": "0.31.24",
4
4
  "description": "UI5 Web Components: webcomponents.main",
5
5
  "ui5": {
6
6
  "webComponentsPackage": true
@@ -30,14 +30,14 @@
30
30
  "directory": "packages/main"
31
31
  },
32
32
  "dependencies": {
33
- "@ui5/webcomponents-base": "0.31.20",
34
- "@ui5/webcomponents-icons": "0.31.20",
35
- "@ui5/webcomponents-ie11": "0.31.20",
36
- "@ui5/webcomponents-localization": "0.31.20",
37
- "@ui5/webcomponents-theme-base": "0.31.20"
33
+ "@ui5/webcomponents-base": "0.31.24",
34
+ "@ui5/webcomponents-icons": "0.31.24",
35
+ "@ui5/webcomponents-ie11": "0.31.24",
36
+ "@ui5/webcomponents-localization": "0.31.24",
37
+ "@ui5/webcomponents-theme-base": "0.31.24"
38
38
  },
39
39
  "devDependencies": {
40
- "@ui5/webcomponents-tools": "0.31.20",
41
- "chromedriver": "88.0.0"
40
+ "@ui5/webcomponents-tools": "0.31.24",
41
+ "chromedriver": "95.0.0"
42
42
  }
43
43
  }
@@ -9,6 +9,7 @@
9
9
  aria-valuemax="100"
10
10
  aria-valuetext="Busy"
11
11
  aria-labelledby="{{_id}}-label"
12
+ data-sap-focus-ref
12
13
  >
13
14
  <div class="ui5-busyindicator-circles-wrapper">
14
15
  <div class="ui5-busyindicator-circle circle-animation-0"></div>
@@ -205,11 +205,11 @@ class CalendarHeader extends UI5Element {
205
205
  return {
206
206
  prevButton: {
207
207
  "ui5-calheader-arrowbtn": true,
208
- "ui5-calheader-arrowbtn-disabled": this._isPrevButtonDisabled,
208
+ "ui5-calheader-arrowbtn-disabled": this.isPrevButtonDisabled,
209
209
  },
210
210
  nextButton: {
211
211
  "ui5-calheader-arrowbtn": true,
212
- "ui5-calheader-arrowbtn-disabled": this._isNextButtonDisabled,
212
+ "ui5-calheader-arrowbtn-disabled": this.isNextButtonDisabled,
213
213
  },
214
214
  };
215
215
  }
package/src/Card.hbs CHANGED
@@ -2,8 +2,7 @@
2
2
  class="{{classes.main}}"
3
3
  dir="{{effectiveDir}}"
4
4
  role="region"
5
- aria-label="{{ariaLabelText}}"
6
- aria-labelledby="{{ariaLabelledByCard}}">
5
+ aria-label="{{ariaLabelText}}">
7
6
  {{#if hasHeader}}
8
7
  <div class="{{classes.header}}"
9
8
  @click="{{_headerClick}}"
@@ -39,8 +38,7 @@
39
38
  </div>
40
39
  {{/if}}
41
40
 
42
- <section role="group" aria-label="{{ariaCardContentLabel}}">
41
+ <div role="group" aria-label="{{ariaCardContentLabel}}">
43
42
  <slot></slot>
44
- </section>
45
- <span id="{{_id}}-desc" class="ui5-hidden-text">{{ariaCardRoleDescription}}</span>
43
+ </div>
46
44
  </div>
package/src/Card.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
2
2
  import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
3
3
  import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
4
- import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
4
+ import findNodeOwner from "@ui5/webcomponents-base/dist/util/findNodeOwner.js";
5
5
  import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
6
6
  import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
7
7
  import CardTemplate from "./generated/templates/CardTemplate.lit.js";
@@ -114,28 +114,28 @@ const metadata = {
114
114
  },
115
115
 
116
116
  /**
117
- * Defines the aria-label attribute for the <code>ui5-card</code>
117
+ * Defines the accessible name of the component, which is used as the name of the card region and should be unique per card.
118
+ * <b>Note:</b> <code>accessibleName</code> should be always set.
118
119
  *
119
120
  * @type {String}
120
- * @since 1.0.0-rc.9
121
- * @private
122
121
  * @defaultvalue ""
122
+ * @public
123
+ * @since 1.0.0-rc.16
123
124
  */
124
- ariaLabel: {
125
+ accessibleName: {
125
126
  type: String,
126
127
  },
127
128
 
128
129
  /**
129
- * Receives id(or many ids) of the elements that label the <code>ui5-card</code>
130
+ * Defines the IDs of the elements that label the component.
130
131
  *
131
132
  * @type {String}
132
133
  * @defaultvalue ""
133
- * @private
134
- * @since 1.0.0-rc.9
134
+ * @public
135
+ * @since 1.0.0-rc.16
135
136
  */
136
- ariaLabelledby: {
137
+ accessibleNameRef: {
137
138
  type: String,
138
- defaultValue: "",
139
139
  },
140
140
 
141
141
  /**
@@ -255,12 +255,42 @@ class Card extends UI5Element {
255
255
  return !!(this.heading || this.subheading || this.status || this.hasAction || this.avatar);
256
256
  }
257
257
 
258
- get ariaLabelText() {
259
- return getEffectiveAriaLabelText(this);
260
- }
258
+ // As in 0.31 we don't have all the accessibleNameRef, accessibleName related changes downported,
259
+ // we manually add getEffectiveAriaLabelText and getAriaLabelledByTexts methods and change them,
260
+ // so they work with accessibleName and accessibleNameRef, isntead of ariaLabel and ariaLabelledby
261
+ getEffectiveAriaLabelText(el) {
262
+ if (!el.accessibleNameRef) {
263
+ if (el.accessibleName) {
264
+ return el.accessibleName;
265
+ }
266
+
267
+ return undefined;
268
+ }
269
+
270
+ return this.getAriaLabelledByTexts(el);
271
+ };
272
+
273
+ getAriaLabelledByTexts(el, ownerDocument, readyIds = "") {
274
+ const ids = (readyIds && readyIds.split(" ")) || el.accessibleNameRef.split(" ");
275
+ const owner = ownerDocument || findNodeOwner(el);
276
+ let result = "";
277
+
278
+ ids.forEach((elementId, index) => {
279
+ const element = owner.querySelector(`[id='${elementId}']`);
280
+ result += `${element ? element.textContent : ""}`;
281
+
282
+ if (index < ids.length - 1) {
283
+ result += " ";
284
+ }
285
+ });
286
+
287
+ return result;
288
+ };
261
289
 
262
- get ariaCardRoleDescription() {
263
- return this.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD);
290
+ get ariaLabelText() {
291
+ const effectiveAriaLabelText = this.getEffectiveAriaLabelText(this),
292
+ effectiveAriaLabel = effectiveAriaLabelText ? ` ${effectiveAriaLabelText}` : "";
293
+ return this.i18nBundle.getText(ARIA_ROLEDESCRIPTION_CARD) + effectiveAriaLabel;
264
294
  }
265
295
 
266
296
  get ariaCardHeaderRoleDescription() {
@@ -293,10 +323,6 @@ class Card extends UI5Element {
293
323
  return labels.length !== 0 ? labels.join(" ") : undefined;
294
324
  }
295
325
 
296
- get ariaLabelledByCard() {
297
- return this.heading ? `${this._id}-heading ${this._id}-desc` : `${this._id}-desc`;
298
- }
299
-
300
326
  get hasAvatar() {
301
327
  return !!this.avatar.length;
302
328
  }
package/src/DayPicker.js CHANGED
@@ -318,6 +318,10 @@ class DayPicker extends CalendarPart {
318
318
  }
319
319
 
320
320
  this._dayNames[1].classes += " ui5-dp-firstday";
321
+
322
+ if (this.shouldHideWeekNumbers) {
323
+ this._dayNames.shift();
324
+ }
321
325
  }
322
326
 
323
327
  onAfterRendering() {
@@ -721,6 +725,7 @@ class DayPicker extends CalendarPart {
721
725
  return {
722
726
  wrapper: {
723
727
  display: this._hidden ? "none" : "flex",
728
+ "justify-content": "center",
724
729
  },
725
730
  main: {
726
731
  width: "100%",
package/src/Input.js CHANGED
@@ -998,7 +998,7 @@ class Input extends UI5Element {
998
998
  }
999
999
 
1000
1000
  async getInputDOMRef() {
1001
- if (isPhone() && this.Suggestions && this.suggestionItems.length) {
1001
+ if (isPhone() && this.Suggestions) {
1002
1002
  await this.Suggestions._respPopover();
1003
1003
  return this.Suggestions && this.Suggestions.responsivePopover.querySelector(".ui5-input-inner-phone");
1004
1004
  }
package/src/List.hbs CHANGED
@@ -60,6 +60,7 @@
60
60
  active size="Medium"
61
61
  class="ui5-list-busy-ind"
62
62
  style="{{styles.busyInd}}"
63
+ data-sap-focus-ref
63
64
  ></ui5-busyindicator>
64
65
  </div>
65
66
  {{/if}}
package/src/List.js CHANGED
@@ -820,6 +820,7 @@ class List extends UI5Element {
820
820
  } else {
821
821
  this.focusPreviouslyFocusedItem();
822
822
  }
823
+ event.stopImmediatePropagation();
823
824
  }
824
825
 
825
826
  this.setForwardingFocus(false);
@@ -11,6 +11,7 @@
11
11
  <div class="{{classes.headerBackArrow}}">
12
12
  <ui5-button @click="{{_onHeaderBackArrowClick}}"
13
13
  icon="slim-arrow-left"
14
+ data-ui5-stable="tabs-left"
14
15
  design="Transparent"
15
16
  tabindex="-1"
16
17
  title="{{previousIconACCName}}"></ui5-button>
@@ -37,6 +38,7 @@
37
38
  <div class="{{classes.headerForwardArrow}}">
38
39
  <ui5-button @click="{{_onHeaderForwardArrowClick}}"
39
40
  icon="slim-arrow-right"
41
+ data-ui5-stable="tabs-right"
40
42
  design="Transparent"
41
43
  tabindex="-1"
42
44
  title="{{nextIconACCName}}"></ui5-button>
@@ -53,6 +55,7 @@
53
55
  {{else}}
54
56
  <ui5-button
55
57
  icon="{{overflowMenuIcon}}"
58
+ data-ui5-stable="tabs-overflow"
56
59
  design="Transparent"
57
60
  tabindex="-1"
58
61
  title="{{overflowMenuTitle}}"
@@ -458,7 +458,7 @@ class TabContainer extends UI5Element {
458
458
  }
459
459
 
460
460
  async _onOverflowButtonClick(event) {
461
- const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > ui5-button");
461
+ const button = this.overflowButton[0] || this.getDomRef().querySelector(".ui-tc__overflowButton > [ui5-button]");
462
462
 
463
463
  if (event.target !== button) {
464
464
  return;
package/src/Table.hbs CHANGED
@@ -81,6 +81,7 @@
81
81
  style="{{styles.busy}}"
82
82
  active
83
83
  size="Medium"
84
+ data-sap-focus-ref
84
85
  ></ui5-busyindicator>
85
86
  </div>
86
87
  {{/inline}}
@@ -1,6 +1,7 @@
1
1
  import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
2
2
  import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
3
-
3
+ import encodeXML from "@ui5/webcomponents-base/dist/util/encodeXML.js";
4
+ import generateHighlightedMarkup from "@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js";
4
5
  import List from "../List.js";
5
6
  import ResponsivePopover from "../ResponsivePopover.js";
6
7
  import SuggestionItem from "../SuggestionItem.js";
@@ -130,9 +131,7 @@ class Suggestions {
130
131
  this.responsivePopover = await this._respPopover();
131
132
  this._beforeOpen();
132
133
 
133
- if (this._getItems().length) {
134
- this.responsivePopover.open(this._getComponent());
135
- }
134
+ this.responsivePopover.open(this._getComponent());
136
135
  }
137
136
 
138
137
  async close(preventFocusRestore = false) {
@@ -394,31 +393,21 @@ class Suggestions {
394
393
  }
395
394
 
396
395
  getHighlightedText(suggestion, input) {
397
- let text = suggestion.text || suggestion.textContent;
398
- text = this.sanitizeText(text);
399
-
396
+ const text = suggestion.text || suggestion.textContent;
400
397
  return this.hightlightInput(text, input);
401
398
  }
402
399
 
403
400
  getHighlightedDesc(suggestion, input) {
404
- let text = suggestion.description;
405
- text = this.sanitizeText(text);
406
-
401
+ const text = suggestion.description || "";
407
402
  return this.hightlightInput(text, input);
408
403
  }
409
404
 
410
405
  hightlightInput(text, input) {
411
- if (!text) {
412
- return text;
413
- }
414
-
415
- const inputEscaped = input.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
416
- const regEx = new RegExp(inputEscaped, "ig");
417
- return text.replace(regEx, match => `<b>${match}</b>`);
406
+ return generateHighlightedMarkup(text, input);
418
407
  }
419
408
 
420
409
  sanitizeText(text) {
421
- return text && text.replace("<", "&lt");
410
+ return encodeXML(text);
422
411
  }
423
412
 
424
413
  static get dependencies() {
package/.port DELETED
@@ -1 +0,0 @@
1
- 8080