@goodhood-web/ui 3.5.0-development.2 → 3.5.0-development.3

package/index.mjs

@@ -18985,19 +18985,20 @@ const WV = "_root_1ur9y_141", jV = "_root__detailWrapper_1ur9y_148", ZV = "_root
   href: r,
   isSelected: a,
   labelPillClassName: o,
-  labelPillText: s,
-  leftIcon: l,
-  onClick: c,
-  rightIcon: u,
-  role: d,
-  text: f
+  labelPillSize: s = "medium",
+  labelPillText: l,
+  leftIcon: c,
+  onClick: u,
+  rightIcon: d,
+  role: f,
+  text: h
 }) => {
-  const h = () => e ? "body-regular" : a ? "h5" : "body-large";
+  const p = () => e ? "body-regular" : a ? "h5" : "body-large";
   return /* @__PURE__ */ g(
     de,
     {
-      role: d,
-      onClick: c,
+      role: f,
+      onClick: u,
       className: R(t, Ue.menuItem, {
         [Ue["menuItem--selected"]]: a,
         [Ue["menuItem--compact"]]: e
@@ -19010,22 +19011,22 @@ const WV = "_root_1ur9y_141", jV = "_root__detailWrapper_1ur9y_148", ZV = "_root
             [Ue["menuItem--compact"]]: e
           }),
           children: [
-            l && /* @__PURE__ */ g("span", { className: Ue.leftIcon, children: l }),
+            c && /* @__PURE__ */ g("span", { className: Ue.leftIcon, children: c }),
             /* @__PURE__ */ z("div", { className: Ue.textWrapper, children: [
               /* @__PURE__ */ z("div", { className: Ue.titleWrapper, children: [
-                /* @__PURE__ */ g(W, { type: h(), as: "span", children: f }),
-                s && /* @__PURE__ */ g(
+                /* @__PURE__ */ g(W, { type: p(), as: "span", children: h }),
+                l && /* @__PURE__ */ g(
                   sn,
                   {
-                    label: s,
-                    size: "medium",
-                    className: o
+                    label: l,
+                    className: o,
+                    size: s
                   }
                 )
               ] }),
               n && /* @__PURE__ */ g(W, { type: "detail-regular", className: Ue.description, children: n })
             ] }),
-            u && /* @__PURE__ */ g("span", { className: Ue.rightIcon, children: u })
+            d && /* @__PURE__ */ g("span", { className: Ue.rightIcon, children: d })
           ]
         }
       )

package/lib/Molecules/Navigation/MenuItem/MenuItem.d.ts

@@ -1,3 +1,3 @@
 import { MenuItemProps } from './MenuItem.types';
-declare const MenuItem: ({ className: passedClassName, compact, descriptionText, href, isSelected, labelPillClassName, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ className: passedClassName, compact, descriptionText, href, isSelected, labelPillClassName, labelPillSize, labelPillText, leftIcon, onClick, rightIcon, role, text, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
 export default MenuItem;

package/lib/Molecules/Navigation/MenuItem/MenuItem.types.d.ts

@@ -8,6 +8,7 @@ export interface MenuItemProps {
     id?: string;
     isSelected?: boolean;
     labelPillClassName?: string;
+    labelPillSize?: 'small' | 'medium' | 'large';
     labelPillText?: string;
     leftIcon?: ReactNode;
     onClick?: ButtonProps['onClick'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "3.5.0-development.2",
+  "version": "3.5.0-development.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",