@movable/ui 0.15.3 → 0.16.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/lib/index.mjs CHANGED
@@ -630,7 +630,7 @@ Check the top-level render call using <` + y + ">.");
630
630
  }
631
631
  process.env.NODE_ENV === "production" ? Sr.exports = tn() : Sr.exports = nn();
632
632
  var _ = Sr.exports;
633
- function fi({ stringToDisplay: e }) {
633
+ function di({ stringToDisplay: e }) {
634
634
  return _.jsxs(ke, { children: ["stringToDisplay prop is:", " ", _.jsx("span", { "data-test-string-to-display": !0, children: e })] });
635
635
  }
636
636
  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
649
649
  marginLeft: 0
650
650
  }
651
651
  }));
652
- function di({
652
+ function pi({
653
653
  isOpen: e,
654
654
  handleDrawerClose: r,
655
655
  children: o,
@@ -673,10 +673,10 @@ function di({
673
673
  variant: "outlined"
674
674
  }, 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 })] });
675
675
  }
676
- function pi({ metadata: e }) {
676
+ function gi({ metadata: e }) {
677
677
  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)) });
678
678
  }
679
- function gi({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: i, Tabs: a }) {
679
+ function yi({ Breadcrumbs: e, Subtitle: r, Metadata: o, Chips: n, ButtonGroup: i, Tabs: a }) {
680
680
  return _.jsx("header", { children: _.jsxs(Ae, { direction: "column", spacing: 2, sx: {
681
681
  borderBottom: 1,
682
682
  borderColor: "divider",
@@ -691,10 +691,10 @@ function an({ label: e }) {
691
691
  function sn({ breadcrumb: e, i: r }) {
692
692
  return _.jsx(Zt, { underline: "hover", href: e.path, "data-cy": `breadcrumb-${r}`, variant: "h5", color: "text.disabled", children: e.label });
693
693
  }
694
- function yi({ breadcrumbs: e }) {
694
+ function mi({ breadcrumbs: e }) {
695
695
  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}`)) });
696
696
  }
697
- function mi({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
697
+ function hi({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
698
698
  var d;
699
699
  const [n, i] = Kt(null), a = !!n, s = (p) => {
700
700
  i(p.currentTarget);
@@ -713,10 +713,10 @@ function mi({ primaryAction: e, secondaryAction: r, dropdownAction: o }) {
713
713
  g(), f();
714
714
  }, ...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 })] });
715
715
  }
716
- function hi({ subtitle: e }) {
716
+ function bi({ subtitle: e }) {
717
717
  return _.jsx(ke, { variant: "body2", color: "text.secondary", children: e });
718
718
  }
719
- function bi({ label: e, Stepper: r, ButtonGroup: o }) {
719
+ function vi({ label: e, Stepper: r, ButtonGroup: o }) {
720
720
  return _.jsx("header", { children: _.jsxs(Ae, { direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", sx: {
721
721
  borderBottom: "1px solid divider",
722
722
  p: 3
@@ -2964,6 +2964,17 @@ const ni = {
2964
2964
  }
2965
2965
  }
2966
2966
  }, oi = {
2967
+ MuiTypography: {
2968
+ styleOverrides: {
2969
+ root: ({ ownerState: e }) => ({
2970
+ // bold weight
2971
+ ...(e.component === "strong" || e.component === "b") && {
2972
+ fontWeight: 600
2973
+ }
2974
+ })
2975
+ }
2976
+ }
2977
+ }, ii = {
2967
2978
  50: "#ede7f6",
2968
2979
  100: "#d1c4e9",
2969
2980
  200: "#b39ddb",
@@ -2978,7 +2989,7 @@ const ni = {
2978
2989
  A200: "#7c4dff",
2979
2990
  A400: "#651fff",
2980
2991
  A700: "#6200ea"
2981
- }, ce = oi, ii = {
2992
+ }, ce = ii, ai = {
2982
2993
  50: "#e0f7fa",
2983
2994
  100: "#b2ebf2",
2984
2995
  200: "#80deea",
@@ -2993,7 +3004,7 @@ const ni = {
2993
3004
  A200: "#18ffff",
2994
3005
  A400: "#00e5ff",
2995
3006
  A700: "#00b8d4"
2996
- }, de = ii, ai = {
3007
+ }, de = ai, si = {
2997
3008
  50: "#f1f8e9",
2998
3009
  100: "#dcedc8",
2999
3010
  200: "#c5e1a5",
@@ -3008,7 +3019,7 @@ const ni = {
3008
3019
  A200: "#b2ff59",
3009
3020
  A400: "#76ff03",
3010
3021
  A700: "#64dd17"
3011
- }, xe = ai, si = {
3022
+ }, xe = si, ui = {
3012
3023
  50: "#fffde7",
3013
3024
  100: "#fff9c4",
3014
3025
  200: "#fff59d",
@@ -3023,7 +3034,7 @@ const ni = {
3023
3034
  A200: "#ffff00",
3024
3035
  A400: "#ffea00",
3025
3036
  A700: "#ffd600"
3026
- }, ue = si, I = {
3037
+ }, ue = ui, I = {
3027
3038
  blue600: "#1389F6",
3028
3039
  blue700: "#287DFD",
3029
3040
  blue800: "#285AE6",
@@ -3274,12 +3285,13 @@ const ni = {
3274
3285
  disabledBackground: ne[200],
3275
3286
  disabled: ne[700]
3276
3287
  }
3277
- }, mt = "0.15px", ui = "5.5px", vi = ti({
3288
+ }, mt = "0.15px", li = "5.5px", xi = ti({
3278
3289
  typography: {
3279
3290
  fontFamily: ["Inter", "sans-serif"].join(",")
3280
3291
  },
3281
3292
  components: {
3282
3293
  ...ni,
3294
+ ...oi,
3283
3295
  MuiAutocomplete: {
3284
3296
  defaultProps: {
3285
3297
  ChipProps: {
@@ -3488,7 +3500,7 @@ const ni = {
3488
3500
  MuiFormControl: {
3489
3501
  styleOverrides: {
3490
3502
  root: {
3491
- gap: ui
3503
+ gap: li
3492
3504
  }
3493
3505
  }
3494
3506
  },
@@ -3559,14 +3571,14 @@ const ni = {
3559
3571
  palette: B
3560
3572
  });
3561
3573
  export {
3562
- fi as DemoComponent,
3563
- pi as HeaderMetadata,
3564
- hi as HeaderSubtitle,
3565
- gi as InkPageHeader,
3566
- di as InkPersistentFilterDrawer,
3567
- bi as InkWorkflowHeader,
3568
- yi as LinkBreadcrumbs,
3569
- vi as MovableUITheme,
3570
- mi as PageHeaderActionButtons
3574
+ di as DemoComponent,
3575
+ gi as HeaderMetadata,
3576
+ bi as HeaderSubtitle,
3577
+ yi as InkPageHeader,
3578
+ pi as InkPersistentFilterDrawer,
3579
+ vi as InkWorkflowHeader,
3580
+ mi as LinkBreadcrumbs,
3581
+ xi as MovableUITheme,
3582
+ hi as PageHeaderActionButtons
3571
3583
  };
3572
3584
  //# sourceMappingURL=index.mjs.map