@sapudex/web-components 2.12.1 → 2.14.0

package/dist/css/themes/EventRibbon.css

@@ -1 +1 @@
-:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:multiply;background-position:center;background-size:100%;background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:112%}:host([mode="dark"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:24.8%}:host([event-logo="sapphire"]){--udex-event-ribbon-logo-height: 40px}:host([event-logo="connect"]){--udex-event-ribbon-logo-height: 18px}:host([event-logo="now"]){--udex-event-ribbon-logo-height: 24px}:host([event-logo="teched"]){--udex-event-ribbon-logo-height: 21px}.udex-event-ribbon__logo-img{max-height:42px;height:var(--udex-event-ribbon-logo-height);max-width:100%}:host([mode="dark"]) .udex-event-ribbon__logo-img{filter:brightness(0) invert(1)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);width:51%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px);width:21%}.udex-event-ribbon__link-text{line-height:var(--udexTypographyBodyLineHeight);font-size:var(--udexTypographyBodyXSFontSize);white-space:nowrap}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}}@media (max-width: 979px){.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__link-container,.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}.udex-event-ribbon__link-text{white-space:normal}}@media (max-width: 639px){.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}
+:host{--udex-event-ribbon-dark-text-color: var(--udexColorNeutralWhite);--udex-event-ribbon-light-text-color: var(--udexColorNeutralBlack);--udex-event-ribbon-light-grey1-default-background-color: var(--udexColorGrey1);--udex-event-ribbon-light-grey1-hover-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-default-background-color: var(--udexColorGrey2);--udex-event-ribbon-light-grey2-hover-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-default-background-color: var(--udexColorGrey3);--udex-event-ribbon-light-grey3-hover-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-default-background-color: var(--udexColorGrey4);--udex-event-ribbon-light-grey4-hover-background-color: var(--udexColorGrey5);--udex-event-ribbon-light-blue1-default-background-color: var(--udexColorBlue1);--udex-event-ribbon-light-blue1-hover-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-default-background-color: var(--udexColorBlue2);--udex-event-ribbon-light-blue2-hover-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-default-background-color: var(--udexColorBlue3);--udex-event-ribbon-light-blue3-hover-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-default-background-color: var(--udexColorBlue4);--udex-event-ribbon-light-blue4-hover-background-color: var(--udexColorBlue5);--udex-event-ribbon-light-teal1-default-background-color: var(--udexColorTeal1);--udex-event-ribbon-light-teal1-hover-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-default-background-color: var(--udexColorTeal2);--udex-event-ribbon-light-teal2-hover-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-default-background-color: var(--udexColorTeal3);--udex-event-ribbon-light-teal3-hover-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-default-background-color: var(--udexColorTeal4);--udex-event-ribbon-light-teal4-hover-background-color: var(--udexColorTeal5);--udex-event-ribbon-light-green1-default-background-color: var(--udexColorGreen1);--udex-event-ribbon-light-green1-hover-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-default-background-color: var(--udexColorGreen2);--udex-event-ribbon-light-green2-hover-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-default-background-color: var(--udexColorGreen3);--udex-event-ribbon-light-green3-hover-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-default-background-color: var(--udexColorGreen4);--udex-event-ribbon-light-green4-hover-background-color: var(--udexColorGreen5);--udex-event-ribbon-light-mango1-default-background-color: var(--udexColorMango1);--udex-event-ribbon-light-mango1-hover-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-default-background-color: var(--udexColorMango2);--udex-event-ribbon-light-mango2-hover-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-default-background-color: var(--udexColorMango3);--udex-event-ribbon-light-mango3-hover-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-default-background-color: var(--udexColorMango4);--udex-event-ribbon-light-mango4-hover-background-color: var(--udexColorMango5);--udex-event-ribbon-light-red1-default-background-color: var(--udexColorRed1);--udex-event-ribbon-light-red1-hover-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-default-background-color: var(--udexColorRed2);--udex-event-ribbon-light-red2-hover-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-default-background-color: var(--udexColorRed3);--udex-event-ribbon-light-red3-hover-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-default-background-color: var(--udexColorRed4);--udex-event-ribbon-light-red4-hover-background-color: var(--udexColorRed5);--udex-event-ribbon-light-raspberry1-default-background-color: var(--udexColorRaspberry1);--udex-event-ribbon-light-raspberry1-hover-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-default-background-color: var(--udexColorRaspberry2);--udex-event-ribbon-light-raspberry2-hover-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-default-background-color: var(--udexColorRaspberry3);--udex-event-ribbon-light-raspberry3-hover-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-default-background-color: var(--udexColorRaspberry4);--udex-event-ribbon-light-raspberry4-hover-background-color: var(--udexColorRaspberry5);--udex-event-ribbon-light-pink1-default-background-color: var(--udexColorPink1);--udex-event-ribbon-light-pink1-hover-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-default-background-color: var(--udexColorPink2);--udex-event-ribbon-light-pink2-hover-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-default-background-color: var(--udexColorPink3);--udex-event-ribbon-light-pink3-hover-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-default-background-color: var(--udexColorPink4);--udex-event-ribbon-light-pink4-hover-background-color: var(--udexColorPink5);--udex-event-ribbon-light-indigo1-default-background-color: var(--udexColorIndigo1);--udex-event-ribbon-light-indigo1-hover-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-default-background-color: var(--udexColorIndigo2);--udex-event-ribbon-light-indigo2-hover-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-default-background-color: var(--udexColorIndigo3);--udex-event-ribbon-light-indigo3-hover-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-default-background-color: var(--udexColorIndigo4);--udex-event-ribbon-light-indigo4-hover-background-color: var(--udexColorIndigo5);--udex-event-ribbon-dark-grey1-default-background-color: var(--udexColorGrey7);--udex-event-ribbon-dark-grey1-hover-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-default-background-color: var(--udexColorGrey8);--udex-event-ribbon-dark-grey2-hover-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-default-background-color: var(--udexColorGrey9);--udex-event-ribbon-dark-grey3-hover-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-default-background-color: var(--udexColorGrey10);--udex-event-ribbon-dark-grey4-hover-background-color: var(--udexColorGrey11);--udex-event-ribbon-dark-blue1-default-background-color: var(--udexColorBlue7);--udex-event-ribbon-dark-blue1-hover-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-default-background-color: var(--udexColorBlue8);--udex-event-ribbon-dark-blue2-hover-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-default-background-color: var(--udexColorBlue9);--udex-event-ribbon-dark-blue3-hover-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-default-background-color: var(--udexColorBlue10);--udex-event-ribbon-dark-blue4-hover-background-color: var(--udexColorBlue11);--udex-event-ribbon-dark-teal1-default-background-color: var(--udexColorTeal7);--udex-event-ribbon-dark-teal1-hover-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-default-background-color: var(--udexColorTeal8);--udex-event-ribbon-dark-teal2-hover-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-default-background-color: var(--udexColorTeal9);--udex-event-ribbon-dark-teal3-hover-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-default-background-color: var(--udexColorTeal10);--udex-event-ribbon-dark-teal4-hover-background-color: var(--udexColorTeal11);--udex-event-ribbon-dark-green1-default-background-color: var(--udexColorGreen7);--udex-event-ribbon-dark-green1-hover-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-default-background-color: var(--udexColorGreen8);--udex-event-ribbon-dark-green2-hover-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-default-background-color: var(--udexColorGreen9);--udex-event-ribbon-dark-green3-hover-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-default-background-color: var(--udexColorGreen10);--udex-event-ribbon-dark-green4-hover-background-color: var(--udexColorGreen11);--udex-event-ribbon-dark-mango1-default-background-color: var(--udexColorMango7);--udex-event-ribbon-dark-mango1-hover-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-default-background-color: var(--udexColorMango8);--udex-event-ribbon-dark-mango2-hover-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-default-background-color: var(--udexColorMango9);--udex-event-ribbon-dark-mango3-hover-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-default-background-color: var(--udexColorMango10);--udex-event-ribbon-dark-mango4-hover-background-color: var(--udexColorMango11);--udex-event-ribbon-dark-red1-default-background-color: var(--udexColorRed7);--udex-event-ribbon-dark-red1-hover-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-default-background-color: var(--udexColorRed8);--udex-event-ribbon-dark-red2-hover-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-default-background-color: var(--udexColorRed9);--udex-event-ribbon-dark-red3-hover-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-default-background-color: var(--udexColorRed10);--udex-event-ribbon-dark-red4-hover-background-color: var(--udexColorRed11);--udex-event-ribbon-dark-raspberry1-default-background-color: var(--udexColorRaspberry7);--udex-event-ribbon-dark-raspberry1-hover-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-default-background-color: var(--udexColorRaspberry8);--udex-event-ribbon-dark-raspberry2-hover-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-default-background-color: var(--udexColorRaspberry9);--udex-event-ribbon-dark-raspberry3-hover-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-default-background-color: var(--udexColorRaspberry10);--udex-event-ribbon-dark-raspberry4-hover-background-color: var(--udexColorRaspberry11);--udex-event-ribbon-dark-pink1-default-background-color: var(--udexColorPink7);--udex-event-ribbon-dark-pink1-hover-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-default-background-color: var(--udexColorPink8);--udex-event-ribbon-dark-pink2-hover-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-default-background-color: var(--udexColorPink9);--udex-event-ribbon-dark-pink3-hover-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-default-background-color: var(--udexColorPink10);--udex-event-ribbon-dark-pink4-hover-background-color: var(--udexColorPink11);--udex-event-ribbon-dark-indigo1-default-background-color: var(--udexColorIndigo7);--udex-event-ribbon-dark-indigo1-hover-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-default-background-color: var(--udexColorIndigo8);--udex-event-ribbon-dark-indigo2-hover-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-default-background-color: var(--udexColorIndigo9);--udex-event-ribbon-dark-indigo3-hover-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-default-background-color: var(--udexColorIndigo10);--udex-event-ribbon-dark-indigo4-hover-background-color: var(--udexColorIndigo11);--udex-event-ribbon-background-color: transparent;--udex-event-ribbon-hover-background-color: transparent;--udex-event-ribbon-background-blend-mode: multiply;--udex-event-ribbon-background-position: center;--udex-event-ribbon-background-size: 100%;--udex-event-ribbon-hover-background-size: 112%;--udex-event-ribbon-margin-xl: 84px;--udex-event-ribbon-margin-m-l: 72px;--udex-event-ribbon-margin-s: 48px;--udex-event-ribbon-margin-xs: 24px;--udex-event-ribbon-logo-height: auto;--udex-event-ribbon-custom-logo-dark-filter: none;--udex-event-ribbon-logo-dark-filter: brightness(0) invert(1);--udex-event-ribbon-column-width: calc((100vw - (2 * var(--udex-event-ribbon-margin-xl)) - (11 * var(--udexGridXLGutters))) / 12)}.udex-event-ribbon__container{box-sizing:border-box;position:relative;overflow:hidden;text-decoration:none;background-color:var(--udex-event-ribbon-background-color);color:var(--udex-event-ribbon-light-text-color);height:70px;font-family:var(--sapFontFamily, sans-serif);border-radius:var(--udexSpacer12, 12px);padding-block:var(--udexSpacer12, 12px);padding-inline:var(--udexSpacer36, 36px);margin-block:var(--udexSpacer56, 56px) 84px;margin-inline:auto;max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xl));display:flex;align-items:center;gap:var(--udexSpacer32, 32px)}.udex-event-ribbon__container-with-background-image{background-image:var(--udex-event-ribbon-background-image);background-blend-mode:var(--udex-event-ribbon-background-blend-mode);background-position:var(--udex-event-ribbon-background-position);background-size:var(--udex-event-ribbon-background-size);background-repeat:no-repeat;transition:background ease-out .3s}.udex-event-ribbon__container:focus,.udex-event-ribbon__container:focus-visible{outline:solid var(--udexSpacer2, 2px) var(--udexColorBlue9, #0040B0);outline-offset:2px}.udex-event-ribbon__container:hover{background-color:var(--udex-event-ribbon-hover-background-color)}.udex-event-ribbon__container-with-background-image:hover{background-size:var(--udex-event-ribbon-hover-background-size)}:host([mode="dark"]) .udex-event-ribbon__container{color:var(--udex-event-ribbon-dark-text-color)}.udex-event-ribbon__logo{position:relative;display:flex;justify-content:flex-end;width:24%}:host([event-logo="sapphire"]){--udex-event-ribbon-logo-height: 40px}:host([event-logo="connect"]){--udex-event-ribbon-logo-height: 18px}:host([event-logo="now"]){--udex-event-ribbon-logo-height: 24px}:host([event-logo="teched"]){--udex-event-ribbon-logo-height: 21px}.udex-event-ribbon__logo-img{max-height:42px;height:var(--udex-event-ribbon-logo-height);max-width:100%}:host([mode="dark"]) .udex-event-ribbon__custom-logo{filter:var(--udex-event-ribbon-custom-logo-dark-filter)}:host([mode="dark"]) .udex-event-ribbon__logo-img:not(.udex-event-ribbon__custom-logo){filter:var(--udex-event-ribbon-logo-dark-filter)}.udex-event-ribbon__text{position:inherit;margin:0;padding:0;font-size:var(--udexTypographyBodyXSFontSize);line-height:var(--udexTypographyBodyLineHeight);width:52%;max-height:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis}.udex-event-ribbon__link-container{position:inherit;display:flex;align-items:center;gap:var(--udexSpacer8, 8px);width:24%}.udex-event-ribbon__link-text{line-height:var(--udexTypographyBodyLineHeight);font-size:var(--udexTypographyBodyXSFontSize);white-space:nowrap}[ui5-icon]{width:20px;height:20px;flex-shrink:0;color:inherit}@media (max-width: 1599px){.udex-event-ribbon__container{max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-m-l))}}@media (max-width: 1279px){.udex-event-ribbon__container{margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);gap:var(--udexSpacer24, 24px);padding-inline:var(--udexSpacer24, 24px)}}@media (max-width: 979px){.udex-event-ribbon__container{flex-direction:column;height:fit-content;padding-block:var(--udexSpacer16, 16px);gap:var(--udexSpacer8, 8px);align-items:flex-start;margin-block:var(--udexSpacer40, 40px) var(--udexSpacer64, 64px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-s))}.udex-event-ribbon__link-container,.udex-event-ribbon__text{width:100%}.udex-event-ribbon__logo{justify-content:flex-start;width:100%}.udex-event-ribbon__link-text{white-space:normal}}@media (max-width: 639px){.udex-event-ribbon__container{padding-inline:var(--udexSpacer16, 16px);margin-block:var(--udexSpacer32, 32px) var(--udexSpacer56, 56px);max-width:calc(100vw - 2 * var(--udex-event-ribbon-margin-xs))}}

package/dist/css/themes/Link.css

@@ -1 +1 @@
-:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 24px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: var(--sapFontSize);--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:20px}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px)}.ui5-link-end-icon{margin-inline-start:-20px;padding-inline-start:var(--udexSpacer4, 4px)}
+:host{--udex-link-text-decoration: underline;--udex-link-hover-text-decoration: underline;--udex-link-focused-hover-text-decoration: underline;--udex-link-focus-text-decoration: underline;--udex-link-focus-outline-offset: var(--udexLinkOutlineOffset, 0px);--udex-link-focus-border-radius: var(--udexLinkOutlineRadius, 2px);--udex-link-emphasized-text-decoration: none;--udex-link-icon-height: 16px;--udex-link-line-height: var(--udexTypographyBodyLineHeight, 1.5);--udex-link-color: var(--udexColorBlue8);--udex-link-hover-color: var(--udexColorBlue10);--udex-link-active-color: var(--udexColorBlue11);--udex-link-icon-width: 16px;--udex-link-white-space: break-spaces;--udex-link-subtle-color: var(--udexColorGrey8, #354A5F);--udex-link-subtle-hover-color: var(--udexColorGrey11, #12171C);--udex-link-subtle-active-color: var(--udexColorBlue9, #0040B0);--udex-link-subtle-visited-color: var(--udexColorGrey8, #354A5F);--udex-link-focus-background-color: transparent;--udex-link-focus-color: inherit;white-space:normal}:host([desktop]:hover:not(:active):focus-within),:host([design="Subtle"][desktop]:hover:not(:active):focus-within),:host([desktop]:focus-within),:host(:focus-visible),:host(:hover){color:var(--udex-link-hover-color)}:host(:active){color:var(--udex-link-active-color)}:host,:host(:visited){color:var(--udex-link-color)}:host([end-icon]) .ui5-link-text{white-space:var(--udex-link-white-space);margin-inline-end:20px}:host([design="Emphasized"]){font-weight:var(--udexTypographyFontWeightBold)}:host([design="Subtle"]){color:var(--udex-link-subtle-color)}:host([design="Subtle"][focused]),:host([design="Subtle"]:hover:not(:active)){color:var(--udex-link-subtle-hover-color)}:host([design="Subtle"]:active){color:var(--udex-link-subtle-active-color)}:host([design="Subtle"]:visited){color:var(--udex-link-subtle-visited-color)}:host([design="Subtle"]) .ui5-link-root:hover{text-decoration:var(--udex-link-hover-text-decoration)}.ui5-link-root{display:inline-flex;align-items:center;overflow:visible;line-height:var(--udex-link-line-height)}[ui5-link][disabled] .linkIcon{opacity:inherit}.ui5-link-root slot{text-decoration:var(--udex-link-text-decoration);display:inline}.ui5-link-root:hover slot{text-decoration:var(--udex-link-hover-text-decoration)}:host(:not([desktop])) .ui5-link-root:focus-visible,:host([design="Emphasized"][desktop]:focus-within),:host([design="Emphasized"][desktop]:hover:not(:active):focus-within),:host([design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active),:host([desktop][design="Emphasized"]:active:hover),:host([design="Emphasized"]) slot,:host([design="Emphasized"]:hover) slot,:host([design="Emphasized"][desktop]:hover) slot,:host([end-icon]) slot,:host([icon]) slot{text-decoration:var(--udex-link-emphasized-text-decoration)}:host(:hover) slot{text-decoration:var(--udex-link-hover-text-decoration)}[ui5-icon]{width:var(--udex-link-icon-width);height:var(--udex-link-icon-height)}:host([desktop]:hover:active),:host([desktop]:active){text-decoration:var(--udex-link-focus-text-decoration)}:host .ui5-link-root{outline-offset:var(--udex-link-focus-outline-offset)}:host([design="Subtle"][desktop]) .ui5-link-root:focus-within,:host([desktop]) .ui5-link-root:focus-within,:host .ui5-link-root:focus-visible{outline:var(--sapContent_FocusColor, #002A86) var(--sapContent_FocusStyle, "solid") var(--sapContent_FocusWidth, .125rem);border-radius:var(--udex-link-focus-border-radius)}.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{background-color:var(--udex-link-focus-background-color)}[ui5-link],.ui5-link-icon,.ui5-link-root:active .ui5-link-icon,.ui5-link-root:focus-visible,:host([desktop]) .ui5-link-root:focus-within,:host([design="Subtle"]) .ui5-link-root:focus-visible,:host([design="Subtle"][desktop]) .ui5-link-root:focus-within{color:var(--udex-link-focus-color)}.ui5-link-icon{margin-inline-end:0;padding-inline-end:var(--udexSpacer4, 4px)}.ui5-link-end-icon{margin-inline-start:-20px;padding-inline-start:var(--udexSpacer4, 4px)}

package/dist/css/themes/RatingIndicator.css

@@ -1 +1 @@
-:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-12-1_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
+:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v2-14-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px);padding:0;outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-sel,.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}

package/dist/css/themes/Slider.css

@@ -1 +1 @@
-:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-12-1_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}
+:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-14-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}

package/dist/css/themes/SocialMediaButton.css

@@ -1 +1 @@
-:host{--udex-social-media-button-width: var(--udexSpacer32, 32px);--udex-social-media-button-height: var(--udexSpacer32, 32px);--udex-social-media-button-border-width: var(--udexCoreSizeBorderXS, 1px);--udex-social-media-button-border-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);--udex-social-media-button-border-radius: var(--udexRadiusXS, 4px);--udex-social-media-button-background-color: var(--sapButton_Neutral_Background, #FFFFFF);--udex-social-media-button-hover-border-color: var(--sapButton_Neutral_Hover_BorderColor, #A9B4BE);--udex-social-media-button-hover-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);--udex-social-media-button-hover-icon-color: var(--sapButton_Hover_TextColor, #0040B0);--udex-social-media-button-selected-border-color: var(--sapButton_Neutral_Selected_BorderColor, #0040B0);--udex-social-media-button-selected-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);--udexLinkOutlineOffset: calc(-1 * var(--udexRadiusXS, 4px));--udexLinkOutlineRadius: calc(var(--udexRadiusXS, 4px) + 2px)}.udex-social-media-button{width:calc(var(--udex-social-media-button-width) - 2 * var(--udex-social-media-button-border-width));height:calc(var(--udex-social-media-button-height) - 2 * var(--udex-social-media-button-border-width));text-align:center;border-radius:var(--udex-social-media-button-border-radius);background:var(--udex-social-media-button-background-color);border:var(--udex-social-media-button-border-width) solid var(--udex-social-media-button-border-color);display:flex;justify-content:center;align-items:center}.udex-social-media-button svg{max-height:16px}.udex-social-media-button:hover{background-color:var(--udex-social-media-button-hover-background-color);border-color:var(--udex-social-media-button-hover-border-color)}.udex-social-media-button:hover:not(:active) svg path{fill:var(--udex-social-media-button-hover-icon-color)}.udex-social-media-button:active{background-color:var(--udex-social-media-button-selected-background-color);border-color:var(--udex-social-media-button-selected-border-color)}.hidden{display:none}
+:host{--udex-social-media-button-width: var(--udexSpacer32, 32px);--udex-social-media-button-height: var(--udexSpacer32, 32px);--udex-social-media-button-image-width: var(--udexSpacer16, 16px);--udex-social-media-button-image-height: var(--udexSpacer16, 16px);--udex-social-media-button-border-width: var(--udexCoreSizeBorderXS, 1px);--udex-social-media-button-border-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);--udex-social-media-button-border-radius: var(--udexRadiusXS, 4px);--udex-social-media-button-background-color: var(--sapButton_Neutral_Background, #FFFFFF);--udex-social-media-button-hover-border-color: var(--sapButton_Neutral_Hover_BorderColor, #A9B4BE);--udex-social-media-button-hover-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);--udex-social-media-button-hover-icon-color: var(--sapButton_Hover_TextColor, #0040B0);--udex-social-media-button-selected-border-color: var(--sapButton_Neutral_Selected_BorderColor, #0040B0);--udex-social-media-button-selected-background-color: var(--sapButton_Neutral_Selected_Background, #FFFFFF);--udexLinkOutlineOffset: calc(-1 * var(--udexRadiusXS, 4px));--udexLinkOutlineRadius: calc(var(--udexRadiusXS, 4px) + 2px)}.udex-social-media-button{width:calc(var(--udex-social-media-button-width) - 2 * var(--udex-social-media-button-border-width));height:calc(var(--udex-social-media-button-height) - 2 * var(--udex-social-media-button-border-width));text-align:center;border-radius:var(--udex-social-media-button-border-radius);background:var(--udex-social-media-button-background-color);border:var(--udex-social-media-button-border-width) solid var(--udex-social-media-button-border-color);display:flex;justify-content:center;align-items:center}.udex-social-media-button svg{max-height:var(--udex-social-media-button-image-height);max-width:var(--udex-social-media-button-image-width)}.udex-social-media-button:hover{background-color:var(--udex-social-media-button-hover-background-color);border-color:var(--udex-social-media-button-hover-border-color)}.udex-social-media-button:hover:not(:active) svg path{fill:var(--udex-social-media-button-hover-icon-color)}.udex-social-media-button:active{background-color:var(--udex-social-media-button-selected-background-color);border-color:var(--udex-social-media-button-selected-border-color)}.hidden{display:none}

package/dist/custom-elements-internal.json

@@ -4016,6 +4016,17 @@
               "description": "Allows setting a custom role for dropdown trigger.",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Close the dropdown.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "tabNavigationEnabled",
@@ -6506,6 +6517,14 @@
               },
               "_ui5privacy": "public"
             },
+            {
+              "name": "mediaContent",
+              "description": "Slot for image or video content.",
+              "_ui5type": {
+                "text": "Array<HTMLElement> | undefined"
+              },
+              "_ui5privacy": "public"
+            },
             {
               "name": "additionalContent",
               "description": "Slot for any additional content.",
@@ -13026,7 +13045,7 @@
               "kind": "field",
               "name": "orientation",
               "type": {
-                "text": "string",
+                "text": "UDExOrientation",
                 "references": [
                   {
                     "name": "UDExOrientation",
@@ -13036,67 +13055,74 @@
                 ]
               },
               "description": "Defines the orientation of the Promo Tile component.",
+              "default": "\"Vertical\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "icon",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "Defines the UI5 icon name in the pictogram section.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "imageLabel",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "Defines the image aria label and alt in the pictogram section.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "logoUrl",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "Defines the logo URL in the pictogram section.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "header",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "Defines the header text of the promo tile.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "eyebrow",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "Defines the eyebrow text of the promo tile.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "button",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "Defines the CTA button label",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "buttonDesign",
               "type": {
-                "text": "string",
+                "text": "UDExButtonDesign | undefined",
                 "references": [
                   {
                     "name": "UDExButtonDesign",
@@ -13106,31 +13132,34 @@
                 ]
               },
               "description": "Defines the CTA button design",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "colorScheme",
               "type": {
-                "text": "string",
+                "text": "UDExPromoTileColorScheme | undefined",
                 "references": [
                   {
-                    "name": "UDExPromoTileColorSheme",
+                    "name": "UDExPromoTileColorScheme",
                     "package": "@sapudex/web-components",
                     "module": "dist/types/PromoTile.js"
                   }
                 ]
               },
               "description": "Defines the color scheme of the Promo Tile.",
+              "default": "\"\"",
               "privacy": "public"
             },
             {
               "kind": "field",
               "name": "accessibleName",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
               "description": "Defines the accessible name of the component.",
+              "default": "\"\"",
               "privacy": "public"
             }
           ],
@@ -13151,6 +13180,7 @@
             {
               "description": "Defines the orientation of the Promo Tile component.",
               "name": "orientation",
+              "default": "\"Vertical\"",
               "fieldName": "orientation",
               "type": {
                 "text": "\"Vertical\" | \"Horizontal\""
@@ -13159,6 +13189,7 @@
             {
               "description": "Defines the UI5 icon name in the pictogram section.",
               "name": "icon",
+              "default": "\"\"",
               "fieldName": "icon",
               "type": {
                 "text": "string | undefined"
@@ -13167,6 +13198,7 @@
             {
               "description": "Defines the image aria label and alt in the pictogram section.",
               "name": "image-label",
+              "default": "\"\"",
               "fieldName": "imageLabel",
               "type": {
                 "text": "string | undefined"
@@ -13175,6 +13207,7 @@
             {
               "description": "Defines the logo URL in the pictogram section.",
               "name": "logo-url",
+              "default": "\"\"",
               "fieldName": "logoUrl",
               "type": {
                 "text": "string | undefined"
@@ -13183,6 +13216,7 @@
             {
               "description": "Defines the header text of the promo tile.",
               "name": "header",
+              "default": "\"\"",
               "fieldName": "header",
               "type": {
                 "text": "string | undefined"
@@ -13191,6 +13225,7 @@
             {
               "description": "Defines the eyebrow text of the promo tile.",
               "name": "eyebrow",
+              "default": "\"\"",
               "fieldName": "eyebrow",
               "type": {
                 "text": "string | undefined"
@@ -13199,6 +13234,7 @@
             {
               "description": "Defines the CTA button label",
               "name": "button",
+              "default": "\"\"",
               "fieldName": "button",
               "type": {
                 "text": "string | undefined"
@@ -13207,6 +13243,7 @@
             {
               "description": "Defines the CTA button design",
               "name": "button-design",
+              "default": "\"\"",
               "fieldName": "buttonDesign",
               "type": {
                 "text": "UDExButtonDesign | undefined"
@@ -13215,14 +13252,16 @@
             {
               "description": "Defines the color scheme of the Promo Tile.",
               "name": "color-scheme",
+              "default": "\"\"",
               "fieldName": "colorScheme",
               "type": {
-                "text": "UDExPromoTileColorSheme | undefined"
+                "text": "UDExPromoTileColorScheme | undefined"
               }
             },
             {
               "description": "Defines the accessible name of the component.",
               "name": "accessible-name",
+              "default": "\"\"",
               "fieldName": "accessibleName",
               "type": {
                 "text": "string | undefined"
@@ -15733,6 +15772,17 @@
               "default": "\"Bottom\"",
               "privacy": "public"
             },
+            {
+              "kind": "method",
+              "name": "close",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Close the dropdown.",
+              "privacy": "public"
+            },
             {
               "kind": "field",
               "name": "tabNavigationEnabled",
@@ -17886,6 +17936,17 @@
           "kind": "class",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-social-media-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SocialMediaButton.js\";</code>",
           "name": "UDExSocialMediaButton",
+          "slots": [
+            {
+              "name": "default",
+              "description": "Defines the slot for custom SVG icon.",
+              "_ui5propertyName": "image",
+              "_ui5type": {
+                "text": "Array<HTMLElement>"
+              },
+              "_ui5privacy": "public"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -21692,6 +21753,69 @@
               "privacy": "public"
             }
           ],
+          "events": [
+            {
+              "name": "before-open",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening.",
+              "_ui5Cancelable": true,
+              "_ui5allowPreventDefault": true,
+              "_ui5Bubbles": false
+            },
+            {
+              "name": "open",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after the component is opened.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": false
+            },
+            {
+              "name": "before-close",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent<PopupBeforeCloseEventDetail>",
+                "references": [
+                  {
+                    "name": "PopupBeforeCloseEventDetail",
+                    "package": "@ui5/webcomponents",
+                    "module": "dist/Popup.js"
+                  }
+                ]
+              },
+              "description": "Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing.",
+              "_ui5Cancelable": true,
+              "_ui5allowPreventDefault": true,
+              "_ui5Bubbles": false,
+              "_ui5parameters": [
+                {
+                  "type": {
+                    "text": "boolean"
+                  },
+                  "name": "escPressed",
+                  "_ui5privacy": "public",
+                  "description": "Indicates that `ESC` key has triggered the event."
+                }
+              ]
+            },
+            {
+              "name": "close",
+              "_ui5privacy": "public",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Fired after the component is closed.",
+              "_ui5Cancelable": false,
+              "_ui5allowPreventDefault": false,
+              "_ui5Bubbles": false
+            }
+          ],
           "attributes": [
             {
               "description": "Defines the Tooltip title.",