@aurodesignsystem-dev/auro-formkit 0.0.0-pr1452.0 → 0.0.0-pr1456.0

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

@@ -5467,7 +5467,8 @@ class BaseInput extends AuroElement {
        * The id global attribute defines an identifier (ID) which must be unique in the whole document.
        */
       id: {
-        type: String
+        type: String,
+        reflect: true,
       },
 
       /**
@@ -6004,11 +6005,10 @@ class BaseInput extends AuroElement {
    */
   handleClickClear() {
     this.inputElement.value = "";
-    this.value = "";
     this.labelElement.classList.remove('inputElement-label--sticky');
+    this.validation.reset(this);
     this.notifyValueChanged();
     this.focus();
-    this.validation.validate(this);
   }
 
   /**
@@ -6747,7 +6747,7 @@ class AuroHelpText extends i$3 {
   }
 }
 
-var formkitVersion = '202604242248';
+var formkitVersion = '202605011613';
 
 /**
  * @license

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

@@ -5392,7 +5392,8 @@ class BaseInput extends AuroElement {
        * The id global attribute defines an identifier (ID) which must be unique in the whole document.
        */
       id: {
-        type: String
+        type: String,
+        reflect: true,
       },
 
       /**
@@ -5929,11 +5930,10 @@ class BaseInput extends AuroElement {
    */
   handleClickClear() {
     this.inputElement.value = "";
-    this.value = "";
     this.labelElement.classList.remove('inputElement-label--sticky');
+    this.validation.reset(this);
     this.notifyValueChanged();
     this.focus();
-    this.validation.validate(this);
   }
 
   /**
@@ -6672,7 +6672,7 @@ class AuroHelpText extends i$3 {
   }
 }
 
-var formkitVersion = '202604242248';
+var formkitVersion = '202605011613';
 
 /**
  * @license

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

@@ -140,7 +140,7 @@ export class AuroInput extends BaseInput {
      * @returns {void}
      */
     private checkDisplayValueSlotChange;
-    clearBtn: Element | undefined;
+    clearBtn: Element;
     /**
      * Returns HTML for the validation error icon.
      * @private

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

@@ -7,7 +7,7 @@ export default class BaseInput extends AuroElement {
     static get shadowRootOptions(): {
         delegatesFocus: boolean;
         clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry | null;
+        customElementRegistry?: CustomElementRegistry;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
@@ -152,6 +152,7 @@ export default class BaseInput extends AuroElement {
          */
         id: {
             type: StringConstructor;
+            reflect: boolean;
         };
         /**
          * The id for input node.
@@ -378,20 +379,20 @@ export default class BaseInput extends AuroElement {
      * @returns {void}
      */
     private _initializeDefaults;
-    activeLabel: boolean | undefined;
-    appearance: string | undefined;
-    icon: boolean | undefined;
-    disabled: boolean | undefined;
-    dvInputOnly: boolean | undefined;
-    hideLabelVisually: boolean | undefined;
+    activeLabel: boolean;
+    appearance: string;
+    icon: boolean;
+    disabled: boolean;
+    dvInputOnly: boolean;
+    hideLabelVisually: boolean;
     max: any;
     maxLength: any;
     min: any;
     minLength: any;
-    noValidate: boolean | undefined;
-    onDark: boolean | undefined;
-    required: boolean | undefined;
-    setCustomValidityForType: string | undefined;
+    noValidate: boolean;
+    onDark: boolean;
+    required: boolean;
+    setCustomValidityForType: string;
     /**
      * @private
      */
@@ -400,20 +401,20 @@ export default class BaseInput extends AuroElement {
      * @private
      */
     private size;
-    touched: boolean | undefined;
-    util: AuroInputUtilities | undefined;
-    validation: AuroFormValidation | undefined;
+    touched: boolean;
+    util: AuroInputUtilities;
+    validation: AuroFormValidation;
     inputIconName: any;
     showPassword: any;
-    validationCCLength: number | undefined;
-    hasValue: boolean | undefined;
-    label: string | undefined;
-    allowedInputTypes: string[] | undefined;
+    validationCCLength: number;
+    hasValue: boolean;
+    label: string;
+    allowedInputTypes: string[];
     /**
      * Credit Card is not included as this caused cursor placement issues.
      * The Safari issue.
      */
-    setSelectionInputTypes: string[] | undefined;
+    setSelectionInputTypes: string[];
     dateFormatMap: {
         'mm/dd/yyyy': string;
         'dd/mm/yyyy': string;
@@ -429,13 +430,13 @@ export default class BaseInput extends AuroElement {
         dd: string;
         'dd/mm': string;
         'mm/dd': string;
-    } | undefined;
-    uniqueId: string | undefined;
+    };
+    uniqueId: string;
     firstUpdated(): void;
-    wrapperElement: Element | null | undefined;
-    inputElement: HTMLInputElement | null | undefined;
-    labelElement: HTMLLabelElement | null | undefined;
-    inputId: string | undefined;
+    wrapperElement: Element;
+    inputElement: HTMLInputElement;
+    labelElement: HTMLLabelElement;
+    inputId: string;
     format: any;
     ValidityMessageOverride: any;
     /**
@@ -458,7 +459,7 @@ export default class BaseInput extends AuroElement {
      * @returns {void}
      */
     updated(changedProperties: Map<string, any>): void;
-    skipNextProgrammaticInputEvent: boolean | undefined;
+    skipNextProgrammaticInputEvent: boolean;
     /**
      * @private
      * @returns {void} Notify validity state changed via event.
@@ -470,8 +471,8 @@ export default class BaseInput extends AuroElement {
      * @returns {void}
      */
     private configureAutoFormatting;
-    maskInstance: import("imask").InputMask<import("imask").FactoryArg> | undefined;
-    value: string | undefined;
+    maskInstance: import("imask").InputMask<import("imask").FactoryArg>;
+    value: string;
     formattedDate: any;
     comparisonDate: any;
     /**
@@ -514,7 +515,7 @@ export default class BaseInput extends AuroElement {
      * @return {void}
      */
     private handleFocusin;
-    hasFocus: boolean | undefined;
+    hasFocus: boolean;
     /**
      * Function to support @focusout event.
      * @private

package/components/input/dist/index.js

@@ -5334,7 +5334,8 @@ class BaseInput extends AuroElement {
        * The id global attribute defines an identifier (ID) which must be unique in the whole document.
        */
       id: {
-        type: String
+        type: String,
+        reflect: true,
       },
 
       /**
@@ -5871,11 +5872,10 @@ class BaseInput extends AuroElement {
    */
   handleClickClear() {
     this.inputElement.value = "";
-    this.value = "";
     this.labelElement.classList.remove('inputElement-label--sticky');
+    this.validation.reset(this);
     this.notifyValueChanged();
     this.focus();
-    this.validation.validate(this);
   }
 
   /**
@@ -6614,7 +6614,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604242248';
+var formkitVersion = '202605011613';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/input/dist/registered.js

@@ -5334,7 +5334,8 @@ class BaseInput extends AuroElement {
        * The id global attribute defines an identifier (ID) which must be unique in the whole document.
        */
       id: {
-        type: String
+        type: String,
+        reflect: true,
       },
 
       /**
@@ -5871,11 +5872,10 @@ class BaseInput extends AuroElement {
    */
   handleClickClear() {
     this.inputElement.value = "";
-    this.value = "";
     this.labelElement.classList.remove('inputElement-label--sticky');
+    this.validation.reset(this);
     this.notifyValueChanged();
     this.focus();
-    this.validation.validate(this);
   }
 
   /**
@@ -6614,7 +6614,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604242248';
+var formkitVersion = '202605011613';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/menu/demo/api.md

@@ -64,13 +64,13 @@ The `auro-menuoption` element provides users a way to define a menu option.
 | Property      | Attribute  | Modifiers | Type      | Default | Description                                      |
 |---------------|------------|-----------|-----------|---------|--------------------------------------------------|
 | [disabled](#disabled)    | `disabled` |           | `boolean` | false   | When true, disables the menu option.             |
-| [iconTag](#iconTag)     |            |           |           |         |                                                  |
+| [iconTag](#iconTag)     |            |           | `string`  |         |                                                  |
 | [isActive](#isActive)    |            | readonly  | `boolean` |         | Returns whether the menu option is currently active and selectable.<br />An option is considered active if it is not hidden, not disabled, and not static. |
 | [key](#key)         | `key`      |           | `string`  |         | Allows users to set a unique key for the menu option for specified option selection. If no key is provided, the value property will be used. |
 | [noMatch](#noMatch)     | `nomatch`  |           | `boolean` | false   | When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match. |
 | [selected](#selected)    | `selected` |           | `boolean` | false   | Specifies that an option is selected.            |
 | [tabIndex](#tabIndex)    | `tabIndex` |           | `number`  |         | Specifies the tab index of the menu option.      |
-| [unsubscribe](#unsubscribe) |            |           | `number`  | null    |                                                  |
+| [unsubscribe](#unsubscribe) |            |           |           | null    |                                                  |
 | [value](#value)       | `value`    |           | `string`  |         | Specifies the value to be sent to a server.      |
 
 ## Methods