@momentum-design/components 0.81.1 → 0.81.2
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 +168 -168
- package/dist/browser/index.js.map +4 -4
- package/dist/custom-elements.json +581 -806
- package/dist/index.d.ts +1 -2
- package/dist/index.js +1 -2
- package/dist/react/index.d.ts +3 -4
- package/dist/react/index.js +3 -4
- package/dist/utils/mixins/MenuMixin.js +1 -3
- package/package.json +1 -1
- package/dist/components/menu/index.d.ts +0 -8
- package/dist/components/menu/index.js +0 -5
- package/dist/components/menu/menu.component.d.ts +0 -19
- package/dist/components/menu/menu.component.js +0 -35
- package/dist/components/menu/menu.constants.d.ts +0 -2
- package/dist/components/menu/menu.constants.js +0 -3
- package/dist/react/menu/index.d.ts +0 -13
- package/dist/react/menu/index.js +0 -22
package/dist/index.d.ts
CHANGED
|
@@ -29,7 +29,6 @@ import Linksimple from './components/linksimple';
|
|
|
29
29
|
import List from './components/list';
|
|
30
30
|
import ListItem from './components/listitem';
|
|
31
31
|
import Marker from './components/marker';
|
|
32
|
-
import Menu from './components/menu';
|
|
33
32
|
import MenuBar from './components/menubar';
|
|
34
33
|
import MenuItem from './components/menuitem';
|
|
35
34
|
import MenuItemCheckbox from './components/menuitemcheckbox';
|
|
@@ -73,6 +72,6 @@ import type { TextType } from './components/text/text.types';
|
|
|
73
72
|
import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
|
|
74
73
|
import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
|
|
75
74
|
import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
|
|
76
|
-
export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, ButtonGroup, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker,
|
|
75
|
+
export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, ButtonGroup, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, NavItem, NavItemList, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SideNavigation, Skeleton, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, ToggleTip, Tooltip, MenuSection, VirtualizedList, };
|
|
77
76
|
export type { TextType, SpinnerSize, SpinnerVariant, SkeletonVariant, PopoverPlacement, BadgeType, IconButtonSize, PillButtonSize, ButtonVariant, ButtonColor, };
|
|
78
77
|
export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, SKELETON_VARIANTS, };
|
package/dist/index.js
CHANGED
|
@@ -30,7 +30,6 @@ import Linksimple from './components/linksimple';
|
|
|
30
30
|
import List from './components/list';
|
|
31
31
|
import ListItem from './components/listitem';
|
|
32
32
|
import Marker from './components/marker';
|
|
33
|
-
import Menu from './components/menu';
|
|
34
33
|
import MenuBar from './components/menubar';
|
|
35
34
|
import MenuItem from './components/menuitem';
|
|
36
35
|
import MenuItemCheckbox from './components/menuitemcheckbox';
|
|
@@ -70,6 +69,6 @@ import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
|
|
|
70
69
|
import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, } from './components/button/button.constants';
|
|
71
70
|
import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
|
|
72
71
|
// Components Exports
|
|
73
|
-
export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, ButtonGroup, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker,
|
|
72
|
+
export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonLink, ButtonGroup, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, Linksimple, List, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, NavItem, NavItemList, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SideNavigation, Skeleton, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, ToggleTip, Tooltip, MenuSection, VirtualizedList, };
|
|
74
73
|
// Constants / Utils Exports
|
|
75
74
|
export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, SKELETON_VARIANTS, };
|
package/dist/react/index.d.ts
CHANGED
|
@@ -31,11 +31,10 @@ export { default as Linksimple } from './linksimple';
|
|
|
31
31
|
export { default as List } from './list';
|
|
32
32
|
export { default as ListItem } from './listitem';
|
|
33
33
|
export { default as Marker } from './marker';
|
|
34
|
-
export { default as Menu } from './menu';
|
|
35
34
|
export { default as MenuBar } from './menubar';
|
|
36
35
|
export { default as MenuItem } from './menuitem';
|
|
37
|
-
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
|
38
36
|
export { default as MenuItemRadio } from './menuitemradio';
|
|
37
|
+
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
|
39
38
|
export { default as MenuPopover } from './menupopover';
|
|
40
39
|
export { default as MenuSection } from './menusection';
|
|
41
40
|
export { default as NavItem } from './navitem';
|
|
@@ -51,11 +50,11 @@ export { default as RadioGroup } from './radiogroup';
|
|
|
51
50
|
export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
|
|
52
51
|
export { default as Searchfield } from './searchfield';
|
|
53
52
|
export { default as Select } from './select';
|
|
54
|
-
export { default as SideNavigation } from './sidenavigation';
|
|
55
|
-
export { default as Skeleton } from './skeleton';
|
|
56
53
|
export { default as Spinner } from './spinner';
|
|
57
54
|
export { default as StaticCheckbox } from './staticcheckbox';
|
|
58
55
|
export { default as StaticRadio } from './staticradio';
|
|
56
|
+
export { default as SideNavigation } from './sidenavigation';
|
|
57
|
+
export { default as Skeleton } from './skeleton';
|
|
59
58
|
export { default as StaticToggle } from './statictoggle';
|
|
60
59
|
export { default as Tab } from './tab';
|
|
61
60
|
export { default as TabList } from './tablist';
|
package/dist/react/index.js
CHANGED
|
@@ -31,11 +31,10 @@ export { default as Linksimple } from './linksimple';
|
|
|
31
31
|
export { default as List } from './list';
|
|
32
32
|
export { default as ListItem } from './listitem';
|
|
33
33
|
export { default as Marker } from './marker';
|
|
34
|
-
export { default as Menu } from './menu';
|
|
35
34
|
export { default as MenuBar } from './menubar';
|
|
36
35
|
export { default as MenuItem } from './menuitem';
|
|
37
|
-
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
|
38
36
|
export { default as MenuItemRadio } from './menuitemradio';
|
|
37
|
+
export { default as MenuItemCheckbox } from './menuitemcheckbox';
|
|
39
38
|
export { default as MenuPopover } from './menupopover';
|
|
40
39
|
export { default as MenuSection } from './menusection';
|
|
41
40
|
export { default as NavItem } from './navitem';
|
|
@@ -51,11 +50,11 @@ export { default as RadioGroup } from './radiogroup';
|
|
|
51
50
|
export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
|
|
52
51
|
export { default as Searchfield } from './searchfield';
|
|
53
52
|
export { default as Select } from './select';
|
|
54
|
-
export { default as SideNavigation } from './sidenavigation';
|
|
55
|
-
export { default as Skeleton } from './skeleton';
|
|
56
53
|
export { default as Spinner } from './spinner';
|
|
57
54
|
export { default as StaticCheckbox } from './staticcheckbox';
|
|
58
55
|
export { default as StaticRadio } from './staticradio';
|
|
56
|
+
export { default as SideNavigation } from './sidenavigation';
|
|
57
|
+
export { default as Skeleton } from './skeleton';
|
|
59
58
|
export { default as StaticToggle } from './statictoggle';
|
|
60
59
|
export { default as Tab } from './tab';
|
|
61
60
|
export { default as TabList } from './tablist';
|
|
@@ -8,7 +8,6 @@ var __metadata = (this && this.__metadata) || function (k, v) {
|
|
|
8
8
|
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
9
|
};
|
|
10
10
|
import { property, queryAssignedElements } from 'lit/decorators.js';
|
|
11
|
-
import { TAG_NAME as MENU_TAGNAME } from '../../components/menu/menu.constants';
|
|
12
11
|
import { ORIENTATION, TAG_NAME as MENUBAR_TAGNAME } from '../../components/menubar/menubar.constants';
|
|
13
12
|
import { TAG_NAME as MENUPOPOVER_TAGNAME } from '../../components/menupopover/menupopover.constants';
|
|
14
13
|
import { TAG_NAME as MENUSECTION_TAGNAME } from '../../components/menusection/menusection.constants';
|
|
@@ -114,8 +113,7 @@ export const MenuMixin = (superClass) => {
|
|
|
114
113
|
* @returns True if the tag name is a valid menu, false otherwise.
|
|
115
114
|
*/
|
|
116
115
|
isValidMenu(tagName) {
|
|
117
|
-
return ((tagName === null || tagName === void 0 ? void 0 : tagName.toLowerCase()) ===
|
|
118
|
-
|| (tagName === null || tagName === void 0 ? void 0 : tagName.toLowerCase()) === MENUBAR_TAGNAME || this.isValidNavItemList(tagName));
|
|
116
|
+
return ((tagName === null || tagName === void 0 ? void 0 : tagName.toLowerCase()) === MENUBAR_TAGNAME || this.isValidNavItemList(tagName));
|
|
119
117
|
}
|
|
120
118
|
/**
|
|
121
119
|
* Checks if the given tag name is a valid navitemlist tag name.
|
package/package.json
CHANGED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { CSSResult } from 'lit';
|
|
2
|
-
import List from '../list/list.component';
|
|
3
|
-
/**
|
|
4
|
-
* mdc-menu component is used to display a group of menu items. It is used as a container to wrap menu items.
|
|
5
|
-
* It contains the menu header component.
|
|
6
|
-
*
|
|
7
|
-
* @dependency mdc-text
|
|
8
|
-
*
|
|
9
|
-
* @tagname mdc-menu
|
|
10
|
-
*
|
|
11
|
-
* @slot default - This is a default/unnamed slot
|
|
12
|
-
*/
|
|
13
|
-
declare class Menu extends List {
|
|
14
|
-
/** @internal */
|
|
15
|
-
listItems: Array<HTMLElement>;
|
|
16
|
-
connectedCallback(): void;
|
|
17
|
-
static styles: Array<CSSResult>;
|
|
18
|
-
}
|
|
19
|
-
export default Menu;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
5
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
-
};
|
|
7
|
-
var __metadata = (this && this.__metadata) || function (k, v) {
|
|
8
|
-
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
|
|
9
|
-
};
|
|
10
|
-
import { queryAssignedElements } from 'lit/decorators.js';
|
|
11
|
-
import { ROLE } from '../../utils/roles';
|
|
12
|
-
import List from '../list/list.component';
|
|
13
|
-
import { TAG_NAME as MENUITEM_TAGNAME } from '../menuitem/menuitem.constants';
|
|
14
|
-
/**
|
|
15
|
-
* mdc-menu component is used to display a group of menu items. It is used as a container to wrap menu items.
|
|
16
|
-
* It contains the menu header component.
|
|
17
|
-
*
|
|
18
|
-
* @dependency mdc-text
|
|
19
|
-
*
|
|
20
|
-
* @tagname mdc-menu
|
|
21
|
-
*
|
|
22
|
-
* @slot default - This is a default/unnamed slot
|
|
23
|
-
*/
|
|
24
|
-
class Menu extends List {
|
|
25
|
-
connectedCallback() {
|
|
26
|
-
super.connectedCallback();
|
|
27
|
-
this.dataRole = ROLE.MENU;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
Menu.styles = [...List.styles];
|
|
31
|
-
__decorate([
|
|
32
|
-
queryAssignedElements({ selector: `${MENUITEM_TAGNAME}:not([disabled])` }),
|
|
33
|
-
__metadata("design:type", Array)
|
|
34
|
-
], Menu.prototype, "listItems", void 0);
|
|
35
|
-
export default Menu;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import Component from '../../components/menu';
|
|
2
|
-
/**
|
|
3
|
-
* mdc-menu component is used to display a group of menu items. It is used as a container to wrap menu items.
|
|
4
|
-
* It contains the menu header component.
|
|
5
|
-
*
|
|
6
|
-
* @dependency mdc-text
|
|
7
|
-
*
|
|
8
|
-
* @tagname mdc-menu
|
|
9
|
-
*
|
|
10
|
-
* @slot default - This is a default/unnamed slot
|
|
11
|
-
*/
|
|
12
|
-
declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
|
|
13
|
-
export default reactWrapper;
|
package/dist/react/menu/index.js
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { createComponent } from '@lit/react';
|
|
3
|
-
import Component from '../../components/menu';
|
|
4
|
-
import { TAG_NAME } from '../../components/menu/menu.constants';
|
|
5
|
-
/**
|
|
6
|
-
* mdc-menu component is used to display a group of menu items. It is used as a container to wrap menu items.
|
|
7
|
-
* It contains the menu header component.
|
|
8
|
-
*
|
|
9
|
-
* @dependency mdc-text
|
|
10
|
-
*
|
|
11
|
-
* @tagname mdc-menu
|
|
12
|
-
*
|
|
13
|
-
* @slot default - This is a default/unnamed slot
|
|
14
|
-
*/
|
|
15
|
-
const reactWrapper = createComponent({
|
|
16
|
-
tagName: TAG_NAME,
|
|
17
|
-
elementClass: Component,
|
|
18
|
-
react: React,
|
|
19
|
-
events: {},
|
|
20
|
-
displayName: 'Menu',
|
|
21
|
-
});
|
|
22
|
-
export default reactWrapper;
|