@momentum-design/components 0.74.3 → 0.75.0

package/dist/index.d.ts

@@ -7,6 +7,7 @@ import Badge from './components/badge';
 import Brandvisual from './components/brandvisual';
 import Bullet from './components/bullet';
 import Button from './components/button';
+import ButtonGroup from './components/buttongroup';
 import ButtonLink from './components/buttonlink';
 import Card from './components/card';
 import CardButton from './components/cardbutton';
@@ -33,8 +34,8 @@ import MenuBar from './components/menubar';
 import MenuItem from './components/menuitem';
 import MenuItemCheckbox from './components/menuitemcheckbox';
 import MenuItemRadio from './components/menuitemradio';
-import MenuSection from './components/menusection';
 import MenuPopover from './components/menupopover';
+import MenuSection from './components/menusection';
 import OptGroup from './components/optgroup';
 import Option from './components/option';
 import Popover from './components/popover';
@@ -66,6 +67,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, Menu, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, ToggleTip, Tooltip, MenuSection, VirtualizedList, };
+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, Menu, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, ToggleTip, Tooltip, MenuSection, VirtualizedList, };
 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

@@ -8,6 +8,7 @@ import Badge from './components/badge';
 import Brandvisual from './components/brandvisual';
 import Bullet from './components/bullet';
 import Button from './components/button';
+import ButtonGroup from './components/buttongroup';
 import ButtonLink from './components/buttonlink';
 import Card from './components/card';
 import CardButton from './components/cardbutton';
@@ -34,8 +35,8 @@ import MenuBar from './components/menubar';
 import MenuItem from './components/menuitem';
 import MenuItemCheckbox from './components/menuitemcheckbox';
 import MenuItemRadio from './components/menuitemradio';
-import MenuSection from './components/menusection';
 import MenuPopover from './components/menupopover';
+import MenuSection from './components/menusection';
 import OptGroup from './components/optgroup';
 import Option from './components/option';
 import Popover from './components/popover';
@@ -64,6 +65,6 @@ 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, Menu, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, ToggleTip, Tooltip, MenuSection, VirtualizedList, };
+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, Menu, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, OptGroup, Option, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Tab, TabList, Text, Textarea, ThemeProvider, Toggle, ToggleTip, Tooltip, MenuSection, VirtualizedList, };
 // Constants / Utils Exports
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

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

@@ -0,0 +1,16 @@
+import Component from '../../components/buttongroup';
+/**
+ * buttongroup component, is a styled wrapper for multiple buttons.
+ * It can support icon buttons, combination of icon and pill buttons, and text buttons.
+ * They are available in horizontal and vertical orientation.
+ *
+ * @tagname mdc-buttongroup
+ *
+ * @slot default - This is a default/unnamed slot, which contains the buttons
+ *
+ * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup
+ * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup
+ * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/buttongroup/index.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/buttongroup';
+import { TAG_NAME } from '../../components/buttongroup/buttongroup.constants';
+/**
+ * buttongroup component, is a styled wrapper for multiple buttons.
+ * It can support icon buttons, combination of icon and pill buttons, and text buttons.
+ * They are available in horizontal and vertical orientation.
+ *
+ * @tagname mdc-buttongroup
+ *
+ * @slot default - This is a default/unnamed slot, which contains the buttons
+ *
+ * @cssproperty --mdc-buttongroup-border-radius - The border radius of the buttongroup
+ * @cssproperty --mdc-buttongroup-border-color - The border color of the buttongroup
+ * @cssproperty --mdc-buttongroup-divider-color - The color of the divider between buttons within the buttongroup
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'ButtonGroup',
+});
+export default reactWrapper;

package/dist/react/index.d.ts

@@ -3,10 +3,11 @@ export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
-export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
+export { default as Badge } from './badge';
 export { default as Button } from './button';
+export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
@@ -36,8 +37,8 @@ export { default as MenuItem } from './menuitem';
 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 OptGroup } from './optgroup';
+export { default as MenuSection } from './menusection';
 export { default as Option } from './option';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';

package/dist/react/index.js

@@ -3,10 +3,11 @@ export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
-export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
+export { default as Badge } from './badge';
 export { default as Button } from './button';
+export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Card } from './card';
@@ -36,8 +37,8 @@ export { default as MenuItem } from './menuitem';
 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 OptGroup } from './optgroup';
+export { default as MenuSection } from './menusection';
 export { default as Option } from './option';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';

package/package.json

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