@sapudex/web-components 2.44.0 → 2.45.0

package/src/generated/themes/MastheadMobileMenu.css.ts

@@ -5,5 +5,5 @@ 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-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}@media (max-width: 979px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-s)}}@media (max-width: 639px){.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-xs)}}
+export default `:host{--udex-masthead-mobile-menu-padding-m: var(--udexSpacer24);--udex-masthead-mobile-menu-padding-s: var(--udexSpacer24) var(--udexSpacer48);--udex-masthead-mobile-menu-padding-xs: var(--udexSpacer24);--udex-masthead-mobile-menu-background: var(--sapShell_Navigation_Background, #FFF);--udex-masthead-mobile-search-margin-bottom: var(--udexSpacer16, 16);--udex-masthead-mobile-explore-btn-position: sticky;--udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);--udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);--udex-masthead-menu-sub-category-text-transform: none;--udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);--udex-masthead-menu-sub-category-line-height: var(--udexTypographyHeadingLineHeight, 1.1);--udex-masthead-menu-sub-category-padding-block: var(--udexSpacer16);--udex-masthead-menu-sub-category-padding-inline: var(--udexSpacer8) var(--udexSpacer12);--udex-masthead-menu-sub-list-item-spacing: 0;--udex-masthead-menu-sub-list-indent: var(--udexSpacer12, 12px)}.udex-masthead-mobile-menu__list-search{margin-bottom:var(--udex-masthead-mobile-search-margin-bottom)}.udex-masthead-mobile-menu{background:var(--udex-masthead-mobile-menu-background);box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;height:100%}.udex-masthead-mobile-menu__nav-holder{padding:var(--udex-masthead-mobile-menu-padding-m);height:100%;overflow:auto}.udex-masthead-mobile-menu__explore-btn{--udex-masthead-menu-item-font-weight: var(--udexTypographyFontWeightMedium, 500);position:var(--udex-masthead-mobile-explore-btn-position);margin-block-start:auto;inset-block-end:0;inline-size:100%}.udex-masthead-mobile-menu__list{margin:0;padding:0;list-style:none}[udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}[udex-masthead-menu-item]::part(menu-item),[udex-masthead-menu-item]::part(menu-item-link){width:100%}.udex-masthead-mobile-menu__back-item::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium, 500);justify-content:space-between}.udex-masthead-mobile-menu__heading::part(menu-item){justify-content:center}.udex-masthead-mobile-menu__back-item::part(menu-item-button):after{content:""}.udex-masthead-mobile-menu__back-item::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}span.udex-masthead-mobile-menu__sub-category{display:block;font-family:var(--sapFontFamily, sans-serif);font-size:var(--udex-masthead-menu-sub-category-font-size);line-height:var(--udex-masthead-menu-sub-category-line-height);font-weight:var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform);color:var(--udex-masthead-menu-sub-category-color);padding-block:var(--udex-masthead-menu-sub-category-padding-block);padding-inline:var(--udex-masthead-menu-sub-category-padding-inline);box-sizing:border-box;width:100%}[udex-masthead-menu-item].udex-masthead-mobile-menu__sub-category{--udex-masthead-menu-item-color: var(--udex-masthead-menu-sub-category-color);--udex-masthead-menu-item-font-size: var(--udex-masthead-menu-sub-category-font-size);--udex-masthead-menu-item-line-height: var(--udex-masthead-menu-sub-category-line-height);--udex-masthead-menu-item-font-weight: var(--udex-masthead-menu-sub-category-font-weight);text-transform:var(--udex-masthead-menu-sub-category-text-transform)}.udex-masthead-mobile-menu__sub-list{list-style:none;margin:0;padding:0;padding-inline-start:var(--udex-masthead-menu-sub-list-indent)}.udex-masthead-mobile-menu__sub-list [udex-masthead-menu-item]{--udex-masthead-menu-item-padding-block-mobile: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-mobile: var(--udexSpacer12)}.udex-masthead-mobile-menu__sub-list li{margin-bottom:var(--udex-masthead-menu-sub-list-item-spacing)}
 `

package/src/generated/themes/MastheadProfileMenu.css.ts

@@ -5,5 +5,5 @@ 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-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-paddings-desktop: 64px 48px 80px 48px;--udex-masthead-profile-menu-paddings-mobile: var(--udexSpacer24, 24px);--udex-masthead-profile-menu-paddings-mobile-s: var(--udexSpacer24, 24px) var(--udexSpacer48, 48px);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;background-color:var(--udex-masthead-profile-menu-background-color);padding:var(--udex-masthead-profile-menu-paddings-desktop);box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);box-sizing:border-box;width:100%;height:100%;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer24)}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item{margin-bottom:var(--udexSpacer4)}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile);box-sizing:border-box;width:100%;min-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}}@media (max-width: 979px){:host([_is-mobile-mode]) .udex-masthead-profile-menu,.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile-s)}}@media (max-width: 639px){:host([_is-mobile-mode]) .udex-masthead-profile-menu,.udex-masthead-profile-menu{padding:var(--udex-masthead-profile-menu-paddings-mobile)}}
+export default `:host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--udex-masthead-profile-menu-background-color: var(--udexColorNeutralWhite, #FFF);--udex-masthead-profile-menu-login-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-username-color: inherit;--udex-masthead-profile-account-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-email-color: var(--udexColorGrey9, #223548);--udex-masthead-profile-menu-header-border-color: var(--udexColorGrey2, #EAECEE);--udex-masthead-profile-menu-identities-list-height: 430px}[udex-masthead-menu]{--udex-masthead-menu-padding-desktop: 0;--udex-masthead-menu-padding-mobile: 0;--udex-masthead-menu-row-margin: 0;--udex-masthead-menu-header-border-color: var(--udex-masthead-profile-menu-header-border-color)}[udex-masthead-menu]::part(column){max-width:initial}.udex-masthead-profile-menu{color:var(--udex-masthead-profile-menu-color);font-family:var(--sapFontFamily);display:inline-flex;flex-direction:column;align-items:stretch;background-color:var(--udex-masthead-profile-menu-background-color);box-sizing:border-box}.udex-masthead-profile-menu__message,.udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer48)}.udex-masthead-profile-menu__header{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer24)}.udex-masthead-profile-menu__header>div{display:flex;flex-direction:column;align-items:center;gap:var(--udexSpacer4)}.udex-profile-menu__account-name{color:var(--udex-masthead-profile-menu-username-color);font-size:20px;font-weight:500;line-height:22px;margin:0}.udex-profile-menu__account-email{color:var(--udex-masthead-profile-account-color);font-size:14px;line-height:21px;margin:0}.udex-masthead-profile-menu__message{width:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu{box-sizing:border-box;width:100%;height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list-wrap,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer24)}.udex-masthead-profile-menu__identities-list-wrap{overflow:auto;height:100%;position:relative}.udex-masthead-profile-menu__btn-back{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralBlack, #000);--udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);--udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12)}.udex-masthead-profile-menu__btn-back::part(menu-item-button){font-weight:var(--udexTypographyFontWeightMedium);justify-content:flex-start}.udex-masthead-profile-menu__btn-back::part(left){margin-inline-end:var(--udexSpacer4);margin-inline-start:0}.udex-masthead-profile-menu__switcher-title{font-size:var(--udexTypographyHeadingBoldXXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);text-align:center;padding:5px}.udex-masthead-profile-menu__identities-list-title{padding:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer12) var(--udexSpacer8);font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyHeadingLineHeight);font-weight:var(--udexTypographyFontWeightMedium);border-bottom:1px solid var(--udex-masthead-profile-menu-login-border-color);margin-bottom:var(--udexSpacer4);margin-top:var(--udexSpacer32);display:block}.udex-masthead-profile-menu__add-remove-btn{margin-inline-end:auto;margin-top:var(--udexSpacer32);display:block;min-height:42px}.udex-masthead-profile-menu__header-wrap{display:flex;flex-direction:column}:host([_is-mobile-mode]) .udex-masthead-profile-menu__identities-list{max-height:100%}:host([_is-mobile-mode]) .udex-masthead-profile-menu.udex-masthead-profile-menu_switcher,.udex-masthead-profile-menu.udex-masthead-profile-menu_switcher{gap:0}.udex-masthead-profile-menu__identities-list{max-height:var(--udex-masthead-profile-menu-identities-list-height);overflow:auto;display:block}.udex-masthead-profile-menu__content{position:relative;overflow:auto}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn,:host([_is-mobile-mode]) .udex-masthead-profile-menu__btn,:host([_is-mobile-mode]) .udex-masthead-profile-menu__content{margin-bottom:var(--udexSpacer24);padding-top:0}:host([_is-mobile-mode]) .udex-masthead-profile-menu__add-remove-btn{margin-top:0}.udex-masthead-profile-menu__links{height:100%;overflow:auto;max-height:100%}.udex-masthead-profile-menu__content{position:relative}:host([_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,.udex-masthead-profile-menu__identities-list_scrollable:before{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;z-index:1;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#FFFFFF 100%)}:host([desktop][_is-mobile-mode]) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]) .udex-masthead-profile-menu__identities-list_scrollable:before{right:15px}:host([desktop][_is-mobile-mode]:dir(rtl)) .udex-masthead-profile-menu__links_scrollable:before,:host([desktop]:dir(rtl)) .udex-masthead-profile-menu__identities-list_scrollable:before{right:0;left:15px}:host([_is-mobile-mode]) .udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu__identities-list-item{margin-bottom:var(--udexSpacer4)}.udex-masthead-profile-menu__identities-list-item::part(supporting){word-break:break-all}:host([_is-mobile-mode]) .udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__actions [udex-link]{font-family:var(--udex-masthead-menu-item-font-family, sans-serif);font-size:var(--udex-masthead-menu-item-font-size, 14px);line-height:var(--udex-masthead-menu-item-line-height, 1.1);font-weight:var(--udex-masthead-menu-item-font-weight, 500);margin:var(--udexSpacer8) var(--udexSpacer12) var(--udexSpacer8) var(--udexSpacer8);color:var(--sapList_TextColor, #000);--udex-link-icon-width: 14px;--udex-link-icon-height: 14px}.udex-masthead-profile-menu__btn{padding-top:var(--udexSpacer32)}@media (max-width: 1279px){.udex-masthead-profile-menu__actions [udex-link]{padding:var(--udexSpacer16) var(--udexSpacer8);margin:0;display:block}.udex-masthead-profile-menu__btn-back::part(menu-item-button){justify-content:space-between}.udex-masthead-profile-menu__btn-back::part(menu-item-button):after{content:""}.udex-masthead-profile-menu__switcher-title{display:none}.udex-masthead-profile-menu{box-sizing:border-box;width:100%;min-height:100%}.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__add-remove-btn,.udex-masthead-profile-menu__btn,.udex-masthead-profile-menu__content,:host([_is-mobile-mode]) .udex-masthead-profile-menu__message,:host([_is-mobile-mode]) .udex-masthead-profile-menu__header{margin-bottom:var(--udexSpacer32)}.udex-masthead-profile-menu__actions{border-top:0;margin-top:auto}udex-masthead-menu-item::part(menu-item){justify-content:center}.udex-masthead-profile-menu__btn{padding-top:0}}@media (max-height: 550px){.udex-masthead-profile-menu__identities-list-wrap,.udex-masthead-profile-menu__content{min-height:100px}}
 `

package/src/generated/themes/TagGroup.css.ts

@@ -5,5 +5,5 @@ 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 `.udex-tag-group{width:100%}.udex-tag-group__tokenizer{border:none;width:100%;line-height:normal;--_ui5_tokenizer_padding: var(--udexSpacer12, 12px)}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer,:host([readonly]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag{margin-inline-end:0;position:relative}:host([displayonly]:dir(rtl)) .udex-tag-group__tag:not(:first-child):before{left:auto;right:-2px}:host([displayonly])::part(n-more-text):before,:host([displayonly]) .udex-tag-group__tag:not(:first-child):not([data-overflows]):before{content:"";position:absolute;top:9px;left:-2px;display:block;width:4px;height:4px;border-radius:50%;z-index:1;background:var(--udexColorGrey9, #223548)}:host([displayonly])::part(n-more-text):before{top:5px;left:-10px}:host([readonly])::part(n-more-text){color:var(--udexColorGrey6 ,#5B738B)}:host([displayonly])::part(n-more-text){position:relative;margin-inline-start:9px}::part(n-more-text){margin-inline-end:4px}:host([displayonly]:dir(rtl))::part(n-more-text):before{left:auto;right:-10px}::part(n-more-text):focus,::part(n-more-text):focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:3px;outline-style:auto}
+export default `.udex-tag-group{width:100%}.udex-tag-group__tokenizer{border:none;width:100%;line-height:normal;--_ui5_tokenizer_padding: var(--udexSpacer12, 12px)}::part(n-more-text){font-size:var(--udexTypographyBodyXXSFontSize)}:host([disabled]){opacity:var(--sapContent_DisabledOpacity)}.udex-tag-group__tag{margin-inline-end:var(--udexSpacer8);max-width:100%}.udex-tag-group__tokenizer .udex-tag-group__tag{display:flex}:host(:not([displayonly])) .udex-tag-group-tooltip__content{line-height:1.75}.udex-tag-group__tag[data-overflows]{margin-inline-end:var(--udexSpacer4)}.udex-tag-group__tag[overflows]{display:none}:host([disabled]) .udex-tag-group__tokenizer{pointer-events:none}:host([displayonly]) .udex-tag-group__tag{margin-inline-end:0;position:relative}:host([displayonly]:dir(rtl)) .udex-tag-group__tag:not(:first-child):before{left:auto;right:-2px}:host([displayonly])::part(n-more-text):before,:host([displayonly]) .udex-tag-group__tag:not(:first-child):not([data-overflows]):before{content:"";position:absolute;top:9px;left:-2px;display:block;width:4px;height:4px;border-radius:50%;z-index:1;background:var(--udexColorGrey9, #223548)}:host([displayonly])::part(n-more-text):before{top:5px;left:-10px}:host([readonly])::part(n-more-text){color:var(--udexColorGrey6 ,#5B738B)}:host([displayonly])::part(n-more-text){position:relative;margin-inline-start:9px}::part(n-more-text){margin-inline-end:4px}:host([displayonly]:dir(rtl))::part(n-more-text):before{left:auto;right:-10px}::part(n-more-text):focus,::part(n-more-text):focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:3px;outline-style:auto}
 `

package/src/i18n/messagebundle_pt.properties

@@ -4,3 +4,129 @@ OVERVIEW=Síntese
 LOGOUT=Sair
 MAIN_LINKS=Principais links
 BACK_TO_TOP=Voltar ao início
+COUNT=Número
+OF=de
+PAGINATION_PAGE=Página
+SELECTED=Selecionado
+UNSELECTED=Não selecionado
+INDETERMINATE=Indeterminado
+EDIT_BUTTON=Editar
+DELETE_BUTTON=Excluir
+BACK_TO_REGION_LIST=Voltar para lista de regiões
+BUTTON_ARIA_TYPE_PRIMARY=Primário
+BUTTON_ARIA_TYPE_SECONDARY=Secundário
+BUTTON_ARIA_TYPE_TERTIARY=Terciário
+BUTTON_ARIA_TYPE_WARNING=Advertência
+BUTTON_ARIA_TYPE_POSITIVE=Positivo
+BUTTON_ARIA_TYPE_NEGATIVE=Negativo
+BUTTON_ARIA_EMPHASIZED=Enfatizado
+BUTTON_ARIA_DEFAULT=Padrão
+BUTTON_ARIA_TRANSPARENT=Transparente
+BUTTON_ARIA_ATTENTION=Atenção
+DATEPICKER_DATE_DESCRIPTION=Entrada de data
+TOGGLED=Alternado
+FIRST_PAGE=Primeira página
+LAST_PAGE=Última página
+PREVIOUS_PAGE=Página anterior
+NEXT_PAGE=Próxima página
+CURRENT_PAGE=Página atual
+ACTIVATE_PAGE=Ativar número da página
+SUGGESTED_TEXT=pesquisas sugeridas
+ACCESSIBLE_NAME_SEARCH_ICON=Pesquisa
+TOOLTIP_VOICE_BUTTON=Voz
+TOOLTIP_SUBMIT_BUTTON=Enviar
+LISTENING=Escuta
+AVAILABLE_VALUES=Valores disponíveis
+RECOMMENDED_TEXT=Páginas recomendadas
+EXPAND_ALL=Expandir tudo
+COLLAPSE_ALL=Recolher tudo
+MORE=Mais
+ATTENTION_BADGE=Indicador de atenção
+READ_MORE=Leia mais
+READ_LESS=Ler menos
+SHOW_MORE=Mostrar mais
+SHOW_LESS=Mostrar menos
+RATING_INDICATOR_TEXT=Indicador de avaliação
+RATING_INDICATOR_TOOLTIP_TEXT=Classificação
+RATING_INDICATOR_ARIA_DESCRIPTION=Obrigatório
+TOTAL=Total
+RATING_COUNT_TITLE=Classificação
+ARIA_LABEL_LIST_MULTISELECTABLE=Contém itens com seleção múltipla
+ARIA_LABEL_LIST_SELECTABLE=Contém itens selecionáveis
+SHOW_RESULTS=Mostrar resultados
+RESET=Redefinir
+MESSAGE_STRIP_CLOSE_BUTTON=Botão Fechar faixa de mensagens
+MESSAGE_STRIP_INFORMATION=Barra de informações
+MESSAGE_STRIP_SUCCESS=Barra positiva
+MESSAGE_STRIP_WARNING=Barra de advertência
+MESSAGE_STRIP_ERROR=Barra negativa
+MESSAGE_STRIP_ACTION=Barra de ação
+REVIEWS=avaliações
+STARS=estrelas
+SELECT_OPTIONS=Selecionar opções
+SELECT_ALL=Selecionar tudo
+TEXTAREA_CHARACTERS_LEFT={0} caracteres restantes
+VALUE_STATE_TYPE_ERROR=Erro de status do campo
+VALUE_STATE_TYPE_WARNING=Advertência de status do campo
+VALUE_STATE_TYPE_SUCCESS=Sucesso no status do campo
+VALUE_STATE_TYPE_STANDARD=Padrão de status do campo
+CAROUSEL_PREVIOUS_ARROW_TEXT=Página anterior
+CAROUSEL_NEXT_ARROW_TEXT=Próxima página
+NO_MATCHES_FOUND=Nenhuma correspondência encontrada.
+BREADCRUMBS_ARIA_LABEL=Trilha de navegação
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mais
+STEPINPUT_INC_ICON_TITLE=Aumentar quantidade em
+STEPINPUT_DEC_ICON_TITLE=Reduzir quantidade em
+TABLE_NO_DATA_FOUND=Nenhum dado encontrado
+VALUE_STATE_ERROR=Entrada inválida
+VALUE_STATE_WARNING=Advertência emitida
+VALUE_STATE_INFORMATION=Entrada informativa
+VALUE_STATE_SUCCESS=Entrada validada com sucesso
+READ_ONLY=Somente leitura
+SWITCH_ACCOUNT=Trocar a conta
+BACK=Voltar
+OTHER_IDENTITIES=Outras identidades
+ADD_OR_REMOVE_ACCOUNT=Adicionar ou remover conta
+COUNTRY_SELECT=Selecionar país
+CART=Carrinho
+COUNTRY_SELECTOR=Seletor de países
+PHONE_NUMBER=Nº de telefone
+CONTACT_US=Fale conosco
+EMAIL=E-mail
+CHAT_WITH_US=Fale conosco pelo chat
+QUICK_LINKS=Links úteis
+TRENDING=Tendências
+ABOUT_SAP=Sobre a SAP
+SITE_INFORMATION=Informações sobre o site
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Ícone Abrir calendário
+LIST_ITEM_EDIT_ICON=Editar entrada de item da lista
+LIST_ITEM_DELETE_ICON=Excluir entrada de item da lista
+BACK_BUTTON_LABEL=botão Voltar
+STATUS_BADGE_TEXT=Indicador de status
+STATUS_BADGE_EDIT_TITLE=Clique para editar o perfil
+STATUS_BADGE_INFORMATION_TITLE=Clique para abrir as informações do perfil
+STATUS_BADGE_WARNING_TITLE=Advertência, risco potencial com o perfil
+STATUS_BADGE_ERROR_TITLE=Há um erro no perfil
+STATUS_BADGE_SUCCESS_TITLE=Perfil verificado com sucesso
+PROFILE=Perfil
+OPENS_IN_A_NEW_WINDOW=abre em uma nova janela
+TEXT_FIELD=Campo de texto
+UPLOADING_FILE_STATUS_TEXT=Upload em andamento
+TERMINATED_FILE_STATUS_TEXT=Encerrado
+REMOVE_FILE_TEXT=Remover arquivo
+UPLOAD_BUTTON_LABEL=Carregar arquivo
+COMPLETE_LIST_OF=Lista completa de
+CALL_US_TODAY=Ligue para nós ainda hoje!
+SEARCH=Pesquisar
+RESULT_RETURNED=resultados encontrados.
+SOCIAL_MEDIA_BUTTON=Botão de Mídias sociais
+PROMO_TILE=Bloco promocional
+PROMO_TILE_ICON=Ícone de bloco promocional
+PLAY_BUTTON_ACCESSIBLE_NAME=Botão Iniciar para iniciar a rotação dos logotipos de cliente
+PAUSE_BUTTON_ACCESSIBLE_NAME=Botão Pausar para interromper a rotação dos logotipos de cliente
+LOCATION=Localização
+TOAST_CLOSE_ACCESSIBLE_NAME=Fechar
+DISABLED=Desativado
+EXPAND=Expandir
+COLLAPSE=Recolher

package/src/i18n/messagebundle_ro.properties

@@ -3,3 +3,129 @@ OVERVIEW=Imagine generală
 LOGOUT=Ieșire
 MAIN_LINKS=Linkuri principale
 BACK_TO_TOP=Înapoi sus
+COUNT=Numărul
+OF=din
+PAGINATION_PAGE=Pagina
+SELECTED=Selectate
+UNSELECTED=Neselectat
+INDETERMINATE=Nedeterminat
+EDIT_BUTTON=Editare
+DELETE_BUTTON=Ștergere
+BACK_TO_REGION_LIST=Înapoi la lista de regiuni
+BUTTON_ARIA_TYPE_PRIMARY=Primar
+BUTTON_ARIA_TYPE_SECONDARY=Secundar
+BUTTON_ARIA_TYPE_TERTIARY=Terțiar
+BUTTON_ARIA_TYPE_WARNING=Avertisment
+BUTTON_ARIA_TYPE_POSITIVE=Pozitiv
+BUTTON_ARIA_TYPE_NEGATIVE=Negativ
+BUTTON_ARIA_EMPHASIZED=Evidențiat
+BUTTON_ARIA_DEFAULT=Implicit
+BUTTON_ARIA_TRANSPARENT=Transparent
+BUTTON_ARIA_ATTENTION=Atenție
+DATEPICKER_DATE_DESCRIPTION=Intrare de dată
+TOGGLED=Comutat
+FIRST_PAGE=Prima pagină
+LAST_PAGE=Ultima pagină
+PREVIOUS_PAGE=Pagina anterioară
+NEXT_PAGE=Pagina următoare
+CURRENT_PAGE=Pagina curentă
+ACTIVATE_PAGE=Activare număr de pagină
+SUGGESTED_TEXT=căutări sugerate
+ACCESSIBLE_NAME_SEARCH_ICON=Căutare
+TOOLTIP_VOICE_BUTTON=Voce
+TOOLTIP_SUBMIT_BUTTON=Trimitere
+LISTENING=Ascultare
+AVAILABLE_VALUES=Valori disponibile
+RECOMMENDED_TEXT=Pagini recomandate
+EXPAND_ALL=Expandare tot
+COLLAPSE_ALL=Comprimare tot
+MORE=Mai mult
+ATTENTION_BADGE=Ecuson de atenție
+READ_MORE=Citiți mai mult
+READ_LESS=Citește mai puțin
+SHOW_MORE=Arătați mai multe
+SHOW_LESS=Afișare mai puțin
+RATING_INDICATOR_TEXT=Indicator de evaluare
+RATING_INDICATOR_TOOLTIP_TEXT=Evaluare
+RATING_INDICATOR_ARIA_DESCRIPTION=Obligatoriu
+TOTAL=Total
+RATING_COUNT_TITLE=Evaluare
+ARIA_LABEL_LIST_MULTISELECTABLE=Conține articole cu selecție multiplă
+ARIA_LABEL_LIST_SELECTABLE=Conține articole selectabile
+SHOW_RESULTS=Afișare rezultate
+RESET=Resetare
+MESSAGE_STRIP_CLOSE_BUTTON=Buton de închidere a liniei de mesaj
+MESSAGE_STRIP_INFORMATION=Bară de informații
+MESSAGE_STRIP_SUCCESS=Bară pozitivă
+MESSAGE_STRIP_WARNING=Bară de avertizare
+MESSAGE_STRIP_ERROR=Bară negativă
+MESSAGE_STRIP_ACTION=Bară de acțiuni
+REVIEWS=recenzii
+STARS=stele
+SELECT_OPTIONS=Selectare opțiuni
+SELECT_ALL=Selectare toate
+TEXTAREA_CHARACTERS_LEFT={0} caractere rămase
+VALUE_STATE_TYPE_ERROR=Stare câmp Eroare
+VALUE_STATE_TYPE_WARNING=Stare câmp Avertizare
+VALUE_STATE_TYPE_SUCCESS=Stare câmp Succes
+VALUE_STATE_TYPE_STANDARD=Stare câmp Standard
+CAROUSEL_PREVIOUS_ARROW_TEXT=Pagina anterioară
+CAROUSEL_NEXT_ARROW_TEXT=Pagina următoare
+NO_MATCHES_FOUND=Nicio concordanță găsită.
+BREADCRUMBS_ARIA_LABEL=Cale de navigare
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Mai mult
+STEPINPUT_INC_ICON_TITLE=Mărire cantitate cu
+STEPINPUT_DEC_ICON_TITLE=Micșorare cantitate cu
+TABLE_NO_DATA_FOUND=Nu s-au găsit date
+VALUE_STATE_ERROR=Intrare nevalabilă
+VALUE_STATE_WARNING=Avertizare emisă
+VALUE_STATE_INFORMATION=Intrare informativă
+VALUE_STATE_SUCCESS=Intrare validată cu succes
+READ_ONLY=Numai în citire
+SWITCH_ACCOUNT=Schimbare cont
+BACK=Înapoi
+OTHER_IDENTITIES=Alte identități
+ADD_OR_REMOVE_ACCOUNT=Adăugare sau eliminare cont
+COUNTRY_SELECT=Selectare țară
+CART=Coș
+COUNTRY_SELECTOR=Selector de țară
+PHONE_NUMBER=Număr de telefon
+CONTACT_US=Contactați-ne
+EMAIL=E-mail
+CHAT_WITH_US=Discută cu noi
+QUICK_LINKS=Linkuri rapide
+TRENDING=În tendințe
+ABOUT_SAP=Despre SAP
+SITE_INFORMATION=Informații site
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Pictogramă de deschidere calendar
+LIST_ITEM_EDIT_ICON=Editare intrare articol de listă
+LIST_ITEM_DELETE_ICON=Ștergere intrare articol de listă
+BACK_BUTTON_LABEL=butonul înapoi
+STATUS_BADGE_TEXT=Ecuson de stare
+STATUS_BADGE_EDIT_TITLE=Dă click pentru a edita profilul
+STATUS_BADGE_INFORMATION_TITLE=Dă click pentru a deschide informațiile de profil
+STATUS_BADGE_WARNING_TITLE=Avertizare, risc potențial cu profilul
+STATUS_BADGE_ERROR_TITLE=Există o eroare cu profilul
+STATUS_BADGE_SUCCESS_TITLE=Profil verificat cu succes
+PROFILE=Profil
+OPENS_IN_A_NEW_WINDOW=se deschide într-o fereastră nouă
+TEXT_FIELD=Câmp de text
+UPLOADING_FILE_STATUS_TEXT=Se încarcă
+TERMINATED_FILE_STATUS_TEXT=Întrerupt
+REMOVE_FILE_TEXT=Eliminare fișier
+UPLOAD_BUTTON_LABEL=Încărcare fișier
+COMPLETE_LIST_OF=Listă completă de
+CALL_US_TODAY=Sună-ne astăzi!
+SEARCH=Căutare
+RESULT_RETURNED=rezultate returnate.
+SOCIAL_MEDIA_BUTTON=Buton de social media
+PROMO_TILE=Mozaicul promoției
+PROMO_TILE_ICON=Pictogramă cu mozaicul promoției
+PLAY_BUTTON_ACCESSIBLE_NAME=Butonul de pornire pentru a începe rotația logourilor de client
+PAUSE_BUTTON_ACCESSIBLE_NAME=Butonul de întrerupere pentru a opri rotația logourilor de client
+LOCATION=Locație
+TOAST_CLOSE_ACCESSIBLE_NAME=Închidere
+DISABLED=Dezactivat
+EXPAND=Expandare
+COLLAPSE=Comprimare

package/src/themes/CountrySelector.css

@@ -13,8 +13,12 @@
   max-width: calc(100% - var(--udex-country-selector-label-offset-y));
 }
 
+:host(:dir(rtl)[_country-selector]) .udex-text-field__label {
+  transform: translateX(calc(var(--udex-country-selector-text-offset) * -1));
+}
+
 :host([_country-selector]) .udex-text-field__label {
-  transform: translate(var(--udex-country-selector-text-offset));
+  transform: translateX(var(--udex-country-selector-text-offset));
 }
 
 :host([_country-selector]) .udex-text-field__label.udex-text-field__label_active {

package/src/themes/MastheadCountrySelector.css

@@ -1,29 +1,11 @@
 :host {
   --udex-masthead-country-selector-background: var(--udexColorNeutralWhite, #fff);
-  --udex-masthead-country-selector-padding-xl: var(--udexSpacer32) 52px 52px;
-  --udex-masthead-country-selector-padding-l: var(--udexSpacer24);
-  --udex-masthead-country-selector-padding-m: var(--udexSpacer24) var(--udexSpacer48);
-  --udex-masthead-country-selector-padding-xs: var(--udexSpacer24);
   --udex-masthead-country-selector-desktop-max-height: 375px;
   --udex-masthead-country-selector-title-border-color: var(--udexColorGrey2, #EAECEE);
-}
-
-:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries {
-  --udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
-  --udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
-  border-bottom: 1px solid var(--udex-masthead-menu-item-border-color);
-  max-height: initial;
-  overflow: initial;
-}
-
-:host([_is-mobile-mode]) .udex-masthead-country-selector {
-  padding: var(--udex-masthead-country-selector-padding-l);
-  min-height: 100%;
-  box-sizing: border-box;
+  --udex-masthead-country-selector-title-color: var(--udexColorNeutralBlack, #000000);
 }
 
 .udex-masthead-country-selector {
-  padding: var(--udex-masthead-country-selector-padding-xl);
   background: var(--udex-masthead-country-selector-background);
 }
 
@@ -54,7 +36,7 @@
 
 .udex-masthead-country-selector__region-back-item::part(menu-item-button) {
   font-weight: var(--udexTypographyFontWeightMedium, 500);
-  color: var(--udexColorNeutralBlack);
+  color: var(--udex-masthead-country-selector-title-color);
   justify-content: space-between;
 }
 
@@ -107,6 +89,11 @@
   padding: 0;
 }
 
+:host([_is-mobile-mode]) .udex-masthead-country-selector__item::part(menu-item-link) {
+  --udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
+  --udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
+}
+
 :host([_is-mobile-mode]) .udex-masthead-country-selector__list-container {
   height: 100%;
   overflow: auto;
@@ -119,12 +106,24 @@
 }
 
 :host([_is-mobile-mode]) .udex-masthead-country-selector {
-  padding: var(--udex-masthead-country-selector-padding-l);
   height: 100%;
-  overflow: auto;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
+  padding-bottom: var(--udexSpacer24);
+}
+
+:host([_is-mobile-mode]) .udex-masthead-country-selector__item_countries {
+  --udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
+  --udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
+  border-bottom: 1px solid var(--udex-masthead-menu-item-border-color);
+  max-height: initial;
+  overflow: initial;
+}
+
+:host([_is-mobile-mode]) .udex-masthead-country-selector {
+  min-height: 100%;
+  box-sizing: border-box;
 }
 
 .udex-masthead-country-selector__list-container {
@@ -164,14 +163,16 @@
   }
 
   .udex-masthead-country-selector {
-    padding: var(--udex-masthead-country-selector-padding-l);
     height: 100%;
-    overflow: auto;
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
   }
 
+  .udex-masthead-country-selector__list {
+    padding-bottom: var(--udexSpacer24);
+  }
+
   .udex-masthead-country-selector__item_countries {
     --udex-masthead-menu-item-padding-block-desktop: var(--udexSpacer16);
     --udex-masthead-menu-item-padding-inline-desktop: var(--udexSpacer8) var(--udexSpacer12);
@@ -181,17 +182,12 @@
   .udex-masthead-country-selector__list-container {
     height: 100%;
     overflow: auto;
+    padding-bottom: var(--udexSpacer24);
   }
 }
 
-@media (max-width: 979px) {
-  .udex-masthead-country-selector {
-    padding: var(--udex-masthead-country-selector-padding-m);
-  }
-}
-
-@media (max-width: 639px) {
-  .udex-masthead-country-selector {
-    padding: var(--udex-masthead-country-selector-padding-xs);
+@media (max-height: 550px) {
+  .udex-masthead-country-selector__list-container {
+    min-height: 100px;
   }
 }

package/src/themes/MastheadItem.css

@@ -30,6 +30,11 @@
   --udex-masthead-item-button-icon-size: 32px;
   --udex-masthead-item-arrow-icon-size: 16px;
   --udex-masthead-item-arrow-margin-inline-start: var(--udexSpacer4);
+  --udex-masthead-item-profile-padding-l: var(--udexSpacer64) var(--udexSpacer48) 80px var(--udexSpacer48);
+  --udex-masthead-item-padding-l: var(--udexSpacer32) 52px 52px;
+  --udex-masthead-item-padding-m: var(--udexSpacer24) var(--udexSpacer24) 0;
+  --udex-masthead-item-padding-s: var(--udexSpacer24) var(--udexSpacer48) 0 var(--udexSpacer48);
+  --udex-masthead-item-padding-xs: var(--udexSpacer24) var(--udexSpacer24) 0;
 
   display: var(--udex-masthead-item-display);
   align-items: var(--udex-masthead-item-align-content);
@@ -88,6 +93,10 @@
   background: var(--sapShell_Navigation_Background, #FFF);
 }
 
+.udex-masthead-item__button--explore + .udex-masthead-item__dropdown-holder {
+  padding: 0;
+}
+
 :host([_has-four-columns-menu]),
 :host([slot="exploreSAP"]) {
   position: inherit;
@@ -99,12 +108,8 @@
   inline-size: 100%;
 }
 
-:host([_has-four-columns-menu]) ::slotted([slot="dropdown"]) {
-  --udex-masthead-menu-padding-desktop: 32px var(--udexSpacer84);
-}
-
-:host([slot="exploreSAP"]) ::slotted([slot="dropdown"]) {
-  --udex-masthead-menu-padding-desktop: 32px 0;
+:host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder {
+  padding: var(--udexSpacer32) var(--udexSpacer84);
 }
 
 :host([_has-four-columns-menu]) ::slotted([slot="dropdown"]),
@@ -114,14 +119,11 @@
 }
 
 :host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder {
+  padding: var(--udexSpacer32) 0;
   max-width: var(--udex-masthead-shell-container-xl-max-width, 1432px);
   margin: 0 auto;
 }
 
-.udex-masthead-item__dropdown-holder {
-  position: relative;
-}
-
 .udex-masthead-item {
   font-size: inherit;
   line-height: inherit;
@@ -364,6 +366,10 @@
   box-shadow: none;
 }
 
+:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder {
+  overflow: auto;
+}
+
 :host([_is-mobile-mode]) .udex-masthead-item__dropdown:after,
 :host([part="menu-open-btn"]) .udex-masthead-item__dropdown:after {
   box-shadow: var(--udex-masthead-shell-dropdown-shadow);
@@ -381,18 +387,37 @@
   position: initial;
 }
 
+:host([_is-menu-open-btn]) .udex-masthead-item__dropdown-holder {
+  padding: 0;
+}
+
 .udex-masthead-hidden-text {
   display: none;
 }
 
+.udex-masthead-item__dropdown-holder {
+  padding: var(--udex-masthead-item-padding-l);
+  box-sizing: border-box;
+  position: relative;
+}
+
+.udex-masthead-item__button--profile+.udex-masthead-item__dropdown-holder {
+  padding: var(--udex-masthead-item-profile-padding-l);
+}
+
+:host([_is-mobile-mode]) .udex-masthead-item__dropdown-holder {
+  padding: var(--udex-masthead-item-padding-m);
+}
+
 @media (max-width: 1599px) {
   :host([slot="exploreSAP"]) .udex-masthead-item__dropdown-holder {
     max-width: var(--udex-masthead-shell-container-l-max-width, 1456px);
-    padding: 0 var(--udexSpacer72);
+    padding: var(--udexSpacer32) var(--udexSpacer72);
+    box-sizing: content-box;
   }
 
-  :host([_has-four-columns-menu]) ::slotted([slot="dropdown"]) {
-    --udex-masthead-menu-padding-desktop: 32px var(--udexSpacer72);
+  :host([_has-four-columns-menu]) .udex-masthead-item__dropdown-holder {
+    padding: var(--udexSpacer32) var(--udexSpacer72);
   }
 }
 
@@ -406,6 +431,10 @@
     display: initial;
   }
 
+  :host .udex-masthead-item__dropdown-holder {
+    padding: var(--udex-masthead-item-padding-m);
+  }
+
   .udex-masthead-item__button--country-selector+.udex-masthead-item__dropdown {
     min-width: var(--udex-masthead-item-dropdown-mobile-min-width);
   }
@@ -445,6 +474,7 @@
 
   .udex-masthead-item__dropdown-holder {
     height: 100%;
+    overflow: auto;
   }
 
   .udex-masthead-item__dropdown:after {
@@ -470,5 +500,15 @@
   .udex-masthead-item__button--profile + .udex-masthead-item__dropdown {
     min-width: auto;
   }
+
+  :host .udex-masthead-item__dropdown-holder {
+    padding: var(--udex-masthead-item-padding-s);
+  }
+}
+
+@media (max-width: 639px) {
+  :host .udex-masthead-item__dropdown-holder {
+    padding: var(--udex-masthead-item-padding-xs);
+  }
 }
 

package/src/themes/MastheadMenu.css

@@ -1,6 +1,4 @@
 :host {
-  --udex-masthead-menu-padding-desktop: 32px 52px 52px;
-  --udex-masthead-menu-padding-mobile: 24px;
   --udex-masthead-menu-background: var(--sapShell_Navigation_Background, #FFF);
   --udex-masthead-menu-column_gap: 52px;
   --udex-masthead-menu-column-width: calc(1rem * 15);
@@ -14,6 +12,7 @@
   --udex-masthead-menu-grid-template-columns: auto;
   --udex-masthead-menu-justify-content: flex-start;
   --udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);
+  --udex-masthead-menu-sub-category-font-size: var(--udexTypographyBodyXSFontSize, 14px);
   --udex-masthead-menu-sub-category-color: var(--udexColorGrey9, #223548);
   --udex-masthead-menu-sub-category-text-transform: none;
   --udex-masthead-menu-sub-category-font-weight: var(--udexTypographyFontWeightRegular, 400);
@@ -25,7 +24,6 @@
 }
 
 .udex-masthead-menu {
-  padding: var(--udex-masthead-menu-padding-desktop);
   background: var(--udex-masthead-menu-background);
   display: inline-block;
   position: relative;
@@ -178,10 +176,6 @@
   font-size: var(--udex-masthead-menu-title-font-size-mobile);
 }
 
-:host([_is-mobile-mode]) .udex-masthead-menu {
-  padding: var(--udex-masthead-menu-padding-mobile);
-}
-
 :host([_is-mobile-mode]) .udex-masthead-menu__row {
   gap: var(--udex-masthead-menu-mobile-column-gap, 56px);
   display: flex;
@@ -266,10 +260,6 @@
     font-size: var(--udex-masthead-menu-title-font-size-mobile);
   }
 
-  .udex-masthead-menu {
-    padding: var(--udex-masthead-menu-padding-mobile);
-  }
-
   .udex-masthead-menu__row {
     gap: var(--udex-masthead-menu-mobile-column-gap, 56px);
     display: flex;

package/src/themes/MastheadMobileMenu.css

@@ -114,15 +114,3 @@ span.udex-masthead-mobile-menu__sub-category {
 .udex-masthead-mobile-menu__sub-list li {
   margin-bottom: var(--udex-masthead-menu-sub-list-item-spacing);
 }
-
-@media (max-width: 979px) {
-  .udex-masthead-mobile-menu__nav-holder {
-    padding: var(--udex-masthead-mobile-menu-padding-s);
-  }
-}
-
-@media (max-width: 639px) {
-  .udex-masthead-mobile-menu__nav-holder {
-    padding: var(--udex-masthead-mobile-menu-padding-xs);
-  }
-}