@embedreach/components 0.1.28 → 0.1.30

package/dist/chunks/index.js

@@ -23941,7 +23941,7 @@ const createMotionComponent = /* @__PURE__ */ createMotionComponentFactory({
   ...layout
 }, createDomVisualElement);
 const motion = /* @__PURE__ */ createDOMMotionComponentProxy(createMotionComponent);
-const BlurDiv = ({ children: children2, className: className2, key }) => {
+const BlurDiv = ({ children: children2, className: className2 }) => {
   return /* @__PURE__ */ jsx(
     motion.div,
     {
@@ -23951,8 +23951,7 @@ const BlurDiv = ({ children: children2, className: className2, key }) => {
       transition: { duration: 0.3, ease: "easeInOut" },
       className: className2,
       children: children2
-    },
-    key
+    }
   );
 };
 const BUSINESS_SEGMENT_PATH = "/segments";
@@ -24278,6 +24277,7 @@ const ActionButtons$1 = ({
     /* @__PURE__ */ jsx(
       Button$1,
       {
+        variant: "secondary",
         className: cn$1("px-4 py-2"),
         onClick: () => {
           if (currentStep === "choose-automation-type") {
@@ -24300,7 +24300,7 @@ const ActionButtons$1 = ({
       {
         className: cn$1("px-4 py-2"),
         onClick: () => {
-          if (!isDisabled) {
+          if (!isDisabled && currentStep === "set-automation-name") {
             createAutomation2();
           }
         },
@@ -36189,13 +36189,14 @@ const MultiSelect = React.forwardRef(
         modal: modalPopover,
         children: [
           /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-            Button$1,
+            "button",
             {
+              type: "button",
               ref,
               ...props,
               onClick: handleTogglePopover,
               className: cn$1(
-                "flex w-full p-1 rounded-md border min-h-10 h-auto items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto ",
+                "flex w-full p-1 rounded-md border min-h-9 h-auto items-center justify-between bg-white hover:bg-gray-50 [&_svg]:pointer-events-auto data-[state=open]:bg-gray-50",
                 className2
               ),
               children: selectedValues.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center w-full", children: [

package/dist/index.umd.js

@@ -23958,7 +23958,7 @@
     ...layout
   }, createDomVisualElement);
   const motion = /* @__PURE__ */ createDOMMotionComponentProxy(createMotionComponent);
-  const BlurDiv = ({ children: children2, className: className2, key }) => {
+  const BlurDiv = ({ children: children2, className: className2 }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       motion.div,
       {
@@ -23968,8 +23968,7 @@
         transition: { duration: 0.3, ease: "easeInOut" },
         className: className2,
         children: children2
-      },
-      key
+      }
     );
   };
   const BUSINESS_SEGMENT_PATH = "/segments";
@@ -24295,6 +24294,7 @@
       /* @__PURE__ */ jsxRuntime.jsx(
         Button$2,
         {
+          variant: "secondary",
           className: cn$1("px-4 py-2"),
           onClick: () => {
             if (currentStep === "choose-automation-type") {
@@ -24317,7 +24317,7 @@
         {
           className: cn$1("px-4 py-2"),
           onClick: () => {
-            if (!isDisabled) {
+            if (!isDisabled && currentStep === "set-automation-name") {
               createAutomation2();
             }
           },
@@ -36206,13 +36206,14 @@ For more information, see https://radix-ui.com/primitives/docs/components/${titl
           modal: modalPopover,
           children: [
             /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-              Button$2,
+              "button",
               {
+                type: "button",
                 ref,
                 ...props,
                 onClick: handleTogglePopover,
                 className: cn$1(
-                  "flex w-full p-1 rounded-md border min-h-10 h-auto items-center justify-between bg-inherit hover:bg-inherit [&_svg]:pointer-events-auto ",
+                  "flex w-full p-1 rounded-md border min-h-9 h-auto items-center justify-between bg-white hover:bg-gray-50 [&_svg]:pointer-events-auto data-[state=open]:bg-gray-50",
                   className2
                 ),
                 children: selectedValues.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center w-full", children: [

package/dist/styles.css

@@ -993,12 +993,12 @@ video {
 .max-h-screen {
   max-height: 100vh;
 }
-.min-h-10 {
-  min-height: 2.5rem;
-}
 .min-h-6 {
   min-height: 1.5rem;
 }
+.min-h-9 {
+  min-height: 2.25rem;
+}
 .min-h-\[100vh\] {
   min-height: 100vh;
 }
@@ -1809,9 +1809,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
 }
-.bg-inherit {
-  background-color: inherit;
-}
 .bg-muted {
   background-color: hsl(var(--muted));
 }
@@ -2751,9 +2748,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
 }
-.hover\:bg-inherit:hover {
-  background-color: inherit;
-}
 .hover\:bg-muted:hover {
   background-color: hsl(var(--muted));
 }
@@ -3071,6 +3065,10 @@ video {
 .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
   background-color: hsl(var(--accent) / 0.5);
 }
+.data-\[state\=open\]\:bg-gray-50[data-state="open"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=open\]\:bg-secondary[data-state="open"] {
   background-color: hsl(var(--secondary));
 }
@@ -4722,12 +4720,12 @@ video {
 .max-h-screen {
   max-height: 100vh;
 }
-.min-h-10 {
-  min-height: 2.5rem;
-}
 .min-h-6 {
   min-height: 1.5rem;
 }
+.min-h-9 {
+  min-height: 2.25rem;
+}
 .min-h-\[100vh\] {
   min-height: 100vh;
 }
@@ -5538,9 +5536,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
 }
-.bg-inherit {
-  background-color: inherit;
-}
 .bg-muted {
   background-color: hsl(var(--muted));
 }
@@ -6480,9 +6475,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
 }
-.hover\:bg-inherit:hover {
-  background-color: inherit;
-}
 .hover\:bg-muted:hover {
   background-color: hsl(var(--muted));
 }
@@ -6800,6 +6792,10 @@ video {
 .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
   background-color: hsl(var(--accent) / 0.5);
 }
+.data-\[state\=open\]\:bg-gray-50[data-state="open"] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
+}
 .data-\[state\=open\]\:bg-secondary[data-state="open"] {
   background-color: hsl(var(--secondary));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embedreach/components",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "private": false,
   "type": "module",
   "main": "./dist/index.umd.js",