ekm-ui 0.0.4 → 0.0.6

package/src/Button.tsx

@@ -1,131 +0,0 @@
-import * as React from "react";
-import { VariantPropsOf, variantProps } from "./variants";
-
-const buttonProps = variantProps({
-  base: "rounded-full font-semibold focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2",
-  variants: {
-    color: {
-      default: "focus-visible:outline-indigo-600",
-      primary: "focus-visible:outline-green-600",
-      warning: "focus-visible:outline-orange-600",
-      danger: "focus-visible:outline-red-600",
-    },
-    size: {
-      xs: "px-2.5 py-1 text-xs",
-      sm: "px-2.5 py-1 text-sm",
-      md: "px-3 py-1.5 text-sm",
-      lg: "px-3.5 py-2 text-sm",
-      xl: "px-4 py-2.5 text-sm",
-    },
-    disabled: {
-      true: "cursor-not-allowed opacity-50",
-    },
-    type: {
-      outline: "ring-1 ring-inset bg-white shadow-sm",
-      solid: "text-white shadow-sm",
-      link: "hover:underline bg-white",
-    },
-  },
-  compoundVariants: [
-    {
-      variants: {
-        color: "default",
-        type: "solid",
-      },
-      className: "bg-indigo-600 hover:bg-indigo-500",
-    },
-    {
-      variants: {
-        color: "primary",
-        type: "solid",
-      },
-      className: "bg-green-600 hover:bg-green-500",
-    },
-    {
-      variants: {
-        color: "warning",
-        type: "solid",
-      },
-      className: "bg-orange-600 hover:bg-orange-500",
-    },
-    {
-      variants: {
-        color: "danger",
-        type: "solid",
-      },
-      className: "bg-red-600 hover:bg-red-500",
-    },
-    {
-      variants: {
-        color: "default",
-        type: "outline",
-      },
-      className: "text-indigo-600 ring-indigo-600 hover:bg-indigo-50",
-    },
-    {
-      variants: {
-        color: "primary",
-        type: "outline",
-      },
-      className: "ring-green-600 hover:bg-green-50",
-    },
-    {
-      variants: {
-        color: "warning",
-        type: "outline",
-      },
-      className: "ring-orange-600 hover:bg-orange-50",
-    },
-    {
-      variants: {
-        color: "danger",
-        type: "outline",
-      },
-      className: "ring-red-600 hover:bg-red-50",
-    },
-    {
-      variants: {
-        color: "default",
-        type: "link",
-      },
-      className: "text-indigo-600",
-    },
-    {
-      variants: {
-        color: "primary",
-        type: "link",
-      },
-      className: "ring-green-600",
-    },
-    {
-      variants: {
-        color: "warning",
-        type: "link",
-      },
-      className: "ring-orange-600",
-    },
-    {
-      variants: {
-        color: "danger",
-        type: "link",
-      },
-      className: "ring-red-600",
-    },
-  ],
-  defaultVariants: {
-    color: "default",
-    size: "md",
-    disabled: false,
-    type: "solid",
-  },
-});
-
-type Props = JSX.IntrinsicElements["button"] &
-  VariantPropsOf<typeof buttonProps>;
-
-export function Button(props: Props) {
-  return <button {...buttonProps(props)} />;
-}
-
-// Set display name so that correct component name shows up in DevTools / Storybook.
-Button.displayName = "Button";