@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.
- package/dist/browser/index.js +190 -190
- package/dist/browser/index.js.map +4 -4
- package/dist/components/animation/animation.component.d.ts +1 -0
- package/dist/components/animation/animation.component.js +3 -0
- package/dist/components/animation/animation.types.d.ts +2 -0
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.d.ts +2 -1
- package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js +2 -1
- package/dist/components/menuitemcheckbox/menuitemcheckbox.constants.d.ts +1 -5
- package/dist/components/menuitemcheckbox/menuitemcheckbox.constants.js +2 -5
- package/dist/components/menuitemcheckbox/menuitemcheckbox.types.d.ts +2 -3
- package/dist/components/menuitemradio/menuitemradio.component.d.ts +2 -2
- package/dist/components/menuitemradio/menuitemradio.component.js +1 -1
- package/dist/components/menuitemradio/menuitemradio.constants.d.ts +1 -5
- package/dist/components/menuitemradio/menuitemradio.constants.js +1 -5
- package/dist/components/menuitemradio/menuitemradio.types.d.ts +1 -4
- package/dist/components/menusection/index.d.ts +7 -0
- package/dist/components/menusection/index.js +4 -0
- package/dist/components/menusection/menusection.component.d.ts +58 -0
- package/dist/components/menusection/menusection.component.js +115 -0
- package/dist/components/menusection/menusection.constants.d.ts +6 -0
- package/dist/components/menusection/menusection.constants.js +7 -0
- package/dist/components/menusection/menusection.types.d.ts +4 -0
- package/dist/components/menusection/menusection.types.js +1 -0
- package/dist/custom-elements.json +749 -706
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/animation/index.d.ts +2 -0
- package/dist/react/animation/index.js +2 -0
- package/dist/react/index.d.ts +3 -2
- package/dist/react/index.js +3 -2
- package/dist/react/menusection/index.d.ts +16 -0
- package/dist/react/menusection/index.js +25 -0
- 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
|
},
|
package/dist/react/index.d.ts
CHANGED
@@ -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';
|
package/dist/react/index.js
CHANGED
@@ -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