@availity/mui-button 1.0.1 → 1.1.1

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [1.1.1](https://github.com/Availity/element/compare/@availity/mui-button@1.1.0...@availity/mui-button@1.1.1) (2025-04-11)
+
+### Dependency Updates
+
+* `mui-layout` updated to version `1.1.0`
+* `mui-icon` updated to version `1.1.0`
+## [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.1",
   "description": "Availity MUI Button Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -47,7 +47,7 @@
     "@mui/material": "^6.4.5",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "^8.3.6",
+    "tsup": "^8.4.0",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {

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