npm - @sunrise-upc/sales-static-components - Versions diffs - 4.4.0-beta.0 → 4.4.0-beta.1 - Mend

@sunrise-upc/sales-static-components 4.4.0-beta.0 → 4.4.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.css CHANGED Viewed

@@ -73,6 +73,7 @@
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
   overflow: hidden;
   padding-bottom: 16px;
+  position: relative;
 }
 @media (max-width: 767px) {
   .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
@@ -82,6 +83,7 @@
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
   bottom: 0;
+  top: auto;
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
   background: #8a8a8a;

package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css CHANGED Viewed

@@ -73,6 +73,7 @@
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
   overflow: hidden;
   padding-bottom: 16px;
+  position: relative;
 }
 @media (max-width: 767px) {
   .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
@@ -82,6 +83,7 @@
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
   bottom: 0;
+  top: auto;
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
   background: #8a8a8a;

package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css CHANGED Viewed

@@ -73,6 +73,7 @@
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
   overflow: hidden;
   padding-bottom: 16px;
+  position: relative;
 }
 @media (max-width: 767px) {
   .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
@@ -82,6 +83,7 @@
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
   bottom: 0;
+  top: auto;
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
   background: #8a8a8a;

package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css CHANGED Viewed

@@ -73,6 +73,7 @@
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
   overflow: hidden;
   padding-bottom: 16px;
+  position: relative;
 }
 @media (max-width: 767px) {
   .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
@@ -82,6 +83,7 @@
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
   bottom: 0;
+  top: auto;
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
   background: #8a8a8a;

package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css CHANGED Viewed

@@ -73,6 +73,7 @@
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
   overflow: hidden;
   padding-bottom: 16px;
+  position: relative;
 }
 @media (max-width: 767px) {
   .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
@@ -82,6 +83,7 @@
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
   bottom: 0;
+  top: auto;
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
   background: #8a8a8a;

package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css CHANGED Viewed

@@ -73,6 +73,7 @@
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
   overflow: hidden;
   padding-bottom: 16px;
+  position: relative;
 }
 @media (max-width: 767px) {
   .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
@@ -82,6 +83,7 @@
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
   bottom: 0;
+  top: auto;
 }
 .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
   background: #8a8a8a;

package/dist/navigation.css CHANGED Viewed

@@ -1376,54 +1376,6 @@
   text-align: center;
 }
-/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
-/* 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  */
-.CartHeader-module__headerTitle___35F6g {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.CartHeader-module__headerItemCount___g1Ynd {
-  font-size: 24px;
-  line-height: 32px;
-  font-weight: 400;
-  color: #3d3935;
-}
-@media (max-width: 1023px) {
-  .CartHeader-module__headerItemCount___g1Ynd {
-    font-size: 20px;
-    line-height: 28px;
-  }
-}
-.CartHeader-module__clearAllButton___B3bNF {
-  display: inline;
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  font-size: 14px;
-  line-height: 20px;
-  font-weight: 400;
-  color: #da291c;
-  text-decoration: underline;
-  text-underline-offset: 2px;
-}
-.CartHeader-module__clearAllButton___B3bNF:hover {
-  color: #961c13;
-}
-.CartHeader-module__clearAllButton___B3bNF:focus-visible {
-  outline: 2px solid #da291c;
-  outline-offset: 2px;
-  border-radius: 2px;
-}
 /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
 /* center a block element */
 /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1482,159 +1434,6 @@
   filter: brightness(0) invert(0.9);
 }
-/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
-/* 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  */
-.CartFooter-module__cartFooter___pgZ1x {
-  display: flex;
-  flex-direction: column;
-  background-color: #3d3935;
-  border-radius: 8px 8px 0 0;
-  padding: 16px 24px;
-  gap: 16px;
-}
-@media (max-width: 767px) {
-  .CartFooter-module__cartFooter___pgZ1x {
-    padding: 16px;
-  }
-}
-.CartFooter-module__footerTotals___sG-0P {
-  display: flex;
-  justify-content: space-between;
-  gap: 0;
-}
-.CartFooter-module__footerTotalsItem___zs1hY {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  gap: 2px;
-  flex: 1;
-  padding: 0 16px;
-}
-.CartFooter-module__footerTotalsItem___zs1hY:first-child {
-  padding-left: 0;
-}
-.CartFooter-module__footerTotalsItem___zs1hY:last-child {
-  padding-right: 0;
-}
-.CartFooter-module__footerTotalsItemDivider___--UXf {
-  border-left: 1px solid #b3aeaa;
-}
-.CartFooter-module__footerTotalsLabel___Z30Az {
-  font-size: 12px;
-  line-height: 16px;
-  color: #b3aeaa;
-}
-.CartFooter-module__footerTotalsValue___NfXPQ {
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 700;
-  color: #ffffff;
-}
-.CartFooter-module__footerButtons___6xWKX {
-  display: flex;
-  text-align: center;
-  gap: 12px;
-}
-.CartFooter-module__footerButtons___6xWKX > div {
-  flex: 1;
-}
-.CartFooter-module__footerButtons___6xWKX a {
-  text-decoration: none;
-}
-/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
-/* 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  */
-.EmptyCart-module__emptyState___HtCXJ {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  flex: 1;
-  padding: 32px 24px 24px;
-  text-align: center;
-}
-.EmptyCart-module__emptyIcon___A7F8f {
-  margin-bottom: 8px;
-}
-.EmptyCart-module__emptyText___aX6Nu {
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 700;
-  color: #3d3935;
-  margin: 0 0 44px;
-}
-.EmptyCart-module__emptySubText___P504H {
-  font-size: 14px;
-  line-height: 20px;
-  color: #787472;
-  margin: 0 0 8px;
-}
-.EmptyCart-module__categoryLinks___J9tic {
-  display: flex;
-  gap: 12px;
-  width: 100%;
-  justify-content: center;
-}
-.EmptyCart-module__categoryLink___YxsmA {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 6px;
-  flex: 1;
-  padding: 12px 8px;
-  background-color: #ffffff;
-  border: none;
-  border-radius: 8px;
-  text-decoration: none;
-  color: #3d3935;
-  font-size: 12px;
-  line-height: 16px;
-  font-weight: 500;
-  text-align: center;
-  transition: background-color 0.15s ease;
-}
-.EmptyCart-module__categoryLink___YxsmA:hover {
-  background-color: #f8f8f8;
-  text-decoration: none;
-  color: #3d3935;
-}
-.EmptyCart-module__categoryLink___YxsmA:focus-visible {
-  outline: 2px solid #e6003c;
-  outline-offset: 2px;
-}
-.EmptyCart-module__categoryLinkIcon___HjhbO {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.EmptyCart-module__categoryLinkLabel___1dS9s {
-  line-height: 1.3;
-}
 /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
 /* center a block element */
 /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1832,163 +1631,205 @@
   border: none;
 }
-/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
+/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
 /* 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  */
-.CartItems-module__container___9xcV- {
+.CartHeader-module__headerTitle___35F6g {
   display: flex;
-  flex-direction: column;
-  flex: 1;
-}
-.CartItems-module__itemList___CK3U1 {
-  list-style: none;
-  margin: 0;
-  padding: 0;
+  align-items: center;
+  gap: 8px;
 }
-.CartItems-module__item___A6nFF {
-  border-bottom: 1px solid #e6e3df;
-  background-color: #f7f6f5;
+.CartHeader-module__headerItemCount___g1Ynd {
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 400;
+  color: #3d3935;
 }
-.CartItems-module__item___A6nFF:last-child {
-  border-bottom: none;
+@media (max-width: 1023px) {
+  .CartHeader-module__headerItemCount___g1Ynd {
+    font-size: 20px;
+    line-height: 28px;
+  }
 }
-.CartItems-module__itemContent___DaQhK {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 16px;
-  padding: 16px 24px;
+.CartHeader-module__clearAllButton___B3bNF {
+  display: inline;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  color: #da291c;
+  text-decoration: underline;
+  text-underline-offset: 2px;
 }
-@media (max-width: 767px) {
-  .CartItems-module__itemContent___DaQhK {
-    padding: 16px;
-  }
+.CartHeader-module__clearAllButton___B3bNF:hover {
+  color: #961c13;
 }
-.CartItems-module__itemIcon___pk1NU {
+.CartHeader-module__clearAllButton___B3bNF:focus-visible {
+  outline: 2px solid #da291c;
+  outline-offset: 2px;
+  border-radius: 2px;
+}
+/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
+/* 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  */
+.CartFooter-module__cartFooter___pgZ1x {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  width: 40px;
-  height: 40px;
-  color: #86807c;
+  flex-direction: column;
+  background-color: #3d3935;
+  border-radius: 8px 8px 0 0;
+  padding: 16px 24px;
+  gap: 16px;
 }
-.CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
-  width: 40px;
-  height: 40px;
-  object-fit: contain;
-  border-radius: 4px;
+@media (max-width: 767px) {
+  .CartFooter-module__cartFooter___pgZ1x {
+    padding: 16px;
+  }
 }
-.CartItems-module__itemBody___leOoI {
+.CartFooter-module__footerTotals___sG-0P {
+  display: flex;
+  justify-content: space-between;
+  gap: 0;
+}
+.CartFooter-module__footerTotalsItem___zs1hY {
   display: flex;
   flex-direction: column;
-  gap: 4px;
+  justify-content: space-between;
+  gap: 2px;
   flex: 1;
-  min-width: 0;
+  padding: 0 16px;
 }
-.CartItems-module__itemRow___owvC2 {
-  display: grid;
-  grid-template-columns: 1fr auto;
-  row-gap: 2px;
-  column-gap: 16px;
+.CartFooter-module__footerTotalsItem___zs1hY:first-child {
+  padding-left: 0;
+}
+.CartFooter-module__footerTotalsItem___zs1hY:last-child {
+  padding-right: 0;
 }
-.CartItems-module__itemDetails___vQu14 {
-  display: contents;
+.CartFooter-module__footerTotalsItemDivider___--UXf {
+  border-left: 1px solid #b3aeaa;
 }
-.CartItems-module__categoryLabel___gSZid {
+.CartFooter-module__footerTotalsLabel___Z30Az {
   font-size: 12px;
   line-height: 16px;
-  color: #86807c;
-  grid-column: 1/-1;
+  color: #b3aeaa;
 }
-.CartItems-module__productName___yYFNw {
-  font-size: 14px;
-  line-height: 20px;
+.CartFooter-module__footerTotalsValue___NfXPQ {
+  font-size: 16px;
+  line-height: 24px;
   font-weight: 700;
-  color: #3d3935;
-  grid-column: 1;
-  min-width: 0;
+  color: #ffffff;
 }
-.CartItems-module__variantText___saarn {
-  font-size: 12px;
-  line-height: 16px;
-  color: #86807c;
-  grid-column: 1;
+.CartFooter-module__footerButtons___6xWKX {
+  display: flex;
+  text-align: center;
+  gap: 12px;
 }
-.CartItems-module__downPaymentLabel___9sOP7 {
-  font-size: 12px;
-  line-height: 16px;
-  color: #86807c;
+.CartFooter-module__footerButtons___6xWKX > div {
+  flex: 1;
+}
+.CartFooter-module__footerButtons___6xWKX a {
+  text-decoration: none;
 }
-.CartItems-module__downPaymentRow___9a5jS {
+/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
+/* 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  */
+.EmptyCart-module__emptyState___HtCXJ {
   display: flex;
-  width: 100%;
-  justify-content: space-between;
+  flex-direction: column;
   align-items: center;
+  justify-content: center;
+  flex: 1;
+  padding: 32px 24px 24px;
+  text-align: center;
 }
-.CartItems-module__itemPricing___7gEuf {
-  display: contents;
+.EmptyCart-module__emptyIcon___A7F8f {
+  margin-bottom: 8px;
 }
-.CartItems-module__monthlyPrice___G6sH6 {
-  font-size: 14px;
-  line-height: 20px;
+.EmptyCart-module__emptyText___aX6Nu {
+  font-size: 16px;
+  line-height: 24px;
   font-weight: 700;
   color: #3d3935;
-  grid-column: 2;
-  grid-row: 2;
-  justify-self: end;
-  white-space: nowrap;
+  margin: 0 0 44px;
 }
-.CartItems-module__originalPrice___LsGAC {
-  font-size: 12px;
-  line-height: 16px;
-  color: #86807c;
-  text-decoration: line-through;
-  grid-column: 2;
-  grid-row: 3;
-  justify-self: end;
-  white-space: nowrap;
+.EmptyCart-module__emptySubText___P504H {
+  font-size: 14px;
+  line-height: 20px;
+  color: #787472;
+  margin: 0 0 8px;
 }
-.CartItems-module__downPaymentAmount___3K98L {
+.EmptyCart-module__categoryLinks___J9tic {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  justify-content: center;
+}
+.EmptyCart-module__categoryLink___YxsmA {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  flex: 1;
+  padding: 12px 8px;
+  background-color: #ffffff;
+  border: none;
+  border-radius: 8px;
+  text-decoration: none;
+  color: #3d3935;
   font-size: 12px;
   line-height: 16px;
-  font-weight: 700;
+  font-weight: 500;
+  text-align: center;
+  transition: background-color 0.15s ease;
+}
+.EmptyCart-module__categoryLink___YxsmA:hover {
+  background-color: #f8f8f8;
+  text-decoration: none;
   color: #3d3935;
 }
+.EmptyCart-module__categoryLink___YxsmA:focus-visible {
+  outline: 2px solid #e6003c;
+  outline-offset: 2px;
+}
-.CartItems-module__disclaimer___mOvek {
-  font-size: 12px;
-  line-height: 16px;
-  color: #86807c;
-  padding: 16px 24px;
-  margin: 0;
-  background-color: #f7f6f5;
-  border-top: 1px solid #e6e3df;
+.EmptyCart-module__categoryLinkIcon___HjhbO {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
-@media (max-width: 767px) {
-  .CartItems-module__disclaimer___mOvek {
-    padding: 16px;
-  }
+.EmptyCart-module__categoryLinkLabel___1dS9s {
+  line-height: 1.3;
 }
 /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
@@ -2170,3 +2011,162 @@
 .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
   display: block;
 }
+/* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
+/* 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  */
+.CartItems-module__container___9xcV- {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+.CartItems-module__itemList___CK3U1 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.CartItems-module__item___A6nFF {
+  border-bottom: 1px solid #e6e3df;
+  background-color: #f7f6f5;
+}
+.CartItems-module__item___A6nFF:last-child {
+  border-bottom: none;
+}
+.CartItems-module__itemContent___DaQhK {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+  padding: 16px 24px;
+}
+@media (max-width: 767px) {
+  .CartItems-module__itemContent___DaQhK {
+    padding: 16px;
+  }
+}
+.CartItems-module__itemIcon___pk1NU {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  width: 40px;
+  height: 40px;
+  color: #86807c;
+}
+.CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
+  width: 40px;
+  height: 40px;
+  object-fit: contain;
+  border-radius: 4px;
+}
+.CartItems-module__itemBody___leOoI {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex: 1;
+  min-width: 0;
+}
+.CartItems-module__itemRow___owvC2 {
+  display: grid;
+  grid-template-columns: 1fr auto;
+  row-gap: 2px;
+  column-gap: 16px;
+}
+.CartItems-module__itemDetails___vQu14 {
+  display: contents;
+}
+.CartItems-module__categoryLabel___gSZid {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  grid-column: 1/-1;
+}
+.CartItems-module__productName___yYFNw {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 700;
+  color: #3d3935;
+  grid-column: 1;
+  min-width: 0;
+}
+.CartItems-module__variantText___saarn {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  grid-column: 1;
+}
+.CartItems-module__downPaymentLabel___9sOP7 {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+}
+.CartItems-module__downPaymentRow___9a5jS {
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+  align-items: center;
+}
+.CartItems-module__itemPricing___7gEuf {
+  display: contents;
+}
+.CartItems-module__monthlyPrice___G6sH6 {
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 700;
+  color: #3d3935;
+  grid-column: 2;
+  grid-row: 2;
+  justify-self: end;
+  white-space: nowrap;
+}
+.CartItems-module__originalPrice___LsGAC {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  text-decoration: line-through;
+  grid-column: 2;
+  grid-row: 3;
+  justify-self: end;
+  white-space: nowrap;
+}
+.CartItems-module__downPaymentAmount___3K98L {
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 700;
+  color: #3d3935;
+}
+.CartItems-module__disclaimer___mOvek {
+  font-size: 12px;
+  line-height: 16px;
+  color: #86807c;
+  padding: 16px 24px;
+  margin: 0;
+  background-color: #f7f6f5;
+  border-top: 1px solid #e6e3df;
+}
+@media (max-width: 767px) {
+  .CartItems-module__disclaimer___mOvek {
+    padding: 16px;
+  }
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sunrise-upc/sales-static-components",
-  "version": "4.4.0-beta.0",
+  "version": "4.4.0-beta.1",
   "description": "Static Reusable Components Library",
   "type": "module",
   "main": "dist/cjs/index.js",