@sunrise-upc/sales-static-components 3.8.7-beta.14 → 3.8.7-beta.15

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 +350 -350
  2. package/package.json +1 -1
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 */
@@ -489,6 +320,41 @@
489
320
  }
490
321
  }
491
322
 
323
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
324
+ /* center a block element */
325
+ /* use this to any of the pseudo elements as these are the mandatory properties */
326
+ /* setting styles in separate formats for cross browser support */
327
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
328
+ /* vertically center alilgn any HTML element */
329
+ /* add basePath to assets */
330
+ .row-module__sr-def-row___us1ph {
331
+ margin-left: auto;
332
+ margin-right: auto;
333
+ padding-left: 16px;
334
+ padding-right: 16px;
335
+ max-width: 1308px;
336
+ width: 100%;
337
+ }
338
+ .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
339
+ padding: 0px;
340
+ max-width: 100%;
341
+ }
342
+ @media (min-width: 1024px) and (max-width: 1439px) {
343
+ .row-module__sr-def-row___us1ph {
344
+ max-width: 972px;
345
+ }
346
+ }
347
+ @media (min-width: 768px) and (max-width: 1023px) {
348
+ .row-module__sr-def-row___us1ph {
349
+ max-width: 720px;
350
+ }
351
+ }
352
+ @media (max-width: 767px) {
353
+ .row-module__sr-def-row___us1ph {
354
+ max-width: 100%;
355
+ }
356
+ }
357
+
492
358
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
493
359
  /* center a block element */
494
360
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -782,22 +648,274 @@
782
648
  background-color: #111111;
783
649
  }
784
650
  }
785
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
786
- background-color: #1f1f1f;
787
- color: #ffffff;
788
- border: 1px solid #2c2c2c;
789
- }
790
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
791
- border-bottom: 2px solid #2c2c2c;
792
- border-top: 2px solid #2c2c2c;
651
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
652
+ background-color: #1f1f1f;
653
+ color: #ffffff;
654
+ border: 1px solid #2c2c2c;
655
+ }
656
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
657
+ border-bottom: 2px solid #2c2c2c;
658
+ border-top: 2px solid #2c2c2c;
659
+ }
660
+
661
+ .mob-nav-expand .MobileNavigation-module__container___apq4z {
662
+ -webkit-transform: translateY(0);
663
+ -moz-transform: translateY(0);
664
+ -o-transform: translateY(0);
665
+ transform: translateY(0);
666
+ visibility: visible;
667
+ }
668
+
669
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
670
+ /* center a block element */
671
+ /* use this to any of the pseudo elements as these are the mandatory properties */
672
+ /* setting styles in separate formats for cross browser support */
673
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
674
+ /* vertically center alilgn any HTML element */
675
+ /* add basePath to assets */
676
+ .cart-overlay-panel.offcanvas {
677
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
678
+ }
679
+
680
+ .cart-overlay-panel .offcanvas-header {
681
+ height: 96px;
682
+ padding: 20px 16px;
683
+ gap: 24px;
684
+ align-items: center;
685
+ background: #ffffff;
686
+ border-bottom: 1px solid #e6e3df;
687
+ }
688
+
689
+ .cart-overlay-panel .offcanvas-title {
690
+ display: flex;
691
+ flex-direction: column;
692
+ align-items: flex-start;
693
+ gap: 2px;
694
+ font-size: 24px;
695
+ line-height: 32px;
696
+ font-weight: 700;
697
+ color: #3d3935;
698
+ }
699
+ @media (max-width: 1023px) {
700
+ .cart-overlay-panel .offcanvas-title {
701
+ font-size: 20px;
702
+ line-height: 28px;
703
+ }
704
+ }
705
+
706
+ .cart-overlay-panel .btn-close {
707
+ opacity: 0.7;
708
+ width: 20px;
709
+ height: 20px;
710
+ }
711
+ .cart-overlay-panel .btn-close:hover {
712
+ opacity: 1;
713
+ }
714
+
715
+ .cart-overlay-panel .offcanvas-body {
716
+ padding: 0;
717
+ overflow-y: auto;
718
+ display: flex;
719
+ flex-direction: column;
720
+ background: #f7f6f5;
721
+ }
722
+
723
+ .cart-overlay-panel.offcanvas-bottom {
724
+ border-radius: 8px 8px 0 0 !important;
725
+ width: 100% !important;
726
+ overflow: hidden;
727
+ }
728
+
729
+ .CartOverlay-module__backdrop___lMc-O {
730
+ position: fixed;
731
+ inset: 0;
732
+ z-index: 1040;
733
+ background: rgba(0, 0, 0, 0.42);
734
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
735
+ }
736
+
737
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
738
+ from {
739
+ opacity: 0;
740
+ }
741
+ to {
742
+ opacity: 1;
743
+ }
744
+ }
745
+ .CartOverlay-module__footer___OwJpW {
746
+ padding: 16px 24px;
747
+ border-top: 1px solid #d2d2d2;
748
+ background-color: #ffffff;
749
+ }
750
+
751
+ .CartOverlay-module__dismissButton___57qsq {
752
+ display: flex;
753
+ align-items: center;
754
+ justify-content: center;
755
+ width: 100%;
756
+ height: 52px;
757
+ padding: 14px 24px;
758
+ gap: 8px;
759
+ background: none;
760
+ border: 2px solid #da291c;
761
+ border-radius: 28px;
762
+ font-size: 16px;
763
+ line-height: 24px;
764
+ font-weight: 600;
765
+ color: #da291c;
766
+ text-align: center;
767
+ cursor: pointer;
768
+ transition: background-color 0.15s ease;
769
+ }
770
+ .CartOverlay-module__dismissButton___57qsq:hover {
771
+ background-color: rgba(218, 41, 28, 0.05);
772
+ }
773
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
774
+ outline: 2px solid #da291c;
775
+ outline-offset: 2px;
776
+ }
777
+
778
+ .CartOverlay-module__errorMessage___ylBiH {
779
+ margin: auto 24px;
780
+ padding: 16px;
781
+ font-size: 20px;
782
+ line-height: 28px;
783
+ color: #3d3935;
784
+ text-align: center;
785
+ }
786
+
787
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
788
+ /* center a block element */
789
+ /* use this to any of the pseudo elements as these are the mandatory properties */
790
+ /* setting styles in separate formats for cross browser support */
791
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
792
+ /* vertically center alilgn any HTML element */
793
+ /* add basePath to assets */
794
+ @media (min-width: 768px) {
795
+ .MinimizedHeader-module__outer___JOzJC {
796
+ background-color: #ffffff;
797
+ border-top: 4px solid #da291c;
798
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
799
+ height: 72px;
800
+ }
801
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
802
+ position: fixed;
803
+ top: 0;
804
+ left: 0;
805
+ padding: 4px 8px;
806
+ font-size: 14px;
807
+ z-index: 10000;
808
+ color: #5f5955;
809
+ background: #ffffff;
810
+ }
811
+ }
812
+ @media (min-width: 768px) and (max-width: 850px) {
813
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
814
+ padding: 0 4px;
815
+ font-size: 8px;
816
+ }
817
+ }
818
+ @media (min-width: 768px) {
819
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
820
+ width: 100%;
821
+ display: inline-block;
822
+ }
823
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
824
+ display: flex;
825
+ float: left;
826
+ align-items: center;
827
+ margin: 10px 0;
828
+ }
829
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
830
+ padding-left: 10px;
831
+ }
832
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
833
+ float: right;
834
+ display: flex;
835
+ margin: 24px 0 24px 0;
836
+ }
837
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
838
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
839
+ background-repeat: no-repeat;
840
+ background-size: contain;
841
+ display: block;
842
+ height: 24px;
843
+ margin-right: 6px;
844
+ width: 24px;
845
+ }
846
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
847
+ color: #da291c;
848
+ font-weight: 700;
849
+ font-size: 18px;
850
+ line-height: 24px;
851
+ }
852
+ }
853
+ @media (max-width: 767px) {
854
+ .MinimizedHeader-module__outer___JOzJC {
855
+ background-color: #ffffff;
856
+ border-top: 4px solid #da291c;
857
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
858
+ height: 48px;
859
+ }
860
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
861
+ width: 100%;
862
+ display: inline-block;
863
+ }
864
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
865
+ display: flex;
866
+ float: left;
867
+ }
868
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
869
+ margin-top: 12px;
870
+ }
871
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
872
+ height: 24px;
873
+ width: 24px;
874
+ float: left;
875
+ }
876
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
877
+ margin-top: 8px;
878
+ padding-left: 6px;
879
+ }
880
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
881
+ height: 20px;
882
+ }
883
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
884
+ float: right;
885
+ display: flex;
886
+ margin: 12px 0 12px 0;
887
+ }
888
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
889
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
890
+ background-repeat: no-repeat;
891
+ background-size: contain;
892
+ display: block;
893
+ height: 20px;
894
+ margin-right: 6px;
895
+ width: 20px;
896
+ }
897
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
898
+ color: #da291c;
899
+ font-weight: 700;
900
+ font-size: 18px;
901
+ line-height: 24px;
902
+ }
903
+ }
904
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
905
+ position: fixed;
906
+ top: 0;
907
+ left: 0;
908
+ padding: 4px 8px;
909
+ font-size: 14px;
910
+ z-index: 10000;
911
+ color: #5f5955;
912
+ background: #ffffff;
793
913
  }
794
-
795
- .mob-nav-expand .MobileNavigation-module__container___apq4z {
796
- -webkit-transform: translateY(0);
797
- -moz-transform: translateY(0);
798
- -o-transform: translateY(0);
799
- transform: translateY(0);
800
- visibility: visible;
914
+ @media (max-width: 850px) {
915
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
916
+ padding: 0 4px;
917
+ font-size: 8px;
918
+ }
801
919
  }
802
920
 
803
921
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
@@ -1188,54 +1306,6 @@
1188
1306
  }
1189
1307
  }
1190
1308
 
1191
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1192
- /* center a block element */
1193
- /* use this to any of the pseudo elements as these are the mandatory properties */
1194
- /* setting styles in separate formats for cross browser support */
1195
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1196
- /* vertically center alilgn any HTML element */
1197
- /* add basePath to assets */
1198
- .CartHeader-module__headerTitle___35F6g {
1199
- display: flex;
1200
- align-items: center;
1201
- gap: 8px;
1202
- }
1203
-
1204
- .CartHeader-module__headerItemCount___g1Ynd {
1205
- font-size: 24px;
1206
- line-height: 32px;
1207
- font-weight: 400;
1208
- color: #3d3935;
1209
- }
1210
- @media (max-width: 1023px) {
1211
- .CartHeader-module__headerItemCount___g1Ynd {
1212
- font-size: 20px;
1213
- line-height: 28px;
1214
- }
1215
- }
1216
-
1217
- .CartHeader-module__clearAllButton___B3bNF {
1218
- display: inline;
1219
- background: none;
1220
- border: none;
1221
- padding: 0;
1222
- cursor: pointer;
1223
- font-size: 14px;
1224
- line-height: 20px;
1225
- font-weight: 400;
1226
- color: #da291c;
1227
- text-decoration: underline;
1228
- text-underline-offset: 2px;
1229
- }
1230
- .CartHeader-module__clearAllButton___B3bNF:hover {
1231
- color: #961c13;
1232
- }
1233
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1234
- outline: 2px solid #da291c;
1235
- outline-offset: 2px;
1236
- border-radius: 2px;
1237
- }
1238
-
1239
1309
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1240
1310
  /* center a block element */
1241
1311
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1298,6 +1368,54 @@
1298
1368
  text-align: center;
1299
1369
  }
1300
1370
 
1371
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1372
+ /* center a block element */
1373
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1374
+ /* setting styles in separate formats for cross browser support */
1375
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1376
+ /* vertically center alilgn any HTML element */
1377
+ /* add basePath to assets */
1378
+ .CartHeader-module__headerTitle___35F6g {
1379
+ display: flex;
1380
+ align-items: center;
1381
+ gap: 8px;
1382
+ }
1383
+
1384
+ .CartHeader-module__headerItemCount___g1Ynd {
1385
+ font-size: 24px;
1386
+ line-height: 32px;
1387
+ font-weight: 400;
1388
+ color: #3d3935;
1389
+ }
1390
+ @media (max-width: 1023px) {
1391
+ .CartHeader-module__headerItemCount___g1Ynd {
1392
+ font-size: 20px;
1393
+ line-height: 28px;
1394
+ }
1395
+ }
1396
+
1397
+ .CartHeader-module__clearAllButton___B3bNF {
1398
+ display: inline;
1399
+ background: none;
1400
+ border: none;
1401
+ padding: 0;
1402
+ cursor: pointer;
1403
+ font-size: 14px;
1404
+ line-height: 20px;
1405
+ font-weight: 400;
1406
+ color: #da291c;
1407
+ text-decoration: underline;
1408
+ text-underline-offset: 2px;
1409
+ }
1410
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1411
+ color: #961c13;
1412
+ }
1413
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1414
+ outline: 2px solid #da291c;
1415
+ outline-offset: 2px;
1416
+ border-radius: 2px;
1417
+ }
1418
+
1301
1419
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1302
1420
  /* center a block element */
1303
1421
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1838,124 +1956,6 @@
1838
1956
  outline-offset: 2px;
1839
1957
  }
1840
1958
 
1841
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1842
- /* center a block element */
1843
- /* use this to any of the pseudo elements as these are the mandatory properties */
1844
- /* setting styles in separate formats for cross browser support */
1845
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1846
- /* vertically center alilgn any HTML element */
1847
- /* add basePath to assets */
1848
- .cart-overlay-panel.offcanvas {
1849
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1850
- }
1851
-
1852
- .cart-overlay-panel .offcanvas-header {
1853
- height: 96px;
1854
- padding: 20px 16px;
1855
- gap: 24px;
1856
- align-items: center;
1857
- background: #ffffff;
1858
- border-bottom: 1px solid #e6e3df;
1859
- }
1860
-
1861
- .cart-overlay-panel .offcanvas-title {
1862
- display: flex;
1863
- flex-direction: column;
1864
- align-items: flex-start;
1865
- gap: 2px;
1866
- font-size: 24px;
1867
- line-height: 32px;
1868
- font-weight: 700;
1869
- color: #3d3935;
1870
- }
1871
- @media (max-width: 1023px) {
1872
- .cart-overlay-panel .offcanvas-title {
1873
- font-size: 20px;
1874
- line-height: 28px;
1875
- }
1876
- }
1877
-
1878
- .cart-overlay-panel .btn-close {
1879
- opacity: 0.7;
1880
- width: 20px;
1881
- height: 20px;
1882
- }
1883
- .cart-overlay-panel .btn-close:hover {
1884
- opacity: 1;
1885
- }
1886
-
1887
- .cart-overlay-panel .offcanvas-body {
1888
- padding: 0;
1889
- overflow-y: auto;
1890
- display: flex;
1891
- flex-direction: column;
1892
- background: #f7f6f5;
1893
- }
1894
-
1895
- .cart-overlay-panel.offcanvas-bottom {
1896
- border-radius: 8px 8px 0 0 !important;
1897
- width: 100% !important;
1898
- overflow: hidden;
1899
- }
1900
-
1901
- .CartOverlay-module__backdrop___lMc-O {
1902
- position: fixed;
1903
- inset: 0;
1904
- z-index: 1040;
1905
- background: rgba(0, 0, 0, 0.42);
1906
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1907
- }
1908
-
1909
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
1910
- from {
1911
- opacity: 0;
1912
- }
1913
- to {
1914
- opacity: 1;
1915
- }
1916
- }
1917
- .CartOverlay-module__footer___OwJpW {
1918
- padding: 16px 24px;
1919
- border-top: 1px solid #d2d2d2;
1920
- background-color: #ffffff;
1921
- }
1922
-
1923
- .CartOverlay-module__dismissButton___57qsq {
1924
- display: flex;
1925
- align-items: center;
1926
- justify-content: center;
1927
- width: 100%;
1928
- height: 52px;
1929
- padding: 14px 24px;
1930
- gap: 8px;
1931
- background: none;
1932
- border: 2px solid #da291c;
1933
- border-radius: 28px;
1934
- font-size: 16px;
1935
- line-height: 24px;
1936
- font-weight: 600;
1937
- color: #da291c;
1938
- text-align: center;
1939
- cursor: pointer;
1940
- transition: background-color 0.15s ease;
1941
- }
1942
- .CartOverlay-module__dismissButton___57qsq:hover {
1943
- background-color: rgba(218, 41, 28, 0.05);
1944
- }
1945
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
1946
- outline: 2px solid #da291c;
1947
- outline-offset: 2px;
1948
- }
1949
-
1950
- .CartOverlay-module__errorMessage___ylBiH {
1951
- margin: auto 24px;
1952
- padding: 16px;
1953
- font-size: 20px;
1954
- line-height: 28px;
1955
- color: #3d3935;
1956
- text-align: center;
1957
- }
1958
-
1959
1959
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1960
1960
  /* center a block element */
1961
1961
  /* 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": "3.8.7-beta.14",
3
+ "version": "3.8.7-beta.15",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",