@sunrise-upc/sales-static-components 3.8.7-beta.6 → 3.8.7-beta.8

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 (25) hide show
  1. package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
  2. package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
  3. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
  4. package/dist/cjs/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
  5. package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js +1 -1
  6. package/dist/cjs/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
  7. package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js +1 -1
  8. package/dist/cjs/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
  9. package/dist/cjs/index.js +1 -1
  10. package/dist/cjs/services/customerSegmentSync.js +1 -1
  11. package/dist/cjs/services/customerSegmentSync.js.map +1 -1
  12. package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
  13. package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
  14. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js +1 -1
  15. package/dist/esm/components/GlobalPromoRibbon/GlobalPromoRibbon.js.map +1 -1
  16. package/dist/esm/components/RibbonRenderer/RibbonRenderer.js +1 -1
  17. package/dist/esm/components/RibbonRenderer/RibbonRenderer.js.map +1 -1
  18. package/dist/esm/components/StageTeaserV3/StageTeaserV3.js +1 -1
  19. package/dist/esm/components/StageTeaserV3/StageTeaserV3.js.map +1 -1
  20. package/dist/esm/index.js +1 -1
  21. package/dist/esm/services/customerSegmentSync.js +1 -1
  22. package/dist/esm/services/customerSegmentSync.js.map +1 -1
  23. package/dist/index.d.ts +4 -1
  24. package/dist/navigation.css +303 -303
  25. package/package.json +1 -1
@@ -1,3 +1,137 @@
1
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.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
+ @media (min-width: 768px) {
9
+ .MinimizedHeader-module__outer___JOzJC {
10
+ background-color: #ffffff;
11
+ border-top: 4px solid #da291c;
12
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
13
+ height: 72px;
14
+ }
15
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
16
+ position: fixed;
17
+ top: 0;
18
+ left: 0;
19
+ padding: 4px 8px;
20
+ font-size: 14px;
21
+ z-index: 10000;
22
+ color: #5f5955;
23
+ background: #ffffff;
24
+ }
25
+ }
26
+ @media (min-width: 768px) and (max-width: 850px) {
27
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
28
+ padding: 0 4px;
29
+ font-size: 8px;
30
+ }
31
+ }
32
+ @media (min-width: 768px) {
33
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
34
+ width: 100%;
35
+ display: inline-block;
36
+ }
37
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
38
+ display: flex;
39
+ float: left;
40
+ align-items: center;
41
+ margin: 10px 0;
42
+ }
43
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
44
+ padding-left: 10px;
45
+ }
46
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
47
+ float: right;
48
+ display: flex;
49
+ margin: 24px 0 24px 0;
50
+ }
51
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
52
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
53
+ background-repeat: no-repeat;
54
+ background-size: contain;
55
+ display: block;
56
+ height: 24px;
57
+ margin-right: 6px;
58
+ width: 24px;
59
+ }
60
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
61
+ color: #da291c;
62
+ font-weight: 700;
63
+ font-size: 18px;
64
+ line-height: 24px;
65
+ }
66
+ }
67
+ @media (max-width: 767px) {
68
+ .MinimizedHeader-module__outer___JOzJC {
69
+ background-color: #ffffff;
70
+ border-top: 4px solid #da291c;
71
+ box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
72
+ height: 48px;
73
+ }
74
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
75
+ width: 100%;
76
+ display: inline-block;
77
+ }
78
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
79
+ display: flex;
80
+ float: left;
81
+ }
82
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
83
+ margin-top: 12px;
84
+ }
85
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
86
+ height: 24px;
87
+ width: 24px;
88
+ float: left;
89
+ }
90
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
91
+ margin-top: 8px;
92
+ padding-left: 6px;
93
+ }
94
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
95
+ height: 20px;
96
+ }
97
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
98
+ float: right;
99
+ display: flex;
100
+ margin: 12px 0 12px 0;
101
+ }
102
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
103
+ background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
104
+ background-repeat: no-repeat;
105
+ background-size: contain;
106
+ display: block;
107
+ height: 20px;
108
+ margin-right: 6px;
109
+ width: 20px;
110
+ }
111
+ .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
112
+ color: #da291c;
113
+ font-weight: 700;
114
+ font-size: 18px;
115
+ line-height: 24px;
116
+ }
117
+ }
118
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
119
+ position: fixed;
120
+ top: 0;
121
+ left: 0;
122
+ padding: 4px 8px;
123
+ font-size: 14px;
124
+ z-index: 10000;
125
+ color: #5f5955;
126
+ background: #ffffff;
127
+ }
128
+ @media (max-width: 850px) {
129
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
130
+ padding: 0 4px;
131
+ font-size: 8px;
132
+ }
133
+ }
134
+
1
135
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconMainNavigation.module.scss */
2
136
  /* center a block element */
3
137
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -765,185 +899,51 @@
765
899
  text-align: center;
766
900
  }
767
901
 
768
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
902
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
769
903
  /* center a block element */
770
904
  /* use this to any of the pseudo elements as these are the mandatory properties */
771
905
  /* setting styles in separate formats for cross browser support */
772
906
  /* specify the max width for an element and apply ellipses and truncate the overflow */
773
907
  /* vertically center alilgn any HTML element */
774
908
  /* add basePath to assets */
775
- @media (min-width: 768px) {
776
- .MinimizedHeader-module__outer___JOzJC {
777
- background-color: #ffffff;
778
- border-top: 4px solid #da291c;
779
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
780
- height: 72px;
781
- }
782
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
783
- position: fixed;
784
- top: 0;
785
- left: 0;
786
- padding: 4px 8px;
787
- font-size: 14px;
788
- z-index: 10000;
789
- color: #5f5955;
790
- background: #ffffff;
791
- }
909
+ .LocaleSelector-module__button___0LEXR {
910
+ position: relative;
792
911
  }
793
- @media (min-width: 768px) and (max-width: 850px) {
794
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
795
- padding: 0 4px;
796
- font-size: 8px;
797
- }
912
+ .LocaleSelector-module__button___0LEXR button {
913
+ background-color: transparent;
914
+ color: #3d3935;
915
+ border: 0;
916
+ border-radius: 4px;
917
+ padding-bottom: 5px;
918
+ cursor: pointer;
919
+ height: 42px;
920
+ font-size: 14px;
921
+ line-height: 20px;
922
+ width: 100%;
798
923
  }
799
- @media (min-width: 768px) {
800
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
801
- width: 100%;
802
- display: inline-block;
803
- }
804
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
805
- display: flex;
806
- float: left;
807
- align-items: center;
808
- margin: 10px 0;
809
- }
810
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
811
- padding-left: 10px;
812
- }
813
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
814
- float: right;
815
- display: flex;
816
- margin: 24px 0 24px 0;
817
- }
818
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
819
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
820
- background-repeat: no-repeat;
821
- background-size: contain;
822
- display: block;
823
- height: 24px;
824
- margin-right: 6px;
825
- width: 24px;
826
- }
827
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
828
- color: #da291c;
829
- font-weight: 700;
830
- font-size: 18px;
831
- line-height: 24px;
832
- }
924
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
925
+ background-position: center center;
926
+ background-repeat: no-repeat;
927
+ height: 8px;
928
+ margin-left: 10px;
929
+ margin-top: 2px;
930
+ transition: transform 0.2s ease, -webkit-transform 0.2s ease;
931
+ width: 14px;
833
932
  }
834
- @media (max-width: 767px) {
835
- .MinimizedHeader-module__outer___JOzJC {
836
- background-color: #ffffff;
837
- border-top: 4px solid #da291c;
838
- box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
839
- height: 48px;
840
- }
841
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
842
- width: 100%;
843
- display: inline-block;
844
- }
845
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
846
- display: flex;
847
- float: left;
848
- }
849
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
850
- margin-top: 12px;
851
- }
852
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
853
- height: 24px;
854
- width: 24px;
855
- float: left;
856
- }
857
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
858
- margin-top: 8px;
859
- padding-left: 6px;
860
- }
861
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
862
- height: 20px;
863
- }
864
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
865
- float: right;
866
- display: flex;
867
- margin: 12px 0 12px 0;
868
- }
869
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
870
- background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
871
- background-repeat: no-repeat;
872
- background-size: contain;
873
- display: block;
874
- height: 20px;
875
- margin-right: 6px;
876
- width: 20px;
877
- }
878
- .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
879
- color: #da291c;
880
- font-weight: 700;
881
- font-size: 18px;
882
- line-height: 24px;
883
- }
884
- }
885
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
886
- position: fixed;
887
- top: 0;
888
- left: 0;
889
- padding: 4px 8px;
890
- font-size: 14px;
891
- z-index: 10000;
892
- color: #5f5955;
893
- background: #ffffff;
894
- }
895
- @media (max-width: 850px) {
896
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
897
- padding: 0 4px;
898
- font-size: 8px;
899
- }
900
- }
901
-
902
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
903
- /* center a block element */
904
- /* use this to any of the pseudo elements as these are the mandatory properties */
905
- /* setting styles in separate formats for cross browser support */
906
- /* specify the max width for an element and apply ellipses and truncate the overflow */
907
- /* vertically center alilgn any HTML element */
908
- /* add basePath to assets */
909
- .LocaleSelector-module__button___0LEXR {
910
- position: relative;
911
- }
912
- .LocaleSelector-module__button___0LEXR button {
913
- background-color: transparent;
914
- color: #3d3935;
915
- border: 0;
916
- border-radius: 4px;
917
- padding-bottom: 5px;
918
- cursor: pointer;
919
- height: 42px;
920
- font-size: 14px;
921
- line-height: 20px;
922
- width: 100%;
923
- }
924
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R {
925
- background-position: center center;
926
- background-repeat: no-repeat;
927
- height: 8px;
928
- margin-left: 10px;
929
- margin-top: 2px;
930
- transition: transform 0.2s ease, -webkit-transform 0.2s ease;
931
- width: 14px;
932
- }
933
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
934
- -webkit-transform: rotate(-180deg);
935
- -moz-transform: rotate(-180deg);
936
- -o-transform: rotate(-180deg);
937
- transform: rotate(-180deg);
938
- }
939
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
940
- padding: 24px 32px;
941
- background-color: #ffffff;
942
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
943
- }
944
- @media (max-width: 1023px) {
945
- .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
946
- transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
933
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__chevron___o3l3R.active {
934
+ -webkit-transform: rotate(-180deg);
935
+ -moz-transform: rotate(-180deg);
936
+ -o-transform: rotate(-180deg);
937
+ transform: rotate(-180deg);
938
+ }
939
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
940
+ padding: 24px 32px;
941
+ background-color: #ffffff;
942
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(-57px) !important;
943
+ }
944
+ @media (max-width: 1023px) {
945
+ .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
946
+ transform: matrix(1, 0, 0, 1, -96.6667, 0) translateY(0px) translateX(7px) !important;
947
947
  }
948
948
  }
949
949
  .LocaleSelector-module__button___0LEXR .LocaleSelector-module__pop-up___HV8Ta {
@@ -1349,6 +1349,54 @@
1349
1349
  text-align: center;
1350
1350
  }
1351
1351
 
1352
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1353
+ /* center a block element */
1354
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1355
+ /* setting styles in separate formats for cross browser support */
1356
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1357
+ /* vertically center alilgn any HTML element */
1358
+ /* add basePath to assets */
1359
+ .CartHeader-module__headerTitle___35F6g {
1360
+ display: flex;
1361
+ align-items: center;
1362
+ gap: 8px;
1363
+ }
1364
+
1365
+ .CartHeader-module__headerItemCount___g1Ynd {
1366
+ font-size: 24px;
1367
+ line-height: 32px;
1368
+ font-weight: 400;
1369
+ color: #3d3935;
1370
+ }
1371
+ @media (max-width: 1023px) {
1372
+ .CartHeader-module__headerItemCount___g1Ynd {
1373
+ font-size: 20px;
1374
+ line-height: 28px;
1375
+ }
1376
+ }
1377
+
1378
+ .CartHeader-module__clearAllButton___B3bNF {
1379
+ display: inline;
1380
+ background: none;
1381
+ border: none;
1382
+ padding: 0;
1383
+ cursor: pointer;
1384
+ font-size: 14px;
1385
+ line-height: 20px;
1386
+ font-weight: 400;
1387
+ color: #da291c;
1388
+ text-decoration: underline;
1389
+ text-underline-offset: 2px;
1390
+ }
1391
+ .CartHeader-module__clearAllButton___B3bNF:hover {
1392
+ color: #961c13;
1393
+ }
1394
+ .CartHeader-module__clearAllButton___B3bNF:focus-visible {
1395
+ outline: 2px solid #da291c;
1396
+ outline-offset: 2px;
1397
+ border-radius: 2px;
1398
+ }
1399
+
1352
1400
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1353
1401
  /* center a block element */
1354
1402
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1576,6 +1624,91 @@
1576
1624
  background-color: #1f1f1f;
1577
1625
  }
1578
1626
 
1627
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1628
+ /* center a block element */
1629
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1630
+ /* setting styles in separate formats for cross browser support */
1631
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1632
+ /* vertically center alilgn any HTML element */
1633
+ /* add basePath to assets */
1634
+ .CartClearConfirm-module__overlay___sxCOO {
1635
+ position: absolute;
1636
+ inset: 0;
1637
+ z-index: 10;
1638
+ background: rgba(0, 0, 0, 0.5);
1639
+ display: flex;
1640
+ align-items: center;
1641
+ justify-content: center;
1642
+ padding: 24px;
1643
+ }
1644
+
1645
+ .CartClearConfirm-module__dialog___UWokE {
1646
+ background: #ffffff;
1647
+ border-radius: 16px;
1648
+ padding: 24px;
1649
+ width: 100%;
1650
+ max-width: 320px;
1651
+ display: flex;
1652
+ flex-direction: column;
1653
+ gap: 24px;
1654
+ }
1655
+
1656
+ .CartClearConfirm-module__message___vd9VO {
1657
+ font-size: 18px;
1658
+ line-height: 26px;
1659
+ font-weight: 700;
1660
+ color: #3d3935;
1661
+ text-align: center;
1662
+ }
1663
+
1664
+ .CartClearConfirm-module__actions___X0-0w {
1665
+ display: flex;
1666
+ gap: 12px;
1667
+ }
1668
+
1669
+ .CartClearConfirm-module__cancelButton___LYopb {
1670
+ flex: 1;
1671
+ height: 48px;
1672
+ background: none;
1673
+ border: 2px solid #3d3935;
1674
+ border-radius: 28px;
1675
+ font-size: 16px;
1676
+ line-height: 24px;
1677
+ font-weight: 600;
1678
+ color: #3d3935;
1679
+ cursor: pointer;
1680
+ transition: background-color 0.15s ease;
1681
+ }
1682
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
1683
+ background-color: rgba(0, 0, 0, 0.05);
1684
+ }
1685
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1686
+ outline: 2px solid #3d3935;
1687
+ outline-offset: 2px;
1688
+ }
1689
+
1690
+ .CartClearConfirm-module__confirmButton___KgPKy {
1691
+ flex: 1;
1692
+ height: 48px;
1693
+ background: #3d3935;
1694
+ border: 2px solid #3d3935;
1695
+ border-radius: 28px;
1696
+ font-size: 16px;
1697
+ line-height: 24px;
1698
+ font-weight: 600;
1699
+ color: #ffffff;
1700
+ cursor: pointer;
1701
+ transition: background-color 0.15s ease;
1702
+ }
1703
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
1704
+ background-color: #3d3935;
1705
+ border-color: #3d3935;
1706
+ }
1707
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1708
+ outline: 2px solid #3d3935;
1709
+ outline-offset: 2px;
1710
+ }
1711
+
1579
1712
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1580
1713
  /* center a block element */
1581
1714
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1960,139 +2093,6 @@
1960
2093
  }
1961
2094
  }
1962
2095
 
1963
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1964
- /* center a block element */
1965
- /* use this to any of the pseudo elements as these are the mandatory properties */
1966
- /* setting styles in separate formats for cross browser support */
1967
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1968
- /* vertically center alilgn any HTML element */
1969
- /* add basePath to assets */
1970
- .CartHeader-module__headerTitle___35F6g {
1971
- display: flex;
1972
- align-items: center;
1973
- gap: 8px;
1974
- }
1975
-
1976
- .CartHeader-module__headerItemCount___g1Ynd {
1977
- font-size: 24px;
1978
- line-height: 32px;
1979
- font-weight: 400;
1980
- color: #3d3935;
1981
- }
1982
- @media (max-width: 1023px) {
1983
- .CartHeader-module__headerItemCount___g1Ynd {
1984
- font-size: 20px;
1985
- line-height: 28px;
1986
- }
1987
- }
1988
-
1989
- .CartHeader-module__clearAllButton___B3bNF {
1990
- display: inline;
1991
- background: none;
1992
- border: none;
1993
- padding: 0;
1994
- cursor: pointer;
1995
- font-size: 14px;
1996
- line-height: 20px;
1997
- font-weight: 400;
1998
- color: #da291c;
1999
- text-decoration: underline;
2000
- text-underline-offset: 2px;
2001
- }
2002
- .CartHeader-module__clearAllButton___B3bNF:hover {
2003
- color: #961c13;
2004
- }
2005
- .CartHeader-module__clearAllButton___B3bNF:focus-visible {
2006
- outline: 2px solid #da291c;
2007
- outline-offset: 2px;
2008
- border-radius: 2px;
2009
- }
2010
-
2011
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
2012
- /* center a block element */
2013
- /* use this to any of the pseudo elements as these are the mandatory properties */
2014
- /* setting styles in separate formats for cross browser support */
2015
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2016
- /* vertically center alilgn any HTML element */
2017
- /* add basePath to assets */
2018
- .CartClearConfirm-module__overlay___sxCOO {
2019
- position: absolute;
2020
- inset: 0;
2021
- z-index: 10;
2022
- background: rgba(0, 0, 0, 0.5);
2023
- display: flex;
2024
- align-items: center;
2025
- justify-content: center;
2026
- padding: 24px;
2027
- }
2028
-
2029
- .CartClearConfirm-module__dialog___UWokE {
2030
- background: #ffffff;
2031
- border-radius: 16px;
2032
- padding: 24px;
2033
- width: 100%;
2034
- max-width: 320px;
2035
- display: flex;
2036
- flex-direction: column;
2037
- gap: 24px;
2038
- }
2039
-
2040
- .CartClearConfirm-module__message___vd9VO {
2041
- font-size: 18px;
2042
- line-height: 26px;
2043
- font-weight: 700;
2044
- color: #3d3935;
2045
- text-align: center;
2046
- }
2047
-
2048
- .CartClearConfirm-module__actions___X0-0w {
2049
- display: flex;
2050
- gap: 12px;
2051
- }
2052
-
2053
- .CartClearConfirm-module__cancelButton___LYopb {
2054
- flex: 1;
2055
- height: 48px;
2056
- background: none;
2057
- border: 2px solid #3d3935;
2058
- border-radius: 28px;
2059
- font-size: 16px;
2060
- line-height: 24px;
2061
- font-weight: 600;
2062
- color: #3d3935;
2063
- cursor: pointer;
2064
- transition: background-color 0.15s ease;
2065
- }
2066
- .CartClearConfirm-module__cancelButton___LYopb:hover {
2067
- background-color: rgba(0, 0, 0, 0.05);
2068
- }
2069
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2070
- outline: 2px solid #3d3935;
2071
- outline-offset: 2px;
2072
- }
2073
-
2074
- .CartClearConfirm-module__confirmButton___KgPKy {
2075
- flex: 1;
2076
- height: 48px;
2077
- background: #3d3935;
2078
- border: 2px solid #3d3935;
2079
- border-radius: 28px;
2080
- font-size: 16px;
2081
- line-height: 24px;
2082
- font-weight: 600;
2083
- color: #ffffff;
2084
- cursor: pointer;
2085
- transition: background-color 0.15s ease;
2086
- }
2087
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
2088
- background-color: #3d3935;
2089
- border-color: #3d3935;
2090
- }
2091
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2092
- outline: 2px solid #3d3935;
2093
- outline-offset: 2px;
2094
- }
2095
-
2096
2096
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2097
2097
  /* center a block element */
2098
2098
  /* 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.6",
3
+ "version": "3.8.7-beta.8",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",