diff --git a/.eslintrc.json b/.eslintrc.json
index c0676972a..399df369f 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -40,11 +40,7 @@
],
"extends": [
"plugin:@nx/typescript"
- ],
- "rules": {
- "@typescript-eslint/no-extra-semi": "error",
- "no-extra-semi": "off"
- }
+ ]
},
{
"files": [
@@ -53,11 +49,7 @@
],
"extends": [
"plugin:@nx/javascript"
- ],
- "rules": {
- "@typescript-eslint/no-extra-semi": "error",
- "no-extra-semi": "off"
- }
+ ]
},
{
"files": [
@@ -73,11 +65,7 @@
"extends": [
"plugin:@nx/typescript"
],
- "env": {},
- "rules": {
- "@typescript-eslint/no-extra-semi": "error",
- "no-extra-semi": "off"
- }
+ "env": {}
},
{
"files": "*.json",
@@ -97,4 +85,4 @@
"extends": [
"plugin:storybook/recommended"
]
-}
\ No newline at end of file
+}
diff --git a/apps/element-storybook/.storybook/ElementTheme.ts b/apps/element-storybook/.storybook/ElementTheme.ts
index 405244a61..94722c8b7 100644
--- a/apps/element-storybook/.storybook/ElementTheme.ts
+++ b/apps/element-storybook/.storybook/ElementTheme.ts
@@ -21,11 +21,11 @@ export default create({
// Text colors
textColor: 'rgb(33, 33, 33)',
textInverseColor: 'rgb(255, 103, 31)',
- textMutedColor: '#fafafa',
+ // textMutedColor: '#fafafa',
// Toolbar default and active colors
barTextColor: 'rgb(33, 33, 33)',
barHoverColor: '#ff0000',
barSelectedColor: 'rgb(255, 103, 31)',
- barBg: '#ffffff',
+ // barBg: '#ffffff',
});
diff --git a/apps/element-storybook/.storybook/main.ts b/apps/element-storybook/.storybook/main.ts
index 526de6821..dc0274fd5 100644
--- a/apps/element-storybook/.storybook/main.ts
+++ b/apps/element-storybook/.storybook/main.ts
@@ -53,6 +53,8 @@ const config: StorybookConfig = {
staticDirs: ['../../../static'],
features: {
+ actions: false,
+ interactions: false,
storyStoreV7: false
},
diff --git a/apps/element-storybook/.storybook/manager-head.html b/apps/element-storybook/.storybook/manager-head.html
index ccc9aee94..48eeb1d44 100644
--- a/apps/element-storybook/.storybook/manager-head.html
+++ b/apps/element-storybook/.storybook/manager-head.html
@@ -1,5 +1,8 @@
diff --git a/apps/element-storybook/.storybook/preview.tsx b/apps/element-storybook/.storybook/preview.tsx
index 3c4328dba..e0d400bbd 100644
--- a/apps/element-storybook/.storybook/preview.tsx
+++ b/apps/element-storybook/.storybook/preview.tsx
@@ -7,7 +7,7 @@ import { ThemeProvider } from '@availity/theme-provider';
const withThemeProvider = (Story: () => React.JSX.Element, context: StoryContext) => {
return (
-
+
);
diff --git a/package.json b/package.json
index 1308d4115..e2bc7dd33 100644
--- a/package.json
+++ b/package.json
@@ -28,8 +28,8 @@
"publish:affected:canary": "nx affected --target=publish:canary",
"start": "yarn start:storybook",
"start:storybook": "nx storybook element-storybook",
- "test": "nx run-many --target=test --all",
- "test:affected": "nx affected --target=test",
+ "test": "nx run-many --target=test --all --runInBand",
+ "test:affected": "nx affected --target=test --runInBand",
"test:coverage": "nx run-many --target=test --all --parallel=3 --runInBand --coverage --no-cache && node ./scripts/merge-coverage.js",
"version:affected": "nx affected --target=version --parallel=1",
"version:affected:canary": "nx affected --target=version --parallel=1 --verbose --preid=alpha --releaseAs=prerelease ${*}",
@@ -44,20 +44,20 @@
"@jscutlery/semver": "~5.7.0",
"@mui/lab": "7.0.1-beta.18",
"@mui/x-data-grid": "^8.16.0",
- "@nx/devkit": "21.4.0",
- "@nx/eslint": "21.4.0",
- "@nx/eslint-plugin": "21.4.0",
- "@nx/jest": "21.4.0",
- "@nx/js": "21.4.0",
- "@nx/plugin": "21.4.0",
- "@nx/react": "21.4.0",
- "@nx/storybook": "21.4.0",
- "@nx/vite": "21.4.0",
- "@nx/workspace": "21.4.0",
- "@storybook/addon-a11y": "9.1.9",
- "@storybook/addon-docs": "9.1.9",
- "@storybook/addon-themes": "9.1.9",
- "@storybook/react-vite": "9.1.9",
+ "@nx/devkit": "22.2.2",
+ "@nx/eslint": "22.2.2",
+ "@nx/eslint-plugin": "22.2.2",
+ "@nx/jest": "22.2.2",
+ "@nx/js": "22.2.2",
+ "@nx/plugin": "22.2.2",
+ "@nx/react": "22.2.2",
+ "@nx/storybook": "22.2.2",
+ "@nx/vite": "22.2.2",
+ "@nx/workspace": "22.2.2",
+ "@storybook/addon-a11y": "10.1.4",
+ "@storybook/addon-docs": "10.1.4",
+ "@storybook/addon-themes": "10.1.4",
+ "@storybook/react-vite": "10.1.4",
"@testing-library/dom": "^10.4.1",
"@testing-library/jest-dom": "^6.6.3",
"@testing-library/react": "16.1.0",
@@ -67,16 +67,16 @@
"@types/qs": "^6.9.18",
"@types/react": "19.2.2",
"@types/react-dom": "19.2.2",
- "@typescript-eslint/eslint-plugin": "7.18.0",
- "@typescript-eslint/parser": "7.18.0",
+ "@typescript-eslint/eslint-plugin": "8.52.0",
+ "@typescript-eslint/parser": "8.52.0",
"babel-jest": "30.0.5",
"eslint": "8.57.0",
"eslint-config-prettier": "10.1.1",
"eslint-plugin-import": "2.31.0",
"eslint-plugin-jsx-a11y": "6.10.1",
"eslint-plugin-react": "7.32.2",
- "eslint-plugin-react-hooks": "5.0.0",
- "eslint-plugin-storybook": "9.1.9",
+ "eslint-plugin-react-hooks": "7.0.0",
+ "eslint-plugin-storybook": "10.1.4",
"glob": "^7.2.3",
"husky": "^9.1.7",
"is-ci": "^4.1.0",
@@ -89,7 +89,7 @@
"jsonc-eslint-parser": "^2.4.0",
"libphonenumber-js": "1.11.4",
"lint-staged": "^15.5.0",
- "nx": "21.4.0",
+ "nx": "22.1.3",
"prettier": "^3.5.3",
"react-hook-form": "^7.55.0",
"react-imask": "7.6.1",
@@ -98,9 +98,9 @@
"ts-jest": "29.4.5",
"ts-node": "10.9.1",
"tslib": "^2.8.1",
- "typescript": "5.8.3",
+ "typescript": "5.9.3",
"undici": "^5.29.0",
- "vite": "6.4.1",
+ "vite": "7.2.6",
"vite-plugin-node-polyfills": "^0.24.0"
},
"packageManager": "yarn@4.12.0",
@@ -108,6 +108,6 @@
"workerDirectory": "static"
},
"dependencies": {
- "storybook": "9.1.9"
+ "storybook": "10.1.4"
}
}
diff --git a/packages/accordion/CHANGELOG.md b/packages/accordion/CHANGELOG.md
index b974d907c..8f2a0973c 100644
--- a/packages/accordion/CHANGELOG.md
+++ b/packages/accordion/CHANGELOG.md
@@ -2,6 +2,25 @@
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+## [2.1.0](https://github.com/Availity/element/compare/@availity/mui-accordion@2.0.2...@availity/mui-accordion@2.1.0) (2025-12-31)
+
+
+### Features
+
+* added expanded flush variant to states as well as flush option to spacing, UXDS-999 ([0e43b14](https://github.com/Availity/element/commit/0e43b143f7a6afa64aede0066fae4ac9acaf6b2f))
+* added flush variant for accordion component, UXDS-999 ([31e6a5b](https://github.com/Availity/element/commit/31e6a5b21a7cf47d9f6eded41f57baaafe2cea26))
+* rounded the corners of nested accordions to 4px, UXDS-999 ([9e9013c](https://github.com/Availity/element/commit/9e9013c1a342b2a5cadba88ca8c6a09f3ec71a45))
+
+
+### Bug Fixes
+
+* added flush as an option for variants on accordion storybook page, UXDS-999 ([3ad5734](https://github.com/Availity/element/commit/3ad5734da5f53e0ebc28846345ba616836e3f215))
+* fixed accidental paste, UXDS-999 ([d12a542](https://github.com/Availity/element/commit/d12a54212456090e00ec9072fb0811025ff6e34c))
+* fixed another naming issue, UXDS-999 ([fe02598](https://github.com/Availity/element/commit/fe0259892eca9f569a7d0cb5a6012455f638c5c3))
+* fixed naming issue, UXDS-999 ([ddd24d2](https://github.com/Availity/element/commit/ddd24d299e6d953771b170e207386e65696684c5))
+* fixed spacing between button and header, UXDS-999 ([a5be06f](https://github.com/Availity/element/commit/a5be06fd731e0d55a34165f359d7fc22c5cdb1bc))
+* removed shared styles, UXDS-999 ([b150b28](https://github.com/Availity/element/commit/b150b28d2da33e0dc1e6b68f1e660e9de1d7b27f))
+
## [2.0.2](https://github.com/Availity/element/compare/@availity/mui-accordion@2.0.1...@availity/mui-accordion@2.0.2) (2025-12-09)
### Dependency Updates
diff --git a/packages/accordion/README.md b/packages/accordion/README.md
index 87512cf45..dd5275a35 100644
--- a/packages/accordion/README.md
+++ b/packages/accordion/README.md
@@ -4,7 +4,7 @@
[](https://www.npmjs.com/package/@availity/mui-accordion)
[](https://www.npmjs.com/package/@availity/mui-accordion)
-[](https://github.com/Availity/element/blob/main/packages/mui-accordion/package.json)
+[](https://github.com/Availity/element/blob/main/packages/accordion/package.json)
## Documentation
diff --git a/packages/accordion/package.json b/packages/accordion/package.json
index ff98d0392..f8b88e346 100644
--- a/packages/accordion/package.json
+++ b/packages/accordion/package.json
@@ -1,6 +1,6 @@
{
"name": "@availity/mui-accordion",
- "version": "2.0.2",
+ "version": "2.1.0",
"description": "Availity MUI Accordion Component - part of the @availity/element design system",
"keywords": [
"react",
diff --git a/packages/accordion/src/lib/Accordion.stories.tsx b/packages/accordion/src/lib/Accordion.stories.tsx
index 2717e15d1..d4f328f6c 100644
--- a/packages/accordion/src/lib/Accordion.stories.tsx
+++ b/packages/accordion/src/lib/Accordion.stories.tsx
@@ -13,7 +13,7 @@ const meta: Meta = {
tags: ['autodocs'],
argTypes: {
variant: {
- options: ['filled', 'outlined'],
+ options: ['filled', 'outlined', 'flush'],
},
},
};
@@ -85,6 +85,28 @@ export const _Variants: StoryObj = {
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit
+ leo lobortis eget.
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet
+ blandit leo lobortis eget.
+
+
+
+
+
+
),
};
@@ -97,13 +119,13 @@ export const _Variants: StoryObj = {
* this is due to Material's default gutter behavior when expanded along with how they overwrite the behavior when disabling the gutters.
*/
export const _Spacing: StoryObj = {
- render: () => (
+ render: (args: AccordionProps) => (
Grouped
-
+
@@ -112,7 +134,7 @@ export const _Spacing: StoryObj = {
leo lobortis eget.
-
+
@@ -121,7 +143,7 @@ export const _Spacing: StoryObj = {
leo lobortis eget.
-
+
@@ -140,7 +162,7 @@ export const _Spacing: StoryObj = {
Separated in a Grid
-
+
@@ -151,7 +173,7 @@ export const _Spacing: StoryObj = {
-
+
@@ -162,7 +184,7 @@ export const _Spacing: StoryObj = {
-
+
@@ -220,6 +242,24 @@ export const _States: StoryObj = {
+
+
+
+ Flush Expanded
+
+
+
+
+ Flush Nested Accordion
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet
+ blandit leo lobortis eget.
+
+
+
+
+