@wandelbots/wandelbots-js-react-components 2.36.0 → 2.37.0

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.js CHANGED
@@ -648,7 +648,7 @@ const j0 = ({
648
648
  },
649
649
  ...a
650
650
  },
651
- children: /* @__PURE__ */ g.jsxs(Vg, { sx: { minHeight: "64px !important" }, children: [
651
+ children: /* @__PURE__ */ g.jsxs(Vg, { sx: { minHeight: "62px !important" }, children: [
652
652
  /* @__PURE__ */ g.jsx(ae, { sx: { mr: 2, display: "flex", alignItems: "center" }, children: t }),
653
653
  /* @__PURE__ */ g.jsxs(ae, { sx: { display: "flex", alignItems: "center", flexGrow: 1 }, children: [
654
654
  /* @__PURE__ */ g.jsx(
@@ -31621,9 +31621,9 @@ const tk = rt(
31621
31621
  disabled: !p.enabled || e === "stopping" && !a,
31622
31622
  onClick: p.onClick,
31623
31623
  sx: {
31624
- width: "110px",
31625
- height: "110px",
31626
- borderRadius: "110px",
31624
+ width: "88px",
31625
+ height: "88px",
31626
+ borderRadius: "88px",
31627
31627
  backgroundColor: p.color,
31628
31628
  opacity: p.enabled && !(e === "stopping" && !a) ? 1 : 0.3,
31629
31629
  "&:hover": {
@@ -31634,7 +31634,7 @@ const tk = rt(
31634
31634
  backgroundColor: p.color,
31635
31635
  opacity: 0.3
31636
31636
  },
31637
- minWidth: "110px",
31637
+ minWidth: "88px",
31638
31638
  flexShrink: 0
31639
31639
  },
31640
31640
  children: d(f)
@@ -33210,15 +33210,14 @@ const lk = rt(
33210
33210
  ref: a,
33211
33211
  sx: { height: "100%", display: "flex", flexDirection: "column", ...o },
33212
33212
  children: [
33213
- /* @__PURE__ */ g.jsx(ae, { sx: { px: 3, pt: 3, pb: 3 }, children: /* @__PURE__ */ g.jsx(
33213
+ /* @__PURE__ */ g.jsx(ae, { sx: { px: 0, py: 0 }, children: /* @__PURE__ */ g.jsx(
33214
33214
  ep,
33215
33215
  {
33216
33216
  value: s,
33217
33217
  onChange: l,
33218
33218
  sx: {
33219
- minHeight: "auto",
33219
+ minHeight: "32px",
33220
33220
  backgroundColor: "transparent",
33221
- mt: 3,
33222
33221
  "& .MuiTabs-indicator": {
33223
33222
  display: "none"
33224
33223
  // Hide the default indicator
@@ -33235,18 +33234,17 @@ const lk = rt(
33235
33234
  iconPosition: "start",
33236
33235
  disableRipple: !0,
33237
33236
  sx: {
33238
- minHeight: "auto",
33239
- minWidth: "auto",
33240
- padding: "4px 8px",
33241
- borderRadius: "10px",
33237
+ minHeight: "32px",
33238
+ height: "32px",
33239
+ padding: "0px 10px",
33240
+ borderRadius: "12px",
33242
33241
  backgroundColor: (d) => {
33243
33242
  var h;
33244
33243
  return ((h = d.palette.backgroundPaperElevation) == null ? void 0 : h[11]) || "#32344B";
33245
33244
  },
33246
33245
  color: "text.primary",
33247
33246
  opacity: s === u ? 1 : 0.38,
33248
- textTransform: "none",
33249
- fontWeight: 500,
33247
+ fontSize: "13px",
33250
33248
  transition: "all 0.2s ease-in-out",
33251
33249
  "&:hover": {
33252
33250
  opacity: s === u ? 1 : 0.6
@@ -33271,7 +33269,7 @@ const lk = rt(
33271
33269
  ))
33272
33270
  }
33273
33271
  ) }),
33274
- /* @__PURE__ */ g.jsx(ae, { sx: { mx: 3, borderBottom: 1, borderColor: "divider" } }),
33272
+ /* @__PURE__ */ g.jsx(ae, { sx: { mt: "32px", borderBottom: 1, borderColor: "divider" } }),
33275
33273
  /* @__PURE__ */ g.jsx(ae, { sx: { flex: 1, overflow: "auto" }, children: t.map((c, u) => /* @__PURE__ */ g.jsx(r$, { value: s, index: u, children: c.content }, c.id)) })
33276
33274
  ]
33277
33275
  }