@ambuj.bhaskar/react-component-library 0.24.10-alpha → 0.24.12-alpha

package/dist/index.d.ts

@@ -662,8 +662,11 @@ export declare const ButtonGroup: React.FC<ButtonGroupProps>;
 
 export declare type ButtonGroupProps = {
     items: {
-        label: string;
+        label?: string;
         value: string | number;
+        icon?: IconName;
+        iconPosition?: ButtonProps["iconPosition"];
+        contentColor?: Color;
         disabled?: boolean;
         loading?: boolean;
     }[];
@@ -672,6 +675,7 @@ export declare type ButtonGroupProps = {
     color?: Color;
     gap?: CSSstring;
     width?: CSSstring;
+    size?: ButtonProps["size"];
 };
 
 export declare type ButtonProps = HTMLButtonProps & {

package/dist/index.js

@@ -161,6 +161,11 @@ const AS = {
       error: "#FF254015",
       info: "#0076B215"
     }
+  },
+  compactEventCard: {
+    focusedBorderColor: "#ffcc00",
+    focusedBorderThickness: "2px",
+    borderColor: "#EAEBEE"
   }
 }, Sj = {
   text: {
@@ -24932,19 +24937,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.label,
-    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
@@ -33222,7 +33234,7 @@ const vPe = ({
             }
           }
         ),
-        /* @__PURE__ */ z.jsx(mr, { name: z4[e] }),
+        /* @__PURE__ */ z.jsx(mr, { name: z4[e], color: t == null ? void 0 : t.color }),
         /* @__PURE__ */ z.jsx("p", { className: "font_secondary", title: r, children: r })
       ] });
     case "date": {
@@ -33252,14 +33264,13 @@ const vPe = ({
   imageFit: c = "cover",
   imageWidth: u = "50%",
   isFocused: d = !1,
-  focusedBorderColor: h = "#ffcc00",
-  focusedBorderThickness: C = "2px",
-  surfaceColor: m = "#fff",
-  surfaceBorderColor: A = "#eaebee",
-  surfaceSecondaryColor: v = "#f3f5f7",
-  textPrimaryColor: p = "#292929",
-  textSecondaryColor: _ = "#474747",
-  fontSize: w = "14px"
+  focusedBorderColor: h,
+  focusedBorderThickness: C,
+  surfaceColor: m,
+  surfaceBorderColor: A,
+  surfaceSecondaryColor: v,
+  textPrimaryColor: p,
+  fontSize: _
 }) => {
   switch (a == null && (s = "0%"), e) {
     case "new":
@@ -33277,8 +33288,7 @@ const vPe = ({
             "--c_surface_secondary": v,
             "--c_data_color": t == null ? void 0 : t.color,
             "--c_text_primary": p,
-            "--c_text_secondary": _,
-            "--font_s": w
+            "--font_s": _
           },
           children: [
             a != null ? Bw(a, t, {
@@ -33315,7 +33325,9 @@ const vPe = ({
                   maxHeight: `calc(100% - ${s})`
                 },
                 children: i.map(
-                  (x) => Bw(x, t)
+                  (w) => Bw(w, t, {
+                    height: `calc(100%/${i == null ? void 0 : i.length})`
+                  })
                 )
               }
             )
@@ -33337,8 +33349,7 @@ const vPe = ({
             "--c_surface_secondary": v,
             "--c_data_color": t == null ? void 0 : t.color,
             "--c_text_primary": p,
-            "--c_text_secondary": _,
-            "--font_s": w
+            "--font_s": _
           },
           children: [
             /* @__PURE__ */ z.jsx("img", { src: t == null ? void 0 : t.frameUrl, alt: "Alert" }),