@mlw-packages/react-components 1.8.13 → 1.8.14

package/dist/index.js

@@ -670,7 +670,7 @@ var DialogOverlayBase = React33__namespace.forwardRef(({ className, testid: data
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  border-border",
       className
     ),
     "data-testid": dataTestId,
@@ -1902,7 +1902,7 @@ var CommandBase = React33__namespace.forwardRef(({ className, testid: dataTestId
   {
     ref,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground",
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground border-border",
       className
     ),
     "data-testid": dataTestId,
@@ -1924,13 +1924,13 @@ var CommandDialogBase = ({ children, open, ...props }) => {
       exit: "exit",
       variants: dialogVariants,
       transition: { duration: 0.2, ease: "easeOut" },
-      className: "overflow-hidden p-0",
+      className: "overflow-hidden p-0 ",
       children: /* @__PURE__ */ jsxRuntime.jsx(CommandBase, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
     },
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInputBase = React33__namespace.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center border-b px-3  border-border", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsxRuntime.jsx(react.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ jsxRuntime.jsx(
     cmdk.Command.Input,
@@ -2628,7 +2628,7 @@ function MultiSelectContentBase({
     PopoverContentBase,
     {
       forceMount: true,
-      className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0",
+      className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0 border-border",
       children: /* @__PURE__ */ jsxRuntime.jsx(
         framerMotion.motion.div,
         {
@@ -2654,7 +2654,7 @@ function MultiSelectContentBase({
                     placeholder: typeof search === "object" ? search.placeholder : void 0
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("button", { autoFocus: true, className: "sr-only" }),
-                /* @__PURE__ */ jsxRuntime.jsxs(CommandListBase, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(CommandListBase, { className: "border-border", children: [
                   canSearch && /* @__PURE__ */ jsxRuntime.jsx(CommandEmptyBase, { children: typeof search === "object" ? search.emptyMessage ?? emptyMessage : emptyMessage }),
                   children
                 ] })
@@ -13822,7 +13822,7 @@ function MultiSelect({
             MultiSelectTriggerBase,
             {
               className: cn(
-                "flex items-center gap-2 justify-between",
+                "flex items-center gap-2 justify-between hover:bg-muted transition-all duration-150",
                 error && "border-red-500",
                 className
               ),

package/dist/index.mjs

@@ -627,7 +627,7 @@ var DialogOverlayBase = React33.forwardRef(({ className, testid: dataTestId = "d
   {
     ref,
     className: cn(
-      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0  border-border",
       className
     ),
     "data-testid": dataTestId,
@@ -1859,7 +1859,7 @@ var CommandBase = React33.forwardRef(({ className, testid: dataTestId = "command
   {
     ref,
     className: cn(
-      "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground",
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-popover-foreground border-border",
       className
     ),
     "data-testid": dataTestId,
@@ -1881,13 +1881,13 @@ var CommandDialogBase = ({ children, open, ...props }) => {
       exit: "exit",
       variants: dialogVariants,
       transition: { duration: 0.2, ease: "easeOut" },
-      className: "overflow-hidden p-0",
+      className: "overflow-hidden p-0 ",
       children: /* @__PURE__ */ jsx(CommandBase, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children })
     },
     "command-dialog"
   ) }) }) });
 };
-var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInputBase = React33.forwardRef(({ className, testid: dataTestId = "command-input", ...props }, ref) => /* @__PURE__ */ jsxs("div", { className: "flex items-center border-b px-3  border-border", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ jsx(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 text-primary" }),
   /* @__PURE__ */ jsx(
     Command.Input,
@@ -2585,7 +2585,7 @@ function MultiSelectContentBase({
     PopoverContentBase,
     {
       forceMount: true,
-      className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0",
+      className: "w-[--radix-popover-trigger-width] relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md p-0 border-border",
       children: /* @__PURE__ */ jsx(
         motion.div,
         {
@@ -2611,7 +2611,7 @@ function MultiSelectContentBase({
                     placeholder: typeof search === "object" ? search.placeholder : void 0
                   }
                 ) : /* @__PURE__ */ jsx("button", { autoFocus: true, className: "sr-only" }),
-                /* @__PURE__ */ jsxs(CommandListBase, { children: [
+                /* @__PURE__ */ jsxs(CommandListBase, { className: "border-border", children: [
                   canSearch && /* @__PURE__ */ jsx(CommandEmptyBase, { children: typeof search === "object" ? search.emptyMessage ?? emptyMessage : emptyMessage }),
                   children
                 ] })
@@ -13779,7 +13779,7 @@ function MultiSelect({
             MultiSelectTriggerBase,
             {
               className: cn(
-                "flex items-center gap-2 justify-between",
+                "flex items-center gap-2 justify-between hover:bg-muted transition-all duration-150",
                 error && "border-red-500",
                 className
               ),

package/package.json

@@ -4,7 +4,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.8.13",
+  "version": "1.8.14",
   "homepage": "https://main--68e80310a069c2f10b546ef3.chromatic.com/",
   "repository": {
     "type": "git",