npm - @sapudex/web-components - Versions diffs - 2.63.0 → 2.63.1 - Mend

@sapudex/web-components 2.63.0 → 2.63.1

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 (52) hide show

package/cypress/specs/FilterMenu.cy.tsx +43 -22
package/cypress/specs/FilterMenuAccessibility.cy.tsx +1017 -0
package/cypress/specs/ListItem.cy.tsx +234 -6
package/cypress/specs/SelectBox.cy.tsx +7 -2
package/cypress/specs/SelectBoxAccessibility.cy.tsx +5 -5
package/dist/FilterMenu.d.ts +2 -2
package/dist/FilterMenu.js +6 -4
package/dist/FilterMenu.js.map +1 -1
package/dist/FilterMenuTemplate.js +2 -2
package/dist/FilterMenuTemplate.js.map +1 -1
package/dist/List.d.ts +1 -8
package/dist/List.js +4 -12
package/dist/List.js.map +1 -1
package/dist/ListGroupHeaderTemplate.js +8 -7
package/dist/ListGroupHeaderTemplate.js.map +1 -1
package/dist/ListItem.js +12 -1
package/dist/ListItem.js.map +1 -1
package/dist/ListItemBase.d.ts +5 -0
package/dist/ListItemBase.js +3 -0
package/dist/ListItemBase.js.map +1 -1
package/dist/ListItemTemplate.js +2 -2
package/dist/ListItemTemplate.js.map +1 -1
package/dist/ListSelectAllTemplate.js +1 -1
package/dist/ListSelectAllTemplate.js.map +1 -1
package/dist/SearchableListBaseTemplate.js +7 -9
package/dist/SearchableListBaseTemplate.js.map +1 -1
package/dist/assets/{InputSuggestions-6S5UueXO.js → InputSuggestions-DSPGFWZq.js} +1 -1
package/dist/assets/{ListItemStandardExpandableTextTemplate-OidrwM_d.js → ListItemStandardExpandableTextTemplate-hSNo3Xyr.js} +1 -1
package/dist/assets/{bundle.esm-DaFsZANO.js → bundle.esm-qSu0eWiH.js} +21 -21
package/dist/css/themes/MastheadShell.css +1 -1
package/dist/css/themes/PromoTile.css +1 -1
package/dist/generated/themes/MastheadShell.css.d.ts +1 -1
package/dist/generated/themes/MastheadShell.css.js +1 -1
package/dist/generated/themes/MastheadShell.css.js.map +1 -1
package/dist/generated/themes/PromoTile.css.d.ts +1 -1
package/dist/generated/themes/PromoTile.css.js +1 -1
package/dist/generated/themes/PromoTile.css.js.map +1 -1
package/dist/web-types.json +1 -1
package/package.json +1 -1
package/src/FilterMenu.ts +6 -4
package/src/FilterMenuTemplate.tsx +12 -8
package/src/List.ts +4 -12
package/src/ListGroupHeaderTemplate.tsx +9 -3
package/src/ListItem.ts +12 -1
package/src/ListItemBase.ts +7 -0
package/src/ListItemTemplate.tsx +6 -1
package/src/ListSelectAllTemplate.tsx +11 -12
package/src/SearchableListBaseTemplate.tsx +9 -9
package/src/generated/themes/MastheadShell.css.ts +1 -1
package/src/generated/themes/PromoTile.css.ts +1 -1
package/src/themes/MastheadShell.css +1 -1
package/src/themes/PromoTile.css +5 -0

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

	@@ -1 +1 @@
1	- :host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
1	+ :host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 101;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}

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

	@@ -1 +1 @@
1	- :host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot="pictogram"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}
1	+ :host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot="pictogram"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden;align-self:center}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile__pictogram{align-self:flex-start}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}

package/dist/generated/themes/MastheadShell.css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: ":host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n";
+declare const _default: ":host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 101;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n";
 export default _default;

package/dist/generated/themes/MastheadShell.css.js CHANGED Viewed

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
+export default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 101;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:"";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}
 `;
 //# sourceMappingURL=MastheadShell.css.js.map

package/dist/generated/themes/MastheadShell.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MastheadShell.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadShell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 10;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n`"]}
1	+ {"version":3,"file":"MastheadShell.css.js","sourceRoot":"","sources":["../../../src/generated/themes/MastheadShell.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--udex-masthead-shell-logo-width: 64px;--udex-masthead-shell-co-brand-width: 135px;--udex-masthead-shell-height: 60px;--udex-masthead-shell-background: var(--udexColorGrey1, #F5F6F7);--udex-masthead-shell-dropdown-shadow: var(--sapContent_Shadow2, 0 10px 30px 0 #22364940);--udex-masthead-shell-site-label-font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);--udex-masthead-shell-site-label-max-width-desktop: 250px;--udex-masthead-shell-site-label-max-width-mobile: auto;--udex-masthead-shell-site-label-line-height: 24px;--udex-masthead-shell-site-label-font-weight: var(--udexTypographyFontWeightBold, 700);--udex-masthead-shell-site-label-text-decoration: none;--udex-masthead-shell-site-label-color: var(--udexColorGrey8, #354A5F);--udex-masthead-shell-site-label-color-hover: var(--udexColorBlue7, #0070F2);--udex-masthead-shell-item-gap: var(--udexSpacer24);--udex-masthead-shell-item-icon-gap: var(--udexSpacer8);--udex-grid-gutter: 3rem;--udex-grid-margin-m: 4.5rem;--udex-grid-margin-l: 4.5rem;--udex-grid-margin-xl: 5.25rem;--udex-column-width-l: calc((100% - 2 * var(--udex-grid-margin-l) - 11 * var(--udex-grid-gutter)) / 12);--udex-column-width-xl: calc((100% - 2 * var(--udex-grid-margin-xl) - 11 * var(--udex-grid-gutter)) / 12);--udex-masthead-shell-search-container-width-xl: calc(8 * var(--udex-column-width-xl) + 7 * var(--udex-grid-gutter));--udex-masthead-shell-close-button-divider-color: var(--udexColorGrey3, #D5DADD);--udex-masthead-shell-z-index: 101;--udex-masthead-shell-container-xl-max-width: 1432px;--udex-masthead-shell-container-l-max-width: 1456px;--udex-masthead-mobile-menu-buttons-width: 360px;--udex-masthead-right-menu-padding: var(--udexSpacer64);--udex-masthead-shell-explore-margin: var(--udexSpacer12);--udex-masthead-shell-mobile-menu-height: 100%}:host{position:relative;display:block;width:100%;container-type:inline-size;background:var(--udex-masthead-shell-background);z-index:var(--udex-masthead-shell-z-index)}:host([sticky-position]){position:sticky;top:0}:host([show-search-by-default]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([_is-search-opened]) .udex-masthead-shell__main-content{width:30%}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-search-opened]) .udex-masthead-shell__search-container{width:40%}.udex-masthead-shell__search-container{background:var(--udex-masthead-shell-background)}.udex-masthead-shell__btn-holder{display:flex;justify-content:flex-end;width:30%}.udex-masthead-shell__close-search-btn{--udex-control-button-small-height: 32px;--udex-control-button-small-width: 32px;--udex-control-button-small-icon-size: 18px}.udex-masthead-shell{display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 var(--udexSpacer84);max-width:var(--udex-masthead-shell-container-xl-max-width);margin:0 auto;height:var(--udex-masthead-shell-height)}.udex-masthead-shell__logo{margin-inline-end:var(--udexSpacer16);width:var(--udex-masthead-shell-logo-width);min-width:var(--udex-masthead-shell-logo-width)}.udex-masthead-shell__co-brand{width:var(--udex-masthead-shell-co-brand-width);margin-inline-end:var(--udexSpacer24);padding-inline-start:var(--udexSpacer16);border-inline-start:1px solid var(--udexColorGrey3, #D5DADD)}.udex-masthead-shell__co-brand,.udex-masthead-shell__co-brand-link{display:flex}.udex-masthead-shell__co-brand-image,.udex-masthead-shell__logo-image{width:100%}.udex-masthead-shell__logo--link{cursor:pointer;display:flex}.udex-masthead-shell__co-brand-link:focus,.udex-masthead-shell__co-brand-link:focus-visible,.udex-masthead-shell__logo--link:focus,.udex-masthead-shell__site-label--link:focus{outline:none}:host([desktop]) .udex-masthead-shell__site-label--link:focus,:host([desktop]) .udex-masthead-shell__logo--link:focus,.udex-masthead-shell__logo--link:focus-visible,.udex-masthead-shell__site-label--link:focus-visible{outline:var(--udexRadiusXXS) solid var(--udexColorBlue10);outline-offset:var(--udexSpacer2);border-radius:var(--udexRadiusXXS)}.udex-masthead-shell__site-label{font-family:var(--sapFontFamily);font-size:var(--udex-masthead-shell-site-label-font-size);line-height:var(--udex-masthead-shell-site-label-line-height);color:var(--udex-masthead-shell-site-label-color);font-weight:var(--udex-masthead-shell-site-label-font-weight);text-decoration:var(--udex-masthead-shell-site-label-text-decoration);margin-inline-end:var(--udexSpacer24);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:var(--udex-masthead-shell-site-label-max-width-desktop)}.udex-masthead-shell__site-label--link:hover{color:var(--udex-masthead-shell-site-label-color-hover)}.udex-masthead-shell__main-content{display:flex;align-items:center;box-sizing:border-box}.udex-masthead-shell__main-menu{display:flex;align-items:center;gap:var(--udex-masthead-shell-item-gap);max-width:100%;margin:0;padding:0;list-style:none}.udex-masthead-shell__landing-wrap{display:flex;align-items:center}.udex-masthead-shell__right-menu{display:flex;align-items:center;justify-content:flex-end;gap:var(--udex-masthead-shell-item-icon-gap);padding-inline-start:var(--udex-masthead-right-menu-padding);box-sizing:border-box}.udex-masthead-shell__right-menu_simple-explore .udex-masthead-shell__explore{margin-inline-end:0}.udex-masthead-shell__explore{white-space:nowrap;margin-inline-end:var(--udex-masthead-shell-explore-margin)}.udex-masthead-shell__item_icon{display:flex;align-items:center}.udex-masthead-shell__menu-btn{height:18px}.udex-masthead-shell__close-btn{position:relative;margin-inline-start:var(--udexSpacer12)}.udex-masthead-shell__close-btn:before{content:\"\";position:absolute;left:-12px;top:0;bottom:0;height:32px;border-radius:var(--udexRadiusXXS);width:1px;background:var(--udex-masthead-shell-close-button-divider-color)}:dir(rtl) .udex-masthead-shell__close-btn:before{left:auto;right:-12px}:dir(rtl) .udex-masthead-mobile-wrap{right:auto;left:0}.udex-masthead-shell__close-btn:hover{color:var(--udex-masthead-shell-site-label-color-hover)}:host([show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([_is-mobile-mode]) .udex-masthead-shell__item_icon,:host([_is-mobile-mode]) .udex-masthead-shell__explore,:host([_is-mobile-mode]) .udex-masthead-shell__nav,.udex-masthead-shell__right-menu:empty,.udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:none}:host([_is-mobile-mode]) .udex-masthead-shell__menu-btn,:host([_is-mobile-menu-open]) .udex-masthead-shell__country-selector,:host([_is-mobile-menu-open]) .udex-masthead-shell__cart,:host([_is-mobile-menu-open]) .udex-masthead-shell__joule,:host([_is-mobile-menu-open]) .udex-masthead-shell__profile,:host([_is-mobile-mode][_is-mobile-menu-open]) .udex-masthead-shell__close-btn{display:flex}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width);background:var(--udex-masthead-shell-background);padding-inline-end:var(--udexSpacer84);padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12);position:absolute;top:0;bottom:0;right:0;z-index:var(--udexZIndex1, 1)}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:auto;left:0}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__main-content,.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__landing-wrap{flex:auto}.udex-masthead-shell_co-brand-without-nav .udex-masthead-shell__co-brand{border:none;margin-inline-start:auto;margin-inline-end:0;padding:0}@media (width < 1600px){.udex-masthead-shell{padding-left:var(--udexSpacer72);padding-right:var(--udexSpacer72);max-width:var(--udex-masthead-shell-container-l-max-width)}.udex-masthead-shell__search-container{right:var(--udexSpacer72)}.udex-masthead-shell__search-container:dir(rtl){left:var(--udexSpacer72);right:auto}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer72)}}@media (width < 1280px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:var(--udex-masthead-mobile-menu-buttons-width)}:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__main-content,:host([show-search-by-default]) .udex-masthead-shell__right-menu{width:auto}:host([show-search-by-default]) .udex-masthead-shell__search-container{flex:auto}:host([show-search-by-default]) .udex-masthead-shell__site-label{margin:0}:host([show-search-by-default]) .udex-masthead-shell__main-content{padding-inline-end:var(--udexSpacer32)}.udex-masthead-shell__item_icon,.udex-masthead-shell__explore,.udex-masthead-shell__nav{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__close-btn,.udex-masthead-shell__menu-btn{display:flex}.udex-masthead-shell__right-menu{padding-inline-start:var(--udexSpacer32);gap:var(--udexSpacer12)}.udex-masthead-shell__site-label{font-size:var(--udexTypographyNavigationBoldMFontSize, 14px)}:host([_is-mobile-mode]) .udex-masthead-shell__site-label,.udex-masthead-shell__site-label{max-width:var(--udex-masthead-shell-site-label-max-width-mobile)}}@media (width < 980px){:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__right-menu{width:100%}:host([_is-search-opened][show-search-by-default]) .udex-masthead-shell__search-container,:host([show-search-by-default]) .udex-masthead-shell__search-icon{display:block}:host([_is-search-opened]) .udex-masthead-shell__right-menu,:host([show-search-by-default]) .udex-masthead-shell__search-container,:host([_is-mobile-menu-open][show-search-by-default]) .udex-masthead-shell__search-icon,:host([_is-mobile-menu-open]) .udex-masthead-shell__site-label,:host([_is-mobile-menu-open]) .udex-masthead-shell__logo{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer48);width:auto;left:0}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu:dir(rtl){right:0}.udex-masthead-shell{padding:0 var(--udexSpacer48)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer32);width:auto}}@media (width < 640px){:host([_is-search-opened]) .udex-masthead-shell__main-content{display:none}:host([_is-mobile-menu-open]) .udex-masthead-shell__right-menu{padding-inline-end:var(--udexSpacer24)}.udex-masthead-shell{padding:0 var(--udexSpacer24)}.udex-masthead-shell__btn-holder{padding-inline-start:var(--udexSpacer8)}}\n`"]}

package/dist/generated/themes/PromoTile.css.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-declare const _default: ":host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot=\"pictogram\"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n";
+declare const _default: ":host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot=\"pictogram\"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden;align-self:center}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile__pictogram{align-self:flex-start}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n";
 export default _default;

package/dist/generated/themes/PromoTile.css.js CHANGED Viewed

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot="pictogram"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}
+export default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot="pictogram"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden;align-self:center}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile__pictogram{align-self:flex-start}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}
 `;
 //# sourceMappingURL=PromoTile.css.js.map

package/dist/generated/themes/PromoTile.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PromoTile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromoTile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot=\"pictogram\"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n`"]}
1	+ {"version":3,"file":"PromoTile.css.js","sourceRoot":"","sources":["../../../src/generated/themes/PromoTile.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548);--udex-promo-tile-image-object-fit: contain}:host ::slotted([slot=\"pictogram\"]){width:100%}.udex-promo-tile__container{width:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;border-radius:var(--udex-promo-tile-border-radius);background:var(--udex-promo-tile-background);padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer16, 16px);border:var(--udex-promo-tile-border-width) solid var(--udex-promo-tile-border-color)}.udex-promo-tile--horizontal{flex-direction:row;padding:var(--udexSpacer32, 32px);gap:var(--udexSpacer32, 32px)}.udex-promo-tile__pictogram{width:var(--udex-promo-tile-pictogram-width);height:var(--udex-promo-tile-pictogram-height);max-width:100%;display:flex;justify-content:center;align-items:center;flex-grow:0;flex-shrink:0;overflow:hidden;align-self:center}.udex-promo-tile__pictogram.udex-promo-tile__pictogram--logo{width:var(--udex-promo-tile-logo-width);height:var(--udex-promo-tile-logo-height)}.udex-promo-tile__pictogram img{width:100%;height:100%;object-fit:var(--udex-promo-tile-image-object-fit)}.udex-promo-tile--horizontal .udex-promo-tile__pictogram,.udex-promo-tile--horizontal .udex-promo-tile__footer{flex-shrink:0;flex-grow:0}.udex-promo-tile__pictogram [ui5-icon]{width:var(--udex-promo-tile-icon-width);height:var(--udex-promo-tile-icon-height);fill:var(--udex-promo-tile-icon-fill-color);--_ui5_icon_transform_scale: none}.udex-promo-tile__content{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;gap:var(--udexSpacer32, 32px);font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);color:var(--udex-promo-tile-text-color-dark)}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-grow:1;flex-direction:row}.udex-promo-tile--dark .udex-promo-tile__content{color:var(--udex-promo-tile-text-color-light)}.udex-promo-tile__eyebrow{font-size:var(--udexTypographyEyebrowLFontSize, 16px);line-height:var(--udexTypographyEyebrowLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);text-transform:uppercase;letter-spacing:.5px;color:var(--udex-promo-tile-eyebrow-color);margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumSFontSize, 28px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);font-weight:var(--udexTypographyFontWeightMedium, 500);margin-block-end:var(--udexSpacer16, 16px);color:var(--udex-promo-tile-header-color-dark)}.udex-promo-tile--dark .udex-promo-tile__header{color:var(--udex-promo-tile-header-color-light)}.udex-promo-tile--horizontal .udex-promo-tile__header{margin-block-end:var(--udexSpacer8, 8px)}.udex-promo-tile__footer{display:flex;align-items:center}@media (width < 1280px){.udex-promo-tile--horizontal{padding:var(--udexSpacer24, 24px);gap:var(--udexSpacer24, 24px)}.udex-promo-tile__pictogram{align-self:flex-start}.udex-promo-tile--horizontal .udex-promo-tile__content{flex-direction:column;gap:var(--udexSpacer24, 24px)}.udex-promo-tile__header{font-size:var(--udexTypographyHeadingMediumXSFontSize, 24px)}}@media (width < 980px){.udex-promo-tile--horizontal{flex-direction:column}}.udex-promo-tile--dark [udex-button]{--udex-button-focus-border-color: var(--udexColorNeutralWhite, #FFFFFF);--sapContent_FocusColor: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-border-color: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-default-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-hover-background: var(--udexColorGrey4, #A9B4BE);--udex-button-color-primary-standard-hover-border-color: var(--udexColorGrey3, #D5DADD);--udex-button-color-primary-standard-hover-text-and-icon: var(--udexColorBlue10, #002A86);--udex-button-color-primary-standard-active-background: var(--udexColorNeutralBlack70, #000000B3);--udex-button-color-primary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-standard-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-primary-standard-disabled-text-and-icon: var(--udexColorBlue8, #0057D2);--udex-button-color-primary-standard-focus-border: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-default-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-primary-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-primary-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-primary-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-secondary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-secondary-standard-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-default-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-secondary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-secondary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-secondary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-secondary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-secondary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-standard-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-standard-active-background: var(--udexColorNeutralBlack40, #00000066);--udex-button-color-tertiary-standard-active-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-tertiary-standard-disabled-background: var(--udexColorNeutralBlack, #000000);--udex-button-color-tertiary-standard-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-standard-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-default-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-border: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-default-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-hover-background: var(--udexColorNeutralBlack10, #0000001A);--udex-button-color-tertiary-toggled-hover-border: var(--udexColorGrey5, #8396A8);--udex-button-color-tertiary-toggled-hover-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-tertiary-toggled-disabled-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-button-color-tertiary-toggled-disabled-border: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-tertiary-toggled-disabled-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-default-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-invisible-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-invisible-standard-active-text-and-icon: var(--udexColorBlue5, #4DB1FF);--udex-button-color-invisible-standard-disabled-text-and-icon: var(--udexColorBlue3, #A6E0FF);--udex-button-color-positive-standard-default-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-default-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-default-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-standard-hover-background: var(--udexColorGreen10, #164323);--udex-button-color-positive-standard-hover-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-hover-text-and-icon: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-standard-active-border: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-active-text-and-icon: var(--udexColorGreen4, #97DD40);--udex-button-color-positive-standard-disabled-background: var(--udexColorGreen8, #256F3A);--udex-button-color-positive-standard-disabled-border: var(--udexColorGreen3, #BDE986);--udex-button-color-positive-standard-disabled-text-and-icon: var(--udexColorGreen2, #EBF5CB);--udex-button-color-positive-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-default-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-default-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-background: var(--udexColorBlue10, #002A86);--udex-button-color-positive-toggled-hover-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-hover-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-background: var(--udexColorGrey11, #12171C);--udex-button-color-positive-toggled-disabled-border: var(--udexColorBlue4, #89D1FF);--udex-button-color-positive-toggled-disabled-text-and-icon: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-standard-default-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-default-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-standard-hover-background: var(--udexColorRed10, #5A0404);--udex-button-color-negative-standard-hover-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-hover-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-standard-active-border: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-active-text-and-icon: var(--udexColorRed4, #FF8CB2);--udex-button-color-negative-standard-disabled-background: var(--udexColorRed8, #AA0808);--udex-button-color-negative-standard-disabled-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-standard-disabled-text-and-icon: var(--udexColorRed2, #FFD5EA);--udex-button-color-negative-toggled-default-background: var(--udexColorGrey11, #12171C);--udex-button-color-negative-toggled-default-border: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-default-text-and-icon: var(--udexColorRed3, #FFB2D2);--udex-button-color-negative-toggled-hover-background: var(--udexColorMango4, #FFC933);--udex-button-color-negative-toggled-hover-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-hover-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-background: var(--udexColorBlue4, #89D1FF);--udex-button-color-negative-toggled-disabled-border: var(--udexColorNeutralBlack, #000000);--udex-button-color-negative-toggled-disabled-text-and-icon: var(--udexColorNeutralBlack, #000000);--udex-button-color-warning-standard-default-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-default-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-default-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-standard-hover-background: var(--udexColorMango10, #6D1900);--udex-button-color-warning-standard-hover-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-hover-text-and-icon: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-active-background: var(--udexColorGrey11, #12171C);--udex-button-color-warning-standard-active-border: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-active-text-and-icon: var(--udexColorMango4, #FFC933);--udex-button-color-warning-standard-disabled-background: var(--udexColorMango8, #A93E00);--udex-button-color-warning-standard-disabled-border: var(--udexColorMango3, #FFDF72);--udex-button-color-warning-standard-disabled-text-and-icon: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-default-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-default-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-default-text-and-icon: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-hover-background: var(--udexColorMango2, #FFF3B8);--udex-button-color-warning-toggled-hover-border: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-hover-text-and-icon: var(--udexColorMango8, #A93E00);--udex-button-color-warning-toggled-disabled-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-button-color-warning-toggled-disabled-border: var(--udexColorMango10, #6D1900);--udex-button-color-warning-toggled-disabled-text-and-icon: var(--udexColorMango10, #6D1900)}\n`"]}

package/dist/web-types.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.63.0",
+  "version": "2.63.1",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.63.0",
+  "version": "2.63.1",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },