@ui5/webcomponents-fiori 2.24.0-rc.1 → 2.24.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 +53 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/BarcodeScannerDialog.d.ts +4 -2
- package/dist/BarcodeScannerDialog.js +4 -2
- package/dist/BarcodeScannerDialog.js.map +1 -1
- package/dist/DynamicPage.js +17 -6
- package/dist/DynamicPage.js.map +1 -1
- package/dist/FlexibleColumnLayoutTemplate.js +2 -2
- package/dist/FlexibleColumnLayoutTemplate.js.map +1 -1
- package/dist/IllustratedMessageTemplate.js +1 -1
- package/dist/IllustratedMessageTemplate.js.map +1 -1
- package/dist/Search.d.ts +3 -0
- package/dist/Search.js +8 -6
- package/dist/Search.js.map +1 -1
- package/dist/SearchPopoverTemplate.js +2 -2
- package/dist/SearchPopoverTemplate.js.map +1 -1
- package/dist/ShellBar.d.ts +9 -0
- package/dist/ShellBar.js +18 -4
- package/dist/ShellBar.js.map +1 -1
- package/dist/ShellBarBranding.d.ts +3 -1
- package/dist/ShellBarBranding.js +16 -9
- package/dist/ShellBarBranding.js.map +1 -1
- package/dist/ShellBarItem.d.ts +4 -1
- package/dist/ShellBarItem.js +5 -0
- package/dist/ShellBarItem.js.map +1 -1
- package/dist/ShellBarItemTemplate.js +1 -1
- package/dist/ShellBarItemTemplate.js.map +1 -1
- package/dist/ShellBarSearch.js +1 -0
- package/dist/ShellBarSearch.js.map +1 -1
- package/dist/ShellBarTemplate.js +1 -1
- package/dist/ShellBarTemplate.js.map +1 -1
- package/dist/Timeline.d.ts +3 -3
- package/dist/Timeline.js +1 -1
- package/dist/Timeline.js.map +1 -1
- package/dist/UserMenu.d.ts +15 -0
- package/dist/UserMenu.js +20 -0
- package/dist/UserMenu.js.map +1 -1
- package/dist/UserMenuTemplate.js +1 -1
- package/dist/UserMenuTemplate.js.map +1 -1
- package/dist/css/themes/DynamicPage.css +1 -1
- package/dist/css/themes/HeroBanner.css +1 -1
- package/dist/css/themes/IllustratedMessage.css +1 -1
- package/dist/css/themes/Search.css +1 -1
- package/dist/css/themes/sap_fiori_3/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_dark/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcb/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_fiori_3_hcw/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon/parameters-bundle.css +1 -1
- package/dist/css/themes/sap_horizon_auto/parameters-bundle.css +1 -12
- package/dist/css/themes/sap_horizon_dark/parameters-bundle.css +1 -12
- package/dist/css/themes/sap_horizon_dark_exp/parameters-bundle.css +0 -12
- package/dist/css/themes/sap_horizon_exp/parameters-bundle.css +0 -12
- package/dist/css/themes/sap_horizon_hc_auto/parameters-bundle.css +1 -12
- package/dist/css/themes/sap_horizon_hcb/parameters-bundle.css +1 -12
- package/dist/css/themes/sap_horizon_hcb_exp/parameters-bundle.css +0 -12
- package/dist/css/themes/sap_horizon_hcw/parameters-bundle.css +1 -12
- package/dist/css/themes/sap_horizon_hcw_exp/parameters-bundle.css +0 -12
- package/dist/custom-elements-internal.json +50 -10
- package/dist/custom-elements.json +38 -7
- package/dist/fcl-utils/FCLLayout.js +1 -1
- package/dist/fcl-utils/FCLLayout.js.map +1 -1
- package/dist/generated/assets/themes/sap_fiori_3/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_dark/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcb/parameters-bundle.css.json +1 -1
- package/dist/generated/assets/themes/sap_fiori_3_hcw/parameters-bundle.css.json +1 -1
- package/dist/generated/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/themes/DynamicPage.css.d.ts +1 -1
- package/dist/generated/themes/DynamicPage.css.js +1 -1
- package/dist/generated/themes/DynamicPage.css.js.map +1 -1
- package/dist/generated/themes/HeroBanner.css.d.ts +1 -1
- package/dist/generated/themes/HeroBanner.css.js +1 -1
- package/dist/generated/themes/HeroBanner.css.js.map +1 -1
- package/dist/generated/themes/IllustratedMessage.css.d.ts +1 -1
- package/dist/generated/themes/IllustratedMessage.css.js +1 -1
- package/dist/generated/themes/IllustratedMessage.css.js.map +1 -1
- package/dist/generated/themes/Search.css.d.ts +1 -1
- package/dist/generated/themes/Search.css.js +1 -1
- package/dist/generated/themes/Search.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 +1 -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 +1 -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 +1 -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 +1 -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 +1 -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 +1 -12
- 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 +1 -12
- 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 +0 -12
- 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 +0 -12
- 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 +1 -12
- 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 +1 -12
- 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 +0 -12
- 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 +1 -12
- 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 +0 -12
- package/dist/generated/themes/sap_horizon_hcw_exp/parameters-bundle.css.js.map +1 -1
- package/dist/vscode.html-custom-data.json +7 -2
- package/dist/web-types.json +19 -5
- package/package.json +7 -7
- package/src/FlexibleColumnLayoutTemplate.tsx +4 -2
- package/src/IllustratedMessageTemplate.tsx +1 -1
- package/src/SearchPopoverTemplate.tsx +2 -1
- package/src/ShellBarItemTemplate.tsx +1 -0
- package/src/ShellBarTemplate.tsx +1 -1
- package/src/UserMenuTemplate.tsx +1 -1
- package/src/themes/DynamicPage.css +11 -13
- package/src/themes/HeroBanner.css +22 -19
- package/src/themes/IllustratedMessage.css +14 -14
- package/src/themes/Search.css +1 -0
- package/src/themes/base/HeroBanner-parameters.css +0 -1
- package/src/themes/base/Search-parameters.css +1 -0
- package/src/themes/sap_fiori_3/parameters-bundle.css +0 -1
- package/src/themes/sap_fiori_3_dark/parameters-bundle.css +0 -1
- package/src/themes/sap_fiori_3_hcb/parameters-bundle.css +0 -1
- package/src/themes/sap_fiori_3_hcw/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_dark/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_dark_exp/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_exp/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_hcb/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_hcb_exp/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_hcw/parameters-bundle.css +0 -1
- package/src/themes/sap_horizon_hcw_exp/parameters-bundle.css +0 -1
- package/src/themes/base/IllustratedMessage-parameters.css +0 -13
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8Rd,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_border: .0625rem solid var(--sapTile_BorderColor);\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 --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\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-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\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_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\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: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\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: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\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% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_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);\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: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\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: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\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(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\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(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\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(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\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_root_height: 3.25rem;\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_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\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_outline_focused: none;\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_menu_button_title_font_size: var(--sapFontHeader5Size);\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_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\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_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_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: -.125rem;\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 --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\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 --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n`"]}
|
|
1
|
+
{"version":3,"file":"parameters-bundle.css.js","sourceRoot":"","sources":["../../../../src/generated/themes/sap_horizon_hcw/parameters-bundle.css.ts"],"names":[],"mappings":"AAAA,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmRd,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-notification_item-border-radius: var(--sapTile_BorderCornerRadius);\n --_ui5-notification_group_header-border-bottom-width: 0;\n --_ui5-notification_group_header-margin: 0px;\n --_ui5-notification_group_header-margin-expanded: .5rem;\n --_ui5-notification_group_header-padding: .5rem;\n --_ui5-notification_item-state-icon-padding: .25rem;\n --_ui5-notification_item-border-bottom: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-border-top-left-right: var(--sapList_BorderWidth) solid var(--sapList_BorderColor);\n --_ui5-notification_item-margin: 0 .5rem .5rem .5rem;\n --_ui5-notification_item-background-color-hover: var(--sapList_Hover_Background);\n --_ui5-notification_item-background-color-active: var(--sapList_SelectionBackgroundColor);\n --_ui5-notification_item-border-active: 1px solid var(--sapList_SelectionBorderColor);\n --_ui5-notification_item-root-padding-inline: 1rem;\n --_ui5-notification_item-content-padding: .75rem 0;\n --_ui5-notification_item-title-margin-bottom: 0;\n --_ui5-notification_item-title-padding-end-two-buttons: var(--_ui5-compact-size, 3.875rem) var(--_ui5-cozy-size, 4.875rem);\n --_ui5-notification_item-title-padding-end-one-button: var(--_ui5-compact-size, 1.875rem) var(--_ui5-cozy-size, 2.375rem);\n --_ui5-notification_item-description-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-footer-margin-top: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .75rem);\n --_ui5-notification_item-focus-offset: .1875rem;\n --_ui5-notification_item-outline-offset: -.375rem;\n --_ui5-notification_item-growing-btn-background-color-active: var(--_ui5-notification_item-background-color-active);\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_side_navigation_width: 16rem;\n --_ui5_side_navigation_collapsed_width: 4rem;\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: .0625rem;\n --_ui5_side_navigation_triangle_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_border_right: 0;\n --_ui5_side_navigation_box_shadow: var(--sapContent_Shadow0);\n --_ui5_side_navigation_triangle_display: none;\n --_ui5_side_navigation_icon_color: var(--sapContent_IconColor);\n --_ui5_side_navigation_expand_icon_color: var(--sapContent_NonInteractiveIconColor);\n --_ui5_side_navigation_expand_icon_width: 2.25rem;\n --_ui5_side_navigation_hover_border_style_color: solid var(--sapList_SelectionBorderColor);\n --_ui5_side_navigation_hover_border_width: .0625rem;\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: solid var(--sapList_BorderColor);\n --_ui5_side_navigation_item_border_width: 0 0 .0625rem 0;\n --_ui5_side_navigation_item_height: var(--_ui5-compact-size, 2rem) var(--_ui5-cozy-size, 2.75rem);\n --_ui5_side_navigation_item_margin: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, .875rem);\n --_ui5_side_navigation_item_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\n --_ui5_side_navigation_item_border_radius: 0;\n --_ui5_side_navigation_item_bottom_margin: .25rem;\n --_ui5_side_navigation_item_padding_start_in_popup: 1rem;\n --_ui5_side_navigation_item_padding_start_in_overflow_popup: 1rem;\n --_ui5_side_navigation_item_transition: none;\n --_ui5_side_navigation_item_padding_left: 1rem;\n --_ui5_side_navigation_item_focus_border_offset: 0;\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% / .188rem 100% no-repeat linear-gradient(0deg, var(--sapHighlightColor), var(--sapHighlightColor)), var(--sapList_SelectionBackgroundColor);\n --_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);\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: none;\n --_ui5_side_navigation_selected_border_width: .0625rem;\n --_ui5_side_navigation_group_expanded_border_width: var(--_ui5_side_navigation_item_border_width);\n --_ui5_side_navigation_group_icon_width: 2.5rem;\n --_ui5_side_navigation_icon_padding_inline_end: .5rem;\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: 1rem;\n --_ui5_side_navigation_padding-flexible: .5rem .5rem 0 .5rem;\n --_ui5_side_navigation_padding-fixed: 0 .5rem .5rem .5rem;\n --_ui5_side_navigation_popup_padding: .5rem;\n --_ui5_side_navigation_popup_title_line_height: 1.5rem;\n --_ui5_side_navigation_first_fixed_item_margin_top: .125rem;\n --_ui5_side_navigation_item_expand_icon_visibility: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_width: fit-content;\n --_ui5_side_navigation_item_collapsed_hover_focus_display: block;\n --_ui5_side_navigation_item_collapsed_hover_focus_padding_right: 1rem;\n --_ui5_side_navigation_action_item_collapsed_padding: 1rem;\n --_ui5_side_navigation_item_collapsed_padding: 3rem;\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(--sapButton_TextColor);\n --_ui5_side_navigation_last_item_border_style: solid transparent;\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(--sapField_BorderColor);\n --ui5_upload_collection_drop_overlay_border: .1875rem solid var(--sapContent_DragAndDropActiveColor);\n --ui5_upload_collection_drop_overlay_background: var(--sapContent_DragAndDropActiveColor);\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(--sapTextColor);\n --ui5_upload_collection_drag_overlay_icon_color: var(--sapTextColor);\n --ui5_upload_collection_drag_overlay_border_radius: 0;\n --ui5_upload_collection_drag_overlay_opacity: .5;\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_root_height: 3.25rem;\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_outline_offset: -.1875rem;\n --_ui5_shellbar_button_box_shadow: none;\n --_ui5_shellbar_button_box_shadow_active: none;\n --_ui5_shellbar_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5_shellbar_button_border_radius: var(--sapButton_BorderCornerRadius);\n --_ui5_shellbar_button_focused_border: .125rem dotted var(--sapContent_FocusColor);\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_outline_focused: none;\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_menu_button_title_font_size: var(--sapFontHeader5Size);\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_shellbar_button_badge_border: 1px solid var(--sapGroup_ContentBorderColor);\n --_ui5_shellbar_search_field_background_hover: var(--sapShellColor);\n --_ui5_shellbar_search_field_box_shadow_hover: none;\n --_ui5_search_icon_border_radius: .375rem;\n --_ui5_search_input_border_radius: none;\n --_ui5-search-border: var(--sapField_BorderWidth) var(--sapField_BorderStyle) var(--sapField_BorderColor);\n --_ui5-search-icon-border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-wrapper-background: none;\n --_ui5_search_separator_background: none;\n --_ui5-search-wrapper-hover-background: none;\n --_ui5-search-wrapper-hover-background-color: none;\n --_ui5-search-elements-hover-background: none;\n --_ui5-search-elements-active-background: none;\n --_ui5_search_input_scope_margin: 0;\n --_ui5-search_input_scope_hover_shadow: none;\n --_ui5-search_input_scope_active_shadow: none;\n --_ui5-search-elements-background: var(--sapShell_InteractiveBackground);\n --_ui5_search_wrapper_outline: none;\n --_ui5_search_input_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapField_Active_BorderColor);\n --_ui5_search_filter_button_border_radius: .375rem;\n --_ui5_seach_filter_button_border_hover: 1px solid var(--sapButton_Hover_BorderColor);\n --_ui5_search_filter_button_border: var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);\n --_ui5-search-filter_button_background_color: inherit;\n --ui5_search_filter_button_background_active: var(--sapShell_Hover_Background);\n --_ui5_search_icon_size: 2.25rem;\n --_ui5_search_icon_size_default: 2.25rem;\n --_ui5_search_icon_padding: .5625rem;\n --_ui5_search_icon_hover_padding: .5625rem;\n --_ui5_search_input_start_margin: .25rem;\n --_ui5_search_input_end_padding: .25rem;\n --_ui5-search-input-start-padding: .625rem;\n --_ui5-search-select-height: 2.25rem;\n --_ui5-search-loading-overlay-background: var(--sapBackgroundColor);\n --_ui5-search-loading-overlay-transparency: .3;\n --_ui5-search-field-text-color: var(--sapField_TextColor);\n --_ui5_search_item_vertical_padding: var(--_ui5-compact-size, .5rem) var(--_ui5-cozy-size, 1rem);\n --_ui5_search_byline_vertical_padding: .5rem;\n --_ui5_search_popover_max_height: 39rem;\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_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_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: -.125rem;\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 --sapContent_TextShadow: none;\n --_ui5_dynamic_page_title_border: .0625rem solid transparent;\n --_ui5_dynamic_page_title_hover_border: .0625rem solid var(--sapObjectHeader_BorderColor);\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 --_ui5_user_settings_avatar_cozy_display: var(--_ui5-compact-size, none) var(--_ui5-cozy-size, inline-block);\n --_ui5_user_settings_avatar_compact_display: var(--_ui5-compact-size, inline-block) var(--_ui5-cozy-size, none);\n --_ui5_user_settings_item_title_font_size: var(--_ui5-compact-size, var(--sapFontLargeSize)) var(--_ui5-cozy-size, var(--sapFontSize))}\n`"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _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_border: .0625rem solid var(--sapTile_BorderColor);\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 --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\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_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\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";
|
|
1
|
+
declare const _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_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\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";
|
|
2
2
|
export default _default;
|
|
@@ -2,24 +2,12 @@ export default `:host{
|
|
|
2
2
|
--_ui5_banner_background: var(--sapShell_HeroBanner_Background);
|
|
3
3
|
--_ui5_banner_text_color: var(--sapShell_HeroBanner_TextColor);
|
|
4
4
|
--_ui5_banner_border_radius: var(--sapTile_BorderCornerRadius);
|
|
5
|
-
--_ui5_banner_border: .0625rem solid var(--sapTile_BorderColor);
|
|
6
5
|
--_ui5_banner_box_shadow: var(--sapContent_Shadow0);
|
|
7
6
|
--_ui5_banner_background_image: var(--sapShell_HeroBanner_BackgroundImage);
|
|
8
7
|
--_ui5_fcl_solid_bg: var(--sapBackgroundColor);
|
|
9
8
|
--_ui5_fcl_column_border: solid .0625rem var(--sapGroup_ContentBorderColor);
|
|
10
9
|
--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapObjectHeader_BorderColor), #fff);
|
|
11
10
|
--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapObjectHeader_BorderColor), #fff);
|
|
12
|
-
--sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);
|
|
13
|
-
--sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);
|
|
14
|
-
--sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);
|
|
15
|
-
--sapIllus_Layering1: var(--sapContent_Illustrative_Color5);
|
|
16
|
-
--sapIllus_Layering2: var(--sapContent_Illustrative_Color6);
|
|
17
|
-
--sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);
|
|
18
|
-
--sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);
|
|
19
|
-
--sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);
|
|
20
|
-
--sapIllus_NoColor: none;
|
|
21
|
-
--sapIllus_PatternShadow: url(#sapIllus_PatternShadow);
|
|
22
|
-
--sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);
|
|
23
11
|
--_ui5_media_gallery_overflow_btn_background: var(--sapButton_Background);
|
|
24
12
|
--_ui5_media_gallery_overflow_btn_color: var(--sapButton_TextColor);
|
|
25
13
|
--_ui5_media_gallery_overflow_btn_border: 1px solid var(--sapButton_BorderColor);
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+Nd,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_border: .0625rem solid var(--sapTile_BorderColor);\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 --sapIllus_BrandColorPrimary: var(--sapContent_Illustrative_Color1);\n --sapIllus_BrandColorSecondary: var(--sapContent_Illustrative_Color2);\n --sapIllus_StrokeDetailColor: var(--sapContent_Illustrative_Color4);\n --sapIllus_Layering1: var(--sapContent_Illustrative_Color5);\n --sapIllus_Layering2: var(--sapContent_Illustrative_Color6);\n --sapIllus_BackgroundColor: var(--sapContent_Illustrative_Color7);\n --sapIllus_ObjectFillColor: var(--sapContent_Illustrative_Color8);\n --sapIllus_AccentColor: var(--sapContent_Illustrative_Color3);\n --sapIllus_NoColor: none;\n --sapIllus_PatternShadow: url(#sapIllus_PatternShadow);\n --sapIllus_PatternHighlight: url(#sapIllus_PatternHighlight);\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_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\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`"]}
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmNd,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_expand_arrow_padding: var(--_ui5-compact-size, .3125rem) var(--_ui5-cozy-size, .6875rem);\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`"]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"tags": [
|
|
4
4
|
{
|
|
5
5
|
"name": "ui5-barcode-scanner-dialog",
|
|
6
|
-
"description": "### Overview\n\nThe `BarcodeScannerDialog` component provides barcode scanning functionality for all devices that support the `MediaDevices.getUserMedia()` native API.\nOpening the dialog launches the device camera and scans for known barcode formats.\n\nA `scanSuccess` event fires whenever a barcode is identified\nand a `scanError` event fires when the scan failed (for example, due to missing permisions).\n\nInternally, the component uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the [zxing-js/library](https://github.com/zxing-js/library) documentation.\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Fired when the user closes the component.\n- **scan-error** - Fires when the scan fails with error.\n- **scan-success** - Fires when the scan is completed
|
|
6
|
+
"description": "### Overview\n\nThe `BarcodeScannerDialog` component provides barcode scanning functionality for all devices that support the `MediaDevices.getUserMedia()` native API.\nOpening the dialog launches the device camera and scans for known barcode formats.\n\nA `scanSuccess` event fires whenever a barcode is identified\nand a `scanError` event fires when the scan failed (for example, due to missing permisions).\n\nInternally, the component uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the [zxing-js/library](https://github.com/zxing-js/library) documentation.\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Fired when the user closes the component.\n- **scan-error** - Fires when the scan fails with error.\n- **scan-success** - Fires when the scan is completed successfully.\n\n### **Slots:**\n - **footer** - Defines the footer HTML Element.\n\n**Note:** When you provide custom content for the `footer` slot, the default close button is not rendered.\nThis means you need to include your own mechanism within the custom `footer` to close the dialog,\nsuch as a button with an event listener that closes the dialog.\n\n**Note:** If the `footer` slot is not provided, a default footer with a close button is rendered automatically,\nallowing users to close the dialog without any additional implementation.\n- **header** - Defines the header HTML Element.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used.",
|
|
7
7
|
"attributes": [
|
|
8
8
|
{
|
|
9
9
|
"name": "open",
|
|
@@ -626,7 +626,7 @@
|
|
|
626
626
|
},
|
|
627
627
|
{
|
|
628
628
|
"name": "ui5-search",
|
|
629
|
-
"description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **open** - Fired when the popup is opened.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **action** - Defines the popup footer action button.\n- **default** - Defines the Search suggestion items.\n- **filterButton** - Defines the filter button slot, used to display an additional filtering button.\nThis slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.\n\n**Note:** Scope button and Filter button are mutually exclusive.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options
|
|
629
|
+
"description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`\n\n\n---\n\n\n\n\n### **Events:**\n - **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **open** - Fired when the popup is opened.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **action** - Defines the popup footer action button.\n- **default** - Defines the Search suggestion items.\n- **filterButton** - Defines the filter button slot, used to display an additional filtering button.\nThis slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.\n\n**Note:** Scope button and Filter button are mutually exclusive.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.\n\n### **CSS Parts:**\n - **popover** - Used to style the suggestions popup",
|
|
630
630
|
"attributes": [
|
|
631
631
|
{
|
|
632
632
|
"name": "accessible-description",
|
|
@@ -1463,6 +1463,11 @@
|
|
|
1463
1463
|
"name": "ui5-user-menu",
|
|
1464
1464
|
"description": "### Overview\n\nThe `ui5-user-menu` is an SAP Fiori specific web component that is used in `ui5-shellbar`\nand allows the user to easily see information and settings for the current user and all other logged in accounts.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserMenu.js\";`\n\n`import \"@ui5/webcomponents-fiori/dist/UserMenuItem.js\";` (for `ui5-user-menu-item`)\n\n\n---\n\n\n\n\n### **Events:**\n - **avatar-click** - Fired when the account avatar is selected.\n- **change-account** - Fired when the account is switched to a different one.\n- **close** - Fired when a user menu is close.\n- **edit-accounts-click** - Fired when the \"Edit Accounts\" button is selected.\n- **item-click** - Fired when a menu item is selected.\n- **manage-account-click** - Fired when the \"Manage Account\" button is selected.\n- **open** - Fired when a user menu is open.\n- **sign-out-click** - Fired when the \"Sign Out\" button is selected.\n\n### **Slots:**\n - **accounts** - Defines the user accounts.\n\n**Note:** If one item is used, it will be shown as the selected one. If more than one item is used, the first one will be shown as selected unless\nthere is an item with `selected` property set to `true`.\n- **default** - Defines the menu items.\n- **footer** - Defines custom footer content.\n\n**Note:** When provided, replaces the default \"Sign Out\" button. Use an empty element to hide the footer completely.\n- **infoArea** - Defines the content of the info area inside the User Menu's account block.\n\n**Note:** When empty, the User Menu renders unchanged.",
|
|
1465
1465
|
"attributes": [
|
|
1466
|
+
{
|
|
1467
|
+
"name": "avatar-interactive",
|
|
1468
|
+
"description": "Defines whether the avatar of the selected account is interactive (focusable and pressable).\n\nWhen `false` (default), the avatar is rendered as a non-interactive image\nand is not announced as a button by screen readers.\n\n**Note:** When `showEditButton` is set to `true`, the avatar is treated as interactive\nregardless of this property's value, to preserve the edit affordance.",
|
|
1469
|
+
"values": []
|
|
1470
|
+
},
|
|
1466
1471
|
{
|
|
1467
1472
|
"name": "open",
|
|
1468
1473
|
"description": "Defines if the User Menu is opened.",
|
package/dist/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@ui5/webcomponents-fiori",
|
|
4
|
-
"version": "2.24.0
|
|
4
|
+
"version": "2.24.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "ui5-barcode-scanner-dialog",
|
|
11
|
-
"description": "### Overview\n\nThe `BarcodeScannerDialog` component provides barcode scanning functionality for all devices that support the `MediaDevices.getUserMedia()` native API.\nOpening the dialog launches the device camera and scans for known barcode formats.\n\nA `scanSuccess` event fires whenever a barcode is identified\nand a `scanError` event fires when the scan failed (for example, due to missing permisions).\n\nInternally, the component uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the [zxing-js/library](https://github.com/zxing-js/library) documentation.\n---\n\n\n### **Events:**\n - **close** - Fired when the user closes the component.\n- **scan-error** - Fires when the scan fails with error.\n- **scan-success** - Fires when the scan is completed
|
|
11
|
+
"description": "### Overview\n\nThe `BarcodeScannerDialog` component provides barcode scanning functionality for all devices that support the `MediaDevices.getUserMedia()` native API.\nOpening the dialog launches the device camera and scans for known barcode formats.\n\nA `scanSuccess` event fires whenever a barcode is identified\nand a `scanError` event fires when the scan failed (for example, due to missing permisions).\n\nInternally, the component uses the zxing-js/library third party OSS.\n\nFor a list of supported barcode formats, see the [zxing-js/library](https://github.com/zxing-js/library) documentation.\n---\n\n\n### **Events:**\n - **close** - Fired when the user closes the component.\n- **scan-error** - Fires when the scan fails with error.\n- **scan-success** - Fires when the scan is completed successfully.\n\n### **Slots:**\n - **footer** - Defines the footer HTML Element.\n\n**Note:** When you provide custom content for the `footer` slot, the default close button is not rendered.\nThis means you need to include your own mechanism within the custom `footer` to close the dialog,\nsuch as a button with an event listener that closes the dialog.\n\n**Note:** If the `footer` slot is not provided, a default footer with a close button is rendered automatically,\nallowing users to close the dialog without any additional implementation.\n- **header** - Defines the header HTML Element.\n\n**Note:** If `header` slot is provided, the labelling of the dialog is a responsibility of the application developer.\n`accessibleName` should be used.",
|
|
12
12
|
"doc-url": "",
|
|
13
13
|
"attributes": [
|
|
14
14
|
{
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
40
|
"name": "scan-success",
|
|
41
|
-
"description": "Fires when the scan is completed
|
|
41
|
+
"description": "Fires when the scan is completed successfully."
|
|
42
42
|
}
|
|
43
43
|
],
|
|
44
44
|
"js": {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
62
|
"name": "scan-success",
|
|
63
|
-
"description": "Fires when the scan is completed
|
|
63
|
+
"description": "Fires when the scan is completed successfully."
|
|
64
64
|
}
|
|
65
65
|
]
|
|
66
66
|
}
|
|
@@ -1497,7 +1497,7 @@
|
|
|
1497
1497
|
},
|
|
1498
1498
|
{
|
|
1499
1499
|
"name": "ui5-search",
|
|
1500
|
-
"description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`\n---\n\n\n### **Events:**\n - **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **open** - Fired when the popup is opened.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **action** - Defines the popup footer action button.\n- **default** - Defines the Search suggestion items.\n- **filterButton** - Defines the filter button slot, used to display an additional filtering button.\nThis slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.\n\n**Note:** Scope button and Filter button are mutually exclusive.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options
|
|
1500
|
+
"description": "### Overview\n\nA `ui5-search` is an input with suggestions, used for user search.\n\nThe `ui5-search` consists of several elements parts:\n- Scope - displays a select in the beggining of the component, used for filtering results by their scope.\n- Input field - for user input value\n- Clear button - gives the possibility for deleting the entered value\n- Search button - a primary button for performing search, when the user has entered a search term\n- Suggestions - a list with available search suggestions\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents-fiori/dist/Search.js\";`\n---\n\n\n### **Events:**\n - **close** - Fired when the popup is closed.\n- **input** - Fired when typing in input or clear icon is pressed.\n- **open** - Fired when the popup is opened.\n- **scope-change** - Fired when the scope has changed.\n- **search** - Fired when the user has triggered search with Enter key or Search Button press.\n\n### **Slots:**\n - **action** - Defines the popup footer action button.\n- **default** - Defines the Search suggestion items.\n- **filterButton** - Defines the filter button slot, used to display an additional filtering button.\nThis slot is intended for passing a `ui5-button` with a filter icon to provide extended filtering options.\n\n**Note:** Scope button and Filter button are mutually exclusive.\n- **illustration** - Defines the illustrated message to be shown in the popup.\n- **messageArea** - Defines the illustrated message to be shown in the popup.\n- **scopes** - Defines the component scope options.\n\n### **CSS Parts:**\n - **popover** - Used to style the suggestions popup",
|
|
1501
1501
|
"doc-url": "",
|
|
1502
1502
|
"attributes": [
|
|
1503
1503
|
{
|
|
@@ -3428,6 +3428,11 @@
|
|
|
3428
3428
|
"description": "### Overview\n\nThe `ui5-user-menu` is an SAP Fiori specific web component that is used in `ui5-shellbar`\nand allows the user to easily see information and settings for the current user and all other logged in accounts.\n\n### ES6 Module Import\n`import \"@ui5/webcomponents-fiori/dist/UserMenu.js\";`\n\n`import \"@ui5/webcomponents-fiori/dist/UserMenuItem.js\";` (for `ui5-user-menu-item`)\n---\n\n\n### **Events:**\n - **avatar-click** - Fired when the account avatar is selected.\n- **change-account** - Fired when the account is switched to a different one.\n- **close** - Fired when a user menu is close.\n- **edit-accounts-click** - Fired when the \"Edit Accounts\" button is selected.\n- **item-click** - Fired when a menu item is selected.\n- **manage-account-click** - Fired when the \"Manage Account\" button is selected.\n- **open** - Fired when a user menu is open.\n- **sign-out-click** - Fired when the \"Sign Out\" button is selected.\n\n### **Slots:**\n - **accounts** - Defines the user accounts.\n\n**Note:** If one item is used, it will be shown as the selected one. If more than one item is used, the first one will be shown as selected unless\nthere is an item with `selected` property set to `true`.\n- **default** - Defines the menu items.\n- **footer** - Defines custom footer content.\n\n**Note:** When provided, replaces the default \"Sign Out\" button. Use an empty element to hide the footer completely.\n- **infoArea** - Defines the content of the info area inside the User Menu's account block.\n\n**Note:** When empty, the User Menu renders unchanged.",
|
|
3429
3429
|
"doc-url": "",
|
|
3430
3430
|
"attributes": [
|
|
3431
|
+
{
|
|
3432
|
+
"name": "avatar-interactive",
|
|
3433
|
+
"description": "Defines whether the avatar of the selected account is interactive (focusable and pressable).\n\nWhen `false` (default), the avatar is rendered as a non-interactive image\nand is not announced as a button by screen readers.\n\n**Note:** When `showEditButton` is set to `true`, the avatar is treated as interactive\nregardless of this property's value, to preserve the edit affordance.",
|
|
3434
|
+
"value": { "type": "boolean", "default": "false" }
|
|
3435
|
+
},
|
|
3431
3436
|
{
|
|
3432
3437
|
"name": "open",
|
|
3433
3438
|
"description": "Defines if the User Menu is opened.",
|
|
@@ -3513,6 +3518,11 @@
|
|
|
3513
3518
|
],
|
|
3514
3519
|
"js": {
|
|
3515
3520
|
"properties": [
|
|
3521
|
+
{
|
|
3522
|
+
"name": "avatar-interactive",
|
|
3523
|
+
"description": "Defines whether the avatar of the selected account is interactive (focusable and pressable).\n\nWhen `false` (default), the avatar is rendered as a non-interactive image\nand is not announced as a button by screen readers.\n\n**Note:** When `showEditButton` is set to `true`, the avatar is treated as interactive\nregardless of this property's value, to preserve the edit affordance.",
|
|
3524
|
+
"value": { "type": "boolean" }
|
|
3525
|
+
},
|
|
3516
3526
|
{
|
|
3517
3527
|
"name": "open",
|
|
3518
3528
|
"description": "Defines if the User Menu is opened.",
|
|
@@ -4541,6 +4551,10 @@
|
|
|
4541
4551
|
"name": "part(content)",
|
|
4542
4552
|
"description": "Used to style the content section of the component"
|
|
4543
4553
|
},
|
|
4554
|
+
{
|
|
4555
|
+
"name": "part(popover)",
|
|
4556
|
+
"description": "Used to style the suggestions popup"
|
|
4557
|
+
},
|
|
4544
4558
|
{
|
|
4545
4559
|
"name": "part(root)",
|
|
4546
4560
|
"description": "Used to style the outermost wrapper of the `ui5-shellbar`"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ui5/webcomponents-fiori",
|
|
3
|
-
"version": "2.24.0
|
|
3
|
+
"version": "2.24.0",
|
|
4
4
|
"description": "UI5 Web Components: webcomponents.fiori",
|
|
5
5
|
"ui5": {
|
|
6
6
|
"webComponentsPackage": true
|
|
@@ -54,20 +54,20 @@
|
|
|
54
54
|
"directory": "packages/fiori"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@ui5/webcomponents": "2.24.0
|
|
58
|
-
"@ui5/webcomponents-base": "2.24.0
|
|
59
|
-
"@ui5/webcomponents-icons": "2.24.0
|
|
60
|
-
"@ui5/webcomponents-theming": "2.24.0
|
|
57
|
+
"@ui5/webcomponents": "2.24.0",
|
|
58
|
+
"@ui5/webcomponents-base": "2.24.0",
|
|
59
|
+
"@ui5/webcomponents-icons": "2.24.0",
|
|
60
|
+
"@ui5/webcomponents-theming": "2.24.0",
|
|
61
61
|
"@zxing/library": "^0.21.3"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
64
|
"@custom-elements-manifest/analyzer": "^0.10.10",
|
|
65
65
|
"@ui5/cypress-internal": "0.1.0",
|
|
66
|
-
"@ui5/webcomponents-tools": "2.24.0
|
|
66
|
+
"@ui5/webcomponents-tools": "2.24.0",
|
|
67
67
|
"cypress": "15.9.0",
|
|
68
68
|
"lit": "^2.0.0",
|
|
69
69
|
"vite": "5.4.21",
|
|
70
70
|
"yarn": "^1.22.22"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "0823d74956236280e547b9f58bd06ff736180396"
|
|
73
73
|
}
|
|
@@ -29,11 +29,12 @@ export default function FlexibleColumnLayoutTemplate(this: FlexibleColumnLayout)
|
|
|
29
29
|
|
|
30
30
|
<div
|
|
31
31
|
role={this.accStartSeparatorRole}
|
|
32
|
-
|
|
32
|
+
aria-label={this.accStartSeparatorText}
|
|
33
33
|
class="ui5-fcl-separator ui5-fcl-separator-start"
|
|
34
34
|
style={{ display: this.showStartSeparator ? "flex" : "none" }}
|
|
35
35
|
tabindex={this.startSeparatorTabIndex}
|
|
36
36
|
aria-valuenow={this.startSeparatorValue}
|
|
37
|
+
aria-orientation="vertical"
|
|
37
38
|
onMouseDown={this.onSeparatorPress}
|
|
38
39
|
onTouchStart={this.onSeparatorPress}
|
|
39
40
|
onKeyDown={this._onSeparatorKeydown}
|
|
@@ -60,11 +61,12 @@ export default function FlexibleColumnLayoutTemplate(this: FlexibleColumnLayout)
|
|
|
60
61
|
|
|
61
62
|
<div
|
|
62
63
|
role={this.accEndSeparatorRole}
|
|
63
|
-
|
|
64
|
+
aria-label={this.accEndSeparatorText}
|
|
64
65
|
class="ui5-fcl-separator ui5-fcl-separator-end"
|
|
65
66
|
style={{ display: this.showEndSeparator ? "flex" : "none" }}
|
|
66
67
|
tabindex={this.endSeparatorTabIndex}
|
|
67
68
|
aria-valuenow={this.endSeparatorValue}
|
|
69
|
+
aria-orientation="vertical"
|
|
68
70
|
onMouseDown={this.onSeparatorPress}
|
|
69
71
|
onTouchStart={this.onSeparatorPress}
|
|
70
72
|
onKeyDown={this._onSeparatorKeydown}
|
|
@@ -39,7 +39,7 @@ export default function IllustratedMessageTemplate(this: IllustratedMessage) {
|
|
|
39
39
|
</div>
|
|
40
40
|
</div>
|
|
41
41
|
|
|
42
|
-
<svg xmlns="http://www.w3.org/2000/svg" class="ui5-illustrated-message-util">
|
|
42
|
+
<svg xmlns="http://www.w3.org/2000/svg" class="ui5-illustrated-message-util" aria-hidden="true">
|
|
43
43
|
<defs>
|
|
44
44
|
<pattern id="sapIllus_PatternShadow" data-name="sapIllus_PatternShadow" width="3" height="5.5"
|
|
45
45
|
patternUnits="userSpaceOnUse" viewBox="0 0 3 5.5">
|
|
@@ -30,6 +30,7 @@ export default function SearchPopoverTemplate(this: Search, headerTemplate?: Jsx
|
|
|
30
30
|
onClose={this._handleClose}
|
|
31
31
|
onBeforeClose={this._handleBeforeClose}
|
|
32
32
|
onBeforeOpen={this._handleBeforeOpen}
|
|
33
|
+
part="popover"
|
|
33
34
|
class={{
|
|
34
35
|
"ui5-search-popover": true,
|
|
35
36
|
"ui5-search-popover-phone": isPhone(),
|
|
@@ -39,7 +40,7 @@ export default function SearchPopoverTemplate(this: Search, headerTemplate?: Jsx
|
|
|
39
40
|
{isPhone() ? (headerTemplate ? headerTemplate.call(this) : (
|
|
40
41
|
<>
|
|
41
42
|
<header slot="header" class="ui5-search-popup-searching-header">
|
|
42
|
-
<Input class="ui5-search-popover-search-field" onInput={this._handleMobileInput} showClearIcon={this.showClearIcon} noTypeahead={this.noTypeahead} hint={InputKeyHint.Search} onKeyDown={this._onMobileInputKeydown}>
|
|
43
|
+
<Input value={this.value} class="ui5-search-popover-search-field" onInput={this._handleMobileInput} showClearIcon={this.showClearIcon} noTypeahead={this.noTypeahead} hint={InputKeyHint.Search} onKeyDown={this._onMobileInputKeydown}>
|
|
43
44
|
{this._flattenItems.map(item => {
|
|
44
45
|
return (<SuggestionItem text={item.text}></SuggestionItem>);
|
|
45
46
|
})}
|
|
@@ -12,6 +12,7 @@ export default function ShellBarItemTemplate(this: ShellBarItem) {
|
|
|
12
12
|
data-count={this.count}
|
|
13
13
|
data-ui5-stable={this.stableDomRef}
|
|
14
14
|
accessibilityAttributes={this.accessibilityAttributes}
|
|
15
|
+
onClick={this.fireClickEvent}
|
|
15
16
|
>
|
|
16
17
|
{this.text}
|
|
17
18
|
</ListItemStandard>
|
package/src/ShellBarTemplate.tsx
CHANGED
package/src/UserMenuTemplate.tsx
CHANGED
|
@@ -106,7 +106,7 @@ function headerContent(this: UserMenu) {
|
|
|
106
106
|
{this._selectedAccount &&
|
|
107
107
|
<div class="ui5-user-menu-selected-account" aria-label={this._ariaLabelledByAccountInformationText}>
|
|
108
108
|
<span title={this.showEditButton ? this._editAvatarTooltip : undefined}>
|
|
109
|
-
<Avatar size="L" onClick={this._handleAvatarClick} initials={this._selectedAccount._initials} colorScheme={this._selectedAccount.avatarColorScheme} fallbackIcon={personPlaceholder} class="ui5-user-menu-selected-account-avatar"
|
|
109
|
+
<Avatar size="L" onClick={this._isAvatarInteractive ? this._handleAvatarClick : undefined} initials={this._selectedAccount._initials} colorScheme={this._selectedAccount.avatarColorScheme} fallbackIcon={personPlaceholder} class="ui5-user-menu-selected-account-avatar" mode={this._isAvatarInteractive ? "Interactive" : "Image"}>
|
|
110
110
|
{this._selectedAccount.avatarSrc &&
|
|
111
111
|
<img src={this._selectedAccount.avatarSrc}/>
|
|
112
112
|
}
|
|
@@ -83,21 +83,19 @@
|
|
|
83
83
|
|
|
84
84
|
/* Responsive paddings */
|
|
85
85
|
|
|
86
|
-
/* S Size */
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
padding: var(--_ui5_dynamic_page_header_padding_S);
|
|
96
|
-
}
|
|
86
|
+
/* S Size (default, no container query needed) */
|
|
87
|
+
.ui5-dynamic-page-fit-content {
|
|
88
|
+
padding: var(--_ui5_dynamic_page_content_padding_S);
|
|
89
|
+
}
|
|
90
|
+
::slotted([slot="titleArea"]) {
|
|
91
|
+
padding: var(--_ui5_dynamic_page_title_padding_S);
|
|
92
|
+
}
|
|
93
|
+
::slotted([slot="headerArea"]) {
|
|
94
|
+
padding: var(--_ui5_dynamic_page_header_padding_S);
|
|
97
95
|
}
|
|
98
96
|
|
|
99
97
|
/* M Size */
|
|
100
|
-
@container (min-width: 600px)
|
|
98
|
+
@container (min-width: 600px) {
|
|
101
99
|
.ui5-dynamic-page-fit-content {
|
|
102
100
|
padding: var(--_ui5_dynamic_page_content_padding_M);
|
|
103
101
|
}
|
|
@@ -110,7 +108,7 @@
|
|
|
110
108
|
}
|
|
111
109
|
|
|
112
110
|
/* L Size */
|
|
113
|
-
@container (min-width: 1024px)
|
|
111
|
+
@container (min-width: 1024px) {
|
|
114
112
|
.ui5-dynamic-page-fit-content {
|
|
115
113
|
padding: var(--_ui5_dynamic_page_content_padding_L);
|
|
116
114
|
}
|