yt-uikit 0.8.7-inventoryPolicy.0 → 0.8.7-size-reduce.0
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.
- package/dist/esm/components/Cart/Cart.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimManager.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimOverlay.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimOverlayCard.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimSection.d.ts +1 -0
- package/dist/esm/components/Cart/FreebieClaimSectionCard.d.ts +1 -0
- package/dist/esm/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +24 -20
- package/dist/esm/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +20 -12
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +1 -0
- package/dist/esm/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +85 -39
- package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +1 -0
- package/dist/esm/components/shared/Spinner.d.ts +23 -0
- package/dist/esm/components/shared/index.d.ts +2 -0
- package/dist/esm/index.js +455 -458
- package/dist/esm/types/components/Cart/Cart.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimManager.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimOverlay.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimOverlayCard.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimSection.d.ts +1 -0
- package/dist/esm/types/components/Cart/FreebieClaimSectionCard.d.ts +1 -0
- package/dist/esm/types/components/Cart/MultiStepProgressBar/MultiStepProgressBar.styled.d.ts +24 -20
- package/dist/esm/types/components/Cart/MultiStepProgressBar/SingleTierProgressBar.styled.d.ts +20 -12
- package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.d.ts +1 -0
- package/dist/esm/types/components/Cart/VariantSelectionPopup/DesktopVariantPopup.styled.d.ts +85 -39
- package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.d.ts +1 -0
- package/dist/esm/types/components/shared/Spinner.d.ts +23 -0
- package/dist/esm/types/components/shared/index.d.ts +2 -0
- package/dist/esm/types/utils/freebieProductUtils.d.ts +1 -2
- package/dist/esm/utils/freebieProductUtils.d.ts +1 -2
- package/dist/index.d.ts +1 -0
- package/package.json +2 -1
|
@@ -224,6 +224,7 @@ export interface CartProps {
|
|
|
224
224
|
showApplyCoupon?: boolean;
|
|
225
225
|
enableConfetti?: boolean;
|
|
226
226
|
showCheckoutButtonPaymentIcons?: boolean;
|
|
227
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
227
228
|
comboBundleData?: BundlePayload;
|
|
228
229
|
comboBundleAddToCartFunction?: (selectedItemsSubtotal: number, variantIds?: string[], finalBundlePrice?: number, variantIdPriceMap?: {
|
|
229
230
|
variantId: string;
|
|
@@ -12,6 +12,7 @@ interface FreebieClaimManagerProps {
|
|
|
12
12
|
imageAspectSelector?: "square" | "portrait";
|
|
13
13
|
freebieCouponTemplates?: Checkpoint[];
|
|
14
14
|
isCartDrawerOpen?: boolean;
|
|
15
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const FreebieClaimManager: React.FC<FreebieClaimManagerProps>;
|
|
17
18
|
export default FreebieClaimManager;
|
|
@@ -12,6 +12,7 @@ interface FreebieClaimOverlayProps {
|
|
|
12
12
|
freebieCouponTemplates?: Checkpoint[];
|
|
13
13
|
freebieClaimData?: any;
|
|
14
14
|
isCartDrawerOpen?: boolean;
|
|
15
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const FreebieClaimOverlay: React.FC<FreebieClaimOverlayProps>;
|
|
17
18
|
export default FreebieClaimOverlay;
|
|
@@ -4,6 +4,7 @@ interface FreebieClaimOverlayCardProps {
|
|
|
4
4
|
imageAspectSelector?: "square" | "portrait";
|
|
5
5
|
freebieCouponTemplates?: any[];
|
|
6
6
|
accentColor?: string;
|
|
7
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
7
8
|
}
|
|
8
9
|
declare const FreebieClaimOverlayCard: React.FC<FreebieClaimOverlayCardProps>;
|
|
9
10
|
export default FreebieClaimOverlayCard;
|
|
@@ -12,6 +12,7 @@ interface FreebieClaimSectionProps {
|
|
|
12
12
|
maxFreebiesInTier?: number;
|
|
13
13
|
tierName?: string;
|
|
14
14
|
freebieClaimData?: any;
|
|
15
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
15
16
|
}
|
|
16
17
|
declare const FreebieClaimSection: React.FC<FreebieClaimSectionProps>;
|
|
17
18
|
export default FreebieClaimSection;
|
|
@@ -11,6 +11,7 @@ interface FreebieClaimSectionCardProps {
|
|
|
11
11
|
isSelected?: boolean;
|
|
12
12
|
isDisabled?: boolean;
|
|
13
13
|
onToggleSelection?: (productId: string) => void;
|
|
14
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
14
15
|
}
|
|
15
16
|
declare const FreebieClaimSectionCard: React.FC<FreebieClaimSectionCardProps>;
|
|
16
17
|
export default FreebieClaimSectionCard;
|
|
@@ -1,45 +1,49 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const getEffectiveProgressBarWidth: (numberOfCheckpoints: number) => number;
|
|
3
3
|
export declare const getEffectiveIconFontSize: (numberOfCheckpoints: number) => 22 | 17;
|
|
4
|
-
export declare const Container: import("
|
|
5
|
-
|
|
4
|
+
export declare const Container: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
5
|
+
as?: any;
|
|
6
|
+
}, never>>;
|
|
7
|
+
export declare const CheckpointContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
6
8
|
$isDummy?: boolean | undefined;
|
|
7
|
-
}
|
|
8
|
-
export declare const ProgressBar: import("
|
|
9
|
+
}, never>>;
|
|
10
|
+
export declare const ProgressBar: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
9
11
|
$isCompleted?: boolean | undefined;
|
|
10
12
|
$percent: number;
|
|
11
13
|
$themeColor?: string | undefined;
|
|
12
14
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
13
15
|
$numberOfCheckpoints: number;
|
|
14
16
|
$isFirstCheckpoint?: boolean | undefined;
|
|
15
|
-
}
|
|
16
|
-
export declare const Tag: import("
|
|
17
|
+
}, never>>;
|
|
18
|
+
export declare const Tag: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
17
19
|
$isCompleted?: boolean | undefined;
|
|
18
20
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
19
21
|
$ctaButtonTextColor?: string | undefined;
|
|
20
22
|
$textColor?: string | undefined;
|
|
21
23
|
$primaryTextColor?: string | undefined;
|
|
22
|
-
}
|
|
23
|
-
export declare const Tooltip: import("
|
|
24
|
+
}, never>>;
|
|
25
|
+
export declare const Tooltip: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
24
26
|
$visible: boolean;
|
|
25
27
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
26
28
|
$ctaButtonTextColor?: string | undefined;
|
|
27
|
-
}
|
|
28
|
-
export declare const MultiTierNextRewardWrapper: import("
|
|
29
|
+
}, never>>;
|
|
30
|
+
export declare const MultiTierNextRewardWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("goober").DefaultTheme & {
|
|
29
31
|
$ctaButtonTextColor?: string | undefined;
|
|
30
32
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
31
|
-
}
|
|
32
|
-
export declare const ColoredText: import("
|
|
33
|
+
}, never>>;
|
|
34
|
+
export declare const ColoredText: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("goober").DefaultTheme & {
|
|
33
35
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
34
|
-
}
|
|
35
|
-
export declare const ProgressBarWrapper: import("
|
|
36
|
+
}, never>>;
|
|
37
|
+
export declare const ProgressBarWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
36
38
|
$showMOVForProgressTiers: boolean;
|
|
37
39
|
$rightMarginOffsetPx?: number | undefined;
|
|
38
|
-
}
|
|
39
|
-
export declare const ContentWrapper: import("
|
|
40
|
+
}, never>>;
|
|
41
|
+
export declare const ContentWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
40
42
|
$tagWrapOffsetPx?: number | undefined;
|
|
41
|
-
}
|
|
42
|
-
export declare const CheckpointWrapper: import("
|
|
43
|
+
}, never>>;
|
|
44
|
+
export declare const CheckpointWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
43
45
|
$numberOfCheckpoints: number;
|
|
44
|
-
}
|
|
45
|
-
export declare const CheckpointInnerWrapper: import("
|
|
46
|
+
}, never>>;
|
|
47
|
+
export declare const CheckpointInnerWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
48
|
+
as?: any;
|
|
49
|
+
}, never>>;
|
|
@@ -1,22 +1,30 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const ColoredText: import("
|
|
2
|
+
export declare const ColoredText: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("goober").DefaultTheme & {
|
|
3
3
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
4
|
-
}
|
|
5
|
-
export declare const SingleTierWrapper: import("
|
|
4
|
+
}, never>>;
|
|
5
|
+
export declare const SingleTierWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
6
6
|
$isCompleted?: boolean | undefined;
|
|
7
7
|
$percent: number;
|
|
8
8
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
9
9
|
$numberOfCheckpoints: number;
|
|
10
10
|
$isFirstCheckpoint?: boolean | undefined;
|
|
11
|
-
}
|
|
12
|
-
export declare const Container: import("
|
|
13
|
-
|
|
11
|
+
}, never>>;
|
|
12
|
+
export declare const Container: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
13
|
+
as?: any;
|
|
14
|
+
}, never>>;
|
|
15
|
+
export declare const SingleTierNextRewardWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("goober").DefaultTheme & {
|
|
14
16
|
$ctaButtonTextColor?: string | undefined;
|
|
15
17
|
$ctaButtonBackgroundColor?: string | undefined;
|
|
16
|
-
}
|
|
17
|
-
export declare const ProgressBarWrapper: import("
|
|
18
|
-
|
|
19
|
-
|
|
18
|
+
}, never>>;
|
|
19
|
+
export declare const ProgressBarWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
20
|
+
as?: any;
|
|
21
|
+
}, never>>;
|
|
22
|
+
export declare const ContentWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
23
|
+
as?: any;
|
|
24
|
+
}, never>>;
|
|
25
|
+
export declare const CheckpointWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
20
26
|
$numberOfCheckpoints: number;
|
|
21
|
-
}
|
|
22
|
-
export declare const CheckpointInnerWrapper: import("
|
|
27
|
+
}, never>>;
|
|
28
|
+
export declare const CheckpointInnerWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
29
|
+
as?: any;
|
|
30
|
+
}, never>>;
|
|
@@ -13,6 +13,7 @@ type DesktopVariantPopupProps = {
|
|
|
13
13
|
productClaimCtaButtonText?: string;
|
|
14
14
|
backgroundSubdued?: string;
|
|
15
15
|
primaryTextColor?: string;
|
|
16
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
16
17
|
};
|
|
17
18
|
declare const DesktopVariantPopup: React.ForwardRefExoticComponent<DesktopVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
19
|
export default DesktopVariantPopup;
|
|
@@ -1,60 +1,106 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const PopoverContainer: import("
|
|
3
|
-
|
|
4
|
-
|
|
2
|
+
export declare const PopoverContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
3
|
+
as?: any;
|
|
4
|
+
}, never>>;
|
|
5
|
+
export declare const PopupHeader: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
6
|
+
as?: any;
|
|
7
|
+
}, never>>;
|
|
8
|
+
export declare const ModalContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
5
9
|
$backgroundColor?: string | undefined;
|
|
6
10
|
$themeColor?: string | undefined;
|
|
7
|
-
}
|
|
8
|
-
export declare const VariantSelect: import("
|
|
11
|
+
}, never>>;
|
|
12
|
+
export declare const VariantSelect: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSelectElement> & import("react").SelectHTMLAttributes<HTMLSelectElement> & import("goober").DefaultTheme & {
|
|
9
13
|
$themeColor?: string | undefined;
|
|
10
14
|
$cornerRadius?: number | undefined;
|
|
11
|
-
}
|
|
12
|
-
export declare const VariantLabel: import("
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
export declare const
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
export declare const
|
|
19
|
-
|
|
15
|
+
}, never>>;
|
|
16
|
+
export declare const VariantLabel: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLLabelElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("goober").DefaultTheme & {
|
|
17
|
+
as?: any;
|
|
18
|
+
}, never>>;
|
|
19
|
+
export declare const LoaderWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
20
|
+
as?: any;
|
|
21
|
+
}, never>>;
|
|
22
|
+
export declare const ContentWrapper: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
23
|
+
as?: any;
|
|
24
|
+
}, never>>;
|
|
25
|
+
export declare const HeaderSection: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
26
|
+
as?: any;
|
|
27
|
+
}, never>>;
|
|
28
|
+
export declare const ImageContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
29
|
+
as?: any;
|
|
30
|
+
}, never>>;
|
|
31
|
+
export declare const ProductImage: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & import("goober").DefaultTheme & {
|
|
32
|
+
as?: any;
|
|
33
|
+
}, never>>;
|
|
34
|
+
export declare const ProductInfo: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
35
|
+
as?: any;
|
|
36
|
+
}, never>>;
|
|
37
|
+
export declare const ProductTitle: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("goober").DefaultTheme & {
|
|
20
38
|
$themeColor?: string | undefined;
|
|
21
39
|
$primaryTextColor?: string | undefined;
|
|
22
|
-
}
|
|
23
|
-
export declare const PriceContainer: import("
|
|
24
|
-
|
|
40
|
+
}, never>>;
|
|
41
|
+
export declare const PriceContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
42
|
+
as?: any;
|
|
43
|
+
}, never>>;
|
|
44
|
+
export declare const Price: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("goober").DefaultTheme & {
|
|
25
45
|
$primaryTextColor?: string | undefined;
|
|
26
|
-
}
|
|
27
|
-
export declare const ComparePrice: import("
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
export declare const
|
|
31
|
-
|
|
46
|
+
}, never>>;
|
|
47
|
+
export declare const ComparePrice: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("goober").DefaultTheme & {
|
|
48
|
+
as?: any;
|
|
49
|
+
}, never>>;
|
|
50
|
+
export declare const ViewDetailsLink: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("goober").DefaultTheme & {
|
|
51
|
+
as?: any;
|
|
52
|
+
}, never>>;
|
|
53
|
+
export declare const OptionsContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
54
|
+
as?: any;
|
|
55
|
+
}, never>>;
|
|
56
|
+
export declare const ActionContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
57
|
+
as?: any;
|
|
58
|
+
}, never>>;
|
|
59
|
+
export declare const CartButton: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("goober").DefaultTheme & {
|
|
32
60
|
$themeColor: string;
|
|
33
|
-
}
|
|
34
|
-
export declare const OptionContainer: import("
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
export declare const
|
|
38
|
-
|
|
61
|
+
}, never>>;
|
|
62
|
+
export declare const OptionContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
63
|
+
as?: any;
|
|
64
|
+
}, never>>;
|
|
65
|
+
export declare const OptionContainerDesktop: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
66
|
+
as?: any;
|
|
67
|
+
}, never>>;
|
|
68
|
+
export declare const OptionLabel: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
69
|
+
as?: any;
|
|
70
|
+
}, never>>;
|
|
71
|
+
export declare const VariantOptions: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
72
|
+
as?: any;
|
|
73
|
+
}, never>>;
|
|
74
|
+
export declare const VariantOption: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("goober").DefaultTheme & {
|
|
39
75
|
$isSelected?: boolean | undefined;
|
|
40
76
|
$isDisabled?: boolean | undefined;
|
|
41
77
|
$themeColor?: string | undefined;
|
|
42
78
|
$numberOfCheckpoints?: number | undefined;
|
|
43
79
|
$isFirstCheckpoint?: boolean | undefined;
|
|
44
80
|
backgroundColor?: string | undefined;
|
|
45
|
-
}
|
|
46
|
-
export declare const OptionLabelDesktop: import("
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
export declare const
|
|
50
|
-
|
|
51
|
-
|
|
81
|
+
}, never>>;
|
|
82
|
+
export declare const OptionLabelDesktop: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
83
|
+
as?: any;
|
|
84
|
+
}, never>>;
|
|
85
|
+
export declare const SelectedOptionBadge: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("goober").DefaultTheme & {
|
|
86
|
+
as?: any;
|
|
87
|
+
}, never>>;
|
|
88
|
+
export declare const OptionLabelSelected: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
89
|
+
as?: any;
|
|
90
|
+
}, never>>;
|
|
91
|
+
export declare const VariantOptionsContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
92
|
+
as?: any;
|
|
93
|
+
}, never>>;
|
|
94
|
+
export declare const PriceAndQuantityContainer: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & import("goober").DefaultTheme & {
|
|
95
|
+
as?: any;
|
|
96
|
+
}, never>>;
|
|
97
|
+
export declare const ColorVariantButton: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("goober").DefaultTheme & {
|
|
52
98
|
$isSelected?: boolean | undefined;
|
|
53
99
|
$themeColor?: string | undefined;
|
|
54
100
|
$colorValue?: string | undefined;
|
|
55
|
-
}
|
|
56
|
-
export declare const ImageVariantButton: import("
|
|
101
|
+
}, never>>;
|
|
102
|
+
export declare const ImageVariantButton: import("goober").StyledVNode<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("goober").DefaultTheme & {
|
|
57
103
|
$isSelected?: boolean | undefined;
|
|
58
104
|
$themeColor?: string | undefined;
|
|
59
105
|
$imageUrl?: string | undefined;
|
|
60
|
-
}
|
|
106
|
+
}, never>>;
|
|
@@ -13,6 +13,7 @@ type MobileVariantPopupProps = {
|
|
|
13
13
|
productClaimCtaButtonText?: string;
|
|
14
14
|
backgroundSubdued?: string;
|
|
15
15
|
primaryTextColor?: string;
|
|
16
|
+
shouldCheckInventoryQuantity?: boolean;
|
|
16
17
|
};
|
|
17
18
|
declare const MobileVariantPopup: React.ForwardRefExoticComponent<MobileVariantPopupProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
19
|
export default MobileVariantPopup;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface SpinnerProps {
|
|
3
|
+
color?: string;
|
|
4
|
+
size?: number;
|
|
5
|
+
loading?: boolean;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* A lightweight CSS-only spinner component to replace ClipLoader from react-spinners.
|
|
9
|
+
* Uses CSS animations for the spinning effect.
|
|
10
|
+
*/
|
|
11
|
+
export declare const Spinner: React.FC<SpinnerProps>;
|
|
12
|
+
export interface ScaleLoaderProps {
|
|
13
|
+
color?: string;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
height?: number;
|
|
16
|
+
width?: number;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* A lightweight CSS-only scale loader component to replace ScaleLoader from react-spinners.
|
|
20
|
+
* Displays animated bars that pulse in sequence.
|
|
21
|
+
*/
|
|
22
|
+
export declare const ScaleLoader: React.FC<ScaleLoaderProps>;
|
|
23
|
+
export default Spinner;
|