@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.
- package/CHANGELOG.md +66 -0
- package/dist/CalendarHeader.js +2 -2
- package/dist/Card.js +45 -19
- package/dist/DayPicker.js +5 -0
- package/dist/Input.js +1 -1
- package/dist/List.js +1 -0
- package/dist/TabContainer.js +1 -1
- package/dist/api.json +1 -1
- package/dist/features/InputSuggestions.js +7 -18
- package/dist/generated/assets/themes/sap_belize_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_belize_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/templates/BusyIndicatorTemplate.lit.js +1 -1
- package/dist/generated/templates/CardTemplate.lit.js +1 -1
- package/dist/generated/templates/ListTemplate.lit.js +1 -1
- package/dist/generated/templates/TabContainerTemplate.lit.js +2 -2
- package/dist/generated/templates/TableTemplate.lit.js +1 -1
- package/dist/generated/themes/Badge.css.js +1 -1
- package/dist/generated/themes/Button.css.js +1 -1
- package/dist/generated/themes/Card.css.js +1 -1
- package/dist/generated/themes/CheckBox.css.js +1 -1
- package/dist/generated/themes/ComboBox.css.js +1 -1
- package/dist/generated/themes/DatePicker.css.js +1 -1
- package/dist/generated/themes/DatePickerPopover.css.js +1 -1
- package/dist/generated/themes/Dialog.css.js +1 -1
- package/dist/generated/themes/GroupHeaderListItem.css.js +1 -1
- package/dist/generated/themes/Input.css.js +1 -1
- package/dist/generated/themes/InvisibleTextStyles.css.js +1 -1
- package/dist/generated/themes/Link.css.js +1 -1
- package/dist/generated/themes/List.css.js +1 -1
- package/dist/generated/themes/ListItem.css.js +1 -1
- package/dist/generated/themes/MessageStrip.css.js +1 -1
- package/dist/generated/themes/MultiComboBox.css.js +1 -1
- package/dist/generated/themes/Panel.css.js +1 -1
- package/dist/generated/themes/RadioButton.css.js +1 -1
- package/dist/generated/themes/SegmentedButton.css.js +1 -1
- package/dist/generated/themes/Select.css.js +1 -1
- package/dist/generated/themes/SliderBase.css.js +1 -1
- package/dist/generated/themes/StepInput.css.js +1 -1
- package/dist/generated/themes/Switch.css.js +1 -1
- package/dist/generated/themes/TextArea.css.js +1 -1
- package/dist/generated/themes/Tokenizer.css.js +1 -1
- package/dist/generated/themes/Tree.css.js +1 -1
- package/dist/generated/themes/TreeListItem.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_belize_hcw/parameters-bundle.css.js +1 -1
- package/package.json +8 -8
- package/src/BusyIndicator.hbs +1 -0
- package/src/CalendarHeader.js +2 -2
- package/src/Card.hbs +3 -5
- package/src/Card.js +45 -19
- package/src/DayPicker.js +5 -0
- package/src/Input.js +1 -1
- package/src/List.hbs +1 -0
- package/src/List.js +1 -0
- package/src/TabContainer.hbs +3 -0
- package/src/TabContainer.js +1 -1
- package/src/Table.hbs +1 -0
- package/src/features/InputSuggestions.js +7 -18
- 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.
|
|
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.
|
|
34
|
-
"@ui5/webcomponents-icons": "0.31.
|
|
35
|
-
"@ui5/webcomponents-ie11": "0.31.
|
|
36
|
-
"@ui5/webcomponents-localization": "0.31.
|
|
37
|
-
"@ui5/webcomponents-theme-base": "0.31.
|
|
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.
|
|
41
|
-
"chromedriver": "
|
|
40
|
+
"@ui5/webcomponents-tools": "0.31.24",
|
|
41
|
+
"chromedriver": "95.0.0"
|
|
42
42
|
}
|
|
43
43
|
}
|
package/src/BusyIndicator.hbs
CHANGED
package/src/CalendarHeader.js
CHANGED
|
@@ -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.
|
|
208
|
+
"ui5-calheader-arrowbtn-disabled": this.isPrevButtonDisabled,
|
|
209
209
|
},
|
|
210
210
|
nextButton: {
|
|
211
211
|
"ui5-calheader-arrowbtn": true,
|
|
212
|
-
"ui5-calheader-arrowbtn-disabled": this.
|
|
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
|
-
<
|
|
41
|
+
<div role="group" aria-label="{{ariaCardContentLabel}}">
|
|
43
42
|
<slot></slot>
|
|
44
|
-
</
|
|
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
|
|
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
|
|
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
|
-
|
|
125
|
+
accessibleName: {
|
|
125
126
|
type: String,
|
|
126
127
|
},
|
|
127
128
|
|
|
128
129
|
/**
|
|
129
|
-
*
|
|
130
|
+
* Defines the IDs of the elements that label the component.
|
|
130
131
|
*
|
|
131
132
|
* @type {String}
|
|
132
133
|
* @defaultvalue ""
|
|
133
|
-
* @
|
|
134
|
-
* @since 1.0.0-rc.
|
|
134
|
+
* @public
|
|
135
|
+
* @since 1.0.0-rc.16
|
|
135
136
|
*/
|
|
136
|
-
|
|
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
|
-
|
|
259
|
-
|
|
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
|
|
263
|
-
|
|
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
|
|
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
package/src/List.js
CHANGED
package/src/TabContainer.hbs
CHANGED
|
@@ -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}}"
|
package/src/TabContainer.js
CHANGED
|
@@ -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
|
@@ -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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
410
|
+
return encodeXML(text);
|
|
422
411
|
}
|
|
423
412
|
|
|
424
413
|
static get dependencies() {
|
package/.port
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
8080
|