@xipkg/button 3.0.9 → 3.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xipkg/button",
-  "version": "3.0.9",
+  "version": "3.1.2",
   "main": "./dist/index.mjs",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.mts",
@@ -10,6 +10,9 @@
       "default": "./dist/index.mjs"
     }
   },
+  "files": [
+    "dist"
+  ],
   "license": "MIT",
   "scripts": {
     "build": "tsup index.ts --format esm --dts",

package/Button.tsx

@@ -1,77 +0,0 @@
-import { Slot } from '@radix-ui/react-slot';
-import { cva, type VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-
-import { cn } from '@xipkg/utils';
-
-const spinner =
-  'before:content-[""] before:animate-spin before:rounded-full before:border-gray-60 before:border-2 before:border-t-transparent disabled:opacity-100';
-
-export const buttonVariants = cva(
-  'inline-flex border-box justify-center items-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-  {
-    variants: {
-      variant: {
-        default:
-          'text-gray-0 dark:text-gray-100 bg-brand-80 hover:bg-brand-100 active:bg-brand-100 focus:bg-brand-100',
-        secondary:
-          'bg-gray-0 text-gray-100 border-gray-30 border-2 hover:bg-gray-5 active:bg-gray-5 focus:bg-gray-5',
-        ghost: 'text-gray-100 bg-gray-0 border-0 hover:bg-gray-5 active:bg-gray-5 focus:bg-gray-5',
-        error: 'bg-red-80 text-gray-0 hover:bg-red-100 active:bg-red-100 focus:bg-red-100',
-        success:
-          'bg-green-80 text-gray-0 hover:bg-green-100 active:bg-green-100 focus:bg-green-100',
-        'secondary-error':
-          'bg-red-0 text-red-100 border-2 border-red-100 disabled:text-red-20 disabled:border-red-20 hover:bg-red-20 active:bg-red-20 focus:bg-red-20',
-        'default-spinner': `bg-gray-10 ${spinner}`,
-        'secondary-spinner': `bg-gray-0 border-gray-30 border-2 ${spinner}`,
-        'ghost-spinner': `bg-gray-0 border-0 ${spinner}`,
-      },
-      size: {
-        l: 'h-14 rounded-xl px-8 text-[20px] pb-[3px]',
-        m: 'h-12 rounded-lg px-4 text-[16px] pb-[2px]',
-        s: 'h-8 rounded-md px-3 text-[14px] pb-[2px]',
-      },
-    },
-    compoundVariants: [
-      {
-        variant: ['default-spinner', 'secondary-spinner', 'ghost-spinner'],
-        size: 'l',
-        class: 'before:w-8 before:h-8 p-0',
-      },
-      {
-        variant: ['default-spinner', 'secondary-spinner', 'ghost-spinner'],
-        size: 'm',
-        class: 'before:w-6 before:h-6 p-0',
-      },
-      {
-        variant: ['default-spinner', 'secondary-spinner', 'ghost-spinner'],
-        size: 's',
-        class: 'before:w-4 before:h-4 p-0',
-      },
-    ],
-    defaultVariants: {
-      variant: 'default',
-      size: 'm',
-    },
-  },
-);
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean;
-}
-
-export const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : 'button';
-
-    return (
-      <Comp className={cn(buttonVariants({ variant, size, className }))} ref={ref} {...props}>
-        {children}
-      </Comp>
-    );
-  },
-);
-
-Button.displayName = 'Button';

package/index.ts

@@ -1,2 +0,0 @@
-export { Button, buttonVariants } from './Button';
-export type { ButtonProps } from './Button';

package/tsconfig.json

@@ -1,6 +0,0 @@
-{
-  "extends": "@xipkg/typescript/react-library.json",
-  "include": ["*"],
-  "exclude": ["dist", "build", "node_modules"]
-}
-