@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
@@ -10813,8 +10813,6 @@ let BaseInput$2 = class BaseInput extends AuroElement$6 {
10813
10813
 
10814
10814
  /**
10815
10815
  * If set, the label will remain fixed in the active position.
10816
- * Only applies to the classic/default layout; the emphasized and snowflake
10817
- * layouts always render the label inside the field, so this has no effect there.
10818
10816
  */
10819
10817
  activeLabel: {
10820
10818
  type: Boolean,
@@ -12341,7 +12339,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
12341
12339
  }
12342
12340
  };
12343
12341
 
12344
- var formkitVersion$8 = '202608111845';
12342
+ var formkitVersion$8 = '202608102155';
12345
12343
 
12346
12344
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12347
12345
  // See LICENSE in the project root for license information.
@@ -12442,35 +12440,15 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
12442
12440
  * @private
12443
12441
  */
12444
12442
  get inputHidden() {
12445
- // In the classic/default layout, activeLabel keeps the input row visible so
12446
- // the label stays raised rather than collapsing to the centered placeholder
12447
- // position. Emphasized/snowflake always render the label inside the field,
12448
- // so activeLabel does not apply there. This only overrides the empty/
12449
- // unfocused clause — the display-value clause (combobox/datepicker) is
12450
- // preserved regardless.
12451
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
12452
-
12453
12443
  return (
12454
12444
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
12455
12445
  (
12456
- !activeLabelRaisesInput &&
12457
12446
  (!this.value || this.value.length === 0) &&
12458
12447
  !this.hasFocus &&
12459
12448
  (!this.placeholderStr || this.placeholderStr === '')
12460
12449
  );
12461
12450
  }
12462
12451
 
12463
- /**
12464
- * Whether the component is rendering the classic/default layout, meaning not
12465
- * emphasized and not snowflake. Kept as a single source of truth so
12466
- * layout-scoped behavior such as activeLabel stays consistent across getters.
12467
- * @returns {boolean} - True for the classic/default layout.
12468
- * @private
12469
- */
12470
- get isClassicLayout() {
12471
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
12472
- }
12473
-
12474
12452
  /**
12475
12453
  * Determines if the input should display in a state with no focus or value indication.
12476
12454
  * Returns true when the input has display content without focus and has a value,
@@ -12516,7 +12494,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
12516
12494
  }
12517
12495
 
12518
12496
  // classic layout (default)
12519
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
12497
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
12520
12498
  }
12521
12499
 
12522
12500
  /**
@@ -12612,8 +12590,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
12612
12590
  'wrapper': true,
12613
12591
  'simple': this.simple,
12614
12592
  'withValue': this.hasValue,
12615
- 'hasFocus': this.hasFocus,
12616
- 'activeLabel': this.activeLabel
12593
+ 'hasFocus': this.hasFocus
12617
12594
  };
12618
12595
  }
12619
12596
 
@@ -12824,6 +12801,7 @@ let AuroInput$2 = class AuroInput extends BaseInput$2 {
12824
12801
  @input="${this.handleInput}"
12825
12802
  .placeholder=${this.placeholderStr}
12826
12803
  .role=${this.a11yRole}
12804
+ ?activeLabel="${this.activeLabel}"
12827
12805
  ?disabled="${this.disabled}"
12828
12806
  ?required="${this.required}"
12829
12807
  aria-activedescendant=${o$4(this.a11yActivedescendant)}
@@ -26793,7 +26771,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
26793
26771
  }
26794
26772
  };
26795
26773
 
26796
- var formkitVersion$2$1 = '202608111845';
26774
+ var formkitVersion$2$1 = '202608102155';
26797
26775
 
26798
26776
  let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
26799
26777
  `,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -32524,7 +32502,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32524
32502
  }
32525
32503
  };
32526
32504
 
32527
- var formkitVersion$1$3 = '202608111845';
32505
+ var formkitVersion$1$3 = '202608102155';
32528
32506
 
32529
32507
  let AuroElement$2$2 = class AuroElement extends i$2 {
32530
32508
  static get properties() {
@@ -44689,8 +44667,6 @@ let BaseInput$1 = class BaseInput extends AuroElement$1$3 {
44689
44667
 
44690
44668
  /**
44691
44669
  * If set, the label will remain fixed in the active position.
44692
- * Only applies to the classic/default layout; the emphasized and snowflake
44693
- * layouts always render the label inside the field, so this has no effect there.
44694
44670
  */
44695
44671
  activeLabel: {
44696
44672
  type: Boolean,
@@ -46217,7 +46193,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
46217
46193
  }
46218
46194
  };
46219
46195
 
46220
- var formkitVersion$7 = '202608111845';
46196
+ var formkitVersion$7 = '202608102155';
46221
46197
 
46222
46198
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
46223
46199
  // See LICENSE in the project root for license information.
@@ -46318,35 +46294,15 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
46318
46294
  * @private
46319
46295
  */
46320
46296
  get inputHidden() {
46321
- // In the classic/default layout, activeLabel keeps the input row visible so
46322
- // the label stays raised rather than collapsing to the centered placeholder
46323
- // position. Emphasized/snowflake always render the label inside the field,
46324
- // so activeLabel does not apply there. This only overrides the empty/
46325
- // unfocused clause — the display-value clause (combobox/datepicker) is
46326
- // preserved regardless.
46327
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
46328
-
46329
46297
  return (
46330
46298
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
46331
46299
  (
46332
- !activeLabelRaisesInput &&
46333
46300
  (!this.value || this.value.length === 0) &&
46334
46301
  !this.hasFocus &&
46335
46302
  (!this.placeholderStr || this.placeholderStr === '')
46336
46303
  );
46337
46304
  }
46338
46305
 
46339
- /**
46340
- * Whether the component is rendering the classic/default layout, meaning not
46341
- * emphasized and not snowflake. Kept as a single source of truth so
46342
- * layout-scoped behavior such as activeLabel stays consistent across getters.
46343
- * @returns {boolean} - True for the classic/default layout.
46344
- * @private
46345
- */
46346
- get isClassicLayout() {
46347
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
46348
- }
46349
-
46350
46306
  /**
46351
46307
  * Determines if the input should display in a state with no focus or value indication.
46352
46308
  * Returns true when the input has display content without focus and has a value,
@@ -46392,7 +46348,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
46392
46348
  }
46393
46349
 
46394
46350
  // classic layout (default)
46395
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
46351
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
46396
46352
  }
46397
46353
 
46398
46354
  /**
@@ -46488,8 +46444,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
46488
46444
  'wrapper': true,
46489
46445
  'simple': this.simple,
46490
46446
  'withValue': this.hasValue,
46491
- 'hasFocus': this.hasFocus,
46492
- 'activeLabel': this.activeLabel
46447
+ 'hasFocus': this.hasFocus
46493
46448
  };
46494
46449
  }
46495
46450
 
@@ -46700,6 +46655,7 @@ let AuroInput$1 = class AuroInput extends BaseInput$1 {
46700
46655
  @input="${this.handleInput}"
46701
46656
  .placeholder=${this.placeholderStr}
46702
46657
  .role=${this.a11yRole}
46658
+ ?activeLabel="${this.activeLabel}"
46703
46659
  ?disabled="${this.disabled}"
46704
46660
  ?required="${this.required}"
46705
46661
  aria-activedescendant=${o$4(this.a11yActivedescendant)}
@@ -51219,7 +51175,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
51219
51175
  }
51220
51176
  };
51221
51177
 
51222
- var formkitVersion$1$2 = '202608111845';
51178
+ var formkitVersion$1$2 = '202608102155';
51223
51179
 
51224
51180
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
51225
51181
  // See LICENSE in the project root for license information.
@@ -55372,7 +55328,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
55372
55328
  }
55373
55329
  };
55374
55330
 
55375
- var formkitVersion$6 = '202608111845';
55331
+ var formkitVersion$6 = '202608102155';
55376
55332
 
55377
55333
  let AuroElement$1$2 = class AuroElement extends i$2 {
55378
55334
  static get properties() {
@@ -59435,7 +59391,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
59435
59391
  }
59436
59392
  };
59437
59393
 
59438
- var formkitVersion$5 = '202608111845';
59394
+ var formkitVersion$5 = '202608102155';
59439
59395
 
59440
59396
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
59441
59397
  // See LICENSE in the project root for license information.
@@ -61200,7 +61156,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
61200
61156
  }
61201
61157
  };
61202
61158
 
61203
- var formkitVersion$4 = '202608111845';
61159
+ var formkitVersion$4 = '202608102155';
61204
61160
 
61205
61161
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
61206
61162
  // See LICENSE in the project root for license information.
@@ -66519,7 +66475,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
66519
66475
  }
66520
66476
  };
66521
66477
 
66522
- var formkitVersion$2 = '202608111845';
66478
+ var formkitVersion$2 = '202608102155';
66523
66479
 
66524
66480
  let AuroElement$2$1 = class AuroElement extends i$2 {
66525
66481
  static get properties() {
@@ -78684,8 +78640,6 @@ class BaseInput extends AuroElement$1$1 {
78684
78640
 
78685
78641
  /**
78686
78642
  * If set, the label will remain fixed in the active position.
78687
- * Only applies to the classic/default layout; the emphasized and snowflake
78688
- * layouts always render the label inside the field, so this has no effect there.
78689
78643
  */
78690
78644
  activeLabel: {
78691
78645
  type: Boolean,
@@ -80212,7 +80166,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
80212
80166
  }
80213
80167
  };
80214
80168
 
80215
- var formkitVersion$1$1 = '202608111845';
80169
+ var formkitVersion$1$1 = '202608102155';
80216
80170
 
80217
80171
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
80218
80172
  // See LICENSE in the project root for license information.
@@ -80313,35 +80267,15 @@ class AuroInput extends BaseInput {
80313
80267
  * @private
80314
80268
  */
80315
80269
  get inputHidden() {
80316
- // In the classic/default layout, activeLabel keeps the input row visible so
80317
- // the label stays raised rather than collapsing to the centered placeholder
80318
- // position. Emphasized/snowflake always render the label inside the field,
80319
- // so activeLabel does not apply there. This only overrides the empty/
80320
- // unfocused clause — the display-value clause (combobox/datepicker) is
80321
- // preserved regardless.
80322
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
80323
-
80324
80270
  return (
80325
80271
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
80326
80272
  (
80327
- !activeLabelRaisesInput &&
80328
80273
  (!this.value || this.value.length === 0) &&
80329
80274
  !this.hasFocus &&
80330
80275
  (!this.placeholderStr || this.placeholderStr === '')
80331
80276
  );
80332
80277
  }
80333
80278
 
80334
- /**
80335
- * Whether the component is rendering the classic/default layout, meaning not
80336
- * emphasized and not snowflake. Kept as a single source of truth so
80337
- * layout-scoped behavior such as activeLabel stays consistent across getters.
80338
- * @returns {boolean} - True for the classic/default layout.
80339
- * @private
80340
- */
80341
- get isClassicLayout() {
80342
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
80343
- }
80344
-
80345
80279
  /**
80346
80280
  * Determines if the input should display in a state with no focus or value indication.
80347
80281
  * Returns true when the input has display content without focus and has a value,
@@ -80387,7 +80321,7 @@ class AuroInput extends BaseInput {
80387
80321
  }
80388
80322
 
80389
80323
  // classic layout (default)
80390
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
80324
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
80391
80325
  }
80392
80326
 
80393
80327
  /**
@@ -80483,8 +80417,7 @@ class AuroInput extends BaseInput {
80483
80417
  'wrapper': true,
80484
80418
  'simple': this.simple,
80485
80419
  'withValue': this.hasValue,
80486
- 'hasFocus': this.hasFocus,
80487
- 'activeLabel': this.activeLabel
80420
+ 'hasFocus': this.hasFocus
80488
80421
  };
80489
80422
  }
80490
80423
 
@@ -80695,6 +80628,7 @@ class AuroInput extends BaseInput {
80695
80628
  @input="${this.handleInput}"
80696
80629
  .placeholder=${this.placeholderStr}
80697
80630
  .role=${this.a11yRole}
80631
+ ?activeLabel="${this.activeLabel}"
80698
80632
  ?disabled="${this.disabled}"
80699
80633
  ?required="${this.required}"
80700
80634
  aria-activedescendant=${o$4(this.a11yActivedescendant)}
@@ -81388,7 +81322,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
81388
81322
  }
81389
81323
  };
81390
81324
 
81391
- var formkitVersion$3 = '202608111845';
81325
+ var formkitVersion$3 = '202608102155';
81392
81326
 
81393
81327
  var styleCss$1$3 = i$4`.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}`;
81394
81328
 
@@ -90588,7 +90522,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
90588
90522
  }
90589
90523
  };
90590
90524
 
90591
- var formkitVersion$1 = '202608111845';
90525
+ var formkitVersion$1 = '202608102155';
90592
90526
 
90593
90527
  class AuroElement extends i$2 {
90594
90528
  static get properties() {
@@ -92699,7 +92633,7 @@ class AuroHelpText extends i$2 {
92699
92633
  }
92700
92634
  }
92701
92635
 
92702
- var formkitVersion = '202608111845';
92636
+ var formkitVersion = '202608102155';
92703
92637
 
92704
92638
  var styleCss = i$4`.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}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer{max-width:100%}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;box-sizing:border-box;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{overflow:hidden;height:auto;text-overflow:ellipsis;white-space:nowrap}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
92705
92639
 
@@ -13,7 +13,7 @@ The `auro-input` element provides users a way to enter data into a text field.
13
13
  | `a11yControls` | `a11yControls` | | `string` | | The value for the aria-controls attribute. |
14
14
  | `a11yExpanded` | `a11yExpanded` | | `boolean` | | The value for the aria-expanded attribute. |
15
15
  | `a11yRole` | `a11yRole` | | `string` | | The value for the role attribute. |
16
- | `activeLabel` | `activeLabel` | | `boolean` | false | If set, the label will remain fixed in the active position.<br />Only applies to the classic/default layout; the emphasized and snowflake<br />layouts always render the label inside the field, so this has no effect there. |
16
+ | `activeLabel` | `activeLabel` | | `boolean` | false | If set, the label will remain fixed in the active position. |
17
17
  | `appearance` | `appearance` | | `'default' \| 'inverse'` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
18
18
  | `autocapitalize` | `autocapitalize` | | `string` | | An enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user. [off/none, on/sentences, words, characters]. |
19
19
  | `autocomplete` | `autocomplete` | | `string` | | An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported. |
@@ -44,7 +44,7 @@
44
44
  <section>
45
45
  <auro-header level="2" id="appearance">Appearance</auro-header>
46
46
  <auro-header level="3" id="activeLabel">Active Label</auro-header>
47
- <p>Use the <code>activeLabel</code> attribute to make the label stay fixed in the active position. This applies to the classic/default layout only; the emphasized and snowflake layouts always render the label inside the field and are unaffected.</p>
47
+ <p>Use the <code>activeLabel</code> attribute to make the label stay fixed in the active position.</p>
48
48
  <div class="exampleWrapper">
49
49
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=../apiExamples/active-label.html) -->
50
50
  <!-- The below content is automatically added from ../apiExamples/active-label.html -->
@@ -10742,8 +10742,6 @@ class BaseInput extends AuroElement {
10742
10742
 
10743
10743
  /**
10744
10744
  * If set, the label will remain fixed in the active position.
10745
- * Only applies to the classic/default layout; the emphasized and snowflake
10746
- * layouts always render the label inside the field, so this has no effect there.
10747
10745
  */
10748
10746
  activeLabel: {
10749
10747
  type: Boolean,
@@ -12270,7 +12268,7 @@ class AuroHelpText extends i$3 {
12270
12268
  }
12271
12269
  }
12272
12270
 
12273
- var formkitVersion = '202608111845';
12271
+ var formkitVersion = '202608102155';
12274
12272
 
12275
12273
  /**
12276
12274
  * @license
@@ -12383,35 +12381,15 @@ class AuroInput extends BaseInput {
12383
12381
  * @private
12384
12382
  */
12385
12383
  get inputHidden() {
12386
- // In the classic/default layout, activeLabel keeps the input row visible so
12387
- // the label stays raised rather than collapsing to the centered placeholder
12388
- // position. Emphasized/snowflake always render the label inside the field,
12389
- // so activeLabel does not apply there. This only overrides the empty/
12390
- // unfocused clause — the display-value clause (combobox/datepicker) is
12391
- // preserved regardless.
12392
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
12393
-
12394
12384
  return (
12395
12385
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
12396
12386
  (
12397
- !activeLabelRaisesInput &&
12398
12387
  (!this.value || this.value.length === 0) &&
12399
12388
  !this.hasFocus &&
12400
12389
  (!this.placeholderStr || this.placeholderStr === '')
12401
12390
  );
12402
12391
  }
12403
12392
 
12404
- /**
12405
- * Whether the component is rendering the classic/default layout, meaning not
12406
- * emphasized and not snowflake. Kept as a single source of truth so
12407
- * layout-scoped behavior such as activeLabel stays consistent across getters.
12408
- * @returns {boolean} - True for the classic/default layout.
12409
- * @private
12410
- */
12411
- get isClassicLayout() {
12412
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
12413
- }
12414
-
12415
12393
  /**
12416
12394
  * Determines if the input should display in a state with no focus or value indication.
12417
12395
  * Returns true when the input has display content without focus and has a value,
@@ -12457,7 +12435,7 @@ class AuroInput extends BaseInput {
12457
12435
  }
12458
12436
 
12459
12437
  // classic layout (default)
12460
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
12438
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
12461
12439
  }
12462
12440
 
12463
12441
  /**
@@ -12553,8 +12531,7 @@ class AuroInput extends BaseInput {
12553
12531
  'wrapper': true,
12554
12532
  'simple': this.simple,
12555
12533
  'withValue': this.hasValue,
12556
- 'hasFocus': this.hasFocus,
12557
- 'activeLabel': this.activeLabel
12534
+ 'hasFocus': this.hasFocus
12558
12535
  };
12559
12536
  }
12560
12537
 
@@ -12765,6 +12742,7 @@ class AuroInput extends BaseInput {
12765
12742
  @input="${this.handleInput}"
12766
12743
  .placeholder=${this.placeholderStr}
12767
12744
  .role=${this.a11yRole}
12745
+ ?activeLabel="${this.activeLabel}"
12768
12746
  ?disabled="${this.disabled}"
12769
12747
  ?required="${this.required}"
12770
12748
  aria-activedescendant=${o$2(this.a11yActivedescendant)}
@@ -10742,8 +10742,6 @@ class BaseInput extends AuroElement {
10742
10742
 
10743
10743
  /**
10744
10744
  * If set, the label will remain fixed in the active position.
10745
- * Only applies to the classic/default layout; the emphasized and snowflake
10746
- * layouts always render the label inside the field, so this has no effect there.
10747
10745
  */
10748
10746
  activeLabel: {
10749
10747
  type: Boolean,
@@ -12270,7 +12268,7 @@ class AuroHelpText extends i$3 {
12270
12268
  }
12271
12269
  }
12272
12270
 
12273
- var formkitVersion = '202608111845';
12271
+ var formkitVersion = '202608102155';
12274
12272
 
12275
12273
  /**
12276
12274
  * @license
@@ -12383,35 +12381,15 @@ class AuroInput extends BaseInput {
12383
12381
  * @private
12384
12382
  */
12385
12383
  get inputHidden() {
12386
- // In the classic/default layout, activeLabel keeps the input row visible so
12387
- // the label stays raised rather than collapsing to the centered placeholder
12388
- // position. Emphasized/snowflake always render the label inside the field,
12389
- // so activeLabel does not apply there. This only overrides the empty/
12390
- // unfocused clause — the display-value clause (combobox/datepicker) is
12391
- // preserved regardless.
12392
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
12393
-
12394
12384
  return (
12395
12385
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
12396
12386
  (
12397
- !activeLabelRaisesInput &&
12398
12387
  (!this.value || this.value.length === 0) &&
12399
12388
  !this.hasFocus &&
12400
12389
  (!this.placeholderStr || this.placeholderStr === '')
12401
12390
  );
12402
12391
  }
12403
12392
 
12404
- /**
12405
- * Whether the component is rendering the classic/default layout, meaning not
12406
- * emphasized and not snowflake. Kept as a single source of truth so
12407
- * layout-scoped behavior such as activeLabel stays consistent across getters.
12408
- * @returns {boolean} - True for the classic/default layout.
12409
- * @private
12410
- */
12411
- get isClassicLayout() {
12412
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
12413
- }
12414
-
12415
12393
  /**
12416
12394
  * Determines if the input should display in a state with no focus or value indication.
12417
12395
  * Returns true when the input has display content without focus and has a value,
@@ -12457,7 +12435,7 @@ class AuroInput extends BaseInput {
12457
12435
  }
12458
12436
 
12459
12437
  // classic layout (default)
12460
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
12438
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
12461
12439
  }
12462
12440
 
12463
12441
  /**
@@ -12553,8 +12531,7 @@ class AuroInput extends BaseInput {
12553
12531
  'wrapper': true,
12554
12532
  'simple': this.simple,
12555
12533
  'withValue': this.hasValue,
12556
- 'hasFocus': this.hasFocus,
12557
- 'activeLabel': this.activeLabel
12534
+ 'hasFocus': this.hasFocus
12558
12535
  };
12559
12536
  }
12560
12537
 
@@ -12765,6 +12742,7 @@ class AuroInput extends BaseInput {
12765
12742
  @input="${this.handleInput}"
12766
12743
  .placeholder=${this.placeholderStr}
12767
12744
  .role=${this.a11yRole}
12745
+ ?activeLabel="${this.activeLabel}"
12768
12746
  ?disabled="${this.disabled}"
12769
12747
  ?required="${this.required}"
12770
12748
  aria-activedescendant=${o$2(this.a11yActivedescendant)}
@@ -10742,8 +10742,6 @@ class BaseInput extends AuroElement {
10742
10742
 
10743
10743
  /**
10744
10744
  * If set, the label will remain fixed in the active position.
10745
- * Only applies to the classic/default layout; the emphasized and snowflake
10746
- * layouts always render the label inside the field, so this has no effect there.
10747
10745
  */
10748
10746
  activeLabel: {
10749
10747
  type: Boolean,
@@ -12270,7 +12268,7 @@ class AuroHelpText extends i$3 {
12270
12268
  }
12271
12269
  }
12272
12270
 
12273
- var formkitVersion = '202608111845';
12271
+ var formkitVersion = '202608102155';
12274
12272
 
12275
12273
  /**
12276
12274
  * @license
@@ -12383,35 +12381,15 @@ class AuroInput extends BaseInput {
12383
12381
  * @private
12384
12382
  */
12385
12383
  get inputHidden() {
12386
- // In the classic/default layout, activeLabel keeps the input row visible so
12387
- // the label stays raised rather than collapsing to the centered placeholder
12388
- // position. Emphasized/snowflake always render the label inside the field,
12389
- // so activeLabel does not apply there. This only overrides the empty/
12390
- // unfocused clause — the display-value clause (combobox/datepicker) is
12391
- // preserved regardless.
12392
- const activeLabelRaisesInput = this.activeLabel && this.isClassicLayout;
12393
-
12394
12384
  return (
12395
12385
  this.hasDisplayValueContent && !this.hasFocus && this.hasValue) ||
12396
12386
  (
12397
- !activeLabelRaisesInput &&
12398
12387
  (!this.value || this.value.length === 0) &&
12399
12388
  !this.hasFocus &&
12400
12389
  (!this.placeholderStr || this.placeholderStr === '')
12401
12390
  );
12402
12391
  }
12403
12392
 
12404
- /**
12405
- * Whether the component is rendering the classic/default layout, meaning not
12406
- * emphasized and not snowflake. Kept as a single source of truth so
12407
- * layout-scoped behavior such as activeLabel stays consistent across getters.
12408
- * @returns {boolean} - True for the classic/default layout.
12409
- * @private
12410
- */
12411
- get isClassicLayout() {
12412
- return !this.layout.startsWith('emphasized') && this.layout !== 'snowflake';
12413
- }
12414
-
12415
12393
  /**
12416
12394
  * Determines if the input should display in a state with no focus or value indication.
12417
12395
  * Returns true when the input has display content without focus and has a value,
@@ -12457,7 +12435,7 @@ class AuroInput extends BaseInput {
12457
12435
  }
12458
12436
 
12459
12437
  // classic layout (default)
12460
- return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus && !this.activeLabel) ? 'body-default' : 'body-xs';
12438
+ return ((!this.value || this.value.length === 0) && !this.placeholderStr && !this.hasFocus) ? 'body-default' : 'body-xs';
12461
12439
  }
12462
12440
 
12463
12441
  /**
@@ -12553,8 +12531,7 @@ class AuroInput extends BaseInput {
12553
12531
  'wrapper': true,
12554
12532
  'simple': this.simple,
12555
12533
  'withValue': this.hasValue,
12556
- 'hasFocus': this.hasFocus,
12557
- 'activeLabel': this.activeLabel
12534
+ 'hasFocus': this.hasFocus
12558
12535
  };
12559
12536
  }
12560
12537
 
@@ -12765,6 +12742,7 @@ class AuroInput extends BaseInput {
12765
12742
  @input="${this.handleInput}"
12766
12743
  .placeholder=${this.placeholderStr}
12767
12744
  .role=${this.a11yRole}
12745
+ ?activeLabel="${this.activeLabel}"
12768
12746
  ?disabled="${this.disabled}"
12769
12747
  ?required="${this.required}"
12770
12748
  aria-activedescendant=${o$2(this.a11yActivedescendant)}