@jonapin006/tiger 1.0.37 → 1.0.39

package/dist/index.d.ts

@@ -15,6 +15,7 @@ declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonE
     size?: Exclude<ComponentSize, ComponentSize.Xsmall>;
     iconLeft?: default_2.ElementType;
     iconRight?: default_2.ElementType;
+    fullWidth?: boolean;
 }
 
 declare interface CardProps extends SizedComponentProps {
@@ -118,6 +119,7 @@ export declare interface ThemeGeometryConfig {
         layout: {
             container: string;
             icon: string;
+            fullWidth: string;
         };
     });
     iconButtons: Record<Exclude<ComponentSize, ComponentSize.Xsmall>, {

package/dist/tiger.es.js

@@ -57,10 +57,11 @@ var v = /* @__PURE__ */ function(e) {
 				xlarge: y.Large
 			},
 			baseTypography: "text-inherit leading-none font-black uppercase tracking-widest whitespace-nowrap",
-			baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
+			baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0",
 			layout: {
 				container: "inline-flex items-center justify-center gap-2",
-				icon: "w-[1.2em] h-[1.2em] shrink-0"
+				icon: "w-[1.2em] h-[1.2em] shrink-0",
+				fullWidth: "w-full"
 			}
 		},
 		iconButtons: {
@@ -907,10 +908,11 @@ var v = /* @__PURE__ */ function(e) {
 				xlarge: y.Large
 			},
 			baseTypography: "text-inherit leading-none font-black uppercase tracking-widest whitespace-nowrap",
-			baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
+			baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0",
 			layout: {
 				container: "inline-flex items-center justify-center gap-2",
-				icon: "w-[1.2em] h-[1.2em] shrink-0"
+				icon: "w-[1.2em] h-[1.2em] shrink-0",
+				fullWidth: "w-full"
 			}
 		},
 		iconButtons: {
@@ -1757,10 +1759,11 @@ var v = /* @__PURE__ */ function(e) {
 				xlarge: y.Large
 			},
 			baseTypography: "text-inherit leading-none font-bold tracking-tight whitespace-nowrap",
-			baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0 w-fit",
+			baseStyles: "transition-all duration-300 transform-gpu active:scale-95 disabled:opacity-50 inline-flex items-center justify-center shrink-0",
 			layout: {
 				container: "inline-flex items-center justify-center gap-2",
-				icon: "w-[1.2em] h-[1.2em] shrink-0"
+				icon: "w-[1.2em] h-[1.2em] shrink-0",
+				fullWidth: "w-full"
 			}
 		},
 		iconButtons: {
@@ -2651,19 +2654,19 @@ var I = ({ children: e, size: t = y.Medium, variant: n = "p", bold: r = !1, ital
 			children: e
 		})
 	});
-}, ne = ({ variant: e = T.Primary, size: t = y.Medium, iconLeft: n, iconRight: r, className: i, children: a, ...o }) => {
-	let { theme: s, themeConfig: u } = P(), d = u.buttons[e], f = t, p = s.geometry.buttons[f], m = s.geometry.buttons.typographyMappings[f];
+}, ne = ({ variant: e = T.Primary, size: t = y.Medium, iconLeft: n, iconRight: r, fullWidth: i = !1, className: a, children: o, ...s }) => {
+	let { theme: u, themeConfig: d } = P(), f = d.buttons[e], p = t, m = u.geometry.buttons[p], h = u.geometry.buttons.typographyMappings[p];
 	return /* @__PURE__ */ l("button", {
-		className: F(s.geometry.buttons.baseStyles, d, p.size, s.geometry.buttons.layout.container, i),
-		...o,
+		className: F(u.geometry.buttons.baseStyles, f, m.size, u.geometry.buttons.layout.container, i && u.geometry.buttons.layout.fullWidth, a),
+		...s,
 		children: [
-			n && /* @__PURE__ */ c(n, { className: s.geometry.buttons.layout.icon }),
+			n && /* @__PURE__ */ c(n, { className: u.geometry.buttons.layout.icon }),
 			/* @__PURE__ */ c(I, {
-				size: m,
-				className: s.geometry.buttons.baseTypography,
-				children: a
+				size: h,
+				className: u.geometry.buttons.baseTypography,
+				children: o
 			}),
-			r && /* @__PURE__ */ c(r, { className: s.geometry.buttons.layout.icon })
+			r && /* @__PURE__ */ c(r, { className: u.geometry.buttons.layout.icon })
 		]
 	});
 }, L = ({ checked: e = !1, onChange: t, size: n = y.Medium, className: r, disabled: i = !1 }) => {