@dev-blinq/ui-systems 1.0.101 → 1.0.103

package/dist/index.mjs

@@ -7011,7 +7011,7 @@ const af = X(Vo)`
     }
   }
   .MuiAccordionDetails-root {
-    padding: 0px;
+    padding: 0px 16px;
   }
 `;
 function of({ expanded: e, title: r, onChange: n, details: t }) {
@@ -7030,9 +7030,7 @@ const sf = X.div`
   flex-direction: column;
   width: 100%;
   padding: 0px;
-  align-items: center;
   justify-content: space-between;
-
   .MuiTabs-root {
     min-height: 32px;
     button {
@@ -7041,7 +7039,7 @@ const sf = X.div`
   }
 `, cf = X.div`
   display: flex;
-  height: 37vh;
+  max-height: 37vh;
   overflow: auto;
 `, lf = X(q)`
   display: flex;
@@ -13046,6 +13044,14 @@ const qd = X(q)`
   transform: ${({ transform: e }) => e};
   transition: ${({ transition: e }) => e};
   // opacity: ${({ isDragging: e }) => e ? 0.4 : 1};
+  &:hover {
+    background: var(--secondary-lightest);
+    border-radius: 6px;
+  }
+  .active-step {
+    background: var(--primary-lightest);
+    border-radius: 6px;
+  }
 `, yd = X.section`
   position: relative;
   display: flex;
@@ -13179,8 +13185,7 @@ const qd = X(q)`
   border-radius: 16px;
   border: 1px solid var(--color-grey-40);
   background: white;
-  box-shadow:
-    0px 12px 16px -4px rgba(16, 24, 40, 0.08),
+  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
     0px 4px 6px -2px rgba(16, 24, 40, 0.03);
   margin-left: -20px;
   font-weight: 500;
@@ -13199,6 +13204,8 @@ const qd = X(q)`
   line-height: 30px;
   border-radius: ${({ isTopWarning: e }) => e ? "0px" : "6px"};
   font-size: ${({ isTopWarning: e }) => e ? "12px" : "10px"};
+  color: var(--color-warning-100);
+  border: 1px solid var(--color-warning-100);
   .MuiAlert-icon {
     margin-right: 6px;
   }
@@ -13214,7 +13221,8 @@ const qd = X(q)`
   fill: #ccc;
   background-color: ${({ hasCmdError: e, background: r }) => r || (e ? "rgba(251, 218, 211, 1)" : "#eee")};
   color: ${({ hasCmdError: e, strokeColor: r }) => r || (e ? "rgba(234, 70, 33, 1)" : "initial")};
-  outline: 1px solid ${({ strokeColor: e }) => e || "initial"};
+  outline: 1px solid
+    ${({ strokeColor: e }) => e || "initial"};
   border-radius: 12px;
 `, ux = X.img`
   max-width: inherit;
@@ -13333,7 +13341,15 @@ const qd = X(q)`
   showCursor: t
 }) => /* @__PURE__ */ A.jsx(Yi, { title: r, enterNextDelay: 0, enterDelay: 0, children: /* @__PURE__ */ A.jsx(Sd, { className: "title-text", children: e.map(
   (a, i) => a.isVariable ? /* @__PURE__ */ A.jsxs(A.Fragment, { children: [
-    /* @__PURE__ */ A.jsx(Ae, { className: "title-text", component: "span", sx: { visibility: "hidden" }, value: "." }),
+    /* @__PURE__ */ A.jsx(
+      Ae,
+      {
+        className: "title-text",
+        component: "span",
+        sx: { visibility: "hidden" },
+        value: "."
+      }
+    ),
     /* @__PURE__ */ A.jsx(
       Ae,
       {
@@ -13346,17 +13362,25 @@ const qd = X(q)`
           cursor: t ? "pointer" : "inherit"
         },
         onMouseDown: (l) => {
-          l.stopPropagation();
+          t || l.stopPropagation();
         },
         onClick: (l) => {
-          l.stopPropagation(), console.log("click"), n == null || n((s) => {
+          t || (l.stopPropagation(), n == null || n((s) => {
             const u = s.map((o) => !1);
             return u[i] = !s[i], u;
-          });
+          }));
         }
       }
     ),
-    /* @__PURE__ */ A.jsx(Ae, { className: "title-text", component: "span", sx: { visibility: "hidden" }, value: "." })
+    /* @__PURE__ */ A.jsx(
+      Ae,
+      {
+        className: "title-text",
+        component: "span",
+        sx: { visibility: "hidden" },
+        value: "."
+      }
+    )
   ] }) : /* @__PURE__ */ A.jsx(
     Ae,
     {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dev-blinq/ui-systems",
   "description": "this package contains all ui components like button, input, checkbox, colors that blinq.io needs",
-  "version": "1.0.101",
+  "version": "1.0.103",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",