@rubenpazch/icon-button 1.0.0 → 2.0.1

package/dist/IconButton.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 export type IconButtonVariant = "default" | "secondary" | "black" | "gradient-green" | "solid-green" | "blue" | "pink" | "warning";
 export type IconButtonSize = "small" | "medium";
+export type IconButtonShape = "rounded" | "square";
 export type IconButtonFocusStyle = "filled" | "outline" | "underline";
 export type IconButtonFocusTrigger = "self" | "sibling" | "parent" | "grandparent";
 export type IconPosition = "start" | "end";
@@ -10,6 +11,7 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
     icon: React.ReactNode;
     variant?: IconButtonVariant;
     size?: IconButtonSize;
+    shape?: IconButtonShape;
     filled?: boolean;
     quiet?: boolean;
     inverted?: boolean;

package/dist/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,OAAO,GACP,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,MAAM,GACN,SAAS,CAAC;AACd,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AACtE,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,aAAa,CAAC;AAClB,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,2FA6Pf,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../src/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,WAAW,GACX,OAAO,GACP,gBAAgB,GAChB,aAAa,GACb,MAAM,GACN,MAAM,GACN,SAAS,CAAC;AACd,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,CAAC;AAChD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC;AACnD,MAAM,MAAM,oBAAoB,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAC;AACtE,MAAM,MAAM,sBAAsB,GAC9B,MAAM,GACN,SAAS,GACT,QAAQ,GACR,aAAa,CAAC;AAClB,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,CAAC;AAC3C,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAElE,UAAU,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,oBAAoB,CAAC;IACtC,gBAAgB,CAAC,EAAE,sBAAsB,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,2FAiQf,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/dist/index.cjs.js

@@ -424,13 +424,15 @@ function requireJsxRuntime () {
 
 var jsxRuntimeExports = requireJsxRuntime();
 
-const IconButton = require$$0.forwardRef(({ icon, variant = "default", size = "medium", filled = false, quiet = false, inverted = false, linkStyle = false, focusStyleType = "filled", focusTriggerType = "self", iconPosition = "start", label, labelPosition = "end", tooltip, tooltipPosition = "top", className, disabled, children, type = "button", ...props }, ref) => {
+const IconButton = require$$0.forwardRef(({ icon, variant = "default", size = "medium", shape = "rounded", filled = false, quiet = false, inverted = false, linkStyle = false, focusStyleType = "filled", focusTriggerType = "self", iconPosition = "start", label, labelPosition = "end", tooltip, tooltipPosition = "top", className, disabled, children, type = "button", ...props }, ref) => {
     const [showTooltip, setShowTooltip] = require$$0.useState(false);
     // Size classes for icon-only buttons
     const sizeClasses = {
         small: "p-2 w-8 h-8",
         medium: "p-2.5 w-10 h-10",
     };
+    // Shape classes for icon-only buttons
+    const shapeClasses = shape === "square" ? "rounded-lg" : "rounded-full";
     // Icon size based on button size
     const iconSizeClasses = {
         small: "w-4 h-4",
@@ -521,7 +523,7 @@ const IconButton = require$$0.forwardRef(({ icon, variant = "default", size = "m
     const allClasses = `
       ${sizeClasses[size]}
       ${colorClasses}
-      rounded-full
+      ${shapeClasses}
       ${disabledClasses}
       ${focusClasses}
       ${linkStyleClasses}

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 
 type IconButtonVariant = "default" | "secondary" | "black" | "gradient-green" | "solid-green" | "blue" | "pink" | "warning";
 type IconButtonSize = "small" | "medium";
+type IconButtonShape = "rounded" | "square";
 type IconButtonFocusStyle = "filled" | "outline" | "underline";
 type IconButtonFocusTrigger = "self" | "sibling" | "parent" | "grandparent";
 type IconPosition = "start" | "end";
@@ -11,6 +12,7 @@ interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
     icon: React.ReactNode;
     variant?: IconButtonVariant;
     size?: IconButtonSize;
+    shape?: IconButtonShape;
     filled?: boolean;
     quiet?: boolean;
     inverted?: boolean;

package/dist/index.esm.js

@@ -422,13 +422,15 @@ function requireJsxRuntime () {
 
 var jsxRuntimeExports = requireJsxRuntime();
 
-const IconButton = require$$0.forwardRef(({ icon, variant = "default", size = "medium", filled = false, quiet = false, inverted = false, linkStyle = false, focusStyleType = "filled", focusTriggerType = "self", iconPosition = "start", label, labelPosition = "end", tooltip, tooltipPosition = "top", className, disabled, children, type = "button", ...props }, ref) => {
+const IconButton = require$$0.forwardRef(({ icon, variant = "default", size = "medium", shape = "rounded", filled = false, quiet = false, inverted = false, linkStyle = false, focusStyleType = "filled", focusTriggerType = "self", iconPosition = "start", label, labelPosition = "end", tooltip, tooltipPosition = "top", className, disabled, children, type = "button", ...props }, ref) => {
     const [showTooltip, setShowTooltip] = useState(false);
     // Size classes for icon-only buttons
     const sizeClasses = {
         small: "p-2 w-8 h-8",
         medium: "p-2.5 w-10 h-10",
     };
+    // Shape classes for icon-only buttons
+    const shapeClasses = shape === "square" ? "rounded-lg" : "rounded-full";
     // Icon size based on button size
     const iconSizeClasses = {
         small: "w-4 h-4",
@@ -519,7 +521,7 @@ const IconButton = require$$0.forwardRef(({ icon, variant = "default", size = "m
     const allClasses = `
       ${sizeClasses[size]}
       ${colorClasses}
-      rounded-full
+      ${shapeClasses}
       ${disabledClasses}
       ${focusClasses}
       ${linkStyleClasses}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubenpazch/icon-button",
-  "version": "1.0.0",
+  "version": "2.0.1",
   "description": "IconButton component",
   "private": false,
   "main": "dist/index.cjs.js",
@@ -29,7 +29,7 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
-    "@rubenpazch/typescript-config": "2.0.0"
+    "@rubenpazch/typescript-config": "3.0.0"
   },
   "publishConfig": {
     "access": "public"