@ambuj.bhaskar/react-component-library 0.24.16-alpha → 0.24.18-alpha

package/dist/index.d.ts

@@ -837,6 +837,7 @@ export declare type DateRangePickerProps = {
     pickerBorderColor?: Color;
     disabledDate?: DateCompare;
     disableFutureDates?: boolean;
+    textColor?: Color;
 };
 
 declare type DateTimeFormat = string;
@@ -1210,6 +1211,7 @@ export declare type MultiselectProps = {
     menuActiveColor?: Color;
     menuHoverColor?: Color;
     borderColor?: Color;
+    textColor?: Color;
     disabled?: boolean;
     id?: string;
     suffixIcon?: ReactNode | boolean;
@@ -1314,6 +1316,7 @@ export declare type SelectProps = {
     id?: string;
     suffixIcon?: ReactNode | boolean;
     title?: string;
+    textColor?: Color;
 };
 
 declare function shiftPolygon(polygon: any): any;

package/dist/index.js

@@ -11893,7 +11893,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: "M2.755 19.63a.7.7 0 0 0 .99.99l-.99-.99Zm5.495-4.505.495-.495a.7.7 0 0 0-.99 0l.495.495Zm2.5 2.5-.495.495a.7.7 0 0 0 .99 0l-.495-.495ZM16.375 12l.495-.495a.7.7 0 0 0-.99 0l.495.495Zm4.505 5.495a.7.7 0 0 0 .99-.99l-.99.99Zm-17.63 2.63.495.495 5-5-.495-.495-.495-.495-5 5 .495.495Zm5-5-.495.495 2.5 2.5.495-.495.495-.495-2.5-2.5-.495.495Zm2.5 2.5.495.495 5.625-5.625-.495-.495-.495-.495-5.625 5.625.495.495ZM16.375 12l-.495.495 5 5 .495-.495.495-.495-5-5-.495.495ZM5.75 2v.7h12.5V1.3H5.75V2ZM22 5.75h-.7v12.5h1.4V5.75H22ZM18.25 22v-.7H5.75v1.4h12.5V22ZM2 18.25h.7V5.75H1.3v12.5H2ZM5.75 22v-.7a3.05 3.05 0 0 1-3.05-3.05H1.3a4.45 4.45 0 0 0 4.45 4.45V22ZM22 18.25h-.7a3.05 3.05 0 0 1-3.05 3.05v1.4a4.45 4.45 0 0 0 4.45-4.45H22ZM18.25 2v.7a3.05 3.05 0 0 1 3.05 3.05h1.4a4.45 4.45 0 0 0-4.45-4.45V2ZM5.75 2v-.7A4.45 4.45 0 0 0 1.3 5.75h1.4A3.05 3.05 0 0 1 5.75 2.7V2ZM9.5 7.625h-.7c0 .649-.526 1.175-1.175 1.175v1.4A2.575 2.575 0 0 0 10.2 7.625h-.7ZM7.625 9.5v-.7A1.175 1.175 0 0 1 6.45 7.625h-1.4A2.575 2.575 0 0 0 7.625 10.2v-.7ZM5.75 7.625h.7c0-.649.526-1.175 1.175-1.175v-1.4A2.575 2.575 0 0 0 5.05 7.625h.7ZM7.625 5.75v.7c.649 0 1.175.526 1.175 1.175h1.4A2.575 2.575 0 0 0 7.625 5.05v.7Z" })), X1e = Me(q1e), J1e = ({
+}, 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: "M2.755 19.63a.7.7 0 0 0 .99.99l-.99-.99Zm5.495-4.505.495-.495a.7.7 0 0 0-.99 0l.495.495Zm2.5 2.5-.495.495a.7.7 0 0 0 .99 0l-.495-.495ZM16.375 12l.495-.495a.7.7 0 0 0-.99 0l.495.495Zm4.505 5.495a.7.7 0 0 0 .99-.99l-.99.99Zm-17.63 2.63.495.495 5-5-.495-.495-.495-.495-5 5 .495.495Zm5-5-.495.495 2.5 2.5.495-.495.495-.495-2.5-2.5-.495.495Zm2.5 2.5.495.495 5.625-5.625-.495-.495-.495-.495-5.625 5.625.495.495ZM16.375 12l-.495.495 5 5 .495-.495.495-.495-5-5-.495.495ZM5.75 2v.7h12.5V1.3H5.75V2ZM22 5.75h-.7v12.5h1.4V5.75H22ZM18.25 22v-.7H5.75v1.4h12.5V22ZM2 18.25h.7V5.75H1.3v12.5H2ZM5.75 22v-.7a3.05 3.05 0 0 1-3.05-3.05H1.3a4.45 4.45 0 0 0 4.45 4.45V22ZM22 18.25h-.7a3.05 3.05 0 0 1-3.05 3.05v1.4a4.45 4.45 0 0 0 4.45-4.45H22ZM18.25 2v.7a3.05 3.05 0 0 1 3.05 3.05h1.4a4.45 4.45 0 0 0-4.45-4.45V2ZM5.75 2v-.7A4.45 4.45 0 0 0 1.3 5.75h1.4A3.05 3.05 0 0 1 5.75 2.7V2ZM9.5 7.625h-.7c0 .649-.526 1.175-1.175 1.175v1.4A2.575 2.575 0 0 0 10.2 7.625h-.7ZM7.625 9.5v-.7A1.175 1.175 0 0 1 6.45 7.625h-1.4A2.575 2.575 0 0 0 7.625 10.2v-.7ZM5.75 7.625h.7c0-.649.526-1.175 1.175-1.175v-1.4A2.575 2.575 0 0 0 5.05 7.625h.7ZM7.625 5.75v.7c.649 0 1.175.526 1.175 1.175h1.4A2.575 2.575 0 0 0 7.625 5.05v.7Z" })), X1e = Me(q1e), J1e = ({
   title: e,
   titleId: t,
   ...n
@@ -74057,7 +74057,8 @@ const wp = ({
   height: v = "m",
   id: p = "",
   suffixIcon: _ = !0,
-  title: w = ""
+  title: w = "",
+  textColor: x
 }) => /* @__PURE__ */ z.jsx(
   S9,
   {
@@ -74071,7 +74072,8 @@ const wp = ({
       "--c_menu_active": c,
       "--c_menu_hover": u,
       "--c_border": d,
-      "--c_disabled": h
+      "--c_disabled": h,
+      "--c_text_primary": x
     },
     value: n,
     onChange: t,
@@ -74080,7 +74082,7 @@ const wp = ({
     disabled: m,
     popupClassName: `single_select_dropdown h_${v} items_${o} ${d ? "border" : ""}`,
     removeIcon: !0,
-    filterOption: (x, E) => ((E == null ? void 0 : E.label) ?? "").toLowerCase().includes(x.toLowerCase()),
+    filterOption: (E, S) => ((S == null ? void 0 : S.label) ?? "").toLowerCase().includes(E.toLowerCase()),
     options: e,
     title: w
   }
@@ -75110,43 +75112,46 @@ const _ke = (e) => uD[e], oc = [
   pickerRangeColor: h,
   pickerBackgroundColor: C,
   pickerBorderColor: m,
-  allowClear: A = !1,
-  disabledDate: v = (w) => !1,
-  disableFutureDates: p = !1,
-  ..._
+  textColor: A,
+  allowClear: v = !1,
+  disabledDate: p = (x) => !1,
+  disableFutureDates: _ = !1,
+  ...w
 }) => {
-  const w = e ? [d0(e[0]), d0(e[1])] : void 0, x = (E) => {
-    if (t && E) {
-      const S = E.map(
-        (M) => (M == null ? void 0 : M.toDate()) || /* @__PURE__ */ new Date()
+  const x = e ? [d0(e[0]), d0(e[1])] : void 0, E = (S) => {
+    if (t && S) {
+      const M = S.map(
+        (H) => (H == null ? void 0 : H.toDate()) || /* @__PURE__ */ new Date()
       );
-      t(S);
+      t(M);
     } else t && t([]);
   };
   return /* @__PURE__ */ z.jsx(
     Hke,
     {
       showTime: r,
-      ..._,
-      value: w,
-      onChange: x,
+      ...w,
+      value: x,
+      onChange: E,
       format: o,
       presets: i,
-      disabledDate: p ? (E) => Mke(E) || v(E) : v,
+      disabledDate: _ ? (S) => Mke(S) || p(S) : p,
       style: {
         width: a,
         "--c_trigger_background": c,
         "--c_trigger_border": u,
-        "--c_highlight": d
+        "--c_highlight": d,
+        "--c_text_primary": A
       },
       popupStyle: {
         "--c_highlight": d,
         "--c_date_range_fill": h,
         "--c_surface_border": m,
-        "--c_surface": C
+        "--c_surface": C,
+        "--c_text_primary": A
       },
       className: `date-range-picker ${n} h_${s}`,
-      allowClear: A
+      allowClear: v
     }
   );
 };
@@ -84194,7 +84199,8 @@ const ZDe = ({
   height: w = "m",
   // Other
   id: x = "",
-  className: E = ""
+  className: E = "",
+  textColor: S
 }) => /* @__PURE__ */ z.jsx(
   S9,
   {
@@ -84211,7 +84217,8 @@ const ZDe = ({
       "--c_menu_background": a,
       "--c_menu_active": s,
       "--c_menu_hover": c,
-      "--c_border": u
+      "--c_border": u,
+      "--c_text_primary": S
     },
     suffixIcon: A ? void 0 : null,
     options: e,
@@ -84219,18 +84226,18 @@ const ZDe = ({
     onChange: t,
     popupClassName: `multi_select_dropdown h_${w} `,
     value: n,
-    filterOption: (S, M) => ((M == null ? void 0 : M.label) ?? "").toLowerCase().includes(S.toLowerCase()),
+    filterOption: (M, H) => ((H == null ? void 0 : H.label) ?? "").toLowerCase().includes(M.toLowerCase()),
     title: p,
     maxCount: m,
     maxTagCount: C,
-    maxTagPlaceholder: (S) => /* @__PURE__ */ z.jsx(
+    maxTagPlaceholder: (M) => /* @__PURE__ */ z.jsx(
       Aa,
       {
         styles: { root: { pointerEvents: "none" } },
-        title: S.map(({ label: M }) => M).join(", "),
+        title: M.map(({ label: H }) => H).join(", "),
         children: /* @__PURE__ */ z.jsxs("span", { children: [
           "+",
-          S.length
+          M.length
         ] })
       }
     )