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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css +3 -3
  2. package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css +3 -3
  3. package/dist/esm/components/FalconButtonV3/FalconButtonV3.css +3 -3
  4. package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css +3 -3
  5. package/dist/navigation.css +528 -528
  6. package/package.json +1 -1
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.css CHANGED
@@ -44,7 +44,7 @@
44
44
  color: #da291c;
45
45
  }
46
46
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
47
+ background-color: transparent;
48
48
  }
49
49
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
50
50
  color: #961c13 !important;
@@ -64,7 +64,7 @@
64
64
  color: #da291c;
65
65
  }
66
66
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
67
+ background-color: transparent;
68
68
  }
69
69
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
70
70
  color: #961c13 !important;
@@ -105,7 +105,7 @@
105
105
  color: #da291c;
106
106
  }
107
107
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
108
+ background-color: transparent;
109
109
  }
110
110
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
111
  color: #961c13 !important;
package/dist/cjs/components/FalconButtonV3/FalconButtonV3.module.scss.css CHANGED
@@ -44,7 +44,7 @@
44
44
  color: #da291c;
45
45
  }
46
46
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
47
+ background-color: transparent;
48
48
  }
49
49
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
50
50
  color: #961c13 !important;
@@ -64,7 +64,7 @@
64
64
  color: #da291c;
65
65
  }
66
66
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
67
+ background-color: transparent;
68
68
  }
69
69
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
70
70
  color: #961c13 !important;
@@ -105,7 +105,7 @@
105
105
  color: #da291c;
106
106
  }
107
107
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
108
+ background-color: transparent;
109
109
  }
110
110
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
111
  color: #961c13 !important;
package/dist/esm/components/FalconButtonV3/FalconButtonV3.css CHANGED
@@ -44,7 +44,7 @@
44
44
  color: #da291c;
45
45
  }
46
46
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
47
+ background-color: transparent;
48
48
  }
49
49
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
50
50
  color: #961c13 !important;
@@ -64,7 +64,7 @@
64
64
  color: #da291c;
65
65
  }
66
66
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
67
+ background-color: transparent;
68
68
  }
69
69
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
70
70
  color: #961c13 !important;
@@ -105,7 +105,7 @@
105
105
  color: #da291c;
106
106
  }
107
107
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
108
+ background-color: transparent;
109
109
  }
110
110
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
111
  color: #961c13 !important;
package/dist/esm/components/FalconButtonV3/FalconButtonV3.module.scss.css CHANGED
@@ -44,7 +44,7 @@
44
44
  color: #da291c;
45
45
  }
46
46
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF- .FalconButtonV3-module__icon___hYGF4 {
47
- background-color: currentColor;
47
+ background-color: transparent;
48
48
  }
49
49
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V4___4kQF-:hover {
50
50
  color: #961c13 !important;
@@ -64,7 +64,7 @@
64
64
  color: #da291c;
65
65
  }
66
66
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
67
- background-color: currentColor;
67
+ background-color: transparent;
68
68
  }
69
69
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
70
70
  color: #961c13 !important;
@@ -105,7 +105,7 @@
105
105
  color: #da291c;
106
106
  }
107
107
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr .FalconButtonV3-module__icon___hYGF4 {
108
- background-color: currentColor;
108
+ background-color: transparent;
109
109
  }
110
110
  .FalconButtonV3-module__button___aK4J4.FalconButtonV3-module__Secondary-V1___oqcpr:hover {
111
111
  color: #961c13 !important;
package/dist/navigation.css CHANGED
@@ -666,124 +666,6 @@
666
666
  visibility: visible;
667
667
  }
668
668
 
669
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
670
- /* center a block element */
671
- /* use this to any of the pseudo elements as these are the mandatory properties */
672
- /* setting styles in separate formats for cross browser support */
673
- /* specify the max width for an element and apply ellipses and truncate the overflow */
674
- /* vertically center alilgn any HTML element */
675
- /* add basePath to assets */
676
- .cart-overlay-panel.offcanvas {
677
- transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
678
- }
679
-
680
- .cart-overlay-panel .offcanvas-header {
681
- height: 96px;
682
- padding: 20px 16px;
683
- gap: 24px;
684
- align-items: center;
685
- background: #ffffff;
686
- border-bottom: 1px solid #e6e3df;
687
- }
688
-
689
- .cart-overlay-panel .offcanvas-title {
690
- display: flex;
691
- flex-direction: column;
692
- align-items: flex-start;
693
- gap: 2px;
694
- font-size: 24px;
695
- line-height: 32px;
696
- font-weight: 700;
697
- color: #3d3935;
698
- }
699
- @media (max-width: 1023px) {
700
- .cart-overlay-panel .offcanvas-title {
701
- font-size: 20px;
702
- line-height: 28px;
703
- }
704
- }
705
-
706
- .cart-overlay-panel .btn-close {
707
- opacity: 0.7;
708
- width: 20px;
709
- height: 20px;
710
- }
711
- .cart-overlay-panel .btn-close:hover {
712
- opacity: 1;
713
- }
714
-
715
- .cart-overlay-panel .offcanvas-body {
716
- padding: 0;
717
- overflow-y: auto;
718
- display: flex;
719
- flex-direction: column;
720
- background: #f7f6f5;
721
- }
722
-
723
- .cart-overlay-panel.offcanvas-bottom {
724
- border-radius: 8px 8px 0 0 !important;
725
- width: 100% !important;
726
- overflow: hidden;
727
- }
728
-
729
- .CartOverlay-module__backdrop___lMc-O {
730
- position: fixed;
731
- inset: 0;
732
- z-index: 1040;
733
- background: rgba(0, 0, 0, 0.42);
734
- animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
735
- }
736
-
737
- @keyframes CartOverlay-module__fadeIn___G8JYJ {
738
- from {
739
- opacity: 0;
740
- }
741
- to {
742
- opacity: 1;
743
- }
744
- }
745
- .CartOverlay-module__footer___OwJpW {
746
- padding: 16px 24px;
747
- border-top: 1px solid #d2d2d2;
748
- background-color: #ffffff;
749
- }
750
-
751
- .CartOverlay-module__dismissButton___57qsq {
752
- display: flex;
753
- align-items: center;
754
- justify-content: center;
755
- width: 100%;
756
- height: 52px;
757
- padding: 14px 24px;
758
- gap: 8px;
759
- background: none;
760
- border: 2px solid #da291c;
761
- border-radius: 28px;
762
- font-size: 16px;
763
- line-height: 24px;
764
- font-weight: 600;
765
- color: #da291c;
766
- text-align: center;
767
- cursor: pointer;
768
- transition: background-color 0.15s ease;
769
- }
770
- .CartOverlay-module__dismissButton___57qsq:hover {
771
- background-color: rgba(218, 41, 28, 0.05);
772
- }
773
- .CartOverlay-module__dismissButton___57qsq:focus-visible {
774
- outline: 2px solid #da291c;
775
- outline-offset: 2px;
776
- }
777
-
778
- .CartOverlay-module__errorMessage___ylBiH {
779
- margin: auto 24px;
780
- padding: 16px;
781
- font-size: 20px;
782
- line-height: 28px;
783
- color: #3d3935;
784
- text-align: center;
785
- }
786
-
787
669
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/MinimizedHeader/MinimizedHeader.module.scss */
788
670
  /* center a block element */
789
671
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -901,21 +783,456 @@
901
783
  line-height: 24px;
902
784
  }
903
785
  }
904
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
905
- position: fixed;
906
- top: 0;
907
- left: 0;
908
- padding: 4px 8px;
909
- font-size: 14px;
910
- z-index: 10000;
911
- color: #5f5955;
912
- background: #ffffff;
786
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
787
+ position: fixed;
788
+ top: 0;
789
+ left: 0;
790
+ padding: 4px 8px;
791
+ font-size: 14px;
792
+ z-index: 10000;
793
+ color: #5f5955;
794
+ background: #ffffff;
795
+ }
796
+ @media (max-width: 850px) {
797
+ .MinimizedHeader-module__s20-header__version-number___vI9Rr {
798
+ padding: 0 4px;
799
+ font-size: 8px;
800
+ }
801
+ }
802
+
803
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
804
+ /* center a block element */
805
+ /* use this to any of the pseudo elements as these are the mandatory properties */
806
+ /* setting styles in separate formats for cross browser support */
807
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
808
+ /* vertically center alilgn any HTML element */
809
+ /* add basePath to assets */
810
+ @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
811
+ 0%, 80%, 100% {
812
+ transform: translateY(0);
813
+ }
814
+ 40% {
815
+ transform: translateY(-10px);
816
+ }
817
+ }
818
+ .CartDotLoader-module__loaderWrapper___PmIHe {
819
+ display: flex;
820
+ flex-direction: column;
821
+ align-items: center;
822
+ justify-content: center;
823
+ gap: 20px;
824
+ height: 100%;
825
+ min-height: 200px;
826
+ padding: 40px 24px;
827
+ }
828
+
829
+ .CartDotLoader-module__dots___OiUF- {
830
+ display: flex;
831
+ align-items: center;
832
+ gap: 8px;
833
+ }
834
+
835
+ .CartDotLoader-module__dot___RsJtn {
836
+ display: block;
837
+ width: 12px;
838
+ height: 12px;
839
+ border-radius: 50%;
840
+ background-color: #da291c;
841
+ animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
842
+ }
843
+ .CartDotLoader-module__dot___RsJtn:nth-child(1) {
844
+ animation-delay: 0s;
845
+ }
846
+ .CartDotLoader-module__dot___RsJtn:nth-child(2) {
847
+ animation-delay: 0.2s;
848
+ }
849
+ .CartDotLoader-module__dot___RsJtn:nth-child(3) {
850
+ animation-delay: 0.4s;
851
+ }
852
+ .CartDotLoader-module__dot___RsJtn:nth-child(4) {
853
+ animation-delay: 0.6s;
854
+ }
855
+
856
+ .CartDotLoader-module__loaderText___7uOK9 {
857
+ font-size: 16px;
858
+ line-height: 24px;
859
+ font-weight: 700;
860
+ color: #3d3935;
861
+ margin: 0;
862
+ text-align: center;
863
+ }
864
+
865
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
866
+ /* center a block element */
867
+ /* use this to any of the pseudo elements as these are the mandatory properties */
868
+ /* setting styles in separate formats for cross browser support */
869
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
870
+ /* vertically center alilgn any HTML element */
871
+ /* add basePath to assets */
872
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
873
+ font-weight: unset;
874
+ }
875
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
876
+ position: relative;
877
+ color: #333333;
878
+ display: -webkit-box;
879
+ font-size: 16px;
880
+ line-height: 24px;
881
+ display: flex;
882
+ height: auto;
883
+ text-decoration: none;
884
+ padding: 10px 10px 10px 10px;
885
+ margin-bottom: 4px;
886
+ background-color: #ffffff;
887
+ }
888
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
889
+ border: 1px solid #e8e8e8;
890
+ }
891
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
892
+ position: absolute;
893
+ left: 10px;
894
+ }
895
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
896
+ position: absolute;
897
+ right: 10px;
898
+ }
899
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
900
+ transition: transform 0.2s ease;
901
+ }
902
+ .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
903
+ display: block;
904
+ flex-shrink: 0;
905
+ height: 24px;
906
+ width: 24px;
907
+ margin-right: 8px;
908
+ }
909
+
910
+ .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
911
+ transform: rotate(-180deg);
912
+ }
913
+
914
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
915
+ background-color: #1f1f1f;
916
+ color: #ffffff;
917
+ border: 1px solid #2c2c2c;
918
+ }
919
+ .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
920
+ filter: brightness(0) invert(0.9);
921
+ }
922
+
923
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
924
+ /* center a block element */
925
+ /* use this to any of the pseudo elements as these are the mandatory properties */
926
+ /* setting styles in separate formats for cross browser support */
927
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
928
+ /* vertically center alilgn any HTML element */
929
+ /* add basePath to assets */
930
+ .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
931
+ margin-left: 0 !important;
932
+ }
933
+
934
+ .BusinessCustomerLinkOut-module__icon___lYHUm {
935
+ padding: 14px 8px 18px 8px;
936
+ cursor: pointer;
937
+ }
938
+ .BusinessCustomerLinkOut-module__icon___lYHUm img {
939
+ margin-left: 0px !important;
940
+ padding-left: 8px;
941
+ }
942
+
943
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 {
944
+ color: #da291c;
945
+ background-color: #ffffff;
946
+ padding: 14px 8px 18px 8px;
947
+ border-radius: 4px 4px 0 0;
948
+ }
949
+ .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
950
+ color: #da291c;
951
+ margin-left: 0px !important;
952
+ padding-left: unset;
953
+ padding-right: 8px;
954
+ transform: rotate(-180deg);
955
+ }
956
+
957
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
958
+ color: #da291c !important;
959
+ }
960
+ .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
961
+ border-radius: 4px 4px 0 0;
962
+ background-color: #ffffff;
963
+ padding: 14px 8px 18px 8px;
964
+ }
965
+
966
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
967
+ color: unset !important;
968
+ }
969
+ .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
970
+ background-color: unset;
971
+ }
972
+
973
+ .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
974
+ background-color: transparent;
975
+ }
976
+
977
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
978
+ margin-left: 0px !important;
979
+ position: absolute;
980
+ min-width: 214px;
981
+ display: block;
982
+ padding: 36px 32px 36px 32px;
983
+ font-size: 18px;
984
+ line-height: 24px;
985
+ border: 0;
986
+ box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
987
+ background-color: #ffffff;
988
+ border-radius: 0 0 8px 8px;
989
+ z-index: 1;
990
+ }
991
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
992
+ margin-left: 0 !important;
993
+ padding-top: 18px;
994
+ }
995
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
996
+ padding-top: 28px;
997
+ }
998
+ .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
999
+ border-bottom: 1px solid #e6e3df;
1000
+ padding-bottom: 18px;
1001
+ }
1002
+
1003
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1004
+ background-color: #111111;
1005
+ }
1006
+ .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1007
+ background-color: #1f1f1f;
1008
+ }
1009
+
1010
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1011
+ /* center a block element */
1012
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1013
+ /* setting styles in separate formats for cross browser support */
1014
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1015
+ /* vertically center alilgn any HTML element */
1016
+ /* add basePath to assets */
1017
+ .SubNavigation-module__container___Wb5XN {
1018
+ background-color: #ffffff;
1019
+ color: #575452;
1020
+ border-radius: 0px 0px 8px 8px;
1021
+ margin: 0 auto;
1022
+ max-width: 1308px;
1023
+ min-height: 47px;
1024
+ -webkit-align-items: center;
1025
+ -moz-align-items: center;
1026
+ -o-align-items: center;
1027
+ align-items: center;
1028
+ }
1029
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1030
+ font-size: 14px;
1031
+ line-height: 20px;
1032
+ font-weight: 700;
1033
+ }
1034
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1035
+ margin-left: 0 !important;
1036
+ margin-top: 0 !important;
1037
+ font-size: 18px;
1038
+ line-height: 24px;
1039
+ font-weight: 400;
1040
+ display: block !important;
1041
+ }
1042
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1043
+ padding-bottom: 28px;
1044
+ }
1045
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1046
+ font-size: 14px;
1047
+ line-height: 20px;
1048
+ color: #7A7A7B;
1049
+ font-weight: 700;
1050
+ padding-bottom: 28px;
1051
+ }
1052
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1053
+ display: flex;
1054
+ grid-column: 2;
1055
+ grid-template-columns: repeat(auto-fit, 20%);
1056
+ padding: 24px 32px;
1057
+ }
1058
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1059
+ border-left: 1px solid #e6e3df;
1060
+ padding-left: 24px;
1061
+ padding-right: 24px;
1062
+ max-width: 248px;
1063
+ }
1064
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1065
+ padding-left: 0;
1066
+ border: none;
1067
+ }
1068
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1069
+ margin-left: 4px;
1070
+ vertical-align: middle;
1071
+ height: 24px;
1072
+ width: 24px;
1073
+ }
1074
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1075
+ margin-left: 0;
1076
+ margin-right: 4px;
1077
+ }
1078
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1079
+ white-space: nowrap;
1080
+ display: inline-flex;
1081
+ align-items: center;
1082
+ }
1083
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1084
+ display: flex;
1085
+ align-items: flex-start;
1086
+ gap: 4px;
1087
+ white-space: normal;
1088
+ max-width: 100%;
1089
+ }
1090
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1091
+ white-space: normal;
1092
+ min-width: 0;
1093
+ }
1094
+ .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1095
+ white-space: normal;
1096
+ align-items: flex-start;
1097
+ gap: 4px;
1098
+ }
1099
+
1100
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1101
+ background-color: #1f1f1f;
1102
+ color: #ffffff;
1103
+ }
1104
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1105
+ color: #ffffff;
1106
+ }
1107
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1108
+ color: #ffffff;
1109
+ }
1110
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1111
+ color: #ffffff;
1112
+ }
1113
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1114
+ border-left: 1px solid #86807c;
1115
+ }
1116
+ .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1117
+ border: none;
1118
+ }
1119
+
1120
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartOverlay.module.scss */
1121
+ /* center a block element */
1122
+ /* use this to any of the pseudo elements as these are the mandatory properties */
1123
+ /* setting styles in separate formats for cross browser support */
1124
+ /* specify the max width for an element and apply ellipses and truncate the overflow */
1125
+ /* vertically center alilgn any HTML element */
1126
+ /* add basePath to assets */
1127
+ .cart-overlay-panel.offcanvas {
1128
+ transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
1129
+ }
1130
+
1131
+ .cart-overlay-panel .offcanvas-header {
1132
+ height: 96px;
1133
+ padding: 20px 16px;
1134
+ gap: 24px;
1135
+ align-items: center;
1136
+ background: #ffffff;
1137
+ border-bottom: 1px solid #e6e3df;
1138
+ }
1139
+
1140
+ .cart-overlay-panel .offcanvas-title {
1141
+ display: flex;
1142
+ flex-direction: column;
1143
+ align-items: flex-start;
1144
+ gap: 2px;
1145
+ font-size: 24px;
1146
+ line-height: 32px;
1147
+ font-weight: 700;
1148
+ color: #3d3935;
1149
+ }
1150
+ @media (max-width: 1023px) {
1151
+ .cart-overlay-panel .offcanvas-title {
1152
+ font-size: 20px;
1153
+ line-height: 28px;
1154
+ }
1155
+ }
1156
+
1157
+ .cart-overlay-panel .btn-close {
1158
+ opacity: 0.7;
1159
+ width: 20px;
1160
+ height: 20px;
1161
+ }
1162
+ .cart-overlay-panel .btn-close:hover {
1163
+ opacity: 1;
1164
+ }
1165
+
1166
+ .cart-overlay-panel .offcanvas-body {
1167
+ padding: 0;
1168
+ overflow-y: auto;
1169
+ display: flex;
1170
+ flex-direction: column;
1171
+ background: #f7f6f5;
1172
+ }
1173
+
1174
+ .cart-overlay-panel.offcanvas-bottom {
1175
+ border-radius: 8px 8px 0 0 !important;
1176
+ width: 100% !important;
1177
+ overflow: hidden;
1178
+ }
1179
+
1180
+ .CartOverlay-module__backdrop___lMc-O {
1181
+ position: fixed;
1182
+ inset: 0;
1183
+ z-index: 1040;
1184
+ background: rgba(0, 0, 0, 0.42);
1185
+ animation: CartOverlay-module__fadeIn___G8JYJ 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
1186
+ }
1187
+
1188
+ @keyframes CartOverlay-module__fadeIn___G8JYJ {
1189
+ from {
1190
+ opacity: 0;
1191
+ }
1192
+ to {
1193
+ opacity: 1;
1194
+ }
1195
+ }
1196
+ .CartOverlay-module__footer___OwJpW {
1197
+ padding: 16px 24px;
1198
+ border-top: 1px solid #d2d2d2;
1199
+ background-color: #ffffff;
1200
+ }
1201
+
1202
+ .CartOverlay-module__dismissButton___57qsq {
1203
+ display: flex;
1204
+ align-items: center;
1205
+ justify-content: center;
1206
+ width: 100%;
1207
+ height: 52px;
1208
+ padding: 14px 24px;
1209
+ gap: 8px;
1210
+ background: none;
1211
+ border: 2px solid #da291c;
1212
+ border-radius: 28px;
1213
+ font-size: 16px;
1214
+ line-height: 24px;
1215
+ font-weight: 600;
1216
+ color: #da291c;
1217
+ text-align: center;
1218
+ cursor: pointer;
1219
+ transition: background-color 0.15s ease;
1220
+ }
1221
+ .CartOverlay-module__dismissButton___57qsq:hover {
1222
+ background-color: rgba(218, 41, 28, 0.05);
913
1223
  }
914
- @media (max-width: 850px) {
915
- .MinimizedHeader-module__s20-header__version-number___vI9Rr {
916
- padding: 0 4px;
917
- font-size: 8px;
918
- }
1224
+ .CartOverlay-module__dismissButton___57qsq:focus-visible {
1225
+ outline: 2px solid #da291c;
1226
+ outline-offset: 2px;
1227
+ }
1228
+
1229
+ .CartOverlay-module__errorMessage___ylBiH {
1230
+ margin: auto 24px;
1231
+ padding: 16px;
1232
+ font-size: 20px;
1233
+ line-height: 28px;
1234
+ color: #3d3935;
1235
+ text-align: center;
919
1236
  }
920
1237
 
921
1238
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/LocaleSelector/LocaleSelector.module.scss */
@@ -1306,68 +1623,6 @@
1306
1623
  }
1307
1624
  }
1308
1625
 
1309
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartDotLoader/CartDotLoader.module.scss */
1310
- /* center a block element */
1311
- /* use this to any of the pseudo elements as these are the mandatory properties */
1312
- /* setting styles in separate formats for cross browser support */
1313
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1314
- /* vertically center alilgn any HTML element */
1315
- /* add basePath to assets */
1316
- @keyframes CartDotLoader-module__dotBounce___Gv8-6 {
1317
- 0%, 80%, 100% {
1318
- transform: translateY(0);
1319
- }
1320
- 40% {
1321
- transform: translateY(-10px);
1322
- }
1323
- }
1324
- .CartDotLoader-module__loaderWrapper___PmIHe {
1325
- display: flex;
1326
- flex-direction: column;
1327
- align-items: center;
1328
- justify-content: center;
1329
- gap: 20px;
1330
- height: 100%;
1331
- min-height: 200px;
1332
- padding: 40px 24px;
1333
- }
1334
-
1335
- .CartDotLoader-module__dots___OiUF- {
1336
- display: flex;
1337
- align-items: center;
1338
- gap: 8px;
1339
- }
1340
-
1341
- .CartDotLoader-module__dot___RsJtn {
1342
- display: block;
1343
- width: 12px;
1344
- height: 12px;
1345
- border-radius: 50%;
1346
- background-color: #da291c;
1347
- animation: CartDotLoader-module__dotBounce___Gv8-6 1.2s ease-in-out infinite;
1348
- }
1349
- .CartDotLoader-module__dot___RsJtn:nth-child(1) {
1350
- animation-delay: 0s;
1351
- }
1352
- .CartDotLoader-module__dot___RsJtn:nth-child(2) {
1353
- animation-delay: 0.2s;
1354
- }
1355
- .CartDotLoader-module__dot___RsJtn:nth-child(3) {
1356
- animation-delay: 0.4s;
1357
- }
1358
- .CartDotLoader-module__dot___RsJtn:nth-child(4) {
1359
- animation-delay: 0.6s;
1360
- }
1361
-
1362
- .CartDotLoader-module__loaderText___7uOK9 {
1363
- font-size: 16px;
1364
- line-height: 24px;
1365
- font-weight: 700;
1366
- color: #3d3935;
1367
- margin: 0;
1368
- text-align: center;
1369
- }
1370
-
1371
1626
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartHeader/CartHeader.module.scss */
1372
1627
  /* center a block element */
1373
1628
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1416,64 +1671,6 @@
1416
1671
  border-radius: 2px;
1417
1672
  }
1418
1673
 
1419
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileMenuItem/MobileMenuItem.module.scss */
1420
- /* center a block element */
1421
- /* use this to any of the pseudo elements as these are the mandatory properties */
1422
- /* setting styles in separate formats for cross browser support */
1423
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1424
- /* vertically center alilgn any HTML element */
1425
- /* add basePath to assets */
1426
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__open-item___F6T3z:hover {
1427
- font-weight: unset;
1428
- }
1429
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY {
1430
- position: relative;
1431
- color: #333333;
1432
- display: -webkit-box;
1433
- font-size: 16px;
1434
- line-height: 24px;
1435
- display: flex;
1436
- height: auto;
1437
- text-decoration: none;
1438
- padding: 10px 10px 10px 10px;
1439
- margin-bottom: 4px;
1440
- background-color: #ffffff;
1441
- }
1442
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY.MobileMenuItem-module__new-style___tBLR0 {
1443
- border: 1px solid #e8e8e8;
1444
- }
1445
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY > img {
1446
- position: absolute;
1447
- left: 10px;
1448
- }
1449
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC {
1450
- position: absolute;
1451
- right: 10px;
1452
- }
1453
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1454
- transition: transform 0.2s ease;
1455
- }
1456
- .MobileMenuItem-module__container___7iZGF .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__promo-icon___TLFaw {
1457
- display: block;
1458
- flex-shrink: 0;
1459
- height: 24px;
1460
- width: 24px;
1461
- margin-right: 8px;
1462
- }
1463
-
1464
- .MobileMenuItem-module__container___7iZGF.active-link .MobileMenuItem-module__nav-link___56LxY .MobileMenuItem-module__icon___mC-gC img {
1465
- transform: rotate(-180deg);
1466
- }
1467
-
1468
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__nav-link___56LxY {
1469
- background-color: #1f1f1f;
1470
- color: #ffffff;
1471
- border: 1px solid #2c2c2c;
1472
- }
1473
- .MobileMenuItem-module__container___7iZGF.MobileMenuItem-module__inverted___kaJ2O .MobileMenuItem-module__icon___mC-gC img {
1474
- filter: brightness(0) invert(0.9);
1475
- }
1476
-
1477
1674
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/EmptyCart/EmptyCart.module.scss */
1478
1675
  /* center a block element */
1479
1676
  /* use this to any of the pseudo elements as these are the mandatory properties */
@@ -1521,126 +1718,39 @@
1521
1718
  display: flex;
1522
1719
  flex-direction: column;
1523
1720
  align-items: center;
1524
- justify-content: center;
1525
- gap: 6px;
1526
- flex: 1;
1527
- padding: 12px 8px;
1528
- background-color: #ffffff;
1529
- border: none;
1530
- border-radius: 8px;
1531
- text-decoration: none;
1532
- color: #3d3935;
1533
- font-size: 12px;
1534
- line-height: 16px;
1535
- font-weight: 500;
1536
- text-align: center;
1537
- transition: background-color 0.15s ease;
1538
- }
1539
- .EmptyCart-module__categoryLink___YxsmA:hover {
1540
- background-color: #f8f8f8;
1541
- text-decoration: none;
1542
- color: #3d3935;
1543
- }
1544
- .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1545
- outline: 2px solid #e6003c;
1546
- outline-offset: 2px;
1547
- }
1548
-
1549
- .EmptyCart-module__categoryLinkIcon___HjhbO {
1550
- display: flex;
1551
- align-items: center;
1552
- justify-content: center;
1553
- }
1554
-
1555
- .EmptyCart-module__categoryLinkLabel___1dS9s {
1556
- line-height: 1.3;
1557
- }
1558
-
1559
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/FalconHeader/BusinessCustomerLinkOut/BusinessCustomerLinkOut.module.scss */
1560
- /* center a block element */
1561
- /* use this to any of the pseudo elements as these are the mandatory properties */
1562
- /* setting styles in separate formats for cross browser support */
1563
- /* specify the max width for an element and apply ellipses and truncate the overflow */
1564
- /* vertically center alilgn any HTML element */
1565
- /* add basePath to assets */
1566
- .BusinessCustomerLinkOut-module__outer-icon___lsbX9 {
1567
- margin-left: 0 !important;
1568
- }
1569
-
1570
- .BusinessCustomerLinkOut-module__icon___lYHUm {
1571
- padding: 14px 8px 18px 8px;
1572
- cursor: pointer;
1573
- }
1574
- .BusinessCustomerLinkOut-module__icon___lYHUm img {
1575
- margin-left: 0px !important;
1576
- padding-left: 8px;
1577
- }
1578
-
1579
- .BusinessCustomerLinkOut-module__icon1___VBeT5 {
1580
- color: #da291c;
1581
- background-color: #ffffff;
1582
- padding: 14px 8px 18px 8px;
1583
- border-radius: 4px 4px 0 0;
1584
- }
1585
- .BusinessCustomerLinkOut-module__icon1___VBeT5 img {
1586
- color: #da291c;
1587
- margin-left: 0px !important;
1588
- padding-left: unset;
1589
- padding-right: 8px;
1590
- transform: rotate(-180deg);
1591
- }
1592
-
1593
- .BusinessCustomerLinkOut-module__icon2___gPMoZ a, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm a {
1594
- color: #da291c !important;
1595
- }
1596
- .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1597
- border-radius: 4px 4px 0 0;
1598
- background-color: #ffffff;
1599
- padding: 14px 8px 18px 8px;
1600
- }
1601
-
1602
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f a {
1603
- color: unset !important;
1604
- }
1605
- .BusinessCustomerLinkOut-module__dropdown-one-item___MVk1f {
1606
- background-color: unset;
1607
- }
1608
-
1609
- .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1610
- background-color: transparent;
1611
- }
1612
-
1613
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf {
1614
- margin-left: 0px !important;
1615
- position: absolute;
1616
- min-width: 214px;
1617
- display: block;
1618
- padding: 36px 32px 36px 32px;
1619
- font-size: 18px;
1620
- line-height: 24px;
1621
- border: 0;
1622
- box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
1721
+ justify-content: center;
1722
+ gap: 6px;
1723
+ flex: 1;
1724
+ padding: 12px 8px;
1623
1725
  background-color: #ffffff;
1624
- border-radius: 0 0 8px 8px;
1625
- z-index: 1;
1626
- }
1627
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :not(:first-child) {
1628
- margin-left: 0 !important;
1629
- padding-top: 18px;
1726
+ border: none;
1727
+ border-radius: 8px;
1728
+ text-decoration: none;
1729
+ color: #3d3935;
1730
+ font-size: 12px;
1731
+ line-height: 16px;
1732
+ font-weight: 500;
1733
+ text-align: center;
1734
+ transition: background-color 0.15s ease;
1630
1735
  }
1631
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf :last-child {
1632
- padding-top: 28px;
1736
+ .EmptyCart-module__categoryLink___YxsmA:hover {
1737
+ background-color: #f8f8f8;
1738
+ text-decoration: none;
1739
+ color: #3d3935;
1633
1740
  }
1634
- .BusinessCustomerLinkOut-module__login-flyover___9GsNf div:nth-child(1) {
1635
- border-bottom: 1px solid #e6e3df;
1636
- padding-bottom: 18px;
1741
+ .EmptyCart-module__categoryLink___YxsmA:focus-visible {
1742
+ outline: 2px solid #e6003c;
1743
+ outline-offset: 2px;
1637
1744
  }
1638
1745
 
1639
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2___gPMoZ, .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__icon2-scroll___lSNWm {
1640
- background-color: #111111;
1746
+ .EmptyCart-module__categoryLinkIcon___HjhbO {
1747
+ display: flex;
1748
+ align-items: center;
1749
+ justify-content: center;
1641
1750
  }
1642
- .BusinessCustomerLinkOut-module__black-friday___AwfEN .BusinessCustomerLinkOut-module__highlighted___Y5Afb {
1643
- background-color: #1f1f1f;
1751
+
1752
+ .EmptyCart-module__categoryLinkLabel___1dS9s {
1753
+ line-height: 1.3;
1644
1754
  }
1645
1755
 
1646
1756
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartClearConfirm/CartClearConfirm.module.scss */
@@ -1728,114 +1838,98 @@
1728
1838
  outline-offset: 2px;
1729
1839
  }
1730
1840
 
1731
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/SubNavigation/SubNavigation.module.scss */
1841
+ /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
1732
1842
  /* center a block element */
1733
1843
  /* use this to any of the pseudo elements as these are the mandatory properties */
1734
1844
  /* setting styles in separate formats for cross browser support */
1735
1845
  /* specify the max width for an element and apply ellipses and truncate the overflow */
1736
1846
  /* vertically center alilgn any HTML element */
1737
1847
  /* add basePath to assets */
1738
- .SubNavigation-module__container___Wb5XN {
1739
- background-color: #ffffff;
1740
- color: #575452;
1741
- border-radius: 0px 0px 8px 8px;
1742
- margin: 0 auto;
1743
- max-width: 1308px;
1744
- min-height: 47px;
1745
- -webkit-align-items: center;
1746
- -moz-align-items: center;
1747
- -o-align-items: center;
1748
- align-items: center;
1749
- }
1750
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK {
1751
- font-size: 14px;
1752
- line-height: 20px;
1753
- font-weight: 700;
1754
- }
1755
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK a {
1756
- margin-left: 0 !important;
1757
- margin-top: 0 !important;
1758
- font-size: 18px;
1759
- line-height: 24px;
1760
- font-weight: 400;
1761
- display: block !important;
1762
- }
1763
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__item___c32EK:not(:last-child) {
1764
- padding-bottom: 28px;
1848
+ .MobileSubNavigation-module__container___1tQpO {
1849
+ max-height: 0px;
1850
+ overflow: hidden;
1851
+ transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1852
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1853
+ transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
1854
+ width: 100%;
1765
1855
  }
1766
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__title-item___Ly5e7 {
1856
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
1857
+ cursor: unset;
1858
+ padding: 20px 10px 4px;
1859
+ color: #858585;
1860
+ letter-spacing: 1px;
1861
+ text-transform: uppercase;
1767
1862
  font-size: 14px;
1768
1863
  line-height: 20px;
1769
- color: #7A7A7B;
1770
- font-weight: 700;
1771
- padding-bottom: 28px;
1864
+ font-weight: 500;
1772
1865
  }
1773
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X {
1774
- display: flex;
1775
- grid-column: 2;
1776
- grid-template-columns: repeat(auto-fit, 20%);
1777
- padding: 24px 32px;
1866
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1867
+ background-color: #ffffff;
1868
+ padding: 10px;
1778
1869
  }
1779
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div {
1780
- border-left: 1px solid #e6e3df;
1781
- padding-left: 24px;
1782
- padding-right: 24px;
1783
- max-width: 248px;
1870
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
1871
+ border: 1px solid #e8e8e8;
1784
1872
  }
1785
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__columns___q7D8X > div:first-child {
1786
- padding-left: 0;
1787
- border: none;
1873
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
1874
+ color: #333333;
1875
+ font-weight: 500;
1876
+ font-size: 16px;
1877
+ line-height: 24px;
1788
1878
  }
1789
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon___fW190 {
1879
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
1790
1880
  margin-left: 4px;
1791
- vertical-align: middle;
1881
+ flex-shrink: 0;
1792
1882
  height: 24px;
1793
1883
  width: 24px;
1794
1884
  }
1795
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-icon-left___Pfn0P {
1885
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
1796
1886
  margin-left: 0;
1797
1887
  margin-right: 4px;
1798
1888
  }
1799
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-tail___L5-D5 {
1889
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
1800
1890
  white-space: nowrap;
1801
1891
  display: inline-flex;
1802
1892
  align-items: center;
1803
1893
  }
1804
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1894
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
1805
1895
  display: flex;
1806
1896
  align-items: flex-start;
1807
1897
  gap: 4px;
1808
1898
  white-space: normal;
1809
1899
  max-width: 100%;
1810
1900
  }
1811
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text___8C1qG {
1901
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
1812
1902
  white-space: normal;
1813
1903
  min-width: 0;
1814
1904
  }
1815
- .SubNavigation-module__container___Wb5XN .SubNavigation-module__promo-text-left___pVaby {
1816
- white-space: normal;
1817
- align-items: flex-start;
1818
- gap: 4px;
1905
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1906
+ display: none;
1819
1907
  }
1820
-
1821
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB {
1822
- background-color: #1f1f1f;
1823
- color: #ffffff;
1908
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
1909
+ display: block;
1910
+ height: auto;
1824
1911
  }
1825
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK {
1826
- color: #ffffff;
1912
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
1913
+ padding: 0 0 24px 16px;
1827
1914
  }
1828
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__item___c32EK a {
1829
- color: #ffffff;
1915
+ .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
1916
+ padding-bottom: 4px;
1830
1917
  }
1831
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__title-item___Ly5e7 {
1918
+
1919
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
1920
+ color: #f2f2f2;
1921
+ }
1922
+ .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
1923
+ background-color: #1f1f1f;
1924
+ border: 1px solid #2c2c2c;
1832
1925
  color: #ffffff;
1833
1926
  }
1834
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div {
1835
- border-left: 1px solid #86807c;
1927
+
1928
+ .active-link .MobileSubNavigation-module__container___1tQpO {
1929
+ max-height: 200vh;
1836
1930
  }
1837
- .SubNavigation-module__container___Wb5XN.SubNavigation-module__inverted___3w-wB .SubNavigation-module__columns___q7D8X > div:first-child {
1838
- border: none;
1931
+ .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
1932
+ display: block;
1839
1933
  }
1840
1934
 
1841
1935
  /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/CartOverlay/CartFooter/CartFooter.module.scss */
@@ -2111,97 +2205,3 @@
2111
2205
  padding: 16px;
2112
2206
  }
2113
2207
  }
2114
-
2115
- /* /Users/filipe.cruz2/Projects/sunrise-ch-b2c-sales-static-components/src/components/FalconMainNavigation/MobileNavigation/MobileSubNavigation/MobileSubNavigation.module.scss */
2116
- /* center a block element */
2117
- /* use this to any of the pseudo elements as these are the mandatory properties */
2118
- /* setting styles in separate formats for cross browser support */
2119
- /* specify the max width for an element and apply ellipses and truncate the overflow */
2120
- /* vertically center alilgn any HTML element */
2121
- /* add basePath to assets */
2122
- .MobileSubNavigation-module__container___1tQpO {
2123
- max-height: 0px;
2124
- overflow: hidden;
2125
- transition: -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2126
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2127
- transition: max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9), -webkit-max-height 0.1s cubic-bezier(0.75, 0, 0.75, 0.9);
2128
- width: 100%;
2129
- }
2130
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__title___f2AKU {
2131
- cursor: unset;
2132
- padding: 20px 10px 4px;
2133
- color: #858585;
2134
- letter-spacing: 1px;
2135
- text-transform: uppercase;
2136
- font-size: 14px;
2137
- line-height: 20px;
2138
- font-weight: 500;
2139
- }
2140
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2141
- background-color: #ffffff;
2142
- padding: 10px;
2143
- }
2144
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3.MobileSubNavigation-module__new-style___xPfpe {
2145
- border: 1px solid #e8e8e8;
2146
- }
2147
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__sub-title___ADRB3 {
2148
- color: #333333;
2149
- font-weight: 500;
2150
- font-size: 16px;
2151
- line-height: 24px;
2152
- }
2153
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon___o7ngJ {
2154
- margin-left: 4px;
2155
- flex-shrink: 0;
2156
- height: 24px;
2157
- width: 24px;
2158
- }
2159
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-icon-left___CSu9C {
2160
- margin-left: 0;
2161
- margin-right: 4px;
2162
- }
2163
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-tail___yKZNS {
2164
- white-space: nowrap;
2165
- display: inline-flex;
2166
- align-items: center;
2167
- }
2168
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text-left___Ry-va {
2169
- display: flex;
2170
- align-items: flex-start;
2171
- gap: 4px;
2172
- white-space: normal;
2173
- max-width: 100%;
2174
- }
2175
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__promo-text___-pZdP {
2176
- white-space: normal;
2177
- min-width: 0;
2178
- }
2179
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2180
- display: none;
2181
- }
2182
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf a {
2183
- display: block;
2184
- height: auto;
2185
- }
2186
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul {
2187
- padding: 0 0 24px 16px;
2188
- }
2189
- .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf ul li:not(:last-child) {
2190
- padding-bottom: 4px;
2191
- }
2192
-
2193
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__title___f2AKU {
2194
- color: #f2f2f2;
2195
- }
2196
- .MobileSubNavigation-module__container___1tQpO.MobileSubNavigation-module__inverted___OotxO .MobileSubNavigation-module__sub-title___ADRB3 {
2197
- background-color: #1f1f1f;
2198
- border: 1px solid #2c2c2c;
2199
- color: #ffffff;
2200
- }
2201
-
2202
- .active-link .MobileSubNavigation-module__container___1tQpO {
2203
- max-height: 200vh;
2204
- }
2205
- .active-link .MobileSubNavigation-module__container___1tQpO .MobileSubNavigation-module__content___Cl7sf {
2206
- display: block;
2207
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sunrise-upc/sales-static-components",
3
- "version": "3.8.7-beta.15",
3
+ "version": "3.8.7-beta.16",
4
4
  "description": "Static Reusable Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/cjs/index.js",