@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.26 → 0.0.0-pr624.28

package/components/combobox/demo/api.min.js

@@ -10169,7 +10169,7 @@ let AuroElement$2$1 = class AuroElement extends i$2 {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -10640,7 +10640,7 @@ class BaseInput extends AuroElement$2$1 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -13305,7 +13305,7 @@ class AuroInput extends BaseInput {
         ? u$2`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

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

@@ -10027,7 +10027,7 @@ let AuroElement$2$1 = class AuroElement extends i$2 {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -10498,7 +10498,7 @@ class BaseInput extends AuroElement$2$1 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -13163,7 +13163,7 @@ class AuroInput extends BaseInput {
         ? u$2`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/combobox/dist/index.js

@@ -9945,7 +9945,7 @@ let AuroElement$2$1 = class AuroElement extends LitElement {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -10416,7 +10416,7 @@ class BaseInput extends AuroElement$2$1 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -13081,7 +13081,7 @@ class AuroInput extends BaseInput {
         ? html`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/combobox/dist/registered.js

@@ -9945,7 +9945,7 @@ let AuroElement$2$1 = class AuroElement extends LitElement {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -10416,7 +10416,7 @@ class BaseInput extends AuroElement$2$1 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -13081,7 +13081,7 @@ class AuroInput extends BaseInput {
         ? html`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/counter/demo/api.min.js

@@ -9541,7 +9541,7 @@ class AuroCounterGroup extends AuroElement {
     this.bibtemplateTag = versioning.generateTag('auro-formkit-counter-bibtemplate', bibTemplateVersion, AuroBibtemplate);
 
     /**
-     * Dynamically generated helptext tag.
+     * Dynamically generated helpText tag.
      * @private
      * @type {string}
      */

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

@@ -9541,7 +9541,7 @@ class AuroCounterGroup extends AuroElement {
     this.bibtemplateTag = versioning.generateTag('auro-formkit-counter-bibtemplate', bibTemplateVersion, AuroBibtemplate);
 
     /**
-     * Dynamically generated helptext tag.
+     * Dynamically generated helpText tag.
      * @private
      * @type {string}
      */

package/components/counter/dist/auro-counter-group.d.ts

@@ -194,7 +194,7 @@ export class AuroCounterGroup extends LitElement {
      */
     private bibtemplateTag;
     /**
-     * Dynamically generated helptext tag.
+     * Dynamically generated helpText tag.
      * @private
      * @type {string}
      */

package/components/counter/dist/index.js

@@ -9494,7 +9494,7 @@ class AuroCounterGroup extends AuroElement {
     this.bibtemplateTag = versioning.generateTag('auro-formkit-counter-bibtemplate', bibTemplateVersion, AuroBibtemplate);
 
     /**
-     * Dynamically generated helptext tag.
+     * Dynamically generated helpText tag.
      * @private
      * @type {string}
      */

package/components/counter/dist/registered.js

@@ -9494,7 +9494,7 @@ class AuroCounterGroup extends AuroElement {
     this.bibtemplateTag = versioning.generateTag('auro-formkit-counter-bibtemplate', bibTemplateVersion, AuroBibtemplate);
 
     /**
-     * Dynamically generated helptext tag.
+     * Dynamically generated helpText tag.
      * @private
      * @type {string}
      */

package/components/datepicker/demo/api.min.js

@@ -23486,7 +23486,7 @@ let AuroElement$2 = class AuroElement extends i {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -23957,7 +23957,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -26622,7 +26622,7 @@ class AuroInput extends BaseInput {
         ? u$3`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `
@@ -28924,7 +28924,7 @@ class AuroDatePicker extends AuroElement$1 {
       ? u$3`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

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

@@ -23227,7 +23227,7 @@ let AuroElement$2 = class AuroElement extends i {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -23698,7 +23698,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -26363,7 +26363,7 @@ class AuroInput extends BaseInput {
         ? u$3`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `
@@ -28665,7 +28665,7 @@ class AuroDatePicker extends AuroElement$1 {
       ? u$3`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/datepicker/dist/index.js

@@ -23163,7 +23163,7 @@ let AuroElement$2 = class AuroElement extends LitElement {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -23634,7 +23634,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -26299,7 +26299,7 @@ class AuroInput extends BaseInput {
         ? html$1`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `
@@ -28601,7 +28601,7 @@ class AuroDatePicker extends AuroElement$1 {
       ? html$1`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/datepicker/dist/registered.js

@@ -23163,7 +23163,7 @@ let AuroElement$2 = class AuroElement extends LitElement {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -23634,7 +23634,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -26299,7 +26299,7 @@ class AuroInput extends BaseInput {
         ? html$1`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `
@@ -28601,7 +28601,7 @@ class AuroDatePicker extends AuroElement$1 {
       ? html$1`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/input/README.md

@@ -20,7 +20,7 @@ The following sections are editable by making changes to the following files:
 # Input
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->
-Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helptext` for additional content support.
+Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helpText` for additional content support.
 <!-- AURO-GENERATED-CONTENT:END -->
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
 <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->

package/components/input/demo/api.md

@@ -78,7 +78,7 @@ Generate unique names for dependency components.
 | Name            | Description                                      |
 |-----------------|--------------------------------------------------|
 | [displayValue](#displayValue)  | Allows custom HTML content to display in place of the value when the input is not focused. |
-| [helptext](#helptext)      | Sets the help text displayed below the input.    |
+| [helpText](#helpText)      | Sets the help text displayed below the input.    |
 | [label](#label)         | Sets the label text for the input.               |
 | [optionalLabel](#optionalLabel) | Allows overriding the optional display text "(optional)", which appears next to the label. |
 
@@ -216,7 +216,7 @@ Use the `placeholder` attribute to add a custom placeholder message within the e
   <!-- The below content is automatically added from ../apiExamples/placeholder.html -->
   <auro-input placeholder="John Doe" bordered required>
     <span slot="label">Full name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -228,7 +228,7 @@ Use the `placeholder` attribute to add a custom placeholder message within the e
 ```html
 <auro-input placeholder="John Doe" bordered required>
   <span slot="label">Full name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -242,7 +242,7 @@ Use the `value` attribute to programmatically set the value of the input.
   <!-- The below content is automatically added from ../apiExamples/programmaticValue.html -->
   <auro-input value="Alaska Airlines is the best!" bordered>
     <span slot="label">Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -254,7 +254,7 @@ Use the `value` attribute to programmatically set the value of the input.
 ```html
 <auro-input value="Alaska Airlines is the best!" bordered>
   <span slot="label">Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -274,7 +274,7 @@ Note: Setting the `value` to `undefined` will also reset the element.
   <br /><br />
   <auro-input id="setProgrammaticValueExample" value="Press one of the buttons above!" bordered>
     <span slot="label">Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -289,7 +289,7 @@ Note: Setting the `value` to `undefined` will also reset the element.
 <br /><br />
 <auro-input id="setProgrammaticValueExample" value="Press one of the buttons above!" bordered>
   <span slot="label">Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -426,7 +426,7 @@ The `setCustomValidityTooLong` attribute may optionally be used in combination w
   <!-- The below content is automatically added from ../apiExamples/maxLength.html -->
   <auro-input maxlength="12" setCustomValidityTooLong="Oops! There were too many characters entered." bordered required>
     <span slot="label">Voucher Code</span>
-    <span slot="helptext">Please enter your 12 character voucher code.</span>
+    <span slot="helpText">Please enter your 12 character voucher code.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -438,7 +438,7 @@ The `setCustomValidityTooLong` attribute may optionally be used in combination w
 ```html
 <auro-input maxlength="12" setCustomValidityTooLong="Oops! There were too many characters entered." bordered required>
   <span slot="label">Voucher Code</span>
-  <span slot="helptext">Please enter your 12 character voucher code.</span>
+  <span slot="helpText">Please enter your 12 character voucher code.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -454,7 +454,7 @@ The `setCustomValidityTooShort` attribute may optionally be used in combination
   <!-- The below content is automatically added from ../apiExamples/minLength.html -->
   <auro-input minlength="4" setCustomValidityTooShort="Please enter a full voucher code." bordered required>
     <span slot="label">Voucher Code</span>
-    <span slot="helptext">Please enter your 4 character voucher code.</span>
+    <span slot="helpText">Please enter your 4 character voucher code.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -466,7 +466,7 @@ The `setCustomValidityTooShort` attribute may optionally be used in combination
 ```html
 <auro-input minlength="4" setCustomValidityTooShort="Please enter a full voucher code." bordered required>
   <span slot="label">Voucher Code</span>
-  <span slot="helptext">Please enter your 4 character voucher code.</span>
+  <span slot="helpText">Please enter your 4 character voucher code.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -482,7 +482,7 @@ The `<auro-input>` component supports setting a custom validity message specific
   <!-- The below content is automatically added from ../apiExamples/pattern.html -->
   <auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces" bordered>
     <span slot="label">Username</span>
-    <span slot="helptext">Please enter a username.</span>
+    <span slot="helpText">Please enter a username.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -494,7 +494,7 @@ The `<auro-input>` component supports setting a custom validity message specific
 ```html
 <auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces" bordered>
   <span slot="label">Username</span>
-  <span slot="helptext">Please enter a username.</span>
+  <span slot="helpText">Please enter a username.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -513,7 +513,7 @@ In this example, the user is able to programmatically change the value of the in
   <br /><br />
   <auro-input readonly bordered id="readonlyExample">
     <span slot="label">Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -528,7 +528,7 @@ In this example, the user is able to programmatically change the value of the in
 <br /><br />
 <auro-input readonly bordered id="readonlyExample">
   <span slot="label">Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -560,7 +560,7 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
   <!-- The below content is automatically added from ../apiExamples/activeLabel.html -->
   <auro-input activeLabel bordered>
     <span slot="label">Address</span>
-    <span slot="helptext">Please enter your home address.</span>
+    <span slot="helpText">Please enter your home address.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -572,7 +572,7 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
 ```html
 <auro-input activeLabel bordered>
   <span slot="label">Address</span>
-  <span slot="helptext">Please enter your home address.</span>
+  <span slot="helpText">Please enter your home address.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -586,7 +586,7 @@ For use cases where the field is `required`, but live validation is not wanted,
   <!-- The below content is automatically added from ../apiExamples/noValidate.html -->
   <auro-input noValidate required bordered>
     <span slot="label">Address</span>
-    <span slot="helptext">Please enter your home address.</span>
+    <span slot="helpText">Please enter your home address.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -598,7 +598,7 @@ For use cases where the field is `required`, but live validation is not wanted,
 ```html
 <auro-input noValidate required bordered>
   <span slot="label">Address</span>
-  <span slot="helptext">Please enter your home address.</span>
+  <span slot="helpText">Please enter your home address.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -647,7 +647,7 @@ When the validity check fails, the validityState equals `valueMissing`. The erro
   <!-- The below content is automatically added from ../apiExamples/required.html -->
   <auro-input required bordered placeholder="John Doe">
     <span slot="label">Full name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -659,7 +659,7 @@ When the validity check fails, the validityState equals `valueMissing`. The erro
 ```html
 <auro-input required bordered placeholder="John Doe">
   <span slot="label">Full name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -674,7 +674,7 @@ The `<auro-input>` supports an `optionalLabel` slot, where users can can overrid
   <auro-input placeholder="John Doe" bordered>
     <span slot="label">Full name</span>
     <span slot="optionalLabel" style="color: grey; font-size: small"> - optional</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -687,7 +687,7 @@ The `<auro-input>` supports an `optionalLabel` slot, where users can can overrid
 <auro-input placeholder="John Doe" bordered>
   <span slot="label">Full name</span>
   <span slot="optionalLabel" style="color: grey; font-size: small"> - optional</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -701,7 +701,7 @@ Use the `validateOnInput` attribute to enable live validation on the `input` eve
   <!-- The below content is automatically added from ../apiExamples/validateOnInput.html -->
   <auro-input validateOnInput bordered required pattern="[a-zA-Z-.']+( +[a-zA-Z-.']+)+" setCustomValidityPatternMismatch="Full name requires two or more names with at least one space.">
     <span slot="label">Full Name</span>
-    <span slot="helptext">Please enter your full name as it appears on the card.</span>
+    <span slot="helpText">Please enter your full name as it appears on the card.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -713,7 +713,7 @@ Use the `validateOnInput` attribute to enable live validation on the `input` eve
 ```html
 <auro-input validateOnInput bordered required pattern="[a-zA-Z-.']+( +[a-zA-Z-.']+)+" setCustomValidityPatternMismatch="Full name requires two or more names with at least one space.">
   <span slot="label">Full Name</span>
-  <span slot="helptext">Please enter your full name as it appears on the card.</span>
+  <span slot="helpText">Please enter your full name as it appears on the card.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -729,7 +729,7 @@ The `setCustomValidity` attribute can be used to set a custom string for all val
   <!-- The below content is automatically added from ../apiExamples/setCustomValidity.html -->
   <auro-input bordered required minlength="3" setCustomValidity="Sorry, please enter your first and last name (one space required).">
     <span slot="label">Full Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -741,7 +741,7 @@ The `setCustomValidity` attribute can be used to set a custom string for all val
 ```html
 <auro-input bordered required minlength="3" setCustomValidity="Sorry, please enter your first and last name (one space required).">
   <span slot="label">Full Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -760,7 +760,7 @@ A custom error message can be set using the `error` attribute, or it can be used
   <br /><br />
   <auro-input id="setCustomErrorExample" error="Initial error attribute value" bordered>
     <span slot="label">Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -775,7 +775,7 @@ A custom error message can be set using the `error` attribute, or it can be used
 <br /><br />
 <auro-input id="setCustomErrorExample" error="Initial error attribute value" bordered>
   <span slot="label">Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -809,7 +809,7 @@ export function customError() {
   <br /><br />
   <auro-input onDark id="setCustomErrorExampleOnDark" error="Initial error attribute value" bordered>
     <span slot="label">Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -824,7 +824,7 @@ export function customError() {
 <br /><br />
 <auro-input onDark id="setCustomErrorExampleOnDark" error="Initial error attribute value" bordered>
   <span slot="label">Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -861,7 +861,7 @@ Default help text will be added to the input `type="password"` if custom help te
   <!-- The below content is automatically added from ../apiExamples/password.html -->
   <auro-input type="password" required bordered>
     <span slot="label">Password</span>
-    <span slot="helptext">Please enter a secure password.</span>
+    <span slot="helpText">Please enter a secure password.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -870,7 +870,7 @@ Default help text will be added to the input `type="password"` if custom help te
   <!-- The below content is automatically added from ../apiExamples/onDarkPassword.html -->
   <auro-input onDark type="password" required bordered>
     <span slot="label">Password</span>
-    <span slot="helptext">Please enter a secure password.</span>
+    <span slot="helpText">Please enter a secure password.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -882,7 +882,7 @@ Default help text will be added to the input `type="password"` if custom help te
 ```html
 <auro-input onDark type="password" required bordered>
   <span slot="label">Password</span>
-  <span slot="helptext">Please enter a secure password.</span>
+  <span slot="helpText">Please enter a secure password.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -899,7 +899,7 @@ Default help text will be added to the input `type="email"` if custom help text
   <!-- The below content is automatically added from ../apiExamples/email.html -->
   <auro-input type="email" bordered required>
     <span slot="label">Email address</span>
-    <span slot="helptext">Please enter your email address.</span>
+    <span slot="helpText">Please enter your email address.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -911,7 +911,7 @@ Default help text will be added to the input `type="email"` if custom help text
 ```html
 <auro-input type="email" bordered required>
   <span slot="label">Email address</span>
-  <span slot="helptext">Please enter your email address.</span>
+  <span slot="helpText">Please enter your email address.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -928,7 +928,7 @@ This `number` input type should only be used for incremental numeric values, mea
   <!-- The below content is automatically added from ../apiExamples/number.html -->
   <auro-input type="number" bordered required>
     <span slot="label">Number of Passengers</span>
-    <span slot="helptext">Please enter the number of passengers.</span>
+    <span slot="helpText">Please enter the number of passengers.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -940,7 +940,7 @@ This `number` input type should only be used for incremental numeric values, mea
 ```html
 <auro-input type="number" bordered required>
   <span slot="label">Number of Passengers</span>
-  <span slot="helptext">Please enter the number of passengers.</span>
+  <span slot="helpText">Please enter the number of passengers.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -957,7 +957,7 @@ Default help text will be added to the input `type="credit-card"` if custom help
   <!-- The below content is automatically added from ../apiExamples/creditCard.html -->
   <auro-input type="credit-card" bordered required>
     <span slot="label">Card number</span>
-    <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
+    <span slot="helpText">Valid credit card numbers must include 16 digits (15 for Amex).</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -969,7 +969,7 @@ Default help text will be added to the input `type="credit-card"` if custom help
 ```html
 <auro-input type="credit-card" bordered required>
   <span slot="label">Card number</span>
-  <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
+  <span slot="helpText">Valid credit card numbers must include 16 digits (15 for Amex).</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -983,7 +983,7 @@ Use the `type="credit-card"` and `icon` attributes for a credit card formatted i
   <!-- The below content is automatically added from ../apiExamples/creditCardIcon.html -->
   <auro-input icon type="credit-card" bordered required>
     <span slot="label">Card number</span>
-    <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
+    <span slot="helpText">Valid credit card numbers must include 16 digits (15 for Amex).</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -996,7 +996,7 @@ Use the `type="credit-card"` and `icon` attributes for a credit card formatted i
 ```html
 <auro-input icon type="credit-card" bordered required>
   <span slot="label">Card number</span>
-  <span slot="helptext">Valid credit card numbers must include 16 digits (15 for Amex).</span>
+  <span slot="helpText">Valid credit card numbers must include 16 digits (15 for Amex).</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -1147,7 +1147,7 @@ Use the `reset()` method to reset the `<auro-input>`'s `value` and `validity` st
   <br /><br />
   <auro-input id="resetStateExample" bordered minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
     <span slot="label">Full Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -1161,7 +1161,7 @@ Use the `reset()` method to reset the `<auro-input>`'s `value` and `validity` st
 <br /><br />
 <auro-input id="resetStateExample" bordered minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
   <span slot="label">Full Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->

package/components/input/demo/api.min.js

@@ -5094,7 +5094,7 @@ let AuroElement$2 = class AuroElement extends i$2 {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -5565,7 +5565,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -8230,7 +8230,7 @@ class AuroInput extends BaseInput {
         ? u$2`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/input/demo/index.md

@@ -2,7 +2,7 @@
 
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
 <!-- The below content is automatically added from ./../docs/partials/description.md -->
-Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helptext` for additional content support.
+Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helpText` for additional content support.
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## auro-input use cases
@@ -25,7 +25,7 @@ The `<auro-input>` element should be used in situations where users may:
   </auro-input> -->
   <auro-input id="alpha" value="lax" layout="emphasized" shape="box" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
     <label slot="label">From</label>
-    <span slot="helptext">Example help text</span>
+    <span slot="helpText">Example help text</span>
     <span slot="displayValue">
       <div>
         <div class="mainText">LAX</div>
@@ -35,15 +35,15 @@ The `<auro-input>` element should be used in situations where users may:
   </auro-input>
   <auro-input id="beta" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
     <label slot="label">From</label>
-    <span slot="helptext">Example help text</span>
+    <span slot="helpText">Example help text</span>
   </auro-input>
   <auro-input id="charlie" layout="emphasized-left" shape="pill-left" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
     <label slot="label">From</label>
-    <span slot="helptext">Example help text</span>
+    <span slot="helpText">Example help text</span>
   </auro-input>
   <auro-input id="delta" layout="emphasized-right" shape="pill-right" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
     <label slot="label">From</label>
-    <span slot="helptext">Example help text</span>
+    <span slot="helpText">Example help text</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -55,7 +55,7 @@ The `<auro-input>` element should be used in situations where users may:
   <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
   <auro-input id="snowflakePill" layout="snowflake" shape="snowflake" size="lg" placeholder="Departure" style="width: 249px;" ondark required>
     <label slot="label">From</label>
-    <span slot="helptext">Example help text</span>
+    <span slot="helpText">Example help text</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -103,7 +103,7 @@ Use the `placeholder` attribute to add a custom placeholder message within the e
   <!-- The below content is automatically added from ./../apiExamples/placeholder.html -->
   <auro-input placeholder="John Doe" bordered required>
     <span slot="label">Full name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -115,7 +115,7 @@ Use the `placeholder` attribute to add a custom placeholder message within the e
 ```html
 <auro-input placeholder="John Doe" bordered required>
   <span slot="label">Full name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -172,7 +172,7 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
   <!-- The below content is automatically added from ./../apiExamples/activeLabel.html -->
   <auro-input activeLabel bordered>
     <span slot="label">Address</span>
-    <span slot="helptext">Please enter your home address.</span>
+    <span slot="helpText">Please enter your home address.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -184,7 +184,7 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
 ```html
 <auro-input activeLabel bordered>
   <span slot="label">Address</span>
-  <span slot="helptext">Please enter your home address.</span>
+  <span slot="helpText">Please enter your home address.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -199,7 +199,7 @@ Use the `value` attribute to preset the value of the element.
   <!-- The below content is automatically added from ./../apiExamples/programmaticValue.html -->
   <auro-input value="Alaska Airlines is the best!" bordered>
     <span slot="label">Name</span>
-    <span slot="helptext">Please enter your full name.</span>
+    <span slot="helpText">Please enter your full name.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -211,7 +211,7 @@ Use the `value` attribute to preset the value of the element.
 ```html
 <auro-input value="Alaska Airlines is the best!" bordered>
   <span slot="label">Name</span>
-  <span slot="helptext">Please enter your full name.</span>
+  <span slot="helpText">Please enter your full name.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->
@@ -228,7 +228,7 @@ The `<auro-input>` component supports setting a custom validity message specific
   <!-- The below content is automatically added from ./../apiExamples/pattern.html -->
   <auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces" bordered>
     <span slot="label">Username</span>
-    <span slot="helptext">Please enter a username.</span>
+    <span slot="helpText">Please enter a username.</span>
   </auro-input>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
@@ -240,7 +240,7 @@ The `<auro-input>` component supports setting a custom validity message specific
 ```html
 <auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces" bordered>
   <span slot="label">Username</span>
-  <span slot="helptext">Please enter a username.</span>
+  <span slot="helpText">Please enter a username.</span>
 </auro-input>
 ```
 <!-- AURO-GENERATED-CONTENT:END -->

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

@@ -5019,7 +5019,7 @@ let AuroElement$2 = class AuroElement extends i$2 {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -5490,7 +5490,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -8155,7 +8155,7 @@ class AuroInput extends BaseInput {
         ? u$2`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/input/demo/readme.md

@@ -20,7 +20,7 @@ The following sections are editable by making changes to the following files:
 # Input
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
 <!-- The below content is automatically added from ./docs/partials/description.md -->
-Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helptext` for additional content support.
+Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helpText` for additional content support.
 <!-- AURO-GENERATED-CONTENT:END -->
 <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
 <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->

package/components/input/dist/base-input.d.ts

@@ -4,7 +4,7 @@
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.

package/components/input/dist/index.js

@@ -4943,7 +4943,7 @@ let AuroElement$2 = class AuroElement extends LitElement {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -5414,7 +5414,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -8079,7 +8079,7 @@ class AuroInput extends BaseInput {
         ? html$1`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/input/dist/registered.js

@@ -4943,7 +4943,7 @@ let AuroElement$2 = class AuroElement extends LitElement {
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
  * @attr id
  *
- * @slot helptext - Sets the help text displayed below the input.
+ * @slot helpText - Sets the help text displayed below the input.
  * @slot label - Sets the label text for the input.
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
  * @slot displayValue - Allows custom HTML content to display in place of the value when the input is not focused.
@@ -5414,7 +5414,7 @@ class BaseInput extends AuroElement$2 {
   }
 
   firstUpdated() {
-    // clicking anywhere in the main wrapper will focus the input. Clicking the helptext or label will not focus the input.
+    // clicking anywhere in the main wrapper will focus the input. Clicking the helpText or label will not focus the input.
     this.wrapperElement = this.shadowRoot.querySelector('.wrapper');
     this.inputElement = this.renderRoot.querySelector('input');
     this.labelElement = this.shadowRoot.querySelector('label');
@@ -8079,7 +8079,7 @@ class AuroInput extends BaseInput {
         ? html$1`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext">${this.getHelpText()}</slot>
+              <slot name="helpText">${this.getHelpText()}</slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/select/demo/api.md

@@ -784,7 +784,7 @@ Use the `label` slot to give your users contextual information about their selec
 </auro-accordion>
 
 #### helpText <a name="helpText"></a>
-Use the `helptext` slot to provide additional information back to your user about their selection option(s).
+Use the `helpText` slot to provide additional information back to your user about their selection option(s).
 
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/helpText.html) -->

package/components/select/demo/api.min.js

@@ -8429,7 +8429,7 @@ class AuroSelect extends AuroElement$4 {
         ? u`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/select/demo/index.md

@@ -116,7 +116,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
     </auro-select>
     <auro-select layout="emphasized" shape="pill" size="xl" value="flights" required style="display:inline-block;">
       <span slot="label">Select Example</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
+      <span slot="helpText">no displayValue in menuoptions</span>
       <auro-menu nocheckmark>
         <auro-menuoption value="flights">
           <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
@@ -194,7 +194,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
     </auro-select>
     <auro-select layout="emphasized" shape="pill" size="xl" value="flights" ondark required style="display:inline-block;">
       <span slot="label">Select Example</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
+      <span slot="helpText">no displayValue in menuoptions</span>
       <auro-menu nocheckmark>
         <auro-menuoption value="flights">
           <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
@@ -275,7 +275,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
     </auro-select>
     <auro-select layout="snowflake" shape="snowflake" placeholder="placeholder text" required style="display:inline-block;">
       <span slot="label">Select Example Placeholder</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
+      <span slot="helpText">no displayValue in menuoptions</span>
       <auro-menu nocheckmark>
         <auro-menuoption value="flights">
           <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights
@@ -353,7 +353,7 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
     </auro-select>
     <auro-select layout="snowflake" shape="snowflake" value="flights" required ondark style="display:inline-block;">
       <span slot="label">Select Example</span>
-      <span slot="helptext">no displayValue in menuoptions</span>
+      <span slot="helpText">no displayValue in menuoptions</span>
       <auro-menu nocheckmark>
         <auro-menuoption value="flights">
           <auro-icon category="terminal" name="plane-diag-stroke" customcolor></auro-icon> Flights

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

@@ -8326,7 +8326,7 @@ class AuroSelect extends AuroElement$4 {
         ? u`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/select/dist/index.js

@@ -8280,7 +8280,7 @@ class AuroSelect extends AuroElement$3 {
         ? html`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

package/components/select/dist/registered.js

@@ -8280,7 +8280,7 @@ class AuroSelect extends AuroElement$3 {
         ? html`
           <${this.helpTextTag} ?onDark="${this.onDark}">
             <p id="${this.uniqueId}" part="helpText">
-              <slot name="helptext"></slot>
+              <slot name="helpText"></slot>
             </p>
           </${this.helpTextTag}>
         `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr624.26",
+  "version": "0.0.0-pr624.28",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {