@vitality-ds/components 4.8.1 → 4.9.1

package/dist/esm/DropdownMenu/components/DropdownMenuItem/styles/BaseItem.styles.js

@@ -36,5 +36,10 @@ export default css(_defineProperty(_defineProperty(_defineProperty(_defineProper
     "true": {
       paddingLeft: "$xl"
     }
+  },
+  htmlTag: {
+    a: {
+      textDecoration: "none"
+    }
   }
 }));

package/dist/esm/DropdownMenu/components/DropdownMenuLinkItem/index.js

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["label", "shortcut", "icon", "disabled", "indentContent"];
+import React from "react";
+import Content from "../Content";
+import { BaseDropdownMenuItem } from "../DropdownMenuItem/styled";
+function DropdownMenuLinkItem(_ref) {
+  var label = _ref.label,
+    shortcut = _ref.shortcut,
+    icon = _ref.icon,
+    disabled = _ref.disabled,
+    indentContent = _ref.indentContent,
+    linkProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(BaseDropdownMenuItem, {
+    asChild: true,
+    disabled: disabled,
+    indentContent: indentContent,
+    htmlTag: "a"
+  }, /*#__PURE__*/React.createElement("a", _extends({
+    role: "menuitem"
+  }, linkProps), /*#__PURE__*/React.createElement(Content, {
+    icon: icon,
+    label: label,
+    shortcut: shortcut
+  })));
+}
+export default DropdownMenuLinkItem;

package/dist/esm/DropdownMenu/components/DropdownMenuLinkItem/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/DropdownMenu/components/Submenu/constants.js

@@ -2,11 +2,15 @@ import Divider from "../../../Divider";
 import CheckableDropdownMenuItem from "../CheckableDropdownMenuItem";
 import CustomDropdownMenuItem from "../CustomDropdownMenuItem";
 import DropdownMenuItem from "../DropdownMenuItem";
+import DropdownMenuLinkItem from "../DropdownMenuLinkItem";
 import GroupLabel from "../GroupLabel";
 export default {
   item: {
     component: DropdownMenuItem
   },
+  link: {
+    component: DropdownMenuLinkItem
+  },
   checkableItem: {
     component: CheckableDropdownMenuItem
   },