formica-ui-lib 1.0.281 → 1.0.283

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

@@ -19,6 +19,10 @@ export type CartItemCardProps = {
     status?: CartItemStatus;
     minQuantity?: number;
     maxQuantity?: number;
+    freeLabel?: string;
+    removeItemLabel?: string;
+    decreaseQuantityLabel?: string;
+    increaseQuantityLabel?: string;
     onQuantityChange?: (quantity: number) => void;
     onRemoveItem?: () => void;
 };

package/dist/componentProps/molecules/cards/quantitycheckoutcard/QuantityCheckoutCardProps.d.ts

@@ -25,6 +25,9 @@ export interface QuantityCheckoutCardProps {
     minQuantity?: number;
     maxQuantity?: number;
     isReadOnly?: boolean;
+    removeItemLabel?: string;
+    decreaseQuantityLabel?: string;
+    increaseQuantityLabel?: string;
     onQuantityChange?: (quantity: number) => void;
     onRemoveItem?: () => void;
 }

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

@@ -9,6 +9,8 @@ export type CartActionsProps = {
     /** optional labels */
     wishlistLabel?: string;
     cartLabel?: string;
+    decreaseQuantityLabel?: string;
+    increaseQuantityLabel?: string;
     showFavorites?: boolean;
     /** layout hooks */
     className?: string;

package/dist/componentProps/molecules/selectors/filterbar/FilterBarProps.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 export type FilterBarProps = {
     children?: React.ReactNode;
-    className?: string;
-    barClassName?: string;
+    layoutVariant?: "default" | "stacked" | "separator";
 };

package/dist/componentProps/organisms/account/AccountAccessPanelProps.d.ts

@@ -32,9 +32,36 @@ export type AccountAccessPanelActionLabels = {
     createAccountPrimary?: string;
     secondary?: string;
 };
+export type AccountAccessPanelLabels = {
+    modeAriaLabel?: string;
+    createAccountMode?: string;
+    signInMode?: string;
+    firstName?: string;
+    firstNamePlaceholder?: string;
+    lastName?: string;
+    lastNamePlaceholder?: string;
+    email?: string;
+    emailPlaceholder?: string;
+    phoneNumber?: string;
+    phoneNumberPlaceholder?: string;
+    userType?: string;
+    userTypePlaceholder?: string;
+    password?: string;
+    passwordPlaceholder?: string;
+    forgotPassword?: string;
+    confirmPassword?: string;
+    confirmPasswordPlaceholder?: string;
+    marketingOptIn?: string;
+    termsConsentAriaLabel?: string;
+    termsConsentPrefix?: string;
+    termsOfUse?: string;
+    termsConsentJoin?: string;
+    privacyPolicy?: string;
+};
 export type AccountAccessPanelProps = {
     data: AccountAccessPanelData;
     actionLabels?: AccountAccessPanelActionLabels;
+    labels?: AccountAccessPanelLabels;
     onModeChange?: (mode: AccountAccessPanelMode) => void;
     onEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onPasswordChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/componentProps/organisms/cart/cartflyout/CartFlyoutProps.d.ts

@@ -7,6 +7,17 @@ export type CartFlyoutProps = {
     isOpen: boolean;
     title?: string;
     projectName?: string;
+    projectNamePlaceholder?: string;
+    emptyCartText?: string;
+    goToCartLabel?: string;
+    clearCartLabel?: string;
+    freeLabel?: string;
+    closeOverlayLabel?: string;
+    closeCartLabel?: string;
+    flyoutAriaLabel?: string;
+    removeItemLabel?: string;
+    decreaseQuantityLabel?: string;
+    increaseQuantityLabel?: string;
     items?: ShoppingCartFlyoutItem[];
     className?: string;
     onClose?: () => void;

package/dist/componentProps/organisms/cart/cartsummary/CartSummaryProps.d.ts

@@ -22,6 +22,13 @@ export interface CartSummaryProps {
     subtotal: number;
     shippingCost: number;
     items: CartSummaryItem[];
+    title?: string;
+    totalLabel?: string;
+    locale?: string;
+    currency?: string;
+    removeItemLabel?: string;
+    decreaseQuantityLabel?: string;
+    increaseQuantityLabel?: string;
     onQuantityChange?: (itemId: string, quantity: number) => void;
     onRemoveItem?: (itemId: string) => void;
 }

package/dist/componentProps/organisms/cart/carttotalspanel/CartTotalsPanelProps.d.ts

@@ -15,6 +15,9 @@ export interface CartTotalsPanelProps {
     shipping?: string;
     total?: string;
     continueLabel?: string;
+    discountCodePlaceholder?: string;
+    applyDiscountLabel?: string;
+    notCalculatedLabel?: string;
     showDiscountCode?: boolean;
     onDiscountCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onApplyDiscount?: () => void;

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

@@ -1,5 +1,5 @@
 import React from "react";
-import type { AccountAccessPanelMode, AccountAccessPanelUserTypeValue } from "../../account/AccountAccessPanelProps";
+import type { AccountAccessPanelActionLabels, AccountAccessPanelLabels, AccountAccessPanelMode, AccountAccessPanelUserTypeValue } from "../../account/AccountAccessPanelProps";
 export interface CheckoutAccountStepProps {
     currentStep?: number;
     steps?: string[];
@@ -28,6 +28,8 @@ export interface CheckoutAccountStepProps {
     userTypeHasError?: boolean;
     confirmPasswordHasError?: boolean;
     termsAcceptedHasError?: boolean;
+    actionLabels?: AccountAccessPanelActionLabels;
+    labels?: AccountAccessPanelLabels;
     onModeChange?: (mode: AccountAccessPanelMode) => void;
     onEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onPasswordChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;

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

@@ -2,6 +2,7 @@ import type { ButtonGridItem } from "../../../molecules/buttons/buttongrid/Butto
 import type { ReactNode } from "react";
 import type { ColourMatchingChartData } from "../../../molecules/productinformation/colourmatchingchart/ColourMatchingChartProps";
 import type { ProductContactAction, ProductContactActionClickPayload } from "../../../molecules/cart/productcontactactions/ProductContactActionsProps";
+import type { PurchasePanelLabels, PurchasePanelTabLabels } from "./PurchasePanelProps";
 export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
 export type PurchasePanelActionMode = "cart" | "contact";
 export type SwatchOption = ButtonGridItem & {
@@ -24,7 +25,11 @@ export type PurchasePanelLeftPanelProps = {
     patternRepeat?: string;
     onDownloadSwatch?: () => void;
     onDownloadFullSheet?: () => void;
+    downloadSwatchLabel?: string;
+    downloadFullSheetLabel?: string;
     tabs?: SwatchPurchasePanelTab[];
+    tabLabels?: PurchasePanelTabLabels;
+    labels?: PurchasePanelLabels;
     activeTab: SwatchPurchasePanelTab;
     onTabChange: (tab: SwatchPurchasePanelTab) => void;
     productOptions?: SwatchOption[];

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

@@ -2,6 +2,19 @@ import type { SwatchPurchasePanelCarousel } from "./PurchasePanelRightPanelProps
 import type { ColourMatchingChartData } from "../../../molecules/productinformation/colourmatchingchart/ColourMatchingChartProps";
 import type { ProductContactAction, ProductContactActionClickPayload } from "../../../molecules/cart/productcontactactions/ProductContactActionsProps";
 export type PurchasePanelTab = "Sample" | "Buy Now" | string;
+export type PurchasePanelTabLabels = Partial<Record<"Sample" | "Buy Now", string>>;
+export type PurchasePanelLabels = {
+    product?: string;
+    grade?: string;
+    texture?: string;
+    size?: string;
+    patternRepeat?: string;
+    addSampleToCart?: string;
+    addToCart?: string;
+    addToWishlist?: string;
+    decreaseQuantity?: string;
+    increaseQuantity?: string;
+};
 export type PurchasePanelActionMode = "cart" | "contact";
 export type SwatchPurchasePanelNavigateMeta = {
     kind: "availability" | "returnPolicy";
@@ -78,8 +91,12 @@ export type PurchasePanelProps = {
     patternRepeat?: string;
     onDownloadSwatch?: () => void;
     onDownloadFullSheet?: () => void;
+    downloadSwatchLabel?: string;
+    downloadFullSheetLabel?: string;
     carousel: PurchasePanelCarouselProps;
     tabs?: PurchasePanelTab[];
+    tabLabels?: PurchasePanelTabLabels;
+    labels?: PurchasePanelLabels;
     initialTab?: PurchasePanelTab;
     tabOptions?: Record<PurchasePanelTab, PurchasePanelTabOptionGroups>;
     productOptions?: PurchasePanelOptionProps[];

package/dist/componentProps/organisms/sections/locationmap/LocationMapProps.d.ts

@@ -9,6 +9,7 @@ export type LocationMapProps = {
     center?: WhereToBuyLocationCoordinates;
     zoom?: number;
     selectedLocationId?: string;
+    ariaLabel?: string;
     legendLabel?: string;
     onLocationSelect?: (payload: LocationMapMarkerClickPayload) => void;
 };

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

@@ -1,6 +1,7 @@
 import React from "react";
 import type { ColourMatchingChartData } from "../../../molecules/productinformation/colourmatchingchart/ColourMatchingChartProps";
 export type ProductInformationTabKey = "details" | "texture" | "sizeAndGrade";
+export type ProductInformationTabLabels = Partial<Record<ProductInformationTabKey, string>>;
 export type ProductDetailsData = {
     summary?: string;
     content?: React.ReactNode;
@@ -45,6 +46,7 @@ export type SizeAndGradeData = {
 export type ProductInformationSectionProps = {
     ranges: ProductInformationRange[];
     defaultTab?: ProductInformationTabKey;
+    tabLabels?: ProductInformationTabLabels;
     defaultRangeId?: string;
     selectedGrade?: string;
     className?: string;

package/dist/componentProps/templates/categorypagetemplate/CategoryPageTemplateProps.d.ts

@@ -43,7 +43,6 @@ export type CategoryPageData = {
         selectedValue?: string;
     };
     filters: {
-        barClassName?: string;
         labels?: CategoryPageFilterLabels;
         toggleButton?: {
             initiallyVisible?: boolean;

package/dist/componentProps/templates/gallerytemplate/GalleryTemplateProps.d.ts

@@ -1,12 +1,8 @@
 import type { StandardCopyHeroProps } from "../../organisms/banners/standardcopyhero/StandardCopyHeroProps";
 import type { MultiButtonBarProps } from "../../molecules/selectors/multibuttonbar/MultiButtonBarProps";
-import type { FilterBarProps } from "../../molecules/selectors/filterbar/FilterBarProps";
-import type { DropdownFilterProps } from "../../molecules/selectors/filterbar/DropdownFilterProps";
 import type { ImageGridProps } from "../../organisms/grids/imagegrid/ImageGridProps";
 export type GalleryTemplateProps = {
     standardCopyHeroProps: StandardCopyHeroProps;
     multiButtonBarProps: MultiButtonBarProps;
-    filterBarProps: FilterBarProps;
-    dropdownFilterPropsList: DropdownFilterProps[];
     imageGridProps: ImageGridProps;
 };

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

@@ -1,8 +1,9 @@
 import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
-import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/sections/productinformationsection/ProductInformationSectionProps";
+import { ProductInformationTabLabels, ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/sections/productinformationsection/ProductInformationSectionProps";
 import { CartFlyoutProps } from "../../organisms/cart/cartflyout/CartFlyoutProps";
 import type { ColourMatchingChartData } from "../../molecules/productinformation/colourmatchingchart/ColourMatchingChartProps";
 import type { ProductContactAction, ProductContactActionClickPayload } from "../../molecules/cart/productcontactactions/ProductContactActionsProps";
+import type { PurchasePanelLabels } from "../../organisms/cart/purchasepanel/PurchasePanelProps";
 export type ProductDetailSimpleOption = {
     id: string;
     label: string;
@@ -41,7 +42,10 @@ export type ProductDetailProduct = {
 };
 export type ProductDetailContent = {
     defaultPurchaseTab?: string;
+    purchaseTabLabels?: Partial<Record<"Sample" | "Buy Now", string>>;
+    purchaseLabels?: PurchasePanelLabels;
     defaultInfoTab?: ProductInformationTabKey;
+    productInformationTabLabels?: ProductInformationTabLabels;
     defaultRangeId?: string;
     availabilityLabel?: string;
     availabilityHref?: string;
@@ -207,6 +211,7 @@ export type ProductDetailData = {
         rows?: ProductDetailSizeAndGradeGuideRow[];
     };
     standardCopyHero?: ProductDetailStandardCopyHero;
+    featuredProductsTitle?: string;
     featuredProducts?: ProductDetailFeaturedProduct[];
 };
 export type ProductDetailWishlistPayload = {

package/dist/componentProps/templates/wheretobuytemplate/WhereToBuyTemplateProps.d.ts

@@ -33,6 +33,7 @@ export type WhereToBuyTemplateData = {
         };
         zoom?: number;
         selectedLocationId?: string;
+        ariaLabel?: string;
         legendLabel?: string;
     };
     locations: WhereToBuyLocation[];