@sunrise-upc/sales-static-components 4.2.0-beta.5 → 4.2.0-beta.8

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonComponentTimer.css

@@ -1,71 +1,71 @@
-/* Mobile only viewport */
-@media all and (max-width: 768px) {
-  .timer-wrap {
-    text-align: center !important;
-    margin-left: -4px !important;
-    margin-right: 0 !important;
-  }
-  .timer-wrap .timer-container {
-    min-width: fit-content;
-  }
-  .timer-message {
-    margin-bottom: 10px;
-  }
-  .timer-section {
-    justify-content: center;
-    margin-top: 4px;
-    margin-left: unset !important;
-    margin-right: unset !important;
-  }
-}
-/* Mobile and tablet viewport */
-@media all and (max-width: 1023px) {
-  .timer-message {
-    margin-top: unset;
-  }
-}
-
-/* Tablet only viewport */
-@media all and (min-width: 768px) and (max-width: 1023px) {
-  .timer-section {
-    margin-top: unset;
-  }
-}
-
-.timer-wrap .timer-container {
-  color: black;
-  display: inline-block;
-  max-width: 100%;
-  min-width: fit-content;
-}
-.colon {
-  font-weight: 700;
-  font-size: 28px;
-  line-height: 36px;
-}
-
-.timer-section {
-  display: flex;
-  padding: 8px 18px 8px 24px;
-}
-.timer-element {
-  display: inline-block;
-  min-width: 42px;
-  padding: 0 6px;
-  text-align: center;
-}
-.timer-value {
-  font-weight: 700;
-  font-size: 32px;
-  line-height: 36px;
-}
-.timer-label {
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-}
-.transparent-element:first-child {
-    padding-left: 0;
+/* Mobile only viewport */
+@media all and (max-width: 768px) {
+  .timer-wrap {
+    text-align: center !important;
+    margin-left: -4px !important;
+    margin-right: 0 !important;
+  }
+  .timer-wrap .timer-container {
+    min-width: fit-content;
+  }
+  .timer-message {
+    margin-bottom: 10px;
+  }
+  .timer-section {
+    justify-content: center;
+    margin-top: 4px;
+    margin-left: unset !important;
+    margin-right: unset !important;
+  }
+}
+/* Mobile and tablet viewport */
+@media all and (max-width: 1023px) {
+  .timer-message {
+    margin-top: unset;
+  }
+}
+
+/* Tablet only viewport */
+@media all and (min-width: 768px) and (max-width: 1023px) {
+  .timer-section {
+    margin-top: unset;
+  }
+}
+
+.timer-wrap .timer-container {
+  color: black;
+  display: inline-block;
+  max-width: 100%;
+  min-width: fit-content;
+}
+.colon {
+  font-weight: 700;
+  font-size: 28px;
+  line-height: 36px;
+}
+
+.timer-section {
+  display: flex;
+  padding: 8px 18px 8px 24px;
+}
+.timer-element {
+  display: inline-block;
+  min-width: 42px;
+  padding: 0 6px;
+  text-align: center;
+}
+.timer-value {
+  font-weight: 700;
+  font-size: 32px;
+  line-height: 36px;
+}
+.timer-label {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+.transparent-element:first-child {
+    padding-left: 0;
 }
 /* center a block element */
 /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -89,12 +89,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -134,6 +143,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonExpiredTimerRedefined.css

@@ -20,12 +20,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -65,6 +74,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }
 

package/dist/esm/components/RibbonComponent/RibbonComponentTimer/RibbonTimerV2.module.scss.css

@@ -20,12 +20,21 @@
 }
 
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh {
+  box-sizing: border-box;
   display: inline-block;
+  flex: 0 1 auto;
   text-align: center;
   padding: 0 6px;
+  width: auto;
   min-width: 43px;
 }
 
+.RibbonTimerV2-module__stage-teaser-ribbon-timer-element___35yCh:first-child {
+  padding-left: 0;
+  padding-right: 0;
+  min-width: 36px;
+}
+
 .RibbonTimerV2-module__stage-teaser-ribbon-timer-value___0U5CT {
   font-size: 24px;
   font-weight: 700;
@@ -65,6 +74,8 @@
 }
 
 .RibbonTimerV2-module__slim-timer-element___pdiBB {
+  flex-basis: auto;
+  width: auto;
   min-width: 36px;
 }