@sunrise-upc/sales-static-components 4.1.3 → 4.1.5

package/dist/esm/components/BadgeContainer/BadgeContainer.module.scss.css

@@ -3,9 +3,11 @@
   position: absolute;
   top: -18px;
   left: 16px;
+  right: 16px;
   flex-direction: row;
   column-gap: 10px;
   padding: 0 !important;
+  --badge-parent-width: 100%;
 }
 
 .BadgeContainer-module__badge___6Brx4 {
@@ -17,6 +19,7 @@
   column-gap: 4px;
   padding: 0 8px;
   width: fit-content;
+  max-width: var(--badge-parent-width);
 }
 
 .BadgeContainer-module__badge-icon___pXuK7 {
@@ -31,11 +34,12 @@
 }
 
 .BadgeContainer-module__badge-label___URlLS {
+  min-width: 0;
+  max-width: var(--badge-parent-width);
   font-weight: 700;
   line-height: 20px;
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: 150px;
 }

package/dist/esm/components/ButtonGroup/ButtonGroup.css

@@ -1,96 +1,96 @@
-.overline {
-    color: gray;
-}
-
-.desciption {
-    font-size: 20px;
-    line-height: 26px;
-    color: #3d3935;
-}
-
-.primary {
-    text-align: center;
-    background: #da291c;
-    color: white;
-    border: none;
-    border-radius: 28px;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-
-    a {
-        color: white;
-        text-decoration: none;
-    }
-}
-
-.secondary {
-    text-align: center;
-    background: white;
-    color: #da291c;
-    border: 2px solid #da291c;
-    border-radius: 28px;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-
-    a {
-        color: #da291c;
-        text-decoration: none;
-    }
-}
-
-.horizontal-left {
-    display: flex;
-    justify-content: flex-start;
-}
-
-.horizontal-right {
-    display: flex;
-    justify-content: flex-end;
-}
-
-.horizontal-center {
-    display: flex;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.vertical-left {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-}
-
-.vertical-right {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-}
-
-.vertical-center {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-.btn-container{
-    margin-top: 16px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.text{
-    text-align: center;
-    color: #da291c;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-    a{
-       color: #da291c;
-       text-decoration: none; 
-    }
+.overline {
+    color: gray;
+}
+
+.desciption {
+    font-size: 20px;
+    line-height: 26px;
+    color: #3d3935;
+}
+
+.primary {
+    text-align: center;
+    background: #da291c;
+    color: white;
+    border: none;
+    border-radius: 28px;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+
+    a {
+        color: white;
+        text-decoration: none;
+    }
+}
+
+.secondary {
+    text-align: center;
+    background: white;
+    color: #da291c;
+    border: 2px solid #da291c;
+    border-radius: 28px;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+
+    a {
+        color: #da291c;
+        text-decoration: none;
+    }
+}
+
+.horizontal-left {
+    display: flex;
+    justify-content: flex-start;
+}
+
+.horizontal-right {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.horizontal-center {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+.vertical-left {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.vertical-right {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+}
+
+.vertical-center {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.btn-container{
+    margin-top: 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.text{
+    text-align: center;
+    color: #da291c;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+    a{
+       color: #da291c;
+       text-decoration: none; 
+    }
 }

package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.css

@@ -27,6 +27,9 @@
   -webkit-transition: all 1s ease-out;
   transition: all 1s ease-out;
 }
+.FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
+  opacity: 0;
+}
 @media (max-width: 1023px) {
   .FalconHeader-module__container___r3bIZ {
     background-color: #da291c;
@@ -71,6 +74,14 @@
 .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
   background-color: #111111;
 }
+.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
+  background-color: #da291c;
+}
+@media (max-width: 1023px) {
+  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
+    background-color: #da291c;
+  }
+}
 .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
 .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
   color: #ffffff;

package/dist/esm/components/FalconMainNavigation/FalconHeader/FalconHeader.module.scss.css

@@ -27,6 +27,9 @@
   -webkit-transition: all 1s ease-out;
   transition: all 1s ease-out;
 }
+.FalconHeader-module__container___r3bIZ.FalconHeader-module__scroll-break___XIx2- .FalconHeader-module__menu1___VHXos {
+  opacity: 0;
+}
 @media (max-width: 1023px) {
   .FalconHeader-module__container___r3bIZ {
     background-color: #da291c;
@@ -71,6 +74,14 @@
 .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
   background-color: #111111;
 }
+.FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ.FalconHeader-module__scroll-break___XIx2- {
+  background-color: #da291c;
+}
+@media (max-width: 1023px) {
+  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
+    background-color: #da291c;
+  }
+}
 .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
 .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
   color: #ffffff;