@wandelbots/wandelbots-js-react-components 2.36.0-pr.feature-design-pass.378.e01a6c5 → 2.36.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: "62px !important" }, children: [
651
+ children: /* @__PURE__ */ g.jsxs(Vg, { sx: { minHeight: "64px !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: "88px",
31625
- height: "88px",
31626
- borderRadius: "88px",
31624
+ width: "110px",
31625
+ height: "110px",
31626
+ borderRadius: "110px",
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: "88px",
31637
+ minWidth: "110px",
31638
31638
  flexShrink: 0
31639
31639
  },
31640
31640
  children: d(f)
@@ -33210,14 +33210,15 @@ 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: 0, py: 0 }, children: /* @__PURE__ */ g.jsx(
33213
+ /* @__PURE__ */ g.jsx(ae, { sx: { px: 3, pt: 3, pb: 3 }, children: /* @__PURE__ */ g.jsx(
33214
33214
  ep,
33215
33215
  {
33216
33216
  value: s,
33217
33217
  onChange: l,
33218
33218
  sx: {
33219
- minHeight: "32px",
33219
+ minHeight: "auto",
33220
33220
  backgroundColor: "transparent",
33221
+ mt: 3,
33221
33222
  "& .MuiTabs-indicator": {
33222
33223
  display: "none"
33223
33224
  // Hide the default indicator
@@ -33234,17 +33235,18 @@ const lk = rt(
33234
33235
  iconPosition: "start",
33235
33236
  disableRipple: !0,
33236
33237
  sx: {
33237
- minHeight: "32px",
33238
- height: "32px",
33239
- padding: "0px 10px",
33240
- borderRadius: "12px",
33238
+ minHeight: "auto",
33239
+ minWidth: "auto",
33240
+ padding: "4px 8px",
33241
+ borderRadius: "10px",
33241
33242
  backgroundColor: (d) => {
33242
33243
  var h;
33243
33244
  return ((h = d.palette.backgroundPaperElevation) == null ? void 0 : h[11]) || "#32344B";
33244
33245
  },
33245
33246
  color: "text.primary",
33246
33247
  opacity: s === u ? 1 : 0.38,
33247
- fontSize: "13px",
33248
+ textTransform: "none",
33249
+ fontWeight: 500,
33248
33250
  transition: "all 0.2s ease-in-out",
33249
33251
  "&:hover": {
33250
33252
  opacity: s === u ? 1 : 0.6
@@ -33269,7 +33271,7 @@ const lk = rt(
33269
33271
  ))
33270
33272
  }
33271
33273
  ) }),
33272
- /* @__PURE__ */ g.jsx(ae, { sx: { mt: "32px", borderBottom: 1, borderColor: "divider" } }),
33274
+ /* @__PURE__ */ g.jsx(ae, { sx: { mx: 3, borderBottom: 1, borderColor: "divider" } }),
33273
33275
  /* @__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)) })
33274
33276
  ]
33275
33277
  }