@availity/element 0.37.9 → 0.37.11

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.37.11](https://github.com/Availity/element/compare/@availity/element@0.37.10...@availity/element@0.37.11) (2024-04-16)
+
+### Dependency Updates
+
+* `mui-block-ui` updated to version `0.1.9`
+## [0.37.10](https://github.com/Availity/element/compare/@availity/element@0.37.9...@availity/element@0.37.10) (2024-04-15)
+
+### Dependency Updates
+
+* `mui-accordion` updated to version `0.1.4`
+* `mui-alert` updated to version `0.5.12`
+* `mui-block-ui` updated to version `0.1.8`
+* `mui-button` updated to version `0.6.6`
+* `mui-card` updated to version `0.2.13`
+* `mui-checkbox` updated to version `0.1.36`
+* `mui-dialog` updated to version `0.1.7`
+* `mui-feedback` updated to version `0.1.26`
+* `mui-form-utils` updated to version `0.10.2`
+* `mui-menu` updated to version `0.2.6`
+* `mui-page-header` updated to version `0.2.28`
+* `mui-popper` updated to version `0.1.6`
+* `mui-textfield` updated to version `0.5.16`
 ## [0.37.9](https://github.com/Availity/element/compare/@availity/element@0.37.8...@availity/element@0.37.9) (2024-04-11)
 
 ### Dependency Updates

package/introduction.stories.mdx

@@ -4,4 +4,49 @@ import ReadMe from './README.md?raw';
 
 <Meta title="Element" />
 
+## What is `@availity/element`?
+
+The vision behind `@availity/element` is to build a wholistic design system
+rather than simply a collection of components. The components are built in
+collaboration with the UX team and based on larger patterns. This helps
+create a cohesive experience across applications and frees up developers to
+focus on rapid innovation.
+
+## Why MUI?
+
+The official decision process for where Availity would go after Bootstrap 4 started
+in 2020. It was decided early on to not upgrade to Bootstrap 5 and instead leave
+Bootstrap behind. When determining where to go next the primary contenders were
+Material and TailwindCSS. Material is a set of design guidelines started by Google
+with an accompanying React component library. TailwindCSS is a "utility-first
+CSS framework", with pre-defined classes similar to Bootstrap but going all in
+with utility vs the component styles of Bootstrap.
+
+We did POCs for both frameworks in 2021/2022, with Material ultimately coming out
+on top for a few reasons:
+
+- MUI integrates with Figma enabling UX to quickly produce designs that
+  closely match the actual components.
+- MUI's components allow for greater flexibility and less abstraction.
+  This enables developers to focus on business logic and innovation rather
+  than component limitations.
+- MUI handles a lot of baseline accessibility logic for simple components, as
+  well as complex accessibility patterns, like keyboard interactions for tabs.
+- MUI's theming engine makes it easy to implement global and targeted updates to the
+  look and feel.
+
+## Current State
+
+The goals of the current version of `@availity/element` include building a
+cohesive design system with an eye on easing the migration process. The
+initial release will provide a solid path towards 508 compliance and
+baseline component-level telemetry.
+
+## Future Plans
+
+- Internationalization (Material already supports this on the component level)
+- Consolidation across Availity Platforms in future themes
+
+## README
+
 <Markdown>{ReadMe}</Markdown>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/element",
-  "version": "0.37.9",
+  "version": "0.37.11",
   "browser": "./dist/index.js",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -14,38 +14,38 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "dependencies": {
-    "@availity/mui-accordion": "0.1.3",
-    "@availity/mui-alert": "0.5.11",
+    "@availity/mui-accordion": "0.1.4",
+    "@availity/mui-alert": "0.5.12",
     "@availity/mui-autocomplete": "0.4.0",
     "@availity/mui-avatar": "0.1.17",
     "@availity/mui-backdrop": "0.1.5",
     "@availity/mui-badge": "0.1.16",
-    "@availity/mui-block-ui": "0.1.7",
+    "@availity/mui-block-ui": "0.1.9",
     "@availity/mui-breadcrumbs": "0.2.5",
-    "@availity/mui-button": "0.6.5",
-    "@availity/mui-card": "0.2.12",
-    "@availity/mui-checkbox": "0.1.35",
+    "@availity/mui-button": "0.6.6",
+    "@availity/mui-card": "0.2.13",
+    "@availity/mui-checkbox": "0.1.36",
     "@availity/mui-chip": "0.2.12",
     "@availity/mui-datepicker": "0.4.2",
-    "@availity/mui-dialog": "0.1.6",
+    "@availity/mui-dialog": "0.1.7",
     "@availity/mui-divider": "0.3.6",
     "@availity/mui-empty-state": "0.1.6",
-    "@availity/mui-feedback": "0.1.25",
-    "@availity/mui-form-utils": "0.10.1",
+    "@availity/mui-feedback": "0.1.26",
+    "@availity/mui-form-utils": "0.10.2",
     "@availity/mui-icon": "0.8.1",
     "@availity/mui-layout": "0.1.5",
     "@availity/mui-link": "0.2.8",
-    "@availity/mui-menu": "0.2.5",
+    "@availity/mui-menu": "0.2.6",
     "@availity/mui-modal": "0.1.2",
-    "@availity/mui-page-header": "0.2.27",
+    "@availity/mui-page-header": "0.2.28",
     "@availity/mui-pagination": "0.2.8",
     "@availity/mui-paper": "0.1.8",
     "@availity/mui-popover": "0.1.3",
-    "@availity/mui-popper": "0.1.5",
+    "@availity/mui-popper": "0.1.6",
     "@availity/mui-progress": "0.1.6",
     "@availity/mui-table": "0.1.5",
     "@availity/mui-tabs": "0.1.8",
-    "@availity/mui-textfield": "0.5.15",
+    "@availity/mui-textfield": "0.5.16",
     "@availity/mui-toggle-button": "0.1.9",
     "@availity/mui-tooltip": "0.5.7",
     "@availity/mui-transitions": "0.1.1",