formica-ui-lib 1.0.86 → 1.0.88

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

@@ -1,12 +1,13 @@
 import React from "react";
+import type { FaTypeClass } from "../icon/IconProps";
 export type ButtonVariant = "standard" | "nav" | "text" | "icon" | "segmented" | "small" | "grid";
 export type ButtonType = "primary" | "secondary" | "accent" | "ghost" | "radio";
 export type IconPosition = "left" | "right";
 export type SegmentPosition = "only" | "first" | "middle" | "last";
-export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "onClick" | "children"> {
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "className" | "children"> {
     label?: string;
     children?: React.ReactNode;
-    iconType?: any;
+    iconType?: FaTypeClass;
     iconName?: string;
     iconAlt?: string;
     iconPosition?: IconPosition;
@@ -14,6 +15,5 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
     buttonType?: ButtonType;
     segmentPosition?: SegmentPosition;
     active?: boolean;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
     className?: string;
 }

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

@@ -1,6 +1,7 @@
 import type { IconDefinition } from "@fortawesome/fontawesome-svg-core";
 export type IconSize = "base" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
 export type IconColor = "inherit" | "primary" | "secondary" | "secondaryHover" | "accent";
+export type FaTypeClass = "fa-solid" | "fa-regular" | "fa-brands";
 export type IconProps = {
     icon?: IconDefinition;
     alt?: string;

package/dist/componentProps/molecules/card/cartItemCard/CartItemCardProps.d.ts

@@ -0,0 +1,24 @@
+export type CartItemCardPrice = {
+    value: number;
+    currency: string;
+    label: string;
+};
+export type CartItemStatus = "pending" | "ready" | "error" | "warning";
+export type CartItemCardProps = {
+    id: string;
+    sku: string;
+    title: string;
+    brand?: string;
+    decorNumber?: string;
+    quantity: number;
+    imageSrc: string;
+    imageAlt: string;
+    price: CartItemCardPrice;
+    productType?: string;
+    message?: string;
+    status?: CartItemStatus;
+    minQuantity?: number;
+    maxQuantity?: number;
+    onQuantityChange?: (quantity: number) => void;
+    onRemoveItem?: () => void;
+};

package/dist/componentProps/molecules/card/{swatchquantitycard/SwatchQuantityCardProps.d.ts → swatchquantitycheckoutcard/SwatchQuantityCheckoutCardProps.d.ts}

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

package/dist/componentProps/organisms/section/ordersummarysection/OrderSummarySectionLeftPanelProps.d.ts

@@ -0,0 +1,6 @@
+import type { SwatchQuantityCheckoutCardProps } from "../../../molecules/card/swatchquantitycheckoutcard/SwatchQuantityCheckoutCardProps";
+export type OrderSummarySectionLeftPanelProps = {
+    subtotal: number;
+    shippingCost: number;
+    swatchQuantity: SwatchQuantityCheckoutCardProps[];
+};

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

@@ -1,3 +1,4 @@
+import { ImageSlideProps } from "../../carousels/imagecarousel/ImageCarouselProps";
 export type SwatchPurchasePanelCarouselSlide = {
     id: string;
     imageSrc: string;
@@ -5,7 +6,7 @@ export type SwatchPurchasePanelCarouselSlide = {
     title?: string;
 };
 export type SwatchPurchasePanelCarousel = {
-    slides: SwatchPurchasePanelCarouselSlide[];
+    slides: ImageSlideProps[];
     initialIndex?: number;
     text?: string;
 };

package/dist/componentProps/organisms/shoppingcart/shoppingcartflyout/ShoppingCartFlyoutProps.d.ts

@@ -0,0 +1,17 @@
+import { CartQuantityCardProps } from "../../../molecules/card/cartItemCard/CartQuantityCardProps";
+export type ShoppingCartFlyoutItem = CartQuantityCardProps & {
+    id: string;
+};
+export type ShoppingCartFlyoutProps = {
+    isOpen: boolean;
+    title?: string;
+    projectName?: string;
+    items?: ShoppingCartFlyoutItem[];
+    className?: string;
+    onClose?: () => void;
+    onProjectNameChange?: (value: string) => void;
+    onQuantityChange?: (itemId: string, quantity: number) => void;
+    onRemoveItem?: (itemId: string) => void;
+    onClearCart?: () => void;
+    onGoToCart?: () => void;
+};

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

@@ -1,11 +1,13 @@
 import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
 import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/section/productinformationsection/ProductInformationSectionProps";
+import { ShoppingCartFlyoutProps } from "../../organisms/shoppingcart/shoppingcartflyout/ShoppingCartFlyoutProps";
 export type ProductDetailSimpleOption = {
     id: string;
     label: string;
     value: string;
     code?: string;
     title?: string;
+    brand?: string;
     widthIn?: string;
     lengthIn?: string;
 };
@@ -26,6 +28,7 @@ export type ProductDetailProduct = {
     decor?: string;
     collection?: string;
     title?: string;
+    brand?: string;
     description?: string;
     sku?: string;
     patternRepeat?: string;
@@ -55,6 +58,7 @@ export type ProductDetailDownloads = {
 export type ProductDetailTextureItem = {
     key: string;
     title: string;
+    brand?: string;
     imageSrc?: string;
     imageAlt?: string;
     description?: string;
@@ -62,6 +66,7 @@ export type ProductDetailTextureItem = {
 export type ProductDetailTextureGroup = {
     id: string;
     title: string;
+    brand?: string;
     items: ProductDetailTextureItem[];
 };
 export type ProductDetailRange = {
@@ -80,6 +85,7 @@ export type ProductDetailRange = {
         cards?: Array<{
             id: string;
             title: string;
+            brand?: string;
             subtitle?: string;
             tone?: "filled" | "outlined";
             items: string[];
@@ -206,4 +212,5 @@ export type ProductDetailPageTemplateProps = {
         currency?: string;
     }, data: ProductDetailData) => void;
     onNavigate?: (href: string) => void;
+    cartFlyoutProps?: Omit<ShoppingCartFlyoutProps, "isOpen" | "onClose">;
 };