formica-ui-lib 1.0.89 → 1.0.92

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/componentProps/atoms/checkbox/CheckboxProps.d.ts +9 -0
  2. package/dist/componentProps/atoms/dropdown/DropdownProps.d.ts +16 -6
  3. package/dist/componentProps/atoms/input/inputProps.d.ts +23 -0
  4. package/dist/componentProps/atoms/radiooption/RadioOptionProps.d.ts +12 -0
  5. package/dist/componentProps/molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps.d.ts +27 -0
  6. package/dist/componentProps/molecules/selectors/progressindicator/CheckoutProgressIndicatorProps.d.ts +10 -0
  7. package/dist/componentProps/organisms/cart/cartconfimation/cartconfirmationhero/CartConfirmedHeroProps.d.ts +7 -0
  8. package/dist/componentProps/organisms/cart/cartconfimation/cartordersummary/CartOrderSummaryProps.d.ts +18 -0
  9. package/dist/componentProps/organisms/cart/cartconfimation/cartreceiptsection/CartReceiptSectionProps.d.ts +26 -0
  10. package/dist/componentProps/organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps.d.ts +11 -0
  11. package/dist/componentProps/organisms/{shoppingcart/shoppingcartflyout/ShoppingCartFlyoutProps.d.ts → cart/cartflyout/CartFlyoutProps.d.ts} +1 -1
  12. package/dist/componentProps/organisms/cart/cartpaymentpanel/CartPaymentPanelProps.d.ts +78 -0
  13. package/dist/componentProps/organisms/cart/cartsummary/CartSummaryProps.d.ts +25 -0
  14. package/dist/componentProps/organisms/cart/carttotalspanel/CartTotalsPanelProps.d.ts +18 -0
  15. package/dist/componentProps/organisms/cart/ordersummarysection/OrderSummarySectionLeftPanelProps.d.ts +6 -0
  16. package/dist/componentProps/organisms/{section/swatchpurchasepanel/SwatchPurchasePanelLeftPanelProps.d.ts → cart/purchasepanel/PurchasePanelLeftPanelProps.d.ts} +1 -1
  17. package/dist/componentProps/organisms/{section/swatchpurchasepanel/SwatchPurchasePanelProps.d.ts → cart/purchasepanel/PurchasePanelProps.d.ts} +18 -18
  18. package/dist/componentProps/organisms/{section/swatchpurchasepanel/SwatchPurchasePanelRightPanelProps.d.ts → cart/purchasepanel/PurchasePanelRightPanelProps.d.ts} +1 -1
  19. package/dist/componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps.d.ts +55 -0
  20. package/dist/componentProps/organisms/{section/moreinfohighlightssection → moreinfohighlightssection}/MoreInfoHighlightsSectionProps.d.ts +1 -1
  21. package/dist/componentProps/organisms/selectors/radiooptionselector/RadioOptionSelectorProps.d.ts +15 -0
  22. package/dist/componentProps/templates/cartconfirmationtemplate/CartConfirmationTemplateProps.d.ts +11 -0
  23. package/dist/componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps.d.ts +3 -3
  24. package/dist/index.d.ts +5 -5
  25. package/dist/index.js +3 -1
  26. package/dist/stories/atoms/buttons/radiooption/RadioOption.d.ts +4 -0
  27. package/dist/stories/atoms/checkbox/Checkbox.d.ts +4 -0
  28. package/dist/stories/atoms/dropdown/Dropdown.d.ts +1 -1
  29. package/dist/stories/atoms/input/Input.d.ts +4 -0
  30. package/dist/stories/molecules/card/quantitycheckoutcard/QuantityCheckoutCard.d.ts +3 -0
  31. package/dist/stories/molecules/input/InputField.d.ts +4 -0
  32. package/dist/stories/molecules/selectors/progressindicator/CheckoutProgressIndicator.d.ts +4 -0
  33. package/dist/stories/molecules/selectors/radiooptionselector/RadioOptionSelector.d.ts +4 -0
  34. package/dist/stories/organisms/cart/cartconfirmation/cartconfirmedhero/CartConfirmedHero.d.ts +4 -0
  35. package/dist/stories/organisms/cart/cartconfirmation/cartordersummary/CartOrderSummary.d.ts +4 -0
  36. package/dist/stories/organisms/cart/cartconfirmation/cartreceiptsection/CartReceiptSection.d.ts +4 -0
  37. package/dist/stories/organisms/cart/cartconfirmation/cartsummarysection/CartSummarySection.d.ts +4 -0
  38. package/dist/stories/organisms/cart/cartflyout/CartFlyout.d.ts +2 -2
  39. package/dist/stories/organisms/cart/cartpaymentpanel/CartPaymentPanel.d.ts +4 -0
  40. package/dist/stories/organisms/cart/cartsummary/CartSummary.d.ts +4 -0
  41. package/dist/stories/organisms/cart/carttotalspanel/CartTotalsPanel.d.ts +4 -0
  42. package/dist/stories/organisms/cart/checkoutsteppanel/CheckoutStepPanel.d.ts +23 -0
  43. package/dist/stories/organisms/cart/purchasepanel/LeftPanel/PurchasePanelLeftPanel.d.ts +4 -0
  44. package/dist/stories/organisms/{section/swatchpurchasepanel/SwatchPurchasePanel.d.ts → cart/purchasepanel/PurchasePanel.d.ts} +3 -3
  45. package/dist/stories/organisms/cart/purchasepanel/RightPanel/PurchasePanelRightPanel.d.ts +4 -0
  46. package/dist/stories/organisms/cart/shippingaddressform/ShippingAddressForm.d.ts +4 -0
  47. package/dist/stories/organisms/featurecardcollection/FeatureCardCollection.d.ts +4 -0
  48. package/dist/stories/organisms/{section/moreinfohighlights → moreinfohighlights}/MoreInfoHighlightsSection.d.ts +1 -1
  49. package/dist/stories/organisms/navigation/TopNavBar/parts/{TopNavDropdown.d.ts → TopNavMegaMenu.d.ts} +3 -3
  50. package/dist/stories/organisms/productinformation/productdetailpane/ProductDetailsPane.d.ts +6 -0
  51. package/dist/stories/organisms/{section/productinformationsection → productinformation/productinformation}/ProductInformationSection.d.ts +1 -1
  52. package/dist/stories/organisms/{section/productinformationsection/parts → productinformation/sizeandgradepane}/SizeAndGradePane.d.ts +1 -1
  53. package/dist/stories/organisms/productinformation/texturepane/TexturePane.d.ts +6 -0
  54. package/dist/stories/page/home/HomePage.d.ts +2 -2
  55. package/dist/stories/templates/cart/confirmation/CartConfirmationTemplate.d.ts +4 -0
  56. package/dist/stories/templates/cart/payment/CartPaymentTemplate.d.ts +12 -0
  57. package/dist/stories/templates/cart/shipping/CartShippingTemplate.d.ts +14 -0
  58. package/dist/stories/templates/cart/summary/CartSummaryTemplate.d.ts +10 -0
  59. package/dist/utils/validators.d.ts +3 -0
  60. package/package.json +1 -1
  61. package/dist/componentProps/molecules/card/swatchquantitycheckoutcard/SwatchQuantityCheckoutCardProps.d.ts +0 -12
  62. package/dist/componentProps/organisms/section/ordersummarysection/OrderSummarySectionLeftPanelProps.d.ts +0 -6
  63. package/dist/stories/molecules/card/swatchquantitycheckoutcard/SwatchQuantityCheckoutCard.d.ts +0 -4
  64. package/dist/stories/organisms/section/featurecardcollection/FeatureCardCollection.d.ts +0 -4
  65. package/dist/stories/organisms/section/ordersummarysection/parts/OrderSummarySectionLeftPanel.d.ts +0 -4
  66. package/dist/stories/organisms/section/productinformationsection/parts/ProductDetailsPane.d.ts +0 -6
  67. package/dist/stories/organisms/section/productinformationsection/parts/TexturePane.d.ts +0 -6
  68. package/dist/stories/organisms/section/swatchpurchasepanel/parts/SwatchPurchasePanelLeftPanel.d.ts +0 -4
  69. package/dist/stories/organisms/section/swatchpurchasepanel/parts/SwatchPurchasePanelRightPanel.d.ts +0 -4
  70. /package/dist/componentProps/organisms/{section → featurecards}/featurecardscollection/FeatureCardCollectionProps.d.ts +0 -0
  71. /package/dist/componentProps/organisms/{section → featurecards}/featurecardssection/FeatureCardSectionProps.d.ts +0 -0
  72. /package/dist/componentProps/organisms/{section/productinformationsection → productinformationsection}/ProductInformationSectionProps.d.ts +0 -0
  73. /package/dist/stories/molecules/card/{swatchquantitycheckoutcard/SwatchQuantityCheckoutCard.test.d.ts → quantitycheckoutcard/QuantityCheckoutCard.test.d.ts} +0 -0
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ export interface CheckboxProps {
3
+ id: string;
4
+ name?: string;
5
+ label: string;
6
+ checked?: boolean;
7
+ disabled?: boolean;
8
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
9
+ }
@@ -1,8 +1,18 @@
1
- export interface DropdownOptions {
1
+ import React from "react";
2
+ export interface DropdownOption {
2
3
  label: string;
4
+ value?: string;
5
+ disabled?: boolean;
6
+ }
7
+ export interface DropdownProps {
8
+ id: string;
9
+ name?: string;
10
+ options?: DropdownOption[];
11
+ value?: string;
12
+ placeholder?: string;
13
+ disabled?: boolean;
14
+ hasError?: boolean;
15
+ variant?: "field" | "filter";
16
+ onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
17
+ onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
3
18
  }
4
- export type DropdownProps = {
5
- dropdownId: string;
6
- sortName: string;
7
- DropdownOptions: DropdownOptions[];
8
- };
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ export interface InputProps {
3
+ id?: string;
4
+ name?: string;
5
+ type?: "text" | "email" | "password" | "tel" | "number";
6
+ value?: string;
7
+ placeholder?: string;
8
+ disabled?: boolean;
9
+ required?: boolean;
10
+ hasError?: boolean;
11
+ className?: string;
12
+ autoComplete?: string;
13
+ onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
14
+ onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
15
+ onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
16
+ }
17
+ export interface InputFieldProps extends InputProps {
18
+ label?: string;
19
+ errorMessage?: string;
20
+ linkText?: string;
21
+ linkHref?: string;
22
+ onLinkClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
23
+ }
@@ -0,0 +1,12 @@
1
+ export interface RadioOptionProps {
2
+ id: string;
3
+ label: string;
4
+ description?: string;
5
+ checked?: boolean;
6
+ disabled?: boolean;
7
+ name?: string;
8
+ value?: string;
9
+ className?: string;
10
+ onChange?: (value: string) => void;
11
+ onClick?: () => void;
12
+ }
@@ -0,0 +1,27 @@
1
+ export interface QuantityCheckoutCardProps {
2
+ imageSrc: string;
3
+ imageAlt: string;
4
+ title: string;
5
+ brand: string;
6
+ decorNumber: string;
7
+ finish?: string;
8
+ size?: string;
9
+ quantity: number;
10
+ price?: {
11
+ label: string;
12
+ value: number;
13
+ };
14
+ unitPrice?: {
15
+ label: string;
16
+ value: number;
17
+ };
18
+ totalPrice?: {
19
+ label: string;
20
+ value: number;
21
+ };
22
+ minQuantity?: number;
23
+ maxQuantity?: number;
24
+ isReadOnly?: boolean;
25
+ onQuantityChange?: (quantity: number) => void;
26
+ onRemoveItem?: () => void;
27
+ }
@@ -0,0 +1,10 @@
1
+ export interface CheckoutProgressIndicatorProps {
2
+ steps?: string[];
3
+ currentStep?: number | string;
4
+ onStepClick?: (step: string, index: number) => void;
5
+ className?: string;
6
+ completedColorClass?: string;
7
+ upcomingColorClass?: string;
8
+ connectorCompletedClass?: string;
9
+ connectorUpcomingClass?: string;
10
+ }
@@ -0,0 +1,7 @@
1
+ export interface CartConfirmedHeroProps {
2
+ title?: string;
3
+ message?: string;
4
+ buttonLabel?: string;
5
+ onButtonClick?: () => void;
6
+ className?: string;
7
+ }
@@ -0,0 +1,18 @@
1
+ export interface ShippingMethodSummaryProps {
2
+ title?: string;
3
+ methodLabel?: string;
4
+ estimatedDeliveryLabel?: string;
5
+ price?: string;
6
+ }
7
+ export interface PaymentSummaryRowProps {
8
+ label: string;
9
+ value: string;
10
+ isEmphasized?: boolean;
11
+ valueClassName?: string;
12
+ }
13
+ export interface CartOrderSummaryProps {
14
+ shippingTitle?: string;
15
+ paymentTitle?: string;
16
+ shippingMethod?: ShippingMethodSummaryProps;
17
+ paymentRows?: PaymentSummaryRowProps[];
18
+ }
@@ -0,0 +1,26 @@
1
+ export interface CartReceiptAddressProps {
2
+ title?: string;
3
+ name?: string;
4
+ addressLine1?: string;
5
+ addressLine2?: string;
6
+ addressLine3?: string;
7
+ country?: string;
8
+ }
9
+ export interface CartReceiptDetailsProps {
10
+ title?: string;
11
+ orderNumberLabel?: string;
12
+ orderNumber?: string;
13
+ orderDateLabel?: string;
14
+ orderDate?: string;
15
+ nameLabel?: string;
16
+ name?: string;
17
+ email?: string;
18
+ phone?: string;
19
+ }
20
+ export interface CartReceiptSectionProps {
21
+ sectionTitle?: string;
22
+ orderDetails?: CartReceiptDetailsProps;
23
+ shippingAddress?: CartReceiptAddressProps;
24
+ billingAddress?: CartReceiptAddressProps;
25
+ className?: string;
26
+ }
@@ -0,0 +1,11 @@
1
+ import { QuantityCheckoutCardProps } from "../../../../molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps";
2
+ export interface CartSummarySectionProps {
3
+ sectionTitle?: string;
4
+ columnLabels?: {
5
+ orderDetails?: string;
6
+ quantity?: string;
7
+ unitPrice?: string;
8
+ total?: string;
9
+ };
10
+ items?: QuantityCheckoutCardProps[];
11
+ }
@@ -2,7 +2,7 @@ import { CartItemCardProps } from "../../../molecules/card/cartItemCard/CartItem
2
2
  export type ShoppingCartFlyoutItem = CartItemCardProps & {
3
3
  id: string;
4
4
  };
5
- export type ShoppingCartFlyoutProps = {
5
+ export type CartFlyoutProps = {
6
6
  isOpen: boolean;
7
7
  title?: string;
8
8
  projectName?: string;
@@ -0,0 +1,78 @@
1
+ import React from "react";
2
+ import { RadioOptionSelectorProps } from "../../selectors/radiooptionselector/RadioOptionSelectorProps";
3
+ import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
4
+ export interface CartPaymentPanelErrors {
5
+ cardNumber?: string;
6
+ expirationDate?: string;
7
+ securityCode?: string;
8
+ billingFirstName?: string;
9
+ billingLastName?: string;
10
+ billingEmail?: string;
11
+ billingPhoneNumber?: string;
12
+ billingCompanyName?: string;
13
+ billingAddress?: string;
14
+ billingApartment?: string;
15
+ billingPostalCode?: string;
16
+ billingCity?: string;
17
+ billingCountry?: string;
18
+ billingStateProvince?: string;
19
+ }
20
+ export interface CartPaymentPanelProps {
21
+ paymentTypeTitle?: string;
22
+ paymentTypeSelectorProps: RadioOptionSelectorProps;
23
+ cardNumber?: string;
24
+ expirationDate?: string;
25
+ securityCode?: string;
26
+ sameAsShipping?: boolean;
27
+ billingSummaryTitle?: string;
28
+ billingName?: string;
29
+ billingCompanyName?: string;
30
+ billingPhone?: string;
31
+ billingAddressLine1?: string;
32
+ billingAddressLine2?: string;
33
+ billingAddressLine3?: string;
34
+ isEditingBillingAddress?: boolean;
35
+ billingFirstName?: string;
36
+ billingLastName?: string;
37
+ billingEmail?: string;
38
+ billingPhoneNumber?: string;
39
+ billingAddress?: string;
40
+ billingApartment?: string;
41
+ billingPostalCode?: string;
42
+ billingCity?: string;
43
+ billingCountry?: string;
44
+ billingStateProvince?: string;
45
+ billingCountryOptions?: DropdownOption[];
46
+ billingStateProvinceOptions?: DropdownOption[];
47
+ onCardNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
48
+ onExpirationDateChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
49
+ onSecurityCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
50
+ onSameAsShippingChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
51
+ onEditBilling?: () => void;
52
+ onCardNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
53
+ onExpirationDateBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
54
+ onSecurityCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
55
+ onBillingFirstNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
56
+ onBillingLastNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
57
+ onBillingEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
58
+ onBillingPhoneNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
59
+ onBillingCompanyNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
60
+ onBillingAddressChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
61
+ onBillingApartmentChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
62
+ onBillingPostalCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
63
+ onBillingCityChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
64
+ onBillingCountryChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
65
+ onBillingStateProvinceChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
66
+ onBillingFirstNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
67
+ onBillingLastNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
68
+ onBillingEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
69
+ onBillingPhoneNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
70
+ onBillingCompanyNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
71
+ onBillingAddressBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
72
+ onBillingApartmentBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
73
+ onBillingPostalCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
74
+ onBillingCityBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
75
+ onBillingCountryBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
76
+ onBillingStateProvinceBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
77
+ errors?: CartPaymentPanelErrors;
78
+ }
@@ -0,0 +1,25 @@
1
+ export interface CartSummaryItem {
2
+ id: string;
3
+ sku?: string;
4
+ imageSrc: string;
5
+ imageAlt?: string;
6
+ title: string;
7
+ brand?: string;
8
+ decorNumber?: string;
9
+ productType?: string;
10
+ quantity: number;
11
+ price?: {
12
+ value: number;
13
+ currency: string;
14
+ label: string;
15
+ };
16
+ minQuantity?: number;
17
+ maxQuantity?: number;
18
+ }
19
+ export interface CartSummaryProps {
20
+ subtotal: number;
21
+ shippingCost: number;
22
+ items?: CartSummaryItem[];
23
+ onQuantityChange?: (itemId: string, quantity: number) => void;
24
+ onRemoveItem?: (itemId: string) => void;
25
+ }
@@ -0,0 +1,18 @@
1
+ import React from "react";
2
+ export interface CartTotalsPanelProps {
3
+ discountCode?: string;
4
+ subtotalLabel?: string;
5
+ taxLabel?: string;
6
+ shippingLabel?: string;
7
+ totalLabel?: string;
8
+ subtotal?: string;
9
+ tax?: string;
10
+ shipping?: string;
11
+ total?: string;
12
+ continueLabel?: string;
13
+ showDiscountCode?: boolean;
14
+ onDiscountCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
15
+ onApplyDiscount?: () => void;
16
+ onContinue?: () => void;
17
+ className?: string;
18
+ }
@@ -0,0 +1,6 @@
1
+ import type { QuantityCheckoutCardProps } from "../../../molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps";
2
+ export type OrderSummarySectionLeftPanelProps = {
3
+ subtotal: number;
4
+ shippingCost: number;
5
+ swatchQuantity: QuantityCheckoutCardProps[];
6
+ };
@@ -11,7 +11,7 @@ export type SwatchOption = ButtonGridItem & {
11
11
  export type SwatchPurchasePanelLeftPanelNavigateMeta = {
12
12
  kind: "availability" | "returnPolicy";
13
13
  };
14
- export type SwatchPurchasePanelLeftPanelProps = {
14
+ export type PurchasePanelLeftPanelProps = {
15
15
  sku?: string;
16
16
  title?: string;
17
17
  decor?: string;
@@ -1,8 +1,8 @@
1
- export type SwatchPurchasePanelTab = "Sample" | "Buy Now" | string;
1
+ export type PurchasePanelTab = "Sample" | "Buy Now" | string;
2
2
  export type SwatchPurchasePanelNavigateMeta = {
3
3
  kind: "availability" | "returnPolicy";
4
4
  };
5
- export type SwatchPurchasePanelCarouselProps = {
5
+ export type PurchasePanelCarouselProps = {
6
6
  slides: any[];
7
7
  initialIndex?: number;
8
8
  text?: string;
@@ -11,7 +11,7 @@ export type AddToFavoritesPayloadProps = {
11
11
  sku?: string;
12
12
  decor?: string;
13
13
  };
14
- export type SwatchPurchasePanelOptionProps = {
14
+ export type PurchasePanelOptionProps = {
15
15
  id: string;
16
16
  label: string;
17
17
  disabled?: boolean;
@@ -20,7 +20,7 @@ export type SwatchPurchasePanelOptionProps = {
20
20
  onClick?: (id: string) => void;
21
21
  };
22
22
  export type CartOrderProps = {
23
- type: SwatchPurchasePanelTab;
23
+ type: PurchasePanelTab;
24
24
  sku?: string;
25
25
  decor?: string;
26
26
  product: string | null;
@@ -32,11 +32,11 @@ export type CartOrderProps = {
32
32
  priceLabel?: string;
33
33
  currency?: string;
34
34
  };
35
- export type SwatchPurchasePanelTabOptionGroups = {
36
- productOptions?: SwatchPurchasePanelOptionProps[];
37
- gradeOptions?: SwatchPurchasePanelOptionProps[];
38
- textureOptions?: SwatchPurchasePanelOptionProps[];
39
- sizeOptions?: SwatchPurchasePanelOptionProps[];
35
+ export type PurchasePanelTabOptionGroups = {
36
+ productOptions?: PurchasePanelOptionProps[];
37
+ gradeOptions?: PurchasePanelOptionProps[];
38
+ textureOptions?: PurchasePanelOptionProps[];
39
+ sizeOptions?: PurchasePanelOptionProps[];
40
40
  };
41
41
  export type ProductVariantProps = {
42
42
  id: string;
@@ -55,7 +55,7 @@ export type ProductVariantProps = {
55
55
  grade?: string;
56
56
  isWebEnabled?: boolean;
57
57
  };
58
- export type SwatchPurchasePanelProps = {
58
+ export type PurchasePanelProps = {
59
59
  sku?: string;
60
60
  decor?: string;
61
61
  title: string;
@@ -63,14 +63,14 @@ export type SwatchPurchasePanelProps = {
63
63
  patternRepeat?: string;
64
64
  onDownloadSwatch?: () => void;
65
65
  onDownloadFullSheet?: () => void;
66
- carousel: SwatchPurchasePanelCarouselProps;
67
- tabs?: SwatchPurchasePanelTab[];
68
- initialTab?: SwatchPurchasePanelTab;
69
- tabOptions?: Record<SwatchPurchasePanelTab, SwatchPurchasePanelTabOptionGroups>;
70
- productOptions?: SwatchPurchasePanelOptionProps[];
71
- gradeOptions?: SwatchPurchasePanelOptionProps[];
72
- textureOptions?: SwatchPurchasePanelOptionProps[];
73
- sizeOptions?: SwatchPurchasePanelOptionProps[];
66
+ carousel: PurchasePanelCarouselProps;
67
+ tabs?: PurchasePanelTab[];
68
+ initialTab?: PurchasePanelTab;
69
+ tabOptions?: Record<PurchasePanelTab, PurchasePanelTabOptionGroups>;
70
+ productOptions?: PurchasePanelOptionProps[];
71
+ gradeOptions?: PurchasePanelOptionProps[];
72
+ textureOptions?: PurchasePanelOptionProps[];
73
+ sizeOptions?: PurchasePanelOptionProps[];
74
74
  variants?: ProductVariantProps[];
75
75
  priceLabel?: string;
76
76
  priceValue?: number;
@@ -10,6 +10,6 @@ export type SwatchPurchasePanelCarousel = {
10
10
  initialIndex?: number;
11
11
  text?: string;
12
12
  };
13
- export type SwatchPurchasePanelRightPanelProps = {
13
+ export type PurchasePanelRightPanelProps = {
14
14
  carousel?: SwatchPurchasePanelCarousel;
15
15
  };
@@ -0,0 +1,55 @@
1
+ import React from "react";
2
+ import { DropdownOption } from "../../../atoms/dropdown/DropdownProps";
3
+ export interface ShippingAddressFormErrors {
4
+ firstName?: string;
5
+ lastName?: string;
6
+ email?: string;
7
+ phoneNumber?: string;
8
+ companyName?: string;
9
+ address?: string;
10
+ apartment?: string;
11
+ postalCode?: string;
12
+ city?: string;
13
+ country?: string;
14
+ stateProvince?: string;
15
+ }
16
+ export interface ShippingAddressFormProps {
17
+ title?: string;
18
+ firstName?: string;
19
+ lastName?: string;
20
+ email?: string;
21
+ phoneNumber?: string;
22
+ companyName?: string;
23
+ address?: string;
24
+ apartment?: string;
25
+ postalCode?: string;
26
+ city?: string;
27
+ country?: string;
28
+ stateProvince?: string;
29
+ countryOptions?: DropdownOption[];
30
+ stateProvinceOptions?: DropdownOption[];
31
+ errors?: ShippingAddressFormErrors;
32
+ onFirstNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
33
+ onLastNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
34
+ onEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
35
+ onPhoneNumberChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
36
+ onCompanyNameChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
37
+ onAddressChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
38
+ onApartmentChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
39
+ onPostalCodeChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
40
+ onCityChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
41
+ onCountryChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
42
+ onStateProvinceChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
43
+ onFirstNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
44
+ onLastNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
45
+ onEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
46
+ onPhoneNumberBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
47
+ onCompanyNameBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
48
+ onAddressBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
49
+ onApartmentBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
50
+ onPostalCodeBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
51
+ onCityBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
52
+ onCountryBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
53
+ onStateProvinceBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
54
+ onBlur?: (event: React.FocusEvent<HTMLSelectElement>) => void;
55
+ }
@@ -1,4 +1,4 @@
1
- import type { MoreInfoHighlightsCardProps } from "../../../molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps";
1
+ import type { MoreInfoHighlightsCardProps } from "../../molecules/card/moreinfohighlightscard/MoreInfoHighlightsCardProps";
2
2
  export type MoreInfoHighlightsSectionProps = {
3
3
  heading: string;
4
4
  body?: string;
@@ -0,0 +1,15 @@
1
+ export interface RadioOptionItem {
2
+ id: string;
3
+ value: string;
4
+ label: string;
5
+ description?: string;
6
+ disabled?: boolean;
7
+ }
8
+ export interface RadioOptionSelectorProps {
9
+ title?: string;
10
+ options?: RadioOptionItem[];
11
+ selectedValue?: string;
12
+ name?: string;
13
+ className?: string;
14
+ onChange?: (value: string) => void;
15
+ }
@@ -0,0 +1,11 @@
1
+ import { CartConfirmedHeroProps } from "../../organisms/cart/cartconfimation/cartconfirmationhero/CartConfirmedHeroProps";
2
+ import { CartReceiptSectionProps } from "../../organisms/cart/cartconfimation/cartreceiptsection/CartReceiptSectionProps";
3
+ import { CartSummarySectionProps } from "../../organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps";
4
+ import { CartOrderSummaryProps } from "../../organisms/cart/cartconfimation/cartordersummary/CartOrderSummaryProps";
5
+ export interface CartConfirmationTemplateProps {
6
+ cartConfirmedHeroProps: CartConfirmedHeroProps;
7
+ cartReceiptSectionProps: CartReceiptSectionProps;
8
+ cartSummarySectionProps: CartSummarySectionProps;
9
+ cartOrderSummaryProps: CartOrderSummaryProps;
10
+ className?: string;
11
+ }
@@ -1,6 +1,6 @@
1
1
  import { BreadcrumbsProps } from "../../molecules/selectors/breadcrumb/BreadcrumbsProps";
2
- import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/section/productinformationsection/ProductInformationSectionProps";
3
- import { ShoppingCartFlyoutProps } from "../../organisms/shoppingcart/shoppingcartflyout/ShoppingCartFlyoutProps";
2
+ import { ProductInformationTabKey, SizeAndGradeDefinition } from "../../organisms/productinformationsection/ProductInformationSectionProps";
3
+ import { CartFlyoutProps } from "../../organisms/cart/cartflyout/CartFlyoutProps";
4
4
  export type ProductDetailSimpleOption = {
5
5
  id: string;
6
6
  label: string;
@@ -212,5 +212,5 @@ export type ProductDetailPageTemplateProps = {
212
212
  currency?: string;
213
213
  }, data: ProductDetailData) => void;
214
214
  onNavigate?: (href: string) => void;
215
- cartFlyoutProps?: Omit<ShoppingCartFlyoutProps, "isOpen" | "onClose">;
215
+ cartFlyoutProps?: Omit<CartFlyoutProps, "isOpen" | "onClose">;
216
216
  };
package/dist/index.d.ts CHANGED
@@ -11,8 +11,8 @@ export type { FeatureBannerProps } from "./componentProps/organisms/banner/featu
11
11
  export type { CallToActionHeroProps } from "./componentProps/organisms/banner/herobanner/CallToActionHeroProps";
12
12
  export type { CallToActionHeroCarouselProps } from "./componentProps/organisms/banner/herobanner/CallToActionHeroCarouselProps";
13
13
  export type { TopNavBarProps } from "./componentProps/organisms/navigation/TopNavBarProps";
14
- export type { MoreInfoHighlightsSectionProps } from "./componentProps/organisms/section/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
15
- export type { SwatchPurchasePanelProps, SwatchPurchasePanelOptionProps, AddToFavoritesPayloadProps, CartOrderProps, SwatchPurchasePanelNavigateMeta, } from "./componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelProps";
14
+ export type { MoreInfoHighlightsSectionProps } from "./componentProps/organisms/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
15
+ export type { PurchasePanelProps, PurchasePanelOptionProps, AddToFavoritesPayloadProps, CartOrderProps, SwatchPurchasePanelNavigateMeta, } from "./componentProps/organisms/cart/purchasepanel/PurchasePanelProps";
16
16
  export type { ProductDetailPageTemplateProps, ProductDetailData, ProductDetailImage, ProductDetailRange, ProductDetailSimpleOption, ProductDetailVariant, ProductDetailSizeAndGradeGuideRow, ProductDetailPrice, ProductDetailProduct, } from "./componentProps/templates/productdetailpagetemplate/ProductDetailPageTemplateProps";
17
17
  export { default as FormicaText } from "./stories/atoms/text/Text";
18
18
  export { default as Button } from "./stories/atoms/buttons/button/Button";
@@ -28,7 +28,7 @@ export { default as FeatureBanner } from "./stories/organisms/banner/featurebann
28
28
  export { default as CallToActionHero } from "./stories/organisms/banner/calltoactionhero/CallToActionHero";
29
29
  export { default as CallToActionHeroCarousel } from "./stories/organisms/banner/calltoactioncarousel/CallToActionHeroCarousel";
30
30
  export { default as ColumnBanner } from "./stories/organisms/banner/columnbanner/ColumnBanner";
31
- export { default as FeatureCardCollection } from "./stories/organisms/section/featurecardcollection/FeatureCardCollection";
32
- export { default as MoreInfoHighlightsSection } from "./stories/organisms/section/moreinfohighlights/MoreInfoHighlightsSection";
33
- export { default as SwatchPurchasePanel } from "./stories/organisms/section/swatchpurchasepanel/SwatchPurchasePanel";
31
+ export { default as FeatureCardCollection } from "./stories/organisms/featurecardcollection/FeatureCardCollection";
32
+ export { default as MoreInfoHighlightsSection } from "./stories/organisms/moreinfohighlights/MoreInfoHighlightsSection";
33
+ export { default as SwatchPurchasePanel } from "./stories/organisms/cart/purchasepanel/PurchasePanel";
34
34
  export { default as ProductDetailPageTemplate } from "./stories/templates/productdetailpagetemplate/ProductDetailPageTemplate";
package/dist/index.js CHANGED
@@ -5468,7 +5468,9 @@ const wl = ({
5468
5468
  ) }),
5469
5469
  /* @__PURE__ */ i("div", { className: "mt-6 space-y-2", children: /* @__PURE__ */ i(x, { as: "p", variant: "body", children: a }) })
5470
5470
  ] });
5471
- }, El = ({ carousel: e }) => {
5471
+ }, El = ({
5472
+ carousel: e
5473
+ }) => {
5472
5474
  if (!!!e?.slides?.length)
5473
5475
  return /* @__PURE__ */ i("div", { className: "w-full min-h-80 lg:min-h-96", "aria-hidden": "true" });
5474
5476
  const { slides: a, initialIndex: n = 0, text: r } = e;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { RadioOptionProps } from "../../../../componentProps/atoms/radiooption/RadioOptionProps";
3
+ export declare const RadioOption: React.FC<RadioOptionProps>;
4
+ export default RadioOption;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CheckboxProps } from "../../../componentProps/atoms/checkbox/CheckboxProps";
3
+ declare const Checkbox: React.FC<CheckboxProps>;
4
+ export default Checkbox;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
- import { DropdownProps } from "../../../componentProps/atoms/dropdown/DropdownProps";
2
+ import type { DropdownProps } from "../../../componentProps/atoms/dropdown/DropdownProps";
3
3
  declare const Dropdown: React.FC<DropdownProps>;
4
4
  export default Dropdown;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { InputProps } from "../../../componentProps/atoms/input/inputProps";
3
+ declare const Input: React.FC<InputProps>;
4
+ export default Input;
@@ -0,0 +1,3 @@
1
+ import { QuantityCheckoutCardProps } from "../../../../componentProps/molecules/card/quantitycheckoutcard/QuantityCheckoutCardProps";
2
+ declare const QuantityCheckoutCard: ({ imageSrc, imageAlt, title, brand, decorNumber, finish, size, quantity, price, unitPrice, totalPrice, minQuantity, maxQuantity, isReadOnly, onQuantityChange, onRemoveItem, }: QuantityCheckoutCardProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default QuantityCheckoutCard;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { InputFieldProps } from "../../../componentProps/atoms/input/inputProps";
3
+ declare const InputField: React.FC<InputFieldProps>;
4
+ export default InputField;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CheckoutProgressIndicatorProps } from "../../../../componentProps/molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
3
+ declare const CheckoutProgressIndicator: React.FC<CheckoutProgressIndicatorProps>;
4
+ export default CheckoutProgressIndicator;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { RadioOptionSelectorProps } from "../../../../componentProps/organisms/selectors/radiooptionselector/RadioOptionSelectorProps";
3
+ export declare const RadioOptionSelector: React.FC<RadioOptionSelectorProps>;
4
+ export default RadioOptionSelector;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CartConfirmedHeroProps } from "../../../../../componentProps/organisms/cart/cartconfimation/cartconfirmationhero/CartConfirmedHeroProps";
3
+ declare const CartConfirmedHero: React.FC<CartConfirmedHeroProps>;
4
+ export default CartConfirmedHero;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CartOrderSummaryProps } from "../../../../../componentProps/organisms/cart/cartconfimation/cartordersummary/CartOrderSummaryProps";
3
+ declare const CartOrderSummary: React.FC<CartOrderSummaryProps>;
4
+ export default CartOrderSummary;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CartReceiptSectionProps } from "../../../../../componentProps/organisms/cart/cartconfimation/cartreceiptsection/CartReceiptSectionProps";
3
+ declare const CartReceiptSection: React.FC<CartReceiptSectionProps>;
4
+ export default CartReceiptSection;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CartSummarySectionProps } from "../../../../../componentProps/organisms/cart/cartconfimation/cartsummarysection/CartSummarySectionProps";
3
+ declare const CartSummarySection: React.FC<CartSummarySectionProps>;
4
+ export default CartSummarySection;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
- import { ShoppingCartFlyoutProps } from "../../../../componentProps/organisms/shoppingcart/shoppingcartflyout/ShoppingCartFlyoutProps";
3
- declare const CartFlyout: React.FC<ShoppingCartFlyoutProps>;
2
+ import { CartFlyoutProps } from "../../../../componentProps/organisms/cart/cartflyout/CartFlyoutProps";
3
+ declare const CartFlyout: React.FC<CartFlyoutProps>;
4
4
  export default CartFlyout;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CartPaymentPanelProps } from "../../../../componentProps/organisms/cart/cartpaymentpanel/CartPaymentPanelProps";
3
+ declare const CartPaymentPanel: React.FC<CartPaymentPanelProps>;
4
+ export default CartPaymentPanel;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import type { CartSummaryProps } from "../../../../componentProps/organisms/cart/cartsummary/CartSummaryProps";
3
+ export declare const CartSummary: React.FC<CartSummaryProps>;
4
+ export default CartSummary;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CartTotalsPanelProps } from "../../../../componentProps/organisms/cart/carttotalspanel/CartTotalsPanelProps";
3
+ declare const CartTotalsPanel: React.FC<CartTotalsPanelProps>;
4
+ export default CartTotalsPanel;
@@ -0,0 +1,23 @@
1
+ import React from "react";
2
+ export interface CheckoutAccountStepProps {
3
+ currentStep?: number;
4
+ steps?: string[];
5
+ activeMode?: "createAccount" | "signIn";
6
+ email?: string;
7
+ password?: string;
8
+ emailError?: string;
9
+ passwordError?: string;
10
+ emailHasError?: boolean;
11
+ passwordHasError?: boolean;
12
+ onModeChange?: (mode: "createAccount" | "signIn") => void;
13
+ onEmailChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
14
+ onPasswordChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
15
+ onEmailBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
16
+ onPasswordBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
17
+ onForgotPasswordClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
18
+ onContinue?: () => void;
19
+ onContinueAsGuest?: () => void;
20
+ className?: string;
21
+ }
22
+ declare const CheckoutAccountStep: React.FC<CheckoutAccountStepProps>;
23
+ export default CheckoutAccountStep;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { PurchasePanelLeftPanelProps } from "../../../../../componentProps/organisms/cart/purchasepanel/PurchasePanelLeftPanelProps";
3
+ declare const PurchasePanelLeftPanel: React.FC<PurchasePanelLeftPanelProps>;
4
+ export default PurchasePanelLeftPanel;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import type { SwatchPurchasePanelProps } from "../../../../componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelProps";
2
+ import type { PurchasePanelProps } from "../../../../componentProps/organisms/cart/purchasepanel/PurchasePanelProps";
3
3
  import type { ButtonGridItem } from "../../../../componentProps/molecules/buttons/buttongrid/ButtonGridProps";
4
4
  export type MarshaledOption = ButtonGridItem & {
5
5
  id: string;
@@ -8,5 +8,5 @@ export type MarshaledOption = ButtonGridItem & {
8
8
  active: boolean;
9
9
  onClick: () => void;
10
10
  };
11
- declare const SwatchPurchasePanel: React.FC<SwatchPurchasePanelProps>;
12
- export default SwatchPurchasePanel;
11
+ declare const PurchasePanel: React.FC<PurchasePanelProps>;
12
+ export default PurchasePanel;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { PurchasePanelRightPanelProps } from "../../../../../componentProps/organisms/cart/purchasepanel/PurchasePanelRightPanelProps";
3
+ declare const PurchasePanelRightPanel: React.FC<PurchasePanelRightPanelProps>;
4
+ export default PurchasePanelRightPanel;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { ShippingAddressFormProps } from "../../../../componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps";
3
+ export declare const ShippingAddressForm: React.FC<ShippingAddressFormProps>;
4
+ export default ShippingAddressForm;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import type { FeatureCardCollectionProps } from "../../../componentProps/organisms/featurecards/featurecardscollection/FeatureCardCollectionProps";
3
+ declare const FeatureCardCollection: React.FC<FeatureCardCollectionProps>;
4
+ export default FeatureCardCollection;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
- import type { MoreInfoHighlightsSectionProps } from "../../../../componentProps/organisms/section/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
2
+ import type { MoreInfoHighlightsSectionProps } from "../../../componentProps/organisms/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
3
3
  export declare const MoreInfoHighlightsSection: React.FC<MoreInfoHighlightsSectionProps>;
4
4
  export default MoreInfoHighlightsSection;
@@ -1,9 +1,9 @@
1
1
  import React from "react";
2
2
  import { NavItem } from "../../../../../componentProps/organisms/navigation/TopNavBarProps";
3
- type TopNavDropdownProps = {
3
+ type TopNavMegaMenuProps = {
4
4
  activeItem?: NavItem;
5
5
  openSubcategory: string | null;
6
6
  setOpenSubcategory: (label: string | null) => void;
7
7
  };
8
- declare const TopNavDropdown: React.FC<TopNavDropdownProps>;
9
- export default TopNavDropdown;
8
+ declare const TopNavMegaMenu: React.FC<TopNavMegaMenuProps>;
9
+ export default TopNavMegaMenu;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { ProductDetailsData } from "../../../../componentProps/organisms/productinformationsection/ProductInformationSectionProps";
3
+ declare const ProductDetailsPane: React.FC<{
4
+ data?: ProductDetailsData;
5
+ }>;
6
+ export default ProductDetailsPane;
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
- import { ProductInformationSectionProps } from "../../../../componentProps/organisms/section/productinformationsection/ProductInformationSectionProps";
2
+ import { ProductInformationSectionProps } from "../../../../componentProps/organisms/productinformationsection/ProductInformationSectionProps";
3
3
  declare const ProductInformationSection: React.FC<ProductInformationSectionProps>;
4
4
  export default ProductInformationSection;
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
- import { SizeAndGradeData } from "../../../../../componentProps/organisms/section/productinformationsection/ProductInformationSectionProps";
2
+ import { SizeAndGradeData } from "../../../../componentProps/organisms/productinformationsection/ProductInformationSectionProps";
3
3
  type SizeAndGradePaneProps = {
4
4
  data?: SizeAndGradeData;
5
5
  selectedGrade?: string;
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ import { TextureData } from "../../../../componentProps/organisms/productinformationsection/ProductInformationSectionProps";
3
+ declare const TexturePane: React.FC<{
4
+ data?: TextureData;
5
+ }>;
6
+ export default TexturePane;
@@ -4,9 +4,9 @@ import type { TopNavBarProps } from "../../../componentProps/organisms/navigatio
4
4
  import type { CallToActionHeroProps } from "../../../componentProps/organisms/banner/herobanner/CallToActionHeroProps";
5
5
  import type { ButtonProps } from "../../../componentProps/atoms/button/ButtonProps";
6
6
  import type { ColumnBannerProps } from "../../../componentProps/organisms/banner/columnbanner/ColumnBannerProps";
7
- import type { FeatureCardCollectionProps } from "../../../componentProps/organisms/section/featurecardscollection/FeatureCardCollectionProps";
7
+ import type { FeatureCardCollectionProps } from "../../../componentProps/organisms/featurecards/featurecardscollection/FeatureCardCollectionProps";
8
8
  import type { FooterProps } from "../../../componentProps/organisms/footer/FooterProps";
9
- import type { MoreInfoHighlightsSectionProps } from "../../../componentProps/organisms/section/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
9
+ import type { MoreInfoHighlightsSectionProps } from "../../../componentProps/organisms/moreinfohighlightssection/MoreInfoHighlightsSectionProps";
10
10
  import type { FeatureBannerProps } from "../../../componentProps/organisms/banner/featurebanner/FeatureBannerProps";
11
11
  type HomePageProps = {
12
12
  brandNavBarProps: BrandNavBarProps;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { CartConfirmationTemplateProps } from "../../../../componentProps/templates/cartconfirmationtemplate/CartConfirmationTemplateProps";
3
+ declare const CartConfirmationTemplate: React.FC<CartConfirmationTemplateProps>;
4
+ export default CartConfirmationTemplate;
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import type { CheckoutProgressIndicatorProps } from "../../../../componentProps/molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
3
+ import type { CartTotalsPanelProps } from "../../../../componentProps/organisms/cart/carttotalspanel/CartTotalsPanelProps";
4
+ import type { CartPaymentPanelProps } from "../../../../componentProps/organisms/cart/cartpaymentpanel/CartPaymentPanelProps";
5
+ export interface CartPaymentTemplateProps {
6
+ cartPaymentPanelProps: CartPaymentPanelProps;
7
+ checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
8
+ cartTotalsPanelProps: CartTotalsPanelProps;
9
+ className?: string;
10
+ }
11
+ declare const CartPaymentTemplate: React.FC<CartPaymentTemplateProps>;
12
+ export default CartPaymentTemplate;
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import type { ShippingAddressFormProps } from "../../../../componentProps/organisms/cart/shippingaddressform/ShippingAddressFormProps";
3
+ import type { RadioOptionSelectorProps } from "../../../../componentProps/organisms/selectors/radiooptionselector/RadioOptionSelectorProps";
4
+ import type { CheckoutProgressIndicatorProps } from "../../../../componentProps/molecules/selectors/progressindicator/CheckoutProgressIndicatorProps";
5
+ import type { CartTotalsPanelProps } from "../../../../componentProps/organisms/cart/carttotalspanel/CartTotalsPanelProps";
6
+ export interface CartShippingTemplateProps {
7
+ shippingAddressFormProps: ShippingAddressFormProps;
8
+ shippingMethodSelectorProps: RadioOptionSelectorProps;
9
+ checkoutProgressIndicatorProps: CheckoutProgressIndicatorProps;
10
+ cartTotalsPanelProps: CartTotalsPanelProps;
11
+ className?: string;
12
+ }
13
+ declare const CartShippingTemplate: React.FC<CartShippingTemplateProps>;
14
+ export default CartShippingTemplate;
@@ -0,0 +1,10 @@
1
+ import React from "react";
2
+ import { CheckoutAccountStepProps } from "../../../organisms/cart/checkoutsteppanel/CheckoutStepPanel";
3
+ import type { OrderSummarySectionLeftPanelProps } from "../../../../componentProps/organisms/cart/ordersummarysection/OrderSummarySectionLeftPanelProps";
4
+ export interface CartSummaryTemplateProps {
5
+ cartSummaryProps: OrderSummarySectionLeftPanelProps;
6
+ checkoutAccountStepProps: CheckoutAccountStepProps;
7
+ className?: string;
8
+ }
9
+ declare const CartSummaryTemplate: React.FC<CartSummaryTemplateProps>;
10
+ export default CartSummaryTemplate;
@@ -0,0 +1,3 @@
1
+ export declare const required: (label: string) => (value: string) => string;
2
+ export declare const email: (value: string) => "" | "Email is required." | "Enter a valid email address.";
3
+ export declare const minLength: (label: string, length: number) => (value: string) => string;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "formica-ui-lib",
3
3
  "private": false,
4
- "version": "1.0.89",
4
+ "version": "1.0.92",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
7
7
  "files": [
@@ -1,12 +0,0 @@
1
- export type SwatchQuantityCheckoutCardProps = {
2
- imageSrc: string;
3
- imageAlt: string;
4
- title: string;
5
- brand: string;
6
- decorNumber: number;
7
- quantity: number;
8
- minQuantity?: number;
9
- maxQuantity?: number;
10
- onQuantityChange?: (quantity: number) => void;
11
- onRemoveItem?: () => void;
12
- };
@@ -1,6 +0,0 @@
1
- import type { SwatchQuantityCheckoutCardProps } from "../../../molecules/card/swatchquantitycheckoutcard/SwatchQuantityCheckoutCardProps";
2
- export type OrderSummarySectionLeftPanelProps = {
3
- subtotal: number;
4
- shippingCost: number;
5
- swatchQuantity: SwatchQuantityCheckoutCardProps[];
6
- };
@@ -1,4 +0,0 @@
1
- import { SwatchQuantityCheckoutCardProps } from "../../../../componentProps/molecules/card/swatchquantitycheckoutcard/SwatchQuantityCheckoutCardProps";
2
- type Props = SwatchQuantityCheckoutCardProps;
3
- declare const SwatchQuantityCheckoutCard: ({ imageSrc, imageAlt, title, brand, decorNumber, quantity, minQuantity, maxQuantity, onQuantityChange, onRemoveItem, }: Props) => import("react/jsx-runtime").JSX.Element;
4
- export default SwatchQuantityCheckoutCard;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import type { FeatureCardCollectionProps } from "../../../../componentProps/organisms/section/featurecardscollection/FeatureCardCollectionProps";
3
- declare const FeatureCardCollection: React.FC<FeatureCardCollectionProps>;
4
- export default FeatureCardCollection;
@@ -1,4 +0,0 @@
1
- import type { OrderSummarySectionLeftPanelProps } from "../../../../../componentProps/organisms/section/ordersummarysection/OrderSummarySectionLeftPanelProps";
2
- type Props = OrderSummarySectionLeftPanelProps;
3
- export declare const OrderSummarySectionLeftPanel: ({ subtotal, shippingCost, swatchQuantity, }: Props) => import("react/jsx-runtime").JSX.Element | null;
4
- export default OrderSummarySectionLeftPanel;
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- import { ProductDetailsData } from "../../../../../componentProps/organisms/section/productinformationsection/ProductInformationSectionProps";
3
- declare const ProductDetailsPane: React.FC<{
4
- data?: ProductDetailsData;
5
- }>;
6
- export default ProductDetailsPane;
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- import { TextureData } from "../../../../../componentProps/organisms/section/productinformationsection/ProductInformationSectionProps";
3
- declare const TexturePane: React.FC<{
4
- data?: TextureData;
5
- }>;
6
- export default TexturePane;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SwatchPurchasePanelLeftPanelProps } from "../../../../../componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelLeftPanelProps";
3
- declare const SwatchPurchasePanelLeftPanel: React.FC<SwatchPurchasePanelLeftPanelProps>;
4
- export default SwatchPurchasePanelLeftPanel;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { SwatchPurchasePanelRightPanelProps } from "../../../../../componentProps/organisms/section/swatchpurchasepanel/SwatchPurchasePanelRightPanelProps";
3
- declare const SwatchPurchasePanelRightPanel: React.FC<SwatchPurchasePanelRightPanelProps>;
4
- export default SwatchPurchasePanelRightPanel;