formica-ui-lib 1.0.179 → 1.0.181

package/dist/componentProps/molecules/card/columncarouselcard/ColumnCarouselCardProps.d.ts

@@ -15,6 +15,7 @@ export type ColumnCarouselCardProps = {
     grow: number;
     isLoaded: boolean;
     isFav: boolean;
+    showFavorites?: boolean;
     setActiveIndex: (n: number | null) => void;
     onLoaded: (id: string) => void;
     onToggleFav: (item: ColumnCarouselItem) => void;

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

@@ -11,6 +11,7 @@ export type ColumnCarouselProps = {
     onNext: () => void;
     loadedIds: Set<string>;
     favoriteIds: Set<string>;
+    showFavorites?: boolean;
     onLoaded: (id: string) => void;
     onToggleFav: (item: ColumnCarouselItem) => void;
     onItemClick?: (item: ColumnCarouselItem) => void;

package/dist/componentProps/molecules/carousel/standardcarousel/StandardCarouselProps.d.ts

@@ -1,3 +1,4 @@
+import type React from "react";
 import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
 export interface StandardCarouselSlide {
     imageSrc: string;
@@ -9,8 +10,13 @@ export interface StandardCarouselSlide {
     body?: string;
     ctas?: ButtonProps[];
 }
-export interface StandardCarouselProps {
-    slides: StandardCarouselSlide[];
+export type StandardCarouselRenderSlideArgs<T> = {
+    slide: T;
+    index: number;
+    isActive: boolean;
+};
+export type StandardCarouselBaseProps<T> = {
+    slides: T[];
     initialIndex?: number;
     showArrows?: boolean;
     showDots?: boolean;
@@ -18,7 +24,17 @@ export interface StandardCarouselProps {
     prevArrowButtonProps?: Partial<ButtonProps>;
     nextArrowButtonProps?: Partial<ButtonProps>;
     autoRotateSeconds?: number;
-    onSlideChange?: (index: number) => void;
-    onSlideClick?: (slide: StandardCarouselSlide, index: number) => void;
+    onSlideChange?: (index: number, slide: T) => void;
+    onSlideClick?: (slide: T, index: number) => void;
     heightClassName?: string;
-}
+    showImageOverlay?: boolean;
+};
+export type StandardCarouselDefaultSlideProps = StandardCarouselBaseProps<StandardCarouselSlide> & {
+    renderSlide?: (args: StandardCarouselRenderSlideArgs<StandardCarouselSlide>) => React.ReactNode;
+};
+export type StandardCarouselSlottedProps<T> = StandardCarouselBaseProps<T> & {
+    renderSlide: (args: StandardCarouselRenderSlideArgs<T>) => React.ReactNode;
+};
+export type StandardCarouselProps<T = StandardCarouselSlide> = StandardCarouselBaseProps<T> & {
+    renderSlide?: (args: StandardCarouselRenderSlideArgs<T>) => React.ReactNode;
+};

package/dist/componentProps/organisms/articles/articlecarousel/ArticleCarouselProps.d.ts

@@ -1,7 +1,7 @@
-import type { StandardCarouselProps, StandardCarouselSlide } from "../../../molecules/carousel/standardcarousel/StandardCarouselProps";
+import type { StandardCarouselDefaultSlideProps, StandardCarouselSlide } from "../../../molecules/carousel/standardcarousel/StandardCarouselProps";
 export interface ArticleCarouselSlide extends StandardCarouselSlide {
     imageText?: string;
 }
-export interface ArticleCarouselProps extends Omit<StandardCarouselProps, "slides" | "onSlideChange"> {
+export interface ArticleCarouselProps extends Omit<StandardCarouselDefaultSlideProps, "slides" | "onSlideChange" | "renderSlide" | "showImageOverlay"> {
     slides: ArticleCarouselSlide[];
 }

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

@@ -1,7 +1,9 @@
 export type HeadingSize = "small" | "large";
+export type ArticleTextAlign = "left" | "center" | "right";
 export interface ArticleTextProps {
     heading?: string;
     headingSize?: HeadingSize;
+    align?: ArticleTextAlign;
     subheading?: string;
     datetimeStamp?: string;
     body?: string;

package/dist/componentProps/organisms/banner/columnbanner/ColumnBannerProps.d.ts

@@ -20,6 +20,7 @@ export interface ColumnBannerProps {
     description?: string;
     TabsWithColumns: TabItem[];
     favoriteIds?: string[];
+    showFavorites?: boolean;
     onFavoriteToggle?: (item: CtaItem, isFavorite: boolean) => void;
     onItemClick?: (item: CtaItem) => void;
 }

package/dist/componentProps/organisms/footer/FooterProps.d.ts

@@ -39,5 +39,6 @@ export type FooterProps = {
     brand: FooterBrandBlock;
     columns: FooterColumnProps[];
     parentLogo?: FooterImageProps;
+    phoneLinePlacement?: "brand" | "logosBar";
     legal: FooterLegalBlock;
 };

package/dist/componentProps/organisms/footer/LogosBarProps.d.ts

@@ -2,4 +2,5 @@ import type { FooterImageProps } from "./FooterProps";
 export type LogosBarProps = {
     affiliateLogos?: FooterImageProps[];
     parentLogo?: FooterImageProps;
+    phoneLine?: string;
 };

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export type AnnouncementBarProps = {
+    message?: string;
+    buttonLabel?: string;
+    onButtonClick?: () => void;
+    children?: ReactNode;
+};

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

@@ -5,6 +5,7 @@ export type TopNavActionsProps = {
     selectedCountry?: Country | null;
     Login: TopNavLogin;
     Cart?: TopNavCartSummary;
+    showFavorites?: boolean;
     onSearchClick?: () => void;
     onCartClick?: () => void;
     onLoginClick?: () => void;

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

@@ -21,9 +21,11 @@ export type TopNavLogin = {
     href: string;
 };
 export type TopNavLogo = {
-    src: string;
+    src?: string;
     alt?: string;
     href?: string;
+    className?: string;
+    containerClassName?: string;
 };
 export type TopNavBarProps = {
     NavMenuWithSubItems?: NavItem[];
@@ -31,6 +33,7 @@ export type TopNavBarProps = {
     selectedCountry?: Country | null;
     Login?: TopNavLogin;
     Cart?: TopNavCartSummary;
+    showFavorites?: boolean;
     Logo?: TopNavLogo;
     onLogoClick?: () => void;
     onNavItemClick?: (item: NavItem) => void;

package/dist/componentProps/scene/article/ArticleSceneProps.d.ts

@@ -11,6 +11,7 @@ export interface ArticlePageProps {
     articleHeaderProps: ArticleTextProps;
     articleTextProps: ArticleTextProps;
     articleTextProps2: ArticleTextProps;
+    additionalArticleTextProps?: ArticleTextProps[];
     articleImageProps: ArticleImageProps;
     articleCarouselProps: ArticleCarouselProps;
     featuredProductsCarouselProps: FeaturedProductsCarouselProps;

package/dist/componentProps/scene/home/HomePageProps.d.ts

@@ -1,5 +1,6 @@
 import type { BrandNavBarProps } from "../../organisms/navigation/BrandNavBarProps";
 import type { TopNavBarProps } from "../../organisms/navigation/TopNavBarProps";
+import type { AnnouncementBarProps } from "../../organisms/navigation/AnnouncementBarProps";
 import type { CallToActionHeroProps } from "../../organisms/banner/herobanner/CallToActionHeroProps";
 import type { ButtonProps } from "../../atoms/buttons/button/ButtonProps";
 import type { ColumnBannerProps } from "../../organisms/banner/columnbanner/ColumnBannerProps";
@@ -10,6 +11,7 @@ import type { FeatureBannerProps } from "../../organisms/banner/featurebanner/Fe
 export type HomePageProps = {
     brandNavBarProps: BrandNavBarProps;
     topNavBarProps: TopNavBarProps;
+    announcementBarProps?: AnnouncementBarProps;
     callToActionCarouselProps?: {
         slides: CallToActionHeroProps[];
         showArrows?: boolean;