@sunrise-upc/sales-static-components 3.7.8 → 3.7.9

package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.module.scss.css

@@ -0,0 +1,432 @@
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.DoubleGridComponent-module__container___JrzKc {
+  height: 100%;
+  border-radius: 32px;
+  overflow: hidden;
+  height: 500px;
+  position: relative;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+@media (min-width: 1024px) {
+  .DoubleGridComponent-module__container___JrzKc {
+    height: 550px;
+  }
+}
+.DoubleGridComponent-module__container___JrzKc .DoubleGridComponent-module__contentWrapper___P9KH- {
+  margin: 0;
+  width: 100%;
+  border-radius: 0;
+}
+
+.DoubleGridComponent-module__slimVersion___VETPW {
+  height: 480px;
+  max-height: 480px;
+}
+@media (min-width: 1024px) {
+  .DoubleGridComponent-module__slimVersion___VETPW {
+    height: 480px;
+    max-height: 480px;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .DoubleGridComponent-module__slimVersion___VETPW .DoubleGridComponent-module__leftColumn___0IRO7,
+  .DoubleGridComponent-module__slimVersion___VETPW .DoubleGridComponent-module__rightColumn___AcJMB {
+    height: 240px;
+  }
+  .DoubleGridComponent-module__slimVersion___VETPW .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__mobileExtraContent___wyUMh {
+    height: 280px;
+  }
+}
+
+.DoubleGridComponent-module__fullWidth___Q87-p {
+  border-radius: 0;
+}
+.DoubleGridComponent-module__fullWidth___Q87-p .DoubleGridComponent-module__double-grid-full-width-content___ktjvq {
+  margin: 0 auto;
+  width: 100%;
+}
+@media (max-width: 1023px) {
+  .DoubleGridComponent-module__fullWidth___Q87-p .DoubleGridComponent-module__double-grid-full-width-content___ktjvq {
+    max-width: 660px;
+  }
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__fullWidth___Q87-p .DoubleGridComponent-module__double-grid-full-width-content___ktjvq {
+    max-width: 320px;
+  }
+}
+@media (min-width: 1024px) {
+  .DoubleGridComponent-module__fullWidth___Q87-p .DoubleGridComponent-module__double-grid-full-width-content___ktjvq {
+    max-width: 960px;
+  }
+}
+@media (min-width: 1920px) {
+  .DoubleGridComponent-module__fullWidth___Q87-p .DoubleGridComponent-module__double-grid-full-width-content___ktjvq {
+    max-width: 1368px;
+  }
+}
+
+.DoubleGridComponent-module__videoElement___XQmDk {
+  object-fit: cover;
+  position: absolute;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  border-top-right-radius: 8px;
+  border-bottom-right-radius: 8px;
+}
+@media only screen and (max-width: 767px) {
+  .DoubleGridComponent-module__videoElement___XQmDk {
+    border-top-right-radius: 0px;
+    border-bottom-right-radius: 8px;
+    border-bottom-left-radius: 8px;
+  }
+}
+
+.DoubleGridComponent-module__videoWrapper___hz-aG {
+  overflow: hidden;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.DoubleGridComponent-module__contentWrapper___P9KH- {
+  flex-direction: row;
+  width: calc(100% - 10px);
+  height: 100%;
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__contentWrapper___P9KH- {
+    flex-direction: column;
+  }
+}
+
+.DoubleGridComponent-module__rowWrapper___frpy9 {
+  width: 100%;
+  height: 100%;
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__rowWrapper___frpy9 {
+    flex-direction: column;
+  }
+}
+
+.DoubleGridComponent-module__rightColumn___AcJMB {
+  position: relative;
+  width: 100%;
+  max-width: 100%;
+}
+@media (min-width: 1024px) {
+  .DoubleGridComponent-module__rightColumn___AcJMB {
+    width: 50%;
+    max-width: 50%;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .DoubleGridComponent-module__rightColumn___AcJMB {
+    height: 250px;
+  }
+  .DoubleGridComponent-module__rightColumn___AcJMB.DoubleGridComponent-module__mobileExtraContent___wyUMh {
+    height: 200px;
+  }
+  .DoubleGridComponent-module__rightColumn___AcJMB.DoubleGridComponent-module__mobileExtraContent___wyUMh .DoubleGridComponent-module__btnSection___aqJcW {
+    margin-top: 8px;
+  }
+}
+.DoubleGridComponent-module__rightColumn___AcJMB > * {
+  position: relative;
+  z-index: 1;
+}
+
+.DoubleGridComponent-module__leftColumn___0IRO7 {
+  width: 50%;
+  min-width: 50%;
+}
+@media only screen and (max-width: 767px) {
+  .DoubleGridComponent-module__leftColumn___0IRO7 {
+    width: 100%;
+    height: 250px;
+    padding: 16px 16px 0 16px;
+    text-align: center;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__imageFirst___J1RES {
+    padding-top: 0;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__mobileExtraContent___wyUMh {
+    height: 300px;
+    padding: 8px 8px 0 8px;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__mobileExtraContent___wyUMh.DoubleGridComponent-module__imageFirst___J1RES {
+    padding-top: 0;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__mobileExtraContent___wyUMh .DoubleGridComponent-module__btnSection___aqJcW {
+    margin-top: 8px;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 1024px) {
+  .DoubleGridComponent-module__leftColumn___0IRO7 {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 0 0 0 55px;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__imageFirst___J1RES {
+    padding: 0 58px 0 0;
+  }
+}
+@media only screen and (min-width: 1025px) {
+  .DoubleGridComponent-module__leftColumn___0IRO7 {
+    width: 50%;
+    max-width: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 0 0 0 58px;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__imageFirst___J1RES {
+    padding: 0 58px 0 0;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__slimVersion___VETPW {
+    padding-left: 58px;
+  }
+  .DoubleGridComponent-module__leftColumn___0IRO7.DoubleGridComponent-module__slimVersion___VETPW.DoubleGridComponent-module__imageFirst___J1RES {
+    padding-left: 0;
+    padding-right: 58px;
+  }
+}
+
+.DoubleGridComponent-module__rightImage___TGkIT {
+  position: absolute;
+  inset: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  object-position: center bottom;
+  z-index: 0;
+}
+
+.DoubleGridComponent-module__topText___6O6hy {
+  margin-bottom: 0px;
+  font-size: 18px;
+  line-height: 24px;
+}
+@media all and (max-width: 1023px) {
+  .DoubleGridComponent-module__topText___6O6hy {
+    font-size: 14px;
+    line-height: 20px;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DoubleGridComponent-module__topText___6O6hy {
+    font-size: 16px;
+    line-height: 20px;
+  }
+}
+
+/* Typography */
+.DoubleGridComponent-module__mainTextBase___aMDCT, .DoubleGridComponent-module__mainTextH4___7GcwJ, .DoubleGridComponent-module__mainTextH3___E0lzt, .DoubleGridComponent-module__mainTextH2___pLkOK, .DoubleGridComponent-module__mainTextH1___z3ZIO {
+  padding-top: 4px;
+  padding-bottom: 8px;
+  font-weight: 500;
+  margin-bottom: 0px !important;
+}
+
+.DoubleGridComponent-module__mainTextH1___z3ZIO {
+  font-weight: 500;
+}
+@media (min-width: 1024px) {
+  .DoubleGridComponent-module__mainTextH1___z3ZIO {
+    font-size: 32px;
+    line-height: 40px;
+  }
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__mainTextH1___z3ZIO {
+    font-size: 20px;
+    line-height: 24px;
+  }
+}
+
+@media (min-width: 1440px) {
+  .DoubleGridComponent-module__mainTextH2___pLkOK {
+    font-size: 28px;
+    line-height: 36px;
+  }
+}
+@media (min-width: 320px) and (max-width: 1439px) {
+  .DoubleGridComponent-module__mainTextH2___pLkOK {
+    font-size: 24px;
+    line-height: 32px;
+  }
+}
+
+@media (min-width: 1440px) {
+  .DoubleGridComponent-module__mainTextH3___E0lzt {
+    font-size: 24px;
+    line-height: 32px;
+  }
+}
+@media (min-width: 320px) and (max-width: 1439px) {
+  .DoubleGridComponent-module__mainTextH3___E0lzt {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+
+@media (min-width: 1440px) {
+  .DoubleGridComponent-module__mainTextH4___7GcwJ {
+    font-size: 20px;
+    line-height: 28px;
+  }
+}
+@media (min-width: 320px) and (max-width: 1439px) {
+  .DoubleGridComponent-module__mainTextH4___7GcwJ {
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
+
+.DoubleGridComponent-module__mainTextDisplay___iR8A9 {
+  font-size: 48px;
+  line-height: 60px;
+  font-weight: 500;
+}
+@media all and (max-width: 1439px) {
+  .DoubleGridComponent-module__mainTextDisplay___iR8A9 {
+    font-size: 36px;
+    line-height: 44px;
+    font-weight: 500;
+    padding-top: 4px;
+    padding-bottom: 8px;
+    margin-bottom: 0px;
+  }
+}
+
+.DoubleGridComponent-module__mainTextExtra___Jaygo {
+  font-size: 92px;
+  line-height: 96px;
+  font-weight: 500;
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DoubleGridComponent-module__mainTextExtra___Jaygo {
+    font-size: 86px;
+    line-height: 92px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DoubleGridComponent-module__mainTextExtra___Jaygo {
+    font-size: 70px;
+    line-height: 76px;
+  }
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__mainTextExtra___Jaygo {
+    font-size: 36px;
+    line-height: 44px;
+  }
+}
+
+.DoubleGridComponent-module__mainTextSemiExtra___-lovC {
+  font-size: 70px;
+  line-height: 78px;
+  font-weight: 500;
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DoubleGridComponent-module__mainTextSemiExtra___-lovC {
+    font-size: 62px;
+    line-height: 68px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DoubleGridComponent-module__mainTextSemiExtra___-lovC {
+    font-size: 54px;
+    line-height: 60px;
+  }
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__mainTextSemiExtra___-lovC {
+    font-size: 36px;
+    line-height: 44px;
+  }
+}
+
+.DoubleGridComponent-module__bottomText___0afVe {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 500;
+}
+
+.DoubleGridComponent-module__timerWrapper___KTCKI {
+  padding: 10px 0 0 0;
+}
+.DoubleGridComponent-module__timerWrapper___KTCKI.DoubleGridComponent-module__noPadding___Qd00W .timer-section {
+  padding: 0;
+}
+.DoubleGridComponent-module__timerWrapper___KTCKI .timer-section {
+  border-radius: 16px;
+  padding: 8px 10px;
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__timerWrapper___KTCKI.DoubleGridComponent-module__mobileExtraContent___wyUMh {
+    padding: 0;
+  }
+  .DoubleGridComponent-module__timerWrapper___KTCKI.DoubleGridComponent-module__mobileExtraContent___wyUMh .timer-section {
+    border-radius: 16px;
+    padding: 8px 10px;
+  }
+}
+@media (max-width: 767px) and (max-width: 767px) {
+  .DoubleGridComponent-module__timerWrapper___KTCKI.DoubleGridComponent-module__mobileExtraContent___wyUMh .timer-section {
+    transform: scale(0.8);
+    transform-origin: center;
+    padding: 4px 5px;
+    margin-top: 0;
+  }
+  .DoubleGridComponent-module__timerWrapper___KTCKI.DoubleGridComponent-module__mobileExtraContent___wyUMh .timer-section.DoubleGridComponent-module__noPadding___Qd00W {
+    padding: 0;
+  }
+}
+
+.DoubleGridComponent-module__btnSection___aqJcW {
+  margin-top: 24px;
+  display: flex;
+  gap: 16px;
+}
+@media (max-width: 767px) {
+  .DoubleGridComponent-module__btnSection___aqJcW {
+    justify-content: center;
+    text-align: center;
+    padding: 0 30px;
+  }
+  .DoubleGridComponent-module__btnSection___aqJcW.DoubleGridComponent-module__noMobilePadding___41eSR {
+    padding: 0;
+  }
+  .DoubleGridComponent-module__btnSection___aqJcW .falcon-secondary-button-dark {
+    display: block;
+  }
+}
+@media (max-width: 1024px) {
+  .DoubleGridComponent-module__btnSection___aqJcW {
+    flex-direction: column;
+  }
+}
+
+.DoubleGridComponent-module__btnWrapper___wPfWb {
+  cursor: default;
+  z-index: 2;
+}
+.DoubleGridComponent-module__btnWrapper___wPfWb.DoubleGridComponent-module__clickable___-XsZX {
+  cursor: pointer;
+}
+.DoubleGridComponent-module__btnWrapper___wPfWb a {
+  text-decoration: none;
+}

package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.module.scss.js

@@ -0,0 +1,3 @@
+import './DoubleGridComponent.module.scss.css';
+var e={container:"DoubleGridComponent-module__container___JrzKc",contentWrapper:"DoubleGridComponent-module__contentWrapper___P9KH-",slimVersion:"DoubleGridComponent-module__slimVersion___VETPW",leftColumn:"DoubleGridComponent-module__leftColumn___0IRO7",rightColumn:"DoubleGridComponent-module__rightColumn___AcJMB",mobileExtraContent:"DoubleGridComponent-module__mobileExtraContent___wyUMh",fullWidth:"DoubleGridComponent-module__fullWidth___Q87-p","double-grid-full-width-content":"DoubleGridComponent-module__double-grid-full-width-content___ktjvq",videoElement:"DoubleGridComponent-module__videoElement___XQmDk",videoWrapper:"DoubleGridComponent-module__videoWrapper___hz-aG",rowWrapper:"DoubleGridComponent-module__rowWrapper___frpy9",btnSection:"DoubleGridComponent-module__btnSection___aqJcW",imageFirst:"DoubleGridComponent-module__imageFirst___J1RES",rightImage:"DoubleGridComponent-module__rightImage___TGkIT",topText:"DoubleGridComponent-module__topText___6O6hy",mainTextH4:"DoubleGridComponent-module__mainTextH4___7GcwJ",mainTextH3:"DoubleGridComponent-module__mainTextH3___E0lzt",mainTextH2:"DoubleGridComponent-module__mainTextH2___pLkOK",mainTextH1:"DoubleGridComponent-module__mainTextH1___z3ZIO",mainTextDisplay:"DoubleGridComponent-module__mainTextDisplay___iR8A9",mainTextExtra:"DoubleGridComponent-module__mainTextExtra___Jaygo",mainTextSemiExtra:"DoubleGridComponent-module__mainTextSemiExtra___-lovC",bottomText:"DoubleGridComponent-module__bottomText___0afVe",timerWrapper:"DoubleGridComponent-module__timerWrapper___KTCKI",noPadding:"DoubleGridComponent-module__noPadding___Qd00W",noMobilePadding:"DoubleGridComponent-module__noMobilePadding___41eSR",btnWrapper:"DoubleGridComponent-module__btnWrapper___wPfWb"};export{e as default};
+//# sourceMappingURL=DoubleGridComponent.module.scss.js.map

package/dist/esm/components/StageTeaserV3/DoubleGrid/DoubleGridComponent.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DoubleGridComponent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/esm/components/StageTeaserV3/EnergyLabelOverlay.css

@@ -0,0 +1,27 @@
+.EnergyLabelOverlay-module__energyLabel___qksuo {
+  position: absolute;
+  width: 40px;
+  height: auto;
+  z-index: 3;
+  pointer-events: none;
+}
+
+.EnergyLabelOverlay-module__energyLabelTopLeft___1Dppb,
+.EnergyLabelOverlay-module__energyLabelTopRight___3oRBn {
+  top: 16px;
+}
+
+.EnergyLabelOverlay-module__energyLabelBottomLeft___rlFu2,
+.EnergyLabelOverlay-module__energyLabelBottomRight___8QQyt {
+  bottom: 16px;
+}
+
+.EnergyLabelOverlay-module__energyLabelTopLeft___1Dppb,
+.EnergyLabelOverlay-module__energyLabelBottomLeft___rlFu2 {
+  left: 16px;
+}
+
+.EnergyLabelOverlay-module__energyLabelTopRight___3oRBn,
+.EnergyLabelOverlay-module__energyLabelBottomRight___8QQyt {
+  right: 16px;
+}

package/dist/esm/components/StageTeaserV3/EnergyLabelOverlay.js

@@ -0,0 +1,3 @@
+import './EnergyLabelOverlay.css';
+import{jsx as e}from"react/jsx-runtime";import t from"./EnergyLabelOverlay.module.scss.js";const o=({energyLabel:o,energyLabelPosition:r})=>{const i="topLeft"===r?{top:16,left:16}:"topRight"===r?{top:16,right:16}:"bottomLeft"===r?{bottom:16,left:16}:{bottom:16,right:16},n=((e,t)=>{if(!e||!t)return"";if(e.includes("/m/"))return e;if(e.split("?")[0].toLowerCase().endsWith(".svg"))return e;const o="undefined"!=typeof window&&window.devicePixelRatio>=2;return`${e}/m/${o?2*t:t}x0/filters:format(webp):quality(${o?60:90})`})(o,40)||o;return e("img",{src:n,alt:"Energy label",className:t.energyLabel,style:i,loading:"lazy"})};export{o as default};
+//# sourceMappingURL=EnergyLabelOverlay.js.map

package/dist/esm/components/StageTeaserV3/EnergyLabelOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnergyLabelOverlay.js","sources":["../../../../../src/components/StageTeaserV3/EnergyLabelOverlay.tsx"],"sourcesContent":[null],"names":["EnergyLabelOverlay","energyLabel","energyLabelPosition","energyLabelPositionStyle","top","left","right","bottom","energyLabelImage","url","width","includes","split","toLowerCase","endsWith","isRetina","window","devicePixelRatio","toStoryblokResize","_jsx","src","alt","className","Styles","style","loading"],"mappings":"2FAGA,MAOMA,EAAkD,EACtDC,cACAC,0BAIA,MAAMC,EACoB,YAAxBD,EACI,CAAEE,IAAK,GAAIC,KAAM,IACO,aAAxBH,EACE,CAAEE,IAAK,GAAIE,MAAO,IACM,eAAxBJ,EACE,CAAEK,OAAQ,GAAIF,KAAM,IACpB,CAAEE,OAAQ,GAAID,MAAO,IAezBE,EAboB,EAACC,EAAcC,KACvC,IAAKD,IAAQC,EAAO,MAAO,GAC3B,GAAID,EAAIE,SAAS,OAAQ,OAAOF,EAChC,GAAIA,EAAIG,MAAM,KAAK,GAAGC,cAAcC,SAAS,QAAS,OAAOL,EAE7D,MAAMM,EAA6B,oBAAXC,QAA0BA,OAAOC,kBAAoB,EAK7E,MAAO,GAAGR,OAJUM,EAAmB,EAARL,EAAYA,oCAE3BK,EAAW,GAAK,OAMhCG,CAAkBjB,EApCY,KAoCkCA,EAElE,OACEkB,EAAA,MAAA,CACEC,IAAKZ,EACLa,IAAI,eACJC,UAAWC,EAAOtB,YAClBuB,MAAOrB,EACPsB,QAAQ"}

package/dist/esm/components/StageTeaserV3/EnergyLabelOverlay.module.scss.css

@@ -0,0 +1,27 @@
+.EnergyLabelOverlay-module__energyLabel___qksuo {
+  position: absolute;
+  width: 40px;
+  height: auto;
+  z-index: 3;
+  pointer-events: none;
+}
+
+.EnergyLabelOverlay-module__energyLabelTopLeft___1Dppb,
+.EnergyLabelOverlay-module__energyLabelTopRight___3oRBn {
+  top: 16px;
+}
+
+.EnergyLabelOverlay-module__energyLabelBottomLeft___rlFu2,
+.EnergyLabelOverlay-module__energyLabelBottomRight___8QQyt {
+  bottom: 16px;
+}
+
+.EnergyLabelOverlay-module__energyLabelTopLeft___1Dppb,
+.EnergyLabelOverlay-module__energyLabelBottomLeft___rlFu2 {
+  left: 16px;
+}
+
+.EnergyLabelOverlay-module__energyLabelTopRight___3oRBn,
+.EnergyLabelOverlay-module__energyLabelBottomRight___8QQyt {
+  right: 16px;
+}

package/dist/esm/components/StageTeaserV3/EnergyLabelOverlay.module.scss.js

@@ -0,0 +1,3 @@
+import './EnergyLabelOverlay.module.scss.css';
+var e={energyLabel:"EnergyLabelOverlay-module__energyLabel___qksuo"};export{e as default};
+//# sourceMappingURL=EnergyLabelOverlay.module.scss.js.map

package/dist/esm/components/StageTeaserV3/EnergyLabelOverlay.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnergyLabelOverlay.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}