@ui5/webcomponents-fiori 2.28.1 → 2.29.0-rc.0
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 +11 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/NavigationMenuItem.d.ts +3 -0
- package/dist/NavigationMenuItem.js +11 -2
- package/dist/NavigationMenuItem.js.map +1 -1
- package/dist/NavigationMenuItemTemplate.js +4 -3
- package/dist/NavigationMenuItemTemplate.js.map +1 -1
- package/dist/SideNavigation.js +11 -0
- package/dist/SideNavigation.js.map +1 -1
- package/dist/SideNavigationItem.d.ts +2 -0
- package/dist/SideNavigationItem.js +8 -1
- package/dist/SideNavigationItem.js.map +1 -1
- package/dist/SideNavigationItemTemplate.js +4 -3
- package/dist/SideNavigationItemTemplate.js.map +1 -1
- package/dist/SideNavigationSelectableItemBase.d.ts +5 -0
- package/dist/SideNavigationSelectableItemBase.js +26 -0
- package/dist/SideNavigationSelectableItemBase.js.map +1 -1
- package/dist/SideNavigationSubItem.d.ts +5 -0
- package/dist/SideNavigationSubItem.js +17 -2
- package/dist/SideNavigationSubItem.js.map +1 -1
- package/dist/SideNavigationSubItemTemplate.js +5 -4
- package/dist/SideNavigationSubItemTemplate.js.map +1 -1
- package/dist/ViewSettingsDialog.js +15 -3
- package/dist/ViewSettingsDialog.js.map +1 -1
- package/dist/css/themes/NavigationMenuItem.css +1 -1
- package/dist/css/themes/SideNavigation.css +1 -1
- package/dist/css/themes/SideNavigationGroup.css +1 -1
- package/dist/css/themes/SideNavigationItem.css +1 -1
- package/dist/css/themes/SideNavigationItemBase.css +1 -1
- package/dist/css/themes/SideNavigationSubItem.css +1 -1
- package/dist/css/themes/UserSettingsNotificationsViewItem.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +2 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +2 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +2 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +2 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +2 -1
- package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +84 -121
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +275 -1
- package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +202 -1
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +208 -1
- package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +94 -131
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +276 -1
- package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +208 -1
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +276 -1
- package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +210 -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/assets/themes/sap_horizon/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_dark_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hc_auto/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcb_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_horizon_hcw_exp/parameters-bundle.css.json +1 -1
- package/dist/generated/i18n/i18n-defaults.d.ts +2 -1
- package/dist/generated/i18n/i18n-defaults.js +2 -1
- package/dist/generated/i18n/i18n-defaults.js.map +1 -1
- package/dist/generated/themes/NavigationMenuItem.css.d.ts +1 -1
- package/dist/generated/themes/NavigationMenuItem.css.js +1 -1
- package/dist/generated/themes/NavigationMenuItem.css.js.map +1 -1
- package/dist/generated/themes/SideNavigation.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigation.css.js +1 -1
- package/dist/generated/themes/SideNavigation.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js +1 -1
- package/dist/generated/themes/SideNavigationGroup.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationItem.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationItem.css.js +1 -1
- package/dist/generated/themes/SideNavigationItem.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationItemBase.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationItemBase.css.js +1 -1
- package/dist/generated/themes/SideNavigationItemBase.css.js.map +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.d.ts +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.js +1 -1
- package/dist/generated/themes/SideNavigationSubItem.css.js.map +1 -1
- package/dist/generated/themes/UserSettingsNotificationsViewItem.css.d.ts +1 -1
- package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js +1 -1
- package/dist/generated/themes/UserSettingsNotificationsViewItem.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js +2 -1
- package/dist/generated/themes/sap_fiori_3/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js +2 -1
- package/dist/generated/themes/sap_fiori_3_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js +2 -1
- package/dist/generated/themes/sap_fiori_3_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js +2 -1
- package/dist/generated/themes/sap_fiori_3_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js +2 -1
- package/dist/generated/themes/sap_horizon/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js +84 -121
- package/dist/generated/themes/sap_horizon_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js +275 -1
- package/dist/generated/themes/sap_horizon_dark/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js +202 -1
- package/dist/generated/themes/sap_horizon_dark_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js +208 -1
- package/dist/generated/themes/sap_horizon_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js +94 -131
- package/dist/generated/themes/sap_horizon_hc_auto/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js +276 -1
- package/dist/generated/themes/sap_horizon_hcb/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js +208 -1
- package/dist/generated/themes/sap_horizon_hcb_exp/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js +276 -1
- package/dist/generated/themes/sap_horizon_hcw/parameters-bundle.css.js.map +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.d.ts +1 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js +210 -1
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +7 -7
- package/src/NavigationMenuItemTemplate.tsx +13 -6
- package/src/SideNavigationItemTemplate.tsx +11 -6
- package/src/SideNavigationSubItemTemplate.tsx +11 -6
- package/src/i18n/messagebundle.properties +3 -0
- package/src/themes/NavigationMenuItem.css +19 -2
- package/src/themes/SideNavigationGroup.css +8 -1
- package/src/themes/SideNavigationItem.css +5 -2
- package/src/themes/SideNavigationItemBase.css +35 -15
- package/src/themes/UserSettingsNotificationsViewItem.css +3 -3
- package/src/themes/base/NotificationListItem-parameters.css +1 -1
- package/src/themes/base/Search-parameters.css +1 -1
- package/src/themes/base/SideNavigation-parameters.css +1 -3
- package/src/themes/base/TimelineGroupItem-parameters.css +1 -1
- package/src/themes/base/TimelineItem-parameters.css +1 -1
- package/src/themes/base/UserSettingsAppearanceViewItem-parameters.css +1 -1
- package/src/themes/base/ViewSettingsDialog-parameters.css +1 -1
- package/src/themes/sap_fiori_3/TimelineGroupItem-parameters.css +1 -1
- package/src/themes/sap_fiori_3/TimelineItem-parameters.css +1 -1
- package/src/themes/sap_fiori_3_dark/TimelineItem-parameters.css +1 -1
- package/src/themes/sap_fiori_3_hcb/TimelineItem-parameters.css +1 -1
- package/src/themes/sap_fiori_3_hcw/TimelineItem-parameters.css +1 -1
- package/src/themes/sap_horizon/SideNavigation-parameters.css +1 -1
- package/src/themes/sap_horizon_dark/SideNavigation-parameters.css +1 -1
- package/src/themes/sap_horizon_dark_exp/SideNavigation-parameters.css +1 -1
- package/src/themes/sap_horizon_exp/SideNavigation-parameters.css +1 -1
- package/src/themes/sap_horizon_hcb/SideNavigation-parameters.css +1 -1
- package/src/themes/sap_horizon_hcb_exp/SideNavigation-parameters.css +1 -1
- package/src/themes/sap_horizon_hcw/SideNavigation-parameters.css +1 -1
- package/src/themes/sap_horizon_hcw_exp/SideNavigation-parameters.css +1 -1
|
@@ -1 +1,208 @@
|
|
|
1
|
-
:host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));--_ui5_fcl_solid_bg: var(--sapShell_Background);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);--_ui5_media_gallery_overflow_btn_border: none;--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);--_ui5_page_list_bg: var(--sapGroup_ContentBackground);--_ui5_page_transparent_bg: transparent;--_ui5_vsd_header_container: 2.75rem;--_ui5_vsd_sub_header_container_height: 2.75rem;--_ui5_vsd_content_li_padding: .375rem;--_ui5_vsd_content_height: 23.4375rem;--_ui5_vsd_expand_content_height: 26.1875rem;--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_outline_offset: -.1875rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);--_ui5_shellbar_root_height: 3.25rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.1875rem;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);--_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);--_ui5_shellbar_logo_border_radius: .5rem;--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);--_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);--_ui5_shellbar_search_field_border: none;--_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);--_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);--_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);--_ui5_shellbar_overflow_container_middle_height: 3rem;--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);--_ui5_shellbar_input_border_radius: 1.125rem;--_ui5_shellbar_input_focus_border_radius: 1.125rem;--_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_tl_bubble_padding: 1rem;--_ui5_tl_padding: 1rem 1rem 1rem .5rem;--_ui5_tl_li_margin_bottom: 1.625rem;--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;--_ui5_timeline_tli_indicator_before_right: -1.625rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;--_ui5_timeline_tli_indicator_before_height: 100%;--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100%;--_ui5_TimelineItem_bubble_border_width: .125rem;--_ui5_TimelineItem_bubble_border_style: solid;--_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);--_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);--_ui5_TimelineItem_bubble_border_top: -.25rem;--_ui5_TimelineItem_bubble_border_right: -.25rem;--_ui5_TimelineItem_bubble_border_bottom: -.25rem;--_ui5_TimelineItem_bubble_border_left: -.75rem;--_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;--_ui5_TimelineItem_bubble_focus_border_radius: .875rem;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;--_ui5_TimelineItem_bubble_content_padding: .5rem;--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;--_ui5_side_navigation_collapsed_width: 3rem;--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);--_ui5_side_navigation_navigation_separator_radius: unset;--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_side_navigation_triangle_display: block;--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);--_ui5_side_navigation_expand_icon_width: 2rem;--_ui5_side_navigation_hover_border_style_color: none;--_ui5_side_navigation_hover_border_width: 0;--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_item_border_style_color: none;--_ui5_side_navigation_item_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5_side_navigation_item_bottom_margin: 0;--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;--_ui5_side_navigation_item_padding_left: .5rem;--_ui5_side_navigation_item_focus_border_offset: 1px;--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;--_ui5_side_navigation_group_expanded_border_width: 0;--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);--_ui5_side_navigation_item_font_family: var(--sapFontFamily);--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);--_ui5_side_navigation_group_padding: .5rem;--_ui5_side_navigation_padding-flexible: 0;--_ui5_side_navigation_padding-fixed: 0;--_ui5_side_navigation_popup_padding: 0;--_ui5_side_navigation_popup_title_line_height: normal;--_ui5_side_navigation_first_fixed_item_margin_top: 0;--_ui5_side_navigation_item_expand_icon_visibility: none;--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;--_ui5_side_navigation_item_collapsed_hover_focus_display: none;--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;--_ui5_side_navigation_action_item_collapsed_padding: 0;--_ui5_side_navigation_item_collapsed_padding: 0;--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);--_ui5_side_navigation_item_expand_icon_right: -.5rem;--_ui5_side_navigation_item_expand_icon_hover_left: auto;--_ui5_side_navigation_item_expand_icon_hover_right: 0;--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);--_ui5_side_navigation_width: 16rem;--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);--_ui5_side_navigation_icon_padding_inline_end: .4375rem;--_ui5_side_navigation_item_border_width: 0;--_ui5_side_navigation_item_border_radius: .375rem;--_ui5_side_navigation_item_height: 2.5rem;--_ui5_side_navigation_item_transition: background-color .3s ease-in-out;--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);--ui5_upload_collection_drop_overlay_background: transparent;--ui5_upload_collection_thumbnail_size: 3rem;--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);--ui5_upload_collection_drag_overlay_border_radius: 0;--ui5_upload_collection_drag_overlay_opacity: .8;--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;--_ui5_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);--_ui5_wiz_tab_title_color: var(--sapTextColor);--_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);--_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_wiz_tab_focus_border_radius: 8px;--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);--_ui5-notification_item-border-radius: .75rem;--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5_dynamic_page_footer_spacer: 4rem;--_ui5_dynamic_page_title_padding_S: .5rem 1rem;--_ui5_dynamic_page_title_padding_M: .5rem 2rem;--_ui5_dynamic_page_title_padding_L: .5rem 2rem;--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;--_ui5_dynamic_page_header_padding_M: 1rem 2rem;--_ui5_dynamic_page_header_padding_L: 1rem 2rem;--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;--_ui5_dynamic_page_content_padding_S: 1rem 0 0;--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;--ui5_dynamic_page_background: var(--sapBackgroundColor);--_ui5_dynamic_page_title_padding_top: .5rem;--_ui5_dynamic_page_title_padding_bottom: .5rem;--_ui5_dynamic_page_title_min_height: 4rem;--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;--_ui5_dynamic_page_title_heading_padding_top: .3125rem;--_ui5_dynamic_page_title_subheading_margin_top: .25rem;--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);--_ui5_timeline_tlgi_line_horizontal_height: 14.8125rem;--_ui5_timeline_tlgi_root_horizontal_height: 19.9375rem;--_ui5_user_settings_avatar_cozy_display: inline-block;--_ui5_user_settings_avatar_compact_display: none;--_ui5_user_settings_item_title_font_size: var(--sapFontSize)}@container style(--ui5_content_density: compact){:host{--_ui5_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_ui5_tl_bubble_padding: .5rem;--_ui5_tl_padding: .5rem;--_ui5_tl_li_margin_bottom: .5rem;--_ui5_timeline_tli_indicator_before_bottom: -.75rem;--_ui5_timeline_tli_indicator_before_right: -.5rem;--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;--_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);--_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;--_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;--_ui5_side_navigation_item_height: 2rem;--_ui5_side_navigation_item_expand_arrow_padding: .3125rem;--_ui5_side_navigation_item_margin: .5rem;--_ui5_side_navigation_item_height: 2rem;--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;--_ui5_timeline_tlgi_compact_root_gap: .5rem;--_ui5_timeline_tlgi_root_horizontal_height: 19.375rem;--_ui5_user_settings_avatar_cozy_display: none;--_ui5_user_settings_avatar_compact_display: inline-block;--_ui5_user_settings_item_title_font_size: var(--sapFontLargeSize)}}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}@container style(--ui5_content_density: compact){}
|
|
1
|
+
:host{
|
|
2
|
+
--_ui5_banner_background: var(--sapShell_HeroBanner_Background, var(--sapHighlightColor));
|
|
3
|
+
--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor, var(--sapContent_ContrastTextColor));
|
|
4
|
+
--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
|
|
5
|
+
--_ui5_banner_box_shadow: var(--sapContent_Shadow0);
|
|
6
|
+
--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
|
|
7
|
+
--_ui5_fcl_solid_bg: var(--sapShell_Background);
|
|
8
|
+
--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
|
|
9
|
+
--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
|
|
10
|
+
--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
|
|
11
|
+
--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Neutral_Background);
|
|
12
|
+
--_ui5_media_gallery_overflow_btn_color: var(--sapBaseColor);
|
|
13
|
+
--_ui5_media_gallery_overflow_btn_border: none;
|
|
14
|
+
--_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);
|
|
15
|
+
--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
|
|
16
|
+
--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
17
|
+
--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);
|
|
18
|
+
--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
|
|
19
|
+
--_ui5_page_transparent_bg: transparent;
|
|
20
|
+
--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
|
|
21
|
+
--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
|
|
22
|
+
--_ui5_vsd_content_li_padding: .375rem;
|
|
23
|
+
--_ui5_vsd_content_height: 23.4375rem;
|
|
24
|
+
--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);
|
|
25
|
+
--_ui5_product_switch_item_width: 11.25rem;
|
|
26
|
+
--_ui5_product_switch_item_height: 7rem;
|
|
27
|
+
--_ui5_product_switch_item_active_outline_color: var(--sapContent_FocusColor);
|
|
28
|
+
--_ui5_product_switch_item_outline_offset: -.1875rem;
|
|
29
|
+
--_ui5_shellbar_root_height: 3.25rem;
|
|
30
|
+
--_ui5_shellbar_logo_outline_color: var(--sapContent_FocusColor);
|
|
31
|
+
--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
|
|
32
|
+
--_ui5_shellbar_outline_offset: -.1875rem;
|
|
33
|
+
--_ui5_shellbar_button_border: none;
|
|
34
|
+
--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
|
|
35
|
+
--_ui5_shellbar_button_focused_border: .125rem solid var(--sapContent_FocusColor);
|
|
36
|
+
--_ui5_shellbar_button_badge_border: 1px solid var(--sapContent_BadgeBackground);
|
|
37
|
+
--_ui5_shellbar_logo_border_radius: .5rem;
|
|
38
|
+
--_ui5_shellbar_button_box_shadow: var(--sapContent_Interaction_Shadow);
|
|
39
|
+
--_ui5_shellbar_button_box_shadow_active: inset 0 0 0 .0625rem var(--sapButton_Lite_Active_BorderColor);
|
|
40
|
+
--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
|
|
41
|
+
--_ui5_shellbar_search_field_background: var(--sapShell_InteractiveBackground);
|
|
42
|
+
--_ui5_shellbar_search_field_border: none;
|
|
43
|
+
--_ui5_shellbar_search_field_color: var(--sapShell_InteractiveTextColor);
|
|
44
|
+
--_ui5_shellbar_search_field_background_hover: var(--sapShell_Hover_Background);
|
|
45
|
+
--_ui5_shellbar_search_field_box_shadow_hover: var(--sapContent_Interaction_Shadow);
|
|
46
|
+
--_ui5_shellbar_overflow_container_middle_height: 3rem;
|
|
47
|
+
--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
|
|
48
|
+
--_ui5_shellbar_input_border_radius: 1.125rem;
|
|
49
|
+
--_ui5_shellbar_input_focus_border_radius: 1.125rem;
|
|
50
|
+
--_ui5_shellbar_input_background_color: var(--sapShell_InteractiveBackground);
|
|
51
|
+
--_ui5_TimelineItem_arrow_size: 1.625rem;
|
|
52
|
+
--_ui5_TimelineItem_bubble_border_width: .125rem;
|
|
53
|
+
--_ui5_TimelineItem_bubble_border_style: solid;
|
|
54
|
+
--_ui5_TimelineItem_bubble_border_radius: var(--sapElement_BorderCornerRadius);
|
|
55
|
+
--_ui5_TimelineItem_bubble_border_color: var(--sapGroup_ContentBorderColor);
|
|
56
|
+
--_ui5_TimelineItem_bubble_border_top: -.25rem;
|
|
57
|
+
--_ui5_TimelineItem_bubble_border_right: -.25rem;
|
|
58
|
+
--_ui5_TimelineItem_bubble_border_bottom: -.25rem;
|
|
59
|
+
--_ui5_TimelineItem_bubble_border_left: -.75rem;
|
|
60
|
+
--_ui5_TimelineItem_bubble_rtl_left_offset: -.25rem;
|
|
61
|
+
--_ui5_TimelineItem_bubble_rtl_right_offset: -.75rem;
|
|
62
|
+
--_ui5_TimelineItem_bubble_focus_border_radius: .875rem;
|
|
63
|
+
--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.75rem;
|
|
64
|
+
--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.25rem;
|
|
65
|
+
--_ui5_TimelineItem_bubble_content_padding: .5rem;
|
|
66
|
+
--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .125rem;
|
|
67
|
+
--_ui5_TimelineItem_bubble_content_description_padding_top: .5rem;
|
|
68
|
+
--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
|
|
69
|
+
--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
|
|
70
|
+
--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);
|
|
71
|
+
--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);
|
|
72
|
+
--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);
|
|
73
|
+
--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);
|
|
74
|
+
--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);
|
|
75
|
+
--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );
|
|
76
|
+
--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );
|
|
77
|
+
--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);
|
|
78
|
+
--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );
|
|
79
|
+
--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);
|
|
80
|
+
--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );
|
|
81
|
+
--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );
|
|
82
|
+
--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );
|
|
83
|
+
--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );
|
|
84
|
+
--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);
|
|
85
|
+
--_ui5_side_navigation_width: 16rem;
|
|
86
|
+
--_ui5_side_navigation_collapsed_width: 3rem;
|
|
87
|
+
--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
|
|
88
|
+
--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
|
|
89
|
+
--_ui5_side_navigation_navigation_separator_radius: unset;
|
|
90
|
+
--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));
|
|
91
|
+
--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
|
|
92
|
+
--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);
|
|
93
|
+
--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
|
|
94
|
+
--_ui5_side_navigation_triangle_display: block;
|
|
95
|
+
--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
|
|
96
|
+
--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);
|
|
97
|
+
--_ui5_side_navigation_expand_icon_width: 2rem;
|
|
98
|
+
--_ui5_side_navigation_hover_border_style_color: none;
|
|
99
|
+
--_ui5_side_navigation_hover_border_width: 0;
|
|
100
|
+
--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
|
|
101
|
+
--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
|
|
102
|
+
--_ui5_side_navigation_item_border_style_color: none;
|
|
103
|
+
--_ui5_side_navigation_item_border_width: 0;
|
|
104
|
+
--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
|
|
105
|
+
--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
|
|
106
|
+
--_ui5_side_navigation_item_border_radius: .375rem;
|
|
107
|
+
--_ui5_side_navigation_item_bottom_margin: 0;
|
|
108
|
+
--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);
|
|
109
|
+
--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;
|
|
110
|
+
--_ui5_side_navigation_item_transition: background-color .3s ease-in-out;
|
|
111
|
+
--_ui5_side_navigation_item_padding_left: .5rem;
|
|
112
|
+
--_ui5_side_navigation_item_focus_border_offset: 1px;
|
|
113
|
+
--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
|
|
114
|
+
--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_SelectionBackgroundColor);
|
|
115
|
+
--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / 100% .0625rem no-repeat linear-gradient(0deg, var(--sapList_SelectionBorderColor), var(--sapList_SelectionBorderColor)), var(--sapList_Hover_SelectionBackground);
|
|
116
|
+
--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
|
|
117
|
+
--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
|
|
118
|
+
--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);
|
|
119
|
+
--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;
|
|
120
|
+
--_ui5_side_navigation_group_expanded_border_width: 0;
|
|
121
|
+
--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);
|
|
122
|
+
--_ui5_side_navigation_icon_padding_inline_end: .4375rem;
|
|
123
|
+
--_ui5_side_navigation_item_font_family: var(--sapFontFamily);
|
|
124
|
+
--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
|
|
125
|
+
--_ui5_side_navigation_group_padding: .5rem;
|
|
126
|
+
--_ui5_side_navigation_padding-flexible: 0;
|
|
127
|
+
--_ui5_side_navigation_padding-fixed: 0;
|
|
128
|
+
--_ui5_side_navigation_popup_padding: 0;
|
|
129
|
+
--_ui5_side_navigation_popup_title_line_height: normal;
|
|
130
|
+
--_ui5_side_navigation_first_fixed_item_margin_top: 0;
|
|
131
|
+
--_ui5_side_navigation_item_expand_icon_visibility: none;
|
|
132
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;
|
|
133
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_display: none;
|
|
134
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;
|
|
135
|
+
--_ui5_side_navigation_action_item_collapsed_padding: 0;
|
|
136
|
+
--_ui5_side_navigation_item_collapsed_padding: 0;
|
|
137
|
+
--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
|
|
138
|
+
--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
|
|
139
|
+
--_ui5_side_navigation_item_expand_icon_right: -.5rem;
|
|
140
|
+
--_ui5_side_navigation_item_expand_icon_hover_left: auto;
|
|
141
|
+
--_ui5_side_navigation_item_expand_icon_hover_right: 0;
|
|
142
|
+
--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);
|
|
143
|
+
--ui5_upload_collection_drag_overlay_border: .125rem dashed var(--sapContent_ForegroundBorderColor);
|
|
144
|
+
--ui5_upload_collection_drop_overlay_border: .125rem solid var(--sapContent_DragAndDropActiveColor);
|
|
145
|
+
--ui5_upload_collection_drop_overlay_background: transparent;
|
|
146
|
+
--ui5_upload_collection_thumbnail_size: 3rem;
|
|
147
|
+
--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
|
|
148
|
+
--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
|
|
149
|
+
--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
|
|
150
|
+
--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);
|
|
151
|
+
--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);
|
|
152
|
+
--ui5_upload_collection_drag_overlay_border_radius: 0;
|
|
153
|
+
--ui5_upload_collection_drag_overlay_opacity: .8;
|
|
154
|
+
--_ui5_wiz_content_item_wrapper_padding: 1rem;
|
|
155
|
+
--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
|
|
156
|
+
--_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
157
|
+
--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);
|
|
158
|
+
--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
|
|
159
|
+
--_ui5_wiz_tab_selection_line: var(--sapSelectedColor);
|
|
160
|
+
--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);
|
|
161
|
+
--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
|
|
162
|
+
--_ui5_wiz_tab_title_color: var(--sapTextColor);
|
|
163
|
+
--_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);
|
|
164
|
+
--_ui5_wiz_tab_focus_border_radius: 8px;
|
|
165
|
+
--_ui5-notification_item-border-radius: .75rem;
|
|
166
|
+
--_ui5_dynamic_page_footer_spacer: 4rem;
|
|
167
|
+
--_ui5_dynamic_page_title_padding_S: .5rem 1rem;
|
|
168
|
+
--_ui5_dynamic_page_title_padding_M: .5rem 2rem;
|
|
169
|
+
--_ui5_dynamic_page_title_padding_L: .5rem 2rem;
|
|
170
|
+
--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;
|
|
171
|
+
--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;
|
|
172
|
+
--_ui5_dynamic_page_header_padding_M: 1rem 2rem;
|
|
173
|
+
--_ui5_dynamic_page_header_padding_L: 1rem 2rem;
|
|
174
|
+
--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;
|
|
175
|
+
--_ui5_dynamic_page_content_padding_S: 1rem 0 0;
|
|
176
|
+
--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;
|
|
177
|
+
--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;
|
|
178
|
+
--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;
|
|
179
|
+
--ui5_dynamic_page_background: var(--sapBackgroundColor);
|
|
180
|
+
--_ui5_dynamic_page_title_padding_top: .5rem;
|
|
181
|
+
--_ui5_dynamic_page_title_padding_bottom: .5rem;
|
|
182
|
+
--_ui5_dynamic_page_title_min_height: 4rem;
|
|
183
|
+
--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
184
|
+
--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;
|
|
185
|
+
--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
|
|
186
|
+
--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
|
|
187
|
+
--_ui5_dynamic_page_title_heading_padding_top: .3125rem;
|
|
188
|
+
--_ui5_dynamic_page_title_subheading_margin_top: .25rem;
|
|
189
|
+
--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);
|
|
190
|
+
--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;
|
|
191
|
+
--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;
|
|
192
|
+
--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
|
|
193
|
+
--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
|
|
194
|
+
--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
|
|
195
|
+
--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
|
|
196
|
+
--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
|
|
197
|
+
--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
|
|
198
|
+
--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
|
|
199
|
+
--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
|
|
200
|
+
--_ui5_timeline_tlgi_line_horizontal_height: 14.8125rem;
|
|
201
|
+
--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 19.375rem) var(--_ui5-cozy-size, 19.9375rem);
|
|
202
|
+
--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
203
|
+
--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
204
|
+
--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
205
|
+
--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
206
|
+
--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);
|
|
207
|
+
--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);
|
|
208
|
+
--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}
|
|
@@ -15,12 +15,10 @@
|
|
|
15
15
|
--_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);
|
|
16
16
|
--_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
17
17
|
--_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);
|
|
18
|
-
--_ui5-notification_group_header-margin: 0px;
|
|
19
|
-
--_ui5-notification_group_header-margin-expanded: .5rem;
|
|
20
|
-
--_ui5-notification_item-description-margin-top: .75rem;
|
|
21
|
-
--_ui5-notification_item-footer-margin-top: .75rem;
|
|
22
18
|
--_ui5-notification_item-border-radius: var(--sapTile_BorderCornerRadius);
|
|
23
19
|
--_ui5-notification_group_header-border-bottom-width: 0;
|
|
20
|
+
--_ui5-notification_group_header-margin: 0px;
|
|
21
|
+
--_ui5-notification_group_header-margin-expanded: .5rem;
|
|
24
22
|
--_ui5-notification_group_header-padding: .5rem;
|
|
25
23
|
--_ui5-notification_item-state-icon-padding: .25rem;
|
|
26
24
|
--_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);
|
|
@@ -32,8 +30,10 @@
|
|
|
32
30
|
--_ui5-notification_item-root-padding-inline: 1rem;
|
|
33
31
|
--_ui5-notification_item-content-padding: .75rem 0;
|
|
34
32
|
--_ui5-notification_item-title-margin-bottom: 0;
|
|
35
|
-
--_ui5-notification_item-title-padding-end-two-buttons: 4.875rem;
|
|
36
|
-
--_ui5-notification_item-title-padding-end-one-button: 2.375rem;
|
|
33
|
+
--_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);
|
|
34
|
+
--_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);
|
|
35
|
+
--_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
|
|
36
|
+
--_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);
|
|
37
37
|
--_ui5-notification_item-focus-offset: .1875rem;
|
|
38
38
|
--_ui5-notification_item-outline-offset: -.375rem;
|
|
39
39
|
--_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);
|
|
@@ -44,66 +44,65 @@
|
|
|
44
44
|
--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
|
|
45
45
|
--_ui5_product_switch_item_outline_offset: -.25rem;
|
|
46
46
|
--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);
|
|
47
|
+
--_ui5_side_navigation_width: 16rem;
|
|
48
|
+
--_ui5_side_navigation_collapsed_width: 4rem;
|
|
47
49
|
--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
|
|
48
50
|
--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
|
|
49
51
|
--_ui5_side_navigation_navigation_separator_radius: unset;
|
|
50
|
-
--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
|
|
51
|
-
--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
|
|
52
|
-
--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
|
|
53
|
-
--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
|
|
54
|
-
--_ui5_side_navigation_item_height: 2.75rem;
|
|
55
|
-
--_ui5_side_navigation_item_margin: .875rem;
|
|
56
|
-
--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;
|
|
57
|
-
--_ui5_side_navigation_item_border_radius: 0;
|
|
58
|
-
--_ui5_side_navigation_item_transition: none;
|
|
59
|
-
--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
|
|
60
|
-
--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
|
|
61
|
-
--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
|
|
62
|
-
--_ui5_side_navigation_item_font_family: var(--sapFontFamily);
|
|
63
|
-
--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
|
|
64
|
-
--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
|
|
65
|
-
--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
|
|
66
|
-
--_ui5_side_navigation_item_expand_icon_right: -.5rem;
|
|
67
|
-
--_ui5_side_navigation_item_expand_icon_hover_left: auto;
|
|
68
|
-
--_ui5_side_navigation_item_expand_icon_hover_right: 0;
|
|
69
|
-
--_ui5_side_navigation_width: 16rem;
|
|
70
|
-
--_ui5_side_navigation_collapsed_width: 4rem;
|
|
71
52
|
--_ui5_side_navigation_navigation_separator_height: .0625rem;
|
|
53
|
+
--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
|
|
72
54
|
--_ui5_side_navigation_border_right: 0;
|
|
73
55
|
--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
|
|
74
56
|
--_ui5_side_navigation_triangle_display: none;
|
|
57
|
+
--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
|
|
75
58
|
--_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);
|
|
76
59
|
--_ui5_side_navigation_expand_icon_width: 2.25rem;
|
|
60
|
+
--_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
|
|
61
|
+
--_ui5_side_navigation_hover_border_width: .0625rem;
|
|
62
|
+
--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
|
|
63
|
+
--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
|
|
64
|
+
--_ui5_side_navigation_item_border_style_color: solid var(--sapList_BorderColor);
|
|
65
|
+
--_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
|
|
66
|
+
--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
|
|
67
|
+
--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
|
|
68
|
+
--_ui5_side_navigation_item_border_radius: 0;
|
|
77
69
|
--_ui5_side_navigation_item_bottom_margin: .25rem;
|
|
78
70
|
--_ui5_side_navigation_item_padding_start_in_popup: 1rem;
|
|
79
71
|
--_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;
|
|
72
|
+
--_ui5_side_navigation_item_transition: none;
|
|
80
73
|
--_ui5_side_navigation_item_padding_left: 1rem;
|
|
81
74
|
--_ui5_side_navigation_item_focus_border_offset: 0;
|
|
82
|
-
--
|
|
83
|
-
--_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;
|
|
84
|
-
--_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
|
|
85
|
-
--_ui5_side_navigation_last_item_border_style: solid transparent;
|
|
86
|
-
--_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);
|
|
87
|
-
--_ui5_side_navigation_hover_border_width: .0625rem;
|
|
88
|
-
--_ui5_side_navigation_selected_border_width: .0625rem;
|
|
75
|
+
--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
|
|
89
76
|
--_ui5_side_navigation_collapsed_selected_item_background: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);
|
|
90
77
|
--_ui5_side_navigation_collapsed_selected_item_background_hover: 0 100% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_Hover_SelectionBackground);
|
|
78
|
+
--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
|
|
79
|
+
--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
|
|
91
80
|
--_ui5_side_navigation_selected_and_focused_border_style_color: none;
|
|
81
|
+
--_ui5_side_navigation_selected_border_width: .0625rem;
|
|
82
|
+
--_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);
|
|
92
83
|
--_ui5_side_navigation_group_icon_width: 2.5rem;
|
|
93
84
|
--_ui5_side_navigation_icon_padding_inline_end: .5rem;
|
|
85
|
+
--_ui5_side_navigation_item_font_family: var(--sapFontFamily);
|
|
86
|
+
--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
|
|
94
87
|
--_ui5_side_navigation_group_padding: 1rem;
|
|
95
88
|
--_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;
|
|
96
89
|
--_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;
|
|
97
90
|
--_ui5_side_navigation_popup_padding: .5rem;
|
|
98
91
|
--_ui5_side_navigation_popup_title_line_height: 1.5rem;
|
|
99
92
|
--_ui5_side_navigation_first_fixed_item_margin_top: .125rem;
|
|
100
|
-
--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
|
|
101
93
|
--_ui5_side_navigation_item_expand_icon_visibility: block;
|
|
102
94
|
--_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;
|
|
103
95
|
--_ui5_side_navigation_item_collapsed_hover_focus_display: block;
|
|
104
96
|
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;
|
|
105
97
|
--_ui5_side_navigation_action_item_collapsed_padding: 1rem;
|
|
106
98
|
--_ui5_side_navigation_item_collapsed_padding: 3rem;
|
|
99
|
+
--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
|
|
100
|
+
--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
|
|
101
|
+
--_ui5_side_navigation_item_expand_icon_right: -.5rem;
|
|
102
|
+
--_ui5_side_navigation_item_expand_icon_hover_left: auto;
|
|
103
|
+
--_ui5_side_navigation_item_expand_icon_hover_right: 0;
|
|
104
|
+
--_ui5_side_navigation_active_text_color: var(--sapButton_TextColor);
|
|
105
|
+
--_ui5_side_navigation_last_item_border_style: solid transparent;
|
|
107
106
|
--_ui5_TimelineItem_arrow_size: 1.625rem;
|
|
108
107
|
--_ui5_TimelineItem_bubble_border_width: .0625rem;
|
|
109
108
|
--_ui5_TimelineItem_bubble_border_style: dotted;
|
|
@@ -113,120 +112,120 @@
|
|
|
113
112
|
--_ui5_TimelineItem_bubble_border_right: -.125rem;
|
|
114
113
|
--_ui5_TimelineItem_bubble_border_bottom: -.125rem;
|
|
115
114
|
--_ui5_TimelineItem_bubble_border_left: -.625rem;
|
|
115
|
+
--_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
|
|
116
|
+
--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
|
|
116
117
|
--_ui5_TimelineItem_bubble_focus_border_radius: 0;
|
|
117
118
|
--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;
|
|
118
119
|
--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;
|
|
119
120
|
--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
|
|
120
121
|
--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;
|
|
121
122
|
--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;
|
|
122
|
-
--_ui5_tl_bubble_padding: 1rem;
|
|
123
|
-
--_ui5_tl_padding: 1rem 1rem 1rem .5rem;
|
|
124
|
-
--_ui5_tl_li_margin_bottom: 1.625rem;
|
|
125
|
-
--_ui5_timeline_tli_indicator_before_bottom: -1.5rem;
|
|
126
|
-
--_ui5_timeline_tli_indicator_before_right: -1.625rem;
|
|
127
|
-
--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1.875rem;
|
|
128
|
-
--_ui5_timeline_tli_indicator_before_without_icon_right: -1.9375rem;
|
|
129
|
-
--_ui5_timeline_tli_indicator_after_top: calc(-100% - 1rem) ;
|
|
130
|
-
--_ui5_timeline_tli_indicator_after_height: calc(100% + 1rem) ;
|
|
131
|
-
--_ui5_timeline_tli_indicator_before_height: 100
|
|
132
|
-
--_ui5_timeline_tli_horizontal_indicator_after_width: calc(100% + .25rem) ;
|
|
133
|
-
--_ui5_timeline_tli_horizontal_indicator_after_left: 1.9375rem;
|
|
134
|
-
--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: calc(100% + .5rem) ;
|
|
135
|
-
--_ui5_timeline_tli_horizontal_indicator_before_width: calc(100% + .5rem) ;
|
|
136
|
-
--_ui5_timeline_tli_icon_horizontal_indicator_after_width: calc(100% + .25rem) ;
|
|
137
|
-
--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% + .375rem) ;
|
|
138
|
-
--_ui5_timeline_tli_horizontal_indicator_short_after_width: 100
|
|
139
|
-
--_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
|
|
140
|
-
--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
|
|
141
|
-
--ui5_upload_collection_thumbnail_size: 3rem;
|
|
142
|
-
--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
|
|
143
|
-
--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
|
|
144
|
-
--ui5_upload_collection_drag_overlay_border_radius: 0;
|
|
123
|
+
--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
|
|
124
|
+
--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
|
|
125
|
+
--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);
|
|
126
|
+
--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);
|
|
127
|
+
--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);
|
|
128
|
+
--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);
|
|
129
|
+
--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);
|
|
130
|
+
--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );
|
|
131
|
+
--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );
|
|
132
|
+
--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);
|
|
133
|
+
--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );
|
|
134
|
+
--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);
|
|
135
|
+
--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );
|
|
136
|
+
--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .5rem) );
|
|
137
|
+
--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5-compact-size, var(--_ui5_timeline_tli_indicator_after_height)) var(--_ui5-cozy-size, calc(100% + .25rem) );
|
|
138
|
+
--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );
|
|
139
|
+
--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);
|
|
145
140
|
--ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapField_BorderColor);
|
|
146
141
|
--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);
|
|
142
|
+
--ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);
|
|
143
|
+
--ui5_upload_collection_thumbnail_size: 3rem;
|
|
144
|
+
--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
|
|
147
145
|
--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
|
|
146
|
+
--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
|
|
148
147
|
--ui5_upload_collection_drag_overlay_text_color: var(--sapTextColor);
|
|
149
148
|
--ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);
|
|
150
|
-
--
|
|
149
|
+
--ui5_upload_collection_drag_overlay_border_radius: 0;
|
|
151
150
|
--ui5_upload_collection_drag_overlay_opacity: .5;
|
|
152
|
-
--_ui5_vsd_header_container: 2.75rem;
|
|
153
|
-
--_ui5_vsd_sub_header_container_height: 2.75rem;
|
|
151
|
+
--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
|
|
152
|
+
--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
|
|
154
153
|
--_ui5_vsd_content_li_padding: .375rem;
|
|
155
154
|
--_ui5_vsd_content_height: 23.4375rem;
|
|
156
|
-
--_ui5_vsd_expand_content_height: 26.1875rem;
|
|
155
|
+
--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);
|
|
157
156
|
--_ui5_wiz_content_item_wrapper_padding: 1rem;
|
|
158
157
|
--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
|
|
159
|
-
--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
|
|
160
|
-
--_ui5_wiz_tab_focus_border_radius: 0;
|
|
161
158
|
--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);
|
|
162
|
-
--
|
|
159
|
+
--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
|
|
163
160
|
--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
|
|
161
|
+
--_ui5_wiz_tab_selection_line: var(--sapTextColor);
|
|
164
162
|
--_ui5_wiz_tab_icon_color: var(--sapTextColor);
|
|
165
163
|
--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
|
|
166
|
-
--
|
|
164
|
+
--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
|
|
167
165
|
--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
|
|
166
|
+
--_ui5_wiz_tab_focus_border_radius: 0;
|
|
167
|
+
--_ui5_shellbar_root_height: 3.25rem;
|
|
168
168
|
--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
|
|
169
169
|
--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
|
|
170
|
+
--_ui5_shellbar_outline_offset: -.1875rem;
|
|
170
171
|
--_ui5_shellbar_button_box_shadow: none;
|
|
171
172
|
--_ui5_shellbar_button_box_shadow_active: none;
|
|
173
|
+
--_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
174
|
+
--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
|
|
175
|
+
--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
|
|
172
176
|
--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
|
|
173
177
|
--_ui5_shellbar_search_field_background: var(--sapShellColor);
|
|
174
178
|
--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);
|
|
175
179
|
--_ui5_shellbar_search_field_box_shadow: none;
|
|
176
180
|
--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
|
|
181
|
+
--_ui5_shellbar_search_field_outline_focused: none;
|
|
177
182
|
--_ui5_shellbar_search_field_width: 25rem;
|
|
178
183
|
--_ui5_shellbar_input_focus_outline_color: inherit;
|
|
179
184
|
--_ui5_shellbar_overflow_container_middle_height: 2.5rem;
|
|
185
|
+
--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
|
|
180
186
|
--_ui5_shellbar_image_button_border_radius: 50%;
|
|
181
187
|
--_ui5-shellbar-content-margin-start: .5rem;
|
|
182
188
|
--_ui5-shellbar-overflow-button-margin: .5rem;
|
|
183
189
|
--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);
|
|
184
190
|
--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);
|
|
185
|
-
--_ui5_shellbar_root_height: 3.25rem;
|
|
186
|
-
--_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
187
|
-
--_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);
|
|
188
|
-
--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
|
|
189
191
|
--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
|
|
190
|
-
--_ui5_shellbar_outline_offset: -.1875rem;
|
|
191
|
-
--_ui5_shellbar_search_field_outline_focused: none;
|
|
192
192
|
--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
|
|
193
193
|
--_ui5_shellbar_search_field_box_shadow_hover: none;
|
|
194
|
-
--_ui5_shellbar_menu_button_title_font_size: var(--sapFontHeader5Size);
|
|
195
|
-
--_ui5-search-wrapper-hover-background-color: none;
|
|
196
|
-
--_ui5-search-wrapper-active-background-color: none;
|
|
197
|
-
--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
|
|
198
|
-
--_ui5-search-filter_button_background_color: inherit;
|
|
199
|
-
--_ui5_search_icon_size_default: 2.25rem;
|
|
200
|
-
--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
|
|
201
|
-
--_ui5-search-field-text-color: var(--sapField_TextColor);
|
|
202
|
-
--_ui5-search-scope-spacing: 0 .25rem;
|
|
203
194
|
--_ui5_search_icon_border_radius: .375rem;
|
|
204
195
|
--_ui5_search_input_border_radius: none;
|
|
205
196
|
--_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);
|
|
197
|
+
--_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
206
198
|
--_ui5-search-wrapper-background: none;
|
|
207
199
|
--_ui5_search_separator_background: none;
|
|
208
200
|
--_ui5-search-wrapper-hover-background: none;
|
|
201
|
+
--_ui5-search-wrapper-hover-background-color: none;
|
|
202
|
+
--_ui5-search-wrapper-active-background-color: none;
|
|
203
|
+
--_ui5-search-elements-hover-background: none;
|
|
204
|
+
--_ui5-search-elements-active-background: none;
|
|
209
205
|
--_ui5_search_input_scope_margin: 0;
|
|
210
206
|
--_ui5-search_input_scope_hover_shadow: none;
|
|
211
207
|
--_ui5-search_input_scope_active_shadow: none;
|
|
212
208
|
--_ui5-search-elements-background: var(--sapShell_InteractiveBackground);
|
|
213
|
-
--_ui5-search-elements-hover-background: none;
|
|
214
|
-
--_ui5-search-elements-active-background: none;
|
|
215
209
|
--_ui5_search_wrapper_outline: none;
|
|
216
210
|
--_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);
|
|
217
211
|
--_ui5_search_filter_button_border_radius: .375rem;
|
|
212
|
+
--_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);
|
|
218
213
|
--_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);
|
|
214
|
+
--_ui5-search-filter_button_background_color: inherit;
|
|
219
215
|
--ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);
|
|
220
216
|
--_ui5_search_icon_size: 2.25rem;
|
|
217
|
+
--_ui5_search_icon_size_default: 2.25rem;
|
|
221
218
|
--_ui5_search_icon_padding: .5625rem;
|
|
222
219
|
--_ui5_search_icon_hover_padding: .5625rem;
|
|
223
220
|
--_ui5_search_input_start_margin: .25rem;
|
|
224
221
|
--_ui5_search_input_end_padding: .25rem;
|
|
225
222
|
--_ui5-search-input-start-padding: .625rem;
|
|
226
223
|
--_ui5-search-select-height: 2.25rem;
|
|
227
|
-
--_ui5-search-
|
|
224
|
+
--_ui5-search-loading-overlay-background: var(--sapBackgroundColor);
|
|
228
225
|
--_ui5-search-loading-overlay-transparency: .3;
|
|
229
|
-
--
|
|
226
|
+
--_ui5-search-field-text-color: var(--sapField_TextColor);
|
|
227
|
+
--_ui5-search-scope-spacing: 0 .25rem;
|
|
228
|
+
--_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
|
|
230
229
|
--_ui5_search_byline_vertical_padding: .5rem;
|
|
231
230
|
--_ui5_search_popover_max_height: 39rem;
|
|
232
231
|
--_ui5_dynamic_page_footer_spacer: 4rem;
|
|
@@ -246,15 +245,16 @@
|
|
|
246
245
|
--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
|
|
247
246
|
--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
|
|
248
247
|
--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
|
|
248
|
+
--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
|
|
249
249
|
--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
|
|
250
250
|
--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
|
|
251
|
-
--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
|
|
252
251
|
--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
|
|
253
252
|
--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
|
|
254
253
|
--_ui5_dynamic_page_title_padding_top: .5rem;
|
|
255
254
|
--_ui5_dynamic_page_title_padding_bottom: .5rem;
|
|
256
255
|
--_ui5_dynamic_page_title_min_height: 4rem;
|
|
257
256
|
--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
257
|
+
--_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
|
|
258
258
|
--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
|
|
259
259
|
--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
|
|
260
260
|
--_ui5_dynamic_page_title_heading_padding_top: .3125rem;
|
|
@@ -265,50 +265,13 @@
|
|
|
265
265
|
--sapContent_TextShadow: none;
|
|
266
266
|
--_ui5_dynamic_page_title_border: .0625rem solid transparent;
|
|
267
267
|
--_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);
|
|
268
|
-
--_ui5_dynamic_page_title_focus_outline_offset: -.125rem;
|
|
269
268
|
--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
|
|
270
|
-
--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem;
|
|
271
|
-
--
|
|
272
|
-
--
|
|
273
|
-
--
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
:
|
|
277
|
-
|
|
278
|
-
--_ui5-notification_item-footer-margin-top: .5rem;
|
|
279
|
-
--_ui5-notification_item-title-padding-end-two-buttons: 3.875rem;
|
|
280
|
-
--_ui5-notification_item-title-padding-end-one-button: 1.875rem;
|
|
281
|
-
--_ui5_side_navigation_item_height: 2rem;
|
|
282
|
-
--_ui5_side_navigation_item_expand_arrow_padding: .3125rem;
|
|
283
|
-
--_ui5_side_navigation_item_margin: .5rem;
|
|
284
|
-
--_ui5_tl_bubble_padding: .5rem;
|
|
285
|
-
--_ui5_tl_padding: .5rem;
|
|
286
|
-
--_ui5_tl_li_margin_bottom: .5rem;
|
|
287
|
-
--_ui5_timeline_tli_indicator_before_bottom: -.75rem;
|
|
288
|
-
--_ui5_timeline_tli_indicator_before_right: -.5rem;
|
|
289
|
-
--_ui5_timeline_tli_indicator_before_without_icon_bottom: -1rem;
|
|
290
|
-
--_ui5_timeline_tli_indicator_before_without_icon_right: -.8125rem;
|
|
291
|
-
--_ui5_timeline_tli_indicator_before_height: calc(100% - 1.25rem) ;
|
|
292
|
-
--_ui5_timeline_tli_horizontal_without_icon_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
|
|
293
|
-
--_ui5_timeline_tli_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
|
|
294
|
-
--_ui5_timeline_tli_horizontal_indicator_before_width: var(--_ui5_timeline_tli_indicator_after_height);
|
|
295
|
-
--_ui5_timeline_tli_icon_horizontal_indicator_after_width: var(--_ui5_timeline_tli_indicator_after_height);
|
|
296
|
-
--_ui5_timeline_tli_indicator_after_top: calc(-100% + .9375rem) ;
|
|
297
|
-
--_ui5_timeline_tli_indicator_after_height: calc(100% - .75rem) ;
|
|
298
|
-
--_ui5_timeline_tli_horizontal_indicator_after_left: 1.8625rem;
|
|
299
|
-
--_ui5_timeline_tli_horizontal_indicator_short_after_width: calc(100% - 1rem) ;
|
|
300
|
-
--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: calc(100% - .625rem) ;
|
|
301
|
-
--_ui5_vsd_header_container: 2.5rem;
|
|
302
|
-
--_ui5_vsd_sub_header_container_height: 2rem;
|
|
303
|
-
--_ui5_vsd_expand_content_height: 25.4375rem;
|
|
304
|
-
--_ui5_search_item_vertical_padding: .5rem;
|
|
305
|
-
--_ui5_timeline_tlgi_compact_icon_before_height: calc(100% + 1.5rem) ;
|
|
306
|
-
--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5_timeline_tlgi_compact_icon_before_height);
|
|
307
|
-
--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: .5rem;
|
|
308
|
-
--_ui5_timeline_tlgi_compact_root_gap: .5rem;
|
|
309
|
-
--_ui5_timeline_tlgi_root_horizontal_height: 20.90625rem;
|
|
310
|
-
--_ui5_user_settings_avatar_cozy_display: none;
|
|
311
|
-
--_ui5_user_settings_avatar_compact_display: inline-block;
|
|
312
|
-
--_ui5_user_settings_item_title_font_size: var(--sapFontLargeSize)
|
|
313
|
-
}
|
|
269
|
+
--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);
|
|
270
|
+
--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
271
|
+
--_ui5_timeline_tlgi_horizontal_line_placeholder_before_width: var(--_ui5-compact-size, var(--_ui5_timeline_tlgi_compact_icon_before_height)) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
272
|
+
--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
273
|
+
--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
274
|
+
--_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);
|
|
275
|
+
--_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);
|
|
276
|
+
--_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))
|
|
314
277
|
}
|