formica-ui-lib 1.0.143 → 1.0.149

package/dist/componentProps/atoms/{button → buttons/button}/ButtonProps.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import type { FaTypeClass } from "../icon/IconProps";
-export type ButtonVariant = "standard" | "nav" | "text" | "icon" | "segmented" | "small" | "grid" | "header";
-export type ButtonType = "primary" | "secondary" | "accent" | "ghost" | "radio";
+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 IconSize = "xs" | "sm" | "md" | "lg" | "xl";
 export type IconPosition = "left" | "right";
-export type SegmentPosition = "only" | "first" | "middle" | "last";
+export type ButtonSize = "xs" | "sm" | "md" | "lg";
 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;
@@ -15,9 +15,11 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     iconSize?: IconSize;
     iconPosition?: IconPosition;
     variant?: ButtonVariant;
-    buttonType?: ButtonType;
-    segmentPosition?: SegmentPosition;
+    intent?: ButtonIntent;
+    buttonType?: ButtonIntent;
+    size?: ButtonSize;
     buttonAlignment?: ButtonAlignment;
     active?: boolean;
+    fullWidth?: boolean;
     className?: string;
 }

package/dist/componentProps/atoms/buttons/iconbutton/IconButtonProps.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from "../button/ButtonProps";
+export type IconButtonProps = Omit<ButtonProps, "variant" | "label" | "children">;

package/dist/componentProps/atoms/dropdown/DropdownProps.d.ts

@@ -12,7 +12,7 @@ export interface DropdownProps {
     placeholder?: string;
     disabled?: boolean;
     hasError?: boolean;
-    variant?: "field" | "filter";
+    variant?: "field" | "filter" | "toolbar";
     onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
 }

package/dist/componentProps/atoms/icon/IconProps.d.ts

@@ -10,3 +10,7 @@ export type IconProps = {
     className?: string;
     title?: string;
 };
+export type Props = Omit<IconProps, "icon"> & {
+    iconType: FaTypeClass;
+    iconName: string;
+};

package/dist/componentProps/atoms/image/ImageProps.d.ts

@@ -4,6 +4,7 @@ export type ImageProps = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" |
     alt: string;
     quality: number;
     fit?: "contain" | "cover" | "fill";
+    useNetlifyImages?: boolean;
 };
 export type NetlifyLoaderArgs = {
     src: string;

package/dist/componentProps/atoms/input/inputProps.d.ts

@@ -2,14 +2,17 @@ import React from "react";
 export interface InputProps {
     id?: string;
     name?: string;
-    type?: "text" | "email" | "password" | "tel" | "number";
+    type?: "text" | "email" | "password" | "tel" | "number" | "search";
     value?: string;
     placeholder?: string;
     disabled?: boolean;
     required?: boolean;
     hasError?: boolean;
     className?: string;
+    inputClassName?: string;
     autoComplete?: string;
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;

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

@@ -0,0 +1,7 @@
+import React from "react";
+export type ClickableCardProps = {
+    children: React.ReactNode;
+    onCardClick: () => void;
+    ariaLabel: string;
+    className?: string;
+};

package/dist/componentProps/molecules/card/documentlinkcard/DocumentLinkCardProps.d.ts

@@ -0,0 +1,6 @@
+export type DocumentLinkCardProps = {
+    title: string;
+    details: string;
+    iconName?: string;
+    onDocumentClick: () => void;
+};

package/dist/componentProps/molecules/card/featurecard/FeatureCardProps.d.ts

@@ -1,8 +1,15 @@
-export interface FeatureCardProps {
+export type FeatureCardCtaMode = "button" | "text" | "hidden";
+export type FeatureCardClickPayload = {
+    title: string;
+    description?: string;
+    buttonLabel?: string;
+};
+export type FeatureCardProps = {
     imageSrc: string;
-    imageAlt: string;
+    imageAlt?: string;
     title: string;
-    description: string;
-    buttonLabel: string;
-    buttonHref: string;
-}
+    description?: string;
+    buttonLabel?: string;
+    ctaMode?: FeatureCardCtaMode;
+    onCtaClick?: (payload: FeatureCardClickPayload) => void;
+};

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

@@ -1,4 +1,4 @@
-import type { ButtonProps } from "../../../atoms/button/ButtonProps";
+import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
 export interface StandardCarouselSlide {
     imageSrc: string;
     imageAlt?: string;

package/dist/componentProps/molecules/cart/cartactions/CartActionsProps.d.ts

@@ -0,0 +1,14 @@
+export type CartActionsProps = {
+    initialQuantity?: number;
+    minQuantity?: number;
+    maxQuantity?: number;
+    /** parent callbacks */
+    onAddToWishlist: () => void;
+    onAddToCart: (quantity: number) => void;
+    onQuantityChange?: (quantity: number) => void;
+    /** optional labels */
+    wishlistLabel?: string;
+    cartLabel?: string;
+    /** layout hooks */
+    className?: string;
+};

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

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

package/dist/componentProps/molecules/navigation/headeractionbutton/HeaderActionButtonProps.d.ts

@@ -0,0 +1,2 @@
+import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
+export type HeaderActionButtonProps = Omit<ButtonProps, "variant" | "size">;

package/dist/componentProps/molecules/navigation/navbutton/NavButtonProps.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonProps } from "../../../atoms/buttons/button/ButtonProps";
+export type NavButtonProps = Omit<ButtonProps, "variant" | "size"> & {
+    isCurrent?: boolean;
+};

package/dist/componentProps/molecules/radiobuttons/RadioButtonsProps.d.ts

@@ -0,0 +1,12 @@
+export type RadioButtonsOption = string;
+export interface RadioButtonsProps {
+    options: RadioButtonsOption[];
+    value?: RadioButtonsOption;
+    defaultValue?: RadioButtonsOption;
+    onChange?: (value: RadioButtonsOption, index: number) => void;
+    ariaLabel?: string;
+    disabled?: boolean;
+    className?: string;
+    containerClassName?: string;
+    buttonClassName?: string;
+}

package/dist/componentProps/molecules/searchbar/SearchBarProps.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from "../../atoms/input/inputProps";
+export interface SearchBarProps extends Omit<InputProps, "type"> {
+}

package/dist/componentProps/molecules/segmentedcontrol/SegmentedControlProps.d.ts

@@ -0,0 +1,14 @@
+export type SegmentedControlItem = {
+    id: string;
+    label: string;
+    disabled?: boolean;
+};
+export type SegmentedControlProps = {
+    items: SegmentedControlItem[];
+    selectedId?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+    buttonClassName?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+};

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

@@ -8,6 +8,8 @@ export type AppliedOptionItem = {
 };
 export interface AppliedOptionsListProps {
     header?: string;
+    clearAllLabel?: string;
+    emptyStateLabel?: string;
     optionsList: AppliedOptionItem[];
     onRemoveOption: (payload: AppliedOptionRemovePayload) => void;
     onRemoveAll: () => void;

package/dist/componentProps/molecules/selectors/countryselector/CountrySelectorProps.d.ts

@@ -3,6 +3,9 @@ export interface Country {
     locale: string;
     href: string;
 }
-export interface Props {
+export interface CountrySelectorProps {
     countries?: Country[];
+    selectedCountry?: Country | null;
+    onCountrySelect?: (country: Country) => void;
 }
+export type Props = CountrySelectorProps;

package/dist/componentProps/molecules/selectors/multibuttonbar/MultiButtonBarProps.d.ts

@@ -1,7 +1,13 @@
-export type OptionItem = {
+export type MultiButtonBarOption = {
+    label: string;
+    value?: string;
+};
+export type MultiButtonBarSelectPayload = {
+    value?: string;
     label: string;
 };
 export type MultiButtonBarProps = {
-    options: OptionItem[];
-    defaultValue: string;
+    options: MultiButtonBarOption[];
+    selectedValue?: string;
+    onSelect?: (payload: MultiButtonBarSelectPayload) => void;
 };

package/dist/componentProps/molecules/selectors/sortandfilterbar/SortAndFilterBarProps.d.ts

@@ -0,0 +1,8 @@
+import { DropdownProps } from "../../../atoms/dropdown/DropdownProps";
+import { SearchBarProps } from "../../searchbar/SearchBarProps";
+export type SortAndFilterBarProps = {
+    buttonName: string;
+    onButtonClick?: () => void;
+    dropdownProps: DropdownProps;
+    searchBarProps: SearchBarProps;
+};

package/dist/componentProps/molecules/selectors/tripledropdownbar/TripleDropdownBarProps.d.ts

@@ -0,0 +1,4 @@
+import { DropdownProps } from "../../../atoms/dropdown/DropdownProps";
+export type TripleDropdownBarProps = {
+    dropdowns: DropdownProps[];
+};

package/dist/componentProps/molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps.d.ts

@@ -0,0 +1,22 @@
+import type { IconColor } from "../../../atoms/icon/IconProps";
+export interface VerticalColorSwatchListSelectPayload {
+    id: string;
+    name: string;
+    label: string;
+    color: string;
+    checked: boolean;
+}
+export interface VerticalColorSwatchListOption {
+    id: string;
+    name: string;
+    label: string;
+    color: string;
+    checked?: boolean;
+    disabled?: boolean;
+    checkIconColor?: IconColor;
+    onSelect?: (payload: VerticalColorSwatchListSelectPayload) => void;
+}
+export interface VerticalColorSwatchListProps {
+    label: string;
+    options: VerticalColorSwatchListOption[];
+}

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

@@ -0,0 +1,4 @@
+export type ColumnBannerHeaderProps = {
+    heading?: string;
+    body?: string;
+};

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

@@ -1,6 +1,7 @@
-type ColumnCarouselCardProps = {
+import type { CtaItem } from "./ColumnBannerProps";
+export type ColumnCarouselCardProps = {
     id: string;
-    item: any;
+    item: CtaItem;
     absoluteIdx: number;
     isActive: boolean;
     showLabel: boolean;
@@ -9,6 +10,6 @@ type ColumnCarouselCardProps = {
     isFav: boolean;
     setActiveIndex: (n: number | null) => void;
     onLoaded: (id: string) => void;
-    onToggleFav: (item: any) => void;
-    onItemClick?: (item: any) => void;
+    onToggleFav: (item: CtaItem) => void;
+    onItemClick?: (item: CtaItem) => void;
 };

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

@@ -1,5 +1,6 @@
-type ColumnCarouselProps = {
-    items: any[];
+import type { CtaItem } from "./ColumnBannerProps";
+export type ColumnCarouselProps = {
+    items: CtaItem[];
     startIndex: number;
     activeIndex: number | null;
     setActiveIndex: (n: number | null) => void;
@@ -10,7 +11,7 @@ type ColumnCarouselProps = {
     loadedIds: Set<string>;
     favoriteIds: Set<string>;
     onLoaded: (id: string) => void;
-    onToggleFav: (item: any) => void;
-    onItemClick?: (item: any) => void;
-    getItemId?: (item: any) => string;
+    onToggleFav: (item: CtaItem) => void;
+    onItemClick?: (item: CtaItem) => void;
+    getItemId?: (item: CtaItem) => string;
 };

package/dist/componentProps/organisms/banner/herobanner/CallToActionHeroProps.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import type { ButtonVariant, ButtonType } from "../../../atoms/button/ButtonProps";
+import type { ButtonVariant, ButtonIntent } from "../../../atoms/buttons/button/ButtonProps";
 export type CallToActionHeroCta = {
     label: string;
     variant?: ButtonVariant;
-    buttonType?: ButtonType;
+    intent?: ButtonIntent;
     className?: string;
     href?: string;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;

package/dist/componentProps/organisms/cart/checkoutsteppanel/CheckoutAccountStepProps.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export interface CheckoutAccountStepProps {
+    currentStep?: number;
+    steps?: string[];
+    activeMode?: "createAccount" | "signIn";
+    email?: string;
+    password?: string;
+    emailError?: string;
+    passwordError?: string;
+    emailHasError?: boolean;
+    passwordHasError?: boolean;
+    onModeChange?: (mode: "createAccount" | "signIn") => void;
+    onEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onPasswordChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onPasswordBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onForgotPasswordClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onContinue?: () => void;
+    onContinueAsGuest?: () => void;
+    className?: string;
+}

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

@@ -1,12 +1,9 @@
+import type { SwatchPurchasePanelCarousel } from "./PurchasePanelRightPanelProps";
 export type PurchasePanelTab = "Sample" | "Buy Now" | string;
 export type SwatchPurchasePanelNavigateMeta = {
     kind: "availability" | "returnPolicy";
 };
-export type PurchasePanelCarouselProps = {
-    slides: any[];
-    initialIndex?: number;
-    text?: string;
-};
+export type PurchasePanelCarouselProps = SwatchPurchasePanelCarousel;
 export type AddToFavoritesPayloadProps = {
     sku?: string;
     decor?: string;

package/dist/componentProps/organisms/documentlinkcollection/DocumentLinkCollectionProps.d.ts

@@ -0,0 +1,5 @@
+import { DocumentLinkCardProps } from "../../molecules/card/documentlinkcard/DocumentLinkCardProps";
+export interface DocumentLinkCollectionProps {
+    title: string;
+    documentLinkCards: DocumentLinkCardProps[];
+}

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

@@ -1,6 +1,15 @@
-import { FeatureCardProps } from "../../../molecules/card/featurecard/FeatureCardProps";
+import type { FeatureCardClickPayload } from "../../../molecules/card/featurecard/FeatureCardProps";
+export type FeatureCardCollectionItem = {
+    imageSrc: string;
+    imageAlt?: string;
+    title: string;
+    description?: string;
+    buttonLabel?: string;
+    onCardClick?: () => void;
+    onCtaClick?: (payload: FeatureCardClickPayload) => void;
+};
 export type FeatureCardCollectionProps = {
     title?: string;
     body?: string;
-    cards: FeatureCardProps[];
+    cards?: FeatureCardCollectionItem[];
 };

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

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

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

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

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

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

package/dist/componentProps/organisms/imagegrid/ImageGridProps.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export type GridImage = Omit<React.ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
+    src: string;
+    alt: string;
+    quality: number;
+};
+export interface ImageGridProps {
+    images: GridImage[];
+}

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

@@ -2,6 +2,7 @@ import type { Country } from "../../molecules/selectors/countryselector/CountryS
 import type { TopNavLogin, TopNavCartSummary } from "./TopNavBarProps";
 export type TopNavActionsProps = {
     Countries?: Country[];
+    selectedCountry?: Country | null;
     Login: TopNavLogin;
     Cart?: TopNavCartSummary;
     onSearchClick?: () => void;

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

@@ -35,6 +35,7 @@ export type TopNavLogo = {
 export type TopNavBarProps = {
     NavMenuWithSubItems?: NavItem[];
     Countries?: Country[];
+    selectedCountry?: Country | null;
     Login?: TopNavLogin;
     Cart?: TopNavCartSummary;
     Logo?: TopNavLogo;

package/dist/componentProps/organisms/productinformationsection/ProductDetailsPaneProps.d.ts

@@ -0,0 +1,4 @@
+import type { ProductDetailsData } from "./ProductInformationSectionProps";
+export type ProductDetailsPaneProps = {
+    data?: ProductDetailsData;
+};

package/dist/componentProps/organisms/productinformationsection/TexturePaneProps.d.ts

@@ -0,0 +1,4 @@
+import type { TextureData } from "./ProductInformationSectionProps";
+export type TexturePaneProps = {
+    data?: TextureData;
+};

package/dist/componentProps/organisms/productinformationsection/sizeandgradepane/SizeAndGradePaneProps.d.ts

@@ -0,0 +1,5 @@
+import { SizeAndGradeData } from "../ProductInformationSectionProps";
+export type SizeAndGradePaneProps = {
+    data?: SizeAndGradeData;
+    selectedGrade?: string;
+};

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

@@ -1,8 +1,16 @@
 import { VerticalCheckboxListProps } from "../../molecules/selectors/verticalcheckboxlist/VerticalCheckboxListProps";
 import { AppliedOptionsListProps } from "../../molecules/selectors/appliedoptionslist/AppliedOptionsListProps";
+import { VerticalColorSwatchListProps } from "../../molecules/selectors/verticalcolorswatchlist/VerticalColorSwatchListProps";
+export interface VerticalCheckboxListCollectionCheckboxSection extends VerticalCheckboxListProps {
+    type: "checkbox";
+}
+export interface VerticalCheckboxListCollectionColorSection extends VerticalColorSwatchListProps {
+    type: "colorSwatch";
+}
+export type VerticalCheckboxListCollectionSection = VerticalCheckboxListCollectionCheckboxSection | VerticalCheckboxListCollectionColorSection;
 export interface VerticalCheckboxListCollectionProps {
     header?: string;
     headerIcon?: string;
     appliedOptions?: AppliedOptionsListProps;
-    sections: VerticalCheckboxListProps[];
+    sections: VerticalCheckboxListCollectionSection[];
 }

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

@@ -1,10 +1,12 @@
 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 { SortAndFilterBarProps } from "../../molecules/selectors/sortandfilterbar/SortAndFilterBarProps";
 import type { DecorGridProps } from "../../organisms/decorgrid/DecorGridProps";
+import type { VerticalCheckboxListCollectionProps } from "../../organisms/verticalcheckboxlistcollection/VerticalCheckboxListCollectionProps";
 export type CategorySceneProps = {
     standardCopyHeroProps: StandardCopyHeroProps;
     multiButtonBarProps: MultiButtonBarProps;
-    sortAndSearchBarProps: SortAndSearchBarProps;
+    sortAndSearchBarProps: SortAndFilterBarProps;
+    verticalCheckboxListCollectionProps?: VerticalCheckboxListCollectionProps;
     decorGridProps: DecorGridProps;
 };

package/dist/componentProps/scene/gallery/GallerySceneProps.d.ts

@@ -0,0 +1,10 @@
+import type { StandardCopyHeroProps } from "../../organisms/banner/standardcopyhero/StandardCopyHeroProps";
+import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
+import type { TripleDropdownBarProps } from "../../molecules/selectors/tripledropdownbar/TripleDropdownBarProps";
+import type { ImageGridProps } from "../../organisms/imagegrid/ImageGridProps";
+export type GallerySceneProps = {
+    standardCopyHeroProps: StandardCopyHeroProps;
+    multiButtonBarProps: MultiButtonBarProps;
+    tripleDropdownBarProps: TripleDropdownBarProps;
+    imageGridProps: ImageGridProps;
+};

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

@@ -0,0 +1,26 @@
+import type { BrandNavBarProps } from "../../organisms/navigation/BrandNavBarProps";
+import type { TopNavBarProps } from "../../organisms/navigation/TopNavBarProps";
+import type { CallToActionHeroProps } from "../../organisms/banner/herobanner/CallToActionHeroProps";
+import type { ButtonProps } from "../../atoms/buttons/button/ButtonProps";
+import type { ColumnBannerProps } from "../../organisms/banner/columnbanner/ColumnBannerProps";
+import type { FeatureCardCollectionProps } from "../../organisms/featurecards/featurecardscollection/FeatureCardCollectionProps";
+import type { FooterProps } from "../../organisms/footer/FooterProps";
+import type { MoreInfoHighlightsSectionProps } from "../../organisms/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
+import type { FeatureBannerProps } from "../../organisms/banner/featurebanner/FeatureBannerProps";
+export type HomePageProps = {
+    brandNavBarProps: BrandNavBarProps;
+    topNavBarProps: TopNavBarProps;
+    callToActionCarouselProps?: {
+        slides: CallToActionHeroProps[];
+        showArrows?: boolean;
+        showDots?: boolean;
+        loop?: boolean;
+        nextArrowButtonProps?: Pick<ButtonProps, "buttonType" | "className">;
+        prevArrowButtonProps?: Pick<ButtonProps, "buttonType" | "className">;
+    };
+    columnBannerProps?: ColumnBannerProps;
+    featureBannerProps?: FeatureBannerProps;
+    featureCardSectionProps?: FeatureCardCollectionProps;
+    moreInfoHighlightsSectionProps?: MoreInfoHighlightsSectionProps;
+    footerProps?: FooterProps;
+};

package/dist/componentProps/templates/cartpaymenttemplate/CartPaymentTemplateProps.d.ts

@@ -0,0 +1,9 @@
+import type { CheckoutProgressIndicatorProps } from "../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
+import type { CartTotalsPanelProps } from "../../organisms/cart/carttotalspanel/CartTotalsPanelProps";
+import { CartPaymentPanelProps } from "../../organisms/cart/cartpaymentpanel/CartPaymentPanelProps";
+export interface CartPaymentTemplateProps {
+    cartPaymentPanelProps: CartPaymentPanelProps;
+    checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
+    cartTotalsPanelProps: CartTotalsPanelProps;
+    className?: string;
+}

package/dist/componentProps/templates/cartsummarytemplate/CartSummaryTemplateProps.d.ts

@@ -0,0 +1,7 @@
+import { CheckoutAccountStepProps } from "../../organisms/cart/checkoutsteppanel/CheckoutAccountStepProps";
+import { OrderSummarySectionLeftPanelProps } from "../../organisms/cart/ordersummarysection/OrderSummarySectionLeftPanelProps";
+export interface CartSummaryTemplateProps {
+    cartSummaryProps: OrderSummarySectionLeftPanelProps;
+    checkoutAccountStepProps: CheckoutAccountStepProps;
+    className?: string;
+}