@movable/ui 0.28.0 → 0.28.2

package/lib/components/PersistentFilterDrawer/InkPersistentFilterDrawer.d.ts

@@ -7,8 +7,9 @@ type IFilterDrawer = DrawerProps & {
     leftOffset?: string;
     filterContent: JSX.Element;
     headerLabel?: string;
+    isComponentLevelDrawer?: boolean;
 };
 export declare const defaultFilterDrawerWidth = 280;
 export declare function InkPersistentFilterDrawer({ isOpen, handleDrawerClose, children, drawerWidth, leftOffset, //primary nav width when closed and when open
-filterContent, headerLabel, sx, }: PropsWithChildren<IFilterDrawer>): import("react/jsx-runtime").JSX.Element;
+filterContent, headerLabel, sx, isComponentLevelDrawer, }: PropsWithChildren<IFilterDrawer>): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/index.mjs

@@ -8731,9 +8731,10 @@ function S0({
   //primary nav width when closed and when open
   filterContent: i,
   headerLabel: a = "Filters",
-  sx: c
+  sx: c,
+  isComponentLevelDrawer: l = !1
 }) {
-  return R.jsxs(Qt, { sx: { display: "flex" }, children: [R.jsx(ms, { sx: {
+  return R.jsxs(Qt, { sx: { display: "flex", width: "100%" }, children: [R.jsx(ms, { sx: {
     ...c,
     width: n,
     flexShrink: 0,
@@ -8743,7 +8744,8 @@ function S0({
     }
   }, PaperProps: {
     style: {
-      left: o
+      left: o,
+      ...l && { position: "absolute" }
     },
     variant: "outlined"
   }, variant: "persistent", anchor: "left", open: e, children: R.jsxs(Ze, { direction: "column", spacing: 3, sx: { p: 2 }, children: [R.jsxs(Ze, { direction: "row", alignItems: "center", children: [R.jsxs(Ze, { direction: "row", alignItems: "center", children: [R.jsx(xr, { sx: { color: "text.primary" }, fontSize: "small", children: "filter_list_icon" }), R.jsx(lt, { sx: { ml: 2 }, "data-cy": "drawer-header", children: a })] }), R.jsx(hs, { onClick: t, sx: { ml: "auto" }, children: R.jsx(xr, { fontSize: "small", children: "close_icon" }) })] }), i] }) }), R.jsx(Pp, { open: e, children: r })] });
@@ -8879,19 +8881,19 @@ const A0 = ({ name: e, options: t, onChange: r, onBlur: n, value: o, ref: i, dir
   px: 3,
   py: 2,
   height: "100%",
-  borderColor: o === u ? "blue800" : "neutral200",
-  borderWidth: o === u ? 2 : 1,
-  borderStyle: "solid",
+  border: 0,
   bgcolor: o === u ? "primary.selected" : "inherit",
+  outlineWidth: o === u ? 2 : 1,
   "&:hover": {
-    bgcolor: "primary.hover",
-    borderColor: "outlinedBorder"
+    bgcolor: o === u ? "primary.selected" : "primary.hover",
+    outlineColor: (v) => v.palette.primary.outlinedBorder
   },
   "&:focus-within": {
-    bgcolor: "white",
-    borderColor: "primary.focus",
-    borderWidth: 2
+    bgcolor: "white"
   },
+  outlineStyle: "solid",
+  borderRadius: 1,
+  outlineColor: (v) => o === u ? v.palette.blue800 : v.palette.neutral200,
   ...c
 }, children: R.jsxs(Ze, { direction: "column", alignItems: "center", width: "100%", children: [d && R.jsx(Qt, { sx: {
   color: o === u ? "text.primary" : "action.active",