@umami/react-zen 0.178.0 → 0.179.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +4 -1
  2. package/dist/index.d.ts +4 -1
  3. package/dist/index.js +16 -3
  4. package/dist/index.mjs +16 -3
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -482,9 +482,12 @@ interface MenuProps extends MenuProps$1<any> {
482
482
  }
483
483
  declare function Menu({ className, children, ...props }: MenuProps): react.JSX.Element;
484
484
  interface MenuItemProps extends MenuItemProps$1 {
485
+ icon?: ReactNode;
486
+ label?: string;
485
487
  showChecked?: boolean;
488
+ showSubMenuIcon?: boolean;
486
489
  }
487
- declare function MenuItem({ showChecked, children, className, ...props }: MenuItemProps): react.JSX.Element;
490
+ declare function MenuItem({ icon, label, showChecked, showSubMenuIcon, children, className, ...props }: MenuItemProps): react.JSX.Element;
488
491
  declare function MenuSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
489
492
  interface MenuSectionProps extends MenuSectionProps$1<any> {
490
493
  title?: string;
package/dist/index.d.ts CHANGED
@@ -482,9 +482,12 @@ interface MenuProps extends MenuProps$1<any> {
482
482
  }
483
483
  declare function Menu({ className, children, ...props }: MenuProps): react.JSX.Element;
484
484
  interface MenuItemProps extends MenuItemProps$1 {
485
+ icon?: ReactNode;
486
+ label?: string;
485
487
  showChecked?: boolean;
488
+ showSubMenuIcon?: boolean;
486
489
  }
487
- declare function MenuItem({ showChecked, children, className, ...props }: MenuItemProps): react.JSX.Element;
490
+ declare function MenuItem({ icon, label, showChecked, showSubMenuIcon, children, className, ...props }: MenuItemProps): react.JSX.Element;
488
491
  declare function MenuSeparator({ className, ...props }: SeparatorProps): react.JSX.Element;
489
492
  interface MenuSectionProps extends MenuSectionProps$1<any> {
490
493
  title?: string;
package/dist/index.js CHANGED
@@ -33591,10 +33591,23 @@ var import_jsx_runtime51 = require("react/jsx-runtime");
33591
33591
  function Menu2({ className, children, ...props }) {
33592
33592
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
33593
33593
  }
33594
- function MenuItem2({ showChecked = true, children, className, ...props }) {
33594
+ function MenuItem2({
33595
+ icon,
33596
+ label,
33597
+ showChecked = true,
33598
+ showSubMenuIcon,
33599
+ children,
33600
+ className,
33601
+ ...props
33602
+ }) {
33595
33603
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
33596
- /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: Menu_default.label, children }),
33597
- showChecked && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Check, {}) }) })
33604
+ /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: Menu_default.label, children: [
33605
+ icon && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { children: icon }),
33606
+ label && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Text, { children: label }),
33607
+ children
33608
+ ] }),
33609
+ showChecked && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Check, {}) }),
33610
+ showSubMenuIcon && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(ChevronRight, {}) })
33598
33611
  ] });
33599
33612
  }
33600
33613
  function MenuSeparator({ className, ...props }) {
package/dist/index.mjs CHANGED
@@ -33473,10 +33473,23 @@ import { jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
33473
33473
  function Menu2({ className, children, ...props }) {
33474
33474
  return /* @__PURE__ */ jsx51($3674c52c6b3c5bce$export$d9b273488cd8ce6f, { ...props, className: (0, import_classnames36.default)(Menu_default.menu, className), children });
33475
33475
  }
33476
- function MenuItem2({ showChecked = true, children, className, ...props }) {
33476
+ function MenuItem2({
33477
+ icon,
33478
+ label,
33479
+ showChecked = true,
33480
+ showSubMenuIcon,
33481
+ children,
33482
+ className,
33483
+ ...props
33484
+ }) {
33477
33485
  return /* @__PURE__ */ jsxs28($3674c52c6b3c5bce$export$2ce376c2cc3355c8, { ...props, className: (0, import_classnames36.default)(Menu_default.item, className), children: [
33478
- /* @__PURE__ */ jsx51("div", { className: Menu_default.label, children }),
33479
- showChecked && /* @__PURE__ */ jsx51("div", { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ jsx51(Icon2, { children: /* @__PURE__ */ jsx51(Check, {}) }) })
33486
+ /* @__PURE__ */ jsxs28("div", { className: Menu_default.label, children: [
33487
+ icon && /* @__PURE__ */ jsx51(Icon2, { children: icon }),
33488
+ label && /* @__PURE__ */ jsx51(Text, { children: label }),
33489
+ children
33490
+ ] }),
33491
+ showChecked && /* @__PURE__ */ jsx51(Icon2, { "aria-hidden": "true", className: Menu_default.checkmark, children: /* @__PURE__ */ jsx51(Check, {}) }),
33492
+ showSubMenuIcon && /* @__PURE__ */ jsx51(Icon2, { "aria-hidden": "true", children: /* @__PURE__ */ jsx51(ChevronRight, {}) })
33480
33493
  ] });
33481
33494
  }
33482
33495
  function MenuSeparator({ className, ...props }) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/react-zen",
3
- "version": "0.178.0",
3
+ "version": "0.179.0",
4
4
  "description": "Modern, minimalist React component library",
5
5
  "author": "Umami <hello@umami.is>",
6
6
  "license": "MIT",