formica-ui-lib 1.0.135 → 1.0.138

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

@@ -1,23 +1,19 @@
 import React from "react";
 import type { FaTypeClass } from "../icon/IconProps";
-export type ButtonVariant = "standard" | "nav" | "text" | "icon" | "segmented" | "small" | "grid" | "header";
+export type ButtonVariant = "standard" | "nav" | "text" | "icon" | "segmented" | "small" | "grid";
 export type ButtonType = "primary" | "secondary" | "accent" | "ghost" | "radio";
-export type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type IconPosition = "left" | "right";
 export type SegmentPosition = "only" | "first" | "middle" | "last";
-export type ButtonAlignment = "justify-start" | "justify-center" | "justify-end" | "justify-between" | "justify-around" | "justify-evenly";
 export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> {
     label?: string;
     children?: React.ReactNode;
     iconType?: FaTypeClass;
     iconName?: string;
     iconAlt?: string;
-    iconSize?: IconSize;
     iconPosition?: IconPosition;
     variant?: ButtonVariant;
     buttonType?: ButtonType;
     segmentPosition?: SegmentPosition;
-    buttonAlignment?: ButtonAlignment;
     active?: boolean;
     className?: string;
 }

package/dist/componentProps/atoms/checkbox/CheckboxProps.d.ts

@@ -1,15 +1,9 @@
-export type CheckboxColor = "accent-primary" | "accent-secondary" | "accent-tertiary" | "accent-accent";
-export interface CheckboxChangePayload {
-    id: string;
-    name?: string;
-    checked: boolean;
-}
+import React from "react";
 export interface CheckboxProps {
     id: string;
     name?: string;
     label: string;
     checked?: boolean;
     disabled?: boolean;
-    checkboxColor?: CheckboxColor;
-    onChange?: (payload: CheckboxChangePayload) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }

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

@@ -0,0 +1,11 @@
+export interface ArticleRecentCardProps {
+    imageSrc: string;
+    imageAlt?: string;
+    category: string;
+    title: string;
+    publishDate: string;
+    body: string;
+    buttonLabel: string;
+    onViewClick?: () => void;
+    className?: string;
+}

package/dist/componentProps/molecules/card/featureproductcard/FeaturedProductCardProps.d.ts

@@ -1,9 +1,8 @@
 export type FeaturedProductCardProps = {
     imageSrc: string;
-    imageAlt: string;
+    imageAlt?: string;
     title: string;
-    brand: string;
-    decorNumber: string;
+    brand?: string;
+    decorNumber?: string | number;
     onClick?: () => void;
-    href?: string;
 };

package/dist/componentProps/molecules/card/swatchcard/SwatchCardProps.d.ts

@@ -5,7 +5,7 @@ export interface SwatchCardProps {
     title: string;
     brand: string;
     product: string;
-    decorNumber: string | number;
-    onClick?: () => void;
+    decorNumber: string;
+    onClick: () => void;
     status?: SwatchStatus;
 }

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

@@ -0,0 +1,6 @@
+import type { ArticleRecentCardProps } from "../../../molecules/card/articlerecentcard/ArticleRecentCardProps";
+export interface ArticleRecentSectionProps {
+    title?: string;
+    items: ArticleRecentCardProps[];
+    className?: string;
+}

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

@@ -1,13 +1,15 @@
-export type FeaturedProductItem = {
+export type FeaturedProductCarouselItem = {
     id: string;
     imageSrc: string;
-    imageAlt: string;
+    imageAlt?: string;
     title: string;
-    brand: string;
-    decorNumber: string | number;
+    brand?: string;
+    decorNumber?: string;
     href?: string;
+    rangeCode?: string;
 };
 export type FeaturedProductsCarouselProps = {
     title?: string;
-    items: FeaturedProductItem[];
+    items: FeaturedProductCarouselItem[];
+    onItemClick?: (item: FeaturedProductCarouselItem) => void;
 };

package/dist/componentProps/organisms/decorgrid/DecorGridProps.d.ts

@@ -1,4 +1,4 @@
 import { SwatchCardProps } from "../../molecules/card/swatchcard/SwatchCardProps";
 export interface DecorGridProps {
-    swatches: SwatchCardProps[];
+    Swatches: SwatchCardProps[];
 }

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

@@ -1,8 +1,8 @@
 import type { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
-import type { TopNavLogin, TopNavCartSummary } from "./TopNavBarProps";
+import type { Login, TopNavCartSummary } from "./TopNavBarProps";
 export type TopNavActionsProps = {
     Countries?: Country[];
-    Login: TopNavLogin;
+    Login: Login;
     Cart?: TopNavCartSummary;
     onSearchClick?: () => void;
     onCartClick?: () => void;

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

@@ -23,22 +23,15 @@ export type TopNavCartSummary = {
     hasCart: boolean;
     itemCount: number;
 };
-export type TopNavLogin = {
+export type Login = {
     label: string;
     href: string;
 };
-export type TopNavLogo = {
-    src: string;
-    alt?: string;
-    href?: string;
-};
 export type TopNavBarProps = {
     NavMenuWithSubItems?: NavItem[];
     Countries?: Country[];
-    Login?: TopNavLogin;
+    Login: Login;
     Cart?: TopNavCartSummary;
-    Logo?: TopNavLogo;
-    onLogoClick?: () => void;
     onNavItemClick?: (item: NavItem) => void;
     onMegaMenuLinkClick?: (link: NavLinkItem) => void;
     onPromoClick?: (promo: NavPromo) => void;

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

@@ -2,11 +2,15 @@ import type { ArticleBannerProps } from "../../organisms/banner/articlebanner/Ar
 import type { ArticleTextProps } from "../../organisms/articles/articletext/ArticleTextProps";
 import type { ArticleImageProps } from "../../organisms/articles/articleimage/ArticleImageProps";
 import type { ArticleCarouselProps } from "../../organisms/articles/articlecarousel/ArticleCarouselProps";
-export type ArticlePageProps = {
+import { FeaturedProductsCarouselProps } from "../../organisms/carousels/featureproductcarousel/FeaturedProductsCarouselProps";
+import { ArticleRecentSectionProps } from "../../organisms/articles/articlerecentsection/ArticleRecentSectionProps";
+export interface ArticlePageProps {
     articleBannerProps: ArticleBannerProps;
     articleHeaderProps: ArticleTextProps;
     articleTextProps: ArticleTextProps;
     articleTextProps2: ArticleTextProps;
     articleImageProps: ArticleImageProps;
     articleCarouselProps: ArticleCarouselProps;
-};
+    featuredProductsCarouselProps: FeaturedProductsCarouselProps;
+    articleRecentSectionProps: ArticleRecentSectionProps;
+}

package/dist/componentProps/scene/productdetailscene/ProductDetailSceneProps.d.ts

@@ -1,7 +1,7 @@
 import type { BrandNavBarProps } from "../../organisms/navigation/BrandNavBarProps";
 import type { TopNavBarProps } from "../../organisms/navigation/TopNavBarProps";
 import type { FooterProps } from "../../organisms/footer/FooterProps";
-import { ProductDetailPageTemplateProps } from "../../templates/productdetailpagetemplate/ProductDetailPageTemplateProps";
+import type { ProductDetailPageTemplateProps } from "../../templates/productdetailpagetemplate/ProductDetailPageTemplateProps";
 export type ProductDetailSceneProps = {
     brandNavBarProps: BrandNavBarProps;
     topNavBarProps: TopNavBarProps;

package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts

@@ -158,11 +158,19 @@ export type ProductDetailStandardCopyHero = {
 export type ProductDetailFeaturedProduct = {
     id: string;
     imageSrc: string;
-    imageAlt: string;
+    imageAlt?: string;
     title: string;
-    brand: string;
-    decorNumber: string | number;
+    brand?: string;
+    decorNumber?: string;
     href?: string;
+    rangeCode?: string;
+};
+export type ProductDetailNavigationMeta = {
+    source?: "breadcrumbs" | "purchase-panel" | "hero" | "featured-products";
+    itemId?: string;
+    label?: string;
+    rangeCode?: string;
+    decorNumber?: string;
 };
 export type ProductDetailData = {
     id?: string;
@@ -192,28 +200,31 @@ export type ProductDetailData = {
     standardCopyHero?: ProductDetailStandardCopyHero;
     featuredProducts?: ProductDetailFeaturedProduct[];
 };
+export type ProductDetailWishlistPayload = {
+    sku?: string;
+    decor?: string;
+};
+export type ProductDetailOrder = {
+    type: string;
+    sku?: string;
+    decor?: string;
+    product: string | null;
+    grade: string | null;
+    texture: string | null;
+    size: string | null;
+    quantity: number;
+    priceValue?: number;
+    priceLabel?: string;
+    currency?: string;
+};
+export type ProductDetailCartFlyoutProps = Omit<CartFlyoutProps, "isOpen" | "onClose">;
 export type ProductDetailPageTemplateProps = {
     breadcrumbsProps?: BreadcrumbsProps;
-    productData?: ProductDetailData;
-    onDownloadSwatch?: (data: ProductDetailData) => void;
-    onDownloadFullSheet?: (data: ProductDetailData) => void;
-    onAddToWishlist?: (payload: {
-        sku?: string;
-        decor?: string;
-    }, data: ProductDetailData) => void;
-    onAddToCart?: (order: {
-        type: string;
-        sku?: string;
-        decor?: string;
-        product: string | null;
-        grade: string | null;
-        texture: string | null;
-        size: string | null;
-        quantity: number;
-        priceValue?: number;
-        priceLabel?: string;
-        currency?: string;
-    }, data: ProductDetailData) => void;
-    onNavigate?: (href: string) => void;
-    cartFlyoutProps?: Omit<CartFlyoutProps, "isOpen" | "onClose">;
+    productData: ProductDetailData;
+    onDownloadSwatch?: (productData: ProductDetailData) => void;
+    onDownloadFullSheet?: (productData: ProductDetailData) => void;
+    onAddToWishlist?: (payload: ProductDetailWishlistPayload, productData: ProductDetailData) => void;
+    onAddToCart?: (order: ProductDetailOrder, productData: ProductDetailData) => void;
+    onNavigate?: (href: string, meta?: unknown) => void;
+    cartFlyoutProps?: ProductDetailCartFlyoutProps;
 };