@kashifd/jwero-components 0.8.11 → 0.8.13

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
@@ -48395,100 +48395,108 @@ const EW = ({
48395
48395
  sx: {
48396
48396
  display: "flex",
48397
48397
  justifyContent: "space-between",
48398
- width: "100%"
48398
+ width: "100%",
48399
+ overflowX: "auto"
48399
48400
  },
48400
48401
  children: [
48401
- /* @__PURE__ */ m.jsxs(Le, { direction: "row", sx: { gap: "0.5rem" }, children: [
48402
- /* @__PURE__ */ m.jsx(
48403
- Jx,
48404
- {
48405
- onChange: E,
48406
- "aria-label": "lab API tabs example",
48407
- variant: "scrollable",
48408
- scrollButtons: c,
48409
- TabIndicatorProps: {
48410
- style: {
48411
- backgroundColor: j.colors.primary
48412
- }
48413
- },
48414
- sx: {
48415
- minHeight: "38px",
48416
- height: "38px",
48417
- padding: "0 !important",
48418
- margin: "0 !important",
48419
- "& .MuiTabs-indicator": {
48420
- backgroundColor: j.colors.primary
48421
- },
48422
- ".Mui-selected": {
48423
- color: j.colors.primary
48424
- },
48425
- ...w
48426
- },
48427
- children: Mr.isArrayWithValues(t) && t.map((M, Y) => /* @__PURE__ */ m.jsx(
48428
- tc,
48402
+ /* @__PURE__ */ m.jsxs(
48403
+ Le,
48404
+ {
48405
+ direction: "row",
48406
+ sx: { gap: "0.5rem", width: "100%", overflowX: "auto" },
48407
+ children: [
48408
+ /* @__PURE__ */ m.jsx(
48409
+ Jx,
48429
48410
  {
48430
- label: /* @__PURE__ */ m.jsxs(
48431
- Le,
48432
- {
48433
- direction: "row",
48434
- sx: {
48435
- alignItems: "center",
48436
- gap: "0.25rem",
48437
- padding: 0,
48438
- ...T
48439
- },
48440
- children: [
48441
- M.icon && M.iconAtStart && M.icon,
48442
- !M.onlyIcon && /* @__PURE__ */ m.jsx(nt, { children: M.label }),
48443
- M.icon && !M.iconAtStart && M.icon,
48444
- (M == null ? void 0 : M.tooltip) && /* @__PURE__ */ m.jsx(Zt, { title: M == null ? void 0 : M.tooltip, children: /* @__PURE__ */ m.jsx(Jt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx(Wf, { height: 16, width: 16 }) }) }),
48445
- M.count && /* @__PURE__ */ m.jsx(
48446
- Le,
48447
- {
48448
- sx: {
48449
- paddingLeft: M.icon && !M.iconAtStart ? "0.85rem" : "1rem"
48450
- },
48451
- children: /* @__PURE__ */ m.jsx(
48452
- ql,
48453
- {
48454
- type: "formatted",
48455
- count: M.count,
48456
- stroke: !0,
48457
- sx: { m: "0 0.5rem 0 0.25rem" }
48458
- }
48459
- )
48460
- }
48461
- )
48462
- ]
48411
+ onChange: E,
48412
+ "aria-label": "lab API tabs example",
48413
+ variant: "scrollable",
48414
+ scrollButtons: c,
48415
+ TabIndicatorProps: {
48416
+ style: {
48417
+ backgroundColor: j.colors.primary
48463
48418
  }
48464
- ),
48465
- value: M.value,
48419
+ },
48466
48420
  sx: {
48467
48421
  minHeight: "38px",
48468
48422
  height: "38px",
48469
- minWidth: "fit-content",
48470
- maxWidth: "fit-content",
48471
- flexShrink: 0,
48472
- padding: "0 1rem !important",
48423
+ padding: "0 !important",
48473
48424
  margin: "0 !important",
48474
- color: j.colors.text_secondary,
48475
- display: "flex",
48476
- alignItems: "center",
48477
- justifyContent: "center",
48478
- textTransform: "none",
48479
- fontWeight: 600,
48480
- fontSize: "0.875rem",
48481
- "&.Mui-selected": {
48425
+ "& .MuiTabs-indicator": {
48426
+ backgroundColor: j.colors.primary
48427
+ },
48428
+ ".Mui-selected": {
48482
48429
  color: j.colors.primary
48483
- }
48484
- }
48485
- },
48486
- Y
48487
- ))
48488
- }
48489
- ),
48490
- g
48491
- ] }),
48430
+ },
48431
+ ...w
48432
+ },
48433
+ children: Mr.isArrayWithValues(t) && t.map((M, Y) => /* @__PURE__ */ m.jsx(
48434
+ tc,
48435
+ {
48436
+ label: /* @__PURE__ */ m.jsxs(
48437
+ Le,
48438
+ {
48439
+ direction: "row",
48440
+ sx: {
48441
+ alignItems: "center",
48442
+ gap: "0.25rem",
48443
+ padding: 0,
48444
+ ...T
48445
+ },
48446
+ children: [
48447
+ M.icon && M.iconAtStart && M.icon,
48448
+ !M.onlyIcon && /* @__PURE__ */ m.jsx(nt, { children: M.label }),
48449
+ M.icon && !M.iconAtStart && M.icon,
48450
+ (M == null ? void 0 : M.tooltip) && /* @__PURE__ */ m.jsx(Zt, { title: M == null ? void 0 : M.tooltip, children: /* @__PURE__ */ m.jsx(Jt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx(Wf, { height: 16, width: 16 }) }) }),
48451
+ M.count && /* @__PURE__ */ m.jsx(
48452
+ Le,
48453
+ {
48454
+ sx: {
48455
+ paddingLeft: M.icon && !M.iconAtStart ? "0.85rem" : "1rem"
48456
+ },
48457
+ children: /* @__PURE__ */ m.jsx(
48458
+ ql,
48459
+ {
48460
+ type: "formatted",
48461
+ count: M.count,
48462
+ stroke: !0,
48463
+ sx: { m: "0 0.5rem 0 0.25rem" }
48464
+ }
48465
+ )
48466
+ }
48467
+ )
48468
+ ]
48469
+ }
48470
+ ),
48471
+ value: M.value,
48472
+ sx: {
48473
+ minHeight: "38px",
48474
+ height: "38px",
48475
+ minWidth: "fit-content",
48476
+ maxWidth: "fit-content",
48477
+ flexShrink: 0,
48478
+ padding: "0 1rem !important",
48479
+ margin: "0 !important",
48480
+ color: j.colors.text_secondary,
48481
+ display: "flex",
48482
+ alignItems: "center",
48483
+ justifyContent: "center",
48484
+ textTransform: "none",
48485
+ fontWeight: 600,
48486
+ fontSize: "0.875rem",
48487
+ "&.Mui-selected": {
48488
+ color: j.colors.primary
48489
+ }
48490
+ }
48491
+ },
48492
+ Y
48493
+ ))
48494
+ }
48495
+ ),
48496
+ g
48497
+ ]
48498
+ }
48499
+ ),
48492
48500
  b
48493
48501
  ]
48494
48502
  }
@@ -59203,6 +59211,7 @@ const Bz = ({ name: e, data: t, labels: r }) => {
59203
59211
  borderRadius: "1rem",
59204
59212
  backgroundImage: r && (e != null && e.backgroundImage) ? `url(${e.backgroundImage})` : "",
59205
59213
  backgroundSize: "cover",
59214
+ boxShadow: "rgb(221, 221, 221) 0px 1px 4px 0px",
59206
59215
  ...u
59207
59216
  },
59208
59217
  children: [