@availity/mui-button 1.0.1 → 1.1.0

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.1.0](https://github.com/Availity/element/compare/@availity/mui-button@1.0.1...@availity/mui-button@1.1.0) (2025-04-08)
+
+
+### Features
+
+* **mui-button:** add MUI's ButtonGroup ([3e66a5f](https://github.com/Availity/element/commit/3e66a5f521ba6fbc9546446054a6e45199fa9e8b))
+
 ## [1.0.1](https://github.com/Availity/element/compare/@availity/mui-button@1.0.0...@availity/mui-button@1.0.1) (2025-03-07)
 
 ### Dependency Updates

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-button",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "description": "Availity MUI Button Component - part of the @availity/element design system",
   "keywords": [
     "react",

package/src/lib/ButtonGroup.tsx

@@ -0,0 +1,23 @@
+import { default as MUIButtonGroup, ButtonGroupProps as MUIButtonGroupProps } from '@mui/material/ButtonGroup';
+
+declare module '@mui/material/ButtonGroup' {
+  interface ButtonGroupPropsColorOverrides {
+    tertiary: true;
+  }
+}
+
+export type ButtonGroupProps = {
+  /** The color of the component.
+   * @default secondary */
+  color?: 'primary' | 'secondary' | 'tertiary';
+} & Omit<MUIButtonGroupProps, 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'variant'>;
+
+const overrideProps = {
+  disableElevation: true,
+  disableFocusRipple: true,
+  disableRipple: true,
+};
+
+export const ButtonGroup = (props: ButtonGroupProps) => {
+  return <MUIButtonGroup {...props} {...overrideProps} variant="contained" />;
+};

package/src/lib/bs4migration.mdx

@@ -11,12 +11,19 @@ This migration guide is just an overview. For more in depth component informatio
 
 ## Key Differences (not exhaustive list)
 
-- Changed
-  - Per UX, the available colors for a button have changed, notably the removal of success and error colors.
-- Removed
-  - `outline` while mui moves this option into the `variant` prop, per UX this variant has also been removed going forward.
-- Other
-  - UX has updated the guidelines for when to use which color. Refer to design docs for more information.
+### Props
+
+#### ⚠️ Changed
+
+- `color` Per UX, the available colors for a button have changed, notably the removal of success and error colors.
+
+#### 🚫 Removed
+
+- `outline` while mui moves this option into the `variant` prop, per UX this variant has also been removed going forward.
+
+### Other
+
+- UX has updated the guidelines for when to use which color. Refer to design docs for more information.
 
 ## Code Examples