@saleor/macaw-ui 1.1.19 → 1.2.0

package/dist/components/Icons/SVGWrapper/SVGWrapper.d.ts

@@ -1,18 +1,14 @@
 import { SVGWrapperVariants } from './SVGWrapper.css';
 import { Sprinkles } from '../../../theme';
-import { ReactNode } from 'react';
+import { ReactNode, SVGProps } from 'react';
 
-export type SVGWrapperProps = SVGWrapperVariants & {
-    className?: string;
-    viewBox?: string;
+export type SVGWrapperProps = SVGWrapperVariants & Omit<SVGProps<SVGSVGElement>, "ref"> & {
     children: ReactNode;
     color?: Sprinkles["color"];
 };
 export declare const SVGWrapper: import('react').ForwardRefExoticComponent<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<SVGProps<SVGSVGElement>, "ref"> & {
     children: ReactNode;
     color?: Sprinkles["color"];
 } & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/Icons/SVGWrapper/createSVGWrapper.d.ts

@@ -2,9 +2,7 @@ import { ReactNode } from 'react';
 
 export declare const createSVGWrapper: (node: ReactNode, viewBox?: string) => import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/SearchIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const SearchIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/SellsIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const SellsIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/StorefrontIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const StorefrontIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/TableEditIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const TableEditIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/TranslationsIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const TranslationsIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/TrashBinIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const TrashBinIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/ViewListIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const ViewListIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/ViewTableIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const ViewTableIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/ViewTilesIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const ViewTilesIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/ViewWideTilesIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const ViewWideTilesIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/VouchersIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const VouchersIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/Icons/WarningIcon.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 export declare const WarningIcon: import('react').ForwardRefExoticComponent<Omit<{
     readonly size?: "medium" | "fill" | "small" | "large" | undefined;
-} & {
-    className?: string | undefined;
-    viewBox?: string | undefined;
+} & Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
     children: import("react").ReactNode;
     color?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | {
         default?: "accent1" | "buttonCriticalDisabled" | "buttonCriticalPrimary" | "buttonDefaultPrimary" | "buttonDefaultSecondary" | "buttonDefaultTertiary" | "critical1" | "critical2" | "default1" | "default2" | "defaultDisabled" | "info1" | "success1" | "warning1" | "inherit" | undefined;

package/dist/components/List/List.d.ts

@@ -1260,4 +1260,4 @@ export declare const List: import('react').ForwardRefExoticComponent<Omit<{
     children: ReactNode;
     as?: "ol" | "ul" | undefined;
     className?: string | undefined;
-} & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>>;
+} & import("react").RefAttributes<HTMLElement>>;

package/dist/components/List/index.d.ts

@@ -1257,7 +1257,7 @@ export declare const List: import('react').ForwardRefExoticComponent<Omit<{
     children: import("react").ReactNode;
     as?: "ol" | "ul" | undefined;
     className?: string | undefined;
-} & import("react").RefAttributes<HTMLOListElement | HTMLUListElement>> & {
+} & import("react").RefAttributes<HTMLElement>> & {
     Item: import('react').ForwardRefExoticComponent<Omit<{
         as?: import("react").ElementType<any> | undefined;
         children?: import("react").ReactNode;

package/dist/components/Select/SelectWrapper.d.ts

@@ -1,20 +1,20 @@
 import { useSelect } from './useSelect';
 import { Option } from '../BaseSelect';
+import { LabelVariants } from '../BaseInput';
 import { ReactNode } from 'react';
 import { UseSelectPropGetters } from 'downshift';
 
-export declare const SelectWrapper: import('react').ForwardRefExoticComponent<{
-    size?: "medium" | "small" | "large" | undefined;
-    active?: boolean | undefined;
-    typed?: boolean | undefined;
-    disabled?: boolean | undefined;
-    error?: boolean | undefined;
-} & {
-    id?: string | undefined;
+type SelectWrapperProps = LabelVariants & {
+    id?: string;
     label?: ReactNode;
-    className?: string | undefined;
-    error?: boolean | undefined;
+    className?: string;
+    error?: boolean;
     children: ReactNode;
     getToggleButtonProps: ReturnType<typeof useSelect>["getToggleButtonProps"];
     getLabelProps: UseSelectPropGetters<Option>["getLabelProps"];
-} & import("react").RefAttributes<HTMLLabelElement>>;
+};
+export declare const SelectWrapper: {
+    ({ id, label, className, error, children, getToggleButtonProps, getLabelProps, typed, active, disabled, size, }: SelectWrapperProps): JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/hooks/useFloating.d.ts

@@ -1,26 +1,18 @@
-import { UseFloatingReturn } from '@floating-ui/react-dom';
+import { UseFloatingReturn, ReferenceType } from '@floating-ui/react-dom';
 
-export declare const useFloating: (zIndexValue?: number) => {
-    placement: import('@floating-ui/react-dom').Placement;
-    strategy: import('@floating-ui/react-dom').Strategy;
-    middlewareData: import('@floating-ui/react-dom').MiddlewareData;
-    x: number;
-    y: number;
-    isPositioned: boolean;
-    update: () => void;
-    floatingStyles: import('react').CSSProperties;
+interface UseFloatingProps {
+    zIndexValue?: number;
+    shouldUpdate: boolean;
+}
+export declare const useFloating: <T extends ReferenceType>({ zIndexValue, shouldUpdate, }: UseFloatingProps) => {
+    floatingStyles: import('react').CSSProperties & {
+        zIndex: number;
+    };
     refs: {
-        reference: import('react').MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+        reference: import('react').MutableRefObject<T | null>;
         floating: import('react').MutableRefObject<HTMLElement | null>;
-        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setReference: (node: T | null) => void;
         setFloating: (node: HTMLElement | null) => void;
     };
-    elements: {
-        reference: import('@floating-ui/react-dom').ReferenceType | null;
-        floating: HTMLElement | null;
-    };
-} & {
-    floatingStyles: {
-        zIndex: number;
-    };
 };
+export {};