@medusajs/ui 2.2.0 → 2.2.1-next-20231110080228

package/dist/cjs/components/avatar/avatar.d.ts

@@ -4,16 +4,7 @@ import * as React from "react";
 declare const avatarVariants: (props?: ({
     variant?: "squared" | "rounded" | null | undefined;
     size?: "base" | "large" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface AvatarProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitives.Root>, "asChild" | "children" | "size">, VariantProps<typeof avatarVariants> {
     src?: string;
     fallback: string;

package/dist/cjs/components/badge/badge.d.ts

@@ -2,29 +2,11 @@ import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const badgeColorVariants: (props?: ({
     color?: "green" | "red" | "blue" | "orange" | "grey" | "purple" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const badgeSizeVariants: (props?: ({
     size?: "base" | "large" | "small" | null | undefined;
     rounded?: "base" | "full" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeSizeVariants>, VariantProps<typeof badgeColorVariants> {
     asChild?: boolean;
 }

package/dist/cjs/components/button/button.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "transparent" | "danger" | null | undefined;
     size?: "base" | "large" | "xlarge" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof buttonVariants> {
     isLoading?: boolean;
     asChild?: boolean;

package/dist/cjs/components/currency-input/currency-input.d.ts

@@ -3,16 +3,7 @@ import Primitive from "react-currency-input-field";
 import { VariantProps } from "class-variance-authority";
 declare const currencyInputVariants: (props?: ({
     size?: "base" | "small" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface CurrencyInputProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitive>, "prefix" | "suffix" | "size">, VariantProps<typeof currencyInputVariants> {
     symbol: string;
     code: string;

package/dist/cjs/components/heading/heading.d.ts

@@ -2,16 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const headingVariants: (props?: ({
     level?: "h2" | "h3" | "h1" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type HeadingProps = VariantProps<typeof headingVariants> & React.HTMLAttributes<HTMLHeadingElement>;
 declare const Heading: ({ level, className, ...props }: HeadingProps) => React.JSX.Element;
 export { Heading, headingVariants };

package/dist/cjs/components/hint/hint.d.ts

@@ -2,14 +2,5 @@ import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const Hint: React.ForwardRefExoticComponent<VariantProps<(props?: ({
     variant?: "error" | "info" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Hint };

package/dist/cjs/components/icon-badge/icon-badge.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 import { badgeColorVariants } from "../badge";
 declare const iconBadgeVariants: (props?: ({
     size?: "base" | "large" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface IconBadgeProps extends Omit<React.ComponentPropsWithoutRef<"span">, "color">, VariantProps<typeof badgeColorVariants>, VariantProps<typeof iconBadgeVariants> {
     asChild?: boolean;
 }

package/dist/cjs/components/icon-button/icon-button.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 declare const iconButtonVariants: (props?: ({
     variant?: "primary" | "transparent" | null | undefined;
     size?: "base" | "large" | "xlarge" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface IconButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof iconButtonVariants> {
     asChild?: boolean;
     isLoading?: boolean;

package/dist/cjs/components/input/input.d.ts

@@ -3,14 +3,5 @@ import * as React from "react";
 declare const inputBaseStyles: string;
 declare const Input: React.ForwardRefExoticComponent<VariantProps<(props?: ({
     size?: "base" | "small" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 export { Input, inputBaseStyles };

package/dist/cjs/components/label/label.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 declare const labelVariants: (props?: ({
     size?: "base" | "large" | "small" | "xsmall" | null | undefined;
     weight?: "regular" | "plus" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface LabelProps extends React.ComponentPropsWithoutRef<"label">, VariantProps<typeof labelVariants> {
 }
 declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/cjs/components/switch/switch.d.ts

@@ -3,16 +3,7 @@ import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const switchVariants: (props?: ({
     size?: "base" | "small" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitives.Root>, "asChild">, VariantProps<typeof switchVariants> {
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/text/text.d.ts

@@ -5,16 +5,7 @@ declare const textVariants: (props?: ({
     weight?: "regular" | "plus" | null | undefined;
     family?: "sans" | "mono" | null | undefined;
     leading?: "normal" | "compact" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface TextProps extends React.ComponentPropsWithoutRef<"p">, VariantProps<typeof textVariants> {
     asChild?: boolean;
     as?: "p" | "span" | "div";

package/dist/esm/components/avatar/avatar.d.ts

@@ -4,16 +4,7 @@ import * as React from "react";
 declare const avatarVariants: (props?: ({
     variant?: "squared" | "rounded" | null | undefined;
     size?: "base" | "large" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface AvatarProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitives.Root>, "asChild" | "children" | "size">, VariantProps<typeof avatarVariants> {
     src?: string;
     fallback: string;

package/dist/esm/components/badge/badge.d.ts

@@ -2,29 +2,11 @@ import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const badgeColorVariants: (props?: ({
     color?: "green" | "red" | "blue" | "orange" | "grey" | "purple" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 declare const badgeSizeVariants: (props?: ({
     size?: "base" | "large" | "small" | null | undefined;
     rounded?: "base" | "full" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof badgeSizeVariants>, VariantProps<typeof badgeColorVariants> {
     asChild?: boolean;
 }

package/dist/esm/components/button/button.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "transparent" | "danger" | null | undefined;
     size?: "base" | "large" | "xlarge" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface ButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof buttonVariants> {
     isLoading?: boolean;
     asChild?: boolean;

package/dist/esm/components/currency-input/currency-input.d.ts

@@ -3,16 +3,7 @@ import Primitive from "react-currency-input-field";
 import { VariantProps } from "class-variance-authority";
 declare const currencyInputVariants: (props?: ({
     size?: "base" | "small" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface CurrencyInputProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitive>, "prefix" | "suffix" | "size">, VariantProps<typeof currencyInputVariants> {
     symbol: string;
     code: string;

package/dist/esm/components/heading/heading.d.ts

@@ -2,16 +2,7 @@ import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const headingVariants: (props?: ({
     level?: "h2" | "h3" | "h1" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type HeadingProps = VariantProps<typeof headingVariants> & React.HTMLAttributes<HTMLHeadingElement>;
 declare const Heading: ({ level, className, ...props }: HeadingProps) => React.JSX.Element;
 export { Heading, headingVariants };

package/dist/esm/components/hint/hint.d.ts

@@ -2,14 +2,5 @@ import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const Hint: React.ForwardRefExoticComponent<VariantProps<(props?: ({
     variant?: "error" | "info" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Hint };

package/dist/esm/components/icon-badge/icon-badge.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 import { badgeColorVariants } from "../badge";
 declare const iconBadgeVariants: (props?: ({
     size?: "base" | "large" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface IconBadgeProps extends Omit<React.ComponentPropsWithoutRef<"span">, "color">, VariantProps<typeof badgeColorVariants>, VariantProps<typeof iconBadgeVariants> {
     asChild?: boolean;
 }

package/dist/esm/components/icon-button/icon-button.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 declare const iconButtonVariants: (props?: ({
     variant?: "primary" | "transparent" | null | undefined;
     size?: "base" | "large" | "xlarge" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface IconButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof iconButtonVariants> {
     asChild?: boolean;
     isLoading?: boolean;

package/dist/esm/components/input/input.d.ts

@@ -3,14 +3,5 @@ import * as React from "react";
 declare const inputBaseStyles: string;
 declare const Input: React.ForwardRefExoticComponent<VariantProps<(props?: ({
     size?: "base" | "small" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
 export { Input, inputBaseStyles };

package/dist/esm/components/label/label.d.ts

@@ -3,16 +3,7 @@ import * as React from "react";
 declare const labelVariants: (props?: ({
     size?: "base" | "large" | "small" | "xsmall" | null | undefined;
     weight?: "regular" | "plus" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface LabelProps extends React.ComponentPropsWithoutRef<"label">, VariantProps<typeof labelVariants> {
 }
 declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;

package/dist/esm/components/switch/switch.d.ts

@@ -3,16 +3,7 @@ import { VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const switchVariants: (props?: ({
     size?: "base" | "small" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof Primitives.Root>, "asChild">, VariantProps<typeof switchVariants> {
 }
 declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/esm/components/text/text.d.ts

@@ -5,16 +5,7 @@ declare const textVariants: (props?: ({
     weight?: "regular" | "plus" | null | undefined;
     family?: "sans" | "mono" | null | undefined;
     leading?: "normal" | "compact" | null | undefined;
-} & ({
-    class: import("clsx").ClassValue;
-    className?: undefined;
-} | {
-    class?: undefined;
-    className: import("clsx").ClassValue;
-} | {
-    class?: undefined;
-    className?: undefined;
-})) | undefined) => string;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 interface TextProps extends React.ComponentPropsWithoutRef<"p">, VariantProps<typeof textVariants> {
     asChild?: boolean;
     as?: "p" | "span" | "div";

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@medusajs/ui",
-  "version": "2.2.0",
+  "version": "2.2.1-next-20231110080228",
   "author": "Kasper Kristensen <kasper@medusajs.com>",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/medusajs/ui.git",
-    "directory": "packages/ui"
+    "url": "https://github.com/medusajs/medusa.git",
+    "directory": "packages/design-system/ui"
   },
   "main": "./dist/cjs/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -42,8 +42,6 @@
     "typecheck": "tsc --noEmit"
   },
   "devDependencies": {
-    "@medusajs/eslint-config-ui": "*",
-    "@medusajs/tsconfig-ui": "*",
     "@medusajs/ui-preset": "^1.0.2",
     "@storybook/addon-essentials": "^7.0.23",
     "@storybook/addon-interactions": "^7.0.23",
@@ -69,8 +67,8 @@
     "jsdom": "^22.1.0",
     "postcss": "^8.4.24",
     "prop-types": "^15.8.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "resize-observer-polyfill": "^1.5.1",
     "rimraf": "^5.0.1",
     "storybook": "^7.0.23",
@@ -82,7 +80,7 @@
     "vitest": "^0.32.2"
   },
   "dependencies": {
-    "@medusajs/icons": "*",
+    "@medusajs/icons": "^1.1.0",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.4",
     "@radix-ui/react-avatar": "^1.0.3",
@@ -115,11 +113,6 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
-  "eslintConfig": {
-    "extends": [
-      "plugin:storybook/recommended"
-    ]
-  },
   "browserslist": [
     "last 3 chrome versions",
     "last 3 firefox versions",