@sunrise-upc/sales-static-components 4.4.0-beta.7 → 4.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js +1 -1
  2. package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
  3. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +1 -1
  4. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -1
  5. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js +1 -1
  6. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js.map +1 -1
  7. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +1 -1
  8. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -1
  9. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
  10. package/dist/cjs/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
  11. package/dist/cjs/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js +1 -1
  12. package/dist/cjs/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js.map +1 -1
  13. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  14. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  15. package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
  16. package/dist/cjs/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
  17. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +1 -1
  18. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -1
  19. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
  20. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.css +6 -2
  21. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
  22. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
  23. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +6 -2
  24. package/dist/cjs/components/InternetAndTvCards/InternetAndTvCardsArrows.css +6 -2
  25. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
  26. package/dist/cjs/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
  27. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.js +1 -1
  28. package/dist/cjs/components/StageTeaserV3/StageTeaserSwiperV3.js.map +1 -1
  29. package/dist/cjs/index.js +1 -1
  30. package/dist/cjs/utils/AnalyticUtils.js +1 -1
  31. package/dist/cjs/utils/AnalyticUtils.js.map +1 -1
  32. package/dist/cjs/utils/AnalyticsConstants.js +1 -1
  33. package/dist/cjs/utils/AnalyticsConstants.js.map +1 -1
  34. package/dist/esm/components/DeviceGallery/DeviceGalleryList.js +1 -1
  35. package/dist/esm/components/DeviceGallery/DeviceGalleryList.js.map +1 -1
  36. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js +1 -1
  37. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.js.map +1 -1
  38. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js +1 -1
  39. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.js.map +1 -1
  40. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js +1 -1
  41. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.js.map +1 -1
  42. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js +1 -1
  43. package/dist/esm/components/FalconMainNavigation/CartOverlay/CartOverlay.js.map +1 -1
  44. package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js +1 -1
  45. package/dist/esm/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.js.map +1 -1
  46. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  47. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  48. package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js +1 -1
  49. package/dist/esm/components/FalconMainNavigation/ProfileLinkOut/ProfileLinkOut.js.map +1 -1
  50. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js +1 -1
  51. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.js.map +1 -1
  52. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardItem/InternetAndTvCardItem.module.scss.js +1 -1
  53. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.css +6 -2
  54. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js +1 -1
  55. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.js.map +1 -1
  56. package/dist/esm/components/InternetAndTvCards/InternetAndTvCards.module.scss.css +6 -2
  57. package/dist/esm/components/InternetAndTvCards/InternetAndTvCardsArrows.css +6 -2
  58. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js +1 -1
  59. package/dist/esm/components/InternetAndTvCardsBenefits/InternetAndTvCardsBenefits.js.map +1 -1
  60. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.js +1 -1
  61. package/dist/esm/components/StageTeaserV3/StageTeaserSwiperV3.js.map +1 -1
  62. package/dist/esm/index.js +1 -1
  63. package/dist/esm/utils/AnalyticUtils.js +1 -1
  64. package/dist/esm/utils/AnalyticUtils.js.map +1 -1
  65. package/dist/esm/utils/AnalyticsConstants.js +1 -1
  66. package/dist/esm/utils/AnalyticsConstants.js.map +1 -1
  67. package/dist/index.d.ts +2 -78
  68. package/dist/navigation.css +392 -392
  69. package/package.json +2 -2
@@ -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 */
@@ -695,118 +561,369 @@
695
561
  .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ {
696
562
  background-color: #da291c;
697
563
  }
698
- }
699
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
700
- .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
701
- color: #ffffff;
702
- }
703
-
704
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
705
- /* center a block element */
706
- /* use this to any of the pseudo elements as these are the mandatory properties */
707
- /* setting styles in separate formats for cross browser support */
708
- /* specify the max width for an element and apply ellipses and truncate the overflow */
709
- /* vertically center alilgn any HTML element */
710
- /* add basePath to assets */
711
- .MobileNavigation-module__container___apq4z {
712
- background-color: #ffffff;
713
- }
714
- @media (max-width: 1023px) {
715
- .MobileNavigation-module__container___apq4z {
716
- background-color: #f8f8f8;
564
+ }
565
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu1___VHXos,
566
+ .FalconHeader-module__container___r3bIZ.FalconHeader-module__black-friday___ChUdJ .FalconHeader-module__menu___BInxX a {
567
+ color: #ffffff;
568
+ }
569
+
570
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss */
571
+ /* center a block element */
572
+ /* use this to any of the pseudo elements as these are the mandatory properties */
573
+ /* setting styles in separate formats for cross browser support */
574
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
575
+ /* vertically center alilgn any HTML element */
576
+ /* add basePath to assets */
577
+ .MobileNavigation-module__container___apq4z {
578
+ background-color: #ffffff;
579
+ }
580
+ @media (max-width: 1023px) {
581
+ .MobileNavigation-module__container___apq4z {
582
+ background-color: #f8f8f8;
583
+ }
584
+ }
585
+ .MobileNavigation-module__container___apq4z {
586
+ left: 0;
587
+ min-height: calc(100vh - 45px);
588
+ height: calc(100vh - 45px);
589
+ }
590
+ @supports (height: 100dvh) {
591
+ .MobileNavigation-module__container___apq4z {
592
+ min-height: calc(100dvh - 45px);
593
+ height: calc(100dvh - 45px);
594
+ }
595
+ }
596
+ .MobileNavigation-module__container___apq4z {
597
+ position: absolute;
598
+ -webkit-transform: translateY(-100%);
599
+ -moz-transform: translateY(-100%);
600
+ -o-transform: translateY(-100%);
601
+ transform: translateY(-100%);
602
+ transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
603
+ transition: transform 0.3s ease, visibility 0.3s ease;
604
+ transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
605
+ visibility: hidden;
606
+ width: 100%;
607
+ z-index: 10;
608
+ }
609
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
610
+ height: calc(100vh - 45px);
611
+ }
612
+ @supports (height: 100dvh) {
613
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
614
+ height: calc(100dvh - 45px);
615
+ }
616
+ }
617
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
618
+ overflow-y: auto;
619
+ overscroll-behavior: contain;
620
+ -webkit-overflow-scrolling: touch;
621
+ touch-action: pan-y;
622
+ padding-top: 16px;
623
+ padding-bottom: 16px;
624
+ }
625
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
626
+ margin-top: 24px;
627
+ }
628
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
629
+ margin-top: 20px;
630
+ }
631
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
632
+ background-color: #ffffff;
633
+ font-size: 16px;
634
+ line-height: 24px;
635
+ display: flex;
636
+ height: auto;
637
+ padding: 10px;
638
+ margin-bottom: 4px;
639
+ color: #333333;
640
+ }
641
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
642
+ border: 1px solid #e8e8e8;
643
+ }
644
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
645
+ margin-left: 12px;
646
+ }
647
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
648
+ border-bottom: 2px solid #f8f8f8;
649
+ border-top: 2px solid #f8f8f8;
650
+ }
651
+
652
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
653
+ background-color: #111111;
654
+ }
655
+ @media (max-width: 1023px) {
656
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
657
+ background-color: #111111;
658
+ }
659
+ }
660
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
661
+ background-color: #1f1f1f;
662
+ color: #ffffff;
663
+ border: 1px solid #2c2c2c;
664
+ }
665
+ .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
666
+ border-bottom: 2px solid #2c2c2c;
667
+ border-top: 2px solid #2c2c2c;
668
+ }
669
+
670
+ .mob-nav-expand .MobileNavigation-module__container___apq4z {
671
+ -webkit-transform: translateY(0);
672
+ -moz-transform: translateY(0);
673
+ -o-transform: translateY(0);
674
+ transform: translateY(0);
675
+ visibility: visible;
676
+ }
677
+
678
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
679
+ /* center a block element */
680
+ /* use this to any of the pseudo elements as these are the mandatory properties */
681
+ /* setting styles in separate formats for cross browser support */
682
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
683
+ /* vertically center alilgn any HTML element */
684
+ /* add basePath to assets */
685
+ .cart-overlay-panel.offcanvas {
686
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
687
+ z-index: 2147483002;
688
+ }
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;
706
+ color: #3d3935;
707
+ }
708
+ @media (max-width: 1023px) {
709
+ .cart-overlay-panel .offcanvas-title {
710
+ font-size: 20px;
711
+ line-height: 28px;
712
+ }
713
+ }
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;
717
890
  }
718
- }
719
- .MobileNavigation-module__container___apq4z {
720
- left: 0;
721
- min-height: calc(100vh - 45px);
722
- height: calc(100vh - 45px);
723
- }
724
- @supports (height: 100dvh) {
725
- .MobileNavigation-module__container___apq4z {
726
- min-height: calc(100dvh - 45px);
727
- height: calc(100dvh - 45px);
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;
728
895
  }
729
- }
730
- .MobileNavigation-module__container___apq4z {
731
- position: absolute;
732
- -webkit-transform: translateY(-100%);
733
- -moz-transform: translateY(-100%);
734
- -o-transform: translateY(-100%);
735
- transform: translateY(-100%);
736
- transition: visibility 0.3s ease, -webkit-transform 0.3s ease;
737
- transition: transform 0.3s ease, visibility 0.3s ease;
738
- transition: transform 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
739
- visibility: hidden;
740
- width: 100%;
741
- z-index: 10;
742
- }
743
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
744
- height: calc(100vh - 45px);
745
- }
746
- @supports (height: 100dvh) {
747
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
748
- height: calc(100dvh - 45px);
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;
749
904
  }
750
- }
751
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
752
- overflow-y: auto;
753
- overscroll-behavior: contain;
754
- -webkit-overflow-scrolling: touch;
755
- touch-action: pan-y;
756
- padding-top: 16px;
757
- padding-bottom: 16px;
758
- }
759
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm .MobileNavigation-module__outer___M5sp- {
760
- margin-top: 24px;
761
- }
762
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc {
763
- margin-top: 20px;
764
- }
765
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
766
- background-color: #ffffff;
767
- font-size: 16px;
768
- line-height: 24px;
769
- display: flex;
770
- height: auto;
771
- padding: 10px;
772
- margin-bottom: 4px;
773
- color: #333333;
774
- }
775
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ.MobileNavigation-module__new-style___z9paT a {
776
- border: 1px solid #e8e8e8;
777
- }
778
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ img {
779
- margin-left: 12px;
780
- }
781
- .MobileNavigation-module__container___apq4z .MobileNavigation-module__profile___XTDNT {
782
- border-bottom: 2px solid #f8f8f8;
783
- border-top: 2px solid #f8f8f8;
784
- }
785
-
786
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
787
- background-color: #111111;
788
- }
789
- @media (max-width: 1023px) {
790
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI {
791
- background-color: #111111;
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;
792
910
  }
793
911
  }
794
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__header-top___TGURc .MobileNavigation-module__header-links___3DUqQ a {
795
- background-color: #1f1f1f;
796
- color: #ffffff;
797
- border: 1px solid #2c2c2c;
798
- }
799
- .MobileNavigation-module__container___apq4z.MobileNavigation-module__inverted___MwrvI .MobileNavigation-module__profile___XTDNT {
800
- border-bottom: 2px solid #2c2c2c;
801
- border-top: 2px solid #2c2c2c;
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;
802
921
  }
803
-
804
- .mob-nav-expand .MobileNavigation-module__container___apq4z {
805
- -webkit-transform: translateY(0);
806
- -moz-transform: translateY(0);
807
- -o-transform: translateY(0);
808
- transform: translateY(0);
809
- visibility: visible;
922
+ @media (max-width: 850px) {
923
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
924
+ padding: 0 4px;
925
+ font-size: 8px;
926
+ }
810
927
  }
811
928
 
812
929
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
@@ -1801,123 +1918,6 @@
1801
1918
  border: none;
1802
1919
  }
1803
1920
 
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
1921
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1922
1922
  /* center a block element */
1923
1923
  /* use this to any of the pseudo elements as these are the mandatory properties */