@momentum-design/components 0.81.2 → 0.81.4

package/dist/index.d.ts

@@ -34,9 +34,9 @@ import MenuItem from './components/menuitem';
 import MenuItemCheckbox from './components/menuitemcheckbox';
 import MenuItemRadio from './components/menuitemradio';
 import MenuPopover from './components/menupopover';
+import MenuSection from './components/menusection';
 import NavItem from './components/navitem';
 import NavItemList from './components/navitemlist';
-import MenuSection from './components/menusection';
 import OptGroup from './components/optgroup';
 import Option from './components/option';
 import Popover from './components/popover';
@@ -72,6 +72,6 @@ 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';
 import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
-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, };
+export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, 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, MenuSection, 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, VirtualizedList, };
 export type { TextType, SpinnerSize, SpinnerVariant, SkeletonVariant, PopoverPlacement, BadgeType, IconButtonSize, PillButtonSize, ButtonVariant, ButtonColor, };
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, SKELETON_VARIANTS, };

package/dist/index.js

@@ -35,9 +35,9 @@ import MenuItem from './components/menuitem';
 import MenuItemCheckbox from './components/menuitemcheckbox';
 import MenuItemRadio from './components/menuitemradio';
 import MenuPopover from './components/menupopover';
+import MenuSection from './components/menusection';
 import NavItem from './components/navitem';
 import NavItemList from './components/navitemlist';
-import MenuSection from './components/menusection';
 import OptGroup from './components/optgroup';
 import Option from './components/option';
 import Popover from './components/popover';
@@ -69,6 +69,6 @@ import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, } from './components/button/button.constants';
 import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
 // Components Exports
-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, };
+export { AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, 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, MenuSection, 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, VirtualizedList, };
 // Constants / Utils Exports
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, SKELETON_VARIANTS, };

package/dist/react/index.d.ts

@@ -1,7 +1,7 @@
-export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
+export { default as AlertChip } from './alertchip';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
@@ -33,8 +33,8 @@ export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
 export { default as MenuBar } from './menubar';
 export { default as MenuItem } from './menuitem';
-export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
+export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
 export { default as MenuSection } from './menusection';
 export { default as NavItem } from './navitem';
@@ -50,11 +50,11 @@ export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
+export { default as SideNavigation } from './sidenavigation';
+export { default as Skeleton } from './skeleton';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticRadio } from './staticradio';
-export { default as SideNavigation } from './sidenavigation';
-export { default as Skeleton } from './skeleton';
 export { default as StaticToggle } from './statictoggle';
 export { default as Tab } from './tab';
 export { default as TabList } from './tablist';

package/dist/react/index.js

@@ -1,7 +1,7 @@
-export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
+export { default as AlertChip } from './alertchip';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
@@ -33,8 +33,8 @@ export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';
 export { default as MenuBar } from './menubar';
 export { default as MenuItem } from './menuitem';
-export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuItemCheckbox } from './menuitemcheckbox';
+export { default as MenuItemRadio } from './menuitemradio';
 export { default as MenuPopover } from './menupopover';
 export { default as MenuSection } from './menusection';
 export { default as NavItem } from './navitem';
@@ -50,11 +50,11 @@ export { default as RadioGroup } from './radiogroup';
 export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
 export { default as Searchfield } from './searchfield';
 export { default as Select } from './select';
+export { default as SideNavigation } from './sidenavigation';
+export { default as Skeleton } from './skeleton';
 export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticRadio } from './staticradio';
-export { default as SideNavigation } from './sidenavigation';
-export { default as Skeleton } from './skeleton';
 export { default as StaticToggle } from './statictoggle';
 export { default as Tab } from './tab';
 export { default as TabList } from './tablist';

package/dist/utils/keys.d.ts

@@ -10,5 +10,6 @@ declare const KEYS: {
     readonly PAGE_DOWN: "PageDown";
     readonly PAGE_UP: "PageUp";
     readonly SPACE: " ";
+    readonly TAB: "Tab";
 };
 export { KEYS };

package/dist/utils/keys.js

@@ -10,5 +10,6 @@ const KEYS = {
     PAGE_DOWN: 'PageDown',
     PAGE_UP: 'PageUp',
     SPACE: ' ',
+    TAB: 'Tab',
 };
 export { KEYS };

package/dist/utils/mixins/FormInternalsMixin.js

@@ -40,7 +40,7 @@ export const FormInternalsMixin = (superClass) => {
         connectedCallback() {
             super.connectedCallback();
             /** @internal */
-            this.id = `mdc-input-${uuidv4()}`;
+            this.id = `mdc-el-${uuidv4()}`;
         }
         /**
          * Sets the validity of the input field based on the input field's validity.

package/dist/utils/roles.d.ts

@@ -1,9 +1,14 @@
 import type { ValueOf } from './types';
 declare const ROLE: {
+    readonly ALERTDIALOG: "alertdialog";
     readonly BUTTON: "button";
     readonly CHECKBOX: "checkbox";
+    readonly COMBOBOX: "combobox";
+    readonly DIALOG: "dialog";
     readonly GROUP: "group";
+    readonly IMG: "img";
     readonly LIST: "list";
+    readonly LISTBOX: "listbox";
     readonly LISTITEM: "listitem";
     readonly MENU: "menu";
     readonly MENUBAR: "menubar";
@@ -11,8 +16,12 @@ declare const ROLE: {
     readonly MENUITEMCHECKBOX: "menuitemcheckbox";
     readonly MENUITEMRADIO: "menuitemradio";
     readonly NAVIGATION: "navigation";
+    readonly PRESENTATION: "presentation";
+    readonly PROGRESSBAR: "progressbar";
     readonly RADIO: "radio";
     readonly RADIOGROUP: "radiogroup";
+    readonly TAB: "tab";
+    readonly TABLIST: "tablist";
     readonly TOOLTIP: "tooltip";
 };
 type RoleType = ValueOf<typeof ROLE>;

package/dist/utils/roles.js

@@ -1,9 +1,14 @@
 // When adding a new role in this list, please sort this list.
 const ROLE = {
+    ALERTDIALOG: 'alertdialog',
     BUTTON: 'button',
     CHECKBOX: 'checkbox',
+    COMBOBOX: 'combobox',
+    DIALOG: 'dialog',
     GROUP: 'group',
+    IMG: 'img',
     LIST: 'list',
+    LISTBOX: 'listbox',
     LISTITEM: 'listitem',
     MENU: 'menu',
     MENUBAR: 'menubar',
@@ -11,8 +16,12 @@ const ROLE = {
     MENUITEMCHECKBOX: 'menuitemcheckbox',
     MENUITEMRADIO: 'menuitemradio',
     NAVIGATION: 'navigation',
+    PRESENTATION: 'presentation',
+    PROGRESSBAR: 'progressbar',
     RADIO: 'radio',
     RADIOGROUP: 'radiogroup',
+    TAB: 'tab',
+    TABLIST: 'tablist',
     TOOLTIP: 'tooltip',
 };
 export { ROLE };

package/package.json

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