@sunrise-upc/sales-static-components 4.1.0-beta.5 → 4.1.0-beta.6

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.
@@ -77,6 +77,7 @@
77
77
  @media (max-width: 767px) {
78
78
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
79
79
  padding-left: 37px;
80
+ padding-right: 37px;
80
81
  }
81
82
  }
82
83
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
@@ -77,6 +77,7 @@
77
77
  @media (max-width: 767px) {
78
78
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
79
79
  padding-left: 37px;
80
+ padding-right: 37px;
80
81
  }
81
82
  }
82
83
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
@@ -77,6 +77,7 @@
77
77
  @media (max-width: 767px) {
78
78
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
79
79
  padding-left: 37px;
80
+ padding-right: 37px;
80
81
  }
81
82
  }
82
83
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
@@ -69,6 +69,7 @@
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
71
71
  padding-left: 37px !important;
72
+ padding-right: 37px !important;
72
73
  }
73
74
  }
74
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
@@ -69,6 +69,7 @@
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
71
71
  padding-left: 37px !important;
72
+ padding-right: 37px !important;
72
73
  }
73
74
  }
74
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
@@ -77,6 +77,7 @@
77
77
  @media (max-width: 767px) {
78
78
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
79
79
  padding-left: 37px;
80
+ padding-right: 37px;
80
81
  }
81
82
  }
82
83
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
@@ -77,6 +77,7 @@
77
77
  @media (max-width: 767px) {
78
78
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
79
79
  padding-left: 37px;
80
+ padding-right: 37px;
80
81
  }
81
82
  }
82
83
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
@@ -77,6 +77,7 @@
77
77
  @media (max-width: 767px) {
78
78
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper {
79
79
  padding-left: 37px;
80
+ padding-right: 37px;
80
81
  }
81
82
  }
82
83
  .InternetAndTvCards-module__container___yFefT .InternetAndTvCards-module__carousel___9PXjc .swiper .swiper-pagination {
@@ -69,6 +69,7 @@
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
71
71
  padding-left: 37px !important;
72
+ padding-right: 37px !important;
72
73
  }
73
74
  }
74
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
@@ -69,6 +69,7 @@
69
69
  @media (max-width: 767px) {
70
70
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e {
71
71
  padding-left: 37px !important;
72
+ padding-right: 37px !important;
72
73
  }
73
74
  }
74
75
  .InternetAndTvCardsBenefits-module__container___raz-h .InternetAndTvCardsBenefits-module__carousel___LB5pI .InternetAndTvCardsBenefits-module__swiper___Cp89e .swiper-pagination {
@@ -1365,6 +1365,54 @@
1365
1365
  text-align: center;
1366
1366
  }
1367
1367
 
1368
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1369
+ /* center a block element */
1370
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1371
+ /* setting styles in separate formats for cross browser support */
1372
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1373
+ /* vertically center alilgn any HTML element */
1374
+ /* add basePath to assets */
1375
+ .CartHeader-module__headerTitle___35F6g {
1376
+ display: flex;
1377
+ align-items: center;
1378
+ gap: 8px;
1379
+ }
1380
+
1381
+ .CartHeader-module__headerItemCount___g1Ynd {
1382
+ font-size: 24px;
1383
+ line-height: 32px;
1384
+ font-weight: 400;
1385
+ color: #3d3935;
1386
+ }
1387
+ @media (max-width: 1023px) {
1388
+ .CartHeader-module__headerItemCount___g1Ynd {
1389
+ font-size: 20px;
1390
+ line-height: 28px;
1391
+ }
1392
+ }
1393
+
1394
+ .CartHeader-module__clearAllButton___B3bNF {
1395
+ display: inline;
1396
+ background: none;
1397
+ border: none;
1398
+ padding: 0;
1399
+ cursor: pointer;
1400
+ font-size: 14px;
1401
+ line-height: 20px;
1402
+ font-weight: 400;
1403
+ color: #da291c;
1404
+ text-decoration: underline;
1405
+ text-underline-offset: 2px;
1406
+ }
1407
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1408
+ color: #961c13;
1409
+ }
1410
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1411
+ outline: 2px solid #da291c;
1412
+ outline-offset: 2px;
1413
+ border-radius: 2px;
1414
+ }
1415
+
1368
1416
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1369
1417
  /* center a block element */
1370
1418
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1773,52 +1821,163 @@
1773
1821
  border: none;
1774
1822
  }
1775
1823
 
1776
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1824
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1777
1825
  /* center a block element */
1778
1826
  /* use this to any of the pseudo elements as these are the mandatory properties */
1779
1827
  /* setting styles in separate formats for cross browser support */
1780
1828
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1781
1829
  /* vertically center alilgn any HTML element */
1782
1830
  /* add basePath to assets */
1783
- .CartHeader-module__headerTitle___35F6g {
1831
+ .CartItems-module__container___9xcV- {
1784
1832
  display: flex;
1833
+ flex-direction: column;
1834
+ flex: 1;
1835
+ }
1836
+
1837
+ .CartItems-module__itemList___CK3U1 {
1838
+ list-style: none;
1839
+ margin: 0;
1840
+ padding: 0;
1841
+ }
1842
+
1843
+ .CartItems-module__item___A6nFF {
1844
+ border-bottom: 1px solid #e6e3df;
1845
+ background-color: #f7f6f5;
1846
+ }
1847
+ .CartItems-module__item___A6nFF:last-child {
1848
+ border-bottom: none;
1849
+ }
1850
+
1851
+ .CartItems-module__itemContent___DaQhK {
1852
+ display: flex;
1853
+ flex-direction: row;
1785
1854
  align-items: center;
1786
- gap: 8px;
1855
+ gap: 16px;
1856
+ padding: 16px 24px;
1857
+ }
1858
+ @media (max-width: 767px) {
1859
+ .CartItems-module__itemContent___DaQhK {
1860
+ padding: 16px;
1861
+ }
1787
1862
  }
1788
1863
 
1789
- .CartHeader-module__headerItemCount___g1Ynd {
1790
- font-size: 24px;
1791
- line-height: 32px;
1792
- font-weight: 400;
1864
+ .CartItems-module__itemIcon___pk1NU {
1865
+ display: flex;
1866
+ align-items: center;
1867
+ justify-content: center;
1868
+ flex-shrink: 0;
1869
+ width: 40px;
1870
+ height: 40px;
1871
+ color: #86807c;
1872
+ }
1873
+ .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
1874
+ width: 40px;
1875
+ height: 40px;
1876
+ object-fit: contain;
1877
+ border-radius: 4px;
1878
+ }
1879
+
1880
+ .CartItems-module__itemBody___leOoI {
1881
+ display: flex;
1882
+ flex-direction: column;
1883
+ gap: 4px;
1884
+ flex: 1;
1885
+ min-width: 0;
1886
+ }
1887
+
1888
+ .CartItems-module__itemRow___owvC2 {
1889
+ display: grid;
1890
+ grid-template-columns: 1fr auto;
1891
+ row-gap: 2px;
1892
+ column-gap: 16px;
1893
+ }
1894
+
1895
+ .CartItems-module__itemDetails___vQu14 {
1896
+ display: contents;
1897
+ }
1898
+
1899
+ .CartItems-module__categoryLabel___gSZid {
1900
+ font-size: 12px;
1901
+ line-height: 16px;
1902
+ color: #86807c;
1903
+ grid-column: 1/-1;
1904
+ }
1905
+
1906
+ .CartItems-module__productName___yYFNw {
1907
+ font-size: 14px;
1908
+ line-height: 20px;
1909
+ font-weight: 700;
1793
1910
  color: #3d3935;
1911
+ grid-column: 1;
1912
+ min-width: 0;
1794
1913
  }
1795
- @media (max-width: 1023px) {
1796
- .CartHeader-module__headerItemCount___g1Ynd {
1797
- font-size: 20px;
1798
- line-height: 28px;
1799
- }
1914
+
1915
+ .CartItems-module__variantText___saarn {
1916
+ font-size: 12px;
1917
+ line-height: 16px;
1918
+ color: #86807c;
1919
+ grid-column: 1;
1800
1920
  }
1801
1921
 
1802
- .CartHeader-module__clearAllButton___B3bNF {
1803
- display: inline;
1804
- background: none;
1805
- border: none;
1806
- padding: 0;
1807
- cursor: pointer;
1922
+ .CartItems-module__downPaymentLabel___9sOP7 {
1923
+ font-size: 12px;
1924
+ line-height: 16px;
1925
+ color: #86807c;
1926
+ }
1927
+
1928
+ .CartItems-module__downPaymentRow___9a5jS {
1929
+ display: flex;
1930
+ width: 100%;
1931
+ justify-content: space-between;
1932
+ align-items: center;
1933
+ }
1934
+
1935
+ .CartItems-module__itemPricing___7gEuf {
1936
+ display: contents;
1937
+ }
1938
+
1939
+ .CartItems-module__monthlyPrice___G6sH6 {
1808
1940
  font-size: 14px;
1809
1941
  line-height: 20px;
1810
- font-weight: 400;
1811
- color: #da291c;
1812
- text-decoration: underline;
1813
- text-underline-offset: 2px;
1942
+ font-weight: 700;
1943
+ color: #3d3935;
1944
+ grid-column: 2;
1945
+ grid-row: 2;
1946
+ justify-self: end;
1947
+ white-space: nowrap;
1814
1948
  }
1815
- .CartHeader-module__clearAllButton___B3bNF:hover {
1816
- color: #961c13;
1949
+
1950
+ .CartItems-module__originalPrice___LsGAC {
1951
+ font-size: 12px;
1952
+ line-height: 16px;
1953
+ color: #86807c;
1954
+ text-decoration: line-through;
1955
+ grid-column: 2;
1956
+ grid-row: 3;
1957
+ justify-self: end;
1958
+ white-space: nowrap;
1817
1959
  }
1818
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1819
- outline: 2px solid #da291c;
1820
- outline-offset: 2px;
1821
- border-radius: 2px;
1960
+
1961
+ .CartItems-module__downPaymentAmount___3K98L {
1962
+ font-size: 12px;
1963
+ line-height: 16px;
1964
+ font-weight: 700;
1965
+ color: #3d3935;
1966
+ }
1967
+
1968
+ .CartItems-module__disclaimer___mOvek {
1969
+ font-size: 12px;
1970
+ line-height: 16px;
1971
+ color: #86807c;
1972
+ padding: 16px 24px;
1973
+ margin: 0;
1974
+ background-color: #f7f6f5;
1975
+ border-top: 1px solid #e6e3df;
1976
+ }
1977
+ @media (max-width: 767px) {
1978
+ .CartItems-module__disclaimer___mOvek {
1979
+ padding: 16px;
1980
+ }
1822
1981
  }
1823
1982
 
1824
1983
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
@@ -2000,162 +2159,3 @@
2000
2159
  .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2001
2160
  display: block;
2002
2161
  }
2003
-
2004
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
2005
- /* center a block element */
2006
- /* use this to any of the pseudo elements as these are the mandatory properties */
2007
- /* setting styles in separate formats for cross browser support */
2008
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2009
- /* vertically center alilgn any HTML element */
2010
- /* add basePath to assets */
2011
- .CartItems-module__container___9xcV- {
2012
- display: flex;
2013
- flex-direction: column;
2014
- flex: 1;
2015
- }
2016
-
2017
- .CartItems-module__itemList___CK3U1 {
2018
- list-style: none;
2019
- margin: 0;
2020
- padding: 0;
2021
- }
2022
-
2023
- .CartItems-module__item___A6nFF {
2024
- border-bottom: 1px solid #e6e3df;
2025
- background-color: #f7f6f5;
2026
- }
2027
- .CartItems-module__item___A6nFF:last-child {
2028
- border-bottom: none;
2029
- }
2030
-
2031
- .CartItems-module__itemContent___DaQhK {
2032
- display: flex;
2033
- flex-direction: row;
2034
- align-items: center;
2035
- gap: 16px;
2036
- padding: 16px 24px;
2037
- }
2038
- @media (max-width: 767px) {
2039
- .CartItems-module__itemContent___DaQhK {
2040
- padding: 16px;
2041
- }
2042
- }
2043
-
2044
- .CartItems-module__itemIcon___pk1NU {
2045
- display: flex;
2046
- align-items: center;
2047
- justify-content: center;
2048
- flex-shrink: 0;
2049
- width: 40px;
2050
- height: 40px;
2051
- color: #86807c;
2052
- }
2053
- .CartItems-module__itemIcon___pk1NU .CartItems-module__itemIconImage___q1IQJ {
2054
- width: 40px;
2055
- height: 40px;
2056
- object-fit: contain;
2057
- border-radius: 4px;
2058
- }
2059
-
2060
- .CartItems-module__itemBody___leOoI {
2061
- display: flex;
2062
- flex-direction: column;
2063
- gap: 4px;
2064
- flex: 1;
2065
- min-width: 0;
2066
- }
2067
-
2068
- .CartItems-module__itemRow___owvC2 {
2069
- display: grid;
2070
- grid-template-columns: 1fr auto;
2071
- row-gap: 2px;
2072
- column-gap: 16px;
2073
- }
2074
-
2075
- .CartItems-module__itemDetails___vQu14 {
2076
- display: contents;
2077
- }
2078
-
2079
- .CartItems-module__categoryLabel___gSZid {
2080
- font-size: 12px;
2081
- line-height: 16px;
2082
- color: #86807c;
2083
- grid-column: 1/-1;
2084
- }
2085
-
2086
- .CartItems-module__productName___yYFNw {
2087
- font-size: 14px;
2088
- line-height: 20px;
2089
- font-weight: 700;
2090
- color: #3d3935;
2091
- grid-column: 1;
2092
- min-width: 0;
2093
- }
2094
-
2095
- .CartItems-module__variantText___saarn {
2096
- font-size: 12px;
2097
- line-height: 16px;
2098
- color: #86807c;
2099
- grid-column: 1;
2100
- }
2101
-
2102
- .CartItems-module__downPaymentLabel___9sOP7 {
2103
- font-size: 12px;
2104
- line-height: 16px;
2105
- color: #86807c;
2106
- }
2107
-
2108
- .CartItems-module__downPaymentRow___9a5jS {
2109
- display: flex;
2110
- width: 100%;
2111
- justify-content: space-between;
2112
- align-items: center;
2113
- }
2114
-
2115
- .CartItems-module__itemPricing___7gEuf {
2116
- display: contents;
2117
- }
2118
-
2119
- .CartItems-module__monthlyPrice___G6sH6 {
2120
- font-size: 14px;
2121
- line-height: 20px;
2122
- font-weight: 700;
2123
- color: #3d3935;
2124
- grid-column: 2;
2125
- grid-row: 2;
2126
- justify-self: end;
2127
- white-space: nowrap;
2128
- }
2129
-
2130
- .CartItems-module__originalPrice___LsGAC {
2131
- font-size: 12px;
2132
- line-height: 16px;
2133
- color: #86807c;
2134
- text-decoration: line-through;
2135
- grid-column: 2;
2136
- grid-row: 3;
2137
- justify-self: end;
2138
- white-space: nowrap;
2139
- }
2140
-
2141
- .CartItems-module__downPaymentAmount___3K98L {
2142
- font-size: 12px;
2143
- line-height: 16px;
2144
- font-weight: 700;
2145
- color: #3d3935;
2146
- }
2147
-
2148
- .CartItems-module__disclaimer___mOvek {
2149
- font-size: 12px;
2150
- line-height: 16px;
2151
- color: #86807c;
2152
- padding: 16px 24px;
2153
- margin: 0;
2154
- background-color: #f7f6f5;
2155
- border-top: 1px solid #e6e3df;
2156
- }
2157
- @media (max-width: 767px) {
2158
- .CartItems-module__disclaimer___mOvek {
2159
- padding: 16px;
2160
- }
2161
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "4.1.0-beta.5",
3
+ "version": "4.1.0-beta.6",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",