@momentum-design/components 0.62.1 → 0.62.3

package/dist/index.d.ts

@@ -46,6 +46,7 @@ import VirtualizedList from './components/virtualizedlist';
 import TabList from './components/tablist';
 import ButtonLink from './components/buttonlink';
 import Linksimple from './components/linksimple';
+import MenuItem from './components/menuitem';
 import type { BadgeType } from './components/badge/badge.types';
 import type { ButtonColor, ButtonVariant, IconButtonSize, PillButtonSize } from './components/button/button.types';
 import type { PopoverPlacement } from './components/popover/popover.types';
@@ -53,6 +54,6 @@ import type { SpinnerSize, SpinnerVariant } from './components/spinner/spinner.t
 import type { TextType } from './components/text/text.types';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
-export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, StaticToggle, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, ButtonLink, Linksimple, };
+export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, StaticToggle, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, ButtonLink, Linksimple, MenuItem, };
 export type { TextType, SpinnerSize, SpinnerVariant, PopoverPlacement, BadgeType, IconButtonSize, PillButtonSize, ButtonVariant, ButtonColor, };
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

package/dist/index.js

@@ -47,10 +47,11 @@ import VirtualizedList from './components/virtualizedlist';
 import TabList from './components/tablist';
 import ButtonLink from './components/buttonlink';
 import Linksimple from './components/linksimple';
+import MenuItem from './components/menuitem';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
 // Constants / Utils Imports
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, } from './components/button/button.constants';
 // Components Exports
-export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, StaticToggle, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, ButtonLink, Linksimple, };
+export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, StaticToggle, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, ButtonLink, Linksimple, MenuItem, };
 // Constants / Utils Exports
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
 export { default as AlertChip } from './alertchip';
-export { default as Avatar } from './avatar';
 export { default as Appheader } from './appheader';
+export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
@@ -16,14 +16,15 @@ export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
-export { default as Input } from './input';
 export { default as IconProvider } from './iconprovider';
-export { default as InputChip } from './inputchip';
+export { default as Input } from './input';
 export { default as Link } from './link';
+export { default as InputChip } from './inputchip';
 export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
+export { default as MenuItem } from './menuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
 export { default as Popover } from './popover';

package/dist/react/index.js

@@ -1,6 +1,6 @@
 export { default as AlertChip } from './alertchip';
-export { default as Avatar } from './avatar';
 export { default as Appheader } from './appheader';
+export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
@@ -16,14 +16,15 @@ export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
-export { default as Input } from './input';
 export { default as IconProvider } from './iconprovider';
-export { default as InputChip } from './inputchip';
+export { default as Input } from './input';
 export { default as Link } from './link';
+export { default as InputChip } from './inputchip';
 export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
+export { default as MenuItem } from './menuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
 export { default as Popover } from './popover';

package/dist/react/menuitem/index.d.ts

@@ -0,0 +1,27 @@
+import { type EventName } from '@lit/react';
+import Component from '../../components/menuitem';
+/**
+ * menuitem component is inherited by listitem component with the role set `menuitem`.<br/>
+ * A menu item can contain an icon on the leading or trailing side.
+ *
+ * The leading and trailing slots can be used to display controls and text.<br/>
+ * Based on the leading/trailing slot, the position of the controls and text can be adjusted.
+ *
+ * Please use mdc-menu as a parent element even when there is only menuitem for a11y purpose.
+ *
+ * @dependency mdc-text
+ *
+ * @tagname mdc-menuitem
+ *
+ * @event click - (React: onClick) This event is dispatched when the menuitem is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the menuitem.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the menuitem.
+ * @event focus - (React: onFocus) This event is dispatched when the menuitem receives focus.
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onClick: EventName<MouseEvent>;
+    onKeyDown: EventName<KeyboardEvent>;
+    onKeyUp: EventName<KeyboardEvent>;
+    onFocus: EventName<FocusEvent>;
+}>;
+export default reactWrapper;

package/dist/react/menuitem/index.js

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/menuitem';
+import { TAG_NAME } from '../../components/menuitem/menuitem.constants';
+/**
+ * menuitem component is inherited by listitem component with the role set `menuitem`.<br/>
+ * A menu item can contain an icon on the leading or trailing side.
+ *
+ * The leading and trailing slots can be used to display controls and text.<br/>
+ * Based on the leading/trailing slot, the position of the controls and text can be adjusted.
+ *
+ * Please use mdc-menu as a parent element even when there is only menuitem for a11y purpose.
+ *
+ * @dependency mdc-text
+ *
+ * @tagname mdc-menuitem
+ *
+ * @event click - (React: onClick) This event is dispatched when the menuitem is clicked.
+ * @event keydown - (React: onKeyDown) This event is dispatched when a key is pressed down on the menuitem.
+ * @event keyup - (React: onKeyUp) This event is dispatched when a key is released on the menuitem.
+ * @event focus - (React: onFocus) This event is dispatched when the menuitem receives focus.
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {
+        onClick: 'click',
+        onKeyDown: 'keydown',
+        onKeyUp: 'keyup',
+        onFocus: 'focus',
+    },
+    displayName: 'MenuItem',
+});
+export default reactWrapper;

package/package.json

@@ -39,5 +39,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.62.1"
+  "version": "0.62.3"
 }