@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,3 +1,212 @@
|
|
|
1
|
-
export default `:host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapBackgroundColor);--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_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: var(--sapBackgroundColor);--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.25rem;--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5_shellbar_search_field_box_shadow_hover: none;--_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_border_width: 0;--_ui5_side_navigation_item_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5_side_navigation_item_border_radius: 0;--_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_transition: none;--_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_height: 2.5rem;--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_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_rtl_left_offset: -.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;--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_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;--_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_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line: var(--sapTextColor);--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_icon_color: var(--sapTextColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_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: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem}@container style(--ui5_content_density: compact){:host{--_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_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_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_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_timeline_tlgi_root_horizontal_height: 20.90625rem}}@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
|
+
export default `:host{
|
|
2
|
+
--_ui5_banner_background: var(--sapShell_HeroBanner_Background);
|
|
3
|
+
--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
|
|
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(--sapBackgroundColor);
|
|
8
|
+
--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
|
|
9
|
+
--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);
|
|
10
|
+
--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);
|
|
11
|
+
--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
|
|
12
|
+
--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
|
|
13
|
+
--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
|
|
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: var(--sapBackgroundColor);
|
|
20
|
+
--_ui5_product_switch_item_width: 11.25rem;
|
|
21
|
+
--_ui5_product_switch_item_height: 7rem;
|
|
22
|
+
--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);
|
|
23
|
+
--_ui5_product_switch_item_outline_offset: -.25rem;
|
|
24
|
+
--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);
|
|
25
|
+
--_ui5_shellbar_root_height: 2.75rem;
|
|
26
|
+
--_ui5_shellbar_button_border: none;
|
|
27
|
+
--_ui5_shellbar_button_border_radius: .25rem;
|
|
28
|
+
--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);
|
|
29
|
+
--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);
|
|
30
|
+
--_ui5_shellbar_outline_offset: -.0625rem;
|
|
31
|
+
--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);
|
|
32
|
+
--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);
|
|
33
|
+
--_ui5_shellbar_search_field_box_shadow_hover: none;
|
|
34
|
+
--_ui5_shellbar_menu_button_title_font_size: .75rem;
|
|
35
|
+
--_ui5_side_navigation_width: 16rem;
|
|
36
|
+
--_ui5_side_navigation_collapsed_width: 3rem;
|
|
37
|
+
--_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;
|
|
38
|
+
--_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);
|
|
39
|
+
--_ui5_side_navigation_navigation_separator_radius: unset;
|
|
40
|
+
--_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));
|
|
41
|
+
--_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);
|
|
42
|
+
--_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);
|
|
43
|
+
--_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);
|
|
44
|
+
--_ui5_side_navigation_triangle_display: block;
|
|
45
|
+
--_ui5_side_navigation_icon_color: var(--sapContent_IconColor);
|
|
46
|
+
--_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);
|
|
47
|
+
--_ui5_side_navigation_expand_icon_width: 2rem;
|
|
48
|
+
--_ui5_side_navigation_hover_border_style_color: none;
|
|
49
|
+
--_ui5_side_navigation_hover_border_width: 0;
|
|
50
|
+
--_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);
|
|
51
|
+
--_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;
|
|
52
|
+
--_ui5_side_navigation_item_border_style_color: none;
|
|
53
|
+
--_ui5_side_navigation_item_border_width: 0;
|
|
54
|
+
--_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);
|
|
55
|
+
--_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);
|
|
56
|
+
--_ui5_side_navigation_item_border_radius: 0;
|
|
57
|
+
--_ui5_side_navigation_item_bottom_margin: 0;
|
|
58
|
+
--_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);
|
|
59
|
+
--_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;
|
|
60
|
+
--_ui5_side_navigation_item_transition: none;
|
|
61
|
+
--_ui5_side_navigation_item_padding_left: .5rem;
|
|
62
|
+
--_ui5_side_navigation_item_focus_border_offset: 1px;
|
|
63
|
+
--_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);
|
|
64
|
+
--_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);
|
|
65
|
+
--_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);
|
|
66
|
+
--_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);
|
|
67
|
+
--_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);
|
|
68
|
+
--_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);
|
|
69
|
+
--_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;
|
|
70
|
+
--_ui5_side_navigation_group_expanded_border_width: 0;
|
|
71
|
+
--_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);
|
|
72
|
+
--_ui5_side_navigation_icon_padding_inline_end: .4375rem;
|
|
73
|
+
--_ui5_side_navigation_item_font_family: var(--sapFontFamily);
|
|
74
|
+
--_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);
|
|
75
|
+
--_ui5_side_navigation_group_padding: .5rem;
|
|
76
|
+
--_ui5_side_navigation_padding-flexible: 0;
|
|
77
|
+
--_ui5_side_navigation_padding-fixed: 0;
|
|
78
|
+
--_ui5_side_navigation_popup_padding: 0;
|
|
79
|
+
--_ui5_side_navigation_popup_title_line_height: normal;
|
|
80
|
+
--_ui5_side_navigation_first_fixed_item_margin_top: 0;
|
|
81
|
+
--_ui5_side_navigation_item_expand_icon_visibility: none;
|
|
82
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_width: auto;
|
|
83
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_display: none;
|
|
84
|
+
--_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;
|
|
85
|
+
--_ui5_side_navigation_action_item_collapsed_padding: 0;
|
|
86
|
+
--_ui5_side_navigation_item_collapsed_padding: 0;
|
|
87
|
+
--_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);
|
|
88
|
+
--_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);
|
|
89
|
+
--_ui5_side_navigation_item_expand_icon_right: -.5rem;
|
|
90
|
+
--_ui5_side_navigation_item_expand_icon_hover_left: auto;
|
|
91
|
+
--_ui5_side_navigation_item_expand_icon_hover_right: 0;
|
|
92
|
+
--_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);
|
|
93
|
+
--_ui5_TimelineItem_arrow_size: 1.625rem;
|
|
94
|
+
--_ui5_TimelineItem_bubble_border_width: .0625rem;
|
|
95
|
+
--_ui5_TimelineItem_bubble_border_style: dotted;
|
|
96
|
+
--_ui5_TimelineItem_bubble_border_radius: .25rem;
|
|
97
|
+
--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);
|
|
98
|
+
--_ui5_TimelineItem_bubble_border_top: -.125rem;
|
|
99
|
+
--_ui5_TimelineItem_bubble_border_right: -.125rem;
|
|
100
|
+
--_ui5_TimelineItem_bubble_border_bottom: -.125rem;
|
|
101
|
+
--_ui5_TimelineItem_bubble_border_left: -.625rem;
|
|
102
|
+
--_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;
|
|
103
|
+
--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;
|
|
104
|
+
--_ui5_TimelineItem_bubble_focus_border_radius: 0;
|
|
105
|
+
--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;
|
|
106
|
+
--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;
|
|
107
|
+
--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);
|
|
108
|
+
--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;
|
|
109
|
+
--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;
|
|
110
|
+
--_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);
|
|
111
|
+
--_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);
|
|
112
|
+
--_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);
|
|
113
|
+
--_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);
|
|
114
|
+
--_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);
|
|
115
|
+
--_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);
|
|
116
|
+
--_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);
|
|
117
|
+
--_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );
|
|
118
|
+
--_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );
|
|
119
|
+
--_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);
|
|
120
|
+
--_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) );
|
|
121
|
+
--_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);
|
|
122
|
+
--_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) );
|
|
123
|
+
--_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) );
|
|
124
|
+
--_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) );
|
|
125
|
+
--_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );
|
|
126
|
+
--_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);
|
|
127
|
+
--ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);
|
|
128
|
+
--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);
|
|
129
|
+
--ui5_upload_collection_drop_overlay_background: transparent;
|
|
130
|
+
--ui5_upload_collection_thumbnail_size: 3rem;
|
|
131
|
+
--ui5_upload_collection_thumbnail_margin_inline_end: .75rem;
|
|
132
|
+
--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;
|
|
133
|
+
--ui5_upload_collection_small_size_buttons_margin_inline_start: 0;
|
|
134
|
+
--ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);
|
|
135
|
+
--ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);
|
|
136
|
+
--ui5_upload_collection_drag_overlay_border_radius: 0;
|
|
137
|
+
--ui5_upload_collection_drag_overlay_opacity: .8;
|
|
138
|
+
--_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);
|
|
139
|
+
--_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);
|
|
140
|
+
--_ui5_vsd_content_li_padding: .375rem;
|
|
141
|
+
--_ui5_vsd_content_height: 23.4375rem;
|
|
142
|
+
--_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);
|
|
143
|
+
--_ui5_wiz_content_item_wrapper_padding: 1rem;
|
|
144
|
+
--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
|
|
145
|
+
--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);
|
|
146
|
+
--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
|
|
147
|
+
--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
|
|
148
|
+
--_ui5_wiz_tab_selection_line: var(--sapTextColor);
|
|
149
|
+
--_ui5_wiz_tab_icon_color: var(--sapTextColor);
|
|
150
|
+
--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
|
|
151
|
+
--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
|
|
152
|
+
--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
|
|
153
|
+
--_ui5_wiz_tab_focus_border_radius: 0;
|
|
154
|
+
--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);
|
|
155
|
+
--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);
|
|
156
|
+
--_ui5_shellbar_button_box_shadow: none;
|
|
157
|
+
--_ui5_shellbar_button_box_shadow_active: none;
|
|
158
|
+
--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);
|
|
159
|
+
--_ui5_shellbar_search_field_background: var(--sapShellColor);
|
|
160
|
+
--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);
|
|
161
|
+
--_ui5_shellbar_search_field_box_shadow: none;
|
|
162
|
+
--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);
|
|
163
|
+
--_ui5_shellbar_search_field_width: 25rem;
|
|
164
|
+
--_ui5_shellbar_input_focus_outline_color: inherit;
|
|
165
|
+
--_ui5_shellbar_overflow_container_middle_height: 2.5rem;
|
|
166
|
+
--_ui5_shellbar_image_button_border_radius: 50%;
|
|
167
|
+
--_ui5-shellbar-content-margin-start: .5rem;
|
|
168
|
+
--_ui5-shellbar-overflow-button-margin: .5rem;
|
|
169
|
+
--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);
|
|
170
|
+
--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);
|
|
171
|
+
--_ui5_dynamic_page_footer_spacer: 4rem;
|
|
172
|
+
--_ui5_dynamic_page_title_padding_S: .5rem 1rem;
|
|
173
|
+
--_ui5_dynamic_page_title_padding_M: .5rem 2rem;
|
|
174
|
+
--_ui5_dynamic_page_title_padding_L: .5rem 2rem;
|
|
175
|
+
--_ui5_dynamic_page_title_padding_XL: .5rem 3rem;
|
|
176
|
+
--_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;
|
|
177
|
+
--_ui5_dynamic_page_header_padding_M: 1rem 2rem;
|
|
178
|
+
--_ui5_dynamic_page_header_padding_L: 1rem 2rem;
|
|
179
|
+
--_ui5_dynamic_page_header_padding_XL: 1rem 3rem;
|
|
180
|
+
--_ui5_dynamic_page_content_padding_S: 1rem 0 0;
|
|
181
|
+
--_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;
|
|
182
|
+
--_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;
|
|
183
|
+
--_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;
|
|
184
|
+
--ui5_dynamic_page_background: var(--sapBackgroundColor);
|
|
185
|
+
--_ui5_dynamic_page_title_padding_top: .5rem;
|
|
186
|
+
--_ui5_dynamic_page_title_padding_bottom: .5rem;
|
|
187
|
+
--_ui5_dynamic_page_title_min_height: 4rem;
|
|
188
|
+
--_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
|
|
189
|
+
--_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;
|
|
190
|
+
--_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;
|
|
191
|
+
--_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;
|
|
192
|
+
--_ui5_dynamic_page_title_heading_padding_top: .3125rem;
|
|
193
|
+
--_ui5_dynamic_page_title_subheading_margin_top: .25rem;
|
|
194
|
+
--_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);
|
|
195
|
+
--_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;
|
|
196
|
+
--_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;
|
|
197
|
+
--_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);
|
|
198
|
+
--_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);
|
|
199
|
+
--_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);
|
|
200
|
+
--_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);
|
|
201
|
+
--_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);
|
|
202
|
+
--_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);
|
|
203
|
+
--_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);
|
|
204
|
+
--_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);
|
|
205
|
+
--_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;
|
|
206
|
+
--_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);
|
|
207
|
+
--_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
208
|
+
--_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));
|
|
209
|
+
--_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));
|
|
210
|
+
--_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}
|
|
2
211
|
`;
|
|
3
212
|
//# sourceMappingURL=parameters-bundle.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;CACd,CAAA","sourcesContent":["export default `:host{--_ui5_banner_background: var(--sapShell_HeroBanner_Background);--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);--_ui5_banner_box_shadow: var(--sapContent_Shadow0);--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);--_ui5_fcl_solid_bg: var(--sapBackgroundColor);--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);--_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: var(--sapBackgroundColor);--_ui5_product_switch_item_width: 11.25rem;--_ui5_product_switch_item_height: 7rem;--_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_product_switch_item_outline_offset: -.25rem;--_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);--_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);--_ui5_shellbar_search_field_background_hover: var(--sapShellColor);--_ui5_shellbar_search_field_box_shadow_hover: none;--_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_border_width: 0;--_ui5_side_navigation_item_margin: .875rem;--_ui5_side_navigation_item_expand_arrow_padding: .6875rem;--_ui5_side_navigation_item_border_radius: 0;--_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_transition: none;--_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_height: 2.5rem;--_ui5_TimelineItem_arrow_size: 1.625rem;--_ui5_TimelineItem_bubble_border_width: .0625rem;--_ui5_TimelineItem_bubble_border_style: dotted;--_ui5_TimelineItem_bubble_border_radius: .25rem;--_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);--_ui5_TimelineItem_bubble_border_top: -.125rem;--_ui5_TimelineItem_bubble_border_right: -.125rem;--_ui5_TimelineItem_bubble_border_bottom: -.125rem;--_ui5_TimelineItem_bubble_border_left: -.625rem;--_ui5_TimelineItem_bubble_focus_border_radius: 0;--_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;--_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;--_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);--_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;--_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;--_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_rtl_left_offset: -.1875rem;--_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;--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_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);--ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);--ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;--_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_wiz_content_item_wrapper_padding: 1rem;--_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);--_ui5_wiz_tab_focus_border_radius: 0;--_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);--_ui5_wiz_tab_selection_line: var(--sapTextColor);--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_icon_color: var(--sapTextColor);--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);--_ui5_shellbar_root_height: 2.75rem;--_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);--_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);--_ui5_shellbar_outline_offset: -.0625rem;--_ui5_shellbar_button_box_shadow: none;--_ui5_shellbar_button_box_shadow_active: none;--_ui5_shellbar_button_border: none;--_ui5_shellbar_button_border_radius: .25rem;--_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);--_ui5_shellbar_search_field_background: var(--sapShellColor);--_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);--_ui5_shellbar_search_field_box_shadow: none;--_ui5_shellbar_search_field_color: var(--sapShell_TextColor);--_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);--_ui5_shellbar_search_field_width: 25rem;--_ui5_shellbar_input_focus_outline_color: inherit;--_ui5_shellbar_overflow_container_middle_height: 2.5rem;--_ui5_shellbar_menu_button_title_font_size: .75rem;--_ui5_shellbar_image_button_border_radius: 50%;--_ui5-shellbar-content-margin-start: .5rem;--_ui5-shellbar-overflow-button-margin: .5rem;--_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);--_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);--_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);--_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: 16.375rem;--_ui5_timeline_tlgi_root_horizontal_height: 21.53125rem}@container style(--ui5_content_density: compact){:host{--_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_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_vsd_header_container: 2.5rem;--_ui5_vsd_sub_header_container_height: 2rem;--_ui5_vsd_expand_content_height: 25.4375rem;--_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_timeline_tlgi_root_horizontal_height: 20.90625rem}}@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){}\n`"]}
|
|
1
|
+
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkNd,CAAA","sourcesContent":["export default `:host{\n --_ui5_banner_background: var(--sapShell_HeroBanner_Background);\n --_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);\n --_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);\n --_ui5_banner_box_shadow: var(--sapContent_Shadow0);\n --_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);\n --_ui5_fcl_solid_bg: var(--sapBackgroundColor);\n --_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);\n --_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);\n --_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);\n --_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);\n --_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);\n --_ui5_media_gallery_thumbnail_border: 1px solid var(--sapContent_ForegroundColor);\n --_ui5_media_gallery_thumbnail_selected_border: 2px solid var(--sapSelectedColor);\n --_ui5_media_gallery_thumbnail_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_media_gallery_item_overlay_box_shadow: inset 0px 0px 80px rgba(0, 0, 0, .2);\n --_ui5_page_list_bg: var(--sapGroup_ContentBackground);\n --_ui5_page_transparent_bg: var(--sapBackgroundColor);\n --_ui5_product_switch_item_width: 11.25rem;\n --_ui5_product_switch_item_height: 7rem;\n --_ui5_product_switch_item_active_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_product_switch_item_outline_offset: -.25rem;\n --_ui5_product_switch_item_border: 1px solid var(--sapField_BorderColor);\n --_ui5_shellbar_root_height: 2.75rem;\n --_ui5_shellbar_button_border: none;\n --_ui5_shellbar_button_border_radius: .25rem;\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_outline_offset: -.0625rem;\n --_ui5_shellbar_search_field_outline_focused: .0625rem dotted var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_shellbar_menu_button_title_font_size: .75rem;\n --_ui5_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 3rem;\n --_ui5_side_navigation_navigation_separator_margin: .25rem .5rem .25rem .5rem;\n --_ui5_side_navigation_navigation_separator_background_color: var(--sapList_GroupHeaderBorderColor);\n --_ui5_side_navigation_navigation_separator_radius: unset;\n --_ui5_side_navigation_navigation_separator_height: calc(2 * var(--sapList_BorderWidth));\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: block;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_width: 2rem;\n --_ui5_side_navigation_hover_border_style_color: none;\n --_ui5_side_navigation_hover_border_width: 0;\n --_ui5_side_navigation_group_border_style_color: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_group_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_border_style_color: none;\n --_ui5_side_navigation_item_border_width: 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.5rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: 0;\n --_ui5_side_navigation_item_padding_start_in_popup: var(--_ui5_side_navigation_group_icon_width);\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: .75rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: .5rem;\n --_ui5_side_navigation_item_focus_border_offset: 1px;\n --_ui5_side_navigation_item_focus_border_radius: var(--_ui5_side_navigation_item_border_radius);\n --_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);\n --_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);\n --_ui5_side_navigation_selected_item_border_color: var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_selected_border_style_color: solid var(--_ui5_side_navigation_selected_item_border_color);\n --_ui5_side_navigation_selected_and_focused_border_style_color: var(--_ui5_side_navigation_selected_border_style_color);\n --_ui5_side_navigation_selected_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_group_expanded_border_width: 0;\n --_ui5_side_navigation_group_icon_width: var(--_ui5_side_navigation_collapsed_width);\n --_ui5_side_navigation_icon_padding_inline_end: .4375rem;\n --_ui5_side_navigation_item_font_family: var(--sapFontFamily);\n --_ui5_side_navigation_parent_item_font_family: var(--sapFontSemiboldDuplexFamily);\n --_ui5_side_navigation_group_padding: .5rem;\n --_ui5_side_navigation_padding-flexible: 0;\n --_ui5_side_navigation_padding-fixed: 0;\n --_ui5_side_navigation_popup_padding: 0;\n --_ui5_side_navigation_popup_title_line_height: normal;\n --_ui5_side_navigation_first_fixed_item_margin_top: 0;\n --_ui5_side_navigation_item_expand_icon_visibility: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: auto;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: none;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 0;\n --_ui5_side_navigation_action_item_collapsed_padding: 0;\n --_ui5_side_navigation_item_collapsed_padding: 0;\n --_ui5_side_navigation_action_item_border_hover: var(--sapButton_BorderWidth) solid var(--sapButton_Hover_BorderColor);\n --_ui5_side_navigation_action_item_border_active: var(--sapButton_BorderWidth) solid var(--sapButton_Active_BorderColor);\n --_ui5_side_navigation_item_expand_icon_right: -.5rem;\n --_ui5_side_navigation_item_expand_icon_hover_left: auto;\n --_ui5_side_navigation_item_expand_icon_hover_right: 0;\n --_ui5_side_navigation_active_text_color: var(--sapList_Active_TextColor);\n --_ui5_TimelineItem_arrow_size: 1.625rem;\n --_ui5_TimelineItem_bubble_border_width: .0625rem;\n --_ui5_TimelineItem_bubble_border_style: dotted;\n --_ui5_TimelineItem_bubble_border_radius: .25rem;\n --_ui5_TimelineItem_bubble_border_color: var(--sapList_BorderColor);\n --_ui5_TimelineItem_bubble_border_top: -.125rem;\n --_ui5_TimelineItem_bubble_border_right: -.125rem;\n --_ui5_TimelineItem_bubble_border_bottom: -.125rem;\n --_ui5_TimelineItem_bubble_border_left: -.625rem;\n --_ui5_TimelineItem_bubble_rtl_left_offset: -.1875rem;\n --_ui5_TimelineItem_bubble_rtl_right_offset: -.6875rem;\n --_ui5_TimelineItem_bubble_focus_border_radius: 0;\n --_ui5_TimelineItem_horizontal_bubble_focus_top_offset: -.625rem;\n --_ui5_TimelineItem_horizontal_bubble_focus_left_offset: -.125rem;\n --_ui5_TimelineItem_bubble_content_padding: var(--_ui5_tl_bubble_padding);\n --_ui5_TimelineItem_bubble_content_subtitle_padding_top: .375rem;\n --_ui5_TimelineItem_bubble_content_description_padding_top: .75rem;\n --_ui5_tl_bubble_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_tl_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem 1rem 1rem .5rem);\n --_ui5_tl_li_margin_bottom: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1.625rem);\n --_ui5_timeline_tli_indicator_before_bottom: var(--_ui5-compact-size, -.75rem) var(--_ui5-cozy-size, -1.5rem);\n --_ui5_timeline_tli_indicator_before_right: var(--_ui5-compact-size, -.5rem) var(--_ui5-cozy-size, -1.625rem);\n --_ui5_timeline_tli_indicator_before_without_icon_bottom: var(--_ui5-compact-size, -1rem) var(--_ui5-cozy-size, -1.875rem);\n --_ui5_timeline_tli_indicator_before_without_icon_right: var(--_ui5-compact-size, -.8125rem) var(--_ui5-cozy-size, -1.9375rem);\n --_ui5_timeline_tli_indicator_after_top: var(--_ui5-compact-size, calc(-100% + .9375rem) ) var(--_ui5-cozy-size, calc(-100% - 1rem) );\n --_ui5_timeline_tli_indicator_after_height: var(--_ui5-compact-size, calc(100% - .75rem) ) var(--_ui5-cozy-size, calc(100% + 1rem) );\n --_ui5_timeline_tli_indicator_before_height: var(--_ui5-compact-size, calc(100% - 1.25rem) ) var(--_ui5-cozy-size, 100%);\n --_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) );\n --_ui5_timeline_tli_horizontal_indicator_after_left: var(--_ui5-compact-size, 1.8625rem) var(--_ui5-cozy-size, 1.9375rem);\n --_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) );\n --_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) );\n --_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) );\n --_ui5_timeline_tli_without_icon_horizontal_indicator_before_width: var(--_ui5-compact-size, calc(100% - .625rem) ) var(--_ui5-cozy-size, calc(100% + .375rem) );\n --_ui5_timeline_tli_horizontal_indicator_short_after_width: var(--_ui5-compact-size, calc(100% - 1rem) ) var(--_ui5-cozy-size, 100%);\n --ui5_upload_collection_drag_overlay_border: .1875rem dashed var(--sapContent_ForegroundBorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_HelpColor);\n --ui5_upload_collection_drop_overlay_background: transparent;\n --ui5_upload_collection_thumbnail_size: 3rem;\n --ui5_upload_collection_thumbnail_margin_inline_end: .75rem;\n --ui5_upload_collection_small_size_buttons_margin_block_start: .5rem;\n --ui5_upload_collection_small_size_buttons_margin_inline_start: 0;\n --ui5_upload_collection_drag_overlay_text_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapContent_NonInteractiveIconColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .8;\n --_ui5_vsd_header_container: var(--_ui5-compact-size, 2.5rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_sub_header_container_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_vsd_content_li_padding: .375rem;\n --_ui5_vsd_content_height: 23.4375rem;\n --_ui5_vsd_expand_content_height: var(--_ui5-compact-size, 25.4375rem) var(--_ui5-cozy-size, 26.1875rem);\n --_ui5_wiz_content_item_wrapper_padding: 1rem;\n --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);\n --_ui5_wiz_tab_focus_outline: .125rem dotted var(--sapContent_FocusColor);\n --_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);\n --_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_selection_line: var(--sapTextColor);\n --_ui5_wiz_tab_icon_color: var(--sapTextColor);\n --_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);\n --_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);\n --_ui5_wiz_tab_title_font_family: var(--sapFontFamily);\n --_ui5_wiz_tab_focus_border_radius: 0;\n --_ui5_shellbar_logo_outline_color: var(--sapContent_ContrastFocusColor);\n --_ui5_shellbar_logo_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--_ui5_shellbar_logo_outline_color);\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_active_color: var(--sapShell_Active_TextColor);\n --_ui5_shellbar_search_field_background: var(--sapShellColor);\n --_ui5_shellbar_search_field_border: .0625rem solid var(--sapShell_InteractiveBorderColor);\n --_ui5_shellbar_search_field_box_shadow: none;\n --_ui5_shellbar_search_field_color: var(--sapShell_TextColor);\n --_ui5_shellbar_search_field_width: 25rem;\n --_ui5_shellbar_input_focus_outline_color: inherit;\n --_ui5_shellbar_overflow_container_middle_height: 2.5rem;\n --_ui5_shellbar_image_button_border_radius: 50%;\n --_ui5-shellbar-content-margin-start: .5rem;\n --_ui5-shellbar-overflow-button-margin: .5rem;\n --_ui5-shellbar_separator-color: var(--sapToolbar_SeparatorColor);\n --_ui5-shellbar_cancel-button-color: var(--sapButton_Lite_TextColor);\n --_ui5_dynamic_page_footer_spacer: 4rem;\n --_ui5_dynamic_page_title_padding_S: .5rem 1rem;\n --_ui5_dynamic_page_title_padding_M: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_L: .5rem 2rem;\n --_ui5_dynamic_page_title_padding_XL: .5rem 3rem;\n --_ui5_dynamic_page_header_padding_S: .5rem 1rem .125rem;\n --_ui5_dynamic_page_header_padding_M: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_L: 1rem 2rem;\n --_ui5_dynamic_page_header_padding_XL: 1rem 3rem;\n --_ui5_dynamic_page_content_padding_S: 1rem 0 0;\n --_ui5_dynamic_page_content_padding_M: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_L: 1rem 1rem 0;\n --_ui5_dynamic_page_content_padding_XL: 1rem 2rem 0;\n --ui5_dynamic_page_background: var(--sapBackgroundColor);\n --_ui5_dynamic_page_title_padding_top: .5rem;\n --_ui5_dynamic_page_title_padding_bottom: .5rem;\n --_ui5_dynamic_page_title_min_height: 4rem;\n --_ui5_dynamic_page_title_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);\n --_ui5_dynamic_page_title_focus_outline_offset: -.0625rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_top: .5rem;\n --_ui5_dynamic_page_title_breadcrumbs_padding_bottom: .25rem;\n --_ui5_dynamic_page_title_heading_padding_top: .3125rem;\n --_ui5_dynamic_page_title_subheading_margin_top: .25rem;\n --_ui5_dynamic_page_title_hover_background: var(--sapObjectHeader_Hover_Background);\n --_ui5_dynamic_page_snapped_title_on_mobile_line_height: 2rem;\n --_ui5_dynamic_page_snapped_title_on_mobile_min_height: 2rem;\n --_ui5_dynamic_page_header_background_color: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-box-shadow: var(--sapContent_Shadow0);\n --_ui5_dynamic_page_header-box-shadow: var(--sapContent_HeaderShadow);\n --_ui5_dynamic_page_actions-lines-color: var(--sapObjectHeader_BorderColor);\n --_ui5_dynamic_page_header-actions-background: var(--sapObjectHeader_Background);\n --_ui5_dynamic_page_header-actions-color: var(--sapButton_TextColor);\n --_ui5_dynamic_page_header-actions-background-pressed: var(--_ui5_dynamic_page_header-actions-background);\n --_ui5_dynamic_page_header-actions-color-pressed: var(--_ui5_dynamic_page_header-actions-color);\n --_ui5_timeline_tlgi_line_horizontal_height: 16.375rem;\n --_ui5_timeline_tlgi_root_horizontal_height: var(--_ui5-compact-size, 20.90625rem) var(--_ui5-cozy-size, 21.53125rem);\n --_ui5_timeline_tlgi_compact_icon_before_height: var(--_ui5-compact-size, calc(100% + 1.5rem) ) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_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));\n --_ui5_timeline_tlgi_horizontal_compact_root_margin_left: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8));\n --_ui5_timeline_tlgi_compact_root_gap: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, var(--_ui5-f2d95f8))}\n`"]}
|
package/dist/web-types.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents-fiori",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.29.0-rc.0",
|
|
4
4
|
"description": "UI5 Web Components: webcomponents.fiori",
|
|
5
5
|
"ui5": {
|
|
6
6
|
"webComponentsPackage": true
|
|
@@ -56,20 +56,20 @@
|
|
|
56
56
|
"directory": "packages/fiori"
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
|
-
"@ui5/webcomponents": "2.
|
|
60
|
-
"@ui5/webcomponents-base": "2.
|
|
61
|
-
"@ui5/webcomponents-icons": "2.
|
|
62
|
-
"@ui5/webcomponents-theming": "2.
|
|
59
|
+
"@ui5/webcomponents": "2.29.0-rc.0",
|
|
60
|
+
"@ui5/webcomponents-base": "2.29.0-rc.0",
|
|
61
|
+
"@ui5/webcomponents-icons": "2.29.0-rc.0",
|
|
62
|
+
"@ui5/webcomponents-theming": "2.29.0-rc.0",
|
|
63
63
|
"@zxing/library": "^0.21.3"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
66
|
"@custom-elements-manifest/analyzer": "^0.10.10",
|
|
67
67
|
"@ui5/cypress-internal": "0.1.0",
|
|
68
|
-
"@ui5/webcomponents-tools": "2.
|
|
68
|
+
"@ui5/webcomponents-tools": "2.29.0-rc.0",
|
|
69
69
|
"cypress": "15.18.1",
|
|
70
70
|
"lit": "^2.0.0",
|
|
71
71
|
"vite": "5.4.21",
|
|
72
72
|
"yarn": "^1.22.22"
|
|
73
73
|
},
|
|
74
|
-
"gitHead": "
|
|
74
|
+
"gitHead": "ace8be9008be626e7be5bca0e23ace75c045a188"
|
|
75
75
|
}
|
|
@@ -30,7 +30,19 @@ export default function NavigationMenuItemTemplate(this: NavigationMenuItem, hoo
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
function listItemContent(this: NavigationMenuItem) {
|
|
33
|
-
return
|
|
33
|
+
return (
|
|
34
|
+
<div class="ui5-navmenu-item-text-tag-container">
|
|
35
|
+
<span class="ui5-navmenu-item-text">{this.text}</span>
|
|
36
|
+
{this.hasTag &&
|
|
37
|
+
<span id={this._tagContainerId} class="ui5-navmenu-item-tag-container" aria-hidden="true">
|
|
38
|
+
<slot name="tag"></slot>
|
|
39
|
+
</span>
|
|
40
|
+
}
|
|
41
|
+
{this.hasTag &&
|
|
42
|
+
<span id={this._tagTextId} class="ui5-hidden-text">{this._tagDescriptionText}</span>
|
|
43
|
+
}
|
|
44
|
+
</div>
|
|
45
|
+
);
|
|
34
46
|
}
|
|
35
47
|
|
|
36
48
|
function iconBegin(this: NavigationMenuItem) {
|
|
@@ -48,11 +60,6 @@ function iconBegin(this: NavigationMenuItem) {
|
|
|
48
60
|
|
|
49
61
|
function iconEnd(this: NavigationMenuItem) {
|
|
50
62
|
return (<>
|
|
51
|
-
{this.hasTag &&
|
|
52
|
-
<span id={this._tagContainerId} class="ui5-navmenu-item-tag-container">
|
|
53
|
-
<slot name="tag"></slot>
|
|
54
|
-
</span>
|
|
55
|
-
}
|
|
56
63
|
{this.hasSubmenu &&
|
|
57
64
|
<Icon
|
|
58
65
|
part="icon"
|
|
@@ -52,12 +52,14 @@ function ItemTemplate(this: SideNavigationItem) {
|
|
|
52
52
|
:
|
|
53
53
|
this.icon && <Icon class="ui5-sn-item-icon" name={this.icon}/>
|
|
54
54
|
}
|
|
55
|
-
<div class="ui5-sn-item-text"
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
<
|
|
59
|
-
|
|
60
|
-
|
|
55
|
+
<div class="ui5-sn-item-text-tag-container">
|
|
56
|
+
<div class="ui5-sn-item-text" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>
|
|
57
|
+
{this.hasTag &&
|
|
58
|
+
<div class="ui5-sn-item-tag-slot" aria-hidden="true">
|
|
59
|
+
<slot name="tag"></slot>
|
|
60
|
+
</div>
|
|
61
|
+
}
|
|
62
|
+
</div>
|
|
61
63
|
{this.sideNavCollapsed ?
|
|
62
64
|
!!this.items.length &&
|
|
63
65
|
<Icon class="ui5-sn-item-toggle-icon"
|
|
@@ -90,6 +92,9 @@ function ItemTemplate(this: SideNavigationItem) {
|
|
|
90
92
|
{this._selectableItemDescriptionText &&
|
|
91
93
|
<span id={this._selectableItemDescriptionId} class="ui5-hidden-text">{this._selectableItemDescriptionText}</span>
|
|
92
94
|
}
|
|
95
|
+
{this.hasTag &&
|
|
96
|
+
<span id={this._tagId} class="ui5-hidden-text">{this._tagDescriptionText}</span>
|
|
97
|
+
}
|
|
93
98
|
</>
|
|
94
99
|
);
|
|
95
100
|
}
|
|
@@ -29,18 +29,23 @@ export default function SideNavigationSubItemTemplate(this: SideNavigationSubIte
|
|
|
29
29
|
{this.icon &&
|
|
30
30
|
<Icon class="ui5-sn-item-icon" name={this.icon}/>
|
|
31
31
|
}
|
|
32
|
-
<div class="ui5-sn-item-text"
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
<
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
<div class="ui5-sn-item-text-tag-container">
|
|
33
|
+
<div class="ui5-sn-item-text" id={this._textId} dangerouslySetInnerHTML={{ __html: this._markupText }}></div>
|
|
34
|
+
{this.hasTag &&
|
|
35
|
+
<div class="ui5-sn-item-tag-slot" aria-hidden="true">
|
|
36
|
+
<slot name="tag"></slot>
|
|
37
|
+
</div>
|
|
38
|
+
}
|
|
39
|
+
</div>
|
|
38
40
|
{this.isExternalLink &&
|
|
39
41
|
<Icon class="ui5-sn-item-external-link-icon"
|
|
40
42
|
name={arrowRight}
|
|
41
43
|
/>
|
|
42
44
|
}
|
|
43
45
|
</EffectiveTag>
|
|
46
|
+
{this.hasTag &&
|
|
47
|
+
<span id={this._tagId} class="ui5-hidden-text">{this._tagDescriptionText}</span>
|
|
48
|
+
}
|
|
44
49
|
</li>
|
|
45
50
|
);
|
|
46
51
|
}
|
|
@@ -515,6 +515,9 @@ SIDE_NAVIGATION_SEARCH_FIELD_PLACEHOLDER=Find in Navigation
|
|
|
515
515
|
#XACT: Default ARIA label for the side navigation search field
|
|
516
516
|
SIDE_NAVIGATION_SEARCH_FIELD_LABEL=Side navigation filter
|
|
517
517
|
|
|
518
|
+
#XACT: Accessible description of a side navigation item's indication tag, where {0} is the tag text
|
|
519
|
+
SIDE_NAVIGATION_LIST_ITEM_TAG_TEXT=Tag {0}
|
|
520
|
+
|
|
518
521
|
#XACT: Default ARIA description for the side navigation search field
|
|
519
522
|
SIDE_NAVIGATION_SEARCH_DESCRIPTION=Results update as you type. Press Enter for the number of results
|
|
520
523
|
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
@import "./InvisibleTextStyles.css";
|
|
2
|
+
|
|
1
3
|
:host::part(native-li)::after {
|
|
2
4
|
border-radius: 0.375rem;
|
|
3
5
|
inset: 0;
|
|
@@ -92,10 +94,25 @@
|
|
|
92
94
|
margin-block-end: var(--_ui5_side_navigation_item_bottom_margin);
|
|
93
95
|
}
|
|
94
96
|
|
|
97
|
+
.ui5-navmenu-item-text-tag-container {
|
|
98
|
+
flex: 1;
|
|
99
|
+
min-width: 0;
|
|
100
|
+
display: flex;
|
|
101
|
+
align-items: center;
|
|
102
|
+
flex-wrap: wrap;
|
|
103
|
+
column-gap: 0.5rem;
|
|
104
|
+
row-gap: 0.25rem;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.ui5-navmenu-item-text {
|
|
108
|
+
min-width: 0;
|
|
109
|
+
overflow: hidden;
|
|
110
|
+
text-overflow: ellipsis;
|
|
111
|
+
}
|
|
112
|
+
|
|
95
113
|
.ui5-navmenu-item-tag-container {
|
|
96
114
|
display: inline-flex;
|
|
97
115
|
align-items: center;
|
|
98
|
-
margin-inline-start: 0
|
|
99
|
-
height: 1.375rem;
|
|
116
|
+
margin-inline-start: 0;
|
|
100
117
|
min-width: 1.375rem;
|
|
101
118
|
}
|
|
@@ -7,11 +7,18 @@
|
|
|
7
7
|
|
|
8
8
|
.ui5-sn-item.ui5-sn-item-group {
|
|
9
9
|
min-height: 2rem;
|
|
10
|
-
padding-inline-start: var(--_ui5_side_navigation_group_padding)
|
|
10
|
+
padding-inline-start: var(--_ui5_side_navigation_group_padding);
|
|
11
11
|
font-family: var(--sapFontFamily);
|
|
12
12
|
font-size: var(--sapFontSize);
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
+
/* group has no text-tag container: the text fills the row (pushing the toggle icon to the end)
|
|
16
|
+
and carries the vertical margin that gives the group its height. */
|
|
17
|
+
.ui5-sn-item.ui5-sn-item-group .ui5-sn-item-text {
|
|
18
|
+
flex: 1;
|
|
19
|
+
margin-block: var(--_ui5_side_navigation_item_margin);
|
|
20
|
+
}
|
|
21
|
+
|
|
15
22
|
.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,
|
|
16
23
|
.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon {
|
|
17
24
|
display: block;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
@import "./SideNavigationItemBase.css";
|
|
2
|
-
@import "./InvisibleTextStyles.css";
|
|
3
2
|
|
|
4
3
|
:host {
|
|
5
4
|
color: var(--sapList_TextColor);
|
|
@@ -17,10 +16,14 @@
|
|
|
17
16
|
}
|
|
18
17
|
|
|
19
18
|
:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text {
|
|
20
|
-
margin: 0
|
|
19
|
+
margin: 0;
|
|
21
20
|
line-height: var(--_ui5_side_navigation_popup_title_line_height);
|
|
22
21
|
}
|
|
23
22
|
|
|
23
|
+
:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text-tag-container {
|
|
24
|
+
padding-inline-end: 0.5rem;
|
|
25
|
+
}
|
|
26
|
+
|
|
24
27
|
.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow {
|
|
25
28
|
margin-top: auto;
|
|
26
29
|
}
|