@sunrise-upc/sales-static-components 4.4.0-beta.2 → 4.4.0-beta.4

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 (12) hide show
  1. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.css +5 -3
  2. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +5 -3
  3. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css +5 -3
  4. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +6 -3
  5. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +6 -3
  6. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css +5 -3
  7. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +5 -3
  8. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css +5 -3
  9. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +6 -3
  10. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +6 -3
  11. package/dist/navigation.css +292 -292
  12. package/package.json +1 -1
package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.css CHANGED
@@ -72,7 +72,7 @@
72
72
  }
73
73
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
74
74
  overflow: hidden;
75
- padding-bottom: 16px;
75
+ padding-bottom: 0;
76
76
  position: relative;
77
77
  }
78
78
  @media (max-width: 767px) {
@@ -82,7 +82,9 @@
82
82
  }
83
83
  }
84
84
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
85
- bottom: 0;
85
+ bottom: auto;
86
+ margin-top: 16px;
87
+ position: relative;
86
88
  top: auto;
87
89
  }
88
90
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
@@ -97,7 +99,7 @@
97
99
  opacity: 1;
98
100
  }
99
101
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
100
- padding-bottom: 16px;
102
+ padding-bottom: 0;
101
103
  }
102
104
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-slide {
103
105
  height: auto;
package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css CHANGED
@@ -72,7 +72,7 @@
72
72
  }
73
73
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
74
74
  overflow: hidden;
75
- padding-bottom: 16px;
75
+ padding-bottom: 0;
76
76
  position: relative;
77
77
  }
78
78
  @media (max-width: 767px) {
@@ -82,7 +82,9 @@
82
82
  }
83
83
  }
84
84
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
85
- bottom: 0;
85
+ bottom: auto;
86
+ margin-top: 16px;
87
+ position: relative;
86
88
  top: auto;
87
89
  }
88
90
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
@@ -97,7 +99,7 @@
97
99
  opacity: 1;
98
100
  }
99
101
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
100
- padding-bottom: 16px;
102
+ padding-bottom: 0;
101
103
  }
102
104
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-slide {
103
105
  height: auto;
package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css CHANGED
@@ -72,7 +72,7 @@
72
72
  }
73
73
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
74
74
  overflow: hidden;
75
- padding-bottom: 16px;
75
+ padding-bottom: 0;
76
76
  position: relative;
77
77
  }
78
78
  @media (max-width: 767px) {
@@ -82,7 +82,9 @@
82
82
  }
83
83
  }
84
84
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
85
- bottom: 0;
85
+ bottom: auto;
86
+ margin-top: 16px;
87
+ position: relative;
86
88
  top: auto;
87
89
  }
88
90
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
@@ -97,7 +99,7 @@
97
99
  opacity: 1;
98
100
  }
99
101
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
100
- padding-bottom: 16px;
102
+ padding-bottom: 0;
101
103
  }
102
104
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-slide {
103
105
  height: auto;
package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css CHANGED
@@ -64,7 +64,7 @@
64
64
  }
65
65
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
66
66
  overflow: hidden;
67
- padding-bottom: 16px;
67
+ padding-bottom: 0;
68
68
  }
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
@@ -73,7 +73,10 @@
73
73
  }
74
74
  }
75
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
76
- bottom: 0;
76
+ bottom: auto;
77
+ margin-top: 16px;
78
+ position: relative;
79
+ top: auto;
77
80
  }
78
81
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination-bullet {
79
82
  background: #8a8a8a;
@@ -87,7 +90,7 @@
87
90
  opacity: 1;
88
91
  }
89
92
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e:not(.InternetAndTvCardsBenefits-module__has-controls___OPIkr) {
90
- padding-bottom: 16px;
93
+ padding-bottom: 0;
91
94
  }
92
95
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__slide___vS8wq {
93
96
  height: auto;
package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css CHANGED
@@ -64,7 +64,7 @@
64
64
  }
65
65
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
66
66
  overflow: hidden;
67
- padding-bottom: 16px;
67
+ padding-bottom: 0;
68
68
  }
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
@@ -73,7 +73,10 @@
73
73
  }
74
74
  }
75
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
76
- bottom: 0;
76
+ bottom: auto;
77
+ margin-top: 16px;
78
+ position: relative;
79
+ top: auto;
77
80
  }
78
81
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination-bullet {
79
82
  background: #8a8a8a;
@@ -87,7 +90,7 @@
87
90
  opacity: 1;
88
91
  }
89
92
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e:not(.InternetAndTvCardsBenefits-module__has-controls___OPIkr) {
90
- padding-bottom: 16px;
93
+ padding-bottom: 0;
91
94
  }
92
95
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__slide___vS8wq {
93
96
  height: auto;
package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css CHANGED
@@ -72,7 +72,7 @@
72
72
  }
73
73
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
74
74
  overflow: hidden;
75
- padding-bottom: 16px;
75
+ padding-bottom: 0;
76
76
  position: relative;
77
77
  }
78
78
  @media (max-width: 767px) {
@@ -82,7 +82,9 @@
82
82
  }
83
83
  }
84
84
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
85
- bottom: 0;
85
+ bottom: auto;
86
+ margin-top: 16px;
87
+ position: relative;
86
88
  top: auto;
87
89
  }
88
90
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
@@ -97,7 +99,7 @@
97
99
  opacity: 1;
98
100
  }
99
101
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
100
- padding-bottom: 16px;
102
+ padding-bottom: 0;
101
103
  }
102
104
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-slide {
103
105
  height: auto;
package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css CHANGED
@@ -72,7 +72,7 @@
72
72
  }
73
73
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
74
74
  overflow: hidden;
75
- padding-bottom: 16px;
75
+ padding-bottom: 0;
76
76
  position: relative;
77
77
  }
78
78
  @media (max-width: 767px) {
@@ -82,7 +82,9 @@
82
82
  }
83
83
  }
84
84
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
85
- bottom: 0;
85
+ bottom: auto;
86
+ margin-top: 16px;
87
+ position: relative;
86
88
  top: auto;
87
89
  }
88
90
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
@@ -97,7 +99,7 @@
97
99
  opacity: 1;
98
100
  }
99
101
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
100
- padding-bottom: 16px;
102
+ padding-bottom: 0;
101
103
  }
102
104
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-slide {
103
105
  height: auto;
package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css CHANGED
@@ -72,7 +72,7 @@
72
72
  }
73
73
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
74
74
  overflow: hidden;
75
- padding-bottom: 16px;
75
+ padding-bottom: 0;
76
76
  position: relative;
77
77
  }
78
78
  @media (max-width: 767px) {
@@ -82,7 +82,9 @@
82
82
  }
83
83
  }
84
84
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
85
- bottom: 0;
85
+ bottom: auto;
86
+ margin-top: 16px;
87
+ position: relative;
86
88
  top: auto;
87
89
  }
88
90
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination-bullet {
@@ -97,7 +99,7 @@
97
99
  opacity: 1;
98
100
  }
99
101
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper:not(.has-controls) {
100
- padding-bottom: 16px;
102
+ padding-bottom: 0;
101
103
  }
102
104
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper-slide {
103
105
  height: auto;
package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css CHANGED
@@ -64,7 +64,7 @@
64
64
  }
65
65
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
66
66
  overflow: hidden;
67
- padding-bottom: 16px;
67
+ padding-bottom: 0;
68
68
  }
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
@@ -73,7 +73,10 @@
73
73
  }
74
74
  }
75
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
76
- bottom: 0;
76
+ bottom: auto;
77
+ margin-top: 16px;
78
+ position: relative;
79
+ top: auto;
77
80
  }
78
81
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination-bullet {
79
82
  background: #8a8a8a;
@@ -87,7 +90,7 @@
87
90
  opacity: 1;
88
91
  }
89
92
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e:not(.InternetAndTvCardsBenefits-module__has-controls___OPIkr) {
90
- padding-bottom: 16px;
93
+ padding-bottom: 0;
91
94
  }
92
95
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__slide___vS8wq {
93
96
  height: auto;
package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css CHANGED
@@ -64,7 +64,7 @@
64
64
  }
65
65
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
66
66
  overflow: hidden;
67
- padding-bottom: 16px;
67
+ padding-bottom: 0;
68
68
  }
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
@@ -73,7 +73,10 @@
73
73
  }
74
74
  }
75
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
76
- bottom: 0;
76
+ bottom: auto;
77
+ margin-top: 16px;
78
+ position: relative;
79
+ top: auto;
77
80
  }
78
81
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination-bullet {
79
82
  background: #8a8a8a;
@@ -87,7 +90,7 @@
87
90
  opacity: 1;
88
91
  }
89
92
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e:not(.InternetAndTvCardsBenefits-module__has-controls___OPIkr) {
90
- padding-bottom: 16px;
93
+ padding-bottom: 0;
91
94
  }
92
95
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__slide___vS8wq {
93
96
  height: auto;
package/dist/navigation.css CHANGED
@@ -1434,6 +1434,159 @@
1434
1434
  filter: brightness(0) invert(0.9);
1435
1435
  }
1436
1436
 
1437
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
1438
+ /* center a block element */
1439
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1440
+ /* setting styles in separate formats for cross browser support */
1441
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1442
+ /* vertically center alilgn any HTML element */
1443
+ /* add basePath to assets */
1444
+ .CartFooter-module__cartFooter___pgZ1x {
1445
+ display: flex;
1446
+ flex-direction: column;
1447
+ background-color: #3d3935;
1448
+ border-radius: 8px 8px 0 0;
1449
+ padding: 16px 24px;
1450
+ gap: 16px;
1451
+ }
1452
+ @media (max-width: 767px) {
1453
+ .CartFooter-module__cartFooter___pgZ1x {
1454
+ padding: 16px;
1455
+ }
1456
+ }
1457
+
1458
+ .CartFooter-module__footerTotals___sG-0P {
1459
+ display: flex;
1460
+ justify-content: space-between;
1461
+ gap: 0;
1462
+ }
1463
+
1464
+ .CartFooter-module__footerTotalsItem___zs1hY {
1465
+ display: flex;
1466
+ flex-direction: column;
1467
+ justify-content: space-between;
1468
+ gap: 2px;
1469
+ flex: 1;
1470
+ padding: 0 16px;
1471
+ }
1472
+ .CartFooter-module__footerTotalsItem___zs1hY:first-child {
1473
+ padding-left: 0;
1474
+ }
1475
+ .CartFooter-module__footerTotalsItem___zs1hY:last-child {
1476
+ padding-right: 0;
1477
+ }
1478
+
1479
+ .CartFooter-module__footerTotalsItemDivider___--UXf {
1480
+ border-left: 1px solid #b3aeaa;
1481
+ }
1482
+
1483
+ .CartFooter-module__footerTotalsLabel___Z30Az {
1484
+ font-size: 12px;
1485
+ line-height: 16px;
1486
+ color: #b3aeaa;
1487
+ }
1488
+
1489
+ .CartFooter-module__footerTotalsValue___NfXPQ {
1490
+ font-size: 16px;
1491
+ line-height: 24px;
1492
+ font-weight: 700;
1493
+ color: #ffffff;
1494
+ }
1495
+
1496
+ .CartFooter-module__footerButtons___6xWKX {
1497
+ display: flex;
1498
+ text-align: center;
1499
+ gap: 12px;
1500
+ }
1501
+ .CartFooter-module__footerButtons___6xWKX > div {
1502
+ flex: 1;
1503
+ }
1504
+ .CartFooter-module__footerButtons___6xWKX a {
1505
+ text-decoration: none;
1506
+ }
1507
+
1508
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1509
+ /* center a block element */
1510
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1511
+ /* setting styles in separate formats for cross browser support */
1512
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1513
+ /* vertically center alilgn any HTML element */
1514
+ /* add basePath to assets */
1515
+ .EmptyCart-module__emptyState___HtCXJ {
1516
+ display: flex;
1517
+ flex-direction: column;
1518
+ align-items: center;
1519
+ justify-content: center;
1520
+ flex: 1;
1521
+ padding: 32px 24px 24px;
1522
+ text-align: center;
1523
+ }
1524
+
1525
+ .EmptyCart-module__emptyIcon___A7F8f {
1526
+ margin-bottom: 8px;
1527
+ }
1528
+
1529
+ .EmptyCart-module__emptyText___aX6Nu {
1530
+ font-size: 16px;
1531
+ line-height: 24px;
1532
+ font-weight: 700;
1533
+ color: #3d3935;
1534
+ margin: 0 0 44px;
1535
+ }
1536
+
1537
+ .EmptyCart-module__emptySubText___P504H {
1538
+ font-size: 14px;
1539
+ line-height: 20px;
1540
+ color: #787472;
1541
+ margin: 0 0 8px;
1542
+ }
1543
+
1544
+ .EmptyCart-module__categoryLinks___J9tic {
1545
+ display: flex;
1546
+ gap: 12px;
1547
+ width: 100%;
1548
+ justify-content: center;
1549
+ }
1550
+
1551
+ .EmptyCart-module__categoryLink___YxsmA {
1552
+ display: flex;
1553
+ flex-direction: column;
1554
+ align-items: center;
1555
+ justify-content: center;
1556
+ gap: 6px;
1557
+ flex: 1;
1558
+ padding: 12px 8px;
1559
+ background-color: #ffffff;
1560
+ border: none;
1561
+ border-radius: 8px;
1562
+ text-decoration: none;
1563
+ color: #3d3935;
1564
+ font-size: 12px;
1565
+ line-height: 16px;
1566
+ font-weight: 500;
1567
+ text-align: center;
1568
+ transition: background-color 0.15s ease;
1569
+ }
1570
+ .EmptyCart-module__categoryLink___YxsmA:hover {
1571
+ background-color: #f8f8f8;
1572
+ text-decoration: none;
1573
+ color: #3d3935;
1574
+ }
1575
+ .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1576
+ outline: 2px solid #e6003c;
1577
+ outline-offset: 2px;
1578
+ }
1579
+
1580
+ .EmptyCart-module__categoryLinkIcon___HjhbO {
1581
+ display: flex;
1582
+ align-items: center;
1583
+ justify-content: center;
1584
+ }
1585
+
1586
+ .EmptyCart-module__categoryLinkLabel___1dS9s {
1587
+ line-height: 1.3;
1588
+ }
1589
+
1437
1590
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1438
1591
  /* center a block element */
1439
1592
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1631,205 +1784,211 @@
1631
1784
  border: none;
1632
1785
  }
1633
1786
 
1634
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1787
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1635
1788
  /* center a block element */
1636
1789
  /* use this to any of the pseudo elements as these are the mandatory properties */
1637
1790
  /* setting styles in separate formats for cross browser support */
1638
1791
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1639
1792
  /* vertically center alilgn any HTML element */
1640
1793
  /* add basePath to assets */
1641
- .CartHeader-module__headerTitle___35F6g {
1794
+ .CartItems-module__container___9xcV- {
1642
1795
  display: flex;
1643
- align-items: center;
1644
- gap: 8px;
1645
- }
1646
-
1647
- .CartHeader-module__headerItemCount___g1Ynd {
1648
- font-size: 24px;
1649
- line-height: 32px;
1650
- font-weight: 400;
1651
- color: #3d3935;
1652
- }
1653
- @media (max-width: 1023px) {
1654
- .CartHeader-module__headerItemCount___g1Ynd {
1655
- font-size: 20px;
1656
- line-height: 28px;
1657
- }
1796
+ flex-direction: column;
1797
+ flex: 1;
1658
1798
  }
1659
1799
 
1660
- .CartHeader-module__clearAllButton___B3bNF {
1661
- display: inline;
1662
- background: none;
1663
- border: none;
1800
+ .CartItems-module__itemList___CK3U1 {
1801
+ list-style: none;
1802
+ margin: 0;
1664
1803
  padding: 0;
1665
- cursor: pointer;
1666
- font-size: 14px;
1667
- line-height: 20px;
1668
- font-weight: 400;
1669
- color: #da291c;
1670
- text-decoration: underline;
1671
- text-underline-offset: 2px;
1672
1804
  }
1673
- .CartHeader-module__clearAllButton___B3bNF:hover {
1674
- color: #961c13;
1805
+
1806
+ .CartItems-module__item___A6nFF {
1807
+ border-bottom: 1px solid #e6e3df;
1808
+ background-color: #f7f6f5;
1675
1809
  }
1676
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1677
- outline: 2px solid #da291c;
1678
- outline-offset: 2px;
1679
- border-radius: 2px;
1810
+ .CartItems-module__item___A6nFF:last-child {
1811
+ border-bottom: none;
1680
1812
  }
1681
1813
 
1682
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
1683
- /* center a block element */
1684
- /* use this to any of the pseudo elements as these are the mandatory properties */
1685
- /* setting styles in separate formats for cross browser support */
1686
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1687
- /* vertically center alilgn any HTML element */
1688
- /* add basePath to assets */
1689
- .CartFooter-module__cartFooter___pgZ1x {
1814
+ .CartItems-module__itemContent___DaQhK {
1690
1815
  display: flex;
1691
- flex-direction: column;
1692
- background-color: #3d3935;
1693
- border-radius: 8px 8px 0 0;
1694
- padding: 16px 24px;
1816
+ flex-direction: row;
1817
+ align-items: center;
1695
1818
  gap: 16px;
1819
+ padding: 16px 24px;
1696
1820
  }
1697
1821
  @media (max-width: 767px) {
1698
- .CartFooter-module__cartFooter___pgZ1x {
1822
+ .CartItems-module__itemContent___DaQhK {
1699
1823
  padding: 16px;
1700
1824
  }
1701
1825
  }
1702
1826
 
1703
- .CartFooter-module__footerTotals___sG-0P {
1827
+ .CartItems-module__itemIcon___pk1NU {
1704
1828
  display: flex;
1705
- justify-content: space-between;
1706
- gap: 0;
1829
+ align-items: center;
1830
+ justify-content: center;
1831
+ flex-shrink: 0;
1832
+ width: 40px;
1833
+ height: 40px;
1834
+ color: #86807c;
1835
+ }
1836
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1837
+ width: 40px;
1838
+ height: 40px;
1839
+ object-fit: contain;
1840
+ border-radius: 4px;
1707
1841
  }
1708
1842
 
1709
- .CartFooter-module__footerTotalsItem___zs1hY {
1843
+ .CartItems-module__itemBody___leOoI {
1710
1844
  display: flex;
1711
1845
  flex-direction: column;
1712
- justify-content: space-between;
1713
- gap: 2px;
1846
+ gap: 4px;
1714
1847
  flex: 1;
1715
- padding: 0 16px;
1716
- }
1717
- .CartFooter-module__footerTotalsItem___zs1hY:first-child {
1718
- padding-left: 0;
1848
+ min-width: 0;
1719
1849
  }
1720
- .CartFooter-module__footerTotalsItem___zs1hY:last-child {
1721
- padding-right: 0;
1850
+
1851
+ .CartItems-module__itemRow___owvC2 {
1852
+ display: grid;
1853
+ grid-template-columns: 1fr auto;
1854
+ row-gap: 2px;
1855
+ column-gap: 16px;
1722
1856
  }
1723
1857
 
1724
- .CartFooter-module__footerTotalsItemDivider___--UXf {
1725
- border-left: 1px solid #b3aeaa;
1858
+ .CartItems-module__itemDetails___vQu14 {
1859
+ display: contents;
1726
1860
  }
1727
1861
 
1728
- .CartFooter-module__footerTotalsLabel___Z30Az {
1862
+ .CartItems-module__categoryLabel___gSZid {
1729
1863
  font-size: 12px;
1730
1864
  line-height: 16px;
1731
- color: #b3aeaa;
1865
+ color: #86807c;
1866
+ grid-column: 1/-1;
1732
1867
  }
1733
1868
 
1734
- .CartFooter-module__footerTotalsValue___NfXPQ {
1735
- font-size: 16px;
1736
- line-height: 24px;
1869
+ .CartItems-module__productName___yYFNw {
1870
+ font-size: 14px;
1871
+ line-height: 20px;
1737
1872
  font-weight: 700;
1738
- color: #ffffff;
1873
+ color: #3d3935;
1874
+ grid-column: 1;
1875
+ min-width: 0;
1739
1876
  }
1740
1877
 
1741
- .CartFooter-module__footerButtons___6xWKX {
1742
- display: flex;
1743
- text-align: center;
1744
- gap: 12px;
1745
- }
1746
- .CartFooter-module__footerButtons___6xWKX > div {
1747
- flex: 1;
1878
+ .CartItems-module__variantText___saarn {
1879
+ font-size: 12px;
1880
+ line-height: 16px;
1881
+ color: #86807c;
1882
+ grid-column: 1;
1748
1883
  }
1749
- .CartFooter-module__footerButtons___6xWKX a {
1750
- text-decoration: none;
1884
+
1885
+ .CartItems-module__downPaymentLabel___9sOP7 {
1886
+ font-size: 12px;
1887
+ line-height: 16px;
1888
+ color: #86807c;
1751
1889
  }
1752
1890
 
1753
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1754
- /* center a block element */
1755
- /* use this to any of the pseudo elements as these are the mandatory properties */
1756
- /* setting styles in separate formats for cross browser support */
1757
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1758
- /* vertically center alilgn any HTML element */
1759
- /* add basePath to assets */
1760
- .EmptyCart-module__emptyState___HtCXJ {
1891
+ .CartItems-module__downPaymentRow___9a5jS {
1761
1892
  display: flex;
1762
- flex-direction: column;
1893
+ width: 100%;
1894
+ justify-content: space-between;
1763
1895
  align-items: center;
1764
- justify-content: center;
1765
- flex: 1;
1766
- padding: 32px 24px 24px;
1767
- text-align: center;
1768
1896
  }
1769
1897
 
1770
- .EmptyCart-module__emptyIcon___A7F8f {
1771
- margin-bottom: 8px;
1898
+ .CartItems-module__itemPricing___7gEuf {
1899
+ display: contents;
1772
1900
  }
1773
1901
 
1774
- .EmptyCart-module__emptyText___aX6Nu {
1775
- font-size: 16px;
1776
- line-height: 24px;
1902
+ .CartItems-module__monthlyPrice___G6sH6 {
1903
+ font-size: 14px;
1904
+ line-height: 20px;
1777
1905
  font-weight: 700;
1778
1906
  color: #3d3935;
1779
- margin: 0 0 44px;
1907
+ grid-column: 2;
1908
+ grid-row: 2;
1909
+ justify-self: end;
1910
+ white-space: nowrap;
1780
1911
  }
1781
1912
 
1782
- .EmptyCart-module__emptySubText___P504H {
1783
- font-size: 14px;
1784
- line-height: 20px;
1785
- color: #787472;
1786
- margin: 0 0 8px;
1913
+ .CartItems-module__originalPrice___LsGAC {
1914
+ font-size: 12px;
1915
+ line-height: 16px;
1916
+ color: #86807c;
1917
+ text-decoration: line-through;
1918
+ grid-column: 2;
1919
+ grid-row: 3;
1920
+ justify-self: end;
1921
+ white-space: nowrap;
1787
1922
  }
1788
1923
 
1789
- .EmptyCart-module__categoryLinks___J9tic {
1790
- display: flex;
1791
- gap: 12px;
1792
- width: 100%;
1793
- justify-content: center;
1924
+ .CartItems-module__downPaymentAmount___3K98L {
1925
+ font-size: 12px;
1926
+ line-height: 16px;
1927
+ font-weight: 700;
1928
+ color: #3d3935;
1794
1929
  }
1795
1930
 
1796
- .EmptyCart-module__categoryLink___YxsmA {
1797
- display: flex;
1798
- flex-direction: column;
1799
- align-items: center;
1800
- justify-content: center;
1801
- gap: 6px;
1802
- flex: 1;
1803
- padding: 12px 8px;
1804
- background-color: #ffffff;
1805
- border: none;
1806
- border-radius: 8px;
1807
- text-decoration: none;
1808
- color: #3d3935;
1931
+ .CartItems-module__disclaimer___mOvek {
1809
1932
  font-size: 12px;
1810
1933
  line-height: 16px;
1811
- font-weight: 500;
1812
- text-align: center;
1813
- transition: background-color 0.15s ease;
1814
- }
1815
- .EmptyCart-module__categoryLink___YxsmA:hover {
1816
- background-color: #f8f8f8;
1817
- text-decoration: none;
1818
- color: #3d3935;
1934
+ color: #86807c;
1935
+ padding: 16px 24px;
1936
+ margin: 0;
1937
+ background-color: #f7f6f5;
1938
+ border-top: 1px solid #e6e3df;
1819
1939
  }
1820
- .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1821
- outline: 2px solid #e6003c;
1822
- outline-offset: 2px;
1940
+ @media (max-width: 767px) {
1941
+ .CartItems-module__disclaimer___mOvek {
1942
+ padding: 16px;
1943
+ }
1823
1944
  }
1824
1945
 
1825
- .EmptyCart-module__categoryLinkIcon___HjhbO {
1946
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1947
+ /* center a block element */
1948
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1949
+ /* setting styles in separate formats for cross browser support */
1950
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1951
+ /* vertically center alilgn any HTML element */
1952
+ /* add basePath to assets */
1953
+ .CartHeader-module__headerTitle___35F6g {
1826
1954
  display: flex;
1827
1955
  align-items: center;
1828
- justify-content: center;
1956
+ gap: 8px;
1829
1957
  }
1830
1958
 
1831
- .EmptyCart-module__categoryLinkLabel___1dS9s {
1832
- line-height: 1.3;
1959
+ .CartHeader-module__headerItemCount___g1Ynd {
1960
+ font-size: 24px;
1961
+ line-height: 32px;
1962
+ font-weight: 400;
1963
+ color: #3d3935;
1964
+ }
1965
+ @media (max-width: 1023px) {
1966
+ .CartHeader-module__headerItemCount___g1Ynd {
1967
+ font-size: 20px;
1968
+ line-height: 28px;
1969
+ }
1970
+ }
1971
+
1972
+ .CartHeader-module__clearAllButton___B3bNF {
1973
+ display: inline;
1974
+ background: none;
1975
+ border: none;
1976
+ padding: 0;
1977
+ cursor: pointer;
1978
+ font-size: 14px;
1979
+ line-height: 20px;
1980
+ font-weight: 400;
1981
+ color: #da291c;
1982
+ text-decoration: underline;
1983
+ text-underline-offset: 2px;
1984
+ }
1985
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1986
+ color: #961c13;
1987
+ }
1988
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1989
+ outline: 2px solid #da291c;
1990
+ outline-offset: 2px;
1991
+ border-radius: 2px;
1833
1992
  }
1834
1993
 
1835
1994
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
@@ -2011,162 +2170,3 @@
2011
2170
  .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2012
2171
  display: block;
2013
2172
  }
2014
-
2015
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
2016
- /* center a block element */
2017
- /* use this to any of the pseudo elements as these are the mandatory properties */
2018
- /* setting styles in separate formats for cross browser support */
2019
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2020
- /* vertically center alilgn any HTML element */
2021
- /* add basePath to assets */
2022
- .CartItems-module__container___9xcV- {
2023
- display: flex;
2024
- flex-direction: column;
2025
- flex: 1;
2026
- }
2027
-
2028
- .CartItems-module__itemList___CK3U1 {
2029
- list-style: none;
2030
- margin: 0;
2031
- padding: 0;
2032
- }
2033
-
2034
- .CartItems-module__item___A6nFF {
2035
- border-bottom: 1px solid #e6e3df;
2036
- background-color: #f7f6f5;
2037
- }
2038
- .CartItems-module__item___A6nFF:last-child {
2039
- border-bottom: none;
2040
- }
2041
-
2042
- .CartItems-module__itemContent___DaQhK {
2043
- display: flex;
2044
- flex-direction: row;
2045
- align-items: center;
2046
- gap: 16px;
2047
- padding: 16px 24px;
2048
- }
2049
- @media (max-width: 767px) {
2050
- .CartItems-module__itemContent___DaQhK {
2051
- padding: 16px;
2052
- }
2053
- }
2054
-
2055
- .CartItems-module__itemIcon___pk1NU {
2056
- display: flex;
2057
- align-items: center;
2058
- justify-content: center;
2059
- flex-shrink: 0;
2060
- width: 40px;
2061
- height: 40px;
2062
- color: #86807c;
2063
- }
2064
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
2065
- width: 40px;
2066
- height: 40px;
2067
- object-fit: contain;
2068
- border-radius: 4px;
2069
- }
2070
-
2071
- .CartItems-module__itemBody___leOoI {
2072
- display: flex;
2073
- flex-direction: column;
2074
- gap: 4px;
2075
- flex: 1;
2076
- min-width: 0;
2077
- }
2078
-
2079
- .CartItems-module__itemRow___owvC2 {
2080
- display: grid;
2081
- grid-template-columns: 1fr auto;
2082
- row-gap: 2px;
2083
- column-gap: 16px;
2084
- }
2085
-
2086
- .CartItems-module__itemDetails___vQu14 {
2087
- display: contents;
2088
- }
2089
-
2090
- .CartItems-module__categoryLabel___gSZid {
2091
- font-size: 12px;
2092
- line-height: 16px;
2093
- color: #86807c;
2094
- grid-column: 1/-1;
2095
- }
2096
-
2097
- .CartItems-module__productName___yYFNw {
2098
- font-size: 14px;
2099
- line-height: 20px;
2100
- font-weight: 700;
2101
- color: #3d3935;
2102
- grid-column: 1;
2103
- min-width: 0;
2104
- }
2105
-
2106
- .CartItems-module__variantText___saarn {
2107
- font-size: 12px;
2108
- line-height: 16px;
2109
- color: #86807c;
2110
- grid-column: 1;
2111
- }
2112
-
2113
- .CartItems-module__downPaymentLabel___9sOP7 {
2114
- font-size: 12px;
2115
- line-height: 16px;
2116
- color: #86807c;
2117
- }
2118
-
2119
- .CartItems-module__downPaymentRow___9a5jS {
2120
- display: flex;
2121
- width: 100%;
2122
- justify-content: space-between;
2123
- align-items: center;
2124
- }
2125
-
2126
- .CartItems-module__itemPricing___7gEuf {
2127
- display: contents;
2128
- }
2129
-
2130
- .CartItems-module__monthlyPrice___G6sH6 {
2131
- font-size: 14px;
2132
- line-height: 20px;
2133
- font-weight: 700;
2134
- color: #3d3935;
2135
- grid-column: 2;
2136
- grid-row: 2;
2137
- justify-self: end;
2138
- white-space: nowrap;
2139
- }
2140
-
2141
- .CartItems-module__originalPrice___LsGAC {
2142
- font-size: 12px;
2143
- line-height: 16px;
2144
- color: #86807c;
2145
- text-decoration: line-through;
2146
- grid-column: 2;
2147
- grid-row: 3;
2148
- justify-self: end;
2149
- white-space: nowrap;
2150
- }
2151
-
2152
- .CartItems-module__downPaymentAmount___3K98L {
2153
- font-size: 12px;
2154
- line-height: 16px;
2155
- font-weight: 700;
2156
- color: #3d3935;
2157
- }
2158
-
2159
- .CartItems-module__disclaimer___mOvek {
2160
- font-size: 12px;
2161
- line-height: 16px;
2162
- color: #86807c;
2163
- padding: 16px 24px;
2164
- margin: 0;
2165
- background-color: #f7f6f5;
2166
- border-top: 1px solid #e6e3df;
2167
- }
2168
- @media (max-width: 767px) {
2169
- .CartItems-module__disclaimer___mOvek {
2170
- padding: 16px;
2171
- }
2172
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "4.4.0-beta.2",
3
+ "version": "4.4.0-beta.4",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",