@sunrise-upc/sales-static-components 4.4.0-beta.3 → 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 (6) hide show
  1. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +6 -3
  2. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +6 -3
  3. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.css +6 -3
  4. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.module.scss.css +6 -3
  5. package/dist/navigation.css +447 -447
  6. package/package.json +1 -1
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/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
@@ -1,172 +1,3 @@
1
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
2
- /* center a block element */
3
- /* use this to any of the pseudo elements as these are the mandatory properties */
4
- /* setting styles in separate formats for cross browser support */
5
- /* specify the max width for an element and apply ellipses and truncate the overflow */
6
- /* vertically center alilgn any HTML element */
7
- /* add basePath to assets */
8
- .row-module__sr-def-row___us1ph {
9
- margin-left: auto;
10
- margin-right: auto;
11
- padding-left: 16px;
12
- padding-right: 16px;
13
- max-width: 1308px;
14
- width: 100%;
15
- }
16
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
17
- padding: 0px;
18
- max-width: 100%;
19
- }
20
- @media (min-width: 1024px) and (max-width: 1439px) {
21
- .row-module__sr-def-row___us1ph {
22
- max-width: 972px;
23
- }
24
- }
25
- @media (min-width: 768px) and (max-width: 1023px) {
26
- .row-module__sr-def-row___us1ph {
27
- max-width: 720px;
28
- }
29
- }
30
- @media (max-width: 767px) {
31
- .row-module__sr-def-row___us1ph {
32
- max-width: 100%;
33
- }
34
- }
35
-
36
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
37
- /* center a block element */
38
- /* use this to any of the pseudo elements as these are the mandatory properties */
39
- /* setting styles in separate formats for cross browser support */
40
- /* specify the max width for an element and apply ellipses and truncate the overflow */
41
- /* vertically center alilgn any HTML element */
42
- /* add basePath to assets */
43
- @media (min-width: 768px) {
44
- .MinimizedHeader-module__outer___JOzJC {
45
- background-color: #ffffff;
46
- border-top: 4px solid #da291c;
47
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
48
- height: 72px;
49
- }
50
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
51
- position: fixed;
52
- top: 0;
53
- left: 0;
54
- padding: 4px 8px;
55
- font-size: 14px;
56
- z-index: 10000;
57
- color: #5f5955;
58
- background: #ffffff;
59
- }
60
- }
61
- @media (min-width: 768px) and (max-width: 850px) {
62
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
63
- padding: 0 4px;
64
- font-size: 8px;
65
- }
66
- }
67
- @media (min-width: 768px) {
68
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
69
- width: 100%;
70
- display: inline-block;
71
- }
72
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
73
- display: flex;
74
- float: left;
75
- align-items: center;
76
- margin: 10px 0;
77
- }
78
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
79
- padding-left: 10px;
80
- }
81
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
82
- float: right;
83
- display: flex;
84
- margin: 24px 0 24px 0;
85
- }
86
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
87
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
88
- background-repeat: no-repeat;
89
- background-size: contain;
90
- display: block;
91
- height: 24px;
92
- margin-right: 6px;
93
- width: 24px;
94
- }
95
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
96
- color: #da291c;
97
- font-weight: 700;
98
- font-size: 18px;
99
- line-height: 24px;
100
- }
101
- }
102
- @media (max-width: 767px) {
103
- .MinimizedHeader-module__outer___JOzJC {
104
- background-color: #ffffff;
105
- border-top: 4px solid #da291c;
106
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
107
- height: 48px;
108
- }
109
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
110
- width: 100%;
111
- display: inline-block;
112
- }
113
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
114
- display: flex;
115
- float: left;
116
- }
117
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
118
- margin-top: 12px;
119
- }
120
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
121
- height: 24px;
122
- width: 24px;
123
- float: left;
124
- }
125
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
126
- margin-top: 8px;
127
- padding-left: 6px;
128
- }
129
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
130
- height: 20px;
131
- }
132
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
133
- float: right;
134
- display: flex;
135
- margin: 12px 0 12px 0;
136
- }
137
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
138
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
139
- background-repeat: no-repeat;
140
- background-size: contain;
141
- display: block;
142
- height: 20px;
143
- margin-right: 6px;
144
- width: 20px;
145
- }
146
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
147
- color: #da291c;
148
- font-weight: 700;
149
- font-size: 18px;
150
- line-height: 24px;
151
- }
152
- }
153
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
154
- position: fixed;
155
- top: 0;
156
- left: 0;
157
- padding: 4px 8px;
158
- font-size: 14px;
159
- z-index: 10000;
160
- color: #5f5955;
161
- background: #ffffff;
162
- }
163
- @media (max-width: 850px) {
164
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
165
- padding: 0 4px;
166
- font-size: 8px;
167
- }
168
- }
169
-
170
1
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
171
2
  /* center a block element */
172
3
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -487,6 +318,41 @@
487
318
  }
488
319
  }
489
320
 
321
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
322
+ /* center a block element */
323
+ /* use this to any of the pseudo elements as these are the mandatory properties */
324
+ /* setting styles in separate formats for cross browser support */
325
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
326
+ /* vertically center alilgn any HTML element */
327
+ /* add basePath to assets */
328
+ .row-module__sr-def-row___us1ph {
329
+ margin-left: auto;
330
+ margin-right: auto;
331
+ padding-left: 16px;
332
+ padding-right: 16px;
333
+ max-width: 1308px;
334
+ width: 100%;
335
+ }
336
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
337
+ padding: 0px;
338
+ max-width: 100%;
339
+ }
340
+ @media (min-width: 1024px) and (max-width: 1439px) {
341
+ .row-module__sr-def-row___us1ph {
342
+ max-width: 972px;
343
+ }
344
+ }
345
+ @media (min-width: 768px) and (max-width: 1023px) {
346
+ .row-module__sr-def-row___us1ph {
347
+ max-width: 720px;
348
+ }
349
+ }
350
+ @media (max-width: 767px) {
351
+ .row-module__sr-def-row___us1ph {
352
+ max-width: 100%;
353
+ }
354
+ }
355
+
490
356
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
491
357
  /* center a block element */
492
358
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -809,42 +675,293 @@
809
675
  visibility: visible;
810
676
  }
811
677
 
812
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
678
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
813
679
  /* center a block element */
814
680
  /* use this to any of the pseudo elements as these are the mandatory properties */
815
681
  /* setting styles in separate formats for cross browser support */
816
682
  /* specify the max width for an element and apply ellipses and truncate the overflow */
817
683
  /* vertically center alilgn any HTML element */
818
684
  /* add basePath to assets */
819
- .LocaleSelector-module__button___0LEXR {
820
- position: relative;
685
+ .cart-overlay-panel.offcanvas {
686
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
687
+ z-index: 2147483002;
821
688
  }
822
- .LocaleSelector-module__button___0LEXR button {
823
- background-color: transparent;
689
+
690
+ .cart-overlay-panel .offcanvas-header {
691
+ padding: 20px 16px;
692
+ gap: 24px;
693
+ align-items: center;
694
+ background: #ffffff;
695
+ border-bottom: 1px solid #e6e3df;
696
+ }
697
+
698
+ .cart-overlay-panel .offcanvas-title {
699
+ display: flex;
700
+ flex-direction: column;
701
+ align-items: flex-start;
702
+ gap: 2px;
703
+ font-size: 24px;
704
+ line-height: 32px;
705
+ font-weight: 700;
824
706
  color: #3d3935;
825
- border: 0;
826
- border-radius: 4px;
827
- padding-bottom: 5px;
828
- cursor: pointer;
829
- height: 42px;
830
- font-size: 14px;
831
- line-height: 20px;
832
- width: 100%;
833
707
  }
834
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
835
- background-position: center center;
836
- background-repeat: no-repeat;
837
- height: 8px;
838
- margin-left: 10px;
839
- margin-top: 2px;
840
- transition: transform 0.2s ease, -webkit-transform 0.2s ease;
841
- width: 14px;
708
+ @media (max-width: 1023px) {
709
+ .cart-overlay-panel .offcanvas-title {
710
+ font-size: 20px;
711
+ line-height: 28px;
712
+ }
842
713
  }
843
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
844
- -webkit-transform: rotate(-180deg);
845
- -moz-transform: rotate(-180deg);
846
- -o-transform: rotate(-180deg);
847
- transform: rotate(-180deg);
714
+
715
+ .cart-overlay-panel .btn-close {
716
+ opacity: 0.7;
717
+ width: 20px;
718
+ height: 20px;
719
+ }
720
+ .cart-overlay-panel .btn-close:hover {
721
+ opacity: 1;
722
+ }
723
+
724
+ .cart-overlay-panel .offcanvas-body {
725
+ padding: 0;
726
+ overflow-y: auto;
727
+ display: flex;
728
+ flex-direction: column;
729
+ background: #f7f6f5;
730
+ }
731
+
732
+ .cart-overlay-panel.offcanvas-bottom {
733
+ border-radius: 8px 8px 0 0 !important;
734
+ width: 100% !important;
735
+ overflow: hidden;
736
+ }
737
+
738
+ .CartOverlay-module__backdrop___lMc-O {
739
+ position: fixed;
740
+ inset: 0;
741
+ z-index: 1040;
742
+ background: rgba(42, 42, 42, 0.7);
743
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
744
+ }
745
+
746
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
747
+ from {
748
+ opacity: 0;
749
+ }
750
+ to {
751
+ opacity: 1;
752
+ }
753
+ }
754
+ .CartOverlay-module__footer___OwJpW {
755
+ padding: 16px 24px;
756
+ border-top: 1px solid #d2d2d2;
757
+ background-color: #ffffff;
758
+ }
759
+
760
+ .CartOverlay-module__dismissButton___57qsq {
761
+ display: flex;
762
+ align-items: center;
763
+ justify-content: center;
764
+ width: 100%;
765
+ padding: 14px 24px;
766
+ gap: 8px;
767
+ background: none;
768
+ border: 2px solid #da291c;
769
+ border-radius: 28px;
770
+ font-size: 16px;
771
+ line-height: 24px;
772
+ font-weight: 600;
773
+ color: #da291c;
774
+ text-align: center;
775
+ cursor: pointer;
776
+ transition: background-color 0.15s ease;
777
+ }
778
+ .CartOverlay-module__dismissButton___57qsq:hover {
779
+ background-color: rgba(218, 41, 28, 0.05);
780
+ }
781
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
782
+ outline: 2px solid #da291c;
783
+ outline-offset: 2px;
784
+ }
785
+
786
+ .CartOverlay-module__errorMessage___ylBiH {
787
+ margin: auto 24px;
788
+ padding: 16px;
789
+ font-size: 20px;
790
+ line-height: 28px;
791
+ color: #3d3935;
792
+ text-align: center;
793
+ }
794
+
795
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
796
+ /* center a block element */
797
+ /* use this to any of the pseudo elements as these are the mandatory properties */
798
+ /* setting styles in separate formats for cross browser support */
799
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
800
+ /* vertically center alilgn any HTML element */
801
+ /* add basePath to assets */
802
+ @media (min-width: 768px) {
803
+ .MinimizedHeader-module__outer___JOzJC {
804
+ background-color: #ffffff;
805
+ border-top: 4px solid #da291c;
806
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
807
+ height: 72px;
808
+ }
809
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
810
+ position: fixed;
811
+ top: 0;
812
+ left: 0;
813
+ padding: 4px 8px;
814
+ font-size: 14px;
815
+ z-index: 10000;
816
+ color: #5f5955;
817
+ background: #ffffff;
818
+ }
819
+ }
820
+ @media (min-width: 768px) and (max-width: 850px) {
821
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
822
+ padding: 0 4px;
823
+ font-size: 8px;
824
+ }
825
+ }
826
+ @media (min-width: 768px) {
827
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
828
+ width: 100%;
829
+ display: inline-block;
830
+ }
831
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
832
+ display: flex;
833
+ float: left;
834
+ align-items: center;
835
+ margin: 10px 0;
836
+ }
837
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
838
+ padding-left: 10px;
839
+ }
840
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
841
+ float: right;
842
+ display: flex;
843
+ margin: 24px 0 24px 0;
844
+ }
845
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
846
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
847
+ background-repeat: no-repeat;
848
+ background-size: contain;
849
+ display: block;
850
+ height: 24px;
851
+ margin-right: 6px;
852
+ width: 24px;
853
+ }
854
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
855
+ color: #da291c;
856
+ font-weight: 700;
857
+ font-size: 18px;
858
+ line-height: 24px;
859
+ }
860
+ }
861
+ @media (max-width: 767px) {
862
+ .MinimizedHeader-module__outer___JOzJC {
863
+ background-color: #ffffff;
864
+ border-top: 4px solid #da291c;
865
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
866
+ height: 48px;
867
+ }
868
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
869
+ width: 100%;
870
+ display: inline-block;
871
+ }
872
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
873
+ display: flex;
874
+ float: left;
875
+ }
876
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
877
+ margin-top: 12px;
878
+ }
879
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
880
+ height: 24px;
881
+ width: 24px;
882
+ float: left;
883
+ }
884
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
885
+ margin-top: 8px;
886
+ padding-left: 6px;
887
+ }
888
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
889
+ height: 20px;
890
+ }
891
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
892
+ float: right;
893
+ display: flex;
894
+ margin: 12px 0 12px 0;
895
+ }
896
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
897
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
898
+ background-repeat: no-repeat;
899
+ background-size: contain;
900
+ display: block;
901
+ height: 20px;
902
+ margin-right: 6px;
903
+ width: 20px;
904
+ }
905
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
906
+ color: #da291c;
907
+ font-weight: 700;
908
+ font-size: 18px;
909
+ line-height: 24px;
910
+ }
911
+ }
912
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
913
+ position: fixed;
914
+ top: 0;
915
+ left: 0;
916
+ padding: 4px 8px;
917
+ font-size: 14px;
918
+ z-index: 10000;
919
+ color: #5f5955;
920
+ background: #ffffff;
921
+ }
922
+ @media (max-width: 850px) {
923
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
924
+ padding: 0 4px;
925
+ font-size: 8px;
926
+ }
927
+ }
928
+
929
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
930
+ /* center a block element */
931
+ /* use this to any of the pseudo elements as these are the mandatory properties */
932
+ /* setting styles in separate formats for cross browser support */
933
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
934
+ /* vertically center alilgn any HTML element */
935
+ /* add basePath to assets */
936
+ .LocaleSelector-module__button___0LEXR {
937
+ position: relative;
938
+ }
939
+ .LocaleSelector-module__button___0LEXR button {
940
+ background-color: transparent;
941
+ color: #3d3935;
942
+ border: 0;
943
+ border-radius: 4px;
944
+ padding-bottom: 5px;
945
+ cursor: pointer;
946
+ height: 42px;
947
+ font-size: 14px;
948
+ line-height: 20px;
949
+ width: 100%;
950
+ }
951
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
952
+ background-position: center center;
953
+ background-repeat: no-repeat;
954
+ height: 8px;
955
+ margin-left: 10px;
956
+ margin-top: 2px;
957
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
958
+ width: 14px;
959
+ }
960
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
961
+ -webkit-transform: rotate(-180deg);
962
+ -moz-transform: rotate(-180deg);
963
+ -o-transform: rotate(-180deg);
964
+ transform: rotate(-180deg);
848
965
  }
849
966
  .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
850
967
  padding: 24px 32px;
@@ -1259,55 +1376,7 @@
1259
1376
  text-align: center;
1260
1377
  }
1261
1378
 
1262
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1263
- /* center a block element */
1264
- /* use this to any of the pseudo elements as these are the mandatory properties */
1265
- /* setting styles in separate formats for cross browser support */
1266
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1267
- /* vertically center alilgn any HTML element */
1268
- /* add basePath to assets */
1269
- .CartHeader-module__headerTitle___35F6g {
1270
- display: flex;
1271
- align-items: center;
1272
- gap: 8px;
1273
- }
1274
-
1275
- .CartHeader-module__headerItemCount___g1Ynd {
1276
- font-size: 24px;
1277
- line-height: 32px;
1278
- font-weight: 400;
1279
- color: #3d3935;
1280
- }
1281
- @media (max-width: 1023px) {
1282
- .CartHeader-module__headerItemCount___g1Ynd {
1283
- font-size: 20px;
1284
- line-height: 28px;
1285
- }
1286
- }
1287
-
1288
- .CartHeader-module__clearAllButton___B3bNF {
1289
- display: inline;
1290
- background: none;
1291
- border: none;
1292
- padding: 0;
1293
- cursor: pointer;
1294
- font-size: 14px;
1295
- line-height: 20px;
1296
- font-weight: 400;
1297
- color: #da291c;
1298
- text-decoration: underline;
1299
- text-underline-offset: 2px;
1300
- }
1301
- .CartHeader-module__clearAllButton___B3bNF:hover {
1302
- color: #961c13;
1303
- }
1304
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1305
- outline: 2px solid #da291c;
1306
- outline-offset: 2px;
1307
- border-radius: 2px;
1308
- }
1309
-
1310
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1379
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1311
1380
  /* center a block element */
1312
1381
  /* use this to any of the pseudo elements as these are the mandatory properties */
1313
1382
  /* setting styles in separate formats for cross browser support */
@@ -1605,92 +1674,6 @@
1605
1674
  background-color: #1f1f1f;
1606
1675
  }
1607
1676
 
1608
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1609
- /* center a block element */
1610
- /* use this to any of the pseudo elements as these are the mandatory properties */
1611
- /* setting styles in separate formats for cross browser support */
1612
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1613
- /* vertically center alilgn any HTML element */
1614
- /* add basePath to assets */
1615
- .CartClearConfirm-module__overlay___sxCOO {
1616
- position: absolute;
1617
- inset: 0;
1618
- z-index: 10;
1619
- background: rgba(42, 42, 42, 0.8);
1620
- display: flex;
1621
- align-items: center;
1622
- justify-content: center;
1623
- padding: 24px;
1624
- }
1625
-
1626
- .CartClearConfirm-module__dialog___UWokE {
1627
- background: transparent;
1628
- border-radius: 16px;
1629
- padding: 24px;
1630
- width: 100%;
1631
- max-width: 320px;
1632
- display: flex;
1633
- flex-direction: column;
1634
- gap: 24px;
1635
- }
1636
-
1637
- .CartClearConfirm-module__message___vd9VO {
1638
- font-size: 18px;
1639
- line-height: 26px;
1640
- font-weight: 700;
1641
- color: #ffffff;
1642
- text-align: center;
1643
- }
1644
-
1645
- .CartClearConfirm-module__actions___X0-0w {
1646
- display: flex;
1647
- gap: 12px;
1648
- }
1649
- .CartClearConfirm-module__actions___X0-0w button {
1650
- padding: 10px 24px;
1651
- }
1652
-
1653
- .CartClearConfirm-module__cancelButton___LYopb {
1654
- flex: 1;
1655
- background: none;
1656
- border: 2px solid #ffffff;
1657
- border-radius: 28px;
1658
- font-size: 16px;
1659
- line-height: 24px;
1660
- font-weight: 600;
1661
- color: #ffffff;
1662
- cursor: pointer;
1663
- transition: background-color 0.15s ease;
1664
- }
1665
- .CartClearConfirm-module__cancelButton___LYopb:hover {
1666
- background-color: rgba(255, 255, 255, 0.1);
1667
- }
1668
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1669
- outline: 2px solid #ffffff;
1670
- outline-offset: 2px;
1671
- }
1672
-
1673
- .CartClearConfirm-module__confirmButton___KgPKy {
1674
- flex: 1;
1675
- background: #ffffff;
1676
- border: 2px solid #ffffff;
1677
- border-radius: 28px;
1678
- font-size: 16px;
1679
- line-height: 24px;
1680
- font-weight: 600;
1681
- color: #3d3935;
1682
- cursor: pointer;
1683
- transition: background-color 0.15s ease;
1684
- }
1685
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
1686
- background-color: #e6e3df;
1687
- border-color: #e6e3df;
1688
- }
1689
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1690
- outline: 2px solid #ffffff;
1691
- outline-offset: 2px;
1692
- }
1693
-
1694
1677
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1695
1678
  /* center a block element */
1696
1679
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1801,123 +1784,6 @@
1801
1784
  border: none;
1802
1785
  }
1803
1786
 
1804
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1805
- /* center a block element */
1806
- /* use this to any of the pseudo elements as these are the mandatory properties */
1807
- /* setting styles in separate formats for cross browser support */
1808
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1809
- /* vertically center alilgn any HTML element */
1810
- /* add basePath to assets */
1811
- .cart-overlay-panel.offcanvas {
1812
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1813
- z-index: 2147483002;
1814
- }
1815
-
1816
- .cart-overlay-panel .offcanvas-header {
1817
- padding: 20px 16px;
1818
- gap: 24px;
1819
- align-items: center;
1820
- background: #ffffff;
1821
- border-bottom: 1px solid #e6e3df;
1822
- }
1823
-
1824
- .cart-overlay-panel .offcanvas-title {
1825
- display: flex;
1826
- flex-direction: column;
1827
- align-items: flex-start;
1828
- gap: 2px;
1829
- font-size: 24px;
1830
- line-height: 32px;
1831
- font-weight: 700;
1832
- color: #3d3935;
1833
- }
1834
- @media (max-width: 1023px) {
1835
- .cart-overlay-panel .offcanvas-title {
1836
- font-size: 20px;
1837
- line-height: 28px;
1838
- }
1839
- }
1840
-
1841
- .cart-overlay-panel .btn-close {
1842
- opacity: 0.7;
1843
- width: 20px;
1844
- height: 20px;
1845
- }
1846
- .cart-overlay-panel .btn-close:hover {
1847
- opacity: 1;
1848
- }
1849
-
1850
- .cart-overlay-panel .offcanvas-body {
1851
- padding: 0;
1852
- overflow-y: auto;
1853
- display: flex;
1854
- flex-direction: column;
1855
- background: #f7f6f5;
1856
- }
1857
-
1858
- .cart-overlay-panel.offcanvas-bottom {
1859
- border-radius: 8px 8px 0 0 !important;
1860
- width: 100% !important;
1861
- overflow: hidden;
1862
- }
1863
-
1864
- .CartOverlay-module__backdrop___lMc-O {
1865
- position: fixed;
1866
- inset: 0;
1867
- z-index: 1040;
1868
- background: rgba(42, 42, 42, 0.7);
1869
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1870
- }
1871
-
1872
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1873
- from {
1874
- opacity: 0;
1875
- }
1876
- to {
1877
- opacity: 1;
1878
- }
1879
- }
1880
- .CartOverlay-module__footer___OwJpW {
1881
- padding: 16px 24px;
1882
- border-top: 1px solid #d2d2d2;
1883
- background-color: #ffffff;
1884
- }
1885
-
1886
- .CartOverlay-module__dismissButton___57qsq {
1887
- display: flex;
1888
- align-items: center;
1889
- justify-content: center;
1890
- width: 100%;
1891
- padding: 14px 24px;
1892
- gap: 8px;
1893
- background: none;
1894
- border: 2px solid #da291c;
1895
- border-radius: 28px;
1896
- font-size: 16px;
1897
- line-height: 24px;
1898
- font-weight: 600;
1899
- color: #da291c;
1900
- text-align: center;
1901
- cursor: pointer;
1902
- transition: background-color 0.15s ease;
1903
- }
1904
- .CartOverlay-module__dismissButton___57qsq:hover {
1905
- background-color: rgba(218, 41, 28, 0.05);
1906
- }
1907
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1908
- outline: 2px solid #da291c;
1909
- outline-offset: 2px;
1910
- }
1911
-
1912
- .CartOverlay-module__errorMessage___ylBiH {
1913
- margin: auto 24px;
1914
- padding: 16px;
1915
- font-size: 20px;
1916
- line-height: 28px;
1917
- color: #3d3935;
1918
- text-align: center;
1919
- }
1920
-
1921
1787
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1922
1788
  /* center a block element */
1923
1789
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -2077,6 +1943,140 @@
2077
1943
  }
2078
1944
  }
2079
1945
 
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 {
1954
+ display: flex;
1955
+ align-items: center;
1956
+ gap: 8px;
1957
+ }
1958
+
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;
1992
+ }
1993
+
1994
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1995
+ /* center a block element */
1996
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1997
+ /* setting styles in separate formats for cross browser support */
1998
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1999
+ /* vertically center alilgn any HTML element */
2000
+ /* add basePath to assets */
2001
+ .CartClearConfirm-module__overlay___sxCOO {
2002
+ position: absolute;
2003
+ inset: 0;
2004
+ z-index: 10;
2005
+ background: rgba(42, 42, 42, 0.8);
2006
+ display: flex;
2007
+ align-items: center;
2008
+ justify-content: center;
2009
+ padding: 24px;
2010
+ }
2011
+
2012
+ .CartClearConfirm-module__dialog___UWokE {
2013
+ background: transparent;
2014
+ border-radius: 16px;
2015
+ padding: 24px;
2016
+ width: 100%;
2017
+ max-width: 320px;
2018
+ display: flex;
2019
+ flex-direction: column;
2020
+ gap: 24px;
2021
+ }
2022
+
2023
+ .CartClearConfirm-module__message___vd9VO {
2024
+ font-size: 18px;
2025
+ line-height: 26px;
2026
+ font-weight: 700;
2027
+ color: #ffffff;
2028
+ text-align: center;
2029
+ }
2030
+
2031
+ .CartClearConfirm-module__actions___X0-0w {
2032
+ display: flex;
2033
+ gap: 12px;
2034
+ }
2035
+ .CartClearConfirm-module__actions___X0-0w button {
2036
+ padding: 10px 24px;
2037
+ }
2038
+
2039
+ .CartClearConfirm-module__cancelButton___LYopb {
2040
+ flex: 1;
2041
+ background: none;
2042
+ border: 2px solid #ffffff;
2043
+ border-radius: 28px;
2044
+ font-size: 16px;
2045
+ line-height: 24px;
2046
+ font-weight: 600;
2047
+ color: #ffffff;
2048
+ cursor: pointer;
2049
+ transition: background-color 0.15s ease;
2050
+ }
2051
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
2052
+ background-color: rgba(255, 255, 255, 0.1);
2053
+ }
2054
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2055
+ outline: 2px solid #ffffff;
2056
+ outline-offset: 2px;
2057
+ }
2058
+
2059
+ .CartClearConfirm-module__confirmButton___KgPKy {
2060
+ flex: 1;
2061
+ background: #ffffff;
2062
+ border: 2px solid #ffffff;
2063
+ border-radius: 28px;
2064
+ font-size: 16px;
2065
+ line-height: 24px;
2066
+ font-weight: 600;
2067
+ color: #3d3935;
2068
+ cursor: pointer;
2069
+ transition: background-color 0.15s ease;
2070
+ }
2071
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
2072
+ background-color: #e6e3df;
2073
+ border-color: #e6e3df;
2074
+ }
2075
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2076
+ outline: 2px solid #ffffff;
2077
+ outline-offset: 2px;
2078
+ }
2079
+
2080
2080
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2081
2081
  /* center a block element */
2082
2082
  /* use this to any of the pseudo elements as these are the mandatory properties */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "4.4.0-beta.3",
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",