@sunrise-upc/sales-static-components 3.10.1-beta.0 → 3.10.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 (2) hide show
  1. package/dist/navigation.css +180 -180
  2. package/package.json +1 -1
package/dist/navigation.css CHANGED
@@ -1640,6 +1640,92 @@
1640
1640
  background-color: #1f1f1f;
1641
1641
  }
1642
1642
 
1643
+ /* /Users/rui.fonseca/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1644
+ /* center a block element */
1645
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1646
+ /* setting styles in separate formats for cross browser support */
1647
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1648
+ /* vertically center alilgn any HTML element */
1649
+ /* add basePath to assets */
1650
+ .CartClearConfirm-module__overlay___sxCOO {
1651
+ position: absolute;
1652
+ inset: 0;
1653
+ z-index: 10;
1654
+ background: rgba(42, 42, 42, 0.8);
1655
+ display: flex;
1656
+ align-items: center;
1657
+ justify-content: center;
1658
+ padding: 24px;
1659
+ }
1660
+
1661
+ .CartClearConfirm-module__dialog___UWokE {
1662
+ background: transparent;
1663
+ border-radius: 16px;
1664
+ padding: 24px;
1665
+ width: 100%;
1666
+ max-width: 320px;
1667
+ display: flex;
1668
+ flex-direction: column;
1669
+ gap: 24px;
1670
+ }
1671
+
1672
+ .CartClearConfirm-module__message___vd9VO {
1673
+ font-size: 18px;
1674
+ line-height: 26px;
1675
+ font-weight: 700;
1676
+ color: #ffffff;
1677
+ text-align: center;
1678
+ }
1679
+
1680
+ .CartClearConfirm-module__actions___X0-0w {
1681
+ display: flex;
1682
+ gap: 12px;
1683
+ }
1684
+ .CartClearConfirm-module__actions___X0-0w button {
1685
+ padding: 10px 24px;
1686
+ }
1687
+
1688
+ .CartClearConfirm-module__cancelButton___LYopb {
1689
+ flex: 1;
1690
+ background: none;
1691
+ border: 2px solid #ffffff;
1692
+ border-radius: 28px;
1693
+ font-size: 16px;
1694
+ line-height: 24px;
1695
+ font-weight: 600;
1696
+ color: #ffffff;
1697
+ cursor: pointer;
1698
+ transition: background-color 0.15s ease;
1699
+ }
1700
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
1701
+ background-color: rgba(255, 255, 255, 0.1);
1702
+ }
1703
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1704
+ outline: 2px solid #ffffff;
1705
+ outline-offset: 2px;
1706
+ }
1707
+
1708
+ .CartClearConfirm-module__confirmButton___KgPKy {
1709
+ flex: 1;
1710
+ background: #ffffff;
1711
+ border: 2px solid #ffffff;
1712
+ border-radius: 28px;
1713
+ font-size: 16px;
1714
+ line-height: 24px;
1715
+ font-weight: 600;
1716
+ color: #3d3935;
1717
+ cursor: pointer;
1718
+ transition: background-color 0.15s ease;
1719
+ }
1720
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
1721
+ background-color: #e6e3df;
1722
+ border-color: #e6e3df;
1723
+ }
1724
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1725
+ outline: 2px solid #ffffff;
1726
+ outline-offset: 2px;
1727
+ }
1728
+
1643
1729
  /* /Users/rui.fonseca/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1644
1730
  /* center a block element */
1645
1731
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1867,6 +1953,100 @@
1867
1953
  outline-offset: 2px;
1868
1954
  }
1869
1955
 
1956
+ /* /Users/rui.fonseca/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1957
+ /* center a block element */
1958
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1959
+ /* setting styles in separate formats for cross browser support */
1960
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1961
+ /* vertically center alilgn any HTML element */
1962
+ /* add basePath to assets */
1963
+ .MobileSubNavigation-module__container___1tQpO {
1964
+ max-height: 0px;
1965
+ overflow: hidden;
1966
+ transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1967
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1968
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1969
+ width: 100%;
1970
+ }
1971
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
1972
+ cursor: unset;
1973
+ padding: 20px 10px 4px;
1974
+ color: #858585;
1975
+ letter-spacing: 1px;
1976
+ text-transform: uppercase;
1977
+ font-size: 14px;
1978
+ line-height: 20px;
1979
+ font-weight: 500;
1980
+ }
1981
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1982
+ background-color: #ffffff;
1983
+ padding: 10px;
1984
+ }
1985
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
1986
+ border: 1px solid #e8e8e8;
1987
+ }
1988
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1989
+ color: #333333;
1990
+ font-weight: 500;
1991
+ font-size: 16px;
1992
+ line-height: 24px;
1993
+ }
1994
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
1995
+ margin-left: 4px;
1996
+ flex-shrink: 0;
1997
+ height: 24px;
1998
+ width: 24px;
1999
+ }
2000
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
2001
+ margin-left: 0;
2002
+ margin-right: 4px;
2003
+ }
2004
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
2005
+ white-space: nowrap;
2006
+ display: inline-flex;
2007
+ align-items: center;
2008
+ }
2009
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
2010
+ display: flex;
2011
+ align-items: flex-start;
2012
+ gap: 4px;
2013
+ white-space: normal;
2014
+ max-width: 100%;
2015
+ }
2016
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
2017
+ white-space: normal;
2018
+ min-width: 0;
2019
+ }
2020
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2021
+ display: none;
2022
+ }
2023
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
2024
+ display: block;
2025
+ height: auto;
2026
+ }
2027
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
2028
+ padding: 0 0 24px 16px;
2029
+ }
2030
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
2031
+ padding-bottom: 4px;
2032
+ }
2033
+
2034
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
2035
+ color: #f2f2f2;
2036
+ }
2037
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
2038
+ background-color: #1f1f1f;
2039
+ border: 1px solid #2c2c2c;
2040
+ color: #ffffff;
2041
+ }
2042
+
2043
+ .active-link .MobileSubNavigation-module__container___1tQpO {
2044
+ max-height: 200vh;
2045
+ }
2046
+ .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2047
+ display: block;
2048
+ }
2049
+
1870
2050
  /* /Users/rui.fonseca/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1871
2051
  /* center a block element */
1872
2052
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -2022,183 +2202,3 @@
2022
2202
  padding: 16px;
2023
2203
  }
2024
2204
  }
2025
-
2026
- /* /Users/rui.fonseca/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
2027
- /* center a block element */
2028
- /* use this to any of the pseudo elements as these are the mandatory properties */
2029
- /* setting styles in separate formats for cross browser support */
2030
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2031
- /* vertically center alilgn any HTML element */
2032
- /* add basePath to assets */
2033
- .CartClearConfirm-module__overlay___sxCOO {
2034
- position: absolute;
2035
- inset: 0;
2036
- z-index: 10;
2037
- background: rgba(42, 42, 42, 0.8);
2038
- display: flex;
2039
- align-items: center;
2040
- justify-content: center;
2041
- padding: 24px;
2042
- }
2043
-
2044
- .CartClearConfirm-module__dialog___UWokE {
2045
- background: transparent;
2046
- border-radius: 16px;
2047
- padding: 24px;
2048
- width: 100%;
2049
- max-width: 320px;
2050
- display: flex;
2051
- flex-direction: column;
2052
- gap: 24px;
2053
- }
2054
-
2055
- .CartClearConfirm-module__message___vd9VO {
2056
- font-size: 18px;
2057
- line-height: 26px;
2058
- font-weight: 700;
2059
- color: #ffffff;
2060
- text-align: center;
2061
- }
2062
-
2063
- .CartClearConfirm-module__actions___X0-0w {
2064
- display: flex;
2065
- gap: 12px;
2066
- }
2067
- .CartClearConfirm-module__actions___X0-0w button {
2068
- padding: 10px 24px;
2069
- }
2070
-
2071
- .CartClearConfirm-module__cancelButton___LYopb {
2072
- flex: 1;
2073
- background: none;
2074
- border: 2px solid #ffffff;
2075
- border-radius: 28px;
2076
- font-size: 16px;
2077
- line-height: 24px;
2078
- font-weight: 600;
2079
- color: #ffffff;
2080
- cursor: pointer;
2081
- transition: background-color 0.15s ease;
2082
- }
2083
- .CartClearConfirm-module__cancelButton___LYopb:hover {
2084
- background-color: rgba(255, 255, 255, 0.1);
2085
- }
2086
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2087
- outline: 2px solid #ffffff;
2088
- outline-offset: 2px;
2089
- }
2090
-
2091
- .CartClearConfirm-module__confirmButton___KgPKy {
2092
- flex: 1;
2093
- background: #ffffff;
2094
- border: 2px solid #ffffff;
2095
- border-radius: 28px;
2096
- font-size: 16px;
2097
- line-height: 24px;
2098
- font-weight: 600;
2099
- color: #3d3935;
2100
- cursor: pointer;
2101
- transition: background-color 0.15s ease;
2102
- }
2103
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
2104
- background-color: #e6e3df;
2105
- border-color: #e6e3df;
2106
- }
2107
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2108
- outline: 2px solid #ffffff;
2109
- outline-offset: 2px;
2110
- }
2111
-
2112
- /* /Users/rui.fonseca/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2113
- /* center a block element */
2114
- /* use this to any of the pseudo elements as these are the mandatory properties */
2115
- /* setting styles in separate formats for cross browser support */
2116
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2117
- /* vertically center alilgn any HTML element */
2118
- /* add basePath to assets */
2119
- .MobileSubNavigation-module__container___1tQpO {
2120
- max-height: 0px;
2121
- overflow: hidden;
2122
- transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2123
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2124
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2125
- width: 100%;
2126
- }
2127
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
2128
- cursor: unset;
2129
- padding: 20px 10px 4px;
2130
- color: #858585;
2131
- letter-spacing: 1px;
2132
- text-transform: uppercase;
2133
- font-size: 14px;
2134
- line-height: 20px;
2135
- font-weight: 500;
2136
- }
2137
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2138
- background-color: #ffffff;
2139
- padding: 10px;
2140
- }
2141
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
2142
- border: 1px solid #e8e8e8;
2143
- }
2144
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2145
- color: #333333;
2146
- font-weight: 500;
2147
- font-size: 16px;
2148
- line-height: 24px;
2149
- }
2150
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
2151
- margin-left: 4px;
2152
- flex-shrink: 0;
2153
- height: 24px;
2154
- width: 24px;
2155
- }
2156
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
2157
- margin-left: 0;
2158
- margin-right: 4px;
2159
- }
2160
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
2161
- white-space: nowrap;
2162
- display: inline-flex;
2163
- align-items: center;
2164
- }
2165
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
2166
- display: flex;
2167
- align-items: flex-start;
2168
- gap: 4px;
2169
- white-space: normal;
2170
- max-width: 100%;
2171
- }
2172
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
2173
- white-space: normal;
2174
- min-width: 0;
2175
- }
2176
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2177
- display: none;
2178
- }
2179
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
2180
- display: block;
2181
- height: auto;
2182
- }
2183
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
2184
- padding: 0 0 24px 16px;
2185
- }
2186
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
2187
- padding-bottom: 4px;
2188
- }
2189
-
2190
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
2191
- color: #f2f2f2;
2192
- }
2193
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
2194
- background-color: #1f1f1f;
2195
- border: 1px solid #2c2c2c;
2196
- color: #ffffff;
2197
- }
2198
-
2199
- .active-link .MobileSubNavigation-module__container___1tQpO {
2200
- max-height: 200vh;
2201
- }
2202
- .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2203
- display: block;
2204
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "3.10.1-beta.0",
3
+ "version": "3.10.1",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",