@kashifd/jwero-components 0.7.71 → 0.7.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -46456,9 +46456,10 @@ const Na = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ v.jsxs(
46456
46456
  variant: a = "primary",
46457
46457
  enterDelay: s = 400,
46458
46458
  enterNextDelay: c = 200,
46459
- sx: u
46459
+ sx: u,
46460
+ childrenSx: g
46460
46461
  }) => {
46461
- const g = Ot(), m = a === "primary" ? g.colors.secondary : a === "secondary" ? "#ffffff" : g.colors.positive, b = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : g.colors.positive;
46462
+ const m = Ot(), b = a === "primary" ? m.colors.secondary : a === "secondary" ? "#ffffff" : m.colors.positive, w = a === "primary" ? "#ffffff" : a === "secondary" ? "black" : m.colors.positive;
46462
46463
  return /* @__PURE__ */ v.jsx(
46463
46464
  av,
46464
46465
  {
@@ -46472,8 +46473,8 @@ const Na = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ v.jsxs(
46472
46473
  sx: {
46473
46474
  fontSize: "0.875rem",
46474
46475
  fontWeight: 500,
46475
- backgroundColor: m,
46476
- color: b,
46476
+ backgroundColor: b,
46477
+ color: w,
46477
46478
  padding: "0.75rem",
46478
46479
  borderRadius: "0.5rem",
46479
46480
  boxShadow: a === "secondary" ? "0px 8px 16px -2px rgba(27, 33, 44, 0.12)" : null,
@@ -46482,11 +46483,11 @@ const Na = ({ stroke: e = "#000", ...t }) => /* @__PURE__ */ v.jsxs(
46482
46483
  },
46483
46484
  arrow: {
46484
46485
  sx: {
46485
- color: m
46486
+ color: b
46486
46487
  }
46487
46488
  }
46488
46489
  },
46489
- children: /* @__PURE__ */ v.jsx(Fe, { children: e })
46490
+ children: /* @__PURE__ */ v.jsx(Fe, { sx: { ...g }, children: e })
46490
46491
  }
46491
46492
  );
46492
46493
  }, Xx = ({
@@ -47542,7 +47543,7 @@ const VF = ({
47542
47543
  border: "none",
47543
47544
  boxShadow: "0px 0px 1px 0px rgba(0, 0, 0, 0.40)",
47544
47545
  "&:hover": {
47545
- boxShadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.60)"
47546
+ boxShadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.50)"
47546
47547
  },
47547
47548
  "& fieldset": { border: "none" },
47548
47549
  "& .MuiInputBase-input::placeholder": {
@@ -47566,12 +47567,19 @@ const VF = ({
47566
47567
  }
47567
47568
  ) }),
47568
47569
  endAdornment: /* @__PURE__ */ v.jsxs(v.Fragment, { children: [
47569
- (O == null ? void 0 : O.flag) && r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ v.jsx(dr, { sx: { padding: "0.125rem" }, children: /* @__PURE__ */ v.jsx(
47570
- Iu,
47570
+ (O == null ? void 0 : O.flag) && r && (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ v.jsx(
47571
+ dr,
47571
47572
  {
47572
- sx: { color: "#555770", height: "1.35rem", width: "1.35rem" }
47573
+ sx: { padding: "0.125rem" },
47574
+ onClick: O.onClick,
47575
+ children: /* @__PURE__ */ v.jsx(
47576
+ Iu,
47577
+ {
47578
+ sx: { color: "#555770", height: "1.35rem", width: "1.35rem" }
47579
+ }
47580
+ )
47573
47581
  }
47574
- ) }),
47582
+ ),
47575
47583
  (S == null ? void 0 : S.flag) && /* @__PURE__ */ v.jsxs(Ds, { position: "end", children: [
47576
47584
  S.icon,
47577
47585
  S.text && /* @__PURE__ */ v.jsx(
@@ -47579,8 +47587,8 @@ const VF = ({
47579
47587
  {
47580
47588
  sx: {
47581
47589
  color: "#555770",
47582
- fontSize: "1.1rem",
47583
- fontWeight: 600
47590
+ fontSize: "1rem",
47591
+ fontWeight: 500
47584
47592
  },
47585
47593
  children: S.text
47586
47594
  }
@@ -48374,36 +48382,43 @@ const SW = ({
48374
48382
  children: e == null ? void 0 : e.map((c, u) => {
48375
48383
  var b, w, S, O;
48376
48384
  const g = u === 0, m = u === e.length - 1;
48377
- return /* @__PURE__ */ v.jsx(pr, { title: (c == null ? void 0 : c.tooltip) || "", children: /* @__PURE__ */ v.jsxs(
48378
- Fe,
48385
+ return /* @__PURE__ */ v.jsx(
48386
+ pr,
48379
48387
  {
48380
- onClick: () => r == null ? void 0 : r(c.value),
48381
- direction: "row",
48382
- alignItems: "center",
48383
- sx: {
48384
- gap: "0.25rem",
48385
- padding: "0.4rem 0.75rem",
48386
- transition: "0.3s ease",
48387
- overflow: "hidden",
48388
- height: "100%",
48389
- borderRight: m ? "1px solid transparent" : `1px solid ${s.colors.surface2_lightgrey}`,
48390
- backgroundColor: t === c.value ? s.colors.surface2_lightgrey : s.palette.background.paper,
48391
- borderTopLeftRadius: g ? "0.625rem" : 0,
48392
- borderBottomLeftRadius: g ? "0.625rem" : 0,
48393
- borderTopRightRadius: m ? "0.625rem" : 0,
48394
- borderBottomRightRadius: m ? "0.625rem" : 0,
48395
- "&:hover": {
48396
- backgroundColor: s.colors.surface2_lightgrey
48397
- }
48398
- },
48399
- children: [
48400
- ((b = c.labelProps) == null ? void 0 : b.position) === "left" && /* @__PURE__ */ v.jsx(ot, { ...c == null ? void 0 : c.labelTypographyProps, children: (w = c.labelProps) == null ? void 0 : w.text }),
48401
- c.icon,
48402
- ((S = c.labelProps) == null ? void 0 : S.position) === "right" && /* @__PURE__ */ v.jsx(ot, { ...c == null ? void 0 : c.labelTypographyProps, children: (O = c.labelProps) == null ? void 0 : O.text })
48403
- ]
48404
- },
48405
- c.value
48406
- ) });
48388
+ title: (c == null ? void 0 : c.tooltip) || "",
48389
+ childrenSx: { height: "100%", width: "100%" },
48390
+ children: /* @__PURE__ */ v.jsxs(
48391
+ Fe,
48392
+ {
48393
+ onClick: () => r == null ? void 0 : r(c.value),
48394
+ direction: "row",
48395
+ alignItems: "center",
48396
+ sx: {
48397
+ gap: "0.25rem",
48398
+ padding: "0.4rem 0.75rem",
48399
+ transition: "0.3s ease",
48400
+ overflow: "hidden",
48401
+ height: "100%",
48402
+ borderRight: m ? "1px solid transparent" : `1px solid ${s.colors.surface2_lightgrey}`,
48403
+ backgroundColor: t === c.value ? s.colors.surface2_lightgrey : s.palette.background.paper,
48404
+ borderTopLeftRadius: g ? "0.625rem" : 0,
48405
+ borderBottomLeftRadius: g ? "0.625rem" : 0,
48406
+ borderTopRightRadius: m ? "0.625rem" : 0,
48407
+ borderBottomRightRadius: m ? "0.625rem" : 0,
48408
+ "&:hover": {
48409
+ backgroundColor: s.colors.surface2_lightgrey
48410
+ }
48411
+ },
48412
+ children: [
48413
+ ((b = c.labelProps) == null ? void 0 : b.position) === "left" && /* @__PURE__ */ v.jsx(ot, { ...c == null ? void 0 : c.labelTypographyProps, children: (w = c.labelProps) == null ? void 0 : w.text }),
48414
+ c.icon,
48415
+ ((S = c.labelProps) == null ? void 0 : S.position) === "right" && /* @__PURE__ */ v.jsx(ot, { ...c == null ? void 0 : c.labelTypographyProps, children: (O = c.labelProps) == null ? void 0 : O.text })
48416
+ ]
48417
+ },
48418
+ c.value
48419
+ )
48420
+ }
48421
+ );
48407
48422
  })
48408
48423
  }
48409
48424
  );