@aurodesignsystem/auro-formkit 5.12.0 → 5.12.1

package/components/dropdown/demo/index.md

@@ -17,21 +17,13 @@
 <auro-header level="2" id="description">Description</auro-header>
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
 <!-- The below content is automatically added from ./../docs/partials/description.md -->
-        The `auro-dropdown` component is a trigger and dropdown element combination intended to be used with dropdown content that is interactive. `auro-dropdown` is content agnostic and any valid HTML can be placed in either the trigger or the dropdown.
+        The <code>auro-dropdown</code> component is a trigger and dropdown element combination intended to be used with dropdown content that is interactive. <code>auro-dropdown</code> is content agnostic and any valid HTML can be placed in either the trigger or the dropdown.
 
-        _Note: if the dropdown content in your implementation is not interactive (e.g. a tooltip) [auro-popover](http://auro.alaskaair.com/components/auro/popover) may better serve your needs._
+<p class="note"><strong>Note:</strong> if the dropdown content in your implementation is not interactive (e.g. a tooltip) [auro-popover](http://auro.alaskaair.com/components/auro/popover) may better serve your needs.</p>
 <!-- AURO-GENERATED-CONTENT:END -->
 </section>
 <section>
 <auro-header level="2" id="useCases">User Stories</auro-header>
-<!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/useCases.md) -->
-<!-- The below content is automatically added from ./../docs/partials/useCases.md -->
-        The `auro-dropdown` element should be used in situations where users may:
-
-        * interact with an element to get clarification on content offering
-        * provide definition to iconic imagery
-        * when interactive help is required
-<!-- AURO-GENERATED-CONTENT:END -->
 <auro-header level="3" id="basicTrigger">Text Trigger</auro-header>
 <div class="exampleWrapper">
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->

package/components/dropdown/demo/index.min.js

@@ -3969,7 +3969,7 @@ class AuroHelpText extends i {
   }
 }
 
-var formkitVersion = '202605082044';
+var formkitVersion = '202605111935';
 
 class AuroElement extends i {
   static get properties() {

package/components/dropdown/demo/readme.md

@@ -20,9 +20,9 @@ The following sections are editable by making changes to the following files:
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->
-The `auro-dropdown` component is a trigger and dropdown element combination intended to be used with dropdown content that is interactive. `auro-dropdown` is content agnostic and any valid HTML can be placed in either the trigger or the dropdown.
-
-_Note: if the dropdown content in your implementation is not interactive (e.g. a tooltip) [auro-popover](http://auro.alaskaair.com/components/auro/popover) may better serve your needs._
+The <code>auro-dropdown</code> component is a trigger and dropdown element combination intended to be used with dropdown content that is interactive. <code>auro-dropdown</code> is content agnostic and any valid HTML can be placed in either the trigger or the dropdown.
+
+<p class="note"><strong>Note:</strong> if the dropdown content in your implementation is not interactive (e.g. a tooltip) [auro-popover](http://auro.alaskaair.com/components/auro/popover) may better serve your needs.</p>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## Dropdown Use Cases

package/components/dropdown/dist/index.js

@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202605082044';
+var formkitVersion = '202605111935';
 
 class AuroElement extends LitElement {
   static get properties() {

package/components/dropdown/dist/registered.js

@@ -3874,7 +3874,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202605082044';
+var formkitVersion = '202605111935';
 
 class AuroElement extends LitElement {
   static get properties() {

package/components/form/README.md

@@ -20,11 +20,10 @@ The following sections are editable by making changes to the following files:
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->
-<code>&lt;auro-form&gt;</code> is a <auro-hyperlink href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements" target="_blank">HTML custom element</auro-hyperlink> designed to
-serve as the base logic for all auro-constructed forms.
-
-It automatically "scrapes" its inner content for any auro form elements, and surfaces
-them (along with events) to the parent form element as a JSON object.
+<p><code>&lt;auro-form&gt;</code> is a <auro-hyperlink href="https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements" target="_blank">HTML custom element</auro-hyperlink> designed to
+serve as the base logic for all auro-constructed forms.</p>
+<p>It automatically "scrapes" its inner content for any auro form elements, and surfaces
+them (along with events) to the parent form element as a JSON object.</p>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## Form Use Cases

package/components/form/demo/api.html

@@ -19,7 +19,6 @@
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/bundled/themes/alaska.global.min.css" />
     <link rel="stylesheet" type="text/css" href="./styles.min.css" />
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-hyperlink@latest/+esm" type="module"></script>
-    <script src="./api.min.js" data-demo-script="true" type="module"></script>
     <script type="module">
       import { renderPage } from './demo-support.min.js';
       await renderPage('./api.md');

package/components/form/demo/customize.html

@@ -49,6 +49,6 @@
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
 
-    <script src="./api.min.js" data-demo-script="true" type="module"></script>
+    <script src="./customize.min.js" data-demo-script="true" type="module"></script>
   </body>
 </html>

package/components/form/demo/customize.js

@@ -0,0 +1,9 @@
+import { AuroForm } from '../src/auro-form.js';
+import './registerDemoDeps.js';
+import { AuroInput } from '@aurodesignsystem/auro-input';
+import { AuroDatePicker } from '@aurodesignsystem/auro-datepicker';
+
+AuroInput.register('input-two');
+AuroDatePicker.register();
+AuroForm.register();
+AuroForm.register('custom-form');