@momentum-design/components 0.122.18 → 0.122.19

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

@@ -1,8 +1,23 @@
 import Component from '../../components/buttongroup';
 /**
- * buttongroup component, is a styled wrapper for multiple buttons.
+ * buttongroup component, is a wrapper to group multiple buttons.
  * It can support icon buttons, combination of icon and pill buttons, and text buttons.
- * They are available in horizontal and vertical orientation.
+ * Button group can be positioned in horizontal orientation and vertical orientation.
+ *
+ * The sizes of buttons within the button group can be set using the `size` attribute on the button group,
+ * which will apply the size to all buttons within the group.
+ *
+ * Buttons of sizes 24, 28, 32, and 40 are only supported inside a button group. Default size is 28.
+ *
+ * The variant of buttons within the button group can be set using the `variant` attribute on the button group,
+ * which will apply the variant to all buttons within the group. Default variant is `primary`.
+ *
+ * All buttons are placed horizontally by default. To change the orientation to vertical, set the `orientation` attribute to `vertical`.
+ *
+ * Things to note:
+ * - Button group will allow only `mdc-button` components as its direct children.
+ * - Button group will set the `size` and `variant` attributes on the buttons within it,
+ *   so any `size` or `variant` set directly on any button will be overridden.
  *
  * @tagname mdc-buttongroup
  *

package/dist/react/buttongroup/index.js

@@ -3,9 +3,24 @@ 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.
+ * buttongroup component, is a wrapper to group multiple buttons.
  * It can support icon buttons, combination of icon and pill buttons, and text buttons.
- * They are available in horizontal and vertical orientation.
+ * Button group can be positioned in horizontal orientation and vertical orientation.
+ *
+ * The sizes of buttons within the button group can be set using the `size` attribute on the button group,
+ * which will apply the size to all buttons within the group.
+ *
+ * Buttons of sizes 24, 28, 32, and 40 are only supported inside a button group. Default size is 28.
+ *
+ * The variant of buttons within the button group can be set using the `variant` attribute on the button group,
+ * which will apply the variant to all buttons within the group. Default variant is `primary`.
+ *
+ * All buttons are placed horizontally by default. To change the orientation to vertical, set the `orientation` attribute to `vertical`.
+ *
+ * Things to note:
+ * - Button group will allow only `mdc-button` components as its direct children.
+ * - Button group will set the `size` and `variant` attributes on the buttons within it,
+ *   so any `size` or `variant` set directly on any button will be overridden.
  *
  * @tagname mdc-buttongroup
  *

package/dist/react/index.d.ts

@@ -1,6 +1,6 @@
+export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
-export { default as Accordion } from './accordion';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as AnnouncementDialog } from './announcementdialog';

package/dist/react/index.js

@@ -1,6 +1,6 @@
+export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
-export { default as Accordion } from './accordion';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as AnnouncementDialog } from './announcementdialog';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.122.18",
+  "version": "0.122.19",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"