mcr-design-systems 1.0.19 → 1.0.20

package/dist/components/Alert/helper/variants.js

@@ -94,7 +94,7 @@ const t = e({
     "flex",
     "flex-row",
     "gap-xs",
-    "items-center",
+    "items-start",
     "justify-center",
     "relative",
     "w-full"

package/dist/components/Dropdown/index.js

@@ -1,4 +1,4 @@
-import { jsxs as m, Fragment as te, jsx as r } from "react/jsx-runtime";
+import { jsxs as f, Fragment as te, jsx as r } from "react/jsx-runtime";
 import * as s from "react";
 import { Root as re, Trigger as ae, Portal as ne, Content as le, Label as L, Separator as T } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
 import { useVirtualizer as oe } from "../../node_modules/@tanstack/react-virtual/dist/esm/index.js";
@@ -31,43 +31,43 @@ const ce = s.forwardRef(
     variant: q,
     fullWidth: B,
     state: G,
-    enableVirtualization: h,
+    enableVirtualization: m,
     itemHeight: J = 40,
     maxHeight: K = 300,
-    search: p = !1,
+    search: h = !1,
     searchPlaceholder: O = "Search...",
     onSearchChange: z,
     width: b,
     ...Q
   }, U) => {
-    const n = ie({ size: S, variant: q, fullWidth: B, state: G }), d = s.useMemo(() => h !== void 0 ? h : c === void 0 ? (console.warn(
+    const n = ie({ size: S, variant: q, fullWidth: B, state: G }), d = s.useMemo(() => m !== void 0 ? m : c === void 0 ? (console.warn(
       "Dropdown is not open, virtualization will not be applied. Please ensure the dropdown is open when using virtualization."
-    ), !1) : a.reduce((t, l) => t + ("items" in l ? l.items.length : 1), 0) > 50, [h, a, c]), u = s.useMemo(() => {
+    ), !1) : a.reduce((t, l) => t + ("items" in l ? l.items.length : 1), 0) > 50, [m, a, c]), u = s.useMemo(() => {
       if (!d) return [];
       const e = [];
       let t = 0;
-      return a.forEach((l, f) => {
+      return a.forEach((l, p) => {
         "items" in l ? (l.label && e.push({
           type: "group-label",
           groupLabel: l.label,
           index: t++,
-          key: `group-label-${f}`
+          key: `group-label-${p}`
         }), l.items.forEach((_, ee) => {
           e.push({
             type: "item",
             data: _,
             index: t++,
-            key: `group-${f}-item-${ee}`
+            key: `group-${p}-item-${ee}`
           });
-        }), f < a.length - 1 && e.push({
+        }), p < a.length - 1 && e.push({
           type: "separator",
           index: t++,
-          key: `separator-${f}`
+          key: `separator-${p}`
         })) : e.push({
           type: "item",
           data: l,
           index: t++,
-          key: `item-${f}`
+          key: `item-${p}`
         });
       }), e;
     }, [d, a]), y = s.useRef(null), g = oe({
@@ -124,7 +124,7 @@ const ce = s.forwardRef(
         default:
           return null;
       }
-    }, X = () => H ? /* @__PURE__ */ m("div", { className: n.emptyState(), children: [
+    }, X = () => H ? /* @__PURE__ */ f("div", { className: n.emptyState(), children: [
       /* @__PURE__ */ r(k, { name: "loading-01", size: 16, className: "animate-spin mr-2" }),
       "Loading..."
     ] }) : a.length === 0 ? /* @__PURE__ */ r("div", { className: n.emptyState(), children: Y }) : d && u.length > 0 ? /* @__PURE__ */ r(
@@ -154,11 +154,11 @@ const ce = s.forwardRef(
           ) : null;
         })
       }
-    ) : a.map((e, t) => "items" in e ? /* @__PURE__ */ m(s.Fragment, { children: [
+    ) : a.map((e, t) => "items" in e ? /* @__PURE__ */ f(s.Fragment, { children: [
       e.label && /* @__PURE__ */ r(L, { className: n.label(), children: e.label }),
       e.items.map(v),
       t < a.length - 1 && /* @__PURE__ */ r(T, { className: n.separator() })
-    ] }, `group-${t}`) : v(e)), Z = /* @__PURE__ */ m(te, { children: [
+    ] }, `group-${t}`) : v(e)), Z = /* @__PURE__ */ f(te, { children: [
       /* @__PURE__ */ r(
         "span",
         {
@@ -171,9 +171,9 @@ const ce = s.forwardRef(
       ),
       /* @__PURE__ */ r(k, { name: "chevron-down", size: 16, className: n.chevron() })
     ] });
-    return h && c === void 0 ? (console.error(
+    return m && c === void 0 ? (console.error(
       "Virtualization is enabled but the dropdown is not open. Please ensure the dropdown is open when using virtualization."
-    ), null) : /* @__PURE__ */ m(
+    ), null) : /* @__PURE__ */ f(
       re,
       {
         open: c,
@@ -193,10 +193,10 @@ const ce = s.forwardRef(
               children: F || D || Z
             }
           ),
-          /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ m(
+          /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ f(
             le,
             {
-              className: n.content({ search: p }),
+              className: n.content({ search: h }),
               side: j,
               align: A,
               sideOffset: I,
@@ -205,7 +205,7 @@ const ce = s.forwardRef(
               },
               ...i && R(`${i}-content`),
               children: [
-                p && /* @__PURE__ */ r("div", { className: "px-xs-3 py-xs-3", children: /* @__PURE__ */ r(
+                h && /* @__PURE__ */ r("div", { className: "px-xs-3 py-xs-3", children: /* @__PURE__ */ r(
                   "input",
                   {
                     autoFocus: !0,
@@ -221,11 +221,9 @@ const ce = s.forwardRef(
                   "div",
                   {
                     ref: y,
-                    className: w("overflow-auto", {
-                      "p-xs-3": p
-                    }),
-                    style: { maxHeight: `${K - (p ? 46 : 0)}px` },
-                    "data-search": p ? "true" : "false",
+                    className: w("overflow-auto p-xs-3"),
+                    style: { maxHeight: `${K - (h ? 46 : 0)}px` },
+                    "data-search": h ? "true" : "false",
                     children: X()
                   }
                 )

package/dist/components/MenuItem/helper/variants.js

@@ -34,7 +34,8 @@ const s = e(
         "data-[disabled]:opacity-50",
         "data-[disabled]:cursor-not-allowed",
         "data-[disabled]:pointer-events-none",
-        "data-[disabled]:text-fg-neutral-disabled"
+        "data-[disabled]:text-fg-neutral-disabled",
+        "rounded-sm"
       ],
       indicator: [
         "absolute",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "mcr-design-systems",
   "private": false,
-  "version": "1.0.19",
+  "version": "1.0.20",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",