@aurodesignsystem-dev/auro-formkit 0.0.0-pr1583.0 → 0.0.0-pr1588.0

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

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1506,11 +1506,14 @@ class AuroCheckboxGroup extends i$2 {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        document.auroCheckboxGroupActive.focusWithin = false;
+        const group = document.auroCheckboxGroupActive;
+        group.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
+        if (!group.noValidate) {
+          group.validation.validate(group);
+        }
       }
     };
 

package/components/checkbox/demo/getting-started.min.js

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1506,11 +1506,14 @@ class AuroCheckboxGroup extends i$2 {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        document.auroCheckboxGroupActive.focusWithin = false;
+        const group = document.auroCheckboxGroupActive;
+        group.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
+        if (!group.noValidate) {
+          group.validation.validate(group);
+        }
       }
     };
 

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

@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1506,11 +1506,14 @@ class AuroCheckboxGroup extends i$2 {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        document.auroCheckboxGroupActive.focusWithin = false;
+        const group = document.auroCheckboxGroupActive;
+        group.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
+        if (!group.noValidate) {
+          group.validation.validate(group);
+        }
       }
     };
 

package/components/checkbox/dist/index.js

@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1459,11 +1459,14 @@ class AuroCheckboxGroup extends LitElement {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        document.auroCheckboxGroupActive.focusWithin = false;
+        const group = document.auroCheckboxGroupActive;
+        group.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
+        if (!group.noValidate) {
+          group.validation.validate(group);
+        }
       }
     };
 

package/components/checkbox/dist/registered.js

@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -1459,11 +1459,14 @@ class AuroCheckboxGroup extends LitElement {
     const checkFocusWithin = function(evt) {
       if (document.auroCheckboxGroupActive && !document.auroCheckboxGroupActive.contains(evt.target)) {
         // if focus has left the group, cleanup and validate
-        document.auroCheckboxGroupActive.focusWithin = false;
+        const group = document.auroCheckboxGroupActive;
+        group.focusWithin = false;
         window.removeEventListener('focusin', checkFocusWithin);
         document.removeEventListener('click', checkFocusWithin);
         // execute the validation
-        document.auroCheckboxGroupActive.validation.validate(document.auroCheckboxGroupActive);
+        if (!group.noValidate) {
+          group.validation.validate(group);
+        }
       }
     };
 

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

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608102155';
+var formkitVersion$2 = '202608182010';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -17149,6 +17149,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18675,7 +18677,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608102155';
+var formkitVersion$1 = '202608182010';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18776,15 +18778,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18830,7 +18852,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18926,7 +18948,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19137,7 +19160,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${o(this.a11yActivedescendant)}
@@ -19831,7 +19853,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 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}`;
 
@@ -21526,7 +21548,7 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
       }
     });

package/components/combobox/demo/getting-started.min.js

@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608102155';
+var formkitVersion$2 = '202608182010';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -17149,6 +17149,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18675,7 +18677,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608102155';
+var formkitVersion$1 = '202608182010';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18776,15 +18778,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18830,7 +18852,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18926,7 +18948,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19137,7 +19160,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${o(this.a11yActivedescendant)}
@@ -19831,7 +19853,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 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}`;
 
@@ -21526,7 +21548,7 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
       }
     });

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

@@ -4992,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$2 = '202608102155';
+var formkitVersion$2 = '202608182010';
 
 let AuroElement$2 = class AuroElement extends i$3 {
   static get properties() {
@@ -17164,6 +17164,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18690,7 +18692,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
   }
 };
 
-var formkitVersion$1 = '202608102155';
+var formkitVersion$1 = '202608182010';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18791,15 +18793,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18845,7 +18867,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18941,7 +18963,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19152,7 +19175,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${o(this.a11yActivedescendant)}
@@ -19846,7 +19868,7 @@ class AuroBibtemplate extends i$3 {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 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}`;
 
@@ -21541,7 +21563,7 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
       }
     });

package/components/combobox/dist/index.js

@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608102155';
+var formkitVersion$2 = '202608182010';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -17075,6 +17075,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18601,7 +18603,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608102155';
+var formkitVersion$1 = '202608182010';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18702,15 +18704,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18756,7 +18778,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18852,7 +18874,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19063,7 +19086,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
@@ -19757,7 +19779,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 var styleCss$1 = css`.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}`;
 
@@ -21452,7 +21474,7 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
       }
     });

package/components/combobox/dist/registered.js

@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$2 = '202608102155';
+var formkitVersion$2 = '202608182010';
 
 let AuroElement$2 = class AuroElement extends LitElement {
   static get properties() {
@@ -17075,6 +17075,8 @@ class BaseInput extends AuroElement$1 {
 
       /**
        * If set, the label will remain fixed in the active position.
+       * Only applies to the classic/default layout; the emphasized and snowflake
+       * layouts always render the label inside the field, so this has no effect there.
        */
       activeLabel: {
         type: Boolean,
@@ -18601,7 +18603,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
   }
 };
 
-var formkitVersion$1 = '202608102155';
+var formkitVersion$1 = '202608182010';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
@@ -18702,15 +18704,35 @@ class AuroInput extends BaseInput {
    * @private
    */
   get inputHidden() {
+    // In the classic/default layout, activeLabel keeps the input row visible so
+    // the label stays raised rather than collapsing to the centered placeholder
+    // position. Emphasized/snowflake always render the label inside the field,
+    // so activeLabel does not apply there. This only overrides the empty/
+    // unfocused clause — the display-value clause (combobox/datepicker) is
+    // preserved regardless.
+    const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
+
     return (
       this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
       (
+        !activeLabelRaisesInput &&
         (!this.value || this.value.length === 0) &&
         !this.hasFocus &&
         (!this.placeholderStr || this.placeholderStr === '')
       );
   }
 
+  /**
+   * Whether the component is rendering the classic/default layout, meaning not
+   * emphasized and not snowflake. Kept as a single source of truth so
+   * layout-scoped behavior such as activeLabel stays consistent across getters.
+   * @returns {boolean} - True for the classic/default layout.
+   * @private
+   */
+  get isClassicLayout() {
+    return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
+  }
+
   /**
    * Determines if the input should display in a state with no focus or value indication.
    * Returns true when the input has display content without focus and has a value,
@@ -18756,7 +18778,7 @@ class AuroInput extends BaseInput {
     }
 
     // classic layout (default)
-    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
+    return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
   }
 
   /**
@@ -18852,7 +18874,8 @@ class AuroInput extends BaseInput {
       'wrapper': true,
       'simple': this.simple,
       'withValue': this.hasValue,
-      'hasFocus': this.hasFocus
+      'hasFocus': this.hasFocus,
+      'activeLabel': this.activeLabel
     };
   }
 
@@ -19063,7 +19086,6 @@ class AuroInput extends BaseInput {
         @input="${this.handleInput}"
         .placeholder=${this.placeholderStr}
         .role=${this.a11yRole}
-        ?activeLabel="${this.activeLabel}"
         ?disabled="${this.disabled}"
         ?required="${this.required}"
         aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
@@ -19757,7 +19779,7 @@ class AuroBibtemplate extends LitElement {
   }
 }
 
-var formkitVersion = '202608102155';
+var formkitVersion = '202608182010';
 
 var styleCss$1 = css`.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}`;
 
@@ -21452,7 +21474,7 @@ class AuroCombobox extends AuroElement {
       // and validating against the pre-selection value flashes a stale error
       // between mousedown and mouseup. The next focusout fires after the
       // dropdown closes and validates against the post-selection value.
-      if (!this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
+      if (!this.noValidate && !this.componentHasFocus && !this._inFullscreenTransition && !this.dropdownOpen) {
         this.validate();
       }
     });