@movable/ui 0.15.3 → 0.16.1

package/lib/components/Header/InkPageHeader.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { SxProps, Theme } from '@mui/material';
 type InkPageHeaderProps = {
     Breadcrumbs?: JSX.Element;
     Subtitle?: JSX.Element;
@@ -6,6 +7,7 @@ type InkPageHeaderProps = {
     ButtonGroup?: JSX.Element;
     Chips?: JSX.Element;
     Tabs?: JSX.Element;
+    sx?: SxProps<Theme>;
 };
-export declare function InkPageHeader({ Breadcrumbs, Subtitle, Metadata, Chips, ButtonGroup, Tabs, }: InkPageHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function InkPageHeader({ Breadcrumbs, Subtitle, Metadata, Chips, ButtonGroup, Tabs, sx, }: InkPageHeaderProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/index.mjs

@@ -630,7 +630,7 @@ Check the top-level render call using <` + y + ">.");
 }
 process.env.NODE_ENV === "production" ? Sr.exports = tn() : Sr.exports = nn();
 var _ = Sr.exports;
-function fi({ stringToDisplay: e }) {
+function di({ stringToDisplay: e }) {
   return _.jsxs(ke, { children: ["stringToDisplay prop is:", " ", _.jsx("span", { "data-test-string-to-display": !0, children: e })] });
 }
 const bt = 280, on = qt("main", { shouldForwardProp: (e) => e !== "open" })(({ theme: e, open: r }) => ({
@@ -649,7 +649,7 @@ const bt = 280, on = qt("main", { shouldForwardProp: (e) => e !== "open" })(({ t
     marginLeft: 0
   }
 }));
-function di({
+function pi({
   isOpen: e,
   handleDrawerClose: r,
   children: o,
@@ -673,16 +673,17 @@ function di({
     variant: "outlined"
   }, variant: "persistent", anchor: "left", open: e, children: _.jsxs(Ae, { direction: "column", spacing: 3, sx: { p: 2 }, children: [_.jsxs(Ae, { direction: "row", alignItems: "center", children: [_.jsxs(Ae, { direction: "row", alignItems: "center", children: [_.jsx(ir, { sx: { color: "text.primary" }, fontSize: "small", children: "filter_list_icon" }), _.jsx(ke, { sx: { ml: 2 }, "data-cy": "drawer-header", children: s })] }), _.jsx(Jt, { onClick: r, sx: { ml: "auto" }, children: _.jsx(ir, { fontSize: "small", children: "close_icon" }) })] }), a] }) }), _.jsx(on, { open: e, children: o })] });
 }
-function pi({ metadata: e }) {
+function gi({ metadata: e }) {
   return _.jsx(Ae, { direction: "row", spacing: 2, children: e.map(({ icon: r, label: o, value: n }) => _.jsxs(Ae, { direction: "row", spacing: 0.5, children: [_.jsx(ir, { fontSize: "small", sx: { color: "neutral600" }, children: r }), _.jsx(ke, { variant: "body2", color: "text.secondary", children: o }), _.jsx(ke, { variant: "body2", children: n })] }, o)) });
 }
-function gi({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: i, Tabs: a }) {
+function yi({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: i, Tabs: a, sx: s }) {
   return _.jsx("header", { children: _.jsxs(Ae, { direction: "column", spacing: 2, sx: {
     borderBottom: 1,
     borderColor: "divider",
     px: 3,
     py: 3,
-    ...a && { pb: -3 }
+    ...a && { pb: -3 },
+    ...s
   }, children: [_.jsxs(Ae, { direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", children: [_.jsxs(Ae, { direction: "row", spacing: 1, alignItems: "center", children: [e, n] }), i] }), o, r, a] }) });
 }
 function an({ label: e }) {
@@ -691,10 +692,10 @@ function an({ label: e }) {
 function sn({ breadcrumb: e, i: r }) {
   return _.jsx(Zt, { underline: "hover", href: e.path, "data-cy": `breadcrumb-${r}`, variant: "h5", color: "text.disabled", children: e.label });
 }
-function yi({ breadcrumbs: e }) {
+function mi({ breadcrumbs: e }) {
   return _.jsx(Xt, { children: e == null ? void 0 : e.map((r, o) => o === e.length - 1 ? _.jsx(an, { label: r.label }, `breadcrumb-${o}`) : _.jsx(sn, { breadcrumb: r, i: o }, `breadcrumb-${o}`)) });
 }
-function mi({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
+function hi({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
   var d;
   const [n, i] = Kt(null), a = !!n, s = (p) => {
     i(p.currentTarget);
@@ -713,10 +714,10 @@ function mi({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
     g(), f();
   }, ...m, children: p }, l)) })] }), r && _.jsx(Er, { variant: "contained", color: "inherit", ...r, children: r.label }), e && _.jsx(Er, { variant: "contained", ...e, sx: { whiteSpace: "nowrap" }, children: e.label })] });
 }
-function hi({ subtitle: e }) {
+function bi({ subtitle: e }) {
   return _.jsx(ke, { variant: "body2", color: "text.secondary", children: e });
 }
-function bi({ label: e, Stepper: r, ButtonGroup: o }) {
+function vi({ label: e, Stepper: r, ButtonGroup: o }) {
   return _.jsx("header", { children: _.jsxs(Ae, { direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", sx: {
     borderBottom: "1px solid divider",
     p: 3
@@ -2964,6 +2965,17 @@ const ni = {
     }
   }
 }, oi = {
+  MuiTypography: {
+    styleOverrides: {
+      root: ({ ownerState: e }) => ({
+        // bold weight
+        ...(e.component === "strong" || e.component === "b") && {
+          fontWeight: 600
+        }
+      })
+    }
+  }
+}, ii = {
   50: "#ede7f6",
   100: "#d1c4e9",
   200: "#b39ddb",
@@ -2978,7 +2990,7 @@ const ni = {
   A200: "#7c4dff",
   A400: "#651fff",
   A700: "#6200ea"
-}, ce = oi, ii = {
+}, ce = ii, ai = {
   50: "#e0f7fa",
   100: "#b2ebf2",
   200: "#80deea",
@@ -2993,7 +3005,7 @@ const ni = {
   A200: "#18ffff",
   A400: "#00e5ff",
   A700: "#00b8d4"
-}, de = ii, ai = {
+}, de = ai, si = {
   50: "#f1f8e9",
   100: "#dcedc8",
   200: "#c5e1a5",
@@ -3008,7 +3020,7 @@ const ni = {
   A200: "#b2ff59",
   A400: "#76ff03",
   A700: "#64dd17"
-}, xe = ai, si = {
+}, xe = si, ui = {
   50: "#fffde7",
   100: "#fff9c4",
   200: "#fff59d",
@@ -3023,7 +3035,7 @@ const ni = {
   A200: "#ffff00",
   A400: "#ffea00",
   A700: "#ffd600"
-}, ue = si, I = {
+}, ue = ui, I = {
   blue600: "#1389F6",
   blue700: "#287DFD",
   blue800: "#285AE6",
@@ -3274,12 +3286,13 @@ const ni = {
     disabledBackground: ne[200],
     disabled: ne[700]
   }
-}, mt = "0.15px", ui = "5.5px", vi = ti({
+}, mt = "0.15px", li = "5.5px", xi = ti({
   typography: {
     fontFamily: ["Inter", "sans-serif"].join(",")
   },
   components: {
     ...ni,
+    ...oi,
     MuiAutocomplete: {
       defaultProps: {
         ChipProps: {
@@ -3488,7 +3501,7 @@ const ni = {
     MuiFormControl: {
       styleOverrides: {
         root: {
-          gap: ui
+          gap: li
         }
       }
     },
@@ -3559,14 +3572,14 @@ const ni = {
   palette: B
 });
 export {
-  fi as DemoComponent,
-  pi as HeaderMetadata,
-  hi as HeaderSubtitle,
-  gi as InkPageHeader,
-  di as InkPersistentFilterDrawer,
-  bi as InkWorkflowHeader,
-  yi as LinkBreadcrumbs,
-  vi as MovableUITheme,
-  mi as PageHeaderActionButtons
+  di as DemoComponent,
+  gi as HeaderMetadata,
+  bi as HeaderSubtitle,
+  yi as InkPageHeader,
+  pi as InkPersistentFilterDrawer,
+  vi as InkWorkflowHeader,
+  mi as LinkBreadcrumbs,
+  xi as MovableUITheme,
+  hi as PageHeaderActionButtons
 };
 //# sourceMappingURL=index.mjs.map