npm - @sapudex/web-components - Versions diffs - 2.49.0 → 2.51.0 - Mend

@sapudex/web-components 2.49.0 → 2.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (332) hide show

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

	@@ -1 +1 @@
1	- :host{--udexHeroBannerMinHeight: 200px;--udexHeroBannerHeight: auto;--udexHeroBannerBackgroundImageObjectFit: contain;--udexHeroBannerVerticalLayoutBackgroundImageAlignment: bottom right;--udexHeroBannerHorizontalLayoutBackgroundImageAlignment: top right;--udexHeroBannerBackroundImageZIndex: 1;--udexHeroBannerBackroundVideoZIndex: 1;--udexHeroBannerContentZIndex: 2;--udexHeroBannerContentPaddingHorizontal: var(--udexGridXSMargins, 24px);--udexHeroBannerContentPaddingVertical: 40px;--udexHeroBannerContentPaddingVerticalXLtoM: var(--udexSpacer56, 56px);--udexHeroBannerPaddingHorizontalLandM: var(--udexSpacer72);--udexHeroBannerPaddingVerticalBottomS: var(--udexSpacer48);--udexHeroBannerPaddingVerticalBottomXS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalXS: var(--udexSpacer24);--udexHeroBannerBackgroundVideoColor: trasparent;--udexHeroBannerContainerPosition: relative;--udexHeroBannerSlotMaxHeight: calc(100% - (2 * var(--udexHeroBannerContentPaddingHorizontal)));--udex-hero-banner-container-xl-max-width: 1432px;--udex-hero-banner-container-l-max-width: 1456px}.udex-hero-banner{position:relative;container-type:inline-size;min-height:var(--udexHeroBannerMinHeight, 200px);height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner__container{position:var(--udexHeroBannerContainerPosition);max-width:var(--udex-hero-banner-container-xl-max-width);padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);margin:0 auto;height:100%;box-sizing:border-box}.udex-hero-banner--video{color:var(--udexColorNeutralWhite);justify-content:center}.udex-hero-banner__background-image{position:absolute;width:100%;height:100%;object-fit:var(--udexHeroBannerBackgroundImageObjectFit, contain);object-position:var(--udexHeroBannerVerticalLayoutBackgroundImageAlignment, bottom right);z-index:var(--udexHeroBannerBackroundImageZIndex, 1);top:0;left:0}.udex-hero-banner__background-video-wrapper{position:relative;width:100%;padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}.udex-hero-banner__background-image:dir(rtl),.udex-hero-banner__background-video-overlay:dir(rtl){transform:scaleX(-1)}#udex-hero-banner__content,#udex-hero-banner__additionalContent{position:relative;display:flex;max-height:var(--udexHeroBannerSlotMaxHeight);flex-basis:100%;flex-grow:1;z-index:var(--udexHeroBannerContentZIndex, 2);padding:0}.udex-hero-banner__content-container{display:flex;gap:var(--udexSpacer48, 48px);padding:0}#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner--video{height:28.125rem}.udex-hero-banner__media-button{border:none;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;width:3rem;height:3rem;position:absolute;bottom:var(--udexSpacer48);right:var(--udexSpacer84);z-index:3;overflow:hidden;cursor:pointer}.udex-hero-banner__media-button:before{content:"";position:absolute;inset:0;background:var(--udexColorNeutralBlack);opacity:.8;border-radius:50%;z-index:-1}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer84);right:auto}.udex-hero-banner__media-button:hover [ui5-icon]{color:var(--udexColorGrey4)}.udex-hero-banner__media-button [ui5-icon]{color:var(--udexColorNeutralWhite);height:100%;width:100%}.udex-hero-banner__background-video{position:absolute;display:block;width:100%;object-fit:cover;object-position:center;height:100%;top:0;left:0}.udex-hero-banner__background-video-overlay{position:absolute;display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(18,23,28,.765) 0%,rgba(18,23,28,.09) 100%);top:0;left:0}.udex-hero-banner__background-image{object-position:var(--udexHeroBannerHorizontalLayoutBackgroundImageAlignment, top right)}@media (max-width: 1599px){.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM);max-width:var(--udex-hero-banner-container-l-max-width)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM)}.udex-hero-banner__media-button{right:var(--udexSpacer72)}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer72)}}@media (max-width: 979px){.udex-hero-banner__background-video,.udex-hero-banner__background-video-overlay,.udex-hero-banner__media-button{display:none}.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);max-width:100%}.udex-hero-banner__content-container{display:flex;flex-direction:column;gap:var(--udexSpacer32, 32px)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS) var(--udexHeroBannerPaddingVerticalBottomS);background-color:var(--udexHeroBannerBackgroundVideoColor)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:block}.udex-hero-banner,#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:auto}}@media (max-width: 639px){.udex-hero-banner__container{max-width:100%;padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS) var(--udexHeroBannerPaddingVerticalBottomXS)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}}
1	+ :host{--udexHeroBannerMinHeight: 200px;--udexHeroBannerHeight: auto;--udexHeroBannerBackgroundImageObjectFit: contain;--udexHeroBannerVerticalLayoutBackgroundImageAlignment: bottom right;--udexHeroBannerHorizontalLayoutBackgroundImageAlignment: top right;--udexHeroBannerBackroundImageZIndex: 1;--udexHeroBannerBackroundVideoZIndex: 1;--udexHeroBannerContentZIndex: 2;--udexHeroBannerContentPaddingHorizontal: var(--udexGridXSMargins, 24px);--udexHeroBannerContentPaddingVertical: 40px;--udexHeroBannerContentPaddingVerticalXLtoM: var(--udexSpacer56, 56px);--udexHeroBannerPaddingHorizontalLandM: var(--udexSpacer72);--udexHeroBannerPaddingVerticalBottomS: var(--udexSpacer48);--udexHeroBannerPaddingVerticalBottomXS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalS: var(--udexSpacer48);--udexHeroBannerPaddingHorizontalXS: var(--udexSpacer24);--udexHeroBannerBackgroundVideoColor: trasparent;--udexHeroBannerContainerPosition: relative;--udexHeroBannerSlotMaxHeight: calc(100% - (2 * var(--udexHeroBannerContentPaddingHorizontal)));--udex-hero-banner-container-xl-max-width: 1432px;--udex-hero-banner-container-l-max-width: 1456px}.udex-hero-banner{position:relative;container-type:inline-size;min-height:var(--udexHeroBannerMinHeight, 200px);height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner__container{position:var(--udexHeroBannerContainerPosition);max-width:var(--udex-hero-banner-container-xl-max-width);padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);margin:0 auto;height:100%;box-sizing:border-box}.udex-hero-banner--video{color:var(--udexColorNeutralWhite);justify-content:center}.udex-hero-banner__background-image{position:absolute;width:100%;height:100%;object-fit:var(--udexHeroBannerBackgroundImageObjectFit, contain);object-position:var(--udexHeroBannerVerticalLayoutBackgroundImageAlignment, bottom right);z-index:var(--udexHeroBannerBackroundImageZIndex, 1);top:0;left:0}.udex-hero-banner__background-video-wrapper{position:relative;width:100%;padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}.udex-hero-banner__background-image:dir(rtl),.udex-hero-banner__background-video-overlay:dir(rtl){transform:scaleX(-1)}#udex-hero-banner__content,#udex-hero-banner__additionalContent{position:relative;display:flex;flex-direction:column;justify-content:center;max-height:var(--udexHeroBannerSlotMaxHeight);flex-basis:100%;flex-grow:1;z-index:var(--udexHeroBannerContentZIndex, 2);padding:0}.udex-hero-banner__content-container{display:flex;gap:var(--udexSpacer48, 48px);padding:0}#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:var(--udexHeroBannerHeight, auto)}.udex-hero-banner--video{height:28.125rem}.udex-hero-banner__media-button{border:none;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:0;width:3rem;height:3rem;position:absolute;bottom:var(--udexSpacer48);right:var(--udexSpacer84);z-index:3;overflow:hidden;cursor:pointer}.udex-hero-banner__media-button:before{content:"";position:absolute;inset:0;background:var(--udexColorNeutralBlack);opacity:.8;border-radius:50%;z-index:-1}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer84);right:auto}.udex-hero-banner__media-button:hover [ui5-icon]{color:var(--udexColorGrey4)}.udex-hero-banner__media-button [ui5-icon]{color:var(--udexColorNeutralWhite);height:100%;width:100%}.udex-hero-banner__background-video{position:absolute;display:block;width:100%;object-fit:cover;object-position:center;height:100%;top:0;left:0}.udex-hero-banner__background-video-overlay{position:absolute;display:block;width:100%;height:100%;background:linear-gradient(90deg,rgba(18,23,28,.765) 0%,rgba(18,23,28,.09) 100%);top:0;left:0}.udex-hero-banner__background-image{object-position:var(--udexHeroBannerHorizontalLayoutBackgroundImageAlignment, top right)}@media (max-width: 1599px){.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM);max-width:var(--udex-hero-banner-container-l-max-width)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM)}.udex-hero-banner__media-button{right:var(--udexSpacer72)}.udex-hero-banner__media-button:dir(rtl){left:var(--udexSpacer72)}}@media (max-width: 979px){.udex-hero-banner__background-video,.udex-hero-banner__background-video-overlay,.udex-hero-banner__media-button{display:none}.udex-hero-banner__container{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);max-width:100%}.udex-hero-banner__content-container{display:flex;flex-direction:column;gap:var(--udexSpacer32, 32px)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS) var(--udexHeroBannerPaddingVerticalBottomS);background-color:var(--udexHeroBannerBackgroundVideoColor)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:block}.udex-hero-banner,#udex-hero-banner__content,#udex-hero-banner__additionalContent{height:auto}}@media (max-width: 639px){.udex-hero-banner__container{max-width:100%;padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS)}.udex-hero-banner__background-video-wrapper{padding:var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS) var(--udexHeroBannerPaddingVerticalBottomXS)}.udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image{display:none}}

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

	@@ -1 +1 @@
1	- .udex-input-group__content{display:flex;flex-direction:column;gap:var(--udexSpacer20)}.udex-input-group__item{display:inline-flex}:host([orientation="Horizontal"]) .udex-input-group__content{flex-direction:row;flex-wrap:wrap;gap:var(--udexSpacer40);row-gap:var(--udexSpacer20)}.hidden-text{display:none}udex-status-message{--udex-status-message-supporting-text-paddings: var(--~~udexSpacer20~~) 0 0}
1	+ .udex-input-group__content{display:flex;flex-direction:column;gap:var(--udexSpacer20)}.udex-input-group__item{display:inline-flex}:host([orientation="Horizontal"]) .udex-input-group__content{flex-direction:row;flex-wrap:wrap;gap:var(--udexSpacer40);row-gap:var(--udexSpacer20)}.hidden-text{display:none}udex-status-message{--udex-status-message-supporting-text-paddings: var(--udexSpacer12) 0 0}

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

	@@ -1 +1 @@
1	- :host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--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;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%}.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{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}}
1	+ :host{--udex-masthead-profile-menu-color: var(--udexColorNeutralBlack, #000);--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;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%}.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{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::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/dist/css/themes/MessageStrip.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{--udex-message-strip-color-action-background: var(--sapBackgroundColor, #fff);--udex-message-strip-color-action-border: var(--udexColorBlue7, #0070f2);--udex-message-strip-color-action-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-status: var(--sapInformativeElementColor, #0070f2);--udex-message-strip-color-success-status: var(--sapPositiveElementColor, #188918);--udex-message-strip-color-warning-status: var(--sapCriticalElementColor, #c35500);--udex-message-strip-color-error-status: var(--sapNegativeElementColor, #d20a0a);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 12px)}:host [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-action-close-icon)}:host([design="Action"]) .udex-message-strip{border-color:var(--udex-message-strip-color-action-border)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline:var(--udex-message-strip-padding-inline-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udexSpacer48, 48px);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design="Information"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}
1	+ :host{--udex-message-strip-color-action-background: var(--udexColorNeutralWhite, #FFFFFF);--udex-message-strip-color-action-border: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-action-text: var(--udexColorGrey9, #223548);--udex-message-strip-color-action-icon: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-non-semantic-close-icon: var(--udexColorGrey7, #475e75);--udex-message-strip-color-information-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-success-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-warning-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-error-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-information-border: var(--udexColorBlue6, #1B90FF);--udex-message-strip-color-success-border: var(--udexColorGreen6, #36A41D);--udex-message-strip-color-warning-border: var(--udexColorMango6, #E76500);--udex-message-strip-color-error-border: var(--udexColorRed6, #EE3939);--udex-message-strip-color-information-status: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-success-status: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-warning-status: var(--udexColorMango8, #A93E00);--udex-message-strip-color-error-status: var(--udexColorRed8, #AA0808);--udex-message-strip-close-icon-top:calc(50% - 13px);--udex-message-strip-min-height: 20px;--udex-message-strip-padding-inline-no-icon: var(--udexSpacer12, 12px);--udex-message-strip-padding-block-no-icon: var(--udexSpacer8, 8px);--udex-message-strip-border-width: 1px;--udex-message-strip-padding: var(--udexSpacer8, 8px) 36px;--udex-message-strip-padding-hide-icon: var(--udexSpacer8, 12px);--udex-message-strip-color-grey-light-background: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-grey-light-border: var(--udexColorGrey3, #D5DADD);--udex-message-strip-color-grey-light-text: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-background: var(--udexColorGrey8, #354A5F);--udex-message-strip-color-grey-dark-border: var(--udexColorGrey9, #223548);--udex-message-strip-color-grey-dark-text: var(--udexColorGrey1, #F5F6F7);--udex-message-strip-color-red-light-background: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-red-light-border: var(--udexColorRed3, #FFB2D2);--udex-message-strip-color-red-light-text: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-background: var(--udexColorRed8, #AA0808);--udex-message-strip-color-red-dark-border: var(--udexColorRed9, #840606);--udex-message-strip-color-red-dark-text: var(--udexColorRed1, #FFEAF4);--udex-message-strip-color-mango-light-background: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-mango-light-border: var(--udexColorMango3, #FFDF72);--udex-message-strip-color-mango-light-text: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-background: var(--udexColorMango8, #A93E00);--udex-message-strip-color-mango-dark-border: var(--udexColorMango9, #8D2A00);--udex-message-strip-color-mango-dark-text: var(--udexColorMango1, #FFF8D6);--udex-message-strip-color-green-light-background: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-green-light-border: var(--udexColorGreen3, #BDE986);--udex-message-strip-color-green-light-text: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-background: var(--udexColorGreen8, #256F3A);--udex-message-strip-color-green-dark-border: var(--udexColorGreen9, #1E592F);--udex-message-strip-color-green-dark-text: var(--udexColorGreen1, #F5FAE5);--udex-message-strip-color-teal-light-background: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-teal-light-border: var(--udexColorTeal3, #64EDD2);--udex-message-strip-color-teal-light-text: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-background: var(--udexColorTeal8, #046C7A);--udex-message-strip-color-teal-dark-border: var(--udexColorTeal9, #035663);--udex-message-strip-color-teal-dark-text: var(--udexColorTeal1, #DAFDF5);--udex-message-strip-color-blue-light-background: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-blue-light-border: var(--udexColorBlue3, #A6E0FF);--udex-message-strip-color-blue-light-text: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-background: var(--udexColorBlue8, #0057D2);--udex-message-strip-color-blue-dark-border: var(--udexColorBlue9, #0040B0);--udex-message-strip-color-blue-dark-text: var(--udexColorBlue1, #EBF8FF);--udex-message-strip-color-indigo-light-background: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-indigo-light-border: var(--udexColorIndigo3, #D3B6FF);--udex-message-strip-color-indigo-light-text: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-background: var(--udexColorIndigo8, #470CED);--udex-message-strip-color-indigo-dark-border: var(--udexColorIndigo9, #2C13AD);--udex-message-strip-color-indigo-dark-text: var(--udexColorIndigo1, #F1ECFF);--udex-message-strip-color-pink-light-background: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-pink-light-border: var(--udexColorPink3, #FFAFED);--udex-message-strip-color-pink-light-text: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-background: var(--udexColorPink8, #A100C2);--udex-message-strip-color-pink-dark-border: var(--udexColorPink9, #7800A4);--udex-message-strip-color-pink-dark-text: var(--udexColorPink1, #FFF0FA);--udex-message-strip-color-raspberry-light-background: var(--udexColorRaspberry1, #FFF0F5);--udex-message-strip-color-raspberry-light-border: var(--udexColorRaspberry3, #FECBDA);--udex-message-strip-color-raspberry-light-text: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-background: var(--udexColorRaspberry8, #BA066C);--udex-message-strip-color-raspberry-dark-border: var(--udexColorRaspberry9, #9B015D);--udex-message-strip-color-raspberry-dark-text: var(--udexColorRaspberry1, #FFF0F5);font-family:var(--sapFontFamily, "72 Brand Variable", "Arial", "Helvetica", "sans-serif");color:var(--sapTextColor)}:host([design="Action"]) .udex-message-strip,:host([design="Neutral"]) .udex-message-strip{background-color:var(--udex-message-strip-color-action-background);border-color:var(--udex-message-strip-color-action-border);color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .udex-message-strip ::slotted(:not([udex-link])),:host([design="Neutral"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-action-text)}:host([design="Action"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Action"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]),:host([design="Neutral"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Neutral"]) .ui5-message-strip-icon-wrapper ::slotted([ui5-icon]){color:var(--udex-message-strip-color-action-icon)}.ui5-message-strip-root.ui5-message-strip-root-hide-icon{padding-inline:var(--udex-message-strip-padding-inline-no-icon);padding-block:var(--udex-message-strip-padding-block-no-icon)}.ui5-message-strip-icon-wrapper{top:calc(50% - var(--udexSpacer8, 8px))}.ui5-message-strip-root{padding:var(--udex-message-strip-padding);border-width:var(--udex-message-strip-border-width)}.udex-message-strip [udex-button]{position:absolute;inset-inline-end:var(--udexSpacer12, 12px);top:var(--udex-message-strip-close-icon-top)}:host .message-strip__text{padding-inline-end:var(--udexSpacer48, 48px);min-height:var(--udex-message-strip-min-height)}:host([hide-close-button]) .message-strip__text{padding-inline-end:0}.message-strip__text-status{padding-inline-end:var(--udexSpacer4, 4px);display:inline-flex;vertical-align:middle}:host([design="Information"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Information"]) .message-strip__text-status{color:var(--udex-message-strip-color-information-status)}:host([design="Positive"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Positive"]) .message-strip__text-status{color:var(--udex-message-strip-color-success-status)}:host([design="Warning"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Warning"]) .message-strip__text-status{color:var(--udex-message-strip-color-warning-status)}:host([design="Negative"]) .ui5-message-strip-icon-wrapper [ui5-icon],:host([design="Negative"]) .message-strip__text-status{color:var(--udex-message-strip-color-error-status)}.ui5-message-strip-root--info{background-color:var(--udex-message-strip-color-information-background);border-color:var(--udex-message-strip-color-information-border)}.ui5-message-strip-root--positive{background-color:var(--udex-message-strip-color-success-background);border-color:var(--udex-message-strip-color-success-border)}.ui5-message-strip-root--negative{background-color:var(--udex-message-strip-color-error-background);border-color:var(--udex-message-strip-color-error-border)}.ui5-message-strip-root--critical{background-color:var(--udex-message-strip-color-warning-background);border-color:var(--udex-message-strip-color-warning-border)}:host([design="GreyLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-light-background);border-color:var(--udex-message-strip-color-grey-light-border);color:var(--udex-message-strip-color-grey-light-text)}:host([design="GreyLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-grey-light-text)}:host([design="RedLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-light-background);border-color:var(--udex-message-strip-color-red-light-border);color:var(--udex-message-strip-color-red-light-text)}:host([design="RedLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-red-light-text)}:host([design="MangoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-light-background);border-color:var(--udex-message-strip-color-mango-light-border);color:var(--udex-message-strip-color-mango-light-text)}:host([design="MangoLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-mango-light-text)}:host([design="GreenLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-light-background);border-color:var(--udex-message-strip-color-green-light-border);color:var(--udex-message-strip-color-green-light-text)}:host([design="GreenLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-green-light-text)}:host([design="TealLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-light-background);border-color:var(--udex-message-strip-color-teal-light-border);color:var(--udex-message-strip-color-teal-light-text)}:host([design="TealLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-teal-light-text)}:host([design="BlueLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-light-background);border-color:var(--udex-message-strip-color-blue-light-border);color:var(--udex-message-strip-color-blue-light-text)}:host([design="BlueLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-blue-light-text)}:host([design="IndigoLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-light-background);border-color:var(--udex-message-strip-color-indigo-light-border);color:var(--udex-message-strip-color-indigo-light-text)}:host([design="IndigoLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-indigo-light-text)}:host([design="PinkLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-light-background);border-color:var(--udex-message-strip-color-pink-light-border);color:var(--udex-message-strip-color-pink-light-text)}:host([design="PinkLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-pink-light-text)}:host([design="RaspberryLight"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-light-background);border-color:var(--udex-message-strip-color-raspberry-light-border);color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="RaspberryLight"]) .udex-message-strip ::slotted(:not([udex-link])){color:var(--udex-message-strip-color-raspberry-light-text)}:host([design="GreyDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-grey-dark-background);border-color:var(--udex-message-strip-color-grey-dark-border)}:host([design="GreyDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-grey-dark-text)}:host([design="RedDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-red-dark-background);border-color:var(--udex-message-strip-color-red-dark-border)}:host([design="RedDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-red-dark-text)}:host([design="MangoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-mango-dark-background);border-color:var(--udex-message-strip-color-mango-dark-border)}:host([design="MangoDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-mango-dark-text)}:host([design="GreenDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-green-dark-background);border-color:var(--udex-message-strip-color-green-dark-border)}:host([design="GreenDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-green-dark-text)}:host([design="TealDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-teal-dark-background);border-color:var(--udex-message-strip-color-teal-dark-border)}:host([design="TealDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-teal-dark-text)}:host([design="BlueDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-blue-dark-background);border-color:var(--udex-message-strip-color-blue-dark-border)}:host([design="BlueDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-blue-dark-text)}:host([design="IndigoDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-indigo-dark-background);border-color:var(--udex-message-strip-color-indigo-dark-border)}:host([design="IndigoDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-indigo-dark-text)}:host([design="PinkDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-pink-dark-background);border-color:var(--udex-message-strip-color-pink-dark-border)}:host([design="PinkDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-pink-dark-text)}:host([design="RaspberryDark"]) .udex-message-strip{background-color:var(--udex-message-strip-color-raspberry-dark-background);border-color:var(--udex-message-strip-color-raspberry-dark-border)}:host([design="RaspberryDark"]) .udex-message-strip ::slotted(){color:var(--udex-message-strip-color-raspberry-dark-text)}:host([design="GreyLight"]) [udex-button],:host([design="RedLight"]) [udex-button],:host([design="MangoLight"]) [udex-button],:host([design="GreenLight"]) [udex-button],:host([design="TealLight"]) [udex-button],:host([design="BlueLight"]) [udex-button],:host([design="IndigoLight"]) [udex-button],:host([design="PinkLight"]) [udex-button],:host([design="RaspberryLight"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udex-message-strip-color-non-semantic-close-icon);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-active-border: var(--udexColorGrey7, #475e75);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorGrey7, #475e75);--udex-button-focus-border-color: var(--udexColorGrey7, #475e75);--_ui5_button_focused_border: .125rem solid var(--udexColorGrey7, #475e75);--_ui5_button_pressed_focused_border_color: var(--udexColorGrey7, #475e75)}:host([design="GreyDark"]) [udex-button],:host([design="RedDark"]) [udex-button],:host([design="MangoDark"]) [udex-button],:host([design="GreenDark"]) [udex-button],:host([design="TealDark"]) [udex-button],:host([design="BlueDark"]) [udex-button],:host([design="IndigoDark"]) [udex-button],:host([design="PinkDark"]) [udex-button],:host([design="RaspberryDark"]) [udex-button]{--udex-button-color-tertiary-standard-default-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-hover-background: rgba(0, 0, 0, .1);--udex-button-color-tertiary-standard-hover-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-text-and-icon: var(--udexColorNeutralWhite, #ffffff);--udex-button-color-tertiary-standard-active-background: transparent;--udex-button-color-tertiary-standard-active-border: var(--udexColorNeutralWhite, #ffffff);--udex-button-focus-border-color: var(--udexColorNeutralWhite, #ffffff);--_ui5_button_focused_border: .125rem solid var(--udexColorNeutralWhite, #ffffff);--_ui5_button_pressed_focused_border_color: var(--udexColorNeutralWhite, #ffffff)}

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

	@@ -1 +1 @@
1	- :host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius: 20px;--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);--udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%)}:host .ui5-block-layer{background:var(--udex-modal-block-layer-background)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal)}:host,:host .ui5-popup-root{border-radius:var(--udex-modal-border-radius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udex-modal-and-overlay-modal-header-padding-vertical) var(--udex-modal-and-overlay-modal-header-padding-horizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--~~sapScrollBar_Dimension~~, ~~12px~~)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--~~sapScrollBar_Dimension~~, ~~12px~~)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host ::slotted([slot="header"][ui5-bar]){height:32px}:host ::slotted([slot="footer"]){height:auto}@media (max-width: 979px){:host(:not([type="basic"])){min-width:100%;min-height:100%;--udex-modal-border-radius: 0}}
1	+ :host{--udex-modal-and-overlay-modal-content-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-content-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-footer-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-footer-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-and-overlay-modal-header-padding-horizontal: var(--udexGridSGutters, 32px);--udex-modal-and-overlay-modal-header-padding-vertical: var(--udexGridXSMargins, 24px);--udex-modal-border-radius: 20px;--udex-modal-browser-scrollbar-border-radius: var(--udexRadiusM, 8px);--udex-modal-block-layer-background: color-mix(in oklch, transparent, var(--sapBlockLayer_Background) 60%)}:host .ui5-block-layer{background:var(--udex-modal-block-layer-background)}:host .ui5-popup-root .ui5-popup-footer-root{padding:var(--udex-modal-and-overlay-modal-footer-padding-vertical) var(--udex-modal-and-overlay-modal-footer-padding-horizontal)}:host,:host .ui5-popup-root{border-radius:var(--udex-modal-border-radius)}:host .ui5-popup-root .ui5-popup-header-root{padding:var(--udex-modal-and-overlay-modal-header-padding-vertical) var(--udex-modal-and-overlay-modal-header-padding-horizontal)}:host .ui5-popup-root .ui5-popup-content{padding:var(--udex-modal-and-overlay-modal-content-padding-vertical) calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udex-modal-scrollbar-width, 0px)) var(--udex-modal-and-overlay-modal-content-padding-vertical) var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host([type="basic"]){--sapObjectHeader_BorderColor: transparent;--sapPageFooter_BorderColor: transparent}:host([type="basic"]) .ui5-popup-root .ui5-popup-content{padding:0 calc(var(--udex-modal-and-overlay-modal-content-padding-horizontal) - var(--udex-modal-scrollbar-width, 0px)) 0 var(--udex-modal-and-overlay-modal-content-padding-horizontal);scrollbar-gutter:stable}:host ::slotted([slot="header"][ui5-bar]){height:32px}:host ::slotted([slot="footer"]){height:auto}@media (max-width: 979px){:host(:not([type="basic"])){min-width:100%;min-height:100%;--udex-modal-border-radius: 0}}

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)}: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:cover}.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 (max-width: 1279px){.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 (max-width: 979px){.udex-promo-tile--horizontal{flex-direction:column}}
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)}: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:cover}.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 (max-width: 1279px){.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 (max-width: 979px){.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-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/css/themes/RadioButton.css CHANGED Viewed

	@@ -1 +1 @@
1	- :host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding~~-inline-end~~:0}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding:~~0 0 0~~ var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius);overflow:visible}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host .ui5-radio-root{align-items:center;min-height:var(--udex-radio-button-min-height);padding-block:var(--udex-radio-button-label-side-padding);padding-inline-start:var(--udex-radio-button-outer-ring-padding)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state="Error"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state="Error"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state="Success"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state="Warning"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state="Information"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Error"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Success"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state="Warning"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}:host([text]:not([disabled])) .ui5-radio-root:focus:before,:host([text]:not([disabled])) .ui5-radio-root:focus-visible:before,:host([text]) .ui5-radio-root:focus:before,:host([text]) .ui5-radio-root:focus-visible:before{inset:-6px}
1	+ :host{--udex-radio-button-group-color-display-only-background: var(--udexColorNeutralWhite0, #FFFFFF00);--udex-radio-button-group-color-display-only-border: var(--sapField_TextColor, #223548);--udex-radio-button-group-color-display-only-selection: var(--sapField_TextColor, #223548);--udex-radio-button-checked-fill: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-min-width: 42px;--udex-radio-button-min-height: var(--udexSpacer24, 24px);--udex-radio-button-color: var(--udexColorGrey6 ,#5B738B);--udex-radio-button-border-radius: var(--udexRadiusXS);--udex-radio-button-inner-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-padding-with-label: 0;--udex-radio-button-label-offset: var(--udexSpacer12, 12px);--udex-radio-button-label-color: var(--udexColorGrey9, #223548);--udex-radio-button-svg-size: var(--udexSpacer24, 24px);--udex-radio-button-outer-ring-color: var(--sapField_BorderColor, #5b738b);--udex-radio-button-outer-ring-bg: var(--sapField_Background, #FFF);--udex-radio-button-outer-ring-width: .063rem;--udex-radio-button-inner-ring-radius: 25%;--udex-radio-button-inner-ring-color: var(--udexColorBlue8, #0057D2);--udex-radio-button-outer-ring-checked-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-outer-ring-hover-color: var(--sapContent_Selected_ForegroundColor, #0070f2);--udex-radio-button-hover-fill: var(--udexColorBlue1 , #EBF8FF);--udex-radio-button-hover-fill-information: var(--sapField_Background, #FFF);--udex-radio-button-read-only-inner-ring-color: var(--udexColorGrey8, #354A5F);--udex-radio-button-label-side-padding:var(--udexSpacer8, 8px);--udex-radio-button-outer-ring-padding: var(--udexSpacer8, 8px)}:host(:not([hidden])){display:inline-flex}:host([text]) .ui5-radio-root{padding:0}.ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer,:host([checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill)}:host([checked][readonly]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-read-only-inner-ring-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])[checked]) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-checked-hover-color)}:host(:not([value-state="Negative"]):not([value-state="Critical"]):not([value-state="Positive"]):not([value-state="Information"])) .ui5-radio-root:hover .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udex-radio-button-outer-ring-hover-color)}:host([checked]) .ui5-radio-svg-inner{fill:var(--udex-radio-button-inner-ring-color)}.ui5-radio-svg-inner{fill:none;r:var(--udex-radio-button-inner-ring-radius)}:host([value-state="Information"]) .ui5-radio-root:hover .ui5-radio-inner.ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udex-radio-button-hover-fill-information)}.ui5-radio-svg-outer{fill:var(--udex-radio-button-outer-ring-bg);stroke-width:var(--udex-radio-button-outer-ring-width)}.ui5-radio-svg{height:var(--udex-radio-button-svg-size);width:var(--udex-radio-button-svg-size)}.ui5-radio-inner{height:var(--udex-radio-button-inner-size);padding:var(--udex-radio-button-outer-ring-padding)}[ui5-label].ui5-radio-label{font-family:var(--sapFontFamily);font-size:var(--udexTypographyBodySFontSize, var(--sapFontSize, 16px));padding-inline-start:var(--udex-radio-button-label-offset);color:var(--udex-radio-button-label-color)}:host{min-width:var(--udex-radio-button-min-width);color:var(--udex-radio-button-color);border-radius:var(--udex-radio-button-border-radius);overflow:visible}:host([checked]){color:var(--udex-radio-button-checked-fill)}:host .ui5-radio-root{align-items:center;min-height:var(--udex-radio-button-min-height);padding-block:var(--udex-radio-button-label-side-padding);padding-inline-start:var(--udex-radio-button-outer-ring-padding)}:host([display-only]) .ui5-radio-root,:host([readonly]) .ui5-radio-root{cursor:default}:host([display-only]) .ui5-radio-root .ui5-radio-svg-outer{stroke-dasharray:none;fill:var(--udex-radio-button-group-color-display-only-background);stroke:var(--udex-radio-button-group-color-display-only-border)}:host([display-only][checked]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--udex-radio-button-group-color-display-only-selection)}:host([display-only][disabled]) .ui5-radio-root .ui5-radio-svg-outer{stroke:var(--sapField_BorderColor, #5B738B)}:host([display-only][checked][disabled]) .ui5-radio-root .ui5-radio-svg-inner{fill:var(--sapContent_Selected_ForegroundColor, #0070F2)}:host([value-state="Error"]) .ui5-radio-svg-outer{stroke:var(--udexColorRed6, #EE3939)}:host([value-state="Error"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorRed8, #AA0808)}:host([value-state="Success"]) .ui5-radio-svg-outer{stroke:var(--udexColorGreen6, #36A41D)}:host([value-state="Success"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorGreen8, #256F3A)}:host([value-state="Warning"]) .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)}:host([value-state="Warning"][checked]) .ui5-radio-svg-inner{fill:var(--udexColorMango7, #C35500)}:host([value-state="Information"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Error"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorRed5, #FF5C77)!important;fill:var(--udexColorRed1, #FFEAF4)}:host([value-state="Success"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorGreen5, #5DC122)!important;fill:var(--udexColorGreen1, #F5FAE5)}:host([value-state="Warning"]:hover) .ui5-radio-root .ui5-radio-inner--hoverable .ui5-radio-svg-outer{stroke:var(--udexColorMango7, #C35500)!important;fill:var(--sapNeutralBackground, #FFFFFF)}:host([text]) .ui5-radio-inner{padding:var(--udex-radio-button-outer-ring-padding-with-label)}:host([text]:not([disabled])) .ui5-radio-root:focus:before,:host([text]:not([disabled])) .ui5-radio-root:focus-visible:before,:host([text]) .ui5-radio-root:focus:before,:host([text]) .ui5-radio-root:focus-visible:before{inset:-6px}

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

	@@ -1 +1 @@
1	- :host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search__container:not(.udex-search__container--has-value) .udex-search__field,:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value),:host([mode="Home Search"]) .udex-search-prefix .udex-search__container:not(.udex-search__container--has-value) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode="Home Search"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}
1	+ :host{--udex-input-color-border: var(--sapField_BorderColor, var(--udexColorGrey6));--udex-input-color-label: var(--sapField_PlaceholderTextColor, var(--udexColorGrey7));--udex-input-font-family-label: var(--sapFontFamily, sans-serif);--udex-input-font-size-label: var(--sapFontLargeSize, var(--udexTypographyBodySFontSize));--udex-input-font-weight-label: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label: var(--udexTypographyBodyLineHeight, 24px);--udex-input-background-color: var(--sapList_Hover_Background, var(--udexColorGrey1));--udex-input-font-family-label-active: var(--sapFontFamily, sans-serif);--udex-input-font-size-label-active: var(--sapFontSmallSize, var(--udexTypographyBodyXXSFontSize));--udex-input-font-weight-label-active: var(--udexTypographyFontWeightRegular, 400);--udex-input-line-height-label-active: var(--udexTypographyBodyLineHeight, 1.5);--udex-input-color-typed-text: var(--sapField_TextColor, var(--udexColorGrey9));--udex-input-color-background-light: var(--sapField_Background, var(--udexColorNeutralWhite));--udex-input-color-hover-border: var(--sapField_Hover_BorderColor, var(--udexColorBlue6));--udex-input-color-active-border: var(--sapField_Active_BorderColor, var(--udexColorBlue9));--udex-input-radius: var(--sapField_BorderCornerRadius, var(--udexRadiusXS));--udex-input-padding-horizontal: var(--udexSpacer12, 12px);--udex-input-padding-vertical: 8px;--udex-home-input-padding-left: var(--udexSpacer12, 12px);--udex-home-input-padding-right: var(--udexSpacer8, 8px);--udex-home-input-padding-vertical: 8px;--udex-button-size: var(--sapFontHeader2Size, 28px);--udex-button-color: var(--sapAccentColor10, var(--udexColorGrey7));--udex-button-non-interactive-icon-color: var(--sapContent_NonInteractiveIconColor, var(--udexColorGrey7));--udex-button-non-interactive-icon-size: var(--sapFontHeader5Size, 18px);--udex-dropdown-border-width: auto;--udex-search-container-padding-inline-end: var(--udexSpacer12, 12px);--udex-search-home-container-padding-inline-end: var(--udexSpacer8, 8px);--udex-search-label-inset-inline-start: var(--udexSpacer12, 12px);--udex-search-icons-column-gap: 0;--udex-search-home-icons-column-gap: var(--udexSpacer4, 4px);--udex-search-active-outline-color: var(--udexColorBlue10);--udex-search-label-width: calc( 100% - var(--udex-search-label-inset-inline-start) - var(--udex-input-padding-horizontal) - var(--udex-search-container-padding-inline-end) );--udex-search-prefix-max-width: 140px;display:block;width:100%;position:relative}:host([mode="Standard"]) .udex-search__label.udex-search__label--active{display:none}:host(:not([mode="Home Search"])) .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled,:host(:not([mode="Home Search"])) .udex-search-prefix .udex-search__label.udex-search__label--active.udex-search__label--animation-enabled{display:block;top:var(--udexSpacer8);transform:translateY(-110%);padding:0 var(--udexSpacer4);font-family:var(--udex-input-font-family-label-active);font-size:var(--udex-input-font-size-label-active);font-weight:var(--udex-input-font-weight-label-active);line-height:var(--udex-input-line-height-label-active);background:var(--udex-input-color-background-light)}:host([mode="Home Search"]) .udex-search__root,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{--udex-input-radius: var(--udexRadiusXXL, 24px);position:relative;z-index:1}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix{display:flex;width:100%;position:relative;z-index:1}:host([mode="Home Search"]) .udex-search-prefix .udex-search__prefix+.udex-search__container{border-start-start-radius:0;border-start-end-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:0;border-end-end-radius:var(--udexRadiusXXL, 24px);flex-grow:1}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after,:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{content:"";position:absolute;z-index:-1;height:23px;inset-inline:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden;bottom:-2px}:host([mode="Home Search"]) .udex-search__root.udex-search__root--show-popover-top:after,:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after,.udex-search__prefix--show-popover-top:after{transform:translateY(-23px)}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__root.udex-search-prefix.udex-search__root--show-popover-top:after{inset-inline-start:auto;width:50px}:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus),:host([mode="Home Search"]) .udex-search__container:not(:hover):not(.udex-search__container--focus) .udex-search__field{background-color:var(--udex-input-background-color)}:host([mode="Home Search"]) .udex-search__label.udex-search__label--active,:host([mode="Home Search"]) .udex-search-prefix .udex-search__label.udex-search__label--active{display:none}.udex-search__container{padding-inline-end:var(--udex-search-container-padding-inline-end);display:flex;align-items:center;position:relative;z-index:1;border:1px solid var(--udex-input-color-border);border-radius:var(--udex-input-radius);background-color:field}.udex-search-mode-home-search .udex-search__container{padding-inline-end:var(--udex-search-home-container-padding-inline-end)}.udex-search__container:not(.udex-search__container--focus):hover{border-color:var(--udex-input-color-hover-border)}.udex-search__container--focus{border-color:var(--udex-input-color-active-border)}:host(:not([_is-touched])[active]) .udex-search__root:before{content:"";position:absolute;inset:-5px;border:2px solid var(--udex-search-active-outline-color);border-radius:var(--udex-input-radius)}:host([mode="Home Search"]:not([_is-touched])[active]) .udex-search__root:before{z-index:-1}.udex-search__field{display:block;width:100%;color:var(--udex-input-color-typed-text);font-size:16px;font-family:var(--sapFontFamily);line-height:24px;padding:var(--udex-input-padding-vertical) var(--udex-input-padding-horizontal);box-sizing:border-box;border:0;border-radius:var(--udex-input-radius);font-weight:var(--udexTypographyFontWeightRegular, 400);background:var(--udex-input-color-background-light)}.udex-search-mode-home-search .udex-search__field{padding:var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-right) var(--udex-home-input-padding-vertical) var(--udex-home-input-padding-left)}.udex-search__field::placeholder{color:var(--udexColorGrey7);font-family:var(--sapFontFamily, sans-serif);font-size:16px}.udex-search__field:focus{outline:none}input[type=search]::-ms-clear{display:none;width:0;height:0}input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.udex-search__label{position:absolute;inset-inline-start:var(--udex-search-label-inset-inline-start);z-index:2;color:var(--udex-input-color-label);font-family:var(--udex-input-font-family-label);font-size:var(--udex-input-font-size-label);font-weight:var(--udex-input-font-weight-label);line-height:var(--udex-input-line-height-label);transition:transform .15s ease-out,font-size .15s ease-out;overflow:hidden;white-space:nowrap;max-width:var(--udex-search-label-width)}.udex-search__label-with-search-icon,.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size))}.udex-search__label-with-search-icon.udex-search__label-with-voice-icon{max-width:calc(var(--udex-search-label-width) - var(--udex-button-size) * 2 - var(--udex-search-icons-column-gap))}.udex-search__icons{display:flex;align-items:center;column-gap:var(--udex-search-icons-column-gap)}.udex-search-mode-home-search .udex-search__icons{column-gap:var(--udex-search-home-icons-column-gap)}.udex-search__icon{margin-inline:5px;background-color:transparent;border:none;color:var(--udex-button-non-interactive-icon-color);min-width:var(--udex-button-non-interactive-icon-size);height:var(--udex-button-non-interactive-icon-size);border-radius:50%;position:relative;z-index:1;overflow:visible}.udex-search__button{background-color:transparent;border:none;color:var(--udex-button-color);min-width:var(--udex-button-size);height:var(--udex-button-size);border-radius:50%;position:relative;z-index:1;overflow:visible}[udex-control-button]{--udex-control-button-large-height: 40px;--udex-control-button-large-width: 40px}:host([mode="Home Search"]) [udex-button]{--_ui5_button_pressed_focused_border_color: transparent}[udex-control-button].udex-search__reset-button{--sapButton_BorderWidth: 0px 1px 0 1px}[udex-control-button].udex-search__submit-button{margin:0px calc((var(--udex-search-container-padding-inline-end)) * -1) 0px 0;--sapButton_BorderWidth: 0 0 0 1px}[udex-button].udex-search__button::part(button):focus-visible:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:28px;height:28px;border:2px solid var(--udexColorBlue9, #0040B0);border-radius:50%;box-sizing:border-box}[udex-button].udex-search__button::part(button){padding:0;width:28px;height:28px;line-height:0}[ui5-icon].udex-search__button-icon{color:inherit;width:18px;height:18px}[udex-button].udex-search__button::part(icon){width:18px;height:18px}[udex-button].udex-search__button::part(button):after{display:none}[udex-button].udex-search__button:hover{background-color:#0000001a;border:none;box-shadow:none}[udex-button][active].udex-search__button{background:var(--udexColorBlue8, #0057D2);color:var(--udexColorNeutralWhite, #FFFFFF)}[udex-button].udex-search__button:focus{outline:none}.udex-search__prefix{position:relative;z-index:1}.udex-search__prefix--show-popover:after,.udex-search__prefix--show-popover-top:after{content:"";position:absolute;z-index:-1;height:50%;width:50px;inset-inline-start:0;inset-block-end:0;background-color:var(--udexColorNeutralWhite, #fff);border-left:1px solid var(--udexColorGrey6, #5B738B);border-right:1px solid var(--udexColorGrey6, #5B738B);box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34, 54, 73, .3));overflow-y:hidden}.udex-search__prefix-button{padding-inline:var(--udexSpacer12) var(--udexSpacer8);display:flex;align-items:center;max-width:var(--udex-search-prefix-max-width);height:100%;border:1px solid var(--udex-input-color-border);border-inline-end:0;border-start-start-radius:var(--udexRadiusXXL, 24px);border-end-start-radius:var(--udexRadiusXXL, 24px);background-color:var(--sapShell_Navigation_Active_Background, var(--udexColorGrey1));color:var(--sapContent_LabelColor, var(--udexColorGrey7));font-family:var(--sapFontFamily, sans-serif);font-size:var(--udexTypographyBodySFontSize, 16px);font-weight:var(--udexTypographyFontWeightRegular, 400);line-height:var(--udexTypographyBodyLineHeight, 1.5);text-align:start;white-space:nowrap}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible,.udex-search__prefix-button:hover{cursor:pointer;background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue8)}.udex-search__prefix-button:focus,.udex-search__prefix-button:focus-visible{outline:2px solid var(--udexColorBlue10, #002A86);outline-offset:-2px}.udex-search__prefix-button--active{background-color:var(--udexColorNeutralWhite);color:var(--udexColorBlue10)}.udex-search__prefix-label{margin-inline-end:var(--udexSpacer4, 4px);max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis}.udex-search__prefix-icon{width:16px;height:16px;color:inherit;flex-shrink:1}.udex-search__prefix-popover{border-start-start-radius:0;border-start-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-start:0;box-shadow:var(--sapContent_Shadow1, 0px 2px 8px 0px rgba(34,54,73,.3));background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover-top{border-end-start-radius:0;border-end-end-radius:0;border:1px solid var(--udexColorGrey6);border-block-end:0;box-shadow:none;background-color:var(--udexColorNeutralWhite, #fff);clip-path:inset(0px -10px -10px -10px)}.udex-search__prefix-popover::part(content),.udex-search__prefix-popover-top::part(content){padding:0}[udex-dropdown]{--udex-dropdown-pane-max-width: 100%}.hidden{position:absolute;width:0px;height:0px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;padding:0}

package/dist/custom-elements-internal.json CHANGED Viewed

@@ -8812,7 +8812,7 @@
               "name": "additionalContent",
               "description": "Slot for any additional content.",
               "_ui5type": {
-                "text": "Array<HTMLElement> | undefined"
+                "text": "Array<HTMLElement>"
               },
               "_ui5privacy": "public"
             },
@@ -8820,7 +8820,22 @@
               "name": "backgroundPicture",
               "description": "Slot background picture override.",
               "_ui5type": {
-                "text": "Array<HTMLElement> | undefined"
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public"
+            },
+            {
+              "name": "breadcrumbs",
+              "description": "Slot for breadcrumbs.",
+              "_ui5type": {
+                "text": "Array<UDExBreadcrumbs>",
+                "references": [
+                  {
+                    "name": "UDExBreadcrumbs",
+                    "package": "@sapudex/web-components",
+                    "module": "dist/Breadcrumbs.js"
+                  }
+                ]
               },
               "_ui5privacy": "public"
             },
@@ -8828,7 +8843,7 @@
               "name": "content",
               "description": "Slot for primary content.",
               "_ui5type": {
-                "text": "Array<HTMLElement> | undefined"
+                "text": "Array<HTMLElement>"
               },
               "_ui5privacy": "public"
             },
@@ -8836,7 +8851,7 @@
               "name": "mediaContent",
               "description": "Slot for image or video content.",
               "_ui5type": {
-                "text": "Array<HTMLElement> | undefined"
+                "text": "Array<HTMLElement>"
               },
               "_ui5privacy": "public"
             }
@@ -18295,7 +18310,7 @@
                   }
                 ]
               },
-              "description": "Defines the component Status Type.",
+              "description": "Defines the component Status Type.\n\n`Text` value is DEPRECATED! Use `Icon` instead.",
               "privacy": "public"
             },
             {
@@ -18333,7 +18348,7 @@
               "name": "design",
               "fieldName": "design",
               "type": {
-                "text": "\"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Action\""
+                "text": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Action\" | \"GreyLight\" | \"GreyDark\" | \"RedLight\" | \"RedDark\" | \"MangoLight\" | \"MangoDark\" | \"GreenLight\" | \"GreenDark\" | ... 9 more ... | \"RaspberryDark\""
               }
             },
             {
@@ -18372,7 +18387,7 @@
               }
             },
             {
-              "description": "Defines the component Status Type.",
+              "description": "Defines the component Status Type.\n\n`Text` value is DEPRECATED! Use `Icon` instead.",
               "name": "status-type",
               "fieldName": "statusType",
               "type": {
@@ -28627,7 +28642,7 @@
             },
             {
               "kind": "field",
-              "name": "UDExsizeMoreButton",
+              "name": "sizeMoreButton",
               "type": {
                 "text": "UDExSizeMoreButton",
                 "references": [
@@ -28804,9 +28819,9 @@
             },
             {
               "description": "Defines the size of the \"More\" button.",
-              "name": "ud-exsize-more-button",
+              "name": "size-more-button",
               "default": "\"Small\"",
-              "fieldName": "UDExsizeMoreButton",
+              "fieldName": "sizeMoreButton",
               "type": {
                 "text": "\"Medium\" | \"Small\""
               }
@@ -32501,6 +32516,66 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "step-change",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<WizardStepChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "WizardStepChangeEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/Wizard.js"
+                  }
+                ]
+              },
+              "description": "Fired when the step is changed by user interaction.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": true,
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "WizardStepChangeEventDetail",
+                    "references": [
+                      {
+                        "name": "WizardStepChangeEventDetail",
+                        "package": "@ui5/webcomponents-fiori",
+                        "module": "dist/Wizard.js"
+                      }
+                    ]
+                  },
+                  "name": "previousStep",
+                  "_ui5privacy": "public",
+                  "description": "The previous step."
+                },
+                {
+                  "type": {
+                    "text": "WizardStepChangeEventDetail",
+                    "references": [
+                      {
+                        "name": "WizardStepChangeEventDetail",
+                        "package": "@ui5/webcomponents-fiori",
+                        "module": "dist/Wizard.js"
+                      }
+                    ]
+                  },
+                  "name": "step",
+                  "_ui5privacy": "public",
+                  "description": "The new step."
+                },
+                {
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "name": "withScroll",
+                  "_ui5privacy": "public",
+                  "description": "Indicates if the change of the step was triggered by scrolling."
+                }
+              ]
+            }
+          ],
           "attributes": [
             {
               "description": "Defines aria-label of the wizard, read by screen readers with the first step.",
@@ -32710,6 +32785,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/data/CountryListISO3166.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/features/SearchSuggestionsPopover.js",
@@ -32725,12 +32806,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/data/CountryListISO3166.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/AnalyticsName.js",

package/dist/custom-elements.json CHANGED Viewed

@@ -8453,6 +8453,10 @@
               "name": "backgroundPicture",
               "description": "Slot background picture override."
             },
+            {
+              "name": "breadcrumbs",
+              "description": "Slot for breadcrumbs."
+            },
             {
               "name": "content",
               "description": "Slot for primary content."
@@ -15365,7 +15369,7 @@
                   }
                 ]
               },
-              "description": "Defines the component Status Type.",
+              "description": "Defines the component Status Type.\n\n`Text` value is DEPRECATED! Use `Icon` instead.",
               "privacy": "public"
             },
             {
@@ -15423,7 +15427,7 @@
               "name": "design",
               "fieldName": "design",
               "type": {
-                "text": "\"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Action\""
+                "text": "\"Neutral\" | \"Negative\" | \"Information\" | \"Positive\" | \"Warning\" | \"Action\" | \"GreyLight\" | \"GreyDark\" | \"RedLight\" | \"RedDark\" | \"MangoLight\" | \"MangoDark\" | \"GreenLight\" | \"GreenDark\" | ... 9 more ... | \"RaspberryDark\""
               }
             },
             {
@@ -15462,7 +15466,7 @@
               }
             },
             {
-              "description": "Defines the component Status Type.",
+              "description": "Defines the component Status Type.\n\n`Text` value is DEPRECATED! Use `Icon` instead.",
               "name": "status-type",
               "fieldName": "statusType",
               "type": {
@@ -15699,6 +15703,16 @@
               "description": "Configures the component to be resizable.\nIf this property is set to true, the Dialog will have a resize handle in its bottom right corner in LTR languages.\nIn RTL languages, the resize handle will be placed in the bottom left corner.\n\n**Note:** The component can be resizable only in desktop mode.\n\n**Note:** Upon resizing, externally defined height and width styling will be ignored.",
               "privacy": "public"
             },
+            {
+              "kind": "field",
+              "name": "showFullscreenButton",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Defines whether a fullscreen toggle button is shown in the dialog header.\nWhen pressed, it toggles the `stretch` property.\nThe fullscreen button is not available on phone devices.\n\n**Note:** The fullscreen button is not available on phone devices,\nnor when a custom header slot is provided — the application is expected\nto render its own toggle inside the custom header in those cases.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "state",
@@ -15845,6 +15859,15 @@
                 "text": "boolean"
               }
             },
+            {
+              "description": "Defines whether a fullscreen toggle button is shown in the dialog header.\nWhen pressed, it toggles the `stretch` property.\nThe fullscreen button is not available on phone devices.\n\n**Note:** The fullscreen button is not available on phone devices,\nnor when a custom header slot is provided — the application is expected\nto render its own toggle inside the custom header in those cases.",
+              "name": "show-fullscreen-button",
+              "default": "false",
+              "fieldName": "showFullscreenButton",
+              "type": {
+                "text": "boolean"
+              }
+            },
             {
               "description": "Defines the state of the `Dialog`.\n\n**Note:** If `\"Negative\"` and `\"Critical\"` states is set, it will change the\naccessibility role to \"alertdialog\", if the accessibleRole property is set to `\"Dialog\"`.",
               "name": "state",
@@ -25743,7 +25766,7 @@
             },
             {
               "kind": "field",
-              "name": "UDExsizeMoreButton",
+              "name": "sizeMoreButton",
               "type": {
                 "text": "UDExSizeMoreButton",
                 "references": [
@@ -25877,9 +25900,9 @@
             },
             {
               "description": "Defines the size of the \"More\" button.",
-              "name": "ud-exsize-more-button",
+              "name": "size-more-button",
               "default": "\"Small\"",
-              "fieldName": "UDExsizeMoreButton",
+              "fieldName": "sizeMoreButton",
               "type": {
                 "text": "\"Medium\" | \"Small\""
               }
@@ -29237,6 +29260,22 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "step-change",
+              "type": {
+                "text": "CustomEvent<WizardStepChangeEventDetail>",
+                "references": [
+                  {
+                    "name": "WizardStepChangeEventDetail",
+                    "package": "@ui5/webcomponents-fiori",
+                    "module": "dist/Wizard.js"
+                  }
+                ]
+              },
+              "description": "Fired when the step is changed by user interaction."
+            }
+          ],
           "attributes": [
             {
               "description": "Defines aria-label of the wizard, read by screen readers with the first step.",
@@ -29563,6 +29602,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "dist/data/CountryListISO3166.js",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "dist/features/SearchSuggestionsPopover.js",
@@ -29578,12 +29623,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "dist/data/CountryListISO3166.js",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "dist/types/AnalyticsName.js",