formica-ui-lib 1.0.159 → 1.0.161

package/dist/componentProps/molecules/banner/articlebannercontent/ArticleBannerContentProps.d.ts

@@ -0,0 +1,6 @@
+import type { ArticleBannerTag } from "../../../organisms/banner/articlebanner/ArticleBannerProps";
+export interface ArticleBannerContentProps {
+    tags?: ArticleBannerTag[];
+    categoryText?: string;
+    onTagClick?: (tag: ArticleBannerTag) => void;
+}

package/dist/componentProps/molecules/banner/calltoactionherocontent/CallToActionHeroContentProps.d.ts

@@ -0,0 +1,8 @@
+import type { CallToActionHeroCta } from "../../../organisms/banner/herobanner/CallToActionHeroProps";
+export interface CallToActionHeroContentProps {
+    heading: string;
+    subheading?: string;
+    body?: string;
+    eyebrow?: string;
+    ctas?: CallToActionHeroCta[];
+}

package/dist/componentProps/molecules/banner/featuredarticlebannercontent/FeaturedArticleBannerContentProps.d.ts

@@ -0,0 +1,5 @@
+export interface FeaturedArticleBannerContentProps {
+    heading: string;
+    subheading?: string;
+    articleCategory?: string;
+}

package/dist/componentProps/molecules/banner/standardcopybannercontent/StandardCopyBannerContentProps.d.ts

@@ -0,0 +1,7 @@
+export interface StandardCopyBannerContentProps {
+    heading: string;
+    subheading?: string;
+    body?: string;
+    linkLabel?: string;
+    onLinkClick?: () => void;
+}

package/dist/componentProps/molecules/card/faqcard/FaqCardProps.d.ts

@@ -0,0 +1,5 @@
+export interface FaqCardProps {
+    question: string;
+    answer: string;
+    initiallyOpen?: boolean;
+}

package/dist/componentProps/organisms/banner/featuredarticlebanner/FeaturedArticleBannerProps.d.ts

@@ -0,0 +1,7 @@
+export interface FeaturedArticleBannerProps {
+    imageSrc: string;
+    imageAlt?: string;
+    heading: string;
+    subheading?: string;
+    articleCategory?: string;
+}

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

@@ -13,7 +13,7 @@ export interface CallToActionHeroProps {
     imageAlt?: string;
     heading: string;
     subheading?: string;
-    body: string;
+    body?: string;
     eyebrow?: string;
     ctas?: CallToActionHeroCta[];
 }

package/dist/componentProps/organisms/banner/standardbannercontainer/StandardBannerContainerProps.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+export interface StandardBannerContainerProps {
+    imageSrc: string;
+    imageAlt?: string;
+    children: React.ReactNode;
+    sectionClassName?: string;
+    bannerClassName?: string;
+    imageClassName?: string;
+    overlayClassName?: string;
+    imageQuality?: number;
+}

package/dist/componentProps/organisms/cart/cartpaymentpanel/CartPaymentPanelProps.d.ts

@@ -1,22 +1,9 @@
 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;
     securityCode?: string;
-    billingFirstName?: string;
-    billingLastName?: string;
-    billingEmail?: string;
-    billingPhoneNumber?: string;
-    billingCompanyName?: string;
-    billingAddress?: string;
-    billingApartment?: string;
-    billingPostalCode?: string;
-    billingCity?: string;
-    billingCountry?: string;
-    billingStateProvince?: string;
 }
 export interface CartPaymentPanelProps {
     paymentTypeTitle?: string;
@@ -24,58 +11,13 @@ export interface CartPaymentPanelProps {
     cardNumber?: string;
     expirationDate?: string;
     securityCode?: string;
-    sameAsShipping?: boolean;
-    billingSummaryTitle?: string;
-    billingName?: string;
-    billingCompanyName?: string;
-    billingPhone?: string;
-    billingAddressLine1?: string;
-    billingAddressLine2?: string;
-    billingAddressLine3?: string;
-    isEditingBillingAddress?: boolean;
-    billingFirstName?: string;
-    billingLastName?: string;
-    billingEmail?: string;
-    billingPhoneNumber?: string;
-    billingAddress?: string;
-    billingApartment?: string;
-    billingPostalCode?: string;
-    billingCity?: string;
-    billingCountry?: string;
-    billingStateProvince?: string;
-    billingCountryOptions?: DropdownOption[];
-    billingStateProvinceOptions?: DropdownOption[];
     submitError?: string;
     isSubmitting?: boolean;
     onCardNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onExpirationDateChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onSecurityCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onSameAsShippingChange?: (payload: CheckboxChangePayload) => void;
-    onEditBilling?: () => void;
     onCardNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onExpirationDateBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onSecurityCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingFirstNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingLastNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingPhoneNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingCompanyNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingAddressChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingApartmentChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingPostalCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingCityChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onBillingCountryChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    onBillingStateProvinceChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
-    onBillingFirstNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingLastNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingPhoneNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingCompanyNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingAddressBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingApartmentBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingPostalCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingCityBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-    onBillingCountryBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
-    onBillingStateProvinceBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
     errors?: CartPaymentPanelErrors;
 }

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

@@ -2,10 +2,12 @@ import React from "react";
 export interface CartTotalsPanelProps {
     discountCode?: string;
     subtotalLabel?: string;
+    discountLabel?: string;
     taxLabel?: string;
     shippingLabel?: string;
     totalLabel?: string;
     subtotal?: string;
+    discount?: string;
     tax?: string;
     shipping?: string;
     total?: string;

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

@@ -28,6 +28,7 @@ export type CartOrderProps = {
     priceValue?: number;
     priceLabel?: string;
     currency?: string;
+    bigCommerceProductId?: string | number;
 };
 export type PurchasePanelTabOptionGroups = {
     productOptions?: PurchasePanelOptionProps[];
@@ -48,6 +49,7 @@ export type ProductVariantProps = {
         value?: number;
         label?: string;
     };
+    bigCommerceProductId?: string | number;
     finish?: string;
     grade?: string;
     isWebEnabled?: boolean;

package/dist/componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps.d.ts

@@ -15,6 +15,7 @@ export interface ShippingAddressFormErrors {
 }
 export interface ShippingAddressFormProps {
     title?: string;
+    idPrefix?: string;
     firstName?: string;
     lastName?: string;
     email?: string;

package/dist/componentProps/organisms/faqcardcollection/FaqCardCollectionProps.d.ts

@@ -0,0 +1,8 @@
+import { FaqCardProps } from "../../molecules/card/faqcard/FaqCardProps";
+export interface FaqCardCollectionItem extends FaqCardProps {
+    id: string;
+}
+export interface FaqCardCollectionProps {
+    title: string;
+    faqCards?: FaqCardCollectionItem[];
+}

package/dist/componentProps/scene/articlelanding/ArticleLandingSceneProps.d.ts

@@ -0,0 +1,14 @@
+import type { StandardCopyHeroProps } from "../../organisms/banner/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 { FeaturedArticleBannerProps } from "../../organisms/banner/featuredarticlebanner/FeaturedArticleBannerProps";
+import type { FeatureCardCollectionProps } from "../../organisms/featurecards/featurecardscollection/FeatureCardCollectionProps";
+export type ArticleLandingSceneProps = {
+    standardCopyHeroProps: StandardCopyHeroProps;
+    multiButtonBarProps: MultiButtonBarProps;
+    filterBarProps: FilterBarProps;
+    dropdownFilterProps: DropdownFilterProps;
+    featuredArticleBannerProps: FeaturedArticleBannerProps;
+    featureCardCollectionProps: FeatureCardCollectionProps;
+};

package/dist/componentProps/templates/cartconfirmationtemplate/CartConfirmationTemplateProps.d.ts

@@ -7,5 +7,4 @@ export interface CartConfirmationTemplateProps {
     cartReceiptSectionProps: CartReceiptSectionProps;
     cartSummarySectionProps: CartSummarySectionProps;
     cartOrderSummaryProps: CartOrderSummaryProps;
-    className?: string;
 }

package/dist/componentProps/templates/cartshippingtemplate/CartShippingTemplateProps.d.ts

@@ -1,9 +1,15 @@
 import type { ShippingAddressFormProps } from "../../organisms/cart/shippingaddressform/ShippingAddressFormProps";
 import type { CheckoutProgressIndicatorProps } from "../../molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
 import type { CartTotalsPanelProps } from "../../organisms/cart/carttotalspanel/CartTotalsPanelProps";
+import type { CheckboxChangePayload } from "../../atoms/checkbox/CheckboxProps";
 export interface CartShippingTemplateProps {
     shippingAddressFormProps: ShippingAddressFormProps;
+    billingAddressFormProps?: ShippingAddressFormProps;
     checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
     cartTotalsPanelProps: CartTotalsPanelProps;
+    billingSectionTitle?: string;
+    sameAsShipping?: boolean;
+    sameAsShippingLabel?: string;
+    onSameAsShippingChange?: (payload: CheckboxChangePayload) => void;
     className?: string;
 }

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

@@ -216,6 +216,7 @@ export type ProductDetailOrder = {
     priceValue?: number;
     priceLabel?: string;
     currency?: string;
+    bigCommerceProductId?: string | number;
 };
 export type ProductDetailCartFlyoutProps = Omit<CartFlyoutProps, "isOpen" | "onClose">;
 export type ProductDetailPageTemplateProps = {