@purr-react-styled-components/components.button 0.0.6 → 0.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purr-react-styled-components/components.button",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -25,8 +25,8 @@
     "react": "*",
     "clsx": "*",
     "styled-components": "*",
-    "@purr-core/utils.definitions": "0.0.9",
-    "@purr-react-styled-components/components.loading-ripple": "0.0.6"
+    "@purr-core/utils.definitions": "0.0.11",
+    "@purr-react-styled-components/components.loading-ripple": "0.0.8"
   },
   "author": "@DinhThienPhuc",
   "license": "ISC",
@@ -35,6 +35,8 @@
   "scripts": {
     "dev": "vite build --watch",
     "build": "tsc && vite build",
+    "build:vite": "tsc && vite build",
+    "build:tsup": "tsup",
     "lint": "eslint . --ext ts,tsx --max-warnings 0"
   }
 }

package/dist/_components.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { IButtonProps } from './_types';
-
-export declare const Button: ({ loading, loadingComponent, className, htmlAttributes, children, onClick, }: IButtonProps) => React.JSX.Element;

package/dist/_style.d.ts

@@ -1,3 +0,0 @@
-export declare const Styled: {
-    Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-};

package/dist/_types.d.ts

@@ -1,15 +0,0 @@
-import { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
-import { IExtendable } from '@purr-core/utils.definitions';
-
-export type TButtonSize = "small" | "medium" | "large";
-export type TButtonVariant = "outlined" | "contained" | "text";
-export interface IButtonProps {
-    size?: TButtonSize;
-    variant?: TButtonVariant;
-    onClick?: MouseEventHandler<HTMLButtonElement>;
-    loading?: boolean;
-    loadingComponent?: ReactNode;
-    className?: string;
-    children?: ReactNode;
-    htmlAttributes?: ButtonHTMLAttributes<HTMLButtonElement> & IExtendable;
-}

package/dist/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("clsx"),a=require("react"),l=require("@purr-react-styled-components/components.loading-ripple"),d=require("styled-components"),p={Container:d.button.withConfig({displayName:"_style__Container",componentId:"sc-1ssweka-0"})(["display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background-color:transparent;box-shadow:none;outline:none;overflow:hidden;border-radius:6px;min-width:64px;min-height:32px;padding:0px 15px;cursor:pointer;border:1px solid #d9d9d9;background-color:#ffffff;&:hover,&:focus{outline:0;text-decoration:none;background-color:#0000000a;}"])},f=({loading:e=!1,loadingComponent:t,className:r,htmlAttributes:s,children:n,onClick:i})=>{const c=a.useMemo(()=>e?t??o.jsx(l.LoadingRipple,{size:16,fullScreen:!1}):n,[n,e,t]);return o.jsx(p.Container,{...s,onClick:i,className:u("button",e&&"button--loading",r),children:c})};exports.Button=f;

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export * from './_components';
-export * from './_types';

package/dist/index.js

@@ -1,24 +0,0 @@
-import { jsx as n } from "react/jsx-runtime";
-import d from "clsx";
-import { useMemo as l } from "react";
-import { LoadingRipple as c } from "@purr-react-styled-components/components.loading-ripple";
-import f from "styled-components";
-const p = {
-  Container: f.button.withConfig({
-    displayName: "_style__Container",
-    componentId: "sc-1ssweka-0"
-  })(["display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;background-color:transparent;box-shadow:none;outline:none;overflow:hidden;border-radius:6px;min-width:64px;min-height:32px;padding:0px 15px;cursor:pointer;border:1px solid #d9d9d9;background-color:#ffffff;&:hover,&:focus{outline:0;text-decoration:none;background-color:#0000000a;}"])
-}, g = ({
-  loading: o = !1,
-  loadingComponent: t,
-  className: r,
-  htmlAttributes: i,
-  children: e,
-  onClick: s
-}) => {
-  const a = l(() => o ? t ?? /* @__PURE__ */ n(c, { size: 16, fullScreen: !1 }) : e, [e, o, t]);
-  return /* @__PURE__ */ n(p.Container, { ...i, onClick: s, className: d("button", o && "button--loading", r), children: a });
-};
-export {
-  g as Button
-};