@pk-design/react-tailwind 1.0.3 → 1.0.5

package/README.md

@@ -1,11 +1,25 @@
-# React-tailwind
+# @pk-design/react-tailwind
 
-Reusable react components
+A modern, production-ready React + TailwindCSS component library.  
+Fully typed with TypeScript, built for scalability, and easy to integrate.
 
-### Reusable components build using Reactjs
+---
 
-`npm i --save @pk-design/react-tailwind`
+## 🚀 Live Documentation & Demo
 
-### Docs Link
+👉 **[View Full Documentation & Live Demo](https://prabhukathiresan.github.io/react-tailwind/)**
 
-<--- To be added --->
+---
+
+## 📦 Installation
+
+```bash
+# Using npm
+npm install @pk-design/react-tailwind
+
+# Or using pnpm
+pnpm add @pk-design/react-tailwind
+
+# Or using yarn
+yarn add @pk-design/react-tailwind
+```

package/dist/react-tailwind.cjs.js

@@ -174,13 +174,13 @@ const THEMED_BTN_CLASS = {
 const getBtnSizeClasses = (size, iconOnly = false) => {
     switch (size) {
         case 'xs':
-            return `text-xs h-6 ${iconOnly ? 'p-1 rounded-sm' : 'px-2 py-1 rounded-sm gap-1'}`;
+            return `text-xs ${iconOnly ? 'p-1 rounded-sm' : 'px-2 py-1 rounded-sm gap-1'}`;
         case 'sm':
-            return `text-sm h-8 ${iconOnly ? 'p-1.5 rounded' : ' px-3 py-1.5 rounded gap-1.5'}`;
+            return `text-sm ${iconOnly ? 'p-1.5 rounded' : ' px-3 py-1.5 rounded gap-1.5'}`;
         case 'md':
-            return `text-sm h-10 ${iconOnly ? 'p-2 rounded-md' : 'px-4 py-2 rounded-md gap-2'}`;
+            return `text-sm ${iconOnly ? 'p-2 rounded-md' : 'px-4 py-2 rounded-md gap-2'}`;
         case 'lg':
-            return `text-base h-12 ${iconOnly ? 'p-2.5 rounded-lg' : 'px-5 py-2.5 rounded-lg gap-2'}`;
+            return `text-base ${iconOnly ? 'p-2.5 rounded-lg' : 'px-5 py-2.5 rounded-lg gap-2'}`;
     }
 };
 const Button = React.forwardRef((props, ref) => {