@digital-b2c/coreui-kit 0.17.18 → 0.17.20

package/dist/index.d.cts

@@ -752,14 +752,10 @@ interface NavDropdown extends BaseNavItem {
 /** A single top-level navigation entry, shared by the external and internal navigation. */
 type NavItem = NavLink | NavDropdown;
 /**
- * Brand logos shown in the "unfolded" color bar at the top of the page.
- * When omitted the color bars stay as thin 8px strips.
+ * Brand bar colors shown in the top strip of the navigation.
  */
-interface NavigationBrandLogos {
-    lenscrafters?: IPicture;
-    forEyes?: IPicture;
-    optical?: IPicture;
-    pearleVision?: IPicture;
+interface NavigationBrandBar {
+    backgroundColor: string;
 }
 interface NavigationProps extends PropsWithChildren {
     className?: string;
@@ -777,7 +773,7 @@ interface NavigationProps extends PropsWithChildren {
     searchPlaceholder?: string;
     searchCta?: ICta;
     onSearch?: (query: string) => void;
-    brandLogos?: NavigationBrandLogos;
+    brandBars?: NavigationBrandBar[];
 }
 
 declare const Navigation: ((props: NavigationProps) => react.JSX.Element) & {
@@ -1180,4 +1176,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ColTextMenu, type ColTextMenuProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
+export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ColTextMenu, type ColTextMenuProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandBar, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };

package/dist/index.d.ts

@@ -752,14 +752,10 @@ interface NavDropdown extends BaseNavItem {
 /** A single top-level navigation entry, shared by the external and internal navigation. */
 type NavItem = NavLink | NavDropdown;
 /**
- * Brand logos shown in the "unfolded" color bar at the top of the page.
- * When omitted the color bars stay as thin 8px strips.
+ * Brand bar colors shown in the top strip of the navigation.
  */
-interface NavigationBrandLogos {
-    lenscrafters?: IPicture;
-    forEyes?: IPicture;
-    optical?: IPicture;
-    pearleVision?: IPicture;
+interface NavigationBrandBar {
+    backgroundColor: string;
 }
 interface NavigationProps extends PropsWithChildren {
     className?: string;
@@ -777,7 +773,7 @@ interface NavigationProps extends PropsWithChildren {
     searchPlaceholder?: string;
     searchCta?: ICta;
     onSearch?: (query: string) => void;
-    brandLogos?: NavigationBrandLogos;
+    brandBars?: NavigationBrandBar[];
 }
 
 declare const Navigation: ((props: NavigationProps) => react.JSX.Element) & {
@@ -1180,4 +1176,4 @@ type SlotMap = Record<string, SlotComponent>;
  */
 declare function resolveCompoundSlots(children: ReactNode, slots: SlotMap): Record<string, ReactNode>;
 
-export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ColTextMenu, type ColTextMenuProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandLogos, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };
+export { Anchor, type AnchorProps, Badge, type BadgeProps, BlogCardGrid, type BlogCardGridProps, BlogPost, BlogPostContent, type BlogPostContentProps, type BlogPostProps, BlogSearchResultsList, type BlogSearchResultsListProps, BrandsStrip, type BrandsStripProps, Button, type ButtonProps, Card, CardCollection, type CardCollectionProps, type CardProps, ColTextMenu, type ColTextMenuProps, ConditionalWrapper, type ConditionalWrapperProps, ContactModule, type ContactModuleProps, Container, type ContainerProps, CountingCard, type CountingCardProps, EventList, type EventListProps, FeaturedNewsHighlights, type FeaturedNewsHighlightsProps, FilterBar, type FilterBarProps, type FilterOption, Footer, type FooterProps, GlobalSearchResultsList, type GlobalSearchResultsListProps, type GridItemProps, type GridProps, HeroBanner, HeroBannerCarousel, type HeroBannerCarouselProps, type HeroBannerProps, type IColTextMenuItem, type ICta, type ICtaHoverLogo, type ICtaIcon, type ICtaLogo, type IFooterSupportGroup, type IPicture, type ITwoColTextMenuSection, Icon, type IconType, InfoCard, type InfoCardProps, Input, type InputProps, InternalBrandsTab, type InternalBrandsTabProps, type UserMenuItem as InternalNavMenuItem, Loader, type LoaderProps, MiniBanner, type MiniBannerProps, MiniSectionCta, type MiniSectionCtaProps, type NavItem, Navigation, type NavigationBrandBar, type NavigationProps, type UserMenuUser as NavigationUser, NewsCard, NewsCardList, type NewsCardListProps, type NewsCardProps, PageLoader, type PageLoaderProps, Pagination, type PaginationProps, Picture, type PictureProps, PracticeCard, type PracticeCardProps, PracticePathCards, type PracticePathCardsProps, QuoteSectionBlock, type QuoteSectionBlockProps, ResourceCardItem, type ResourceCardItemProps, type ResourceItem, type ResourceItemType, type ResourceView, ResourcesGridList, type ResourcesGridListProps, Search, type SearchProps, Sidebar, type SidebarCategory, type SidebarProps, type SortOption, type TButtonVariant, Teaser5050With3Text, type Teaser5050With3TextProps, Teaser5050WithCta, type Teaser5050WithCtaProps, Text, TextBody, type TextBodyProps, TextCenterCtaInBottom, type TextCenterCtaInBottomProps, TextCenterWithMedia, type TextCenterWithMediaProps, TextEvent, type TextEventProps, type TextProps, TwoColTextMenu, type TwoColTextMenuProps, UpcomingEventCard, type UpcomingEventCardProps, UserMenu, type UserMenuItem, type UserMenuProps, type UserMenuUser, resolveCompoundSlots, svgs, useActivePath, useIntersectionObserver, useIsAtTop };

package/dist/index.mjs

@@ -3286,39 +3286,18 @@ var NavigationCtas = ({
 // src/widgets/Navigation/NavigationBrandBars.module.scss
 var NavigationBrandBars_module_default = {
   brandBars: "NavigationBrandBars_module_brandBars",
-  brandBar: "NavigationBrandBars_module_brandBar",
-  brandBarsUnfolded: "NavigationBrandBars_module_brandBarsUnfolded",
-  brandLogo: "NavigationBrandBars_module_brandLogo",
-  lenscrafters: "NavigationBrandBars_module_lenscrafters",
-  forEyes: "NavigationBrandBars_module_forEyes",
-  optical: "NavigationBrandBars_module_optical",
-  pearleVision: "NavigationBrandBars_module_pearleVision"
-};
-var BRANDS = [
-  { key: "lenscrafters", className: NavigationBrandBars_module_default.lenscrafters, label: "LensCrafters" },
-  { key: "forEyes", className: NavigationBrandBars_module_default.forEyes, label: "For Eyes" },
-  { key: "optical", className: NavigationBrandBars_module_default.optical, label: "Target Optical" },
-  { key: "pearleVision", className: NavigationBrandBars_module_default.pearleVision, label: "Pearle Vision" }
-];
-var NavigationBrandBars = ({
-  brandLogos,
-  unfolded = false,
-  className
-}) => {
-  const hasLogos = !!brandLogos;
-  const isUnfolded = hasLogos && unfolded;
-  return /* @__PURE__ */ jsx(
-    "div",
+  brandBar: "NavigationBrandBars_module_brandBar"
+};
+var NavigationBrandBars = ({ brandBars, className }) => {
+  if ((brandBars == null ? void 0 : brandBars.length) === 0) return;
+  return /* @__PURE__ */ jsx("div", { className: clsx49(NavigationBrandBars_module_default.brandBars, className), "aria-hidden": "true", children: brandBars && brandBars.map((bar, index) => /* @__PURE__ */ jsx(
+    "span",
     {
-      className: clsx49(NavigationBrandBars_module_default.brandBars, isUnfolded && NavigationBrandBars_module_default.brandBarsUnfolded, className),
-      "aria-hidden": "true",
-      children: BRANDS.map((brand) => {
-        var _a;
-        const logo = brandLogos == null ? void 0 : brandLogos[brand.key];
-        return /* @__PURE__ */ jsx("span", { className: clsx49(NavigationBrandBars_module_default.brandBar, brand.className), children: logo && /* @__PURE__ */ jsx("img", { className: NavigationBrandBars_module_default.brandLogo, src: logo.src, alt: (_a = logo.alt) != null ? _a : brand.label }) }, brand.key);
-      })
-    }
-  );
+      className: NavigationBrandBars_module_default.brandBar,
+      style: { backgroundColor: bar.backgroundColor }
+    },
+    `${bar.backgroundColor}-${index}`
+  )) });
 };
 var getPathname = () => typeof window === "undefined" ? "" : window.location.pathname;
 var useActivePath = () => {
@@ -3565,7 +3544,7 @@ var NavigationMobile = ({
   searchPlaceholder,
   searchCta,
   onSearch,
-  brandLogos,
+  brandBars,
   isOpen,
   onClose,
   isExternal = false,
@@ -3720,14 +3699,7 @@ var NavigationMobile = ({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(
-          NavigationBrandBars,
-          {
-            brandLogos,
-            unfolded: false,
-            className: NavigationMobile_module_default.mobileBrandBars
-          }
-        ),
+        /* @__PURE__ */ jsx(NavigationBrandBars, { brandBars, className: NavigationMobile_module_default.mobileBrandBars }),
         /* @__PURE__ */ jsx("ul", { className: NavigationMobile_module_default.mobileItems, children: navItems == null ? void 0 : navItems.map((item, index) => {
           var _a, _b, _c, _d;
           const subMenuId = `${baseId}-submenu-${index}`;
@@ -3855,7 +3827,7 @@ var Navigation2 = (props) => {
     searchPlaceholder = "Search resources",
     searchCta,
     onSearch,
-    brandLogos
+    brandBars
   } = props;
   const isExternal = variant !== "internal";
   const slots = resolveCompoundSlots(props.children, {
@@ -3875,7 +3847,6 @@ var Navigation2 = (props) => {
   const dropdownOpen = openIndex !== null && !isTabletBelow;
   const isTransparent = !!transparent && isAtTop && !isHovered && !dropdownOpen;
   const openItem = openIndex !== null ? (_a = navigationItems == null ? void 0 : navigationItems.items) == null ? void 0 : _a[openIndex] : void 0;
-  const showLogoUnfolded = !!brandLogos && isAtTop && !dropdownOpen;
   const openDropdown = (index) => {
     if (closeTimer.current) clearTimeout(closeTimer.current);
     setOpenIndex(index);
@@ -4031,13 +4002,7 @@ var Navigation2 = (props) => {
               )
             ] })
           ] }) }),
-          !isExternal && /* @__PURE__ */ jsx(
-            NavigationBrandBars,
-            {
-              brandLogos,
-              unfolded: showLogoUnfolded && !isMobileMenuOpen
-            }
-          ),
+          !isExternal && /* @__PURE__ */ jsx(NavigationBrandBars, { brandBars }),
           dropdownOpen && (openItem == null ? void 0 : openItem.type) === "dropdown" && /* @__PURE__ */ jsx(
             NavigationDropdown,
             {
@@ -4066,7 +4031,7 @@ var Navigation2 = (props) => {
         searchPlaceholder,
         searchCta,
         onSearch,
-        brandLogos,
+        brandBars,
         isOpen: isMobileMenuOpen,
         onClose: () => setIsMobileMenuOpen(false),
         isExternal,