@momentum-design/components 0.72.0 → 0.73.1

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 (33) hide show
  1. package/dist/browser/index.js +190 -190
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/animation/animation.component.d.ts +1 -0
  4. package/dist/components/animation/animation.component.js +3 -0
  5. package/dist/components/animation/animation.types.d.ts +2 -0
  6. package/dist/components/menuitemcheckbox/menuitemcheckbox.component.d.ts +2 -1
  7. package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js +2 -1
  8. package/dist/components/menuitemcheckbox/menuitemcheckbox.constants.d.ts +1 -5
  9. package/dist/components/menuitemcheckbox/menuitemcheckbox.constants.js +2 -5
  10. package/dist/components/menuitemcheckbox/menuitemcheckbox.types.d.ts +2 -3
  11. package/dist/components/menuitemradio/menuitemradio.component.d.ts +2 -2
  12. package/dist/components/menuitemradio/menuitemradio.component.js +1 -1
  13. package/dist/components/menuitemradio/menuitemradio.constants.d.ts +1 -5
  14. package/dist/components/menuitemradio/menuitemradio.constants.js +1 -5
  15. package/dist/components/menuitemradio/menuitemradio.types.d.ts +1 -4
  16. package/dist/components/menusection/index.d.ts +7 -0
  17. package/dist/components/menusection/index.js +4 -0
  18. package/dist/components/menusection/menusection.component.d.ts +58 -0
  19. package/dist/components/menusection/menusection.component.js +115 -0
  20. package/dist/components/menusection/menusection.constants.d.ts +6 -0
  21. package/dist/components/menusection/menusection.constants.js +7 -0
  22. package/dist/components/menusection/menusection.types.d.ts +4 -0
  23. package/dist/components/menusection/menusection.types.js +1 -0
  24. package/dist/custom-elements.json +749 -706
  25. package/dist/index.d.ts +2 -1
  26. package/dist/index.js +2 -1
  27. package/dist/react/animation/index.d.ts +2 -0
  28. package/dist/react/animation/index.js +2 -0
  29. package/dist/react/index.d.ts +3 -2
  30. package/dist/react/index.js +3 -2
  31. package/dist/react/menusection/index.d.ts +16 -0
  32. package/dist/react/menusection/index.js +25 -0
  33. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -54,6 +54,7 @@ import Tooltip from './components/tooltip';
54
54
  import VirtualizedList from './components/virtualizedlist';
55
55
  import MenuItemRadio from './components/menuitemradio';
56
56
  import MenuItemCheckbox from './components/menuitemcheckbox';
57
+ import MenuSection from './components/menusection';
57
58
  import Animation from './components/animation';
58
59
  import type { BadgeType } from './components/badge/badge.types';
59
60
  import type { ButtonColor, ButtonVariant, IconButtonSize, PillButtonSize } from './components/button/button.types';
@@ -62,6 +63,6 @@ import type { SpinnerSize, SpinnerVariant } from './components/spinner/spinner.t
62
63
  import type { TextType } from './components/text/text.types';
63
64
  import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
64
65
  import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
65
- 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, };
66
+ 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, };
66
67
  export type { TextType, SpinnerSize, SpinnerVariant, PopoverPlacement, BadgeType, IconButtonSize, PillButtonSize, ButtonVariant, ButtonColor, };
67
68
  export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };
package/dist/index.js CHANGED
@@ -55,11 +55,12 @@ import Tooltip from './components/tooltip';
55
55
  import VirtualizedList from './components/virtualizedlist';
56
56
  import MenuItemRadio from './components/menuitemradio';
57
57
  import MenuItemCheckbox from './components/menuitemcheckbox';
58
+ import MenuSection from './components/menusection';
58
59
  import Animation from './components/animation';
59
60
  import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
60
61
  // Constants / Utils Imports
61
62
  import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, } from './components/button/button.constants';
62
63
  // Components Exports
63
- 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, };
64
+ 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, };
64
65
  // Constants / Utils Exports
65
66
  export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };
@@ -8,10 +8,12 @@ import Component from '../../components/animation';
8
8
  *
9
9
  * @tagname mdc-animation
10
10
  *
11
+ * @event load - (React: onLoad) This event is dispatched when the animation is loaded
11
12
  * @event complete - (React: onComplete) This event is dispatched when all animation loops completed
12
13
  * @event error - (React: onError) This event is dispatched when animation loading failed
13
14
  */
14
15
  declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
16
+ onLoad: EventName<Event>;
15
17
  onComplete: EventName<Event>;
16
18
  onError: EventName<Event>;
17
19
  }>;
@@ -10,6 +10,7 @@ import { TAG_NAME } from '../../components/animation/animation.constants';
10
10
  *
11
11
  * @tagname mdc-animation
12
12
  *
13
+ * @event load - (React: onLoad) This event is dispatched when the animation is loaded
13
14
  * @event complete - (React: onComplete) This event is dispatched when all animation loops completed
14
15
  * @event error - (React: onError) This event is dispatched when animation loading failed
15
16
  */
@@ -18,6 +19,7 @@ const reactWrapper = createComponent({
18
19
  elementClass: Component,
19
20
  react: React,
20
21
  events: {
22
+ onLoad: 'load',
21
23
  onComplete: 'complete',
22
24
  onError: 'error',
23
25
  },
@@ -1,6 +1,6 @@
1
+ export { default as AlertChip } from './alertchip';
1
2
  export { default as Animation } from './animation';
2
3
  export { default as Appheader } from './appheader';
3
- export { default as AlertChip } from './alertchip';
4
4
  export { default as Avatar } from './avatar';
5
5
  export { default as AvatarButton } from './avatarbutton';
6
6
  export { default as Badge } from './badge';
@@ -24,8 +24,8 @@ export { default as FormfieldWrapper } from './formfieldwrapper';
24
24
  export { default as Icon } from './icon';
25
25
  export { default as IconProvider } from './iconprovider';
26
26
  export { default as Input } from './input';
27
- export { default as Link } from './link';
28
27
  export { default as InputChip } from './inputchip';
28
+ export { default as Link } from './link';
29
29
  export { default as Linksimple } from './linksimple';
30
30
  export { default as List } from './list';
31
31
  export { default as ListItem } from './listitem';
@@ -33,6 +33,7 @@ export { default as Marker } from './marker';
33
33
  export { default as MenuItem } from './menuitem';
34
34
  export { default as MenuItemCheckbox } from './menuitemcheckbox';
35
35
  export { default as MenuItemRadio } from './menuitemradio';
36
+ export { default as MenuSection } from './menusection';
36
37
  export { default as OptGroup } from './optgroup';
37
38
  export { default as Option } from './option';
38
39
  export { default as Popover } from './popover';
@@ -1,6 +1,6 @@
1
+ export { default as AlertChip } from './alertchip';
1
2
  export { default as Animation } from './animation';
2
3
  export { default as Appheader } from './appheader';
3
- export { default as AlertChip } from './alertchip';
4
4
  export { default as Avatar } from './avatar';
5
5
  export { default as AvatarButton } from './avatarbutton';
6
6
  export { default as Badge } from './badge';
@@ -24,8 +24,8 @@ export { default as FormfieldWrapper } from './formfieldwrapper';
24
24
  export { default as Icon } from './icon';
25
25
  export { default as IconProvider } from './iconprovider';
26
26
  export { default as Input } from './input';
27
- export { default as Link } from './link';
28
27
  export { default as InputChip } from './inputchip';
28
+ export { default as Link } from './link';
29
29
  export { default as Linksimple } from './linksimple';
30
30
  export { default as List } from './list';
31
31
  export { default as ListItem } from './listitem';
@@ -33,6 +33,7 @@ export { default as Marker } from './marker';
33
33
  export { default as MenuItem } from './menuitem';
34
34
  export { default as MenuItemCheckbox } from './menuitemcheckbox';
35
35
  export { default as MenuItemRadio } from './menuitemradio';
36
+ export { default as MenuSection } from './menusection';
36
37
  export { default as OptGroup } from './optgroup';
37
38
  export { default as Option } from './option';
38
39
  export { default as Popover } from './popover';
@@ -0,0 +1,16 @@
1
+ import Component from '../../components/menusection';
2
+ /**
3
+ * `mdc-menusection` is a container element used to group a set of menu items.
4
+ *
5
+ * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.
6
+ *
7
+ * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:
8
+ * only one radio item can be selected at a time.
9
+ * - If `menuitemcheckbox` components are included, their checked state can be toggled independently.
10
+ *
11
+ * @tagname mdc-menusection
12
+ *
13
+ * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`
14
+ */
15
+ declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
16
+ export default reactWrapper;
@@ -0,0 +1,25 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import Component from '../../components/menusection';
4
+ import { TAG_NAME } from '../../components/menusection/menusection.constants';
5
+ /**
6
+ * `mdc-menusection` is a container element used to group a set of menu items.
7
+ *
8
+ * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.
9
+ *
10
+ * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:
11
+ * only one radio item can be selected at a time.
12
+ * - If `menuitemcheckbox` components are included, their checked state can be toggled independently.
13
+ *
14
+ * @tagname mdc-menusection
15
+ *
16
+ * @slot - Default slot for inserting `menuitem`, `menuitemcheckbox`, or `menuitemradio`
17
+ */
18
+ const reactWrapper = createComponent({
19
+ tagName: TAG_NAME,
20
+ elementClass: Component,
21
+ react: React,
22
+ events: {},
23
+ displayName: 'MenuSection',
24
+ });
25
+ export default reactWrapper;
package/package.json CHANGED
@@ -41,5 +41,5 @@
41
41
  "lottie-web": "^5.12.2",
42
42
  "uuid": "^11.0.5"
43
43
  },
44
- "version": "0.72.0"
44
+ "version": "0.73.1"
45
45
  }