yt-uikit 0.8.1 → 0.8.2-mixandmatchmodalheightfix.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.
Files changed (14) hide show
  1. package/dist/esm/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts +5 -0
  2. package/dist/esm/components/BundleBlock/VolumeBundle/temp.d.ts +3 -0
  3. package/dist/esm/components/Cart/FreebieClaim.d.ts +17 -0
  4. package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +49 -0
  5. package/dist/esm/hooks/useShadowConfetti.d.ts +1 -0
  6. package/dist/esm/index.js +2 -2
  7. package/dist/esm/shadowStyles.d.ts +1 -0
  8. package/dist/esm/types/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts +5 -0
  9. package/dist/esm/types/components/BundleBlock/VolumeBundle/temp.d.ts +3 -0
  10. package/dist/esm/types/components/Cart/FreebieClaim.d.ts +17 -0
  11. package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts +49 -0
  12. package/dist/esm/types/hooks/useShadowConfetti.d.ts +1 -0
  13. package/dist/esm/types/shadowStyles.d.ts +1 -0
  14. package/package.json +1 -1
package/dist/esm/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import "./ProductGridSkeleton.css";
3
+ type ProductGridSkeletonProps = {};
4
+ declare const ProductGridSkeleton: React.FC<ProductGridSkeletonProps>;
5
+ export default ProductGridSkeleton;
package/dist/esm/components/BundleBlock/VolumeBundle/temp.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { BundleProps } from "../Bundle";
3
+ export default function VolumeBundle({ bundle, addToCartFunction, currentProductId, }: BundleProps): React.JSX.Element;
package/dist/esm/components/Cart/FreebieClaim.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ type FreebieClaimProps = {
3
+ freebieProductsInCart: any;
4
+ freebieSectionTitle?: string;
5
+ themeColor?: string;
6
+ themeTextColor?: string;
7
+ checkpoints?: any;
8
+ addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
9
+ freebiesInCart: string[];
10
+ showFreebieClaimAsPopup?: boolean;
11
+ productClaimCtaButtonText?: string;
12
+ imageAspectSelector?: "square" | "portrait";
13
+ freebieCouponTemplates?: any;
14
+ };
15
+ export declare const FreebieClaimPopup: React.ForwardRefExoticComponent<FreebieClaimProps & React.RefAttributes<HTMLDivElement>>;
16
+ declare const FreebieClaim: React.FC<FreebieClaimProps>;
17
+ export default FreebieClaim;
package/dist/esm/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts ADDED
@@ -0,0 +1,49 @@
1
+ /// <reference types="react" />
2
+ export declare const VariantSelectionPopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ $themeColor?: string | undefined;
5
+ $cornerRadius?: number | undefined;
6
+ $backgroundColor?: string | undefined;
7
+ }>> & string;
8
+ export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
9
+ export declare const ProductDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
11
+ export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
+ export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
13
+ $themeColor?: string | undefined;
14
+ }>> & string;
15
+ export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
16
+ primaryTextColor?: string | undefined;
17
+ }>> & string;
18
+ export declare const OriginalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
19
+ export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
20
+ export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
21
+ export declare const OptionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
22
+ export declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
23
+ export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
24
+ $isSelected?: boolean | undefined;
25
+ $isDisabled?: boolean | undefined;
26
+ $themeColor?: string | undefined;
27
+ backgroundColor?: string | undefined;
28
+ }>> & string;
29
+ export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
30
+ $themeColor: string;
31
+ }>> & string;
32
+ export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
33
+ export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
34
+ export declare const MainSelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
35
+ $backgroundColor: string;
36
+ }>> & string;
37
+ export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
38
+ export declare const DetailsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
39
+ export declare const PriceSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
40
+ export declare const LinkSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
41
+ export declare const ActionsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
42
+ export declare const ReplaceButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
43
+ export declare const ReplaceButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
44
+ $themeColor?: string | undefined;
45
+ $cornerRadius?: number | undefined;
46
+ $cornerType?: string | undefined;
47
+ $disabled?: boolean | undefined;
48
+ }>> & string;
49
+ export declare const ReplaceButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/esm/hooks/useShadowConfetti.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function useShadowConfetti(): (options: any) => void;
package/dist/esm/index.js CHANGED
@@ -4240,7 +4240,7 @@ import*as e from"react";import t,{forwardRef as n,useImperativeHandle as r,useRe
4240
4240
  @media (max-width: 600px) {
4241
4241
  box-sizing: border-box;
4242
4242
  width: 100% ;
4243
- max-height: 37vh;
4243
+ max-height: 57%;
4244
4244
  position: absolute;
4245
4245
  left: 0;
4246
4246
  right: 0;
@@ -4308,7 +4308,7 @@ import*as e from"react";import t,{forwardRef as n,useImperativeHandle as r,useRe
4308
4308
  flex-direction: column;
4309
4309
  gap: 12px;
4310
4310
  @media (max-width: 600px) {
4311
- max-height: calc(37vh - 80px);
4311
+ max-height: 100%;
4312
4312
  }
4313
4313
 
4314
4314
  `,hg=x.div`
package/dist/esm/shadowStyles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const ytBundleShadowCss: string;
package/dist/esm/types/components/BundleBlock/ProductGridSkeleton/ProductGridSkeleton.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import React from "react";
2
+ import "./ProductGridSkeleton.css";
3
+ type ProductGridSkeletonProps = {};
4
+ declare const ProductGridSkeleton: React.FC<ProductGridSkeletonProps>;
5
+ export default ProductGridSkeleton;
package/dist/esm/types/components/BundleBlock/VolumeBundle/temp.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import React from "react";
2
+ import { BundleProps } from "../Bundle";
3
+ export default function VolumeBundle({ bundle, addToCartFunction, currentProductId, }: BundleProps): React.JSX.Element;
package/dist/esm/types/components/Cart/FreebieClaim.d.ts ADDED
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ type FreebieClaimProps = {
3
+ freebieProductsInCart: any;
4
+ freebieSectionTitle?: string;
5
+ themeColor?: string;
6
+ themeTextColor?: string;
7
+ checkpoints?: any;
8
+ addFreebieToCart?: (variantId: string, originalAllowedVariantIds?: string[]) => Promise<void>;
9
+ freebiesInCart: string[];
10
+ showFreebieClaimAsPopup?: boolean;
11
+ productClaimCtaButtonText?: string;
12
+ imageAspectSelector?: "square" | "portrait";
13
+ freebieCouponTemplates?: any;
14
+ };
15
+ export declare const FreebieClaimPopup: React.ForwardRefExoticComponent<FreebieClaimProps & React.RefAttributes<HTMLDivElement>>;
16
+ declare const FreebieClaim: React.FC<FreebieClaimProps>;
17
+ export default FreebieClaim;
package/dist/esm/types/components/Cart/VariantSelectionPopup/MobileVariantPopover.styled.d.ts ADDED
@@ -0,0 +1,49 @@
1
+ /// <reference types="react" />
2
+ export declare const VariantSelectionPopupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
+ export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
4
+ $themeColor?: string | undefined;
5
+ $cornerRadius?: number | undefined;
6
+ $backgroundColor?: string | undefined;
7
+ }>> & string;
8
+ export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
9
+ export declare const ProductDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
10
+ export declare const ProductImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
11
+ export declare const ProductInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
+ export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
13
+ $themeColor?: string | undefined;
14
+ }>> & string;
15
+ export declare const ProductPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
16
+ primaryTextColor?: string | undefined;
17
+ }>> & string;
18
+ export declare const OriginalPrice: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
19
+ export declare const ViewDetailsLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
20
+ export declare const OptionContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
21
+ export declare const OptionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
22
+ export declare const OptionsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
23
+ export declare const VariantOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
24
+ $isSelected?: boolean | undefined;
25
+ $isDisabled?: boolean | undefined;
26
+ $themeColor?: string | undefined;
27
+ backgroundColor?: string | undefined;
28
+ }>> & string;
29
+ export declare const CartButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
30
+ $themeColor: string;
31
+ }>> & string;
32
+ export declare const LoaderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
33
+ export declare const QuantitySelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
34
+ export declare const MainSelectorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
35
+ $backgroundColor: string;
36
+ }>> & string;
37
+ export declare const FlexContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
38
+ export declare const DetailsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
39
+ export declare const PriceSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
40
+ export declare const LinkSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
41
+ export declare const ActionsSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
42
+ export declare const ReplaceButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
43
+ export declare const ReplaceButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
44
+ $themeColor?: string | undefined;
45
+ $cornerRadius?: number | undefined;
46
+ $cornerType?: string | undefined;
47
+ $disabled?: boolean | undefined;
48
+ }>> & string;
49
+ export declare const ReplaceButtonContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/esm/types/hooks/useShadowConfetti.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function useShadowConfetti(): (options: any) => void;
package/dist/esm/types/shadowStyles.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const ytBundleShadowCss: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yt-uikit",
3
- "version": "0.8.1",
3
+ "version": "0.8.2-mixandmatchmodalheightfix.0",
4
4
  "description": "YourToken UI Kit",
5
5
  "scripts": {
6
6
  "rollup": "tsc && rollup -c",