@ui5/webcomponents 0.31.14 → 0.31.18
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 +57 -0
- package/README.md +1 -1
- package/dist/Avatar.js +8 -6
- package/dist/CalendarHeader.js +75 -1
- package/dist/Card.js +19 -2
- package/dist/ComboBox.js +10 -0
- package/dist/DateComponentBase.js +12 -0
- package/dist/DatePicker.js +48 -9
- package/dist/DayPicker.js +21 -2
- package/dist/FileUploader.js +8 -0
- package/dist/GroupHeaderListItem.js +4 -0
- package/dist/Icon.js +6 -6
- package/dist/Input.js +10 -2
- package/dist/Label.js +1 -1
- package/dist/List.js +8 -5
- package/dist/ListItem.js +25 -4
- package/dist/Panel.js +17 -5
- package/dist/Popup.js +16 -5
- package/dist/RadioButton.js +15 -2
- package/dist/ResponsivePopover.js +3 -2
- package/dist/SegmentedButton.js +85 -53
- package/dist/SegmentedButtonItem.js +112 -0
- package/dist/Toast.js +11 -0
- package/dist/TreeListItem.js +2 -12
- package/dist/api.json +1 -1
- package/dist/generated/assets/themes/sap_belize/parameters-bundle.css.json +1 -1
- 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/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -2
- package/dist/generated/templates/CalendarHeaderTemplate.lit.js +3 -1
- package/dist/generated/templates/CalendarTemplate.lit.js +1 -1
- package/dist/generated/templates/CardTemplate.lit.js +1 -1
- package/dist/generated/templates/CustomListItemTemplate.lit.js +3 -3
- package/dist/generated/templates/DatePickerPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/DateTimePickerPopoverTemplate.lit.js +1 -1
- package/dist/generated/templates/DayPickerTemplate.lit.js +7 -6
- package/dist/generated/templates/FileUploaderTemplate.lit.js +1 -1
- package/dist/generated/templates/GroupHeaderListItemTemplate.lit.js +1 -1
- package/dist/generated/templates/ListItemTemplate.lit.js +3 -3
- package/dist/generated/templates/ListTemplate.lit.js +1 -1
- package/dist/generated/templates/RadioButtonTemplate.lit.js +1 -1
- package/dist/generated/templates/SegmentedButtonItemTemplate.lit.js +15 -0
- package/dist/generated/templates/SegmentedButtonTemplate.lit.js +1 -1
- package/dist/generated/templates/StandardListItemTemplate.lit.js +3 -3
- package/dist/generated/templates/SuggestionListItemTemplate.lit.js +3 -3
- package/dist/generated/templates/ToastTemplate.lit.js +2 -1
- package/dist/generated/templates/TreeListItemTemplate.lit.js +3 -3
- package/dist/generated/templates/TreeTemplate.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/CalendarHeader.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/DayPicker.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/Label.css.js +1 -1
- package/dist/generated/themes/Link.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/ValueStateMessage.css.js +1 -1
- package/dist/generated/themes/sap_belize/parameters-bundle.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/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +1 -1
- package/dist/i18n/messagebundle.properties +13 -1
- package/dist/popup-utils/OpenedPopupsRegistry.js +1 -1
- package/package.json +7 -7
- package/src/Avatar.js +8 -6
- package/src/Calendar.hbs +2 -0
- package/src/CalendarHeader.hbs +11 -4
- package/src/CalendarHeader.js +75 -1
- package/src/Card.hbs +1 -1
- package/src/Card.js +19 -2
- package/src/ComboBox.js +10 -0
- package/src/DateComponentBase.js +12 -0
- package/src/DatePicker.js +48 -9
- package/src/DatePickerPopover.hbs +1 -0
- package/src/DateTimePickerPopover.hbs +4 -4
- package/src/DayPicker.hbs +6 -1
- package/src/DayPicker.js +21 -2
- package/src/FileUploader.hbs +1 -0
- package/src/FileUploader.js +8 -0
- package/src/GroupHeaderListItem.hbs +3 -3
- package/src/GroupHeaderListItem.js +4 -0
- package/src/Icon.js +6 -6
- package/src/Input.js +10 -2
- package/src/Label.js +1 -1
- package/src/List.hbs +1 -2
- package/src/List.js +8 -5
- package/src/ListItem.hbs +3 -1
- package/src/ListItem.js +25 -4
- package/src/Panel.js +17 -5
- package/src/Popup.js +16 -5
- package/src/RadioButton.hbs +1 -1
- package/src/RadioButton.js +15 -2
- package/src/ResponsivePopover.js +3 -2
- package/src/SegmentedButton.hbs +12 -5
- package/src/SegmentedButton.js +85 -53
- package/src/SegmentedButtonItem.hbs +42 -0
- package/src/SegmentedButtonItem.js +112 -0
- package/src/Toast.hbs +13 -11
- package/src/Toast.js +11 -0
- package/src/Tree.hbs +1 -1
- package/src/TreeListItem.js +2 -12
- package/src/i18n/messagebundle.properties +13 -1
- package/src/popup-utils/OpenedPopupsRegistry.js +1 -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_segmented_btn_border_radius:0.375rem;--ui5-avatar-initials-color:var(--sapTextColor);--ui5-avatar-initials-border:.0625rem solid var(--sapField_BorderColor);--ui5-avatar-accent1:var(--sapBackgroundColor);--ui5-avatar-accent2:var(--sapBackgroundColor);--ui5-avatar-accent3:var(--sapBackgroundColor);--ui5-avatar-accent4:var(--sapBackgroundColor);--ui5-avatar-accent5:var(--sapBackgroundColor);--ui5-avatar-accent6:var(--sapBackgroundColor);--ui5-avatar-accent7:var(--sapBackgroundColor);--ui5-avatar-accent8:var(--sapBackgroundColor);--ui5-avatar-accent9:var(--sapBackgroundColor);--ui5-avatar-accent10:var(--sapBackgroundColor);--ui5-avatar-placeholder:var(--sapBackgroundColor);--_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_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_border_radius:0.375rem;--_ui5_button_outline_offset:-0.25rem;--_ui5_button_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_button_positive_border_active_color:var(--sapButton_Emphasized_Active_Background);--_ui5_button_active_border_color:var(--sapButton_Accept_Active_BorderColor);--_ui5_button_negative_active_border_color:var(--sapButton_Reject_Active_Background);--_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.5rem;--ui5_carousel_width:0.5rem;--ui5_carousel_margin:0 0.25rem;--ui5_carousel_border:1px solid #fff;--ui5_carousel_dot_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_background:none;--_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_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_inner_information_border:var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);--_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_selected_hover_background_color:var(--sapContent_Selected_Background);--_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_now_inner_border_radius:0;--_ui5_daypicker_item_margin:0;--_ui5_daypicker_item_border:1px solid #000;--_ui5_daypicker_item_border_radius:0.25rem;--_ui5_daypicker_item_outline_width:0.125rem;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_dayname_color:var(--sapTextColor);--_ui5_daypicker_weekname_color:var(--sapTextColor);--_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:var(--sapList_SelectionBorderColor);--_ui5_dialog_resize_handle_color:var(--sapButton_Lite_TextColor);--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_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:0.125rem;--_ui5-input-information_border_width:var(--sapField_BorderWidth);--_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:1px solid #000;--_ui5_monthpicker_item_border_radius:0.25rem;--_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:-4px;--_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_textarea_error_warning_border_width:2 * var(--sapField_BorderWidth);--_ui5_textarea_information_border_width:0.0625rem;--_ui5_time_picker_border:0.0625rem solid var(--sapField_Hover_BorderColor);--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:transparent;--_ui5_toggle_button_pressed_focussed_hovered:transparent;--_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(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapList_Hover_Background);--_ui_wheelslider_item_hovered_color:var(--sapList_Hover_Background);--_ui5_wheelslider_item_border_color:var(--sapList_Background);--_ui5_wheelslider_item_hovered_border_color:var(--sapField_BorderColor);--_ui5_wheelslider_collapsed_item_text_color:var(--sapField_BorderColor);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_item_width:3rem;--_ui5_wheelslider_item_height:2.875rem;--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:1px solid #000;--_ui5_yearpicker_item_border_radius:0.25rem;--_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_token_border_radius:0.125rem;--_ui5_token_focus_outline_width: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_slider_handle_background:var(--sapButton_Background);--_ui5_range_slider_handle_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_border:var(--sapButton_Hover_BorderColor);--_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.375rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_height:1.65rem;--_ui5_slider_handle_width:1.65rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_progress_background:var(--sapSelectedColor);--_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}";
|
|
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_segmented_btn_border_radius:0.375rem;--ui5-avatar-initials-color:var(--sapTextColor);--ui5-avatar-initials-border:.0625rem solid var(--sapField_BorderColor);--ui5-avatar-accent1:var(--sapBackgroundColor);--ui5-avatar-accent2:var(--sapBackgroundColor);--ui5-avatar-accent3:var(--sapBackgroundColor);--ui5-avatar-accent4:var(--sapBackgroundColor);--ui5-avatar-accent5:var(--sapBackgroundColor);--ui5-avatar-accent6:var(--sapBackgroundColor);--ui5-avatar-accent7:var(--sapBackgroundColor);--ui5-avatar-accent8:var(--sapBackgroundColor);--ui5-avatar-accent9:var(--sapBackgroundColor);--ui5-avatar-accent10:var(--sapBackgroundColor);--ui5-avatar-placeholder:var(--sapBackgroundColor);--_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_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_border_radius:0.375rem;--_ui5_button_outline_offset:-0.25rem;--_ui5_button_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_button_positive_border_active_color:var(--sapButton_Emphasized_Active_Background);--_ui5_button_active_border_color:var(--sapButton_Accept_Active_BorderColor);--_ui5_button_negative_active_border_color:var(--sapButton_Reject_Active_Background);--_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.5rem;--ui5_carousel_width:0.5rem;--ui5_carousel_margin:0 0.25rem;--ui5_carousel_border:1px solid #fff;--ui5_carousel_dot_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_background:none;--_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_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_inner_information_border:var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);--_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_now_inner_border_radius:0;--_ui5_daypicker_item_margin:0;--_ui5_daypicker_item_border:1px solid #000;--_ui5_daypicker_item_border_radius:0.25rem;--_ui5_daypicker_dayname_color:var(--sapTextColor);--_ui5_daypicker_weekname_color:var(--sapTextColor);--_ui5_daypicker_item_outline_width:0.125rem;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_item_now_outline_offset:2px;--_ui5_daypicker_item_now_selected_outline_offset:2px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.5rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.5rem);--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.5rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.5rem);--_ui5_daypicker_item_selected_border_color:var(--sapList_SelectionBorderColor);--_ui5_dialog_resize_handle_color:var(--sapButton_Lite_TextColor);--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_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:0.125rem;--_ui5-input-information_border_width:var(--sapField_BorderWidth);--_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:1px solid #000;--_ui5_monthpicker_item_border_radius:0.25rem;--_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:-4px;--_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_textarea_error_warning_border_width:2 * var(--sapField_BorderWidth);--_ui5_textarea_information_border_width:0.0625rem;--_ui5_time_picker_border:0.0625rem solid var(--sapField_Hover_BorderColor);--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:transparent;--_ui5_toggle_button_pressed_focussed_hovered:transparent;--_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(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapList_Hover_Background);--_ui_wheelslider_item_hovered_color:var(--sapList_Hover_Background);--_ui5_wheelslider_item_border_color:var(--sapList_Background);--_ui5_wheelslider_item_hovered_border_color:var(--sapField_BorderColor);--_ui5_wheelslider_collapsed_item_text_color:var(--sapField_BorderColor);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_item_width:3rem;--_ui5_wheelslider_item_height:2.875rem;--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:1px solid #000;--_ui5_yearpicker_item_border_radius:0.25rem;--_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_token_border_radius:0.125rem;--_ui5_token_focus_outline_width: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_slider_handle_background:var(--sapButton_Background);--_ui5_range_slider_handle_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_border:var(--sapButton_Hover_BorderColor);--_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.375rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_height:1.65rem;--_ui5_slider_handle_width:1.65rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_progress_background:var(--sapSelectedColor);--_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}";
|
|
@@ -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_segmented_btn_border_radius:0.375rem;--ui5-avatar-initials-color:var(--sapTextColor);--ui5-avatar-initials-border:.0625rem solid var(--sapField_BorderColor);--ui5-avatar-accent1:var(--sapBackgroundColor);--ui5-avatar-accent2:var(--sapBackgroundColor);--ui5-avatar-accent3:var(--sapBackgroundColor);--ui5-avatar-accent4:var(--sapBackgroundColor);--ui5-avatar-accent5:var(--sapBackgroundColor);--ui5-avatar-accent6:var(--sapBackgroundColor);--ui5-avatar-accent7:var(--sapBackgroundColor);--ui5-avatar-accent8:var(--sapBackgroundColor);--ui5-avatar-accent9:var(--sapBackgroundColor);--ui5-avatar-accent10:var(--sapBackgroundColor);--ui5-avatar-placeholder:var(--sapBackgroundColor);--_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_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_border_radius:0.375rem;--_ui5_button_outline_offset:-0.25rem;--_ui5_button_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_button_positive_border_active_color:var(--sapButton_Emphasized_Active_Background);--_ui5_button_active_border_color:var(--sapButton_Accept_Active_BorderColor);--_ui5_button_negative_active_border_color:var(--sapButton_Reject_Active_Background);--_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.5rem;--ui5_carousel_width:0.5rem;--ui5_carousel_margin:0 0.25rem;--ui5_carousel_border:1px solid #fff;--ui5_carousel_dot_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_background:none;--_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_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_inner_information_border:var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);--_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_selected_hover_background_color:var(--sapContent_Selected_Background);--_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_now_inner_border_radius:0;--_ui5_daypicker_item_margin:0;--_ui5_daypicker_item_border:1px solid #fff;--_ui5_daypicker_item_border_radius:0.25rem;--_ui5_daypicker_item_outline_width:0.125rem;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_dayname_color:var(--sapTextColor);--_ui5_daypicker_weekname_color:var(--sapTextColor);--_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(--sapButton_Lite_TextColor);--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_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:0.125rem;--_ui5-input-information_border_width:var(--sapField_BorderWidth);--_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:1px solid #000;--_ui5_monthpicker_item_border_radius:0.25rem;--_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:-4px;--_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_textarea_error_warning_border_width:2 * var(--sapField_BorderWidth);--_ui5_textarea_information_border_width:0.0625rem;--_ui5_time_picker_border:0.0625rem solid var(--sapField_Hover_BorderColor);--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:transparent;--_ui5_toggle_button_pressed_focussed_hovered:transparent;--_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(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapList_Hover_Background);--_ui_wheelslider_item_hovered_color:var(--sapList_Hover_Background);--_ui5_wheelslider_item_border_color:var(--sapList_Background);--_ui5_wheelslider_item_hovered_border_color:var(--sapField_BorderColor);--_ui5_wheelslider_collapsed_item_text_color:var(--sapField_BorderColor);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_item_width:3rem;--_ui5_wheelslider_item_height:2.875rem;--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:1px solid #000;--_ui5_yearpicker_item_border_radius:0.25rem;--_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_token_border_radius:0.125rem;--_ui5_token_focus_outline_width: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_slider_handle_background:var(--sapButton_Background);--_ui5_range_slider_handle_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_hover_border:var(--sapButton_Hover_BorderColor);--_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.375rem;--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_height:1.65rem;--_ui5_slider_handle_width:1.65rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_progress_background:var(--sapSelectedColor);--_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}";
|
|
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_segmented_btn_border_radius:0.375rem;--ui5-avatar-initials-color:var(--sapTextColor);--ui5-avatar-initials-border:.0625rem solid var(--sapField_BorderColor);--ui5-avatar-accent1:var(--sapBackgroundColor);--ui5-avatar-accent2:var(--sapBackgroundColor);--ui5-avatar-accent3:var(--sapBackgroundColor);--ui5-avatar-accent4:var(--sapBackgroundColor);--ui5-avatar-accent5:var(--sapBackgroundColor);--ui5-avatar-accent6:var(--sapBackgroundColor);--ui5-avatar-accent7:var(--sapBackgroundColor);--ui5-avatar-accent8:var(--sapBackgroundColor);--ui5-avatar-accent9:var(--sapBackgroundColor);--ui5-avatar-accent10:var(--sapBackgroundColor);--ui5-avatar-placeholder:var(--sapBackgroundColor);--_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_positive_focus_border_color:var(--sapButton_Accept_BorderColor);--_ui5_button_negative_focus_border_color:var(--sapButton_Reject_BorderColor);--_ui5_button_emphasized_focused_border_color:var(--sapButton_Emphasized_BorderColor);--_ui5_button_border_radius:0.375rem;--_ui5_button_outline_offset:-0.25rem;--_ui5_button_outline:0.125rem dotted var(--sapContent_FocusColor);--_ui5_button_positive_border_active_color:var(--sapButton_Emphasized_Active_Background);--_ui5_button_active_border_color:var(--sapButton_Accept_Active_BorderColor);--_ui5_button_negative_active_border_color:var(--sapButton_Reject_Active_Background);--_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.5rem;--ui5_carousel_width:0.5rem;--ui5_carousel_margin:0 0.25rem;--ui5_carousel_border:1px solid #fff;--ui5_carousel_dot_border:1px solid var(--sapContent_ForegroundBorderColor);--ui5_carousel_dot_background:none;--_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_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_inner_information_border:var(--sapField_BorderWidth) dashed var(--sapField_InformationColor);--_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_now_inner_border_radius:0;--_ui5_daypicker_item_margin:0;--_ui5_daypicker_item_border:1px solid #fff;--_ui5_daypicker_item_border_radius:0.25rem;--_ui5_daypicker_dayname_color:var(--sapTextColor);--_ui5_daypicker_weekname_color:var(--sapTextColor);--_ui5_daypicker_item_outline_width:0.125rem;--_ui5_daypicker_item_outline_offset:0;--_ui5_daypicker_item_now_outline_offset:1px;--_ui5_daypicker_item_now_selected_outline_offset:1px;--_ui5_daypicker_item_now_focus_after_width:calc(100% - 0.375rem);--_ui5_daypicker_item_now_focus_after_height:calc(100% - 0.375rem);--_ui5_daypicker_item_now_selected_focus_after_width:calc(100% - 0.375rem);--_ui5_daypicker_item_now_selected_focus_after_height:calc(100% - 0.375rem);--_ui5_daypicker_item_selected_border_color:transparent;--_ui5_dialog_resize_handle_color:var(--sapButton_Lite_TextColor);--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_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:0.125rem;--_ui5-input-information_border_width:var(--sapField_BorderWidth);--_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:1px solid #000;--_ui5_monthpicker_item_border_radius:0.25rem;--_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:-4px;--_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_textarea_error_warning_border_width:2 * var(--sapField_BorderWidth);--_ui5_textarea_information_border_width:0.0625rem;--_ui5_time_picker_border:0.0625rem solid var(--sapField_Hover_BorderColor);--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:transparent;--_ui5_toggle_button_pressed_focussed_hovered:transparent;--_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(--sapLegend_WorkingBackground);--_ui5_wheelslider_item_text_color:var(--sapTextColor);--_ui_wheelslider_item_hover_color:var(--sapList_Hover_Background);--_ui_wheelslider_item_hovered_color:var(--sapList_Hover_Background);--_ui5_wheelslider_item_border_color:var(--sapList_Background);--_ui5_wheelslider_item_hovered_border_color:var(--sapField_BorderColor);--_ui5_wheelslider_collapsed_item_text_color:var(--sapField_BorderColor);--_ui5_wheelslider_selected_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_selected_item_hover_background_color:var(--sapButton_Emphasized_Hover_BorderColor);--_ui5_wheelslider_active_item_background_color:var(--sapContent_Selected_Background);--_ui5_wheelslider_active_item_text_color:var(--sapContent_Selected_TextColor);--_ui5_wheelslider_item_width:3rem;--_ui5_wheelslider_item_height:2.875rem;--_ui5_wheelslider_selection_frame_color:var(--sapList_SelectionBorderColor);--_ui_wheelslider_item_border_radius:var(--_ui5_button_border_radius);--_ui5_yearpicker_item_selected_focus:var(--sapContent_Selected_Background);--_ui5_yearpicker_item_border:1px solid #000;--_ui5_yearpicker_item_border_radius:0.25rem;--_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_token_border_radius:0.125rem;--_ui5_token_focus_outline_width: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_slider_handle_background:var(--sapButton_Background);--_ui5_range_slider_handle_background:rgba(var(--sapButton_Background),0.25);--_ui5_slider_handle_margin_left:-0.9725rem;--_ui5_slider_handle_hover_background:var(--sapButton_Hover_Background);--_ui5_slider_handle_hover_border:var(--sapButton_Hover_BorderColor);--_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.375rem;--_ui5_slider_handle_border:solid 0.125rem var(--sapField_BorderColor);--_ui5_slider_handle_height:1.65rem;--_ui5_slider_handle_width:1.65rem;--_ui5_slider_handle_top:-0.75rem;--_ui5_slider_progress_background:var(--sapSelectedColor);--_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}";
|
|
@@ -94,9 +94,15 @@ LIST_ITEM_POSITION=List item {0} of {1}
|
|
|
94
94
|
#XACT: ARIA announcement for the list item selection.
|
|
95
95
|
LIST_ITEM_SELECTED=Selected
|
|
96
96
|
|
|
97
|
+
#XACT: ARIA announcement for the list item selected=false state
|
|
98
|
+
LIST_ITEM_NOT_SELECTED=Not Selected
|
|
99
|
+
|
|
97
100
|
#XBUT: List Multi Selection Mode Checkbox aria-label text
|
|
98
101
|
ARIA_LABEL_LIST_ITEM_CHECKBOX = Multiple Selection mode.
|
|
99
102
|
|
|
103
|
+
#XBUT: List Single Selection Mode RadioButton aria-label text
|
|
104
|
+
ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=Item Selection.
|
|
105
|
+
|
|
100
106
|
#XTOL: Tooltip of messgae strip close button
|
|
101
107
|
MESSAGE_STRIP_CLOSE_BUTTON=Message Strip Close
|
|
102
108
|
|
|
@@ -131,7 +137,13 @@ RATING_INDICATOR_TEXT=Rating Indicator
|
|
|
131
137
|
RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON=Decline
|
|
132
138
|
|
|
133
139
|
#XACT: ARIA description for the segmented button
|
|
134
|
-
SEGMENTEDBUTTON_ARIA_DESCRIPTION=Segmented button
|
|
140
|
+
SEGMENTEDBUTTON_ARIA_DESCRIPTION=Segmented button group
|
|
141
|
+
|
|
142
|
+
#XACT: ARIA described by for the segmented button
|
|
143
|
+
SEGMENTEDBUTTON_ARIA_DESCRIBEDBY=Press SPACE or ENTER to select an item
|
|
144
|
+
|
|
145
|
+
#XACT: ARIA description for the segmented button item
|
|
146
|
+
SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION=Segmented button
|
|
135
147
|
|
|
136
148
|
#XACT: ARIA description for slider handle
|
|
137
149
|
SLIDER_ARIA_DESCRIPTION=Slider handle
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents",
|
|
3
|
-
"version": "0.31.
|
|
3
|
+
"version": "0.31.18",
|
|
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.18",
|
|
34
|
+
"@ui5/webcomponents-icons": "0.31.18",
|
|
35
|
+
"@ui5/webcomponents-ie11": "0.31.18",
|
|
36
|
+
"@ui5/webcomponents-localization": "0.31.18",
|
|
37
|
+
"@ui5/webcomponents-theme-base": "0.31.18"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {
|
|
40
|
-
"@ui5/webcomponents-tools": "0.31.
|
|
40
|
+
"@ui5/webcomponents-tools": "0.31.18",
|
|
41
41
|
"chromedriver": "88.0.0"
|
|
42
42
|
}
|
|
43
43
|
}
|
package/src/Avatar.js
CHANGED
|
@@ -322,12 +322,14 @@ class Avatar extends UI5Element {
|
|
|
322
322
|
};
|
|
323
323
|
}
|
|
324
324
|
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
325
|
+
onBeforeRendering() {
|
|
326
|
+
this._onclick = this.interactive ? this._onClickHandler.bind(this) : undefined;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
_onClickHandler(event) {
|
|
330
|
+
// prevent the native event and fire custom event to ensure the noConfict "ui5-click" is fired
|
|
331
|
+
event.stopPropagation();
|
|
332
|
+
this.fireEvent("click");
|
|
331
333
|
}
|
|
332
334
|
|
|
333
335
|
_onkeydown(event) {
|
package/src/Calendar.hbs
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
.selectedDates="{{_selectedDatesTimestamps}}"
|
|
11
11
|
._hidden="{{_isDayPickerHidden}}"
|
|
12
12
|
.primaryCalendarType="{{_primaryCalendarType}}"
|
|
13
|
+
.secondaryCalendarType="{{secondaryCalendarType}}"
|
|
13
14
|
.selectionMode="{{selectionMode}}"
|
|
14
15
|
.minDate="{{minDate}}"
|
|
15
16
|
.maxDate="{{maxDate}}"
|
|
@@ -52,6 +53,7 @@
|
|
|
52
53
|
<ui5-calendar-header
|
|
53
54
|
id="{{_id}}-head"
|
|
54
55
|
.primaryCalendarType="{{_primaryCalendarType}}"
|
|
56
|
+
.secondaryCalendarType="{{secondaryCalendarType}}"
|
|
55
57
|
timestamp="{{_timestamp}}"
|
|
56
58
|
.isPrevButtonDisabled="{{_previousButtonDisabled}}"
|
|
57
59
|
.isNextButtonDisabled="{{_nextButtonDisabled}}"
|
package/src/CalendarHeader.hbs
CHANGED
|
@@ -17,20 +17,27 @@
|
|
|
17
17
|
class="ui5-calheader-arrowbtn ui5-calheader-middlebtn"
|
|
18
18
|
?hidden="{{isMonthButtonHidden}}"
|
|
19
19
|
tabindex="0"
|
|
20
|
+
aria-label="{{accInfo.ariaLabelMonthButton}}"
|
|
20
21
|
@click={{onMonthButtonClick}}
|
|
21
22
|
@keydown={{onMonthButtonKeyDown}}
|
|
22
23
|
>
|
|
23
|
-
{{_monthButtonText}}
|
|
24
|
+
<span>{{_monthButtonText}}</span>
|
|
25
|
+
{{#if hasSecondaryCalendarType}}
|
|
26
|
+
<span class="ui5-calheader-btn-sectext">{{_secondMonthButtonText}}</span>
|
|
27
|
+
{{/if}}
|
|
24
28
|
</div>
|
|
25
|
-
|
|
26
29
|
<div
|
|
27
30
|
data-ui5-cal-header-btn-year
|
|
28
31
|
class="ui5-calheader-arrowbtn ui5-calheader-middlebtn"
|
|
32
|
+
?hidden="{{isYearButtonHidden}}"
|
|
29
33
|
tabindex="0"
|
|
30
34
|
@click={{onYearButtonClick}}
|
|
31
35
|
@keydown={{onYearButtonKeyDown}}
|
|
32
36
|
>
|
|
33
|
-
{{_yearButtonText}}
|
|
37
|
+
<span>{{_yearButtonText}}</span>
|
|
38
|
+
{{#if hasSecondaryCalendarType}}
|
|
39
|
+
<span class="ui5-calheader-btn-sectext">{{_secondYearButtonText}}</span>
|
|
40
|
+
{{/if}}
|
|
34
41
|
</div>
|
|
35
42
|
</div>
|
|
36
43
|
|
|
@@ -41,5 +48,5 @@
|
|
|
41
48
|
title={{_nextButtonText}}
|
|
42
49
|
>
|
|
43
50
|
<ui5-icon class="ui5-calheader-arrowicon" name="slim-arrow-right"></ui5-icon>
|
|
44
|
-
|
|
51
|
+
</div>
|
|
45
52
|
</div>
|
package/src/CalendarHeader.js
CHANGED
|
@@ -41,6 +41,17 @@ const metadata = {
|
|
|
41
41
|
type: CalendarType,
|
|
42
42
|
},
|
|
43
43
|
|
|
44
|
+
/**
|
|
45
|
+
* Already normalized by Calendar
|
|
46
|
+
* @sience 1.0.0-rc.16
|
|
47
|
+
* @defaultvalue undefined
|
|
48
|
+
* @type {CalendarType}
|
|
49
|
+
* @public
|
|
50
|
+
*/
|
|
51
|
+
secondaryCalendarType: {
|
|
52
|
+
type: CalendarType,
|
|
53
|
+
},
|
|
54
|
+
|
|
44
55
|
isNextButtonDisabled: {
|
|
45
56
|
type: Boolean,
|
|
46
57
|
},
|
|
@@ -52,6 +63,10 @@ const metadata = {
|
|
|
52
63
|
isMonthButtonHidden: {
|
|
53
64
|
type: Boolean,
|
|
54
65
|
},
|
|
66
|
+
|
|
67
|
+
isYearButtonHidden: {
|
|
68
|
+
type: Boolean,
|
|
69
|
+
},
|
|
55
70
|
},
|
|
56
71
|
events: {
|
|
57
72
|
"previous-press": {},
|
|
@@ -96,11 +111,19 @@ class CalendarHeader extends UI5Element {
|
|
|
96
111
|
const yearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this.primaryCalendarType });
|
|
97
112
|
const localDate = new Date(this.timestamp * 1000);
|
|
98
113
|
const calendarDate = CalendarDate.fromTimestamp(localDate.getTime(), this.primaryCalendarType);
|
|
99
|
-
|
|
100
114
|
this._monthButtonText = localeData.getMonths("wide", this.primaryCalendarType)[calendarDate.getMonth()];
|
|
101
115
|
this._yearButtonText = yearFormat.format(localDate, true);
|
|
102
116
|
this._prevButtonText = this.i18nBundle.getText(CALENDAR_HEADER_PREVIOUS_BUTTON);
|
|
103
117
|
this._nextButtonText = this.i18nBundle.getText(CALENDAR_HEADER_NEXT_BUTTON);
|
|
118
|
+
|
|
119
|
+
if (this.hasSecondaryCalendarType) {
|
|
120
|
+
const secondYearFormat = DateFormat.getDateInstance({ format: "y", calendarType: this.secondaryCalendarType });
|
|
121
|
+
const secoundaryMonths = this._getDisplayedSecondaryMonths(localDate);
|
|
122
|
+
|
|
123
|
+
this._secondaryMonthInfo = this._getDisplayedSecondaryMonthText(secoundaryMonths);
|
|
124
|
+
this._secondMonthButtonText = this._secondaryMonthInfo.text;
|
|
125
|
+
this._secondYearButtonText = secondYearFormat.format(localDate, true);
|
|
126
|
+
}
|
|
104
127
|
}
|
|
105
128
|
|
|
106
129
|
onPrevButtonClick(event) {
|
|
@@ -133,6 +156,51 @@ class CalendarHeader extends UI5Element {
|
|
|
133
156
|
}
|
|
134
157
|
}
|
|
135
158
|
|
|
159
|
+
_getDisplayedSecondaryMonthText(month) {
|
|
160
|
+
const localeData = getCachedLocaleDataInstance(getLocale());
|
|
161
|
+
const pattern = localeData.getIntervalPattern();
|
|
162
|
+
const secondaryMonthsNames = getCachedLocaleDataInstance(getLocale()).getMonthsStandAlone("abbreviated", this.secondaryCalendarType);
|
|
163
|
+
const secondaryMonthsNamesWide = getCachedLocaleDataInstance(getLocale()).getMonthsStandAlone("wide", this.secondaryCalendarType);
|
|
164
|
+
|
|
165
|
+
if (month.startMonth === month.endMonth) {
|
|
166
|
+
return {
|
|
167
|
+
text: localeData.getMonths("abbreviated", this.secondaryCalendarType)[month.startMonth],
|
|
168
|
+
textInfo: localeData.getMonths("wide", this.secondaryCalendarType)[month.startMonth],
|
|
169
|
+
};
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
return {
|
|
173
|
+
text: pattern.replace(/\{0\}/, secondaryMonthsNames[month.startMonth]).replace(/\{1\}/, secondaryMonthsNames[month.endMonth]),
|
|
174
|
+
textInfo: pattern.replace(/\{0\}/, secondaryMonthsNamesWide[month.startMonth]).replace(/\{1\}/, secondaryMonthsNamesWide[month.endMonth]),
|
|
175
|
+
};
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
_getDisplayedSecondaryMonths(localDate) {
|
|
179
|
+
let firstDate = CalendarDate.fromLocalJSDate(localDate, this.primaryCalendarType);
|
|
180
|
+
firstDate.setDate(1);
|
|
181
|
+
firstDate = new CalendarDate(firstDate, this.secondaryCalendarType);
|
|
182
|
+
|
|
183
|
+
const startMonth = firstDate.getMonth();
|
|
184
|
+
let lastDate = CalendarDate.fromLocalJSDate(localDate, this.primaryCalendarType);
|
|
185
|
+
|
|
186
|
+
lastDate.setDate(this._daysInMonth(lastDate));
|
|
187
|
+
lastDate = new CalendarDate(lastDate, this.secondaryCalendarType);
|
|
188
|
+
const endMonth = lastDate.getMonth();
|
|
189
|
+
return { startMonth, endMonth };
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
_daysInMonth(calendarDate) {
|
|
193
|
+
calendarDate = new CalendarDate(calendarDate);
|
|
194
|
+
calendarDate.setDate(1);
|
|
195
|
+
calendarDate.setMonth(calendarDate.getMonth() + 1);
|
|
196
|
+
calendarDate.setDate(0);
|
|
197
|
+
return calendarDate.getDate();
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
get hasSecondaryCalendarType() {
|
|
201
|
+
return !!this.secondaryCalendarType;
|
|
202
|
+
}
|
|
203
|
+
|
|
136
204
|
get classes() {
|
|
137
205
|
return {
|
|
138
206
|
prevButton: {
|
|
@@ -145,6 +213,12 @@ class CalendarHeader extends UI5Element {
|
|
|
145
213
|
},
|
|
146
214
|
};
|
|
147
215
|
}
|
|
216
|
+
|
|
217
|
+
get accInfo() {
|
|
218
|
+
return {
|
|
219
|
+
ariaLabelMonthButton: this.hasSecondaryCalendarType ? `${this._monthButtonText},${this._secondaryMonthInfo.textInfo}` : `${this._monthButtonText}`,
|
|
220
|
+
};
|
|
221
|
+
}
|
|
148
222
|
}
|
|
149
223
|
|
|
150
224
|
CalendarHeader.define();
|
package/src/Card.hbs
CHANGED
package/src/Card.js
CHANGED
|
@@ -3,6 +3,7 @@ import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
|
|
|
3
3
|
import { fetchI18nBundle, getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
4
4
|
import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
|
|
5
5
|
import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
|
|
6
|
+
import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
|
|
6
7
|
import CardTemplate from "./generated/templates/CardTemplate.lit.js";
|
|
7
8
|
import Icon from "./Icon.js";
|
|
8
9
|
|
|
@@ -137,6 +138,18 @@ const metadata = {
|
|
|
137
138
|
defaultValue: "",
|
|
138
139
|
},
|
|
139
140
|
|
|
141
|
+
/**
|
|
142
|
+
* Define the <code>aria-level</code> attribute of the component
|
|
143
|
+
* <b>Note: </b> If the interactive property is set, <code>aria-level</code> attribute is not rendered at all.
|
|
144
|
+
* @private
|
|
145
|
+
* @type {Integer}
|
|
146
|
+
* @defaultValue 3
|
|
147
|
+
*/
|
|
148
|
+
ariaLevel: {
|
|
149
|
+
type: Integer,
|
|
150
|
+
defaultValue: 3,
|
|
151
|
+
},
|
|
152
|
+
|
|
140
153
|
_headerActive: {
|
|
141
154
|
type: Boolean,
|
|
142
155
|
noAttribute: true,
|
|
@@ -230,8 +243,12 @@ class Card extends UI5Element {
|
|
|
230
243
|
return this.headerInteractive ? "button" : "heading";
|
|
231
244
|
}
|
|
232
245
|
|
|
233
|
-
get
|
|
234
|
-
|
|
246
|
+
get _ariaLevel() {
|
|
247
|
+
if (this.interactive) {
|
|
248
|
+
return undefined;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
return this.ariaLevel;
|
|
235
252
|
}
|
|
236
253
|
|
|
237
254
|
get hasHeader() {
|
package/src/ComboBox.js
CHANGED
|
@@ -4,6 +4,7 @@ import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
|
|
|
4
4
|
import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
|
|
5
5
|
import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
|
|
6
6
|
import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
|
|
7
|
+
import announce from "@ui5/webcomponents-base/dist/util/InvisibleMessage.js";
|
|
7
8
|
import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
|
|
8
9
|
import "@ui5/webcomponents-icons/dist/decline.js";
|
|
9
10
|
import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
|
|
@@ -24,6 +25,8 @@ import {
|
|
|
24
25
|
VALUE_STATE_INFORMATION,
|
|
25
26
|
INPUT_SUGGESTIONS_TITLE,
|
|
26
27
|
SELECT_OPTIONS,
|
|
28
|
+
LIST_ITEM_POSITION,
|
|
29
|
+
LIST_ITEM_SELECTED,
|
|
27
30
|
} from "./generated/i18n/i18n-defaults.js";
|
|
28
31
|
|
|
29
32
|
// Templates
|
|
@@ -776,6 +779,13 @@ class ComboBox extends UI5Element {
|
|
|
776
779
|
this._itemFocused = true;
|
|
777
780
|
}
|
|
778
781
|
|
|
782
|
+
announceSelectedItem(indexOfItem) {
|
|
783
|
+
const itemPositionText = this.i18nBundle.getText(LIST_ITEM_POSITION, [indexOfItem + 1], [this._filteredItems.length]);
|
|
784
|
+
const itemSelectionText = this.i18nBundle.getText(LIST_ITEM_SELECTED);
|
|
785
|
+
|
|
786
|
+
announce(`${itemPositionText} ${itemSelectionText}`, "Polite");
|
|
787
|
+
}
|
|
788
|
+
|
|
779
789
|
get _headerTitleText() {
|
|
780
790
|
return this.i18nBundle.getText(INPUT_SUGGESTIONS_TITLE);
|
|
781
791
|
}
|