Merge pull request #1358 from Availity/chore/dep-upgrades

Chore/dep upgrades

docusaurus/docs/components/analytics/analytics.md

@@ -5,7 +5,7 @@ slug: analytics
 
 [![Version](https://img.shields.io/npm/v/@availity/analytics-core.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/analytics-core)
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/components-analytics--default)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-analytics--docs)
 
 This `<Analytics />` component is part of Availity's toolset for tracking user interactions and page views in your application. For a helpful overview of how to setup these tools, read our [Setting Up Logging](https://availity.github.io/availity-workflow/recipes/logging/) guide. Logging in a React application at Availity involves imports from this React focused [@availity/analytics](https://www.npmjs.com/package/@availity/analytics) package and from [@availity/analytics-core](https://www.npmjs.com/package/@availity/analytics-core). Starting with the Setting Up Logging guide will give you a better understanding of how they work together.
 

docusaurus/docs/components/app-icon.mdx

@@ -44,7 +44,7 @@ const Example = () => (
 
 #### Live example
 
-[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-appicon--default)
+[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-appicon--docs)
 
 ### Props
 

docusaurus/docs/components/app-tiles.mdx

@@ -29,19 +29,27 @@ import AppTiles from '@availity/app-tiles';
 
 const Example = () => (
   <>
-    <AppTiles shortName="SN" color="blue" image="/path/to/image" branded size="sm"/>
-    <AppTiles shortName="SN" color="red" size="xl" parents={[
-      { images: { tile: "/path/to/image" } },
-      { shortName: "SN" }
-    ]}/>
-    <AppTiles shortName="SN"/>
+    <AppTiles
+      shortName="SN"
+      color="blue"
+      image="/path/to/image"
+      branded
+      size="sm"
+    />
+    <AppTiles
+      shortName="SN"
+      color="red"
+      size="xl"
+      parents={[{ images: { tile: '/path/to/image' } }, { shortName: 'SN' }]}
+    />
+    <AppTiles shortName="SN" />
   </>
 );
 ```
 
 #### Live example
 
-[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-apptiles--default)
+[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-apptiles--docs)
 
 ### Props
 

docusaurus/docs/components/authorize/authorize.mdx

@@ -60,4 +60,4 @@ const Example = () => (
 
 ## Storybook
 
-[Live Example](https://availity.github.io/availity-react/storybook/?path=/story/components-authorize--default)
+[Live Example](https://availity.github.io/availity-react/storybook/?path=/docs/components-authorize-authorize--docs)

docusaurus/docs/components/authorize/useAuthorize.mdx

@@ -49,4 +49,4 @@ const Component = () => {
 
 ## Storybook
 
-[Live Example](https://availity.github.io/availity-react/storybook/?path=/story/components-authorize--use-authorize)
+[Live Example](https://availity.github.io/availity-react/storybook/?path=/docs/components-authorize-useauthorize--docs)

docusaurus/docs/components/avatar.mdx

@@ -31,7 +31,7 @@ const Example = () => <Avatar style={{ width: 100 }} />;
 
 #### Live example
 
-[Storybook](https://availity.github.io/availity-react/storybook/?path=/story/components-avatar--default)
+[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-avatar--docs)
 
 ### Props
 

docusaurus/docs/components/feedback/feedback.md

@@ -20,7 +20,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-feedback--default"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/docs/components-feedback-feedback--docs"> Storybook</a>
 
 ### Props
 

docusaurus/docs/components/feedback/form.md

@@ -13,7 +13,7 @@ import { FeedbackForm } from '@availity/feedback';
 const Example = () => <FeedbackForm name="Payer Space" />;
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/components-feedback--with-form)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-feedback-feedbackwithform--docs)
 
 ### Props
 

docusaurus/docs/components/icon.mdx

@@ -51,4 +51,4 @@ The text color of the icon. Uses Availity UI Kit variants.
 
 #### `aria-label?: string`
 
-See: [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute). **Default:** `name`
+See: [aria-label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label). **Default:** `name`

docusaurus/docs/components/list-group-item/list-group-item-status.md

@@ -28,7 +28,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-list-group-item--status"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-list-group-item--list-group-item-status"> Storybook</a>
 
 ### Props
 

docusaurus/docs/components/list-group-item/list-group-item.md

@@ -27,7 +27,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-list-group-item--default"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/docs/components-list-group-item--docs"> Storybook</a>
 
 ### Props
 

docusaurus/docs/components/pagination/pagination.md

@@ -24,7 +24,7 @@ const Example = () => {
 };
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-pagination--default"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/docs/components-pagination--docs"> Storybook</a>
 
 ### Props
 

docusaurus/docs/components/pagination/resource.md

@@ -18,7 +18,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-pagination--resource"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-pagination--av-resource"> Storybook</a>
 
 ### Props
 

docusaurus/docs/components/step-wizard/wizard-step.md

@@ -27,7 +27,7 @@ const Example = () => (
 
 #### Live example
 
-[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-wizard--default)
+[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-wizard--docs)
 
 ### Props
 

docusaurus/docs/components/step-wizard/wizard.md

@@ -31,7 +31,7 @@ const Example = () => (
 
 #### Live example
 
-[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-wizard--default)
+[Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/components-wizard--docs)
 
 ### Props
 

docusaurus/docs/form/components/checkbox.md

@@ -39,7 +39,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-form--checkbox)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-form-checkboxgroup--docs)
 
 ### Props
 

docusaurus/docs/form/components/field.md

@@ -30,7 +30,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-form--field)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-form-field--docs)
 
 ### Props
 

docusaurus/docs/form/components/form-group.md

@@ -30,7 +30,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-form--form-group)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-form-formgroup--docs)
 
 ### Props
 

docusaurus/docs/form/components/form.md

@@ -25,7 +25,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-form--default)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-form--docs)
 
 ### Props
 

docusaurus/docs/form/components/input.md

@@ -31,7 +31,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-form--input)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-form-input--docs)
 
 ### Props
 

docusaurus/docs/form/components/label.md

@@ -43,7 +43,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-form--label)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-form-label--docs)
 
 ### Props
 

docusaurus/docs/form/components/radio.md

@@ -32,7 +32,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-form--radio)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-form-radiogroup--docs)
 
 ### Props
 

docusaurus/docs/form/index.mdx

@@ -15,7 +15,7 @@ npx install-peerdeps @availity/form --save
 
 ### Programmatically controlling the state of the form
 
-See [Formik documentation](https://jaredpalmer.com/formik/docs/api/formik)
+See [Formik documentation](https://formik.org/docs/overview)
 
 ### Accessing form values using hooks
 

docusaurus/docs/form/migrating.md

@@ -41,7 +41,7 @@ const Example = () => {
 };
 ```
 
-With `@availity/form`, we use `yup` and `@availity/yup` to define the validation schema for all of the inputs in the form on the `<Form />` component with the `validationSchema` prop from [formik](https://jaredpalmer.com/formik/docs/guides/validation#validationschema), like so:
+With `@availity/form`, we use `yup` and `@availity/yup` to define the validation schema for all of the inputs in the form on the `<Form />` component with the `validationSchema` prop from [formik](https://formik.org/docs/guides/validation#validationschema), like so:
 
 ```jsx
 import React from 'react';
@@ -63,7 +63,7 @@ const Example = () => {
 };
 ```
 
-Another key difference is we define the initial state of the inputs in the form with the `initialValues` prop from [formik](https://jaredpalmer.com/formik/docs/api/formik#initialvalues-values) on the `<Form />` component.
+Another key difference is we define the initial state of the inputs in the form with the `initialValues` prop from [formik](https://formik.org/docs/api/formik#initialvalues-values) on the `<Form />` component.
 
 ## Form with `availity-reactstrap-validation`
 

docusaurus/docs/form/select/components/organization-select.md

@@ -45,7 +45,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-select-resources--avorganizationselect)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/form-components-select-async-selects--organization-select)
 
 ### Props
 

docusaurus/docs/form/select/components/payer-select.md

@@ -40,7 +40,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-select-resources--avpayerselect)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/form-components-select-async-selects--payer-select)
 
 ### Props
 

docusaurus/docs/form/select/components/region-select.md

@@ -32,7 +32,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/components-avselect-resources--avregionselect)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/form-components-select-async-selects--region-select)
 
 ### Props
 

docusaurus/docs/form/select/components/resource-select.md

@@ -39,7 +39,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-select--resourceselect)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-select-async-selects--docs)
 
 ### Props
 

docusaurus/docs/form/select/components/select-field.md

@@ -41,7 +41,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-select--selectfield)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/form-components-select--select-field)
 
 ### Props
 

docusaurus/docs/form/select/components/select.md

@@ -51,7 +51,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/story/formik-select--default)
+#### Live example: [Storybook](https://availity.github.io/availity-react/storybook/?path=/docs/form-components-select--docs)
 
 ### Props
 

docusaurus/docs/form/upload/file-picker-btn.md

@@ -25,7 +25,7 @@ const Example = () => {
 };
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-upload--picker-button"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/form-components-upload--file-picker-btn-story"> Storybook</a>
 
 ### Props
 

docusaurus/docs/form/upload/file-picker.md

@@ -30,7 +30,7 @@ const Example = () => {
 };
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-upload--picker-field"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/form-components-upload--file-picker-story"> Storybook</a>
 
 ### Props
 

docusaurus/docs/form/upload/upload.md

@@ -99,7 +99,7 @@ const Example = () => (
 );
 ```
 
-#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/components-upload--default"> Storybook</a>
+#### Live example: <a href="https://availity.github.io/availity-react/storybook/?path=/story/form-components-upload--default"> Storybook</a>
 
 ### Props
 

docusaurus/docs/intro.md

@@ -3,7 +3,7 @@ title: Introduction
 slug: /
 ---
 
-Availity React is a repo of [React](https://beta.reactjs.org/) components built for web projects on the Availity Portal. This site provides documentation on how to use those components.
+Availity React is a repo of [React](https://react.dev/) components built for web projects on the Availity Portal. This site provides documentation on how to use those components.
 
 Many of the packages provided by `availity-react` are wrappers around common `reactstrap` components. If you can't find what you're looking for in these docs, take a look at the [Reactstrap documentation](https://reactstrap.github.io).
 

docusaurus/package.json

@@ -27,9 +27,9 @@
     ]
   },
   "dependencies": {
-    "@docusaurus/core": "^2.4.1",
-    "@docusaurus/preset-classic": "^2.4.1",
-    "@mdx-js/react": "^1.6.22",
+    "@docusaurus/core": "^3.1.1",
+    "@docusaurus/preset-classic": "^3.1.1",
+    "@mdx-js/react": "^3.0.1",
     "clsx": "^2.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

nx.json

@@ -5,7 +5,7 @@
     "default": {
       "runner": "nx/tasks-runners/default",
       "options": {
-        "cacheableOperations": ["build", "test", "lint", "package", "prepare", "bundlesize"]
+        "cacheableOperations": ["build", "test", "lint", "package", "prepare"]
       }
     }
   },