@digital-b2c/coreui-kit 0.15.9 → 0.16.0

package/dist/index.css

@@ -2220,6 +2220,11 @@ a:hover {
   width: 100%;
   justify-content: flex-start;
 }
+.UserMenu_module_userButton.UserMenu_module_fullWidth .UserMenu_module_userInner,
+.UserMenu_module_fullWidth .UserMenu_module_userInner {
+  flex: 1;
+  justify-content: space-between;
+}
 .UserMenu_module_userChevron {
   display: inline-flex;
   align-items: center;
@@ -2228,6 +2233,12 @@ a:hover {
 .UserMenu_module_userChevronOpen {
   transform: scaleY(-1);
 }
+.UserMenu_module_userChevronUp {
+  transform: scaleY(-1);
+}
+.UserMenu_module_userChevronUp.UserMenu_module_userChevronOpen {
+  transform: scaleY(1);
+}
 .UserMenu_module_userMenu {
   position: absolute;
   top: calc(100% + 8px);
@@ -2307,6 +2318,52 @@ a:hover {
   white-space: nowrap;
 }
 
+/* src/components/Loader/Loader.module.scss */
+.Loader_module_loader {
+  --d: 22px;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  color: #000;
+  box-shadow:
+    calc(1 * var(--d)) calc(0 * var(--d)) 0 0,
+    calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px,
+    calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,
+    calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px,
+    calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,
+    calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px,
+    calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
+  animation: Loader_module_l27 1s infinite steps(8);
+}
+@media (max-width: 768px) {
+  .Loader_module_loader {
+    --d: 16px;
+    width: 3px;
+    height: 3px;
+    box-shadow:
+      calc(1 * var(--d)) calc(0 * var(--d)) 0 0,
+      calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 0.5px,
+      calc(0 * var(--d)) calc(1 * var(--d)) 0 1px,
+      calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 1.5px,
+      calc(-1 * var(--d)) calc(0 * var(--d)) 0 2px,
+      calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 3px,
+      calc(0 * var(--d)) calc(-1 * var(--d)) 0 2px;
+  }
+}
+@keyframes Loader_module_l27 {
+  100% {
+    transform: rotate(1turn);
+  }
+}
+@keyframes Loader_module_fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
 /* src/widgets/CardCollection/CardCollection.module.scss */
 .CardCollection_module_card-collection {
   display: block;
@@ -2880,6 +2937,7 @@ a:hover {
   flex-direction: column;
   gap: var(--spacing-sm);
   color: var(--color-white);
+  max-width: 634px;
 }
 .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_titleLogo {
   max-width: 500px;
@@ -2918,6 +2976,22 @@ a:hover {
   width: 32px;
   height: 32px;
 }
+.HeroBanner_module_heroBanner.HeroBanner_module_internal .HeroBanner_module_container {
+  height: calc(100dvh - 332px);
+}
+@media (max-width: 768px) {
+  .HeroBanner_module_heroBanner.HeroBanner_module_internal .HeroBanner_module_container {
+    height: calc(100dvh - 247px);
+  }
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_external .HeroBanner_module_container {
+  height: calc(100dvh - 243px);
+}
+@media (max-width: 768px) {
+  .HeroBanner_module_heroBanner.HeroBanner_module_external .HeroBanner_module_container {
+    height: calc(100dvh - 152px);
+  }
+}
 .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner {
   background-color: transparent;
   padding: 0;
@@ -2929,6 +3003,22 @@ a:hover {
   border-radius: 0;
   overflow: visible;
 }
+.HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner.HeroBanner_module_external .HeroBanner_module_container {
+  height: calc(100dvh - 195px);
+}
+@media (max-width: 768px) {
+  .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner.HeroBanner_module_external .HeroBanner_module_container {
+    height: calc(100dvh - 104px);
+  }
+}
+.HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner.home-mainHeroBanner-external .HeroBanner_module_container {
+  height: calc(100dvh - 64px);
+}
+@media (max-width: 768px) {
+  .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner.home-mainHeroBanner-external .HeroBanner_module_container {
+    height: calc(100dvh - 48px);
+  }
+}
 .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast {
   padding: 0;
 }
@@ -2946,6 +3036,9 @@ a:hover {
   padding: 0;
   justify-content: center;
 }
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text {
+  max-width: none;
+}
 .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text .HeroBanner_module_title {
   color: var(--color-black);
 }
@@ -2967,13 +3060,18 @@ a:hover {
 .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_horizontalGradient > * {
   flex: 1;
 }
+.HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast.HeroBanner_module_external .HeroBanner_module_container {
+  height: calc(100dvh - 139px);
+}
+@media (max-width: 768px) {
+  .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast.HeroBanner_module_external .HeroBanner_module_container {
+    height: calc(100dvh - 64px);
+  }
+}
 @media (max-width: 768px) {
   .HeroBanner_module_heroBanner {
     padding: 24px 16px;
   }
-  .HeroBanner_module_heroBanner .HeroBanner_module_container {
-    height: calc(100dvh - 96px);
-  }
   .HeroBanner_module_heroBanner.HeroBanner_module_mainHeroBanner {
     padding: 0;
   }
@@ -2999,9 +3097,15 @@ a:hover {
   .HeroBanner_module_heroBanner.HeroBanner_module_bannerPodcast .HeroBanner_module_container .HeroBanner_module_logoWrapper .HeroBanner_module_logo {
     width: 100%;
   }
+  .HeroBanner_module_heroBanner .HeroBanner_module_container {
+    height: calc(100dvh - 96px);
+  }
   .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner {
     padding: var(--spacing-lg) var(--spacing-md);
   }
+  .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_text {
+    max-width: none;
+  }
   .HeroBanner_module_heroBanner .HeroBanner_module_container .HeroBanner_module_banner .HeroBanner_module_ctaContainer {
     flex-direction: column;
   }
@@ -4322,11 +4426,16 @@ a:hover {
   color: var(--color-true-black);
   text-decoration: none;
   padding-left: var(--spacing-lg);
+  font-weight: var(--font-weight-medium);
 }
 .Navigation_module_mobileSubLink:hover,
 .Navigation_module_mobileSubLink:focus-visible {
+  font-weight: var(--font-weight-bold);
   text-decoration: none;
 }
+.Navigation_module_mobileSubLinkActive {
+  font-weight: var(--font-weight-bold);
+}
 .Navigation_module_mobileMenuCtas {
   position: sticky;
   bottom: 0;
@@ -4587,6 +4696,10 @@ a:hover {
   outline: 3px solid var(--color-link);
   outline-offset: 2px;
 }
+.Navigation_module_dropdownLinkActive {
+  font-weight: var(--font-weight-bold);
+  color: var(--color-true-black);
+}
 .Navigation_module_dropdownDivider {
   width: 2px;
   height: 160px;
@@ -4618,28 +4731,83 @@ a:hover {
 }
 .Navigation_module_brandBar {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
+  overflow: hidden;
   height: 8px;
-  transition: height 0.35s ease;
+  padding: 0 51px;
+  transition:
+    height 0.35s ease 0.3s,
+    padding 0.35s ease 0.3s,
+    box-shadow 0.35s ease 0.3s;
+}
+@media (max-width: 768px) {
+  .Navigation_module_brandBar {
+    padding: 0 var(--spacing-md);
+  }
+}
+.Navigation_module_brandBar:first-child {
+  align-items: flex-end;
+  padding-left: 0;
+}
+.Navigation_module_brandBar:last-child {
+  align-items: flex-start;
+  padding-right: 0;
+}
+.Navigation_module_brandBar:not(:first-child):not(:last-child) {
+  max-width: 360px;
 }
 .Navigation_module_brandBarsUnfolded .Navigation_module_brandBar {
   height: 95px;
   box-shadow: 0px 0px 4px rgba(54, 54, 54, 0.1);
+  padding: 24px 51px;
+  transition:
+    height 0.35s ease,
+    padding 0.35s ease,
+    box-shadow 0.35s ease;
+}
+@media (max-width: 768px) {
+  .Navigation_module_brandBarsUnfolded .Navigation_module_brandBar {
+    height: 64px;
+    padding: var(--spacing-md);
+  }
+}
+.Navigation_module_brandBarsUnfolded .Navigation_module_brandBar:first-child {
+  padding-left: 0;
+}
+@media (max-width: 768px) {
+  .Navigation_module_brandBarsUnfolded .Navigation_module_brandBar:first-child {
+    padding-left: var(--spacing-md);
+  }
+}
+.Navigation_module_brandBarsUnfolded .Navigation_module_brandBar:last-child {
+  padding-right: 0;
+}
+@media (max-width: 768px) {
+  .Navigation_module_brandBarsUnfolded .Navigation_module_brandBar:last-child {
+    padding-right: var(--spacing-md);
+  }
 }
 .Navigation_module_brandBarsUnfolded .Navigation_module_brandLogo {
   opacity: 1;
+  transition: opacity 0.35s ease;
 }
 .Navigation_module_brandLogo {
-  max-width: 80%;
+  max-width: 100%;
   max-height: 70px;
   width: auto;
   height: auto;
   object-fit: contain;
   opacity: 0;
-  transition: opacity 0.35s ease;
+  transition: opacity 0.35s ease 0.3s;
   pointer-events: none;
 }
+@media (max-width: 768px) {
+  .Navigation_module_brandLogo {
+    max-height: 40px;
+  }
+}
 .Navigation_module_lenscrafters {
   flex: 366 0 0;
   background-color: var(--color-lenscrafter-blue);
@@ -4680,6 +4848,10 @@ a:hover {
   justify-content: space-between;
   padding: 13px var(--spacing-md);
 }
+.Navigation_module_mobileBrandBars {
+  display: flex;
+  flex-shrink: 0;
+}
 .Navigation_module_mobileClose {
   display: flex;
   align-items: center;
@@ -4696,10 +4868,6 @@ a:hover {
   border-radius: 0.25rem;
   outline: 3px solid var(--color-link);
 }
-.Navigation_module_mobileBrandBars {
-  display: flex;
-  width: 100%;
-}
 .Navigation_module_mobileItems {
   flex: 1;
   display: flex;
@@ -4776,15 +4944,20 @@ a:hover {
   display: block;
   padding-left: var(--spacing-lg);
   font-size: var(--font-size-md);
-  font-weight: var(--font-weight-regular);
+  font-weight: var(--font-weight-medium);
   color: var(--color-gray);
   text-decoration: none;
 }
 .Navigation_module_internalMobileSubLink:hover,
 .Navigation_module_internalMobileSubLink:focus-visible {
+  font-weight: var(--font-weight-bold);
   color: var(--color-true-black);
   text-decoration: none;
 }
+.Navigation_module_internalMobileSubLinkActive {
+  font-weight: var(--font-weight-bold);
+  color: var(--color-true-black);
+}
 .Navigation_module_mobileFooter {
   position: sticky;
   bottom: 0;
@@ -6433,4 +6606,47 @@ a:hover {
     margin-top: 24px;
   }
 }
+
+/* src/widgets/PageLoader/PageLoader.module.scss */
+.PageLoader_module_container {
+  min-height: 100svh;
+  display: grid;
+  place-items: center;
+  animation: PageLoader_module_fadeIn 0.3s ease-in forwards;
+}
+.PageLoader_module_container .PageLoader_module_wrapper {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 30px;
+}
+.PageLoader_module_container .PageLoader_module_wrapper .PageLoader_module_image-logo {
+  height: 40px;
+  min-width: 314px;
+}
+.PageLoader_module_container .PageLoader_module_wrapper .PageLoader_module_loader-wrapper {
+  width: 70px;
+  height: 70px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.PageLoader_module_container .PageLoader_module_wrapper .PageLoader_module_loader-text {
+  font-size: 18px;
+}
+@media (max-width: 768px) {
+  .PageLoader_module_container .PageLoader_module_wrapper .PageLoader_module_image-logo {
+    min-width: 0;
+    width: auto;
+    height: 35px;
+  }
+}
+@keyframes PageLoader_module_fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 /*# sourceMappingURL=index.css.map */