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

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 (94) hide show
  1. package/dist/cjs/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.js +1 -1
  2. package/dist/cjs/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.js.map +1 -1
  3. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  4. package/dist/cjs/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  5. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.css +19 -0
  6. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js +1 -1
  7. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js.map +1 -1
  8. package/dist/cjs/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss.css +19 -0
  9. package/dist/cjs/node_modules/@algolia/client-common/dist/common.js +1 -1
  10. package/dist/cjs/node_modules/@algolia/client-common/dist/common.js.map +1 -1
  11. package/dist/cjs/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js +1 -1
  12. package/dist/cjs/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js.map +1 -1
  13. package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
  14. package/dist/cjs/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
  15. package/dist/cjs/node_modules/algoliasearch-helper/src/version.js +1 -1
  16. package/dist/cjs/node_modules/algoliasearch-helper/src/version.js.map +1 -1
  17. package/dist/cjs/node_modules/immer/dist/immer.js +1 -1
  18. package/dist/cjs/node_modules/immer/dist/immer.js.map +1 -1
  19. package/dist/cjs/node_modules/instantsearch.js/es/helpers/insights.js +1 -1
  20. package/dist/cjs/node_modules/instantsearch.js/es/helpers/insights.js.map +1 -1
  21. package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
  22. package/dist/cjs/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
  23. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js +2 -0
  24. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js.map +1 -0
  25. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js +2 -0
  26. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js.map +1 -0
  27. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/now.js +2 -0
  28. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/now.js.map +1 -0
  29. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/omit.js +2 -0
  30. package/dist/cjs/node_modules/instantsearch.js/es/lib/utils/omit.js.map +1 -0
  31. package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js +1 -1
  32. package/dist/cjs/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
  33. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js +1 -1
  34. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js.map +1 -1
  35. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js +1 -1
  36. package/dist/cjs/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js.map +1 -1
  37. package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
  38. package/dist/cjs/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
  39. package/dist/cjs/node_modules/react-instantsearch/dist/es/ui/SearchBox.js +1 -1
  40. package/dist/cjs/node_modules/react-instantsearch/dist/es/ui/SearchBox.js.map +1 -1
  41. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js +1 -1
  42. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js.map +1 -1
  43. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js +1 -1
  44. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js.map +1 -1
  45. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
  46. package/dist/cjs/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
  47. package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.js +1 -1
  48. package/dist/esm/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.js.map +1 -1
  49. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js +1 -1
  50. package/dist/esm/components/FalconMainNavigation/FalconMainNavigation.js.map +1 -1
  51. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.css +19 -0
  52. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js +1 -1
  53. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.js.map +1 -1
  54. package/dist/esm/components/FalconMainNavigation/MobileNavigation/MobileNavigation.module.scss.css +19 -0
  55. package/dist/esm/node_modules/@algolia/client-common/dist/common.js +1 -1
  56. package/dist/esm/node_modules/@algolia/client-common/dist/common.js.map +1 -1
  57. package/dist/esm/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js +1 -1
  58. package/dist/esm/node_modules/@algolia/requester-browser-xhr/dist/requester.xhr.js.map +1 -1
  59. package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js +1 -1
  60. package/dist/esm/node_modules/algoliasearch/dist/lite/builds/browser.js.map +1 -1
  61. package/dist/esm/node_modules/algoliasearch-helper/src/version.js +1 -1
  62. package/dist/esm/node_modules/algoliasearch-helper/src/version.js.map +1 -1
  63. package/dist/esm/node_modules/immer/dist/immer.js +1 -1
  64. package/dist/esm/node_modules/immer/dist/immer.js.map +1 -1
  65. package/dist/esm/node_modules/instantsearch.js/es/helpers/insights.js +1 -1
  66. package/dist/esm/node_modules/instantsearch.js/es/helpers/insights.js.map +1 -1
  67. package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js +1 -1
  68. package/dist/esm/node_modules/instantsearch.js/es/lib/InstantSearch.js.map +1 -1
  69. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js +2 -0
  70. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/buildWidgetTree.js.map +1 -0
  71. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js +2 -0
  72. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/extractWidgetPayload.js.map +1 -0
  73. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/now.js +2 -0
  74. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/now.js.map +1 -0
  75. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/omit.js +2 -0
  76. package/dist/esm/node_modules/instantsearch.js/es/lib/utils/omit.js.map +1 -0
  77. package/dist/esm/node_modules/instantsearch.js/es/lib/version.js +1 -1
  78. package/dist/esm/node_modules/instantsearch.js/es/lib/version.js.map +1 -1
  79. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js +1 -1
  80. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createInsightsMiddleware.js.map +1 -1
  81. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js +1 -1
  82. package/dist/esm/node_modules/instantsearch.js/es/middlewares/createMetadataMiddleware.js.map +1 -1
  83. package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js +1 -1
  84. package/dist/esm/node_modules/instantsearch.js/es/widgets/index/index.js.map +1 -1
  85. package/dist/esm/node_modules/react-instantsearch/dist/es/ui/SearchBox.js +1 -1
  86. package/dist/esm/node_modules/react-instantsearch/dist/es/ui/SearchBox.js.map +1 -1
  87. package/dist/esm/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js +1 -1
  88. package/dist/esm/node_modules/react-instantsearch-core/dist/es/hooks/useConnector.js.map +1 -1
  89. package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js +1 -1
  90. package/dist/esm/node_modules/react-instantsearch-core/dist/es/lib/InstantSearchRSCContext.js.map +1 -1
  91. package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js +1 -1
  92. package/dist/esm/node_modules/react-instantsearch-core/dist/es/version.js.map +1 -1
  93. package/dist/navigation.css +395 -376
  94. package/package.json +1 -1
@@ -1,3 +1,38 @@
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
+
1
36
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
2
37
  /* center a block element */
3
38
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -454,41 +489,6 @@
454
489
  }
455
490
  }
456
491
 
457
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/ResponsiveRow/row.module.scss */
458
- /* center a block element */
459
- /* use this to any of the pseudo elements as these are the mandatory properties */
460
- /* setting styles in separate formats for cross browser support */
461
- /* specify the max width for an element and apply ellipses and truncate the overflow */
462
- /* vertically center alilgn any HTML element */
463
- /* add basePath to assets */
464
- .row-module__sr-def-row___us1ph {
465
- margin-left: auto;
466
- margin-right: auto;
467
- padding-left: 16px;
468
- padding-right: 16px;
469
- max-width: 1308px;
470
- width: 100%;
471
- }
472
- .row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
473
- padding: 0px;
474
- max-width: 100%;
475
- }
476
- @media (min-width: 1024px) and (max-width: 1439px) {
477
- .row-module__sr-def-row___us1ph {
478
- max-width: 972px;
479
- }
480
- }
481
- @media (min-width: 768px) and (max-width: 1023px) {
482
- .row-module__sr-def-row___us1ph {
483
- max-width: 720px;
484
- }
485
- }
486
- @media (max-width: 767px) {
487
- .row-module__sr-def-row___us1ph {
488
- max-width: 100%;
489
- }
490
- }
491
-
492
492
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/InteractiveHamburger/InteractiveHamburger.module.scss */
493
493
  /* center a block element */
494
494
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -710,6 +710,15 @@
710
710
  .MobileNavigation-module__container___apq4z {
711
711
  left: 0;
712
712
  min-height: calc(100vh - 50px);
713
+ height: calc(100vh - 50px);
714
+ }
715
+ @supports (height: 100dvh) {
716
+ .MobileNavigation-module__container___apq4z {
717
+ min-height: calc(100dvh - 50px);
718
+ height: calc(100dvh - 50px);
719
+ }
720
+ }
721
+ .MobileNavigation-module__container___apq4z {
713
722
  position: absolute;
714
723
  -webkit-transform: translateY(-100%);
715
724
  -moz-transform: translateY(-100%);
@@ -724,7 +733,17 @@
724
733
  }
725
734
  .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
726
735
  height: calc(100vh - 47px);
736
+ }
737
+ @supports (height: 100dvh) {
738
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
739
+ height: calc(100dvh - 47px);
740
+ }
741
+ }
742
+ .MobileNavigation-module__container___apq4z .MobileNavigation-module__content___MW3Pm {
727
743
  overflow-y: auto;
744
+ overscroll-behavior: contain;
745
+ -webkit-overflow-scrolling: touch;
746
+ touch-action: pan-y;
728
747
  padding-top: 16px;
729
748
  padding-bottom: 16px;
730
749
  }
@@ -781,124 +800,6 @@
781
800
  visibility: visible;
782
801
  }
783
802
 
784
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
785
- /* center a block element */
786
- /* use this to any of the pseudo elements as these are the mandatory properties */
787
- /* setting styles in separate formats for cross browser support */
788
- /* specify the max width for an element and apply ellipses and truncate the overflow */
789
- /* vertically center alilgn any HTML element */
790
- /* add basePath to assets */
791
- .cart-overlay-panel.offcanvas {
792
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
793
- }
794
-
795
- .cart-overlay-panel .offcanvas-header {
796
- height: 96px;
797
- padding: 20px 16px;
798
- gap: 24px;
799
- align-items: center;
800
- background: #ffffff;
801
- border-bottom: 1px solid #e6e3df;
802
- }
803
-
804
- .cart-overlay-panel .offcanvas-title {
805
- display: flex;
806
- flex-direction: column;
807
- align-items: flex-start;
808
- gap: 2px;
809
- font-size: 24px;
810
- line-height: 32px;
811
- font-weight: 700;
812
- color: #3d3935;
813
- }
814
- @media (max-width: 1023px) {
815
- .cart-overlay-panel .offcanvas-title {
816
- font-size: 20px;
817
- line-height: 28px;
818
- }
819
- }
820
-
821
- .cart-overlay-panel .btn-close {
822
- opacity: 0.7;
823
- width: 20px;
824
- height: 20px;
825
- }
826
- .cart-overlay-panel .btn-close:hover {
827
- opacity: 1;
828
- }
829
-
830
- .cart-overlay-panel .offcanvas-body {
831
- padding: 0;
832
- overflow-y: auto;
833
- display: flex;
834
- flex-direction: column;
835
- background: #f7f6f5;
836
- }
837
-
838
- .cart-overlay-panel.offcanvas-bottom {
839
- border-radius: 8px 8px 0 0 !important;
840
- width: 100% !important;
841
- overflow: hidden;
842
- }
843
-
844
- .CartOverlay-module__backdrop___lMc-O {
845
- position: fixed;
846
- inset: 0;
847
- z-index: 1040;
848
- background: rgba(0, 0, 0, 0.42);
849
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
850
- }
851
-
852
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
853
- from {
854
- opacity: 0;
855
- }
856
- to {
857
- opacity: 1;
858
- }
859
- }
860
- .CartOverlay-module__footer___OwJpW {
861
- padding: 16px 24px;
862
- border-top: 1px solid #d2d2d2;
863
- background-color: #ffffff;
864
- }
865
-
866
- .CartOverlay-module__dismissButton___57qsq {
867
- display: flex;
868
- align-items: center;
869
- justify-content: center;
870
- width: 100%;
871
- height: 52px;
872
- padding: 14px 24px;
873
- gap: 8px;
874
- background: none;
875
- border: 2px solid #da291c;
876
- border-radius: 28px;
877
- font-size: 16px;
878
- line-height: 24px;
879
- font-weight: 600;
880
- color: #da291c;
881
- text-align: center;
882
- cursor: pointer;
883
- transition: background-color 0.15s ease;
884
- }
885
- .CartOverlay-module__dismissButton___57qsq:hover {
886
- background-color: rgba(218, 41, 28, 0.05);
887
- }
888
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
889
- outline: 2px solid #da291c;
890
- outline-offset: 2px;
891
- }
892
-
893
- .CartOverlay-module__errorMessage___ylBiH {
894
- margin: auto 24px;
895
- padding: 16px;
896
- font-size: 20px;
897
- line-height: 28px;
898
- color: #3d3935;
899
- text-align: center;
900
- }
901
-
902
803
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
903
804
  /* center a block element */
904
805
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1287,6 +1188,54 @@
1287
1188
  }
1288
1189
  }
1289
1190
 
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
+
1290
1239
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1291
1240
  /* center a block element */
1292
1241
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1349,63 +1298,15 @@
1349
1298
  text-align: center;
1350
1299
  }
1351
1300
 
1352
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1301
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1353
1302
  /* center a block element */
1354
1303
  /* use this to any of the pseudo elements as these are the mandatory properties */
1355
1304
  /* setting styles in separate formats for cross browser support */
1356
1305
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1357
1306
  /* vertically center alilgn any HTML element */
1358
1307
  /* 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
-
1400
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1401
- /* center a block element */
1402
- /* use this to any of the pseudo elements as these are the mandatory properties */
1403
- /* setting styles in separate formats for cross browser support */
1404
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1405
- /* vertically center alilgn any HTML element */
1406
- /* add basePath to assets */
1407
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1408
- font-weight: unset;
1308
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1309
+ font-weight: unset;
1409
1310
  }
1410
1311
  .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1411
1312
  position: relative;
@@ -1537,6 +1438,178 @@
1537
1438
  line-height: 1.3;
1538
1439
  }
1539
1440
 
1441
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1442
+ /* center a block element */
1443
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1444
+ /* setting styles in separate formats for cross browser support */
1445
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1446
+ /* vertically center alilgn any HTML element */
1447
+ /* add basePath to assets */
1448
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1449
+ margin-left: 0 !important;
1450
+ }
1451
+
1452
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
1453
+ padding: 14px 8px 18px 8px;
1454
+ cursor: pointer;
1455
+ }
1456
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
1457
+ margin-left: 0px !important;
1458
+ padding-left: 8px;
1459
+ }
1460
+
1461
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1462
+ color: #da291c;
1463
+ background-color: #ffffff;
1464
+ padding: 14px 8px 18px 8px;
1465
+ border-radius: 4px 4px 0 0;
1466
+ }
1467
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1468
+ color: #da291c;
1469
+ margin-left: 0px !important;
1470
+ padding-left: unset;
1471
+ padding-right: 8px;
1472
+ transform: rotate(-180deg);
1473
+ }
1474
+
1475
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1476
+ color: #da291c !important;
1477
+ }
1478
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1479
+ border-radius: 4px 4px 0 0;
1480
+ background-color: #ffffff;
1481
+ padding: 14px 8px 18px 8px;
1482
+ }
1483
+
1484
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1485
+ color: unset !important;
1486
+ }
1487
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1488
+ background-color: unset;
1489
+ }
1490
+
1491
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1492
+ background-color: transparent;
1493
+ }
1494
+
1495
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1496
+ margin-left: 0px !important;
1497
+ position: absolute;
1498
+ min-width: 214px;
1499
+ display: block;
1500
+ padding: 36px 32px 36px 32px;
1501
+ font-size: 18px;
1502
+ line-height: 24px;
1503
+ border: 0;
1504
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1505
+ background-color: #ffffff;
1506
+ border-radius: 0 0 8px 8px;
1507
+ z-index: 1;
1508
+ }
1509
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1510
+ margin-left: 0 !important;
1511
+ padding-top: 18px;
1512
+ }
1513
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1514
+ padding-top: 28px;
1515
+ }
1516
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1517
+ border-bottom: 1px solid #e6e3df;
1518
+ padding-bottom: 18px;
1519
+ }
1520
+
1521
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1522
+ background-color: #111111;
1523
+ }
1524
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1525
+ background-color: #1f1f1f;
1526
+ }
1527
+
1528
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
1529
+ /* center a block element */
1530
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1531
+ /* setting styles in separate formats for cross browser support */
1532
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1533
+ /* vertically center alilgn any HTML element */
1534
+ /* add basePath to assets */
1535
+ .CartClearConfirm-module__overlay___sxCOO {
1536
+ position: absolute;
1537
+ inset: 0;
1538
+ z-index: 10;
1539
+ background: rgba(0, 0, 0, 0.42);
1540
+ display: flex;
1541
+ align-items: center;
1542
+ justify-content: center;
1543
+ padding: 24px;
1544
+ }
1545
+
1546
+ .CartClearConfirm-module__dialog___UWokE {
1547
+ background: transparent;
1548
+ border-radius: 16px;
1549
+ padding: 24px;
1550
+ width: 100%;
1551
+ max-width: 320px;
1552
+ display: flex;
1553
+ flex-direction: column;
1554
+ gap: 24px;
1555
+ }
1556
+
1557
+ .CartClearConfirm-module__message___vd9VO {
1558
+ font-size: 18px;
1559
+ line-height: 26px;
1560
+ font-weight: 700;
1561
+ color: #ffffff;
1562
+ text-align: center;
1563
+ }
1564
+
1565
+ .CartClearConfirm-module__actions___X0-0w {
1566
+ display: flex;
1567
+ gap: 12px;
1568
+ }
1569
+
1570
+ .CartClearConfirm-module__cancelButton___LYopb {
1571
+ flex: 1;
1572
+ height: 48px;
1573
+ background: none;
1574
+ border: 2px solid #ffffff;
1575
+ border-radius: 28px;
1576
+ font-size: 16px;
1577
+ line-height: 24px;
1578
+ font-weight: 600;
1579
+ color: #ffffff;
1580
+ cursor: pointer;
1581
+ transition: background-color 0.15s ease;
1582
+ }
1583
+ .CartClearConfirm-module__cancelButton___LYopb:hover {
1584
+ background-color: rgba(255, 255, 255, 0.1);
1585
+ }
1586
+ .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
1587
+ outline: 2px solid #ffffff;
1588
+ outline-offset: 2px;
1589
+ }
1590
+
1591
+ .CartClearConfirm-module__confirmButton___KgPKy {
1592
+ flex: 1;
1593
+ height: 48px;
1594
+ background: #ffffff;
1595
+ border: 2px solid #ffffff;
1596
+ border-radius: 28px;
1597
+ font-size: 16px;
1598
+ line-height: 24px;
1599
+ font-weight: 600;
1600
+ color: #3d3935;
1601
+ cursor: pointer;
1602
+ transition: background-color 0.15s ease;
1603
+ }
1604
+ .CartClearConfirm-module__confirmButton___KgPKy:hover {
1605
+ background-color: #e6e3df;
1606
+ border-color: #e6e3df;
1607
+ }
1608
+ .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
1609
+ outline: 2px solid #ffffff;
1610
+ outline-offset: 2px;
1611
+ }
1612
+
1540
1613
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1541
1614
  /* center a block element */
1542
1615
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1765,6 +1838,124 @@
1765
1838
  outline-offset: 2px;
1766
1839
  }
1767
1840
 
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
+
1768
1959
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartItems/CartItems.module.scss */
1769
1960
  /* center a block element */
1770
1961
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1921,178 +2112,6 @@
1921
2112
  }
1922
2113
  }
1923
2114
 
1924
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1925
- /* center a block element */
1926
- /* use this to any of the pseudo elements as these are the mandatory properties */
1927
- /* setting styles in separate formats for cross browser support */
1928
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1929
- /* vertically center alilgn any HTML element */
1930
- /* add basePath to assets */
1931
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1932
- margin-left: 0 !important;
1933
- }
1934
-
1935
- .BusinessCustomerLinkOut-module__icon___lYHUm {
1936
- padding: 14px 8px 18px 8px;
1937
- cursor: pointer;
1938
- }
1939
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
1940
- margin-left: 0px !important;
1941
- padding-left: 8px;
1942
- }
1943
-
1944
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1945
- color: #da291c;
1946
- background-color: #ffffff;
1947
- padding: 14px 8px 18px 8px;
1948
- border-radius: 4px 4px 0 0;
1949
- }
1950
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1951
- color: #da291c;
1952
- margin-left: 0px !important;
1953
- padding-left: unset;
1954
- padding-right: 8px;
1955
- transform: rotate(-180deg);
1956
- }
1957
-
1958
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1959
- color: #da291c !important;
1960
- }
1961
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1962
- border-radius: 4px 4px 0 0;
1963
- background-color: #ffffff;
1964
- padding: 14px 8px 18px 8px;
1965
- }
1966
-
1967
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1968
- color: unset !important;
1969
- }
1970
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1971
- background-color: unset;
1972
- }
1973
-
1974
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1975
- background-color: transparent;
1976
- }
1977
-
1978
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1979
- margin-left: 0px !important;
1980
- position: absolute;
1981
- min-width: 214px;
1982
- display: block;
1983
- padding: 36px 32px 36px 32px;
1984
- font-size: 18px;
1985
- line-height: 24px;
1986
- border: 0;
1987
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1988
- background-color: #ffffff;
1989
- border-radius: 0 0 8px 8px;
1990
- z-index: 1;
1991
- }
1992
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1993
- margin-left: 0 !important;
1994
- padding-top: 18px;
1995
- }
1996
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1997
- padding-top: 28px;
1998
- }
1999
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
2000
- border-bottom: 1px solid #e6e3df;
2001
- padding-bottom: 18px;
2002
- }
2003
-
2004
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
2005
- background-color: #111111;
2006
- }
2007
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
2008
- background-color: #1f1f1f;
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.42);
2023
- display: flex;
2024
- align-items: center;
2025
- justify-content: center;
2026
- padding: 24px;
2027
- }
2028
-
2029
- .CartClearConfirm-module__dialog___UWokE {
2030
- background: transparent;
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: #ffffff;
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 #ffffff;
2058
- border-radius: 28px;
2059
- font-size: 16px;
2060
- line-height: 24px;
2061
- font-weight: 600;
2062
- color: #ffffff;
2063
- cursor: pointer;
2064
- transition: background-color 0.15s ease;
2065
- }
2066
- .CartClearConfirm-module__cancelButton___LYopb:hover {
2067
- background-color: rgba(255, 255, 255, 0.1);
2068
- }
2069
- .CartClearConfirm-module__cancelButton___LYopb:focus-visible {
2070
- outline: 2px solid #ffffff;
2071
- outline-offset: 2px;
2072
- }
2073
-
2074
- .CartClearConfirm-module__confirmButton___KgPKy {
2075
- flex: 1;
2076
- height: 48px;
2077
- background: #ffffff;
2078
- border: 2px solid #ffffff;
2079
- border-radius: 28px;
2080
- font-size: 16px;
2081
- line-height: 24px;
2082
- font-weight: 600;
2083
- color: #3d3935;
2084
- cursor: pointer;
2085
- transition: background-color 0.15s ease;
2086
- }
2087
- .CartClearConfirm-module__confirmButton___KgPKy:hover {
2088
- background-color: #e6e3df;
2089
- border-color: #e6e3df;
2090
- }
2091
- .CartClearConfirm-module__confirmButton___KgPKy:focus-visible {
2092
- outline: 2px solid #ffffff;
2093
- outline-offset: 2px;
2094
- }
2095
-
2096
2115
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2097
2116
  /* center a block element */
2098
2117
  /* use this to any of the pseudo elements as these are the mandatory properties */