@ambuj.bhaskar/react-component-library 0.24.10-alpha → 0.24.11-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;
     }[];

package/dist/index.js

@@ -161,6 +161,11 @@ const AS = {
       error: "#FF254015",
       info: "#0076B215"
     }
+  },
+  compactEventCard: {
+    focusedBorderColor: "#ffcc00",
+    focusedBorderThickness: "2px",
+    borderColor: "#EAEBEE"
   }
 }, Sj = {
   text: {
@@ -24937,7 +24942,11 @@ const CPe = ({
   _2,
   {
     variant: "primary",
-    content: a.label,
+    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),
     width: o,
     className: `button_group_button ${s == 0 ? "first" : ""} ${s == e.length - 1 ? "last" : ""} ${a.value == t ? "active" : ""}`,
@@ -33222,7 +33231,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 +33261,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 +33285,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 +33322,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 +33346,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" }),