formica-ui-lib 1.0.130 → 1.0.135

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

@@ -1,19 +1,23 @@
 import React from "react";
 import type { FaTypeClass } from "../icon/IconProps";
-export type ButtonVariant = "standard" | "nav" | "text" | "icon" | "segmented" | "small" | "grid";
+export type ButtonVariant = "standard" | "nav" | "text" | "icon" | "segmented" | "small" | "grid" | "header";
 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,9 +1,15 @@
-import React from "react";
+export type CheckboxColor = "accent-primary" | "accent-secondary" | "accent-tertiary" | "accent-accent";
+export interface CheckboxChangePayload {
+    id: string;
+    name?: string;
+    checked: boolean;
+}
 export interface CheckboxProps {
     id: string;
     name?: string;
     label: string;
     checked?: boolean;
     disabled?: boolean;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    checkboxColor?: CheckboxColor;
+    onChange?: (payload: CheckboxChangePayload) => void;
 }

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

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

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

@@ -1,7 +1,11 @@
+export type SwatchStatus = "new" | "discontinued" | "comingSoon" | "sale";
 export interface SwatchCardProps {
     imageSrc: string;
     imageAlt: string;
     title: string;
     brand: string;
-    decorNumber: number;
+    product: string;
+    decorNumber: string | number;
+    onClick?: () => void;
+    status?: SwatchStatus;
 }

package/dist/componentProps/molecules/selectors/appliedoptionslist/AppliedOptionsListProps.d.ts

@@ -0,0 +1,14 @@
+export interface AppliedOptionRemovePayload {
+    id: string;
+    name?: string;
+}
+export type AppliedOptionItem = {
+    id: string;
+    label: string;
+};
+export interface AppliedOptionsListProps {
+    header?: string;
+    optionsList: AppliedOptionItem[];
+    onRemoveOption: (payload: AppliedOptionRemovePayload) => void;
+    onRemoveAll: () => void;
+}

package/dist/componentProps/molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps.d.ts

@@ -0,0 +1,13 @@
+import { CheckboxChangePayload } from "../../../atoms/checkbox/CheckboxProps";
+export interface VerticalCheckboxListOption {
+    id: string;
+    name: string;
+    label: string;
+    checked?: boolean;
+    disabled?: boolean;
+    onChange?: (payload: CheckboxChangePayload) => void;
+}
+export interface VerticalCheckboxListProps {
+    label: string;
+    options: VerticalCheckboxListOption[];
+}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { VerticalCheckboxListProps } from "../../molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps";
+import { AppliedOptionsListProps } from "../../molecules/selectors/appliedoptionslist/AppliedOptionsListProps";
+export interface VerticalCheckboxListCollectionProps {
+    header?: string;
+    headerIcon?: string;
+    appliedOptions?: AppliedOptionsListProps;
+    sections: VerticalCheckboxListProps[];
+}

package/dist/componentProps/scene/category/CategorySceneProps.d.ts

@@ -0,0 +1,10 @@
+import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
+import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
+import type { SortAndSearchBarProps } from "../../molecules/selectors/sortandsearchbar/SortAndSearchBarProps";
+import type { DecorGridProps } from "../../organisms/decorgrid/DecorGridProps";
+export type CategorySceneProps = {
+    standardCopyHeroProps: StandardCopyHeroProps;
+    multiButtonBarProps: MultiButtonBarProps;
+    sortAndSearchBarProps: SortAndSearchBarProps;
+    decorGridProps: DecorGridProps;
+};

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 type { ProductDetailPageTemplateProps } from "../../templates/productdetailpagetemplate/ProductDetailPageTemplateProps";
+import { ProductDetailPageTemplateProps } from "../../templates/productdetailpagetemplate/ProductDetailPageTemplateProps";
 export type ProductDetailSceneProps = {
     brandNavBarProps: BrandNavBarProps;
     topNavBarProps: TopNavBarProps;

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

@@ -158,19 +158,11 @@ export type ProductDetailStandardCopyHero = {
 export type ProductDetailFeaturedProduct = {
     id: string;
     imageSrc: string;
-    imageAlt?: string;
+    imageAlt: string;
     title: string;
-    brand?: string;
-    decorNumber?: string;
+    brand: string;
+    decorNumber: string | number;
     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;
@@ -200,31 +192,28 @@ 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?: (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;
+    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">;
 };