formica-ui-lib 1.0.195 → 1.0.197

package/dist/.gitkeep

@@ -0,0 +1 @@
+

package/dist/componentProps/molecules/card/swatchquantitycard/SwatchQuantityCardProps.d.ts

@@ -0,0 +1,13 @@
+export type SwatchQuantityCardProps = {
+    imageSrc: string;
+    imageAlt: string;
+    title: string;
+    brand: string;
+    decorNumber: number;
+    swatchType: string;
+    initialQuantity?: number;
+    minQuantity?: number;
+    maxQuantity?: number;
+    onQuantityChange?: (quantity: number) => void;
+    onRemoveItem?: () => void;
+};

package/dist/componentProps/molecules/cards/infocard/InfoCardProps.d.ts

@@ -1,15 +1,23 @@
+import type { ButtonVariant, ButtonIntent, ButtonSize } from "../../../atoms/buttons/button/ButtonProps";
 export type InfoCardAlign = "left" | "right";
-export interface InfoCardButtonClickPayload {
+export type InfoCardButton = {
     buttonLabel: string;
     buttonHref?: string;
-}
+    variant?: ButtonVariant;
+    intent?: ButtonIntent;
+    size?: ButtonSize;
+};
+export type InfoCardButtonClickPayload = {
+    buttonLabel: string;
+    buttonHref?: string;
+    index: number;
+};
 export interface InfoCardProps {
     imageSrc: string;
     imageAlt?: string;
     headline?: string;
     body: string;
-    buttonLabel?: string;
-    buttonHref?: string;
+    buttons?: InfoCardButton[];
     align?: InfoCardAlign;
     onButtonClick?: (payload: InfoCardButtonClickPayload) => void;
 }

package/dist/componentProps/molecules/navigation/footerimagelink/FooterImageLinkProps.d.ts

@@ -1,4 +1,4 @@
-import type { FooterImageProps } from "../../../organisms/footer/FooterProps";
+import type { FooterImageProps } from "../../../organisms/navigation/footer/FooterProps";
 export type FooterImageLinkProps = {
     img: FooterImageProps;
     className?: string;

package/dist/componentProps/{organisms/footer → molecules/navigation/footerlinkitem}/FooterLinkItemProps.d.ts

@@ -1,4 +1,4 @@
-import type { FooterLinkProps } from "./FooterProps";
+import type { FooterLinkProps } from "../../../organisms/navigation/footer/FooterProps";
 export type FooterLinkItemProps = {
     item: FooterLinkProps;
     className?: string;

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

@@ -1,15 +1,25 @@
 import { Country } from "../../molecules/selectors/countryselector/CountrySelectorProps";
 export type NavLinkItem = {
+    id?: string;
     label: string;
     href: string;
 };
 export type NavSubcategory = {
+    id?: string;
     label: string;
     items: NavLinkItem[];
 };
+export type NavPromo = {
+    imageSrc: string;
+    imageAlt: string;
+    label: string;
+    href: string;
+};
 export type NavItem = {
+    id?: string;
     label: string;
     href?: string;
+    promo?: NavPromo;
     subcategories?: NavSubcategory[];
 };
 export type TopNavCartSummary = {

package/dist/componentProps/organisms/{footer/LogosBarProps.d.ts → navigation/footerlogosbar/FooterLogosBarProps.d.ts}

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

package/dist/componentProps/organisms/navigation/footersitemap/FooterSitemapProps.d.ts

@@ -0,0 +1,4 @@
+import type { FooterColumnProps } from "../footer/FooterProps";
+export type FooterSitemapProps = {
+    columns: FooterColumnProps[];
+};

package/dist/componentProps/organisms/section/productinformationsection/ProductInformationSectionProps.d.ts

@@ -0,0 +1,56 @@
+import React from "react";
+export type ProductInformationTabKey = "details" | "texture" | "sizeAndGrade";
+export type ProductDetailsData = {
+    summary?: string;
+    content?: React.ReactNode;
+};
+export type TextureItem = {
+    key: string;
+    title?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+    description?: string;
+};
+export type TextureGroup = {
+    id: string;
+    title: string;
+    items: TextureItem[];
+};
+export type TextureData = {
+    groups?: TextureGroup[];
+};
+export type SizeAndGradeDefinition = {
+    id: string;
+    grade: string;
+    text: string;
+};
+export type SizeAndGradeCardData = {
+    id: string;
+    title: string;
+    grade?: string;
+    thickness?: string;
+    subtitle?: string;
+    items?: string[];
+    mtoItems?: string[];
+};
+export type SizeAndGradeData = {
+    summary?: string;
+    grade?: string;
+    definitions?: SizeAndGradeDefinition[];
+    cards?: SizeAndGradeCardData[];
+    content?: React.ReactNode;
+};
+export type ProductInformationSectionProps = {
+    ranges: ProductInformationRange[];
+    defaultTab?: ProductInformationTabKey;
+    defaultRangeId?: string;
+    selectedGrade?: string;
+    className?: string;
+};
+export type ProductInformationRange = {
+    id: string;
+    label: string;
+    details?: ProductDetailsData;
+    texture?: TextureData;
+    sizeAndGrade?: SizeAndGradeData;
+};

package/dist/componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelLeftPanelProps.d.ts

@@ -0,0 +1,46 @@
+import type { ButtonGridItem } from "../../../molecules/buttons/buttongrid/ButtonGridProps";
+export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
+export type SwatchOption = ButtonGridItem & {
+    id: string;
+    label: string;
+    value: string;
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+};
+export type SwatchPurchasePanelLeftPanelNavigateMeta = {
+    kind: "availability" | "returnPolicy";
+};
+export type SwatchPurchasePanelLeftPanelProps = {
+    sku?: string;
+    title?: string;
+    decor?: string;
+    description?: string;
+    patternRepeat?: string;
+    onDownloadSwatch?: () => void;
+    onDownloadFullSheet?: () => void;
+    tabs?: SwatchPurchasePanelTab[];
+    activeTab: SwatchPurchasePanelTab;
+    onTabChange: (tab: SwatchPurchasePanelTab) => void;
+    productOptions?: SwatchOption[];
+    gradeOptions?: SwatchOption[];
+    textureOptions?: SwatchOption[];
+    sizeOptions?: SwatchOption[];
+    selectedProduct?: string | null;
+    selectedGrade?: string | null;
+    selectedTexture?: string | null;
+    selectedSize?: string | null;
+    availabilityHref?: string;
+    availabilityLabel?: string;
+    notReturnableText?: string;
+    returnPolicyHref?: string;
+    returnPolicyLabel?: string;
+    onNavigate?: (href: string, meta?: SwatchPurchasePanelLeftPanelNavigateMeta) => void;
+    priceLabel?: string;
+    initialQuantity?: number;
+    minQuantity?: number;
+    maxQuantity?: number;
+    onQuantityChange?: (quantity: number) => void;
+    onAddToWishlist: () => void;
+    onAddToCart: (quantity: number) => void;
+};

package/dist/componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelProps.d.ts

@@ -0,0 +1,91 @@
+export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
+export type SwatchPurchasePanelNavigateMeta = {
+    kind: "availability" | "returnPolicy";
+};
+export type SwatchPurchasePanelCarouselProps = {
+    slides: any[];
+    initialIndex?: number;
+    text?: string;
+};
+export type AddToFavoritesPayloadProps = {
+    sku?: string;
+    decor?: string;
+};
+export type SwatchPurchasePanelOptionProps = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+    value?: string;
+    active?: boolean;
+    onClick?: (id: string) => void;
+};
+export type CartOrderProps = {
+    type: SwatchPurchasePanelTab;
+    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 SwatchPurchasePanelTabOptionGroups = {
+    productOptions?: SwatchPurchasePanelOptionProps[];
+    gradeOptions?: SwatchPurchasePanelOptionProps[];
+    textureOptions?: SwatchPurchasePanelOptionProps[];
+    sizeOptions?: SwatchPurchasePanelOptionProps[];
+};
+export type ProductVariantProps = {
+    id: string;
+    sku: string;
+    productName?: string;
+    rangeId?: string;
+    texture?: string;
+    thicknessIn?: string;
+    widthIn?: string;
+    lengthIn?: string;
+    price?: {
+        value?: number;
+        label?: string;
+    };
+    finish?: string;
+    grade?: string;
+    isWebEnabled?: boolean;
+};
+export type SwatchPurchasePanelProps = {
+    sku?: string;
+    decor?: string;
+    title: string;
+    description?: string;
+    patternRepeat?: string;
+    onDownloadSwatch?: () => void;
+    onDownloadFullSheet?: () => void;
+    carousel: SwatchPurchasePanelCarouselProps;
+    tabs?: SwatchPurchasePanelTab[];
+    initialTab?: SwatchPurchasePanelTab;
+    tabOptions?: Record<SwatchPurchasePanelTab, SwatchPurchasePanelTabOptionGroups>;
+    productOptions?: SwatchPurchasePanelOptionProps[];
+    gradeOptions?: SwatchPurchasePanelOptionProps[];
+    textureOptions?: SwatchPurchasePanelOptionProps[];
+    sizeOptions?: SwatchPurchasePanelOptionProps[];
+    variants?: ProductVariantProps[];
+    priceLabel?: string;
+    priceValue?: number;
+    currency?: string;
+    initialQuantity?: number;
+    minQuantity?: number;
+    maxQuantity?: number;
+    onAddToWishlist: (payload: AddToFavoritesPayloadProps) => void;
+    onAddToCart: (order: CartOrderProps) => void;
+    availabilityHref?: string;
+    availabilityLabel?: string;
+    returnPolicyHref?: string;
+    returnPolicyLabel?: string;
+    notReturnableText?: string;
+    onNavigate?: (href: string, meta?: SwatchPurchasePanelNavigateMeta) => void;
+};
+export type GroupName = "product" | "grade" | "texture" | "size";
+export type SelectedState = Record<GroupName, string | null>;

package/dist/componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelRightPanelProps.d.ts

@@ -0,0 +1,15 @@
+import { ImageSlideProps } from "../../carousels/imagecarousel/ImageCarouselProps";
+export type SwatchPurchasePanelCarouselSlide = {
+    id: string;
+    imageSrc: string;
+    imageAlt: string;
+    title?: string;
+};
+export type SwatchPurchasePanelCarousel = {
+    slides: ImageSlideProps[];
+    initialIndex?: number;
+    text?: string;
+};
+export type SwatchPurchasePanelRightPanelProps = {
+    carousel?: SwatchPurchasePanelCarousel;
+};

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

@@ -5,7 +5,7 @@ import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/C
 import type { ButtonProps } from "../../atoms/buttons/button/ButtonProps";
 import type { ColumnBannerProps } from "../../organisms/banners/columnbanner/ColumnBannerProps";
 import type { FeatureCardCollectionProps } from "../../organisms/collections/featurecardcollection/FeatureCardCollectionProps";
-import type { FooterProps } from "../../organisms/footer/FooterProps";
+import type { FooterProps } from "../../organisms/navigation/footer/FooterProps";
 import type { MoreInfoHighlightsCollectionProps } from "../../organisms/collections/moreinfohighlightscollection/MoreInfoHighlightsCollectionProps";
 import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
 export type HomePageProps = {

package/dist/componentProps/scene/sfsolutionscenter/SFSolutionsCenterSceneProps.d.ts

@@ -0,0 +1,16 @@
+import type { CallToActionHeroProps } from "../../organisms/banners/herobanner/CallToActionHeroProps";
+import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
+import type { TextCardProps } from "../../molecules/cards/textcard/TextCardProps";
+import type { InfoCardProps } from "../../molecules/cards/infocard/InfoCardProps";
+import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
+import type { FeatureCardCollectionProps } from "../../organisms/collections/featurecardcollection/FeatureCardCollectionProps";
+export interface SFSolutionsCenterSceneProps {
+    callToActionHeroProps: CallToActionHeroProps;
+    multiButtonBarProps: MultiButtonBarProps;
+    textCardProps: TextCardProps;
+    infoCardProps: InfoCardProps;
+    infoCardProps2: InfoCardProps;
+    infoCardProps3: InfoCardProps;
+    standardCopyHeroProps: StandardCopyHeroProps;
+    featureCardCollectionProps: FeatureCardCollectionProps;
+}