npm - @aurodesignsystem/auro-formkit - Versions diffs - 1.6.0-beta.9 → 2.0.0-beta.10 - Mend

@aurodesignsystem/auro-formkit 1.6.0-beta.9 → 2.0.0-beta.10

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 (598) hide show

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 [1m793ms[22m[39m
+[32mcreated [1mdist[22m in [1m820ms[22m[39m
 [36m
 [1m./demo/index.js[22m → [1m./demo/[22m...[39m
-[32mcreated [1m./demo/[22m in [1m544ms[22m[39m
+[32mcreated [1m./demo/[22m in [1m657ms[22m[39m
 [36m
 [1m./demo/api.js[22m → [1m./demo/[22m...[39m
-[32mcreated [1m./demo/[22m in [1m517ms[22m[39m
+[32mcreated [1m./demo/[22m in [1m459ms[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
@@ -193,6 +192,7 @@ Retrieving latest "/home/runner/work/auro-formkit/auro-formkit/components/radio/
   ⁕ FILE:src=./../apiExamples/horizontal.html
   ⁕ FILE:src=./../apiExamples/required.html
   ⁕ FILE:src=./../apiExamples/optionalLabel.html
+  ⁕ FILE:src=./../apiExamples/resetState.html
   ⁕ FILE:src=./../apiExamples/dynamic.html
   ⁕ CODE:src=./../apiExamples/basic.html
   ⁕ CODE:src=./../apiExamples/basicGroup.html
@@ -202,12 +202,14 @@ Retrieving latest "/home/runner/work/auro-formkit/auro-formkit/components/radio/
   ⁕ CODE:src=./../apiExamples/horizontal.html
   ⁕ CODE:src=./../apiExamples/required.html
   ⁕ CODE:src=./../apiExamples/optionalLabel.html
+  ⁕ CODE:src=./../apiExamples/resetState.html
+  ⁕ CODE:src=./../apiExamples/resetState.js
   ⁕ CODE:src=./../apiExamples/dynamic.html
   ⁕ CODE:src=./../apiExamples/dynamic.js
   ⁕ CODE:src=./../src/styles/tokens.scss
 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-bundler.log CHANGED Viewed

@@ -1,13 +1,13 @@
-> @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 [1m867ms[22m[39m
+[32mcreated [1mdist[22m in [1m752ms[22m[39m
 [36m
 [1m./demo/index.js[22m → [1m./demo/[22m...[39m
-[32mcreated [1m./demo/[22m in [1m564ms[22m[39m
+[32mcreated [1m./demo/[22m in [1m505ms[22m[39m
 [36m
 [1m./demo/api.js[22m → [1m./demo/[22m...[39m
-[32mcreated [1m./demo/[22m in [1m568ms[22m[39m
+[32mcreated [1m./demo/[22m in [1m503ms[22m[39m

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/.turbo/turbo-types.log CHANGED Viewed

@@ -1,4 +1,4 @@
-> @auro-formkit/auro-radio@4.1.1 types
+> @aurodesignsystem/auro-radio@4.1.1 types
 > tsc --project tsconfig.json

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
+<!-- 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.9.2/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.9/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.html CHANGED Viewed

@@ -46,5 +46,6 @@
     <!-- If additional elements are needed for the demo, add them here. -->
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
   </body>
 </html>

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

@@ -1,4 +1,5 @@
 import { dynamicExample } from "../apiExamples/dynamic";
+import { resetStateExample } from "../apiExamples/resetState";
 import './index.js';
 export function initExamples(initCount) {
@@ -6,6 +7,7 @@ export function initExamples(initCount) {
   try {
     dynamicExample();
+    resetStateExample();
   } catch (error) {
     if (initCount <= 20) {
       // setTimeout handles issue where content is sometimes loaded after the functions get called

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

@@ -21,9 +21,9 @@
 ## Methods
-| Method  | Type       | Description                                    |
-|---------|------------|------------------------------------------------|
-| [reset](#reset) | `(): void` | Method for a total reset of the radio element. |
+| Method  | Type       | Description                        |
+|---------|------------|------------------------------------|
+| [reset](#reset) | `(): void` | Resets component to initial state. |
 ## Events
@@ -61,6 +61,12 @@
 | [tabIndex](#tabIndex) | `tabIndex` | `number`  | -1      |                                                  |
 | [value](#value)    | `value`    | `string`  |         |                                                  |
+## Methods
+| Method  | Type       | Description                        |
+|---------|------------|------------------------------------|
+| [reset](#reset) | `(): void` | Resets component to initial state. |
 ## Events
 | Event                | Type               | Description                                      |
@@ -202,7 +208,9 @@ Use the `disabled` attribute to disable singular `<auro-radio>` elements or the
 ### Error
-Use the `error` attribute to set an error state on the entire `<auro-radio-group>`.
+Use the `error` attribute to apply a persistent custom error that supersedes the HTML5 validation logic.
+A custom error message can be set using the `error` attribute, or it can be used in conjuction with the `setCustomValidityCustomError` attribute.
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/error.html) -->
@@ -328,6 +336,54 @@ The `<auro-radio-group>` supports an `optionalLabel` slot, where users can can o
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>
+### Reset State
+Use the `reset()` method to reset the `<auro-radio-group>`'s `value` and `validity` state. Doing so will preserve all other attributes and properties.
+<div class="exampleWrapper">
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/resetState.html) -->
+  <!-- The below content is automatically added from ./../apiExamples/resetState.html -->
+  <auro-button id="resetStateBtn">Reset</auro-button>
+  <br/><br/>
+  <auro-radio-group id="resetStateExample" required setCustomValidityValueMissing="Please select an option">
+    <span slot="legend">Form label goes here</span>
+    <auro-radio id="resetGroupRadio1" label="Yes" name="radioDemo" value="yes"></auro-radio>
+    <auro-radio id="resetGroupRadio2" label="No" name="radioDemo" value="no"></auro-radio>
+    <auro-radio id="resetGroupRadio3" label="Maybe" name="radioDemo" value="maybe"></auro-radio>
+  </auro-radio-group>
+  <!-- AURO-GENERATED-CONTENT:END -->
+</div>
+<auro-accordion alignRight>
+  <span slot="trigger">See code</span>
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/resetState.html) -->
+<!-- The below code snippet is automatically added from ./../apiExamples/resetState.html -->
+```html
+<auro-button id="resetStateBtn">Reset</auro-button>
+<br/><br/>
+<auro-radio-group id="resetStateExample" required setCustomValidityValueMissing="Please select an option">
+  <span slot="legend">Form label goes here</span>
+  <auro-radio id="resetGroupRadio1" label="Yes" name="radioDemo" value="yes"></auro-radio>
+  <auro-radio id="resetGroupRadio2" label="No" name="radioDemo" value="no"></auro-radio>
+  <auro-radio id="resetGroupRadio3" label="Maybe" name="radioDemo" value="maybe"></auro-radio>
+</auro-radio-group>
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/resetState.js) -->
+<!-- The below code snippet is automatically added from ./../apiExamples/resetState.js -->
+```js
+export function resetStateExample() {
+  const elem = document.querySelector('#resetStateExample');
+  document.querySelector('#resetStateBtn').addEventListener('click', () => {
+    elem.reset();
+  });
+}
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+</auro-accordion>
 ### Dynamic Example
 This example demonstrates a data drive approach to rendering `<auro-radio>` buttons.