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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/components/checkbox/demo/customize.min.js +1 -1
  2. package/components/checkbox/demo/getting-started.min.js +1 -1
  3. package/components/checkbox/demo/index.min.js +1 -1
  4. package/components/checkbox/dist/index.js +1 -1
  5. package/components/checkbox/dist/registered.js +1 -1
  6. package/components/combobox/demo/customize.min.js +6 -28
  7. package/components/combobox/demo/getting-started.min.js +6 -28
  8. package/components/combobox/demo/index.min.js +6 -28
  9. package/components/combobox/dist/index.js +6 -28
  10. package/components/combobox/dist/registered.js +6 -28
  11. package/components/counter/demo/customize.min.js +2 -2
  12. package/components/counter/demo/index.min.js +2 -2
  13. package/components/counter/dist/index.js +2 -2
  14. package/components/counter/dist/registered.js +2 -2
  15. package/components/datepicker/demo/customize.min.js +6 -28
  16. package/components/datepicker/demo/index.min.js +6 -28
  17. package/components/datepicker/dist/index.js +6 -28
  18. package/components/datepicker/dist/registered.js +6 -28
  19. package/components/dropdown/demo/customize.min.js +1 -1
  20. package/components/dropdown/demo/getting-started.min.js +5 -27
  21. package/components/dropdown/demo/index.min.js +1 -1
  22. package/components/dropdown/dist/index.js +1 -1
  23. package/components/dropdown/dist/registered.js +1 -1
  24. package/components/form/demo/customize.min.js +22 -88
  25. package/components/form/demo/getting-started.min.js +22 -88
  26. package/components/form/demo/index.min.js +22 -88
  27. package/components/form/demo/registerDemoDeps.min.js +22 -88
  28. package/components/input/demo/api.md +1 -1
  29. package/components/input/demo/customize.md +1 -1
  30. package/components/input/demo/customize.min.js +4 -26
  31. package/components/input/demo/getting-started.min.js +4 -26
  32. package/components/input/demo/index.min.js +4 -26
  33. package/components/input/dist/auro-input.d.ts +0 -8
  34. package/components/input/dist/base-input.d.ts +0 -2
  35. package/components/input/dist/index.js +4 -26
  36. package/components/input/dist/registered.js +4 -26
  37. package/components/radio/demo/customize.min.js +1 -1
  38. package/components/radio/demo/getting-started.min.js +1 -1
  39. package/components/radio/demo/index.min.js +1 -1
  40. package/components/radio/dist/index.js +1 -1
  41. package/components/radio/dist/registered.js +1 -1
  42. package/components/select/demo/customize.min.js +2 -2
  43. package/components/select/demo/getting-started.min.js +2 -2
  44. package/components/select/demo/index.min.js +2 -2
  45. package/components/select/dist/index.js +2 -2
  46. package/components/select/dist/registered.js +2 -2
  47. package/custom-elements.json +4 -16
  48. package/package.json +1 -1
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202608111845';
1278
+ var formkitVersion = '202608102155';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202608111845';
1278
+ var formkitVersion = '202608102155';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202608111845';
1278
+ var formkitVersion = '202608102155';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
1228
1228
  }
1229
1229
  }
1230
1230
 
1231
- var formkitVersion = '202608111845';
1231
+ var formkitVersion = '202608102155';
1232
1232
 
1233
1233
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1234
1234
  // See LICENSE in the project root for license information.
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
1228
1228
  }
1229
1229
  }
1230
1230
 
1231
- var formkitVersion = '202608111845';
1231
+ var formkitVersion = '202608102155';
1232
1232
 
1233
1233
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1234
1234
  // See LICENSE in the project root for license information.
@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4977
4977
  }
4978
4978
  };
4979
4979
 
4980
- var formkitVersion$2 = '202608111845';
4980
+ var formkitVersion$2 = '202608102155';
4981
4981
 
4982
4982
  let AuroElement$2 = class AuroElement extends i$3 {
4983
4983
  static get properties() {
@@ -17149,8 +17149,6 @@ class BaseInput extends AuroElement$1 {
17149
17149
 
17150
17150
  /**
17151
17151
  * If set, the label will remain fixed in the active position.
17152
- * Only applies to the classic/default layout; the emphasized and snowflake
17153
- * layouts always render the label inside the field, so this has no effect there.
17154
17152
  */
17155
17153
  activeLabel: {
17156
17154
  type: Boolean,
@@ -18677,7 +18675,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18677
18675
  }
18678
18676
  };
18679
18677
 
18680
- var formkitVersion$1 = '202608111845';
18678
+ var formkitVersion$1 = '202608102155';
18681
18679
 
18682
18680
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18683
18681
  // See LICENSE in the project root for license information.
@@ -18778,35 +18776,15 @@ class AuroInput extends BaseInput {
18778
18776
  * @private
18779
18777
  */
18780
18778
  get inputHidden() {
18781
- // In the classic/default layout, activeLabel keeps the input row visible so
18782
- // the label stays raised rather than collapsing to the centered placeholder
18783
- // position. Emphasized/snowflake always render the label inside the field,
18784
- // so activeLabel does not apply there. This only overrides the empty/
18785
- // unfocused clause — the display-value clause (combobox/datepicker) is
18786
- // preserved regardless.
18787
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
18788
-
18789
18779
  return (
18790
18780
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
18791
18781
  (
18792
- !activeLabelRaisesInput &&
18793
18782
  (!this.value || this.value.length === 0) &&
18794
18783
  !this.hasFocus &&
18795
18784
  (!this.placeholderStr || this.placeholderStr === '')
18796
18785
  );
18797
18786
  }
18798
18787
 
18799
- /**
18800
- * Whether the component is rendering the classic/default layout, meaning not
18801
- * emphasized and not snowflake. Kept as a single source of truth so
18802
- * layout-scoped behavior such as activeLabel stays consistent across getters.
18803
- * @returns {boolean} - True for the classic/default layout.
18804
- * @private
18805
- */
18806
- get isClassicLayout() {
18807
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
18808
- }
18809
-
18810
18788
  /**
18811
18789
  * Determines if the input should display in a state with no focus or value indication.
18812
18790
  * Returns true when the input has display content without focus and has a value,
@@ -18852,7 +18830,7 @@ class AuroInput extends BaseInput {
18852
18830
  }
18853
18831
 
18854
18832
  // classic layout (default)
18855
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
18833
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
18856
18834
  }
18857
18835
 
18858
18836
  /**
@@ -18948,8 +18926,7 @@ class AuroInput extends BaseInput {
18948
18926
  'wrapper': true,
18949
18927
  'simple': this.simple,
18950
18928
  'withValue': this.hasValue,
18951
- 'hasFocus': this.hasFocus,
18952
- 'activeLabel': this.activeLabel
18929
+ 'hasFocus': this.hasFocus
18953
18930
  };
18954
18931
  }
18955
18932
 
@@ -19160,6 +19137,7 @@ class AuroInput extends BaseInput {
19160
19137
  @input="${this.handleInput}"
19161
19138
  .placeholder=${this.placeholderStr}
19162
19139
  .role=${this.a11yRole}
19140
+ ?activeLabel="${this.activeLabel}"
19163
19141
  ?disabled="${this.disabled}"
19164
19142
  ?required="${this.required}"
19165
19143
  aria-activedescendant=${o(this.a11yActivedescendant)}
@@ -19853,7 +19831,7 @@ class AuroBibtemplate extends i$3 {
19853
19831
  }
19854
19832
  }
19855
19833
 
19856
- var formkitVersion = '202608111845';
19834
+ var formkitVersion = '202608102155';
19857
19835
 
19858
19836
  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}`;
19859
19837
 
@@ -4977,7 +4977,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4977
4977
  }
4978
4978
  };
4979
4979
 
4980
- var formkitVersion$2 = '202608111845';
4980
+ var formkitVersion$2 = '202608102155';
4981
4981
 
4982
4982
  let AuroElement$2 = class AuroElement extends i$3 {
4983
4983
  static get properties() {
@@ -17149,8 +17149,6 @@ class BaseInput extends AuroElement$1 {
17149
17149
 
17150
17150
  /**
17151
17151
  * If set, the label will remain fixed in the active position.
17152
- * Only applies to the classic/default layout; the emphasized and snowflake
17153
- * layouts always render the label inside the field, so this has no effect there.
17154
17152
  */
17155
17153
  activeLabel: {
17156
17154
  type: Boolean,
@@ -18677,7 +18675,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18677
18675
  }
18678
18676
  };
18679
18677
 
18680
- var formkitVersion$1 = '202608111845';
18678
+ var formkitVersion$1 = '202608102155';
18681
18679
 
18682
18680
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18683
18681
  // See LICENSE in the project root for license information.
@@ -18778,35 +18776,15 @@ class AuroInput extends BaseInput {
18778
18776
  * @private
18779
18777
  */
18780
18778
  get inputHidden() {
18781
- // In the classic/default layout, activeLabel keeps the input row visible so
18782
- // the label stays raised rather than collapsing to the centered placeholder
18783
- // position. Emphasized/snowflake always render the label inside the field,
18784
- // so activeLabel does not apply there. This only overrides the empty/
18785
- // unfocused clause — the display-value clause (combobox/datepicker) is
18786
- // preserved regardless.
18787
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
18788
-
18789
18779
  return (
18790
18780
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
18791
18781
  (
18792
- !activeLabelRaisesInput &&
18793
18782
  (!this.value || this.value.length === 0) &&
18794
18783
  !this.hasFocus &&
18795
18784
  (!this.placeholderStr || this.placeholderStr === '')
18796
18785
  );
18797
18786
  }
18798
18787
 
18799
- /**
18800
- * Whether the component is rendering the classic/default layout, meaning not
18801
- * emphasized and not snowflake. Kept as a single source of truth so
18802
- * layout-scoped behavior such as activeLabel stays consistent across getters.
18803
- * @returns {boolean} - True for the classic/default layout.
18804
- * @private
18805
- */
18806
- get isClassicLayout() {
18807
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
18808
- }
18809
-
18810
18788
  /**
18811
18789
  * Determines if the input should display in a state with no focus or value indication.
18812
18790
  * Returns true when the input has display content without focus and has a value,
@@ -18852,7 +18830,7 @@ class AuroInput extends BaseInput {
18852
18830
  }
18853
18831
 
18854
18832
  // classic layout (default)
18855
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
18833
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
18856
18834
  }
18857
18835
 
18858
18836
  /**
@@ -18948,8 +18926,7 @@ class AuroInput extends BaseInput {
18948
18926
  'wrapper': true,
18949
18927
  'simple': this.simple,
18950
18928
  'withValue': this.hasValue,
18951
- 'hasFocus': this.hasFocus,
18952
- 'activeLabel': this.activeLabel
18929
+ 'hasFocus': this.hasFocus
18953
18930
  };
18954
18931
  }
18955
18932
 
@@ -19160,6 +19137,7 @@ class AuroInput extends BaseInput {
19160
19137
  @input="${this.handleInput}"
19161
19138
  .placeholder=${this.placeholderStr}
19162
19139
  .role=${this.a11yRole}
19140
+ ?activeLabel="${this.activeLabel}"
19163
19141
  ?disabled="${this.disabled}"
19164
19142
  ?required="${this.required}"
19165
19143
  aria-activedescendant=${o(this.a11yActivedescendant)}
@@ -19853,7 +19831,7 @@ class AuroBibtemplate extends i$3 {
19853
19831
  }
19854
19832
  }
19855
19833
 
19856
- var formkitVersion = '202608111845';
19834
+ var formkitVersion = '202608102155';
19857
19835
 
19858
19836
  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}`;
19859
19837
 
@@ -4992,7 +4992,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
4992
4992
  }
4993
4993
  };
4994
4994
 
4995
- var formkitVersion$2 = '202608111845';
4995
+ var formkitVersion$2 = '202608102155';
4996
4996
 
4997
4997
  let AuroElement$2 = class AuroElement extends i$3 {
4998
4998
  static get properties() {
@@ -17164,8 +17164,6 @@ class BaseInput extends AuroElement$1 {
17164
17164
 
17165
17165
  /**
17166
17166
  * If set, the label will remain fixed in the active position.
17167
- * Only applies to the classic/default layout; the emphasized and snowflake
17168
- * layouts always render the label inside the field, so this has no effect there.
17169
17167
  */
17170
17168
  activeLabel: {
17171
17169
  type: Boolean,
@@ -18692,7 +18690,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
18692
18690
  }
18693
18691
  };
18694
18692
 
18695
- var formkitVersion$1 = '202608111845';
18693
+ var formkitVersion$1 = '202608102155';
18696
18694
 
18697
18695
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18698
18696
  // See LICENSE in the project root for license information.
@@ -18793,35 +18791,15 @@ class AuroInput extends BaseInput {
18793
18791
  * @private
18794
18792
  */
18795
18793
  get inputHidden() {
18796
- // In the classic/default layout, activeLabel keeps the input row visible so
18797
- // the label stays raised rather than collapsing to the centered placeholder
18798
- // position. Emphasized/snowflake always render the label inside the field,
18799
- // so activeLabel does not apply there. This only overrides the empty/
18800
- // unfocused clause — the display-value clause (combobox/datepicker) is
18801
- // preserved regardless.
18802
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
18803
-
18804
18794
  return (
18805
18795
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
18806
18796
  (
18807
- !activeLabelRaisesInput &&
18808
18797
  (!this.value || this.value.length === 0) &&
18809
18798
  !this.hasFocus &&
18810
18799
  (!this.placeholderStr || this.placeholderStr === '')
18811
18800
  );
18812
18801
  }
18813
18802
 
18814
- /**
18815
- * Whether the component is rendering the classic/default layout, meaning not
18816
- * emphasized and not snowflake. Kept as a single source of truth so
18817
- * layout-scoped behavior such as activeLabel stays consistent across getters.
18818
- * @returns {boolean} - True for the classic/default layout.
18819
- * @private
18820
- */
18821
- get isClassicLayout() {
18822
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
18823
- }
18824
-
18825
18803
  /**
18826
18804
  * Determines if the input should display in a state with no focus or value indication.
18827
18805
  * Returns true when the input has display content without focus and has a value,
@@ -18867,7 +18845,7 @@ class AuroInput extends BaseInput {
18867
18845
  }
18868
18846
 
18869
18847
  // classic layout (default)
18870
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
18848
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
18871
18849
  }
18872
18850
 
18873
18851
  /**
@@ -18963,8 +18941,7 @@ class AuroInput extends BaseInput {
18963
18941
  'wrapper': true,
18964
18942
  'simple': this.simple,
18965
18943
  'withValue': this.hasValue,
18966
- 'hasFocus': this.hasFocus,
18967
- 'activeLabel': this.activeLabel
18944
+ 'hasFocus': this.hasFocus
18968
18945
  };
18969
18946
  }
18970
18947
 
@@ -19175,6 +19152,7 @@ class AuroInput extends BaseInput {
19175
19152
  @input="${this.handleInput}"
19176
19153
  .placeholder=${this.placeholderStr}
19177
19154
  .role=${this.a11yRole}
19155
+ ?activeLabel="${this.activeLabel}"
19178
19156
  ?disabled="${this.disabled}"
19179
19157
  ?required="${this.required}"
19180
19158
  aria-activedescendant=${o(this.a11yActivedescendant)}
@@ -19868,7 +19846,7 @@ class AuroBibtemplate extends i$3 {
19868
19846
  }
19869
19847
  }
19870
19848
 
19871
- var formkitVersion = '202608111845';
19849
+ var formkitVersion = '202608102155';
19872
19850
 
19873
19851
  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}`;
19874
19852
 
@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4910
4910
  }
4911
4911
  };
4912
4912
 
4913
- var formkitVersion$2 = '202608111845';
4913
+ var formkitVersion$2 = '202608102155';
4914
4914
 
4915
4915
  let AuroElement$2 = class AuroElement extends LitElement {
4916
4916
  static get properties() {
@@ -17075,8 +17075,6 @@ class BaseInput extends AuroElement$1 {
17075
17075
 
17076
17076
  /**
17077
17077
  * If set, the label will remain fixed in the active position.
17078
- * Only applies to the classic/default layout; the emphasized and snowflake
17079
- * layouts always render the label inside the field, so this has no effect there.
17080
17078
  */
17081
17079
  activeLabel: {
17082
17080
  type: Boolean,
@@ -18603,7 +18601,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18603
18601
  }
18604
18602
  };
18605
18603
 
18606
- var formkitVersion$1 = '202608111845';
18604
+ var formkitVersion$1 = '202608102155';
18607
18605
 
18608
18606
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18609
18607
  // See LICENSE in the project root for license information.
@@ -18704,35 +18702,15 @@ class AuroInput extends BaseInput {
18704
18702
  * @private
18705
18703
  */
18706
18704
  get inputHidden() {
18707
- // In the classic/default layout, activeLabel keeps the input row visible so
18708
- // the label stays raised rather than collapsing to the centered placeholder
18709
- // position. Emphasized/snowflake always render the label inside the field,
18710
- // so activeLabel does not apply there. This only overrides the empty/
18711
- // unfocused clause — the display-value clause (combobox/datepicker) is
18712
- // preserved regardless.
18713
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
18714
-
18715
18705
  return (
18716
18706
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
18717
18707
  (
18718
- !activeLabelRaisesInput &&
18719
18708
  (!this.value || this.value.length === 0) &&
18720
18709
  !this.hasFocus &&
18721
18710
  (!this.placeholderStr || this.placeholderStr === '')
18722
18711
  );
18723
18712
  }
18724
18713
 
18725
- /**
18726
- * Whether the component is rendering the classic/default layout, meaning not
18727
- * emphasized and not snowflake. Kept as a single source of truth so
18728
- * layout-scoped behavior such as activeLabel stays consistent across getters.
18729
- * @returns {boolean} - True for the classic/default layout.
18730
- * @private
18731
- */
18732
- get isClassicLayout() {
18733
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
18734
- }
18735
-
18736
18714
  /**
18737
18715
  * Determines if the input should display in a state with no focus or value indication.
18738
18716
  * Returns true when the input has display content without focus and has a value,
@@ -18778,7 +18756,7 @@ class AuroInput extends BaseInput {
18778
18756
  }
18779
18757
 
18780
18758
  // classic layout (default)
18781
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
18759
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
18782
18760
  }
18783
18761
 
18784
18762
  /**
@@ -18874,8 +18852,7 @@ class AuroInput extends BaseInput {
18874
18852
  'wrapper': true,
18875
18853
  'simple': this.simple,
18876
18854
  'withValue': this.hasValue,
18877
- 'hasFocus': this.hasFocus,
18878
- 'activeLabel': this.activeLabel
18855
+ 'hasFocus': this.hasFocus
18879
18856
  };
18880
18857
  }
18881
18858
 
@@ -19086,6 +19063,7 @@ class AuroInput extends BaseInput {
19086
19063
  @input="${this.handleInput}"
19087
19064
  .placeholder=${this.placeholderStr}
19088
19065
  .role=${this.a11yRole}
19066
+ ?activeLabel="${this.activeLabel}"
19089
19067
  ?disabled="${this.disabled}"
19090
19068
  ?required="${this.required}"
19091
19069
  aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
@@ -19779,7 +19757,7 @@ class AuroBibtemplate extends LitElement {
19779
19757
  }
19780
19758
  }
19781
19759
 
19782
- var formkitVersion = '202608111845';
19760
+ var formkitVersion = '202608102155';
19783
19761
 
19784
19762
  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}`;
19785
19763
 
@@ -4910,7 +4910,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4910
4910
  }
4911
4911
  };
4912
4912
 
4913
- var formkitVersion$2 = '202608111845';
4913
+ var formkitVersion$2 = '202608102155';
4914
4914
 
4915
4915
  let AuroElement$2 = class AuroElement extends LitElement {
4916
4916
  static get properties() {
@@ -17075,8 +17075,6 @@ class BaseInput extends AuroElement$1 {
17075
17075
 
17076
17076
  /**
17077
17077
  * If set, the label will remain fixed in the active position.
17078
- * Only applies to the classic/default layout; the emphasized and snowflake
17079
- * layouts always render the label inside the field, so this has no effect there.
17080
17078
  */
17081
17079
  activeLabel: {
17082
17080
  type: Boolean,
@@ -18603,7 +18601,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
18603
18601
  }
18604
18602
  };
18605
18603
 
18606
- var formkitVersion$1 = '202608111845';
18604
+ var formkitVersion$1 = '202608102155';
18607
18605
 
18608
18606
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
18609
18607
  // See LICENSE in the project root for license information.
@@ -18704,35 +18702,15 @@ class AuroInput extends BaseInput {
18704
18702
  * @private
18705
18703
  */
18706
18704
  get inputHidden() {
18707
- // In the classic/default layout, activeLabel keeps the input row visible so
18708
- // the label stays raised rather than collapsing to the centered placeholder
18709
- // position. Emphasized/snowflake always render the label inside the field,
18710
- // so activeLabel does not apply there. This only overrides the empty/
18711
- // unfocused clause — the display-value clause (combobox/datepicker) is
18712
- // preserved regardless.
18713
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
18714
-
18715
18705
  return (
18716
18706
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
18717
18707
  (
18718
- !activeLabelRaisesInput &&
18719
18708
  (!this.value || this.value.length === 0) &&
18720
18709
  !this.hasFocus &&
18721
18710
  (!this.placeholderStr || this.placeholderStr === '')
18722
18711
  );
18723
18712
  }
18724
18713
 
18725
- /**
18726
- * Whether the component is rendering the classic/default layout, meaning not
18727
- * emphasized and not snowflake. Kept as a single source of truth so
18728
- * layout-scoped behavior such as activeLabel stays consistent across getters.
18729
- * @returns {boolean} - True for the classic/default layout.
18730
- * @private
18731
- */
18732
- get isClassicLayout() {
18733
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
18734
- }
18735
-
18736
18714
  /**
18737
18715
  * Determines if the input should display in a state with no focus or value indication.
18738
18716
  * Returns true when the input has display content without focus and has a value,
@@ -18778,7 +18756,7 @@ class AuroInput extends BaseInput {
18778
18756
  }
18779
18757
 
18780
18758
  // classic layout (default)
18781
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
18759
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
18782
18760
  }
18783
18761
 
18784
18762
  /**
@@ -18874,8 +18852,7 @@ class AuroInput extends BaseInput {
18874
18852
  'wrapper': true,
18875
18853
  'simple': this.simple,
18876
18854
  'withValue': this.hasValue,
18877
- 'hasFocus': this.hasFocus,
18878
- 'activeLabel': this.activeLabel
18855
+ 'hasFocus': this.hasFocus
18879
18856
  };
18880
18857
  }
18881
18858
 
@@ -19086,6 +19063,7 @@ class AuroInput extends BaseInput {
19086
19063
  @input="${this.handleInput}"
19087
19064
  .placeholder=${this.placeholderStr}
19088
19065
  .role=${this.a11yRole}
19066
+ ?activeLabel="${this.activeLabel}"
19089
19067
  ?disabled="${this.disabled}"
19090
19068
  ?required="${this.required}"
19091
19069
  aria-activedescendant=${ifDefined(this.a11yActivedescendant)}
@@ -19779,7 +19757,7 @@ class AuroBibtemplate extends LitElement {
19779
19757
  }
19780
19758
  }
19781
19759
 
19782
- var formkitVersion = '202608111845';
19760
+ var formkitVersion = '202608102155';
19783
19761
 
19784
19762
  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}`;
19785
19763
 
@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1117
1117
  }
1118
1118
  };
1119
1119
 
1120
- var formkitVersion$1 = '202608111845';
1120
+ var formkitVersion$1 = '202608102155';
1121
1121
 
1122
1122
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1123
1123
  // See LICENSE in the project root for license information.
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
5288
5288
  }
5289
5289
  }
5290
5290
 
5291
- var formkitVersion = '202608111845';
5291
+ var formkitVersion = '202608102155';
5292
5292
 
5293
5293
  let AuroElement$1 = class AuroElement extends i$2 {
5294
5294
  static get properties() {
@@ -1117,7 +1117,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1117
1117
  }
1118
1118
  };
1119
1119
 
1120
- var formkitVersion$1 = '202608111845';
1120
+ var formkitVersion$1 = '202608102155';
1121
1121
 
1122
1122
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1123
1123
  // See LICENSE in the project root for license information.
@@ -5288,7 +5288,7 @@ class AuroHelpText extends i$2 {
5288
5288
  }
5289
5289
  }
5290
5290
 
5291
- var formkitVersion = '202608111845';
5291
+ var formkitVersion = '202608102155';
5292
5292
 
5293
5293
  let AuroElement$1 = class AuroElement extends i$2 {
5294
5294
  static get properties() {
@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1067
1067
  }
1068
1068
  };
1069
1069
 
1070
- var formkitVersion$1 = '202608111845';
1070
+ var formkitVersion$1 = '202608102155';
1071
1071
 
1072
1072
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1073
1073
  // See LICENSE in the project root for license information.
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
5220
5220
  }
5221
5221
  }
5222
5222
 
5223
- var formkitVersion = '202608111845';
5223
+ var formkitVersion = '202608102155';
5224
5224
 
5225
5225
  let AuroElement$1 = class AuroElement extends LitElement {
5226
5226
  static get properties() {
@@ -1067,7 +1067,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1067
1067
  }
1068
1068
  };
1069
1069
 
1070
- var formkitVersion$1 = '202608111845';
1070
+ var formkitVersion$1 = '202608102155';
1071
1071
 
1072
1072
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1073
1073
  // See LICENSE in the project root for license information.
@@ -5220,7 +5220,7 @@ class AuroHelpText extends LitElement {
5220
5220
  }
5221
5221
  }
5222
5222
 
5223
- var formkitVersion = '202608111845';
5223
+ var formkitVersion = '202608102155';
5224
5224
 
5225
5225
  let AuroElement$1 = class AuroElement extends LitElement {
5226
5226
  static get properties() {