@movable/ui 0.17.0 → 0.18.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.
Files changed (4) hide show
  1. package/lib/components/Header/HeaderMetadata.d.ts +2 -1
  2. package/lib/index.mjs +1 -1
  3. package/lib/index.mjs.map +1 -1
  4. package/package.json +1 -1
package/lib/components/Header/HeaderMetadata.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ /// <reference types="react" />
1
2
  type HeaderMetadataType = {
2
- icon: string;
3
+ icon: string | JSX.Element;
3
4
  label: string;
4
5
  value: string;
5
6
  };
package/lib/index.mjs CHANGED
@@ -697,7 +697,7 @@ function El({
697
697
  }, variant: "persistent", anchor: "left", open: e, children: P.jsxs(Xe, { direction: "column", spacing: 3, sx: { p: 2 }, children: [P.jsxs(Xe, { direction: "row", alignItems: "center", children: [P.jsxs(Xe, { direction: "row", alignItems: "center", children: [P.jsx(Ur, { sx: { color: "text.primary" }, fontSize: "small", children: "filter_list_icon" }), P.jsx(sr, { sx: { ml: 2 }, "data-cy": "drawer-header", children: a })] }), P.jsx($i, { onClick: r, sx: { ml: "auto" }, children: P.jsx(Ur, { fontSize: "small", children: "close_icon" }) })] }), i] }) }), P.jsx(Vi, { open: e, children: t })] });
698
698
  }
699
699
  function xl({ metadata: e }) {
700
- return P.jsx(Xe, { direction: "row", spacing: 2, children: e.map(({ icon: r, label: t, value: n }) => P.jsxs(Xe, { direction: "row", spacing: 0.5, children: [P.jsx(Ur, { fontSize: "small", sx: { color: "neutral600" }, children: r }), P.jsx(sr, { variant: "body2", color: "text.secondary", children: t }), P.jsx(sr, { variant: "body2", children: n })] }, t)) });
700
+ return P.jsx(Xe, { direction: "row", spacing: 2, children: e.map(({ icon: r, label: t, value: n }) => P.jsxs(Xe, { direction: "row", spacing: 0.5, children: [typeof r == "string" ? P.jsx(Ur, { fontSize: "small", sx: { color: "neutral600" }, children: r }) : r, P.jsx(sr, { variant: "body2", color: "text.secondary", children: t }), P.jsx(sr, { variant: "body2", children: n })] }, t)) });
701
701
  }
702
702
  function Sl({ Breadcrumbs: e, Subtitle: r, Metadata: t, Chips: n, ButtonGroup: o, Tabs: i, sx: a }) {
703
703
  return P.jsx("header", { children: P.jsxs(Xe, { direction: "column", spacing: 2, sx: {