@ambuj.bhaskar/react-component-library 0.24.11-alpha → 0.24.13-alpha

package/dist/index.d.ts

@@ -675,6 +675,7 @@ export declare type ButtonGroupProps = {
     color?: Color;
     gap?: CSSstring;
     width?: CSSstring;
+    size?: ButtonProps["size"];
 };
 
 export declare type ButtonProps = HTMLButtonProps & {
@@ -683,6 +684,7 @@ export declare type ButtonProps = HTMLButtonProps & {
     borderColor?: Color;
     textColor?: Color;
     iconColor?: Color;
+    iconBackgroundColor?: Color;
     width?: CSSstring;
     size?: Size;
     textSize?: TextSize;

package/dist/index.js

@@ -11495,7 +11495,7 @@ const SG = /* @__PURE__ */ Ao(EG), gg = ({
   title: e,
   titleId: t,
   ...n
-}, r) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { fill: "#1F1F1F", d: "M15.529 15.164a.7.7 0 0 0 .442-1.328l-.442 1.328ZM12 13.25h-.7a.7.7 0 0 0 .479.664L12 13.25Zm.7-5.227a.7.7 0 1 0-1.4 0h1.4Zm3.05 6.477.221-.664-3.75-1.25-.221.664-.221.664 3.75 1.25.221-.664ZM12 13.25h.7V8.023h-1.4v5.227h.7ZM22 12h-.7a9.3 9.3 0 0 1-9.3 9.3v1.4c5.91 0 10.7-4.79 10.7-10.7H22ZM12 22v-.7A9.3 9.3 0 0 1 2.7 12H1.3c0 5.91 4.79 10.7 10.7 10.7V22ZM2 12h.7A9.3 9.3 0 0 1 12 2.7V1.3C6.09 1.3 1.3 6.09 1.3 12H2ZM12 2v.7a9.3 9.3 0 0 1 9.3 9.3h1.4c0-5.91-4.79-10.7-10.7-10.7V2Z" })), Aee = Me(pee), vee = ({
+}, r) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { fill: "currentColor", d: "M15.529 15.164a.7.7 0 0 0 .442-1.328l-.442 1.328ZM12 13.25h-.7a.7.7 0 0 0 .479.664L12 13.25Zm.7-5.227a.7.7 0 1 0-1.4 0h1.4Zm3.05 6.477.221-.664-3.75-1.25-.221.664-.221.664 3.75 1.25.221-.664ZM12 13.25h.7V8.023h-1.4v5.227h.7ZM22 12h-.7a9.3 9.3 0 0 1-9.3 9.3v1.4c5.91 0 10.7-4.79 10.7-10.7H22ZM12 22v-.7A9.3 9.3 0 0 1 2.7 12H1.3c0 5.91 4.79 10.7 10.7 10.7V22ZM2 12h.7A9.3 9.3 0 0 1 12 2.7V1.3C6.09 1.3 1.3 6.09 1.3 12H2ZM12 2v.7a9.3 9.3 0 0 1 9.3 9.3h1.4c0-5.91-4.79-10.7-10.7-10.7V2Z" })), Aee = Me(pee), vee = ({
   title: e,
   titleId: t,
   ...n
@@ -12417,41 +12417,50 @@ const SG = /* @__PURE__ */ Ao(EG), gg = ({
   borderColor: n,
   textColor: r,
   iconColor: o,
+  iconBackgroundColor: i,
   // Size
-  width: i,
-  size: a = "s",
-  textSize: s,
-  iconSize: c,
+  width: a,
+  size: s = "s",
+  textSize: c,
+  iconSize: u,
   // Layout
-  gap: u = "0.25rem",
-  placement: d = "center",
-  iconPosition: h = "before",
+  gap: d = "0.25rem",
+  placement: h = "center",
+  iconPosition: C = "before",
   // States
-  disabled: C = !1,
-  loading: m = !1,
+  disabled: m = !1,
+  loading: A = !1,
   // Content
-  content: A,
-  icon: v,
+  content: v,
+  icon: p,
   // Other
-  className: p,
-  ..._
-}) => (c = c ?? G0e[a], s = s ?? Y0e[a], o = o ?? r, i = i ?? "max-content", v && !A && (d = "center", u = "0"), (m || !A) && (d = "center"), /* @__PURE__ */ z.jsx(
+  className: _,
+  ...w
+}) => (u = u ?? G0e[s], c = c ?? Y0e[s], o = o ?? r, a = a ?? "max-content", p && !v && (h = "center", d = "0"), (A || !v) && (h = "center"), /* @__PURE__ */ z.jsx(
   "button",
   {
-    className: `button ${C ? "disabled" : ""} ${e} size_${a} ${h} ${A ? "" : "icon_button"} ${p || ""} text_${s} ${h} ${i === "max-content" ? "hugging" : ""} `,
+    className: `button ${m ? "disabled" : ""} ${e} size_${s} ${C} ${v ? "" : "icon_button"} ${_ || ""} text_${c} ${C} ${a === "max-content" ? "hugging" : ""} `,
     style: {
-      justifyContent: d,
-      width: i,
-      gap: u,
+      justifyContent: h,
+      width: a,
+      gap: d,
       "--c_button_bg": t,
       "--c_button_border": n,
       "--c_button_text": r
     },
-    disabled: C || m,
-    ..._,
-    children: m ? /* @__PURE__ */ z.jsx(Ag, { color: r, size: Q0e[a] }) : /* @__PURE__ */ z.jsxs(z.Fragment, { children: [
-      v ? /* @__PURE__ */ z.jsx(mr, { name: v, color: o, size: c }) : /* @__PURE__ */ z.jsx(z.Fragment, {}),
-      /* @__PURE__ */ z.jsx("p", { children: A })
+    disabled: m || A,
+    ...w,
+    children: A ? /* @__PURE__ */ z.jsx(Ag, { color: r, size: Q0e[s] }) : /* @__PURE__ */ z.jsxs(z.Fragment, { children: [
+      p ? /* @__PURE__ */ z.jsx(
+        mr,
+        {
+          name: p,
+          color: o,
+          size: u,
+          background: i || "none"
+        }
+      ) : /* @__PURE__ */ z.jsx(z.Fragment, {}),
+      /* @__PURE__ */ z.jsx("p", { children: v })
     ] })
   }
 )), Tb = Lj(
@@ -24937,23 +24946,26 @@ const CPe = ({
   },
   color: r,
   width: o,
-  gap: i
-}) => /* @__PURE__ */ z.jsx("div", { className: "button_group", style: { gap: i }, children: e == null ? void 0 : e.map((a, s) => /* @__PURE__ */ z.jsx(
+  size: i = "s",
+  gap: a
+}) => /* @__PURE__ */ z.jsx("div", { className: "button_group", style: { gap: a }, children: e == null ? void 0 : e.map((s, c) => /* @__PURE__ */ z.jsx(
   _2,
   {
     variant: "primary",
-    content: a == null ? void 0 : a.label,
-    icon: a == null ? void 0 : a.icon,
-    iconPosition: (a == null ? void 0 : a.iconPosition) ?? "before",
-    textColor: a == null ? void 0 : a.contentColor,
-    iconColor: a == null ? void 0 : a.contentColor,
-    onClick: () => n(a.value),
+    content: s == null ? void 0 : s.label,
+    icon: s == null ? void 0 : s.icon,
+    iconPosition: (s == null ? void 0 : s.iconPosition) ?? "before",
+    textColor: s == null ? void 0 : s.contentColor,
+    iconColor: s == null ? void 0 : s.contentColor,
+    onClick: () => n(s.value),
     width: o,
-    className: `button_group_button ${s == 0 ? "first" : ""} ${s == e.length - 1 ? "last" : ""} ${a.value == t ? "active" : ""}`,
+    className: `button_group_button ${c == 0 ? "first" : ""} ${c == e.length - 1 ? "last" : ""} ${s.value == t ? "active" : ""}`,
     backgroundColor: r,
-    borderColor: r
+    borderColor: r,
+    disabled: s.disabled,
+    size: i
   },
-  a.value
+  s.value
 )) });
 /*!
  * @kurkle/color v0.3.4