formica-ui-lib 1.0.167 → 1.0.169

package/dist/componentProps/atoms/buttons/button/ButtonProps.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import type { FaTypeClass } from "../../icon/IconProps";
 export type ButtonVariant = "solid" | "outline" | "ghost" | "link" | "chip";
-export type ButtonIntent = "primary" | "secondary" | "neutral" | "accent" | "danger" | "ghost" | "radio";
+export type ButtonIntent = "primary" | "secondary" | "neutral" | "accent" | "danger" | "ghost" | "muted" | "radio";
 export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type IconPosition = "left" | "right";
 export type ButtonSize = "xs" | "sm" | "md" | "lg";

package/dist/componentProps/molecules/banner/featuredarticlebannercontent/FeaturedArticleBannerContentProps.d.ts

@@ -2,4 +2,6 @@ export interface FeaturedArticleBannerContentProps {
     heading: string;
     subheading?: string;
     articleCategory?: string;
+    ctaLabel?: string;
+    onCtaClick?: () => void;
 }

package/dist/componentProps/molecules/card/articlerecentcard/ArticleRecentCardProps.d.ts

@@ -1,10 +1,15 @@
+import type React from "react";
 export interface ArticleRecentCardProps {
-    imageSrc: string;
+    mediaType?: "image" | "video";
+    imageSrc?: string;
     imageAlt?: string;
+    videoEmbedUrl?: string;
+    videoTitle?: string;
     category?: string;
     title: string;
     publishDate?: string;
     body: string;
     buttonLabel: string;
     onViewClick?: () => void;
+    actionFooter?: React.ReactNode;
 }

package/dist/componentProps/molecules/card/clickablecard/ClickableCardProps.d.ts

@@ -3,5 +3,7 @@ export type ClickableCardProps = {
     children: React.ReactNode;
     onCardClick: () => void;
     ariaLabel: string;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
     className?: string;
 };

package/dist/componentProps/molecules/card/imageoverlaycard/ImageOverlayCardProps.d.ts

@@ -0,0 +1,7 @@
+export type ImageOverlayCardProps = {
+    imageSrc: string;
+    imageAlt?: string;
+    label: string;
+    onCardClick?: () => void;
+    className?: string;
+};

package/dist/componentProps/molecules/carousel/columncarousel/ColumnCarouselProps.d.ts

@@ -2,6 +2,7 @@ import type { ColumnCarouselItem } from "../../card/columncarouselcard/ColumnCar
 export type ColumnCarouselProps = {
     items: ColumnCarouselItem[];
     startIndex: number;
+    desktopVisibleCount?: number;
     activeIndex: number | null;
     setActiveIndex: (n: number | null) => void;
     canPrev: boolean;

package/dist/componentProps/molecules/carousel/minicarousel/MiniCarouselProps.d.ts

@@ -14,5 +14,6 @@ export type MiniCarouselProps<T> = {
         select: () => void;
     }) => React.ReactNode;
     className?: string;
+    trackClassName?: string;
     ariaLabel?: string;
 };

package/dist/componentProps/molecules/mediaLinks/sociallinkrow/SocialLinkRowProps.d.ts

@@ -0,0 +1,14 @@
+import type { FaTypeClass } from "../../../atoms/icon/IconProps";
+export type SocialLinkItem = {
+    label: string;
+    href: string;
+    iconName: string;
+    iconType?: FaTypeClass;
+    target?: "_self" | "_blank";
+    rel?: string;
+};
+export type SocialLinkRowProps = {
+    links: SocialLinkItem[];
+    className?: string;
+    linkClassName?: string;
+};

package/dist/componentProps/molecules/selectors/filterbar/FilterBarButtonProps.d.ts

@@ -1,5 +1,6 @@
 import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
 export type FilterBarButtonProps = {
     buttonProps: ButtonProps;
+    mobileButtonProps?: ButtonProps;
     className?: string;
 };

package/dist/componentProps/organisms/articles/articlerecentsection/ArticleRecentSectionProps.d.ts

@@ -1,8 +1,6 @@
 import type { ArticleRecentCardProps } from "../../../molecules/card/articlerecentcard/ArticleRecentCardProps";
-export type TitleVariant = "h1" | "h2" | "h3" | "standard" | "bold" | "nav" | "free";
 export interface ArticleRecentSectionProps {
     title?: string;
-    titleVariant?: TitleVariant;
     titleClassName?: string;
     items: ArticleRecentCardProps[];
     className?: string;

package/dist/componentProps/organisms/articles/articletext/ArticleTextProps.d.ts

@@ -1,5 +1,7 @@
+export type HeadingSize = "small" | "large";
 export interface ArticleTextProps {
     heading?: string;
+    headingSize?: HeadingSize;
     subheading?: string;
     datetimeStamp?: string;
     body?: string;

package/dist/componentProps/organisms/banner/featuredarticlebanner/FeaturedArticleBannerProps.d.ts

@@ -4,4 +4,6 @@ export interface FeaturedArticleBannerProps {
     heading: string;
     subheading?: string;
     articleCategory?: string;
+    ctaLabel?: string;
+    onCtaClick?: () => void;
 }

package/dist/componentProps/organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps.d.ts

@@ -10,6 +10,8 @@ export type FeaturedProductCarouselItem = {
 };
 export type FeaturedProductsCarouselProps = {
     title?: string;
+    body?: string;
+    headerAlign?: "left" | "center";
     items: FeaturedProductCarouselItem[];
     onItemClick?: (item: FeaturedProductCarouselItem) => void;
 };

package/dist/componentProps/organisms/cart/purchasepanel/PurchasePanelLeftPanelProps.d.ts

@@ -6,7 +6,7 @@ export type SwatchOption = ButtonGridItem & {
     value: string;
     disabled?: boolean;
     active?: boolean;
-    onOptionClick?: (id: string) => void;
+    onOptionClick?: () => void;
 };
 export type SwatchPurchasePanelLeftPanelNavigateMeta = {
     kind: "availability" | "returnPolicy";

package/dist/componentProps/organisms/featurecards/featurecardscollection/FeatureCardCollectionProps.d.ts

@@ -1,7 +1,15 @@
 import type { FeatureCardProps } from "../../../molecules/card/featurecard/FeatureCardProps";
 export type FeatureCardCollectionItem = FeatureCardProps;
+export type FeatureCardCollectionFooterButtonPayload = {
+    buttonLabel: string;
+    buttonHref?: string;
+};
 export type FeatureCardCollectionProps = {
     title?: string;
     body?: string;
     cards?: FeatureCardCollectionItem[];
+    footerBlurb?: string;
+    footerButtonLabel?: string;
+    footerButtonHref?: string;
+    onFooterButtonClick?: (payload: FeatureCardCollectionFooterButtonPayload) => void;
 };

package/dist/componentProps/organisms/moreinfohighlightssection/MoreInfoHighlightsSectionProps.d.ts

@@ -4,5 +4,4 @@ export type MoreInfoHighlightsSectionProps = {
     body?: string;
     cards: MoreInfoHighlightsCardProps[];
     className?: string;
-    columns?: 1 | 2 | 3 | 4;
 };

package/dist/componentProps/organisms/navigation/TopNavBarProps.d.ts

@@ -1,7 +1,7 @@
 import { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
 export type NavLinkItem = {
     label: string;
-    link: string;
+    href: string;
 };
 export type NavSubcategory = {
     label: string;
@@ -11,11 +11,11 @@ export type NavPromo = {
     imageSrc: string;
     imageAlt: string;
     label?: string;
-    link?: string;
+    href?: string;
 };
 export type NavItem = {
     label: string;
-    link?: string;
+    href?: string;
     subcategories?: NavSubcategory[];
     promo?: NavPromo;
 };
@@ -39,10 +39,8 @@ export type TopNavBarProps = {
     Login?: TopNavLogin;
     Cart?: TopNavCartSummary;
     Logo?: TopNavLogo;
-    defaultOpenSubcategory?: NavSubcategory | null;
     onLogoClick?: () => void;
     onNavItemClick?: (item: NavItem) => void;
-    onOpenSubcategoryChange?: (subcategory: NavSubcategory | null, item: NavItem) => void;
     onMegaMenuLinkClick?: (link: NavLinkItem) => void;
     onPromoClick?: (promo: NavPromo) => void;
     onSearchClick?: () => void;

package/dist/componentProps/organisms/navigation/TopNavMegaMenuProps.d.ts

@@ -1,8 +1,8 @@
-import type { NavItem, NavLinkItem, NavPromo, NavSubcategory } from "./TopNavBarProps";
+import type { NavItem, NavLinkItem, NavPromo } from "./TopNavBarProps";
 export type TopNavMegaMenuProps = {
     activeItem?: NavItem;
-    openSubcategory: NavSubcategory | null;
-    setOpenSubcategory: (subcategory: NavSubcategory | null) => void;
+    openSubcategory: string | null;
+    setOpenSubcategory: (label: string | null) => void;
     onMegaMenuLinkClick?: (link: NavLinkItem) => void;
     onPromoClick?: (promo: NavPromo) => void;
 };

package/dist/componentProps/organisms/verticalcheckboxlistcollection/VerticalCheckboxListCollectionProps.d.ts

@@ -13,4 +13,8 @@ export interface VerticalCheckboxListCollectionProps {
     headerIcon?: string;
     appliedOptions?: AppliedOptionsListProps;
     sections: VerticalCheckboxListCollectionSection[];
+    resetLabel?: string;
+    applyFiltersLabel?: string;
+    onResetClick: () => void;
+    onApplyFiltersClick: () => void;
 }