yt-uikit 0.10.99 → 0.10.100-dropdown-ui-refact.0

package/dist/esm/components/BundleBlock/BundleBuilder/bundleBuilder.style.d.ts

@@ -15,9 +15,6 @@ export declare const ProductImage: import("styled-components/dist/types").IStyle
     aspectRatio: string;
     borderRadius: string;
 }>> & string;
-export declare const VariantSelector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {
-    isCoralHaze: boolean;
-}>> & string;
 export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isMobile: boolean;
     showBorder: boolean;

package/dist/esm/components/BundleBlock/BundleProductDetailsModal/bundleProductDetailsModal.style.d.ts

@@ -7,4 +7,3 @@ export declare const ModalContent: import("styled-components/dist/types").IStyle
 export declare const BundlProductDetailsModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $isDev?: boolean | undefined;
 }>> & string;
-export declare const StyledSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, never>> & string;

package/dist/esm/components/BundleBlock/VariantDropdown.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface VariantDropdownOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+    /** extra class on the option, e.g. the variant-out-of-stock hook */
+    className?: string;
+}
+interface VariantDropdownProps {
+    options: VariantDropdownOption[];
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+    /** styles for the clickable trigger */
+    style?: React.CSSProperties;
+    /** styles for the portaled option list */
+    menuStyle?: React.CSSProperties;
+    /** trigger content, defaults to the selected label + chevron */
+    children?: React.ReactNode;
+    ariaLabel?: string;
+}
+/**
+ * Variant picker rendered as a custom dropdown instead of a native <select>.
+ *
+ * The option list is portaled to document.body with position: fixed so it is
+ * never clipped by a Shopify theme app block (sections routinely set
+ * overflow: hidden, transforms or their own stacking contexts around our
+ * embedded bundle markup).
+ */
+declare const VariantDropdown: React.FC<VariantDropdownProps>;
+export default VariantDropdown;