npm - @aurodesignsystem/auro-formkit - Versions diffs - 2.0.0-beta.4 → 2.0.0-beta.41 - Mend

@aurodesignsystem/auro-formkit 2.0.0-beta.4 → 2.0.0-beta.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (637) hide show

package/components/menu/src/index.js CHANGED Viewed

@@ -6,3 +6,10 @@ AuroMenuOption.register();
 // Enable TypeScript support
 export { AuroMenu, AuroMenuOption };
+export {
+  arrayConverter,
+  arrayOrUndefinedHasChanged,
+  isOptionInteractive,
+  dispatchMenuEvent
+} from './auro-menu-utils.js';

package/components/menu/src/styles/color-menuoption-css.js CHANGED Viewed

@@ -1,2 +1,2 @@
 import { css } from 'lit';
-export default css`:host{background-color:var(--ds-auro-menuoption-container-color);color:var(--ds-auro-menuoption-text-color)}:host svg{fill:var(--ds-auro-menuoption-icon-color) !important}:host([disabled]){--ds-auro-menuoption-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host(:hover),:host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([selected]){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-menuoption-text-color: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-menuoption-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}`;
+export default css`:host{background-color:var(--ds-auro-menuoption-container-color);color:var(--ds-auro-menuoption-text-color)}:host svg{fill:var(--ds-auro-menuoption-icon-color) !important}:host([disabled]){--ds-auro-menuoption-text-color: var(--ds-color-text-ui-disabled-default, #adadad)}:host(:hover),:host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-secondary-hover-default, rgba(0, 0, 0, 0.03))}:host([selected]){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-default-default, #2c67b5);--ds-auro-menuoption-text-color: var(--ds-color-text-primary-inverse, #ffffff);--ds-auro-menuoption-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff)}:host([selected]):host(.active){--ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-active-default, #225296)}`;

package/components/menu/src/styles/color-menuoption.css CHANGED Viewed

@@ -21,3 +21,6 @@
   --ds-auro-menuoption-text-color: var(--ds-color-text-primary-inverse, #ffffff);
   --ds-auro-menuoption-icon-color: var(--ds-color-icon-emphasis-inverse, #ffffff);
 }
+:host([selected]):host(.active) {
+  --ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-active-default, #225296);
+}

package/components/menu/src/styles/color-menuoption.scss CHANGED Viewed

@@ -29,5 +29,9 @@
   --ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-default-default, #{$ds-color-container-ui-primary-default-default});
   --ds-auro-menuoption-text-color: var(--ds-color-text-primary-inverse, #{$ds-color-text-primary-inverse});
   --ds-auro-menuoption-icon-color: var(--ds-color-icon-emphasis-inverse, #{$ds-color-icon-emphasis-inverse});
+  &:host(.active) {
+    --ds-auro-menuoption-container-color: var(--ds-color-container-ui-primary-active-default, #{$ds-color-container-ui-primary-active-default});
+  }
 }

package/components/menu/src/styles/style-menu.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /* stylelint-disable declaration-empty-line-before */
 /**
  * Do not edit directly
- * Generated on Tue, 10 Dec 2024 19:41:07 GMT
+ * Generated on Wed, 15 Jan 2025 19:25:18 GMT
  */
 :root {
   --ds-asset-font-circular-family-name: "AS Circular";

package/components/radio/.turbo/turbo-build$colon$sass.log CHANGED Viewed

@@ -1,8 +1,8 @@
-> @auro-formkit/auro-radio@4.1.1 build:sass
+> @aurodesignsystem/auro-radio@4.1.1 build:sass
 > sass --no-source-map --load-path=../../node_modules "./src/styles/:./src/styles/"
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -12,7 +12,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/auro-radio-group.scss 14:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -22,7 +22,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/auro-radio-group.scss 15:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -33,7 +33,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/auro-radio-group.scss 15:9                           root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -43,7 +43,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/color.scss 21:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -53,7 +53,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/groupColor.scss 14:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -63,7 +63,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/groupColor.scss 15:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -74,7 +74,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/groupColor.scss 15:9                                 root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -84,7 +84,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 21:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -94,7 +94,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 23:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -104,7 +104,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 24:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -114,7 +114,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 25:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import

package/components/radio/.turbo/turbo-build.log CHANGED Viewed

@@ -1,12 +1,12 @@
-> @auro-formkit/auro-radio@4.1.1 build
+> @aurodesignsystem/auro-radio@4.1.1 build
 > run-s build:sass bundler build:docs types
-> @auro-formkit/auro-radio@4.1.1 build:sass
+> @aurodesignsystem/auro-radio@4.1.1 build:sass
 > sass --no-source-map --load-path=../../node_modules "./src/styles/:./src/styles/"
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -16,7 +16,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/auro-radio-group.scss 14:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -26,7 +26,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/auro-radio-group.scss 15:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -37,7 +37,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/auro-radio-group.scss 15:9                           root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -47,7 +47,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/color.scss 21:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -57,7 +57,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/groupColor.scss 14:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -67,7 +67,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/groupColor.scss 15:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -78,7 +78,7 @@ More info and automated migrator: https://sass-lang.com/d/import
     @aurodesignsystem/webcorestylesheets/src/_breakpoints.scss 6:9  @import
     src/styles/groupColor.scss 15:9                                 root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -88,7 +88,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 21:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -98,7 +98,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 23:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -108,7 +108,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 24:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -118,7 +118,7 @@ More info and automated migrator: https://sass-lang.com/d/import
    ╵
     src/styles/style.scss 25:9  root stylesheet
-DEPRECATION WARNING: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
+DEPRECATION WARNING [import]: Sass @import rules are deprecated and will be removed in Dart Sass 3.0.0.
 More info and automated migrator: https://sass-lang.com/d/import
@@ -133,33 +133,29 @@ WARNING: 3 repetitive deprecation warnings omitted.
 Run in verbose mode to see all warnings.
-> @auro-formkit/auro-radio@4.1.1 bundler
+> @aurodesignsystem/auro-radio@4.1.1 bundler
 > rollup -c node:@auro-formkit/config/rollup
 [36m
 [1m./src/index.js[22m → [1mdist[22m...[39m
-[32mcreated [1mdist[22m in [1m864ms[22m[39m
+[32mcreated [1mdist[22m in [1m637ms[22m[39m
 [36m
 [1m./demo/index.js[22m → [1m./demo/[22m...[39m
-[32mcreated [1m./demo/[22m in [1m511ms[22m[39m
+[32mcreated [1m./demo/[22m in [1m469ms[22m[39m
 [36m
 [1m./demo/api.js[22m → [1m./demo/[22m...[39m
-[32mcreated [1m./demo/[22m in [1m459ms[22m[39m
+[32mcreated [1m./demo/[22m in [1m383ms[22m[39m
-> @auro-formkit/auro-radio@4.1.1 build:docs
+> @aurodesignsystem/auro-radio@4.1.1 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component radio
 Web Component Analyzer analyzing 2 files...
-Retrieving latest "/home/runner/work/auro-formkit/auro-formkit/components/radio/docTemplates/README.md" file...
 ✔ /README.md Updated
  Transforms run
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/browserSupport.md
-  ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentInstall_esm.md
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/designTokens.md
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImportDescription.md
-  ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImport.md
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleInstallDescription.md
-  ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleUseModBrowsers.md
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/developmentDescription.md
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/localhost.md
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/api.md
@@ -167,6 +163,9 @@ Retrieving latest "/home/runner/work/auro-formkit/auro-formkit/components/radio/
   ⁕ REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/bundles.md
   ⁕ FILE:src=./docs/partials/description.md
   ⁕ FILE:src=./docs/partials/readmeAddlInfo.md
+  ⁕ FILE:src=../../docs/templates/componentInstall.md
+  ⁕ FILE:src=../../docs/templates/componentUsage.md
+  ⁕ FILE:src=../../docs/templates/componentBundleUseModBrowsers.md
   ⁕ FILE:src=./docs/partials/useCases.md
   ⁕ CODE:src=./apiExamples/basic.html
   ⁕ CODE:src=./apiExamples/basic.html
@@ -211,6 +210,6 @@ Retrieving latest "/home/runner/work/auro-formkit/auro-formkit/components/radio/
 Docs processed successfully for radio
-> @auro-formkit/auro-radio@4.1.1 types
+> @aurodesignsystem/auro-radio@4.1.1 types
 > tsc --project tsconfig.json

package/components/radio/.turbo/turbo-postCss$colon$component.log CHANGED Viewed

@@ -1,5 +1,4 @@
-> @auro-formkit/auro-radio@4.1.1 postCss:component
+> @aurodesignsystem/auro-radio@4.1.1 postCss:component
 > node ../../node_modules/@aurodesignsystem/auro-library/scripts/build/postCss.mjs
-Unable to scan directory: Error: ENOENT: no such file or directory, scandir '/home/runner/work/auro-formkit/auro-formkit/node_modules/@aurodesignsystem/auro-library/scripts/src'

package/components/radio/.turbo/turbo-sass$colon$render.log CHANGED Viewed

@@ -1,5 +1,5 @@
-> @auro-formkit/auro-radio@4.1.1 sass:render
+> @aurodesignsystem/auro-radio@4.1.1 sass:render
 > sass-render --load-path=../../node_modules 'src/**/*.css' -t ../../node_modules/@aurodesignsystem/auro-library/scripts/build/staticStyles-template.js
 Rendering src/styles/auro-radio-group.css...
@@ -7,23 +7,23 @@ Rendering src/styles/color.css...
 Rendering src/styles/groupColor.css...
 Rendering src/styles/style.css...
 Rendering src/styles/tokens.css...
-DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+DEPRECATION WARNING [user-authored]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
 More info: https://sass-lang.com/d/legacy-js-api
-DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+DEPRECATION WARNING [user-authored]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
 More info: https://sass-lang.com/d/legacy-js-api
-DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+DEPRECATION WARNING [user-authored]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
 More info: https://sass-lang.com/d/legacy-js-api
-DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+DEPRECATION WARNING [user-authored]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
 More info: https://sass-lang.com/d/legacy-js-api
-DEPRECATION WARNING: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
+DEPRECATION WARNING [user-authored]: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
 More info: https://sass-lang.com/d/legacy-js-api

package/components/radio/README.md CHANGED Viewed

@@ -4,8 +4,8 @@ The README.md file is a compiled document. No edits should be made directly to t
 README.md is created by running `npm run build:docs`.
 This file is generated based on a template fetched from
-`https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/README_updated_paths.md`
-and copied to `./componentDocs/README.md` each time the the docs are compiled.
+`../../docs/templates/componentReadmeTemplate.md`
+and copied to `./componentDocs/README.md` each time the docs are compiled.
 The following sections are editable by making changes to the following files:
@@ -17,7 +17,7 @@ The following sections are editable by making changes to the following files:
 | Component Example Code | HTML sample code of the components use            | `./apiExamples/basic.html`          |
 -->
-# Formkit/auro-radio
+# Radio
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->
@@ -37,18 +37,12 @@ For the most up to date information on [UI development browser support](https://
 ## Install
-<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentInstall_esm.md) -->
-[![Build Status](https://img.shields.io/github/actions/workflow/status/AlaskaAirlines/-formkit/-formkit/auro-radio/testPublish.yml?style=for-the-badge)](https://github.com/AlaskaAirlines/-formkit/-formkit/auro-radio/actions/workflows/testPublish.yml)
-[![See it on NPM!](https://img.shields.io/npm/v/@auro-formkit/-formkit/-formkit/auro-radio?style=for-the-badge&color=orange)](https://www.npmjs.com/package/@auro-formkit/-formkit/-formkit/auro-radio)
-[![License](https://img.shields.io/npm/l/@auro-formkit/-formkit/-formkit/auro-radio?color=blue&style=for-the-badge)](https://www.apache.org/licenses/LICENSE-2.0)
-![ESM supported](https://img.shields.io/badge/ESM-compatible-FFE900?style=for-the-badge)
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/componentInstall.md) -->
+<!-- The below content is automatically added from ../../docs/templates/componentInstall.md -->
 ```shell
-$ npm i @auro-formkit/-formkit/-formkit/auro-radio
+$ npm i @aurodesignsystem/auro-formkit
 ```
-Installing as a direct, dev or peer dependency is up to the user installing the package. If you are unsure as to what type of dependency you should use, consider reading this [stack overflow](https://stackoverflow.com/questions/18875674/whats-the-difference-between-dependencies-devdependencies-and-peerdependencies) answer.
 <!-- AURO-GENERATED-CONTENT:END -->
 ### Design Token CSS Custom Property dependency
@@ -61,17 +55,18 @@ The use of any Auro custom element has a dependency on the [Auro Design Tokens](
 ### Define dependency in project component
 <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImportDescription.md) -->
-Defining the component dependency within each component that is using the `<-formkit/-formkit/auro-radio>` component.
+Defining the component dependency within each component that is using the `<auro-radio>` component.
 <!-- AURO-GENERATED-CONTENT:END -->
-<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/componentImport.md) -->
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/componentUsage.md) -->
+<!-- The below content is automatically added from ../../docs/templates/componentUsage.md -->
 ```js
-import "@auro-formkit/-formkit/-formkit/auro-radio";
+import "@aurodesignsystem/auro-formkit/auro-radio";
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
 **Reference component in HTML**
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
 <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
@@ -83,7 +78,7 @@ import "@auro-formkit/-formkit/-formkit/auro-radio";
 ## Install bundled assets from CDN
 <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleInstallDescription.md) -->
-In cases where the project is not able to process JS assets, there are pre-processed assets available for use. See -- `-formkit/-formkit/auro-radio__bundled.js` for modern browsers. Legacy browsers such as IE11 are no longer supported.
+In cases where the project is not able to process JS assets, there are pre-processed assets available for use. See -- `auro-radio__bundled.js` for modern browsers. Legacy browsers such as IE11 are no longer supported.
 **WARNING!** When installing into your application environment, DO NOT use `@latest` for the requested version. Risks include unknown MAJOR version releases and instant adoption of any new features and possible bugs without developer knowledge. The `@latest` wildcard should NEVER be used for production customer-facing applications. You have been warned.
@@ -91,17 +86,14 @@ In cases where the project is not able to process JS assets, there are pre-proce
 ### Bundle example code
-<!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/usage/bundleUseModBrowsers.md) -->
-```html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.9.2/dist/tokens/CSSCustomProperties.css" />
+<!-- AURO-GENERATED-CONTENT:START (FILE:src=../../docs/templates/componentBundleUseModBrowsers.md) -->
+<!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.13.0/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@auro-formkit/-formkit/-formkit/auro-radio@4.1.1/dist/-formkit/-formkit/auro-radio__bundled.js" type="module"></script>
-```
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-radio@2.0.0-beta.40/dist/auro-radio__bundled.js" type="module"></script>
 <!-- AURO-GENERATED-CONTENT:END -->
-## auro-formkit/auro-radio use cases
+## auro-radio use cases
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
 <!-- The below content is automatically added from ./docs/partials/useCases.md -->
@@ -114,7 +106,7 @@ The following examples illustrate fully functional `<auro-radio>` elements wrapp
 ## API Code Examples
-### Default auro-formkit/auro-radio
+### Default auro-radio
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
 <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
@@ -164,7 +156,7 @@ The custom element API file is generated in the build and committed back to the
 ### Testing
 <!-- AURO-GENERATED-CONTENT:START (REMOTE:url=https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/partials/development/testing.md) -->
-Automated tests are required for every Auro component. See `.\test\-formkit/-formkit/auro-radio.test.js` for the tests for this component. Run `npm test` to run the tests and check code coverage. Tests must pass and meet a certain coverage threshold to commit. See [the testing documentation](https://auro.alaskaair.com/support/tests) for more details.
+Automated tests are required for every Auro component. See `.\test\auro-radio.test.js` for the tests for this component. Run `npm test` to run the tests and check code coverage. Tests must pass and meet a certain coverage threshold to commit. See [the testing documentation](https://auro.alaskaair.com/support/tests) for more details.
 <!-- AURO-GENERATED-CONTENT:END -->

package/components/radio/demo/api.md CHANGED Viewed

@@ -17,19 +17,21 @@
 | [setCustomValidityCustomError](#setCustomValidityCustomError)  | `setCustomValidityCustomError`  | `String`  |             | Custom help text message to display when validity = `customError`. |
 | [setCustomValidityValueMissing](#setCustomValidityValueMissing) | `setCustomValidityValueMissing` | `String`  |             | Custom help text message to display when validity = `valueMissing`. |
 | [validity](#validity)                      | `validity`                      | `String`  | "undefined" | Specifies the `validityState` this element is in. |
-| [value](#value)                         | `value`                         | `array`   | "undefined" |                                                  |
+| [value](#value)                         | `value`                         | `string`  | "undefined" |                                                  |
 ## Methods
-| Method  | Type       | Description                        |
-|---------|------------|------------------------------------|
-| [reset](#reset) | `(): void` | Resets component to initial state. |
+| Method     | Type                                   | Description                                      |
+|------------|----------------------------------------|--------------------------------------------------|
+| [reset](#reset)    | `(): void`                             | Resets component to initial state.               |
+| [validate](#validate) | `(force?: boolean \| undefined): void` | Validates value.<br /><br />**force**: Whether to force validation. |
 ## Events
-| Event                       | Description                                   |
-|-----------------------------|-----------------------------------------------|
-| `auroFormElement-validated` | Notifies that the element has been validated. |
+| Event                       | Type               | Description                                      |
+|-----------------------------|--------------------|--------------------------------------------------|
+| `auroFormElement-validated` |                    | Notifies that the element has been validated.    |
+| [input](#input)                     | `CustomEvent<any>` | Notifies every time the value prop of the element is changed. |
 ## Slots
@@ -443,7 +445,6 @@ The component may be restyled using the following code sample and changing the v
 ```scss
 :host {
   // auro-radio-group colors
-  --ds-auro-radio-group-help-text-color: var(--ds-color-text-secondary-default, $ds-color-text-secondary-default);
   --ds-auro-radio-group-label-color: inherit;
   // auro-radio colors