@momentum-design/components 0.72.0 → 0.73.1

package/dist/index.d.ts

@@ -54,6 +54,7 @@ import Tooltip from './components/tooltip';
 import VirtualizedList from './components/virtualizedlist';
 import MenuItemRadio from './components/menuitemradio';
 import MenuItemCheckbox from './components/menuitemcheckbox';
+import MenuSection from './components/menusection';
 import Animation from './components/animation';
 import type { BadgeType } from './components/badge/badge.types';
 import type { ButtonColor, ButtonVariant, IconButtonSize, PillButtonSize } from './components/button/button.types';
@@ -62,6 +63,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, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker, MenuItem, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, VirtualizedList, StaticCheckbox, StaticRadio, StaticToggle, ToggleTip, Tooltip, MenuItemRadio, MenuItemCheckbox, };
+export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker, MenuItem, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, VirtualizedList, StaticCheckbox, StaticRadio, StaticToggle, ToggleTip, Tooltip, MenuItemRadio, MenuItemCheckbox, MenuSection, };
 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

@@ -55,11 +55,12 @@ import Tooltip from './components/tooltip';
 import VirtualizedList from './components/virtualizedlist';
 import MenuItemRadio from './components/menuitemradio';
 import MenuItemCheckbox from './components/menuitemcheckbox';
+import MenuSection from './components/menusection';
 import Animation from './components/animation';
 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, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker, MenuItem, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, VirtualizedList, StaticCheckbox, StaticRadio, StaticToggle, ToggleTip, Tooltip, MenuItemRadio, MenuItemCheckbox, };
+export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker, MenuItem, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, VirtualizedList, StaticCheckbox, StaticRadio, StaticToggle, ToggleTip, Tooltip, MenuItemRadio, MenuItemCheckbox, MenuSection, };
 // Constants / Utils Exports
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

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

@@ -8,10 +8,12 @@ import Component from '../../components/animation';
  *
  * @tagname mdc-animation
  *
+ * @event load - (React: onLoad) This event is dispatched when the animation is loaded
  * @event complete - (React: onComplete) This event is dispatched when all animation loops completed
  * @event error - (React: onError) This event is dispatched when animation loading failed
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onLoad: EventName<Event>;
     onComplete: EventName<Event>;
     onError: EventName<Event>;
 }>;

package/dist/react/animation/index.js

@@ -10,6 +10,7 @@ import { TAG_NAME } from '../../components/animation/animation.constants';
  *
  * @tagname mdc-animation
  *
+ * @event load - (React: onLoad) This event is dispatched when the animation is loaded
  * @event complete - (React: onComplete) This event is dispatched when all animation loops completed
  * @event error - (React: onError) This event is dispatched when animation loading failed
  */
@@ -18,6 +19,7 @@ const reactWrapper = createComponent({
     elementClass: Component,
     react: React,
     events: {
+        onLoad: 'load',
         onComplete: 'complete',
         onError: 'error',
     },

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
+export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
-export { default as AlertChip } from './alertchip';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
@@ -24,8 +24,8 @@ export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
-export { default as Link } from './link';
 export { default as InputChip } from './inputchip';
+export { default as Link } from './link';
 export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
@@ -33,6 +33,7 @@ export { default as Marker } from './marker';
 export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';
+export { default as MenuSection } from './menusection';
 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 Animation } from './animation';
 export { default as Appheader } from './appheader';
-export { default as AlertChip } from './alertchip';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
@@ -24,8 +24,8 @@ export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
 export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
-export { default as Link } from './link';
 export { default as InputChip } from './inputchip';
+export { default as Link } from './link';
 export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
@@ -33,6 +33,7 @@ export { default as Marker } from './marker';
 export { default as MenuItem } from './menuitem';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
 export { default as MenuItemRadio } from './menuitemradio';
+export { default as MenuSection } from './menusection';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
 export { default as Popover } from './popover';

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

@@ -0,0 +1,16 @@
+import Component from '../../components/menusection';
+/**
+ * `mdc-menusection` is a container element used to group a set of menu items.
+ *
+ * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.
+ *
+ * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:
+ *   only one radio item can be selected at a time.
+ * - If `menuitemcheckbox` components are included, their checked state can be toggled independently.
+ *
+ * @tagname mdc-menusection
+ *
+ * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/menusection/index.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/menusection';
+import { TAG_NAME } from '../../components/menusection/menusection.constants';
+/**
+ * `mdc-menusection` is a container element used to group a set of menu items.
+ *
+ * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.
+ *
+ * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:
+ *   only one radio item can be selected at a time.
+ * - If `menuitemcheckbox` components are included, their checked state can be toggled independently.
+ *
+ * @tagname mdc-menusection
+ *
+ * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'MenuSection',
+});
+export default reactWrapper;

package/package.json

@@ -41,5 +41,5 @@
     "lottie-web": "^5.12.2",
     "uuid": "^11.0.5"
   },
-  "version": "0.72.0"
+  "version": "0.73.1"
 }