npm - @ui5/webcomponents-fiori - Versions diffs - 2.1.1 → 2.1.2 - Mend

@ui5/webcomponents-fiori 2.1.1 → 2.1.2

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.

Files changed (135) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+## [2.1.2](https://github.com/SAP/ui5-webcomponents/compare/v2.1.1...v2.1.2) (2024-08-21)
+**Note:** Version bump only for package @ui5/webcomponents-fiori
 ## [2.1.1](https://github.com/SAP/ui5-webcomponents/compare/v2.1.0...v2.1.1) (2024-08-02)

package/dist/css/themes/DynamicPage.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:110}:host{display:block;height:100%;background-color:var(--ui5-v2-1-~~1_dynamic_page_background~~)}.ui5-dynamic-page-root{height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:.5rem;box-sizing:border-box;z-index:110;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-1-~~1_dynamic_page_footer_spacer~~)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-1-~~1_dynamic_page_footer_spacer~~)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-1-~~1_dynamic_page_header_background_color~~);box-sizing:content-box;width:auto;margin:0 .5rem .5rem}::slotted([slot="titleArea"]){width:auto}:host([media-range="S"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-~~1_dynamic_page_content_padding_S~~)}:host([media-range="S"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_title_padding_S~~)}:host([media-range="S"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_header_padding_S~~)}:host([media-range="M"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-~~1_dynamic_page_content_padding_M~~)}:host([media-range="M"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_title_padding_M~~)}:host([media-range="M"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_header_padding_M~~)}:host([media-range="L"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-~~1_dynamic_page_content_padding_L~~)}:host([media-range="L"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_title_padding_L~~)}:host([media-range="L"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_header_padding_L~~)}:host([media-range="XL"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-~~1_dynamic_page_content_padding_XL~~)}:host([media-range="XL"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_title_padding_XL~~)}:host([media-range="XL"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_header_padding_XL~~)}
1	+ .ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:110}:host{display:block;height:100%;background-color:var(--ui5-v2-1-2_dynamic_page_background)}.ui5-dynamic-page-root{height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:.5rem;box-sizing:border-box;z-index:110;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-1-2_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-1-2_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-1-2_dynamic_page_header_background_color);box-sizing:content-box;width:auto;margin:0 .5rem .5rem}::slotted([slot="titleArea"]){width:auto}:host([media-range="S"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-2_dynamic_page_content_padding_S)}:host([media-range="S"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_title_padding_S)}:host([media-range="S"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_header_padding_S)}:host([media-range="M"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-2_dynamic_page_content_padding_M)}:host([media-range="M"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_title_padding_M)}:host([media-range="M"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_header_padding_M)}:host([media-range="L"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-2_dynamic_page_content_padding_L)}:host([media-range="L"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_title_padding_L)}:host([media-range="L"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_header_padding_L)}:host([media-range="XL"]) .ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-1-2_dynamic_page_content_padding_XL)}:host([media-range="XL"]) ::slotted([slot="titleArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_title_padding_XL)}:host([media-range="XL"]) ::slotted([slot="headerArea"]){padding:var(--_ui5-v2-1-2_dynamic_page_header_padding_XL)}

package/dist/css/themes/DynamicPageHeader.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{background-color:var(--_ui5-v2-1-~~1_dynamic_page_header_background_color~~);display:block;box-shadow:var(--_ui5-v2-1-~~1_dynamic_page_header~~-box-shadow)}.ui5-dynamic-page-header-root{background:inherit;padding-top:var(--_ui5-v2-1-~~1_dynamic_page_header_padding_top~~);padding-bottom:var(--_ui5-v2-1-~~1_dynamic_page_header_padding_bottom~~)}
1	+ :host{background-color:var(--_ui5-v2-1-2_dynamic_page_header_background_color);display:block;box-shadow:var(--_ui5-v2-1-2_dynamic_page_header-box-shadow)}.ui5-dynamic-page-header-root{background:inherit;padding-top:var(--_ui5-v2-1-2_dynamic_page_header_padding_top);padding-bottom:var(--_ui5-v2-1-2_dynamic_page_header_padding_bottom)}

package/dist/css/themes/DynamicPageHeaderActions.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-1-~~1_dynamic_page_header~~-actions-background);border:1px solid var(--sapButton_BorderColor);box-shadow:var(--_ui5-v2-1-~~1_dynamic_page_header~~-actions-box-shadow);color:var(--_ui5-v2-1-~~1_dynamic_page_header~~-actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-1-~~1_dynamic_page_header~~-actions-background-pressed);color:var(--_ui5-v2-1-~~1_dynamic_page_header~~-actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-1-~~1_dynamic_page_actions~~-lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-1-~~1_dynamic_page_actions~~-lines-color))}}}
1	+ .ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-1-2_dynamic_page_header-actions-background);border:1px solid var(--sapButton_BorderColor);box-shadow:var(--_ui5-v2-1-2_dynamic_page_header-actions-box-shadow);color:var(--_ui5-v2-1-2_dynamic_page_header-actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-1-2_dynamic_page_header-actions-background-pressed);color:var(--_ui5-v2-1-2_dynamic_page_header-actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-1-2_dynamic_page_actions-lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-1-2_dynamic_page_actions-lines-color))}}}

package/dist/css/themes/DynamicPageTitle.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-1-~~1_dynamic_page_header_background_color~~);min-height:var(--_ui5-v2-1-~~1_dynamic_page_title_min_height~~);word-wrap:break-word;padding-top:var(--_ui5-v2-1-~~1_dynamic_page_title_padding_top~~);padding-bottom:var(--_ui5-v2-1-~~1_dynamic_page_title_padding_bottom~~);border-bottom:var(--_ui5-v2-1-~~1_dynamic_page_title_border~~)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-1-~~1_dynamic_page_header~~-box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-1-~~1_dynamic_page_title_hover_background~~);cursor:pointer;border-bottom:var(--_ui5-v2-1-~~1_dynamic_page_title_hover_border~~)}:host([snapped]){box-shadow:var(--sapContent_HeaderShadow)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-1-~~1_dynamic_page_title_breadcrumbs_padding_top~~) 0 var(--_ui5-v2-1-~~1_dynamic_page_title_breadcrumbs_padding_bottom~~) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-1-~~1_dynamic_page_title_heading_padding_top~~) 0 0 0;margin:var(--_ui5-v2-1-~~1_dynamic_page_title_heading_margin~~)}::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_FontSize)}::slotted([ui5-title][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-1-~~1_dynamic_page_title_subheading_margin_top~~);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex;align-items:center}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page-title--content{padding:0 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex;align-items:center}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-1-~~1_dynamic_page_title_actions_separator_height~~);width:.0625rem;vertical-align:middle;background:var(--sapToolbar_SeparatorColor);margin:0 .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-1-~~1_dynamic_page_title_focus_outline~~);outline-offset:var(--_ui5-v2-1-~~1_dynamic_page_title_focus_outline_offset~~)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-1-2_dynamic_page_header_background_color);min-height:var(--_ui5-v2-1-2_dynamic_page_title_min_height);word-wrap:break-word;padding-top:var(--_ui5-v2-1-2_dynamic_page_title_padding_top);padding-bottom:var(--_ui5-v2-1-2_dynamic_page_title_padding_bottom);border-bottom:var(--_ui5-v2-1-2_dynamic_page_title_border)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-1-2_dynamic_page_header-box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-1-2_dynamic_page_title_hover_background);cursor:pointer;border-bottom:var(--_ui5-v2-1-2_dynamic_page_title_hover_border)}:host([snapped]){box-shadow:var(--sapContent_HeaderShadow)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-1-2_dynamic_page_title_breadcrumbs_padding_top) 0 var(--_ui5-v2-1-2_dynamic_page_title_breadcrumbs_padding_bottom) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-1-2_dynamic_page_title_heading_padding_top) 0 0 0;margin:var(--_ui5-v2-1-2_dynamic_page_title_heading_margin)}::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_FontSize)}::slotted([ui5-title][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][slot="heading"]){font-size:var(--sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-1-2_dynamic_page_title_subheading_margin_top);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex;align-items:center}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page-title--content{padding:0 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex;align-items:center}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-1-2_dynamic_page_title_actions_separator_height);width:.0625rem;vertical-align:middle;background:var(--sapToolbar_SeparatorColor);margin:0 .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-1-2_dynamic_page_title_focus_outline);outline-offset:var(--_ui5-v2-1-2_dynamic_page_title_focus_outline_offset)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}

package/dist/css/themes/FlexibleColumnLayout.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5-v2-1-~~1_fcl_solid_bg~~)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background);border-inline-start:var(--_ui5-v2-1-~~1_fcl_column_border~~);border-inline-end:var(--_ui5-v2-1-~~1_fcl_column_border~~);position:relative}.ui5-fcl-separator:focus{border:var(--_ui5-v2-1-~~1_fcl_separator_focus_border~~);outline:none}.ui5-fcl-grip{cursor:col-resize;overflow:visible;z-index:1;color:var(--sapButton_TextColor);padding-top:.3125rem;padding-bottom:.3125rem}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-1-~~1_fcl_decoration_top~~);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-1-~~1_fcl_decoration_bottom~~);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:50%}.ui5-fcl-separator:hover{overflow:hidden}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5-v2-1-2_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background);border-inline-start:var(--_ui5-v2-1-2_fcl_column_border);border-inline-end:var(--_ui5-v2-1-2_fcl_column_border);position:relative}.ui5-fcl-separator:focus{border:var(--_ui5-v2-1-2_fcl_separator_focus_border);outline:none}.ui5-fcl-grip{cursor:col-resize;overflow:visible;z-index:1;color:var(--sapButton_TextColor);padding-top:.3125rem;padding-bottom:.3125rem}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-1-2_fcl_decoration_top);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-1-2_fcl_decoration_bottom);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:50%}.ui5-fcl-separator:hover{overflow:hidden}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}

package/dist/css/themes/MediaGallery.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-1-~~1_media_gallery_overflow_btn_background~~);color:var(--_ui5-v2-1-~~1_media_gallery_overflow_btn_color~~);border:var(--_ui5-v2-1-~~1_media_gallery_overflow_btn_border~~)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}
1	+ :host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-1-2_media_gallery_overflow_btn_background);color:var(--_ui5-v2-1-2_media_gallery_overflow_btn_color);border:var(--_ui5-v2-1-2_media_gallery_overflow_btn_border)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}

package/dist/css/themes/MediaGalleryItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-1-~~1_media_gallery_thumbnail_border~~);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-1-~~1_media_gallery_thumbnail_focus_outline~~);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-1-~~1_media_gallery_thumbnail_selected_border~~)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-1-~~1_media_gallery_item_overlay_box_shadow~~);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(){width:100%;height:100%;object-fit:cover}::slotted(){max-width:100%;max-height:100%;object-fit:contain;margin:auto}
1	+ :host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-1-2_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-1-2_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-1-2_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-1-2_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(){width:100%;height:100%;object-fit:cover}::slotted(){max-width:100%;max-height:100%;object-fit:contain;margin:auto}

package/dist/css/themes/NotificationListGroupItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-1-~~1_list_item_base_height~~);background:var(--ui5-v2-1-1-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-1-1-notification_item-state-icon-padding)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{width:100%}.ui5-nli-group-content-wrapper{position:relative;box-sizing:border-box;width:100%;display:flex;flex-direction:column}[ui5-busy-indicator]{width:100%}.ui5-nli-group-header{height:2.75rem;position:relative;background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;margin-block:var(--_ui5-v2-1-1-notification_group_header-margin);padding-inline:var(--_ui5-v2-1-1-notification_group_header-padding);width:100%;border-bottom:var(--_ui5-v2-1-1-notification_group_header-border-bottom-width) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:pointer}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header:before{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-nli-group-toggle-icon{min-width:1rem;min-height:1rem;margin-inline:.5rem;color:var(--sapContent_IconColor)}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader5Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2rem;margin-inline-start:.75rem}.ui5-nli-group-divider{flex:1}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-1-2_list_item_base_height);background:var(--ui5-v2-1-2-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-1-2-notification_item-state-icon-padding)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{width:100%}.ui5-nli-group-content-wrapper{position:relative;box-sizing:border-box;width:100%;display:flex;flex-direction:column}[ui5-busy-indicator]{width:100%}.ui5-nli-group-header{height:2.75rem;position:relative;background:var(--sapList_GroupHeaderBackground);display:flex;align-items:center;margin-block:var(--_ui5-v2-1-2-notification_group_header-margin);padding-inline:var(--_ui5-v2-1-2-notification_group_header-padding);width:100%;border-bottom:var(--_ui5-v2-1-2-notification_group_header-border-bottom-width) solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:pointer}:host([desktop]) .ui5-nli-focusable.ui5-nli-group-root:focus .ui5-nli-group-header:before,.ui5-nli-focusable.ui5-nli-group-root:focus-visible .ui5-nli-group-header:before{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-nli-group-toggle-icon{min-width:1rem;min-height:1rem;margin-inline:.5rem;color:var(--sapContent_IconColor)}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader5Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:2rem;margin-inline-start:.75rem}.ui5-nli-group-divider{flex:1}:host([ui5-li-notification-group]){-webkit-tap-highlight-color:transparent}

package/dist/css/themes/NotificationListItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-1-~~1_list_item_base_height~~);background:var(--ui5-v2-1-1-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-1-1-notification_item-state-icon-padding)}:host(:not([wrapping-type="Normal"])) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type="Normal"])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-v2-1-1-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-1-1-notification_item-border-radius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-v2-1-1-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-1-1-notification_item-border-radius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-v2-1-1-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-1-1-notification_item-border-radius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-v2-1-1-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-1-1-notification_item-border-radius)}:host([has-border]){border-bottom:var(--_ui5-v2-1-1-notification_item-border-bottom)}:host([ui5-li-notification]){margin:var(--_ui5-v2-1-1-notification_item-margin);border-left:var(--_ui5-v2-1-1-notification_item-border-top-left-right);border-right:var(--_ui5-v2-1-1-notification_item-border-top-left-right);border-top:var(--_ui5-v2-1-1-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-1-1-notification_item-border-radius)}.ui5-nli-root{position:relative;width:100%;box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-1-1-notification_item-border-radius);border:1px solid transparent}.ui5-nli-root:hover{background-color:var(--_ui5-v2-1-1-notification_item-background-color-hover);border-radius:var(--_ui5-v2-1-1-notification_item-border-radius)}:host([desktop]) .ui5-nli-root:focus:active,.ui5-nli-root:focus-visible:active{background-color:var(--_ui5-v2-1-1-notification_item-background-color-active);border-radius:var(--_ui5-v2-1-1-notification_item-border-radius);border:var(--_ui5-v2-1-1-notification_item-border-active)}.ui5-nli-content-wrapper{width:100%;display:flex;flex-direction:row-reverse;padding-inline:var(--_ui5-v2-1-1-notification_item-root-padding-inline);padding-block:1rem;position:relative;box-sizing:border-box}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:var(--_ui5-v2-1-1-notification_item-content-padding);font-family:"72override",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-content.ui5-nli-content-with-importance{margin-bottom:2rem}.ui5-nli-actions{position:absolute;top:.5rem;right:.5rem}:dir(rtl) .ui5-nli-actions{left:.5rem;right:auto}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:var(--_ui5-v2-1-1-notification_item-title-margin-bottom);box-sizing:border-box;color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-two-buttons .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-1-1-notification_item-title-padding-end-two-buttons)}.ui5-nli-one-button .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-1-1-notification_item-title-padding-end-one-button)}.ui5-nli-description{display:flex;margin-top:var(--_ui5-v2-1-1-notification_item-description-margin-top);color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-1-1-notification_item-footer-margin-top);box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footnotes{display:flex}.ui5-nli-footer-showMore{margin-inline-start:1rem}.ui5-nli-importance{width:fit-content;position:absolute;bottom:1rem}::slotted([slot^="footnotes"]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-menu-btn{margin-inline-end:.125rem}:host([desktop]) .ui5-nli-focusable:not(.ui5-nli-group-root):focus:after,.ui5-nli-focusable:not(.ui5-nli-group-root):focus-visible:after{border-radius:var(--_ui5-v2-1-1-notification_item-border-radius);top:var(--_ui5-v2-1-1-notification_item-focus-offset);right:var(--_ui5-v2-1-1-notification_item-focus-offset);bottom:var(--_ui5-v2-1-1-notification_item-focus-offset);left:var(--_ui5-v2-1-1-notification_item-focus-offset)}[ui5-busy-indicator]{width:100%;border-radius:var(--_ui5-v2-1-1-notification_item-border-radius)}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-1-2_list_item_base_height);background:var(--ui5-v2-1-2-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-1-2-notification_item-state-icon-padding)}:host(:not([wrapping-type="Normal"])) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type="Normal"])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-v2-1-2-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-1-2-notification_item-border-radius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-v2-1-2-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-1-2-notification_item-border-radius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-v2-1-2-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-1-2-notification_item-border-radius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-v2-1-2-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-1-2-notification_item-border-radius)}:host([has-border]){border-bottom:var(--_ui5-v2-1-2-notification_item-border-bottom)}:host([ui5-li-notification]){margin:var(--_ui5-v2-1-2-notification_item-margin);border-left:var(--_ui5-v2-1-2-notification_item-border-top-left-right);border-right:var(--_ui5-v2-1-2-notification_item-border-top-left-right);border-top:var(--_ui5-v2-1-2-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-1-2-notification_item-border-radius)}.ui5-nli-root{position:relative;width:100%;box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-1-2-notification_item-border-radius);border:1px solid transparent}.ui5-nli-root:hover{background-color:var(--_ui5-v2-1-2-notification_item-background-color-hover);border-radius:var(--_ui5-v2-1-2-notification_item-border-radius)}:host([desktop]) .ui5-nli-root:focus:active,.ui5-nli-root:focus-visible:active{background-color:var(--_ui5-v2-1-2-notification_item-background-color-active);border-radius:var(--_ui5-v2-1-2-notification_item-border-radius);border:var(--_ui5-v2-1-2-notification_item-border-active)}.ui5-nli-content-wrapper{width:100%;display:flex;flex-direction:row-reverse;padding-inline:var(--_ui5-v2-1-2-notification_item-root-padding-inline);padding-block:1rem;position:relative;box-sizing:border-box}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:var(--_ui5-v2-1-2-notification_item-content-padding);font-family:"72override",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-content.ui5-nli-content-with-importance{margin-bottom:2rem}.ui5-nli-actions{position:absolute;top:.5rem;right:.5rem}:dir(rtl) .ui5-nli-actions{left:.5rem;right:auto}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:var(--_ui5-v2-1-2-notification_item-title-margin-bottom);box-sizing:border-box;color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-two-buttons .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-1-2-notification_item-title-padding-end-two-buttons)}.ui5-nli-one-button .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-1-2-notification_item-title-padding-end-one-button)}.ui5-nli-description{display:flex;margin-top:var(--_ui5-v2-1-2-notification_item-description-margin-top);color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-1-2-notification_item-footer-margin-top);box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footnotes{display:flex}.ui5-nli-footer-showMore{margin-inline-start:1rem}.ui5-nli-importance{width:fit-content;position:absolute;bottom:1rem}::slotted([slot^="footnotes"]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-menu-btn{margin-inline-end:.125rem}:host([desktop]) .ui5-nli-focusable:not(.ui5-nli-group-root):focus:after,.ui5-nli-focusable:not(.ui5-nli-group-root):focus-visible:after{border-radius:var(--_ui5-v2-1-2-notification_item-border-radius);top:var(--_ui5-v2-1-2-notification_item-focus-offset);right:var(--_ui5-v2-1-2-notification_item-focus-offset);bottom:var(--_ui5-v2-1-2-notification_item-focus-offset);left:var(--_ui5-v2-1-2-notification_item-focus-offset)}[ui5-busy-indicator]{width:100%;border-radius:var(--_ui5-v2-1-2-notification_item-border-radius)}

package/dist/css/themes/NotificationListItemBase.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-1-~~1_list_item_base_height~~);background:var(--ui5-v2-1-1-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-1-2_list_item_base_height);background:var(--ui5-v2-1-2-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}

package/dist/css/themes/NotificationStateIcon.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-1-1-notification_item-state-icon-padding)}
1	+ .ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-1-2-notification_item-state-icon-padding)}

package/dist/css/themes/Page.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host(:not([hidden])){width:100%;height:100%;display:block;container-type:size}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box;font-size:var(--sapFontSize);color:var(--sapTextColor)}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host(:not([fixed-footer])) .ui5-page-footer-root{opacity:1;bottom:.5rem}@container (max-width: 599px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 1rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][design="Footer"]){box-sizing:border-box;padding:0 .25rem}}@container (min-width: 600px) and (max-width: 1023px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}}@container (min-width: 1024px) and (max-width: 1439px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}}@container (min-width: 1440px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 3rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 2.25rem}}:host([no-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer][fixed-footer]) .ui5-page-footer-root{display:none}:host(:not([fixed-footer]):not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s forwards ease-in-out}:host(:not([fixed-footer])[hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s forwards ease-in-out}:host([background-design="Solid"]){background-color:var(--sapBackgroundColor)}:host([background-design="Transparent"]){background-color:var(--_ui5-v2-1-~~1_page_transparent_bg~~)}:host([background-design="List"]){background-color:var(--_ui5-v2-1-~~1_page_list_bg~~)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}
1	+ :host(:not([hidden])){width:100%;height:100%;display:block;container-type:size}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box;font-size:var(--sapFontSize);color:var(--sapTextColor)}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host(:not([fixed-footer])) .ui5-page-footer-root{opacity:1;bottom:.5rem}@container (max-width: 599px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 1rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][design="Footer"]){box-sizing:border-box;padding:0 .25rem}}@container (min-width: 600px) and (max-width: 1023px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}}@container (min-width: 1024px) and (max-width: 1439px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 2rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 1.25rem}}@container (min-width: 1440px){:host([floating-footer]) .ui5-page-footer-root,.ui5-page-content-root{padding:0 3rem}::slotted([ui5-bar][slot="header"]),::slotted([ui5-bar][slot="footer"]){box-sizing:border-box;padding:0 2.25rem}}:host([no-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer][fixed-footer]) .ui5-page-footer-root{display:none}:host(:not([fixed-footer]):not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s forwards ease-in-out}:host(:not([fixed-footer])[hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s forwards ease-in-out}:host([background-design="Solid"]){background-color:var(--sapBackgroundColor)}:host([background-design="Transparent"]){background-color:var(--_ui5-v2-1-2_page_transparent_bg)}:host([background-design="List"]){background-color:var(--_ui5-v2-1-2_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}

package/dist/css/themes/ProductSwitchItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{width:var(--_ui5-v2-1-~~1_product_switch_item_width~~);height:var(--_ui5-v2-1-~~1_product_switch_item_height~~);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]) .ui5-product-switch-item-root{background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_Background)}:host([selected]:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_SelectionBackground)}:host([active]) .ui5-product-switch-item-root,:host([selected][active]) .ui5-product-switch-item-root{background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{color:var(--sapList_Active_TextColor)}:host([desktop]) .ui5-product-switch-item-root:focus,.ui5-product-switch-item-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-1-~~1_product_switch_item_outline_offset~~)}:host([desktop][active]) .ui5-product-switch-item-root:focus,:host([active]) .ui5-product-switch-item-root:focus-visible{outline-color:var(--_ui5-v2-1-~~1_product_switch_item_active_outline_color~~)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:4rem .5rem .5rem;cursor:pointer;border:var(--_ui5-v2-1-~~1_product_switch_item_border~~)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var( --sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var( --sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width: 600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}
1	+ :host{width:var(--_ui5-v2-1-2_product_switch_item_width);height:var(--_ui5-v2-1-2_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]) .ui5-product-switch-item-root{background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_Background)}:host([selected]:hover) .ui5-product-switch-item-root{background:var(--sapList_Hover_SelectionBackground)}:host([active]) .ui5-product-switch-item-root,:host([selected][active]) .ui5-product-switch-item-root{background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{color:var(--sapList_Active_TextColor)}:host([desktop]) .ui5-product-switch-item-root:focus,.ui5-product-switch-item-root:focus-visible{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5-v2-1-2_product_switch_item_outline_offset)}:host([desktop][active]) .ui5-product-switch-item-root:focus,:host([active]) .ui5-product-switch-item-root:focus-visible{outline-color:var(--_ui5-v2-1-2_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:4rem .5rem .5rem;cursor:pointer;border:var(--_ui5-v2-1-2_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var( --sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var( --sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width: 600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}

package/dist/css/themes/ShellBar.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%}:host{--_ui5-v2-1-1_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-1-1_input_border_radius: var(--_ui5-v2-1-1_shellbar_input_border_radius);--_ui5-v2-1-1_input_focus_border_radius: var(--_ui5-v2-1-1_shellbar_input_focus_border_radius);--_ui5-v2-1-1_input_background_color: var(--_ui5-v2-1-1_shellbar_input_background_color);--_ui5-v2-1-1_input_focus_outline_color: var(--_ui5-v2-1-1_shellbar_input_focus_outline_color);--_ui5-v2-1-1_input_margin_top_bottom: 0}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:var(--_ui5-v2-1-1_shellbar_root_height);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-menu-button,.ui5-shellbar-button,.ui5-shellbar-image-button,::slotted([ui5-toggle-button][slot="assistant"]),::slotted([ui5-button][slot="startButton"]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-1-1_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-1-1_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:initial;overflow:initial;text-overflow:initial;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-button][slot="startButton"]){margin-inline-start:0}::slotted([ui5-toggle-button][slot="assistant"]:hover),::slotted([ui5-button][slot="startButton"]:hover),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor)}::slotted([ui5-toggle-button][slot="assistant"][pressed]),::slotted([ui5-toggle-button][slot="assistant"][pressed]:hover:not([active])){color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-toggle-button][slot="assistant"][active]),::slotted([ui5-button][slot="startButton"][active]),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,.ui5-shellbar-button[active],.ui5-shellbar-image-button:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5-v2-1-1_shellbar_button_active_color)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5-v2-1-1_shellbar_logo_outline);outline-offset:var(--_ui5-v2-1-1_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot="profile"]){min-width:0;width:2rem;height:2rem;min-height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:"72override",var(--sapFontFamily);margin:0;font-size:var(--_ui5-v2-1-1_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor)}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5-v2-1-1_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-1-1_shellbar_overflow_container_middle_height);width:33.4%}.ui5-shellbar-overflow-container-left:has(+.ui5-shellbar-mid-content){width:33.3%}.ui5-shellbar-mid-content+.ui5-shellbar-overflow-container-right{width:33.3%}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-middle{width:35rem}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-left{flex-shrink:0}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]) .ui5-shellbar-root{padding:0 1rem}:host([breakpoint-size="S"]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size="M"]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size="M"]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size="L"]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size="XL"]) .ui5-shellbar-root{padding:0 3rem}:host([breakpoint-size="XXL"]) .ui5-shellbar-root{padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;padding:.25rem;max-height:2rem}:host([desktop]) .ui5-shellbar-logo:focus,.ui5-shellbar-logo:focus-visible{outline:var(--_ui5-v2-1-1_shellbar_logo_outline);outline-offset:var(--_ui5-v2-1-1_shellbar_logo_outline_offset);border-radius:var(--_ui5-v2-1-1_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5-v2-1-1_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-1-1_shellbar_logo_border_radius)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{box-shadow:var(--_ui5-v2-1-1_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-1-1_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{--_ui5-v2-1-1_button_focused_border: var(--_ui5-v2-1-1_shellbar_button_focused_border);width:2.5rem}.ui5-shellbar-search-button{--_ui5-v2-1-1_button_focused_border_radius: var(--_ui5-v2-1-1_shellbar_search_button_border_radius);--_ui5-v2-1-1_shellbar_button_border_radius: var(--_ui5-v2-1-1_shellbar_search_button_border_radius);height:var(--_ui5-v2-1-1_shellbar_search_button_size);width:var(--_ui5-v2-1-1_shellbar_search_button_size);min-width:var(--_ui5-v2-1-1_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:1;flex-grow:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 18.25rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5-v2-1-1_shellbar_button_border);color:var(--sapShell_TextColor)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{padding-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center}.ui5-shellbar-overflow-container-right-child .ui5-shellbar-button[data-count]:has(+.ui5-shellbar-overflow-button):before{inset-inline-end:var(--_ui5-v2-1-1-shellbar-notification-btn-count-offset)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size="M"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-right{padding-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}:host([breakpoint-size="L"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host([breakpoint-size="XL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before,.ui5-shellbar-button[data-count]:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5-v2-1-1_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:-.25rem;right:-.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count);inset-inline-end:var(--_ui5-v2-1-1-shellbar-notification-btn-count-offset)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5-v2-1-1_shellbar_search_field_background);border:var(--_ui5-v2-1-1_shellbar_search_field_border);box-shadow:var(--_ui5-v2-1-1_shellbar_search_field_box_shadow);color:var(--_ui5-v2-1-1_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5-v2-1-1_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-1-1_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-1-1_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;pointer-events:none}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-coPilot-pressed,.ui5-shellbar-coPilot-pressed:hover{color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-button][slot="startButton"]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}
1	+ .ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:inline-block;width:100%}:host{--_ui5-v2-1-2_input_placeholder_color: var(--sapShell_InteractiveTextColor);--_ui5-v2-1-2_input_border_radius: var(--_ui5-v2-1-2_shellbar_input_border_radius);--_ui5-v2-1-2_input_focus_border_radius: var(--_ui5-v2-1-2_shellbar_input_focus_border_radius);--_ui5-v2-1-2_input_background_color: var(--_ui5-v2-1-2_shellbar_input_background_color);--_ui5-v2-1-2_input_focus_outline_color: var(--_ui5-v2-1-2_shellbar_input_focus_outline_color);--_ui5-v2-1-2_input_margin_top_bottom: 0}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:var(--_ui5-v2-1-2_shellbar_root_height);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-menu-button,.ui5-shellbar-button,.ui5-shellbar-image-button,::slotted([ui5-toggle-button][slot="assistant"]),::slotted([ui5-button][slot="startButton"]){height:2.25rem;padding:0;margin-inline-start:.5rem;border:.0625rem solid var(--sapButton_Lite_BorderColor);background:var(--sapButton_Lite_Background);outline-color:var(--_ui5-v2-1-2_shellbar_logo_outline_color);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-1-2_shellbar_button_border_radius);position:relative;font-size:.75rem;font-weight:700;white-space:initial;overflow:initial;text-overflow:initial;line-height:inherit;letter-spacing:inherit;word-spacing:inherit}::slotted([ui5-button][slot="startButton"]){margin-inline-start:0}::slotted([ui5-toggle-button][slot="assistant"]:hover),::slotted([ui5-button][slot="startButton"]:hover),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover{background:var(--sapShell_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapShell_TextColor)}::slotted([ui5-toggle-button][slot="assistant"][pressed]),::slotted([ui5-toggle-button][slot="assistant"][pressed]:hover:not([active])){color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-toggle-button][slot="assistant"][active]),::slotted([ui5-button][slot="startButton"][active]),.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,.ui5-shellbar-button[active],.ui5-shellbar-image-button:active{background:var(--sapShell_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--_ui5-v2-1-2_shellbar_button_active_color)}:host([desktop]) .ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus-visible{outline:var(--_ui5-v2-1-2_shellbar_logo_outline);outline-offset:var(--_ui5-v2-1-2_shellbar_outline_offset)}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot="profile"]){min-width:0;width:2rem;height:2rem;min-height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button-title,.ui5-shellbar-title{display:inline-block;font-family:"72override",var(--sapFontFamily);margin:0;font-size:var(--_ui5-v2-1-2_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_TextColor)}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}.ui5-shellbar-secondary-title{display:inline-block;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-inline-start:.375rem}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:var(--_ui5-v2-1-2_shellbar_overflow_container_middle_height);width:0;flex-shrink:0}.ui5-shellbar-mid-content{height:var(--_ui5-v2-1-2_shellbar_overflow_container_middle_height);width:33.4%}.ui5-shellbar-overflow-container-left:has(+.ui5-shellbar-mid-content){width:33.3%}.ui5-shellbar-mid-content+.ui5-shellbar-overflow-container-right{width:33.3%}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-middle{width:35rem}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-left{flex-shrink:0}:host([breakpoint-size="S"]) .ui5-shellbar-menu-button{margin-inline-start:0}:host([breakpoint-size="S"]) .ui5-shellbar-root{padding:0 1rem}:host([breakpoint-size="S"]) .ui5-shellbar-search-full-width-wrapper{padding:0 1rem}:host([breakpoint-size="M"]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size="M"]) .ui5-shellbar-search-full-width-wrapper{padding:0 2rem}:host([breakpoint-size="L"]) .ui5-shellbar-root{padding:0 2rem}:host([breakpoint-size="XL"]) .ui5-shellbar-root{padding:0 3rem}:host([breakpoint-size="XXL"]) .ui5-shellbar-root{padding:0 3rem}.ui5-shellbar-logo{cursor:pointer;padding:.25rem;max-height:2rem}:host([desktop]) .ui5-shellbar-logo:focus,.ui5-shellbar-logo:focus-visible{outline:var(--_ui5-v2-1-2_shellbar_logo_outline);outline-offset:var(--_ui5-v2-1-2_shellbar_logo_outline_offset);border-radius:var(--_ui5-v2-1-2_shellbar_logo_border_radius)}.ui5-shellbar-logo:hover{box-shadow:var(--_ui5-v2-1-2_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-1-2_shellbar_logo_border_radius)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover{box-shadow:var(--_ui5-v2-1-2_shellbar_button_box_shadow)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active{box-shadow:var(--_ui5-v2-1-2_shellbar_button_box_shadow_active)}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-arrow,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active .ui5-shellbar-menu-button-title{color:var(--sapShell_Active_TextColor)}.ui5-shellbar-menu-button .ui5-shellbar-logo:hover{box-shadow:none}.ui5-shellbar-button{--_ui5-v2-1-2_button_focused_border: var(--_ui5-v2-1-2_shellbar_button_focused_border);width:2.5rem}.ui5-shellbar-search-button{--_ui5-v2-1-2_button_focused_border_radius: var(--_ui5-v2-1-2_shellbar_search_button_border_radius);--_ui5-v2-1-2_shellbar_button_border_radius: var(--_ui5-v2-1-2_shellbar_search_button_border_radius);height:var(--_ui5-v2-1-2_shellbar_search_button_size);width:var(--_ui5-v2-1-2_shellbar_search_button_size);min-width:var(--_ui5-v2-1-2_shellbar_search_button_size)}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{padding:0 .125rem;justify-content:flex-start;margin-inline-end:.5rem;max-width:75%;flex-shrink:1;flex-grow:0}.ui5-shellbar-overflow-container-left>:nth-child(n){margin-inline-end:.5rem}:host([breakpoint-size="XXL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 18.25rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;background:var(--sapButton_Lite_Background);border:var(--_ui5-v2-1-2_shellbar_button_border);color:var(--sapShell_TextColor)}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-inline-start:0}.ui5-shellbar-overflow-container-right{padding:0 .125rem;display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1 1 auto;max-width:100%}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{padding-inline-start:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end;height:inherit;align-items:center}.ui5-shellbar-overflow-container-right-child .ui5-shellbar-button[data-count]:has(+.ui5-shellbar-overflow-button):before{inset-inline-end:var(--_ui5-v2-1-2-shellbar-notification-btn-count-offset)}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size="M"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size="S"]) .ui5-shellbar-overflow-container-right{padding-inline-start:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}:host([breakpoint-size="L"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host([breakpoint-size="XL"]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{padding-inline-start:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before,.ui5-shellbar-button[data-count]:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);border:var(--_ui5-v2-1-2_shellbar_button_badge_border);color:var(--sapContent_BadgeTextColor);top:-.25rem;right:-.25rem;padding:0 .3125rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count);inset-inline-end:var(--_ui5-v2-1-2-shellbar-notification-btn-count-offset)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-inline-start:.5rem}.ui5-shellbar-search-field{align-items:center;flex-grow:1;min-width:240px;margin-inline-start:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background:var(--_ui5-v2-1-2_shellbar_search_field_background);border:var(--_ui5-v2-1-2_shellbar_search_field_border);box-shadow:var(--_ui5-v2-1-2_shellbar_search_field_box_shadow);color:var(--_ui5-v2-1-2_shellbar_search_field_color);height:2.25rem;width:100%}::slotted([ui5-input]:hover){background:var(--_ui5-v2-1-2_shellbar_search_field_background_hover);box-shadow:var(--_ui5-v2-1-2_shellbar_search_field_box_shadow_hover)}::slotted([ui5-input][focused]){outline:var(--_ui5-v2-1-2_shellbar_search_field_outline_focused)}::slotted([slot="logo"]){max-height:2rem;pointer-events:none}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-coPilot-pressed,.ui5-shellbar-coPilot-pressed:hover{color:var(--sapShell_Assistant_ForegroundColor)}::slotted([ui5-button][slot="startButton"]){margin-inline:0 .5rem;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}

package/dist/css/themes/SideNavigation.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host(:not([hidden])){display:inline-block;height:100%;min-width:var(--_ui5-v2-1-~~1_side_navigation_width~~);width:var(--_ui5-v2-1-~~1_side_navigation_width~~);max-width:100%;transition:width .3s,min-width .3s;border-radius:var(--_ui5-v2-1-~~1_side_navigation_border_radius~~);box-shadow:var(--_ui5-v2-1-~~1_side_navigation_box_shadow~~);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);background:var(--sapList_Background)}:host([collapsed]){min-width:var(--_ui5-v2-1-~~1_side_navigation_collapsed_width~~);width:var(--_ui5-v2-1-~~1_side_navigation_collapsed_width~~)}:host([is-touch-device]){border-radius:var(--_ui5-v2-1-~~1_side_navigation_phone_border_radius~~)}.ui5-sn-root{height:100%;display:flex;flex-direction:column;box-sizing:border-box;border-radius:inherit;border-inline-end:var(--_ui5-v2-1-~~1_side_navigation_border_right~~)}.ui5-sn-spacer{margin:var(--_ui5-v2-1-~~1_side_navigation_navigation_separator_margin~~);height:var(--_ui5-v2-1-~~1_side_navigation_navigation_separator_height~~);min-height:var(--_ui5-v2-1-~~1_side_navigation_navigation_separator_height~~);background-color:var(--_ui5-v2-1-~~1_side_navigation_navigation_separator_background_color~~);border-radius:var(--_ui5-v2-1-~~1_side_navigation_navigation_separator_radius~~)}.ui5-sn-collapsed .ui5-sn-spacer{margin:var(--_ui5-v2-1-~~1_side_navigation_navigation_separator_margin_collapsed~~)}.ui5-sn-flexible{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;box-sizing:border-box}.ui5-sn-fixed{position:relative}.ui5-sn-list{margin:0;padding:var(--_ui5-v2-1-~~1_side_navigation_padding~~);list-style:none;box-sizing:border-box;overflow:hidden auto}.ui5-sn-collapsed .ui5-sn-list{overflow:visible;display:flex;flex-direction:column}:host([in-popover]) .ui5-sn-list{padding:var(--_ui5-v2-1-~~1_side_navigation_parent_popup_padding~~)}.ui5-sn-item-overflow{margin-top:auto}
1	+ :host(:not([hidden])){display:inline-block;height:100%;min-width:var(--_ui5-v2-1-2_side_navigation_width);width:var(--_ui5-v2-1-2_side_navigation_width);max-width:100%;transition:width .3s,min-width .3s;border-radius:var(--_ui5-v2-1-2_side_navigation_border_radius);box-shadow:var(--_ui5-v2-1-2_side_navigation_box_shadow);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);background:var(--sapList_Background)}:host([collapsed]){min-width:var(--_ui5-v2-1-2_side_navigation_collapsed_width);width:var(--_ui5-v2-1-2_side_navigation_collapsed_width)}:host([is-touch-device]){border-radius:var(--_ui5-v2-1-2_side_navigation_phone_border_radius)}.ui5-sn-root{height:100%;display:flex;flex-direction:column;box-sizing:border-box;border-radius:inherit;border-inline-end:var(--_ui5-v2-1-2_side_navigation_border_right)}.ui5-sn-spacer{margin:var(--_ui5-v2-1-2_side_navigation_navigation_separator_margin);height:var(--_ui5-v2-1-2_side_navigation_navigation_separator_height);min-height:var(--_ui5-v2-1-2_side_navigation_navigation_separator_height);background-color:var(--_ui5-v2-1-2_side_navigation_navigation_separator_background_color);border-radius:var(--_ui5-v2-1-2_side_navigation_navigation_separator_radius)}.ui5-sn-collapsed .ui5-sn-spacer{margin:var(--_ui5-v2-1-2_side_navigation_navigation_separator_margin_collapsed)}.ui5-sn-flexible{display:flex;flex-direction:column;flex:1;min-height:0;position:relative;box-sizing:border-box}.ui5-sn-fixed{position:relative}.ui5-sn-list{margin:0;padding:var(--_ui5-v2-1-2_side_navigation_padding);list-style:none;box-sizing:border-box;overflow:hidden auto}.ui5-sn-collapsed .ui5-sn-list{overflow:visible;display:flex;flex-direction:column}:host([in-popover]) .ui5-sn-list{padding:var(--_ui5-v2-1-2_side_navigation_parent_popup_padding)}.ui5-sn-item-overflow{margin-top:auto}

package/dist/css/themes/SideNavigationGroup.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);min-height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~);transition:var(--_ui5-v2-1-~~1_side_navigation_item_transition~~);margin-block-end:var(--_ui5-v2-1-~~1_side_navigation_item_bottom_margin~~)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_offset~~);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_radius~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_and_focused_border_style_color~~)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-~~1_side_navigation_group_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_group_border_width~~)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_group_expanded_border_width~~)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-~~1_side_navigation_collapsed_selected_item_background~~)}.ui5-sn-item:before{border:var(--_ui5-v2-1-~~1_side_navigation_item_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_selected_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-~~1_side_navigation_hover_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_hover_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-~~1_side_navigation_last_item_border_style~~)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-~~1_side_navigation_icon_color~~);height:var(--_ui5-v2-1-~~1_side_navigation_icon_font_size~~);min-width:var(--_ui5-v2-1-~~1_side_navigation_group_icon_width~~)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_expand_icon_color~~);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_external_link_icon_color~~)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_icon_padding~~)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_width~~);box-shadow:var(--_ui5-v2-1-~~1_side_navigation_box_shadow~~);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_padding_right~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-~~1_side_navigation_triangle_display~~);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-~~1_side_navigation_triangle_color~~);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-~~1_side_navigation_selection_indicator_display~~)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-~~1_side_navigation_popup_item_padding~~);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{font-size:var(--sapFontSmallSize);font-family:var(--sapFontSemiboldFamily);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{height:2rem;min-height:2rem;padding-inline-start:.5rem;gap:.4375rem}.ui5-sn-item.ui5-sn-item-group .ui5-sn-item-toggle-icon{display:none}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}
1	+ .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-2_side_navigation_item_height);min-height:var(--_ui5-v2-1-2_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius);transition:var(--_ui5-v2-1-2_side_navigation_item_transition);margin-block-end:var(--_ui5-v2-1-2_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-2_side_navigation_item_focus_border_offset);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-2_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-2_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-2_side_navigation_group_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-2_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-2_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:before{border:var(--_ui5-v2-1-2_side_navigation_item_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-2_side_navigation_selected_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_selected_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-2_side_navigation_hover_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-2_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-2_side_navigation_icon_color);height:var(--_ui5-v2-1-2_side_navigation_icon_font_size);min-width:var(--_ui5-v2-1-2_side_navigation_group_icon_width)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_external_link_icon_color)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-2_side_navigation_item_collapsed_icon_padding)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5-v2-1-2_side_navigation_box_shadow);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-2_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-2_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-2_side_navigation_selection_indicator_display)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-2_side_navigation_popup_item_padding);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{font-size:var(--sapFontSmallSize);font-family:var(--sapFontSemiboldFamily);color:var(--sapContent_LabelColor)}.ui5-sn-item.ui5-sn-item-group{height:2rem;min-height:2rem;padding-inline-start:.5rem;gap:.4375rem}.ui5-sn-item.ui5-sn-item-group .ui5-sn-item-toggle-icon{display:none}.ui5-sn-item.ui5-sn-item-group:hover .ui5-sn-item-toggle-icon,.ui5-sn-item.ui5-sn-item-group:focus .ui5-sn-item-toggle-icon{display:block}:host(:first-child) .ui5-sn-item-separator:first-child,:host(:last-child) .ui5-sn-item-separator:last-child,.ui5-sn-item-group-below-group.ui5-sn-item-separator,.ui5-sn-item-group-below-group .ui5-sn-item-separator:first-child{display:none}

package/dist/css/themes/SideNavigationItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);min-height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~);transition:var(--_ui5-v2-1-~~1_side_navigation_item_transition~~);margin-block-end:var(--_ui5-v2-1-~~1_side_navigation_item_bottom_margin~~)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_offset~~);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_radius~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_and_focused_border_style_color~~)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-~~1_side_navigation_group_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_group_border_width~~)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_group_expanded_border_width~~)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-~~1_side_navigation_collapsed_selected_item_background~~)}.ui5-sn-item:before{border:var(--_ui5-v2-1-~~1_side_navigation_item_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_selected_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-~~1_side_navigation_hover_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_hover_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-~~1_side_navigation_last_item_border_style~~)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-~~1_side_navigation_icon_color~~);height:var(--_ui5-v2-1-~~1_side_navigation_icon_font_size~~);min-width:var(--_ui5-v2-1-~~1_side_navigation_group_icon_width~~)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_expand_icon_color~~);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_external_link_icon_color~~)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_icon_padding~~)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_width~~);box-shadow:var(--_ui5-v2-1-~~1_side_navigation_box_shadow~~);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_padding_right~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-~~1_side_navigation_triangle_display~~);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-~~1_side_navigation_triangle_color~~);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-~~1_side_navigation_selection_indicator_display~~)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-~~1_side_navigation_popup_item_padding~~);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{color:var(--sapList_TextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:var(--_ui5-v2-1-~~1_side_navigation_group_text_weight~~)}.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--_ui5-v2-1-~~1_side_navigation_item_padding_left~~)}:host([in-popover]) .ui5-sn-item-level1{margin-bottom:var(--_ui5-v2-1-~~1_side_navigation_group_bottom_margin_in_popup~~)}:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text{margin:0 1rem 0 0;font-size:var(--_ui5-v2-1-~~1_side_navigation_popup_title_text_size~~);line-height:var(--_ui5-v2-1-~~1_side_navigation_popup_title_line_height~~)}.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow{margin-top:auto}
1	+ .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-2_side_navigation_item_height);min-height:var(--_ui5-v2-1-2_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius);transition:var(--_ui5-v2-1-2_side_navigation_item_transition);margin-block-end:var(--_ui5-v2-1-2_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-2_side_navigation_item_focus_border_offset);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-2_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-2_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-2_side_navigation_group_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-2_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-2_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:before{border:var(--_ui5-v2-1-2_side_navigation_item_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-2_side_navigation_selected_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_selected_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-2_side_navigation_hover_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-2_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-2_side_navigation_icon_color);height:var(--_ui5-v2-1-2_side_navigation_icon_font_size);min-width:var(--_ui5-v2-1-2_side_navigation_group_icon_width)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_external_link_icon_color)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-2_side_navigation_item_collapsed_icon_padding)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5-v2-1-2_side_navigation_box_shadow);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-2_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-2_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-2_side_navigation_selection_indicator_display)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-2_side_navigation_popup_item_padding);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{color:var(--sapList_TextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:var(--_ui5-v2-1-2_side_navigation_group_text_weight)}.ui5-sn-item-level1:not(:has(>.ui5-sn-item-icon)),.ui5-sn-item-level1.ui5-sn-item-selected:not(:has(>.ui5-sn-item-icon)){padding-inline-start:var(--_ui5-v2-1-2_side_navigation_item_padding_left)}:host([in-popover]) .ui5-sn-item-level1{margin-bottom:var(--_ui5-v2-1-2_side_navigation_group_bottom_margin_in_popup)}:host([in-popover]) .ui5-sn-item-level1 .ui5-sn-item-text{margin:0 1rem 0 0;font-size:var(--_ui5-v2-1-2_side_navigation_popup_title_text_size);line-height:var(--_ui5-v2-1-2_side_navigation_popup_title_line_height)}.ui5-sn-item.ui5-sn-item-level1.ui5-sn-item-overflow{margin-top:auto}

package/dist/css/themes/SideNavigationItemBase.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);min-height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~);transition:var(--_ui5-v2-1-~~1_side_navigation_item_transition~~);margin-block-end:var(--_ui5-v2-1-~~1_side_navigation_item_bottom_margin~~)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_offset~~);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_radius~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_and_focused_border_style_color~~)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-~~1_side_navigation_group_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_group_border_width~~)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_group_expanded_border_width~~)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-~~1_side_navigation_collapsed_selected_item_background~~)}.ui5-sn-item:before{border:var(--_ui5-v2-1-~~1_side_navigation_item_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_selected_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-~~1_side_navigation_hover_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_hover_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-~~1_side_navigation_last_item_border_style~~)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-~~1_side_navigation_icon_color~~);height:var(--_ui5-v2-1-~~1_side_navigation_icon_font_size~~);min-width:var(--_ui5-v2-1-~~1_side_navigation_group_icon_width~~)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_expand_icon_color~~);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_external_link_icon_color~~)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_icon_padding~~)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_width~~);box-shadow:var(--_ui5-v2-1-~~1_side_navigation_box_shadow~~);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_padding_right~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-~~1_side_navigation_triangle_display~~);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-~~1_side_navigation_triangle_color~~);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-~~1_side_navigation_selection_indicator_display~~)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-~~1_side_navigation_popup_item_padding~~);width:auto}.ui5-sn-item-separator{min-height:.75rem}
1	+ .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-2_side_navigation_item_height);min-height:var(--_ui5-v2-1-2_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius);transition:var(--_ui5-v2-1-2_side_navigation_item_transition);margin-block-end:var(--_ui5-v2-1-2_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-2_side_navigation_item_focus_border_offset);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-2_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-2_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-2_side_navigation_group_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-2_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-2_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:before{border:var(--_ui5-v2-1-2_side_navigation_item_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-2_side_navigation_selected_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_selected_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-2_side_navigation_hover_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-2_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-2_side_navigation_icon_color);height:var(--_ui5-v2-1-2_side_navigation_icon_font_size);min-width:var(--_ui5-v2-1-2_side_navigation_group_icon_width)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_external_link_icon_color)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-2_side_navigation_item_collapsed_icon_padding)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5-v2-1-2_side_navigation_box_shadow);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-2_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-2_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-2_side_navigation_selection_indicator_display)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-2_side_navigation_popup_item_padding);width:auto}.ui5-sn-item-separator{min-height:.75rem}

package/dist/css/themes/SideNavigationPopover.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-side-navigation-popover{--_ui5-v2-1-~~1_popover_box_shadow~~: var(--_ui5-v2-1-~~1_side_navigation_popup_box_shadow~~)}.ui5-side-navigation-popover::part(content){padding:0}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}
1	+ .ui5-side-navigation-popover{--_ui5-v2-1-2_popover_box_shadow: var(--_ui5-v2-1-2_side_navigation_popup_box_shadow)}.ui5-side-navigation-popover::part(content){padding:0}.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}

package/dist/css/themes/SideNavigationSubItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);min-height:var(--_ui5-v2-1-~~1_side_navigation_item_height~~);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~);transition:var(--_ui5-v2-1-~~1_side_navigation_item_transition~~);margin-block-end:var(--_ui5-v2-1-~~1_side_navigation_item_bottom_margin~~)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_offset~~);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_focus_border_radius~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_and_focused_border_style_color~~)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-~~1_side_navigation_group_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_group_border_width~~)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_group_expanded_border_width~~)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-~~1_side_navigation_collapsed_selected_item_background~~)}.ui5-sn-item:before{border:var(--_ui5-v2-1-~~1_side_navigation_item_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-~~1_side_navigation_selected_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_selected_border_width~~)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-~~1_side_navigation_hover_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_hover_border_width~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-~~1_side_navigation_item_border_radius~~)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-~~1_side_navigation_last_item_border_style~~)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-~~1_side_navigation_icon_color~~);height:var(--_ui5-v2-1-~~1_side_navigation_icon_font_size~~);min-width:var(--_ui5-v2-1-~~1_side_navigation_group_icon_width~~)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_expand_icon_color~~);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-~~1_side_navigation_external_link_icon_color~~)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_icon_padding~~)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_width~~);box-shadow:var(--_ui5-v2-1-~~1_side_navigation_box_shadow~~);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_padding_right~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-~~1_side_navigation_item_collapsed_hover_focus_display~~)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-~~1_side_navigation_triangle_display~~);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-~~1_side_navigation_triangle_color~~);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-~~1_side_navigation_selection_indicator_display~~)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-~~1_side_navigation_popup_item_padding~~);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{color:var(--sapList_TextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400}.ui5-sn-item-level2{padding-inline-start:var(--_ui5-v2-1-~~1_side_navigation_group_icon_width~~)}:host(:last-child) .ui5-sn-item.ui5-sn-item-level2:not(.ui5-sn-item-selected):before{border:var(--_ui5-v2-1-~~1_side_navigation_group_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_group_border_width~~)}.ui5-sn-item.ui5-sn-item-level2:before{border:var(--_ui5-v2-1-~~1_side_navigation_item_border_style_color~~);border-width:var(--_ui5-v2-1-~~1_side_navigation_item_border_width~~)}
1	+ .ui5-sn-item-ul{margin:0;padding:0;list-style:none}.ui5-sn-item{display:flex;align-items:center;width:100%;box-sizing:border-box;text-decoration:none;position:relative;height:var(--_ui5-v2-1-2_side_navigation_item_height);min-height:var(--_ui5-v2-1-2_side_navigation_item_height);cursor:pointer;color:inherit;background-color:var(--sapList_Background);border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius);transition:var(--_ui5-v2-1-2_side_navigation_item_transition);margin-block-end:var(--_ui5-v2-1-2_side_navigation_item_bottom_margin)}:host(.ui5-sn-item-hidden[side-nav-collapsed]),:host([side-nav-collapsed]) .ui5-sn-item-hidden{display:none}.ui5-sn-item:focus{outline:none}:host([desktop]) .ui5-sn-item:focus:after,.ui5-sn-item:focus-visible:after{border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;content:"";inset:var(--_ui5-v2-1-2_side_navigation_item_focus_border_offset);z-index:2;pointer-events:none;border-radius:var(--_ui5-v2-1-2_side_navigation_item_focus_border_radius)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:focus:before{border:var(--_ui5-v2-1-2_side_navigation_selected_and_focused_border_style_color)}.ui5-sn-item.ui5-sn-item-group:before,.ui5-sn-item.ui5-sn-item-level1:before{border:var(--_ui5-v2-1-2_side_navigation_group_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_group_border_width)}.ui5-sn-item-group[aria-expanded=true]:before,.ui5-sn-item-level1[aria-expanded=true]:before{border-width:var(--_ui5-v2-1-2_side_navigation_group_expanded_border_width)}.ui5-sn-item:before{content:"";position:absolute;inset:0;pointer-events:none}.ui5-sn-item.ui5-sn-item-disabled{opacity:var(--sapContent_DisabledOpacity);cursor:default}.ui5-sn-item:not(.ui5-sn-item-disabled):hover{background:var(--sapList_Hover_Background)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--sapList_SelectionBackgroundColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active .ui5-sn-item-text,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active .ui5-sn-item-text{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled):active [ui5-icon],.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active [ui5-icon]{color:var(--sapList_Active_TextColor)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:hover{background:var(--sapList_Hover_SelectionBackground)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active,.ui5-sn-item:not(.ui5-sn-item-disabled):active,.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:active,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected.ui5-sn-item-active{background:var(--sapList_Active_Background)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected{background:var(--_ui5-v2-1-2_side_navigation_collapsed_selected_item_background)}.ui5-sn-item:before{border:var(--_ui5-v2-1-2_side_navigation_item_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:before{border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border:var(--_ui5-v2-1-2_side_navigation_selected_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_selected_border_width)}.ui5-sn-item:not(.ui5-sn-item-disabled):not(.ui5-sn-item-selected):hover:before{border:var(--_ui5-v2-1-2_side_navigation_hover_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_hover_border_width)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-disabled).ui5-sn-item-selected:before{border-radius:var(--_ui5-v2-1-2_side_navigation_item_border_radius)}:host([in-popover]:last-of-type) .ui5-sn-item:not(:hover):not(:active):before{border:var(--_ui5-v2-1-2_side_navigation_last_item_border_style)}.ui5-sn-item-icon{color:var(--_ui5-v2-1-2_side_navigation_icon_color);height:var(--_ui5-v2-1-2_side_navigation_icon_font_size);min-width:var(--_ui5-v2-1-2_side_navigation_group_icon_width)}.ui5-sn-item-toggle-icon,.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_expand_icon_color);min-width:2rem;height:.875rem}.ui5-sn-item-external-link-icon{color:var(--_ui5-v2-1-2_side_navigation_external_link_icon_color)}.ui5-sn-item-fixed .ui5-sn-item-toggle-icon,.ui5-sn-item-fixed .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item{justify-content:center}:host([side-nav-collapsed]) .ui5-sn-item-icon{padding:var(--_ui5-v2-1-2_side_navigation_item_collapsed_icon_padding)}:host([side-nav-collapsed]) .ui5-sn-item-text{display:none}:host([side-nav-collapsed]) .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item-external-link-icon{display:none}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus{width:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_width);box-shadow:var(--_ui5-v2-1-2_side_navigation_box_shadow);z-index:1}:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:hover,:host([side-nav-collapsed]) .ui5-sn-item.ui5-sn-item-selected:focus{background:var(--sapList_SelectionBackgroundColor)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover:not(.ui5-sn-item-with-expander),:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus:not(.ui5-sn-item-with-expander){padding-inline-end:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_padding_right)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-text,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-external-link-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-external-link-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):hover .ui5-sn-item-toggle-icon,:host([side-nav-collapsed]) .ui5-sn-item:not(.ui5-sn-item-active):not(.ui5-sn-item-no-hover-effect):focus .ui5-sn-item-toggle-icon{display:var(--_ui5-v2-1-2_side_navigation_item_collapsed_hover_focus_display)}.ui5-sn-item[aria-expanded=false]+.ui5-sn-item-ul{display:none}.ui5-sn-item-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui5-sn-item-with-expander .ui5-sn-item-icon:after{display:var(--_ui5-v2-1-2_side_navigation_triangle_display);content:"";width:0;height:0;border-left:.375rem solid transparent;border-bottom:.375rem solid var(--_ui5-v2-1-2_side_navigation_triangle_color);position:absolute;right:.1875rem;bottom:.125rem}.ui5-sn-item-selection-icon{display:none;height:.5rem;width:.5rem;margin-inline:.5rem;color:var(--sapList_SelectionBorderColor)}.ui5-sn-item[aria-expanded] .ui5-sn-item-selection-icon{margin-inline:.5rem 0}.ui5-sn-item-selected .ui5-sn-item-selection-icon{display:var(--_ui5-v2-1-2_side_navigation_selection_indicator_display)}:host([in-popover]) .ui5-sn-item{padding:var(--_ui5-v2-1-2_side_navigation_popup_item_padding);width:auto}.ui5-sn-item-separator{min-height:.75rem}:host{color:var(--sapList_TextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400}.ui5-sn-item-level2{padding-inline-start:var(--_ui5-v2-1-2_side_navigation_group_icon_width)}:host(:last-child) .ui5-sn-item.ui5-sn-item-level2:not(.ui5-sn-item-selected):before{border:var(--_ui5-v2-1-2_side_navigation_group_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_group_border_width)}.ui5-sn-item.ui5-sn-item-level2:before{border:var(--_ui5-v2-1-2_side_navigation_item_border_style_color);border-width:var(--_ui5-v2-1-2_side_navigation_item_border_width)}

package/dist/css/themes/Timeline.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host(:not([hidden])){display:block}.ui5-timeline-root{padding:var(--_ui5-v2-1-~~1_tl_padding~~);box-sizing:border-box;overflow:hidden}.ui5-timeline-list{list-style:none;margin:0;padding:0}:host([layout="Vertical"]) .ui5-timeline-list{display:flex;flex-direction:column}.ui5-timeline-list-item{margin-bottom:var(--_ui5-v2-1-~~1_tl_li_margin_bottom~~)}.ui5-timeline-list-item:last-child{margin-bottom:0}:host([layout="Horizontal"]) .ui5-timeline-list{white-space:nowrap;list-style:none;margin:0;padding:0;display:flex}:host([layout="Horizontal"]) .ui5-timeline-list-item{display:inline-block;margin-inline-start:var(--_ui5-v2-1-~~1_tl_li_margin_bottom~~)}:host([layout="Horizontal"]) .ui5-timeline-scroll-container{overflow:auto;width:calc(100% + var(--_ui5-v2-1-~~1_timeline_scroll_container_offset~~))}
1	+ :host(:not([hidden])){display:block}.ui5-timeline-root{padding:var(--_ui5-v2-1-2_tl_padding);box-sizing:border-box;overflow:hidden}.ui5-timeline-list{list-style:none;margin:0;padding:0}:host([layout="Vertical"]) .ui5-timeline-list{display:flex;flex-direction:column}.ui5-timeline-list-item{margin-bottom:var(--_ui5-v2-1-2_tl_li_margin_bottom)}.ui5-timeline-list-item:last-child{margin-bottom:0}:host([layout="Horizontal"]) .ui5-timeline-list{white-space:nowrap;list-style:none;margin:0;padding:0;display:flex}:host([layout="Horizontal"]) .ui5-timeline-list-item{display:inline-block;margin-inline-start:var(--_ui5-v2-1-2_tl_li_margin_bottom)}:host([layout="Horizontal"]) .ui5-timeline-scroll-container{overflow:auto;width:calc(100% + var(--_ui5-v2-1-2_timeline_scroll_container_offset))}

package/dist/css/themes/TimelineGroupItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host .ui5-timeline-group-list-item{list-style:none}:host([collapsed]) .ui5-timeline-group-list-item{display:none}.ui5-tl-group-item{width:100%;display:flex;flex-direction:column;margin:0;padding:0;gap:1.25rem}.ui5-tlgi-root{display:flex;flex-direction:column;gap:var(--_ui5-v2-1-~~1_timeline_tlgi_compact_root_gap~~, 1.25rem)}.ui5-tlgi-btn-root{display:flex;justify-content:space-between;gap:.125rem}.ui5-tlgi-icon-placeholder{display:flex;justify-content:center;position:relative;width:2rem;align-self:center}:host([collapsed]) .ui5-tlgi-icon-dot{width:.375rem;height:.375rem;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapBackgroundColor);border-radius:50%;margin-inline-start:.0625rem}.ui5-tlgi-line-placeholder{display:flex;justify-content:center;position:relative;align-self:center;flex-grow:1;margin-inline-end:.5rem;margin-inline-start:-.9375rem}:host([collapsed]) .ui5-tlgi-line{width:100%;height:.0625rem;border-block-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor)}:host([layout="Vertical"]:not(:last-child)[collapsed]) .ui5-tlgi-icon-dot:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:.375rem;inset-inline-start:50%;height:var(--_ui5-v2-1-~~1_timeline_tlgi_compact_icon_before_height~~, calc(100% + 4.5rem) )}:host([layout="Vertical"]:not(:last-child)[collapsed]:not([is-next-item-group])) .ui5-tlgi-icon-dot:before{height:var(--_ui5-v2-1-~~1_timeline_tlgi_compact_icon_before_height~~, calc(100% + 3.75rem) )}:host([layout="Vertical"]:not([first-item-in-timeline])[collapsed]) .ui5-tlgi-icon-dot:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:-2rem;inset-inline-start:50%;height:2rem}:host([layout="Horizontal"]) .ui5-tl-group-item{height:100%}:host([layout="Horizontal"]) .ui5-tlgi-root{height:var(--_ui5-v2-1-~~1_timeline_tlgi_root_horizontal_height~~)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-btn-root,:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root{flex-direction:column;gap:.8275rem;margin-block-start:.4375rem;margin-inline-end:var(--_ui5-v2-1-~~1_timeline_tlgi_horizontal_compact_root_margin_left~~, 0)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root:last-child{margin-block-end:-.4375rem}:host([layout="Horizontal"][collapsed]):first-child .ui5-tlgi-btn-root{padding-inline-end:2rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-icon-placeholder{align-self:unset;justify-content:unset}:host([layout="Horizontal"]) .ui5-tlgi-btn{margin-inline-start:-.75rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-line{width:100%;height:calc(100% + 1rem);border-block-start:none;border-inline-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor);margin-block-start:-.8125rem}:host([layout="Horizontal"]) .ui5-tlgi-line-placeholder{height:var(--_ui5-v2-1-~~1_timeline_tlgi_line_horizontal_height~~);align-self:unset;margin-inline-end:0;margin-inline-start:.25rem}:host([layout="Horizontal"]:not([collapsed])) .ui5-tlgi-line-placeholder{display:none}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root>:last-child{margin-block-end:-.8275rem}:host([layout="Horizontal"]) .ui5-tl-group-item{flex-direction:row}:host([layout="Horizontal"]) .ui5-tl-group-item:last-child{margin-inline-end:.25rem}:host([layout="Horizontal"]) .ui5-tlgi-root{flex-direction:column-reverse}:host([layout="Horizontal"]) .ui5-tlgi-btn-root{flex-direction:row-reverse}:host([layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:-1.0625rem;position:absolute;inset-inline-start:.125rem;width:var(--_ui5-v2-1-~~1_timeline_tlgi_horizontal_line_placeholder_before_width~~, calc(100% + 1.5625rem) )}:host(:not([is-next-item-group])[layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{width:var(--_ui5-v2-1-~~1_timeline_tlgi_horizontal_line_placeholder_before_width~~, calc(100% + 1.9375rem) )}
1	+ :host .ui5-timeline-group-list-item{list-style:none}:host([collapsed]) .ui5-timeline-group-list-item{display:none}.ui5-tl-group-item{width:100%;display:flex;flex-direction:column;margin:0;padding:0;gap:1.25rem}.ui5-tlgi-root{display:flex;flex-direction:column;gap:var(--_ui5-v2-1-2_timeline_tlgi_compact_root_gap, 1.25rem)}.ui5-tlgi-btn-root{display:flex;justify-content:space-between;gap:.125rem}.ui5-tlgi-icon-placeholder{display:flex;justify-content:center;position:relative;width:2rem;align-self:center}:host([collapsed]) .ui5-tlgi-icon-dot{width:.375rem;height:.375rem;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapBackgroundColor);border-radius:50%;margin-inline-start:.0625rem}.ui5-tlgi-line-placeholder{display:flex;justify-content:center;position:relative;align-self:center;flex-grow:1;margin-inline-end:.5rem;margin-inline-start:-.9375rem}:host([collapsed]) .ui5-tlgi-line{width:100%;height:.0625rem;border-block-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor)}:host([layout="Vertical"]:not(:last-child)[collapsed]) .ui5-tlgi-icon-dot:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:.375rem;inset-inline-start:50%;height:var(--_ui5-v2-1-2_timeline_tlgi_compact_icon_before_height, calc(100% + 4.5rem) )}:host([layout="Vertical"]:not(:last-child)[collapsed]:not([is-next-item-group])) .ui5-tlgi-icon-dot:before{height:var(--_ui5-v2-1-2_timeline_tlgi_compact_icon_before_height, calc(100% + 3.75rem) )}:host([layout="Vertical"]:not([first-item-in-timeline])[collapsed]) .ui5-tlgi-icon-dot:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:-2rem;inset-inline-start:50%;height:2rem}:host([layout="Horizontal"]) .ui5-tl-group-item{height:100%}:host([layout="Horizontal"]) .ui5-tlgi-root{height:var(--_ui5-v2-1-2_timeline_tlgi_root_horizontal_height)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-btn-root,:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root{flex-direction:column;gap:.8275rem;margin-block-start:.4375rem;margin-inline-end:var(--_ui5-v2-1-2_timeline_tlgi_horizontal_compact_root_margin_left, 0)}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root:last-child{margin-block-end:-.4375rem}:host([layout="Horizontal"][collapsed]):first-child .ui5-tlgi-btn-root{padding-inline-end:2rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-icon-placeholder{align-self:unset;justify-content:unset}:host([layout="Horizontal"]) .ui5-tlgi-btn{margin-inline-start:-.75rem}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-line{width:100%;height:calc(100% + 1rem);border-block-start:none;border-inline-start:.0625rem dashed var(--sapContent_NonInteractiveIconColor);margin-block-start:-.8125rem}:host([layout="Horizontal"]) .ui5-tlgi-line-placeholder{height:var(--_ui5-v2-1-2_timeline_tlgi_line_horizontal_height);align-self:unset;margin-inline-end:0;margin-inline-start:.25rem}:host([layout="Horizontal"]:not([collapsed])) .ui5-tlgi-line-placeholder{display:none}:host([layout="Horizontal"][collapsed]) .ui5-tlgi-root>:last-child{margin-block-end:-.8275rem}:host([layout="Horizontal"]) .ui5-tl-group-item{flex-direction:row}:host([layout="Horizontal"]) .ui5-tl-group-item:last-child{margin-inline-end:.25rem}:host([layout="Horizontal"]) .ui5-tlgi-root{flex-direction:column-reverse}:host([layout="Horizontal"]) .ui5-tlgi-btn-root{flex-direction:row-reverse}:host([layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:-1.0625rem;position:absolute;inset-inline-start:.125rem;width:var(--_ui5-v2-1-2_timeline_tlgi_horizontal_line_placeholder_before_width, calc(100% + 1.5625rem) )}:host(:not([is-next-item-group])[layout="Horizontal"]:not(:last-child)[collapsed]) .ui5-tlgi-line-placeholder:before{width:var(--_ui5-v2-1-2_timeline_tlgi_horizontal_line_placeholder_before_width, calc(100% + 1.9375rem) )}

package/dist/css/themes/TimelineItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout="Vertical"]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout="Horizontal"]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout="Vertical"]) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:2rem;bottom:var(--_ui5-v2-1-1_timeline_tli_indicator_before_bottom);inset-inline-start:50%}:host(:not([icon])[layout="Vertical"]) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator:before{bottom:-1.5rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:-1.75rem}:host(:first-child[layout="Vertical"]:not([first-item-in-timeline])[icon]) .ui5-tli-indicator:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:var(--_ui5-v2-1-1_timeline_tli_indicator_after_top);bottom:var(--_ui5-v2-1-1_timeline_tli_indicator_before_bottom);inset-inline-start:50%;height:var(--_ui5-v2-1-1_timeline_tli_indicator_after_height)}:host(:not([position-in-group])[layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5-v2-1-1_timeline_tli_indicator_before_without_icon_bottom)}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator:before{bottom:var(--_ui5-v2-1-1_timeline_tli_indicator_before_without_icon_bottom);inset-block-start:1.875rem}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:before{inset-block-start:50%;inset-inline-end:var(--_ui5-v2-1-1_timeline_tli_indicator_before_without_icon_right);inset-inline-start:1rem}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5-v2-1-1_timeline_tli_indicator_before_bottom)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{inset-inline-end:var(--_ui5-v2-1-1_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:"";display:inline-block;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;inset-block-start:.9375rem;inset-inline-start:51.75%;transform:translate(-50%)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:after{inset-block-start:.84rem;inset-inline-start:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-block-start:.25rem;height:1.625rem;width:2rem}:host([layout="Horizontal"]) .ui5-tli-icon-outer{margin-block-start:0rem;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout="Horizontal"]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5-v2-1-1_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5-v2-1-1_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5-v2-1-1_TimelineItem_bubble_content_padding)}:host([layout="Horizontal"]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:"";border:var(--_ui5-v2-1-1_TimelineItem_bubble_border_width) var(--_ui5-v2-1-1_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-1-1_TimelineItem_bubble_focus_border_radius);position:absolute;inset-block-start:var(--_ui5-v2-1-1_TimelineItem_bubble_border_top);inset-inline-end:var(--_ui5-v2-1-1_TimelineItem_bubble_border_right);bottom:var(--_ui5-v2-1-1_TimelineItem_bubble_border_bottom);inset-inline-start:var(--_ui5-v2-1-1_TimelineItem_bubble_border_left);pointer-events:none}:host([layout="Horizontal"]) .ui5-tli-bubble:focus:after{inset-block-start:var(--_ui5-v2-1-1_TimelineItem_horizontal_bubble_focus_top_offset);inset-inline-start:var(--_ui5-v2-1-1_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5-v2-1-1_TimelineItem_arrow_size);padding-bottom:var(--_ui5-v2-1-1_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:"";background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5-v2-1-1_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout="Horizontal"]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(-1 * var(--_ui5-v2-1-1_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--top{inset-block-start:calc(-1 * var(--_ui5-v2-1-1_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-title,.ui5-tli-desc{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-block-start:var(--_ui5-v2-1-1_TimelineItem_bubble_content_subtitle_padding_top)}.ui5-tli-desc{padding-block-start:var(--_ui5-v2-1-1_TimelineItem_bubble_content_description_padding_top)}:dir(rtl) .ui5-tli-bubble-arrow--left{right:calc(-1 * var(--_ui5-v2-1-1_TimelineItem_arrow_size));left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble{margin-right:0}:dir(rtl) .ui5-tli-bubble:focus:after{left:var(--_ui5-v2-1-1_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5-v2-1-1_TimelineItem_bubble_rtl_right_offset)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble:focus:after{right:0}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:after{right:.625rem}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5-v2-1-1_timeline_tli_indicator_before_right)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-indicator:before{left:var(--_ui5-v2-1-1_timeline_tli_indicator_before_right);right:2.125rem}:host{align-content:end}:host([hide-bubble]){display:none}.ui5-tli-group-item-btn-arrow{position:absolute;width:.5rem;height:.5rem;transform:rotate(45deg);border:.0625rem solid var(--sapButton_BorderColor);background-color:var(--sapButton_Background);inset-inline-end:4.25rem;inset-block-start:.8125rem;border-inline-end-color:transparent;border-block-start-color:transparent}.ui5-tli-root:hover .ui5-tli-group-item-btn-arrow{background-color:var(--sapButton_Hover_Background)}:host([layout="Horizontal"]) .ui5-tli-root{flex-direction:column}:host([layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{height:.0625rem;inset-block-start:50%;inset-inline-start:1.75rem}:host([position-in-group][layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-inline-start:1.625rem;width:calc(100% + .5rem)}:host([layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);inset-block-start:2rem;position:absolute;height:var(--_ui5-v2-1-1_timeline_tli_indicator_before_height)}:host(:not([icon])[layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([layout="Horizontal"]){height:auto;min-width:3rem;margin-inline-end:.25rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after,:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:var(--_ui5-v2-1-1_timeline_tli_horizontal_indicator_after_width);inset-inline-start:1.5rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after{inset-inline-start:var(--_ui5-v2-1-1_timeline_tli_horizontal_indicator_after_left)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:after{width:calc(var(--_ui5-v2-1-1_timeline_tli_icon_horizontal_indicator_after_width) + 1.25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item])[is-next-item-group]) .ui5-tli-indicator:before{width:var(--_ui5-v2-1-1_timeline_tli_horizontal_without_icon_indicator_before_width)}:host([is-next-item-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-large-line:after{width:var(--_ui5-v2-1-1_timeline_tli_horizontal_indicator_short_after_width)}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:100%;inset-inline-start:1.9375rem}:host(:not([position-in-group])[icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:var(--_ui5-v2-1-1_timeline_tli_horizontal_indicator_short_after_width)}:host([position-in-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:calc(100% - .5rem)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:var(--_ui5-v2-1-1_timeline_tli_icon_horizontal_indicator_after_width)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:calc(100% + .125rem)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:100%}:host([position-in-group][icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:calc(100% - .25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:var(--_ui5-v2-1-1_timeline_tli_horizontal_indicator_before_width);inset-inline-start:1.625rem}:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:var(--_ui5-v2-1-1_timeline_tli_without_icon_horizontal_indicator_before_width);inset-inline-start:1.5rem}
1	+ :host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout="Vertical"]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout="Horizontal"]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout="Vertical"]) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:2rem;bottom:var(--_ui5-v2-1-2_timeline_tli_indicator_before_bottom);inset-inline-start:50%}:host(:not([icon])[layout="Vertical"]) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator:before{bottom:-1.5rem}:host([position-in-group][layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:-1.75rem}:host(:first-child[layout="Vertical"]:not([first-item-in-timeline])[icon]) .ui5-tli-indicator:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:.0625rem;position:absolute;inset-block-start:var(--_ui5-v2-1-2_timeline_tli_indicator_after_top);bottom:var(--_ui5-v2-1-2_timeline_tli_indicator_before_bottom);inset-inline-start:50%;height:var(--_ui5-v2-1-2_timeline_tli_indicator_after_height)}:host(:not([position-in-group])[layout="Vertical"]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5-v2-1-2_timeline_tli_indicator_before_without_icon_bottom)}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator:before{bottom:var(--_ui5-v2-1-2_timeline_tli_indicator_before_without_icon_bottom);inset-block-start:1.875rem}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:before{inset-block-start:50%;inset-inline-end:var(--_ui5-v2-1-2_timeline_tli_indicator_before_without_icon_right);inset-inline-start:1rem}:host([layout="Vertical"]):not([icon]) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5-v2-1-2_timeline_tli_indicator_before_bottom)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{inset-inline-end:var(--_ui5-v2-1-2_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:"";display:inline-block;box-sizing:border-box;border:.0625rem solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.375rem;height:.375rem;position:absolute;inset-block-start:.9375rem;inset-inline-start:51.75%;transform:translate(-50%)}:host([layout="Horizontal"]:not([icon])) .ui5-tli-indicator:after{inset-block-start:.84rem;inset-inline-start:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-block-start:.25rem;height:1.625rem;width:2rem}:host([layout="Horizontal"]) .ui5-tli-icon-outer{margin-block-start:0rem;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout="Horizontal"]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5-v2-1-2_TimelineItem_bubble_border_color);box-sizing:border-box;border-radius:var(--_ui5-v2-1-2_TimelineItem_bubble_border_radius);flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5-v2-1-2_TimelineItem_bubble_content_padding)}:host([layout="Horizontal"]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:"";border:var(--_ui5-v2-1-2_TimelineItem_bubble_border_width) var(--_ui5-v2-1-2_TimelineItem_bubble_border_style) var(--sapContent_FocusColor);border-radius:var(--_ui5-v2-1-2_TimelineItem_bubble_focus_border_radius);position:absolute;inset-block-start:var(--_ui5-v2-1-2_TimelineItem_bubble_border_top);inset-inline-end:var(--_ui5-v2-1-2_TimelineItem_bubble_border_right);bottom:var(--_ui5-v2-1-2_TimelineItem_bubble_border_bottom);inset-inline-start:var(--_ui5-v2-1-2_TimelineItem_bubble_border_left);pointer-events:none}:host([layout="Horizontal"]) .ui5-tli-bubble:focus:after{inset-block-start:var(--_ui5-v2-1-2_TimelineItem_horizontal_bubble_focus_top_offset);inset-inline-start:var(--_ui5-v2-1-2_TimelineItem_horizontal_bubble_focus_left_offset)}.ui5-tli-bubble-arrow{width:var(--_ui5-v2-1-2_TimelineItem_arrow_size);padding-bottom:var(--_ui5-v2-1-2_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:"";background:var(--sapGroup_ContentBackground);border:.0625rem solid var(--_ui5-v2-1-2_TimelineItem_bubble_border_color);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout="Horizontal"]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(-1 * var(--_ui5-v2-1-2_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--top{inset-block-start:calc(-1 * var(--_ui5-v2-1-2_TimelineItem_arrow_size))}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-title,.ui5-tli-desc{color:var(--sapTextColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-block-start:var(--_ui5-v2-1-2_TimelineItem_bubble_content_subtitle_padding_top)}.ui5-tli-desc{padding-block-start:var(--_ui5-v2-1-2_TimelineItem_bubble_content_description_padding_top)}:dir(rtl) .ui5-tli-bubble-arrow--left{right:calc(-1 * var(--_ui5-v2-1-2_TimelineItem_arrow_size));left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}:dir(rtl) .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble{margin-right:0}:dir(rtl) .ui5-tli-bubble:focus:after{left:var(--_ui5-v2-1-2_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5-v2-1-2_TimelineItem_bubble_rtl_right_offset)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-bubble:focus:after{right:0}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:after{right:.625rem}:host([layout="Horizontal"]:not([icon]):dir(rtl)) .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5-v2-1-2_timeline_tli_indicator_before_right)}:host([layout="Horizontal"]:dir(rtl)) .ui5-tli-indicator:before{left:var(--_ui5-v2-1-2_timeline_tli_indicator_before_right);right:2.125rem}:host{align-content:end}:host([hide-bubble]){display:none}.ui5-tli-group-item-btn-arrow{position:absolute;width:.5rem;height:.5rem;transform:rotate(45deg);border:.0625rem solid var(--sapButton_BorderColor);background-color:var(--sapButton_Background);inset-inline-end:4.25rem;inset-block-start:.8125rem;border-inline-end-color:transparent;border-block-start-color:transparent}.ui5-tli-root:hover .ui5-tli-group-item-btn-arrow{background-color:var(--sapButton_Hover_Background)}:host([layout="Horizontal"]) .ui5-tli-root{flex-direction:column}:host([layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{height:.0625rem;inset-block-start:50%;inset-inline-start:1.75rem}:host([position-in-group][layout="Horizontal"][is-next-item-group]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-inline-start:1.625rem;width:calc(100% + .5rem)}:host([layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);inset-block-start:2rem;position:absolute;height:var(--_ui5-v2-1-2_timeline_tli_indicator_before_height)}:host(:not([icon])[layout="Vertical"]:last-child:not([last-item])) .ui5-tli-indicator:before{inset-block-start:1.75rem}:host([layout="Horizontal"]){height:auto;min-width:3rem;margin-inline-end:.25rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after,:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:var(--_ui5-v2-1-2_timeline_tli_horizontal_indicator_after_width);inset-inline-start:1.5rem}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator:after{inset-inline-start:var(--_ui5-v2-1-2_timeline_tli_horizontal_indicator_after_left)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:after{width:calc(var(--_ui5-v2-1-2_timeline_tli_icon_horizontal_indicator_after_width) + 1.25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item])[is-next-item-group]) .ui5-tli-indicator:before{width:var(--_ui5-v2-1-2_timeline_tli_horizontal_without_icon_indicator_before_width)}:host([is-next-item-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-large-line:after{width:var(--_ui5-v2-1-2_timeline_tli_horizontal_indicator_short_after_width)}:host([icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:.0625rem;inset-block-start:1rem;position:absolute;width:100%;inset-inline-start:1.9375rem}:host(:not([position-in-group])[icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:var(--_ui5-v2-1-2_timeline_tli_horizontal_indicator_short_after_width)}:host([position-in-group][icon][layout="Horizontal"]:not([last-item])) .ui5-tli-indicator-short-line:after{width:calc(100% - .5rem)}:host([icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:var(--_ui5-v2-1-2_timeline_tli_icon_horizontal_indicator_after_width)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:calc(100% + .125rem)}:host([position-in-group]:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:100%}:host([position-in-group][icon][layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator-large-line:after{width:calc(100% - .25rem)}:host(:not([icon])[layout="Horizontal"]:not([last-item]):not([is-next-item-group])) .ui5-tli-indicator:before{width:var(--_ui5-v2-1-2_timeline_tli_horizontal_indicator_before_width);inset-inline-start:1.625rem}:host(:not([icon])[layout="Horizontal"]:not([last-item])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{width:var(--_ui5-v2-1-2_timeline_tli_without_icon_horizontal_indicator_before_width);inset-inline-start:1.5rem}

package/dist/css/themes/UploadCollection.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host(:not([hidden])){display:block}.ui5-uc-content{position:relative}.uc-no-files{background-color:var(--sapGroup_ContentBackground)}.uc-dnd-overlay{position:absolute;inset:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--ui5-v2-1-~~1_upload_collection_drag_overlay_border_radius~~)}.uc-drag-overlay{border:var(--ui5-v2-1-~~1_upload_collection_drag_overlay_border~~)}.uc-drop-overlay{border:var(--ui5-v2-1-~~1_upload_collection_drop_overlay_border~~)}.uc-dnd-overlay:before{content:"";position:absolute;inset:0;background-color:var(--sapGroup_ContentBackground);opacity:var(--ui5-v2-1-~~1_upload_collection_drag_overlay_opacity~~);border-radius:var(--ui5-v2-1-~~1_upload_collection_drag_overlay_border_radius~~)}.uc-drop-overlay:after{content:"";position:absolute;inset:0;background-color:var(--ui5-v2-1-~~1_upload_collection_drop_overlay_background~~);opacity:.05;border-radius:var(--ui5-v2-1-~~1_upload_collection_drag_overlay_border_radius~~)}.uc-dnd-overlay [ui5-icon]{width:4rem;height:4rem;margin-bottom:1rem;color:var(--ui5-v2-1-~~1_upload_collection_drag_overlay_icon_color~~)}.uc-dnd-overlay .dnd-overlay-text{font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader4Size);color:var(--ui5-v2-1-~~1_upload_collection_drag_overlay_text_color~~)}.uc-dnd-overlay [ui5-icon],.uc-dnd-overlay .dnd-overlay-text{z-index:1;pointer-events:none}.uc-drop-overlay [ui5-icon],.uc-drop-overlay .dnd-overlay-text{color:var(--sapContent_DragAndDropActiveColor)}.uc-no-files-dnd-overlay{visibility:hidden}
1	+ :host(:not([hidden])){display:block}.ui5-uc-content{position:relative}.uc-no-files{background-color:var(--sapGroup_ContentBackground)}.uc-dnd-overlay{position:absolute;inset:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--ui5-v2-1-2_upload_collection_drag_overlay_border_radius)}.uc-drag-overlay{border:var(--ui5-v2-1-2_upload_collection_drag_overlay_border)}.uc-drop-overlay{border:var(--ui5-v2-1-2_upload_collection_drop_overlay_border)}.uc-dnd-overlay:before{content:"";position:absolute;inset:0;background-color:var(--sapGroup_ContentBackground);opacity:var(--ui5-v2-1-2_upload_collection_drag_overlay_opacity);border-radius:var(--ui5-v2-1-2_upload_collection_drag_overlay_border_radius)}.uc-drop-overlay:after{content:"";position:absolute;inset:0;background-color:var(--ui5-v2-1-2_upload_collection_drop_overlay_background);opacity:.05;border-radius:var(--ui5-v2-1-2_upload_collection_drag_overlay_border_radius)}.uc-dnd-overlay [ui5-icon]{width:4rem;height:4rem;margin-bottom:1rem;color:var(--ui5-v2-1-2_upload_collection_drag_overlay_icon_color)}.uc-dnd-overlay .dnd-overlay-text{font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader4Size);color:var(--ui5-v2-1-2_upload_collection_drag_overlay_text_color)}.uc-dnd-overlay [ui5-icon],.uc-dnd-overlay .dnd-overlay-text{z-index:1;pointer-events:none}.uc-drop-overlay [ui5-icon],.uc-drop-overlay .dnd-overlay-text{color:var(--sapContent_DragAndDropActiveColor)}.uc-no-files-dnd-overlay{visibility:hidden}

package/dist/css/themes/UploadCollectionItem.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{height:auto;container-type:inline-size}:host(:not([hidden])){display:block}:host::part(content){overflow:visible}.ui5-li-root.ui5-uci-root{padding:1rem}.ui5-uci-buttons{display:flex;margin-inline-start:1rem;gap:.5rem}.ui5-uci-thumbnail{width:var(--ui5-v2-1-~~1_upload_collection_thumbnail_size~~);height:var(--ui5-v2-1-~~1_upload_collection_thumbnail_size~~);margin-inline-end:var(--ui5-v2-1-~~1_upload_collection_thumbnail_margin_inline_end~~)}::slotted([ui5-icon][slot="thumbnail"]){width:var(--ui5-v2-1-~~1_upload_collection_thumbnail_size~~);height:var(--ui5-v2-1-~~1_upload_collection_thumbnail_size~~);font-size:2.5rem}::slotted(img[slot="thumbnail"]){width:var(--ui5-v2-1-~~1_upload_collection_thumbnail_size~~);height:var(--ui5-v2-1-~~1_upload_collection_thumbnail_size~~)}:host([actionable]) ::slotted([ui5-icon][slot="thumbnail"]){color:var(--sapContent_IconColor)}.ui5-uci-thumbnail-and-content-container{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start}.ui5-uci-content-and-progress{max-width:100%;min-width:0;display:flex;flex:1 1 auto}.ui5-uci-content{flex:1 1 auto;width:100%;min-width:0}.ui5-uci-progress-box{margin-inline-start:.5rem}.ui5-uci-file-name{display:block;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontLargeSize);margin-bottom:.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-uci-file-name-text{color:var(--sapList_TextColor)}[ui5-link].ui5-uci-file-name{pointer-events:all}.ui5-uci-description{margin-top:.375rem;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapContent_LabelColor);white-space:initial;overflow:hidden;text-overflow:ellipsis}.ui5-uci-edit-container{display:flex;align-items:center}.ui5-uci-edit-container [ui5-input]{width:60%;pointer-events:all;min-width:auto}.ui5-uci-file-extension{font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapTextColor);white-space:no-wrap;overflow:hidden;margin-left:.5rem;width:40%;display:inline-block;vertical-align:middle}.ui5-uci-root-editing .ui5-li-detailbtn,.ui5-uci-root-uploading .ui5-li-detailbtn{display:none}.ui5-uci-edit-rename-btn{margin-right:.125rem}@container (max-width: 30rem){:host::part(content){flex-wrap:wrap}.ui5-uci-thumbnail-and-content-container{width:100%}.ui5-uci-content-and-progress{flex-wrap:wrap}.ui5-uci-progress-box{width:100%;margin-top:.5rem;margin-inline-start:0}.ui5-uci-content{width:100%}.ui5-uci-buttons{margin-inline-start:var(--ui5-v2-1-~~1_upload_collection_small_size_buttons_margin_inline_start~~);margin-block-start:var(--ui5-v2-1-~~1_upload_collection_small_size_buttons_margin_block_start~~)}}.ui5-uci-progress-indicator{height:1.125rem;margin-bottom:.5rem;padding:5px 0;box-sizing:border-box}.ui5-uci-progress-labels{display:flex;justify-content:space-between}:host([active][actionable]) ::slotted([ui5-icon][slot="thumbnail"]),:host([active][actionable]) .ui5-uci-file-name,:host([active][actionable]) .ui5-uci-description{color:var(--sapList_Active_TextColor)}
1	+ :host{height:auto;container-type:inline-size}:host(:not([hidden])){display:block}:host::part(content){overflow:visible}.ui5-li-root.ui5-uci-root{padding:1rem}.ui5-uci-buttons{display:flex;margin-inline-start:1rem;gap:.5rem}.ui5-uci-thumbnail{width:var(--ui5-v2-1-2_upload_collection_thumbnail_size);height:var(--ui5-v2-1-2_upload_collection_thumbnail_size);margin-inline-end:var(--ui5-v2-1-2_upload_collection_thumbnail_margin_inline_end)}::slotted([ui5-icon][slot="thumbnail"]){width:var(--ui5-v2-1-2_upload_collection_thumbnail_size);height:var(--ui5-v2-1-2_upload_collection_thumbnail_size);font-size:2.5rem}::slotted(img[slot="thumbnail"]){width:var(--ui5-v2-1-2_upload_collection_thumbnail_size);height:var(--ui5-v2-1-2_upload_collection_thumbnail_size)}:host([actionable]) ::slotted([ui5-icon][slot="thumbnail"]){color:var(--sapContent_IconColor)}.ui5-uci-thumbnail-and-content-container{flex:1 1 auto;min-width:0;display:flex;align-items:flex-start}.ui5-uci-content-and-progress{max-width:100%;min-width:0;display:flex;flex:1 1 auto}.ui5-uci-content{flex:1 1 auto;width:100%;min-width:0}.ui5-uci-progress-box{margin-inline-start:.5rem}.ui5-uci-file-name{display:block;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontLargeSize);margin-bottom:.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ui5-uci-file-name-text{color:var(--sapList_TextColor)}[ui5-link].ui5-uci-file-name{pointer-events:all}.ui5-uci-description{margin-top:.375rem;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapContent_LabelColor);white-space:initial;overflow:hidden;text-overflow:ellipsis}.ui5-uci-edit-container{display:flex;align-items:center}.ui5-uci-edit-container [ui5-input]{width:60%;pointer-events:all;min-width:auto}.ui5-uci-file-extension{font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapTextColor);white-space:no-wrap;overflow:hidden;margin-left:.5rem;width:40%;display:inline-block;vertical-align:middle}.ui5-uci-root-editing .ui5-li-detailbtn,.ui5-uci-root-uploading .ui5-li-detailbtn{display:none}.ui5-uci-edit-rename-btn{margin-right:.125rem}@container (max-width: 30rem){:host::part(content){flex-wrap:wrap}.ui5-uci-thumbnail-and-content-container{width:100%}.ui5-uci-content-and-progress{flex-wrap:wrap}.ui5-uci-progress-box{width:100%;margin-top:.5rem;margin-inline-start:0}.ui5-uci-content{width:100%}.ui5-uci-buttons{margin-inline-start:var(--ui5-v2-1-2_upload_collection_small_size_buttons_margin_inline_start);margin-block-start:var(--ui5-v2-1-2_upload_collection_small_size_buttons_margin_block_start)}}.ui5-uci-progress-indicator{height:1.125rem;margin-bottom:.5rem;padding:5px 0;box-sizing:border-box}.ui5-uci-progress-labels{display:flex;justify-content:space-between}:host([active][actionable]) ::slotted([ui5-icon][slot="thumbnail"]),:host([active][actionable]) .ui5-uci-file-name,:host([active][actionable]) .ui5-uci-description{color:var(--sapList_Active_TextColor)}