@sapudex/web-components 2.49.0 → 2.50.0

package/dist/css/themes/HeroBanner.css

@@ -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}}
+: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

@@ -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}
+.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/PromoTile.css

@@ -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}}
+: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

@@ -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}
+: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/custom-elements-internal.json

@@ -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"
             }
@@ -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.",

package/dist/custom-elements.json

@@ -8453,6 +8453,10 @@
               "name": "backgroundPicture",
               "description": "Slot background picture override."
             },
+            {
+              "name": "breadcrumbs",
+              "description": "Slot for breadcrumbs."
+            },
             {
               "name": "content",
               "description": "Slot for primary content."
@@ -25743,7 +25747,7 @@
             },
             {
               "kind": "field",
-              "name": "UDExsizeMoreButton",
+              "name": "sizeMoreButton",
               "type": {
                 "text": "UDExSizeMoreButton",
                 "references": [
@@ -25877,9 +25881,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 +29241,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.",

package/dist/generated/templates/TabNavigationTemplate.lit.js

@@ -1,7 +1,7 @@
 /* eslint no-unused-vars: 0 */
 import { html, repeat, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return suffix ? html `<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}">${this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined}<div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${ifDefined(this._id)}" aria-orientation="${ifDefined(this.ariaOrientationValue)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div><${scopeTag("udex-button", tags, suffix)} class="udex-tab-navigation__button-more" design="Tertiary" size="Medium" end-icon="navigation-down-arrow" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" hidden>${ifDefined(this.moreButtonText)}</${scopeTag("udex-button", tags, suffix)}>${this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined}${this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined}</div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${repeat(this.items, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</div></div>` : html `<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}">${this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined}<div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${ifDefined(this._id)}" aria-orientation="${ifDefined(this.ariaOrientationValue)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div><udex-button class="udex-tab-navigation__button-more" design="Tertiary" size="Medium" end-icon="navigation-down-arrow" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" hidden>${ifDefined(this.moreButtonText)}</udex-button>${this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined}${this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined}</div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${repeat(this.items, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</div></div>`; }
+function block0(context, tags, suffix) { return suffix ? html `<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}">${this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined}<div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${ifDefined(this._id)}" aria-orientation="${ifDefined(this.ariaOrientationValue)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div><${scopeTag("udex-button", tags, suffix)} class="udex-tab-navigation__button-more" design="Tertiary" size="${ifDefined(this.sizeMoreButton)}" end-icon="navigation-down-arrow" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" hidden>${ifDefined(this.moreButtonText)}</${scopeTag("udex-button", tags, suffix)}>${this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined}${this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined}</div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${repeat(this.items, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</div></div>` : html `<div class="udex-tab-navigation__root"><div id="${ifDefined(this._id)}-header" class="udex-tab-navigation__header" part="tab-navigation-header" @keydown="${this.handleKeyDown}">${this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined}<div id="${ifDefined(this._id)}-header-tabs" class="udex-tab-navigation__header-tabs" role="tablist" aria-labelledby="tablist-${ifDefined(this._id)}" aria-orientation="${ifDefined(this.ariaOrientationValue)}" part="tab-navigation-header-tabs" @click="${this.onTabClick}">${repeat(this.items, (item, index) => item._id || index, (item, index) => block2.call(this, context, tags, suffix, item, index))}</div><udex-button class="udex-tab-navigation__button-more" design="Tertiary" size="${ifDefined(this.sizeMoreButton)}" end-icon="navigation-down-arrow" @click="${this.handleMoreButton}" @keydown="${this.handleFocusMoreButton}" aria-haspopup="menu" aria-expanded="${ifDefined(this._isExpanded)}" hidden>${ifDefined(this.moreButtonText)}</udex-button>${this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined}${this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined}</div><div class="udex-tab-navigation__content" id="udex-${ifDefined(this.__id)}-content" part="tab-navigation-content">${repeat(this.items, (item, index) => item._id || index, (item, index) => block7.call(this, context, tags, suffix, item, index))}</div></div>`; }
 function block1(context, tags, suffix) { return suffix ? html `<${scopeTag("udex-button", tags, suffix)} class="udex-tab-navigation__play-button" design="Tertiary" size="Large" icon="${ifDefined(this.playBtnIcon)}" tooltip="${ifDefined(this.playBtnTooltipText)}" @click="${this.onPlayButtonClick}"></${scopeTag("udex-button", tags, suffix)}>` : html `<udex-button class="udex-tab-navigation__play-button" design="Tertiary" size="Large" icon="${ifDefined(this.playBtnIcon)}" tooltip="${ifDefined(this.playBtnTooltipText)}" @click="${this.onPlayButtonClick}"></udex-button>`; }
 function block2(context, tags, suffix, item, index) { return html `${ifDefined(item.tabNavigation)}${item.isMobileVertical ? block3.call(this, context, tags, suffix, item, index) : undefined}`; }
 function block3(context, tags, suffix, item, index) { return html `${item.selected ? block4.call(this, context, tags, suffix, item, index) : undefined}`; }

package/dist/generated/templates/TabNavigationTemplate.lit.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabNavigationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TabNavigationTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TabNavigation from \"../../TabNavigation.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\">${ this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined }<div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" aria-orientation=\"${ifDefined(this.ariaOrientationValue)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</div><${scopeTag(\"udex-button\", tags, suffix)} class=\"udex-tab-navigation__button-more\" design=\"Tertiary\" size=\"Medium\" end-icon=\"navigation-down-arrow\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" hidden>${ifDefined(this.moreButtonText)}</${scopeTag(\"udex-button\", tags, suffix)}>${ this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined }${ this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</div></div>` : html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\">${ this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined }<div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" aria-orientation=\"${ifDefined(this.ariaOrientationValue)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</div><udex-button class=\"udex-tab-navigation__button-more\" design=\"Tertiary\" size=\"Medium\" end-icon=\"navigation-down-arrow\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" hidden>${ifDefined(this.moreButtonText)}</udex-button>${ this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined }${ this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block1 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} class=\"udex-tab-navigation__play-button\" design=\"Tertiary\" size=\"Large\" icon=\"${ifDefined(this.playBtnIcon)}\" tooltip=\"${ifDefined(this.playBtnTooltipText)}\" @click=\"${this.onPlayButtonClick}\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button class=\"udex-tab-navigation__play-button\" design=\"Tertiary\" size=\"Large\" icon=\"${ifDefined(this.playBtnIcon)}\" tooltip=\"${ifDefined(this.playBtnTooltipText)}\" @click=\"${this.onPlayButtonClick}\"></udex-button>`;}\nfunction block2 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item.tabNavigation)}${ item.isMobileVertical ? block3.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block3 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block4.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block4 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content\" part=\"tab-navigation-content\"><div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}-mobile\" aria-labelledby=\"${ifDefined(item._id)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div></div>`;}\nfunction block5 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.tabNavigationPopover)}`;}\nfunction block6 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-tab-navigation__footer\" part=\"tab-navigation-footer\"><slot name=\"footer\"></slot></div>`;}\nfunction block7 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index) }`;}\nfunction block8 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\" aria-hidden=\"${ifDefined(item.IsMobile)}\" aria-labelledby=\"${ifDefined(item._id)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\nfunction block9 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\n\nfunction template(this: TabNavigation) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}
+{"version":3,"file":"TabNavigationTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/TabNavigationTemplate.lit.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type TabNavigation from \"../../TabNavigation.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\">${ this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined }<div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" aria-orientation=\"${ifDefined(this.ariaOrientationValue)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</div><${scopeTag(\"udex-button\", tags, suffix)} class=\"udex-tab-navigation__button-more\" design=\"Tertiary\" size=\"${ifDefined(this.sizeMoreButton)}\" end-icon=\"navigation-down-arrow\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" hidden>${ifDefined(this.moreButtonText)}</${scopeTag(\"udex-button\", tags, suffix)}>${ this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined }${ this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</div></div>` : html`<div class=\"udex-tab-navigation__root\"><div id=\"${ifDefined(this._id)}-header\" class=\"udex-tab-navigation__header\" part=\"tab-navigation-header\" @keydown=\"${this.handleKeyDown}\">${ this.showPlayButton ? block1.call(this, context, tags, suffix) : undefined }<div id=\"${ifDefined(this._id)}-header-tabs\" class=\"udex-tab-navigation__header-tabs\" role=\"tablist\" aria-labelledby=\"tablist-${ifDefined(this._id)}\" aria-orientation=\"${ifDefined(this.ariaOrientationValue)}\" part=\"tab-navigation-header-tabs\" @click=\"${this.onTabClick}\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block2.call(this, context, tags, suffix, item, index)) }</div><udex-button class=\"udex-tab-navigation__button-more\" design=\"Tertiary\" size=\"${ifDefined(this.sizeMoreButton)}\" end-icon=\"navigation-down-arrow\" @click=\"${this.handleMoreButton}\" @keydown=\"${this.handleFocusMoreButton}\" aria-haspopup=\"menu\" aria-expanded=\"${ifDefined(this._isExpanded)}\" hidden>${ifDefined(this.moreButtonText)}</udex-button>${ this._overflowItems.length ? block5.call(this, context, tags, suffix) : undefined }${ this.showFooterSlot ? block6.call(this, context, tags, suffix) : undefined }</div><div class=\"udex-tab-navigation__content\" id=\"udex-${ifDefined(this.__id)}-content\" part=\"tab-navigation-content\">${ repeat(this.items, (item, index) => (item as typeof item & {_id?: any})._id || index, (item, index: number) => block7.call(this, context, tags, suffix, item, index)) }</div></div>`;}\nfunction block1 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<${scopeTag(\"udex-button\", tags, suffix)} class=\"udex-tab-navigation__play-button\" design=\"Tertiary\" size=\"Large\" icon=\"${ifDefined(this.playBtnIcon)}\" tooltip=\"${ifDefined(this.playBtnTooltipText)}\" @click=\"${this.onPlayButtonClick}\"></${scopeTag(\"udex-button\", tags, suffix)}>` : html`<udex-button class=\"udex-tab-navigation__play-button\" design=\"Tertiary\" size=\"Large\" icon=\"${ifDefined(this.playBtnIcon)}\" tooltip=\"${ifDefined(this.playBtnTooltipText)}\" @click=\"${this.onPlayButtonClick}\"></udex-button>`;}\nfunction block2 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ifDefined(item.tabNavigation)}${ item.isMobileVertical ? block3.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block3 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block4.call(this, context, tags, suffix, item, index) : undefined }`;}\nfunction block4 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content\" part=\"tab-navigation-content\"><div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}-mobile\" aria-labelledby=\"${ifDefined(item._id)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div></div>`;}\nfunction block5 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ifDefined(this.tabNavigationPopover)}`;}\nfunction block6 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-tab-navigation__footer\" part=\"tab-navigation-footer\"><slot name=\"footer\"></slot></div>`;}\nfunction block7 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`${ item.selected ? block8.call(this, context, tags, suffix, item, index) : block9.call(this, context, tags, suffix, item, index) }`;}\nfunction block8 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\" aria-hidden=\"${ifDefined(item.IsMobile)}\" aria-labelledby=\"${ifDefined(item._id)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\nfunction block9 (this: TabNavigation, context: UI5Element, tags: string[], suffix: string | undefined, item: any, index: number) { return html`<div class=\"udex-tab-navigation__content-item\" id=\"${ifDefined(item._contentId)}\"><slot name=\"${ifDefined(item._slotName)}\"></slot></div>`;}\n\nfunction template(this: TabNavigation) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/dist/generated/themes/HeroBanner.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: ":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}}\n";
+declare const _default: ":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}}\n";
 export default _default;

package/dist/generated/themes/HeroBanner.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `:host{--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}}
+export default `: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}}
 `;
 //# sourceMappingURL=HeroBanner.css.js.map

package/dist/generated/themes/HeroBanner.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeroBanner.css.js","sourceRoot":"","sources":["../../../src/generated/themes/HeroBanner.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--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}}\n`"]}
+{"version":3,"file":"HeroBanner.css.js","sourceRoot":"","sources":["../../../src/generated/themes/HeroBanner.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `:host{--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}}\n`"]}

package/dist/generated/themes/InputGroup.css.d.ts

@@ -1,2 +1,2 @@
-declare const _default: ".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}\n";
+declare const _default: ".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}\n";
 export default _default;

package/dist/generated/themes/InputGroup.css.js

@@ -3,6 +3,6 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@" + "s" + "a" + "p" + "u" + "d" + "e" + "x" + "/" + "w" + "e" + "b" + "-" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => defaultTheme, "host");
-export default `.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}
+export default `.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}
 `;
 //# sourceMappingURL=InputGroup.css.js.map

package/dist/generated/themes/InputGroup.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.css.js","sourceRoot":"","sources":["../../../src/generated/themes/InputGroup.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `.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}\n`"]}
+{"version":3,"file":"InputGroup.css.js","sourceRoot":"","sources":["../../../src/generated/themes/InputGroup.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AACxN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme, \"host\");\nexport default `.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}\n`"]}

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

@@ -1,2 +1,2 @@
-declare const _default: ":host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548)}: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}}\n";
+declare const _default: ":host{width:100%;max-height:100%;overflow:hidden;--udex-promo-tile-background: var(--udexColorBlue1, #EBF8FF);--udex-promo-tile-border-radius: var(--udexRadiusXL, 16px);--udex-promo-tile-border-width: var(--sapElement_BorderWidth, 1px);--udex-promo-tile-border-color: var(--udex-promo-tile-background);--udex-promo-tile-pictogram-width: var(--udexSpacer120, 120px);--udex-promo-tile-pictogram-height: var(--udexSpacer120, 120px);--udex-promo-tile-logo-width: 200px;--udex-promo-tile-logo-height: 100px;--udex-promo-tile-icon-width: 100%;--udex-promo-tile-icon-height: 100%;--udex-promo-tile-icon-fill-color: inherit;--udex-promo-tile-eyebrow-color: var(--udexColorBlue8, #0057D2);--udex-promo-tile-header-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-header-color-dark: var(--udexColorNeutralBlack, #000000);--udex-promo-tile-text-color-light: var(--udexColorNeutralWhite, #FFFFFF);--udex-promo-tile-text-color-dark: var(--udexColorGrey9, #223548)}: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)}\n";
 export default _default;