@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 +35 -23
- package/lib/index.mjs.map +1 -1
- package/lib/theme/components/typography.d.ts +13 -0
- package/package.json +8 -4
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
716
|
+
function bi({ subtitle: e }) {
|
|
717
717
|
return _.jsx(ke, { variant: "body2", color: "text.secondary", children: e });
|
|
718
718
|
}
|
|
719
|
-
function
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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",
|
|
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:
|
|
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
|
-
|
|
3563
|
-
|
|
3564
|
-
|
|
3565
|
-
|
|
3566
|
-
|
|
3567
|
-
|
|
3568
|
-
|
|
3569
|
-
|
|
3570
|
-
|
|
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
|