@praveenkr/my-ui-library 1.0.2 → 1.0.3

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

@@ -1,5 +1,7 @@
-import { ButtonHTMLAttributes } from 'react';
+import { default as React, ButtonHTMLAttributes } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'solid' | 'outline';
+    colorScheme?: 'primary' | 'secondary';
     label?: string;
 }
-export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/index.es.js

@@ -1,15 +1,11 @@
 import { forwardRef as e } from "react";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/button/button.tsx
-var n = e(({ label: e, children: n, ...r }, i) => /* @__PURE__ */ t("button", {
-	ref: i,
-	...r,
-	style: {
-		padding: "10px 20px",
-		cursor: "pointer",
-		...r.style
-	},
-	children: e || n
+var n = e(({ variant: e = "solid", colorScheme: n = "primary", label: r, children: i, className: a = "", ...o }, s) => /* @__PURE__ */ t("button", {
+	ref: s,
+	className: `pk-btn ${`pk-btn--${e}`} ${`pk-btn--${n}`} ${a}`.trim(),
+	...o,
+	children: r || i
 }));
 n.displayName = "Button";
 //#endregion

package/dist/index.umd.js

@@ -1 +1 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.MyUILibrary={},e.React,e.jsxRuntime))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=(0,t.forwardRef)(({label:e,children:t,...r},i)=>(0,n.jsx)(`button`,{ref:i,...r,style:{padding:`10px 20px`,cursor:`pointer`,...r.style},children:e||t}));r.displayName=`Button`,e.Button=r});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`react`),require(`react/jsx-runtime`)):typeof define==`function`&&define.amd?define([`exports`,`react`,`react/jsx-runtime`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.MyUILibrary={},e.React,e.jsxRuntime))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=Object.create,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyNames,s=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,l=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var s=o(t),l=0,u=s.length,d;l<u;l++)d=s[l],!c.call(e,d)&&d!==n&&i(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=a(t,d))||r.enumerable});return e};t=((e,t,n)=>(n=e==null?{}:r(s(e)),l(t||!e||!e.__esModule?i(n,`default`,{value:e,enumerable:!0}):n,e)))(t,1);var u=(0,t.forwardRef)(({variant:e=`solid`,colorScheme:t=`primary`,label:r,children:i,className:a=``,...o},s)=>(0,n.jsx)(`button`,{ref:s,className:`pk-btn ${`pk-btn--${e}`} ${`pk-btn--${t}`} ${a}`.trim(),...o,children:r||i}));u.displayName=`Button`,e.Button=u});

package/dist/my-ui-library.css

@@ -0,0 +1,2 @@
+.pk-btn{cursor:pointer;border:2px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:10px 20px;font-family:inherit;font-weight:600;transition:all .2s;display:inline-flex}.pk-btn:disabled{opacity:.5;cursor:not-allowed}.pk-btn--solid.pk-btn--primary{color:#fff;background-color:#007bff}.pk-btn--solid.pk-btn--secondary{color:#fff;background-color:#6c757d}.pk-btn--outline.pk-btn--primary{color:#007bff;background-color:#0000;border-color:#007bff}.pk-btn--outline.pk-btn--secondary{color:#6c757d;background-color:#0000;border-color:#6c757d}.pk-btn--solid:hover:not(:disabled){filter:brightness(90%)}.pk-btn--outline.pk-btn--primary:hover:not(:disabled){color:#fff;background-color:#007bff}.pk-btn--outline.pk-btn--secondary:hover:not(:disabled){color:#fff;background-color:#6c757d}
+/*$vite$:1*/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praveenkr/my-ui-library",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",