@aurodesignsystem-dev/auro-formkit 0.0.0-pr1271.4 → 0.0.0-pr1271.5

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

@@ -1614,7 +1614,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202601081825';
+var formkitVersion = '202601082019';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

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

@@ -1606,7 +1606,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202601081825';
+var formkitVersion = '202601082019';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/index.js

@@ -1559,7 +1559,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202601081825';
+var formkitVersion = '202601082019';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/checkbox/dist/registered.js

@@ -1559,7 +1559,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202601081825';
+var formkitVersion = '202601082019';
 
 // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

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

@@ -4224,7 +4224,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202601081825';
+var formkitVersion$2 = '202601082019';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -10333,19 +10333,16 @@ let AuroElement$1 = class AuroElement extends i$3 {
 
 
 /**
- * Auro-input provides users a way to enter data into a text field.
- *
- * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
- * @attr id
+ * The `auro-input` element provides users a way to enter data into a text field.
+ * @customElement auro-input
  *
  * @slot ariaLabel.clear - Sets aria-label on clear button for screen reader to read
  * @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
  * @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
  * @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 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.
- *
  * @csspart wrapper - Use for customizing the style of the root element
  * @csspart label - Use for customizing the style of the label element
  * @csspart helpText - Use for customizing the style of the helpText element
@@ -10363,6 +10360,15 @@ class BaseInput extends AuroElement$1 {
   constructor() {
     super();
 
+    this._initializeDefaults();
+  }
+
+  /**
+   * Internal Defaults.
+   * @private
+   * @returns {void}
+   */
+  _initializeDefaults() {
     this.activeLabel = false;
     this.appearance = "default";
     this.icon = false;
@@ -10392,15 +10398,6 @@ class BaseInput extends AuroElement$1 {
      */
     this.size = 'lg';
 
-    this.privateDefaults();
-  }
-
-  /**
-   * Internal Defaults.
-   * @private
-   * @returns {void}
-   */
-  privateDefaults() {
     this.touched = false;
     this.util = new AuroInputUtilities();
     this.validation = new AuroFormValidation();
@@ -10461,17 +10458,17 @@ class BaseInput extends AuroElement$1 {
       ...super.properties,
 
       /**
-       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
+       * The value for the role attribute.
        */
-      dvInputOnly: {
-        type: Boolean,
+      a11yRole: {
+        type: String,
         reflect: true
       },
 
       /**
-       * The value for the role attribute.
+       * The value for the aria-controls attribute.
        */
-      a11yRole: {
+      a11yControls: {
         type: String,
         reflect: true
       },
@@ -10484,14 +10481,6 @@ class BaseInput extends AuroElement$1 {
         reflect: true
       },
 
-      /**
-       * The value for the aria-controls attribute.
-       */
-      a11yControls: {
-        type: String,
-        reflect: true
-      },
-
       /**
        * If set, the label will remain fixed in the active position.
        */
@@ -10502,7 +10491,7 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * Defines whether the component will be on lighter or darker backgrounds.
-       * @property {'default', 'inverse'}
+       * @type {'default' | 'inverse'}
        * @default 'default'
        */
       appearance: {
@@ -10534,6 +10523,13 @@ class BaseInput extends AuroElement$1 {
         reflect: true
       },
 
+      /**
+       * Custom help text message for email type validity.
+       */
+      customValidityTypeEmail: {
+        type: String
+      },
+
       /**
        * If set, disables the input.
        */
@@ -10542,6 +10538,14 @@ class BaseInput extends AuroElement$1 {
         reflect: true
       },
 
+      /**
+       * If defined, the display value slot content will only mask the HTML5 input element. The input's label will not be masked.
+       */
+      dvInputOnly: {
+        type: Boolean,
+        reflect: true
+      },
+
       /**
        * When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value.
        */
@@ -10566,20 +10570,18 @@ class BaseInput extends AuroElement$1 {
       },
 
       /**
-       * @private
-       * Flag to indicate if the input currently has value.
+       * Flag to indicate if the input currently has focus.
        */
-      hasValue: {
+      hasFocus: {
         type: Boolean,
         reflect: false,
         attribute: false
       },
 
       /**
-       * @private
-       * Flag to indicate if the input currently has focus.
+       * Flag to indicate if the input currently has value.
        */
-      hasFocus: {
+      hasValue: {
         type: Boolean,
         reflect: false,
         attribute: false
@@ -10593,6 +10595,23 @@ class BaseInput extends AuroElement$1 {
         reflect: true
       },
 
+      /**
+       * The id global attribute defines an identifier (ID) which must be unique in the whole document.
+       */
+      id: {
+        type: String
+      },
+
+      /**
+       * The id for input node.
+       * @private
+       */
+      inputId: {
+        type: String,
+        reflect: false,
+        attribute: false
+      },
+
       /** Exposes inputmode attribute for input.  */
       inputmode: {
         type: String,
@@ -10663,7 +10682,7 @@ class BaseInput extends AuroElement$1 {
       },
 
       /**
-       * DEPRECATED - use `appearance` instead.
+       * DEPRECATED - use `appearance="inverse"` instead.
        */
       onDark: {
         type: Boolean,
@@ -10702,13 +10721,6 @@ class BaseInput extends AuroElement$1 {
         reflect: true
       },
 
-      /**
-       * @ignore
-       */
-      showPassword: {
-        state: true
-      },
-
       /**
        * Sets a custom help text message to display for all validityStates.
        */
@@ -10773,18 +10785,18 @@ class BaseInput extends AuroElement$1 {
       },
 
       /**
-       * Simple makes the input render without a border.
+       * @ignore
        */
-      simple: {
-        type: Boolean,
-        reflect: true
+      showPassword: {
+        state: true
       },
 
       /**
-       * Custom help text message for email type validity.
+       * Simple makes the input render without a border.
        */
-      customValidityTypeEmail: {
-        type: String
+      simple: {
+        type: Boolean,
+        reflect: true
       },
 
       /**
@@ -10796,18 +10808,23 @@ class BaseInput extends AuroElement$1 {
       },
 
       /**
-       * Populates the `type` attribute on the input. Allowed values are `password`, `email`, `credit-card`, `date`, `tel` or `text`. If given value is not allowed or set, defaults to `text`.
+       * Indicates whether the input is in a dirty state (has been interacted with).
+       * @private
        */
-      type: {
-        type: String,
-        reflect: true
+      touched: {
+        type: Boolean,
+        reflect: true,
+        attribute: false
       },
 
       /**
-       * Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
+       * Populates the `type` attribute on the input.
+       * @type {'text' | 'password' | 'email' | 'credit-card' | 'tel' | 'number'}
+       * @default 'text'
        */
-      value: {
-        type: String
+      type: {
+        type: String,
+        reflect: true
       },
 
       /**
@@ -10826,25 +10843,10 @@ class BaseInput extends AuroElement$1 {
       },
 
       /**
-       * Indicates whether the input is in a dirty state (has been interacted with).
-       * @type {boolean}
-       * @default false
-       * @private
-       */
-      touched: {
-        type: Boolean,
-        reflect: true,
-        attribute: false
-      },
-
-      /**
-       * The id for input node.
-       * @private
+       * Populates the `value` attribute on the input. Can also be read to retrieve the current value of the input.
        */
-      inputId: {
-        type: String,
-        reflect: false,
-        attribute: false
+      value: {
+        type: String
       }
     };
   }
@@ -11153,7 +11155,7 @@ class BaseInput extends AuroElement$1 {
   }
 
   /**
-   * @param {Event} event - The input event
+   * @param {Event} event - The input event.
    * @private
    * @returns {void}
    */
@@ -11858,13 +11860,12 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202601081825';
+var formkitVersion$1 = '202601082019';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
 
-// build the component class
 class AuroInput extends BaseInput {
 
   constructor() {
@@ -12036,6 +12037,10 @@ class AuroInput extends BaseInput {
     };
   }
 
+  /**
+   * Common display value wrapper classes.
+   * @private
+   */
   get commonDisplayValueWrapperClasses() {
     return {
       'displayValueWrapper': true,
@@ -12083,7 +12088,7 @@ class AuroInput extends BaseInput {
 
   /**
    * This will register this element with the browser.
-   * @param {string} [name="auro-input"] - The name of element that you want to register to.
+   * @param {string} [name="auro-input"] - The name of the element that you want to register.
    *
    * @example
    * AuroInput.register("custom-input") // this will register this element to <custom-input/>
@@ -12848,7 +12853,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202601081825';
+var formkitVersion = '202601082019';
 
 var styleCss$3 = i$6`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;