@movable/ui 0.28.1 → 0.28.3

package/lib/index.mjs

@@ -8757,6 +8757,7 @@ function w0({ Breadcrumbs: e, Subtitle: t, Metadata: r, Chips: n, ButtonGroup: o
   return R.jsx("header", { children: R.jsxs(Ze, { direction: "column", spacing: 2, sx: {
     borderBottom: 1,
     borderColor: "divider",
+    background: (c) => c.palette.neutral00,
     px: 3,
     py: 3,
     ...i && { pb: -3 },
@@ -8797,7 +8798,8 @@ function P0({ subtitle: e }) {
 function k0({ label: e, Stepper: t, ButtonGroup: r }) {
   return R.jsx("header", { children: R.jsxs(Ze, { direction: "row", spacing: 2, justifyContent: "space-between", alignItems: "center", sx: {
     borderBottom: "1px solid divider",
-    p: 3
+    p: 3,
+    background: (n) => n.palette.neutral00
   }, children: [R.jsx(lt, { "data-test-worflow-header-label": !0, variant: "subtitle1", component: "h1", sx: { fontWeight: "600", flexGrow: "1" }, children: e }), t && R.jsx(Qt, { sx: { flexGrow: "2" }, "data-test-worflow-header-stepper": !0, children: t }), r && R.jsx(Qt, { sx: { flexGrow: "1", justifyContent: "end", display: "flex" }, "data-test-worflow-header-button-group": !0, children: r })] }) });
 }
 const La = Rd({
@@ -8881,19 +8883,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",