formica-ui-lib 1.0.138 → 1.0.142

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/articlerecentcard/ArticleRecentCardProps.d.ts

@@ -6,6 +6,6 @@ export interface ArticleRecentCardProps {
     publishDate: string;
     body: string;
     buttonLabel: string;
+    href?: string;
     onViewClick?: () => void;
-    className?: 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;
-    onClick: () => void;
+    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/cart/cartpaymentpanel/CartPaymentPanelProps.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { RadioOptionSelectorProps } from "../../selectors/radiooptionselector/RadioOptionSelectorProps";
 import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
+import { CheckboxChangePayload } from "../../../atoms/checkbox/CheckboxProps";
 export interface CartPaymentPanelErrors {
     cardNumber?: string;
     expirationDate?: string;
@@ -49,7 +50,7 @@ export interface CartPaymentPanelProps {
     onCardNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onExpirationDateChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onSecurityCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onSameAsShippingChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onSameAsShippingChange?: (payload: CheckboxChangePayload) => void;
     onEditBilling?: () => void;
     onCardNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onExpirationDateBlur?: (event: React.FocusEvent<HTMLInputElement>) => 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 { 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[];
+}