@aurodesignsystem-dev/auro-formkit 0.0.0-pr1441.2 → 0.0.0-pr1443.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 (40) hide show
  1. package/components/checkbox/demo/api.min.js +2 -8
  2. package/components/checkbox/demo/index.min.js +2 -8
  3. package/components/checkbox/dist/auro-checkbox.d.ts +1 -1
  4. package/components/checkbox/dist/index.js +2 -8
  5. package/components/checkbox/dist/registered.js +2 -8
  6. package/components/combobox/demo/api.min.js +3 -15
  7. package/components/combobox/demo/index.min.js +3 -15
  8. package/components/combobox/dist/index.js +3 -15
  9. package/components/combobox/dist/registered.js +3 -15
  10. package/components/counter/demo/api.min.js +18 -3
  11. package/components/counter/demo/index.min.js +18 -3
  12. package/components/counter/dist/auro-counter.d.ts +8 -0
  13. package/components/counter/dist/index.js +18 -3
  14. package/components/counter/dist/registered.js +18 -3
  15. package/components/datepicker/demo/api.min.js +3 -15
  16. package/components/datepicker/demo/index.min.js +3 -15
  17. package/components/datepicker/dist/index.js +3 -15
  18. package/components/datepicker/dist/registered.js +3 -15
  19. package/components/dropdown/demo/api.min.js +1 -1
  20. package/components/dropdown/demo/index.min.js +1 -1
  21. package/components/dropdown/dist/index.js +1 -1
  22. package/components/dropdown/dist/registered.js +1 -1
  23. package/components/form/demo/api.min.js +30 -57
  24. package/components/form/demo/index.min.js +30 -57
  25. package/components/input/demo/api.min.js +1 -13
  26. package/components/input/demo/index.min.js +1 -13
  27. package/components/input/dist/base-input.d.ts +0 -7
  28. package/components/input/dist/index.js +1 -13
  29. package/components/input/dist/registered.js +1 -13
  30. package/components/radio/demo/api.min.js +1 -1
  31. package/components/radio/demo/index.min.js +1 -1
  32. package/components/radio/dist/index.js +1 -1
  33. package/components/radio/dist/registered.js +1 -1
  34. package/components/select/demo/api.min.js +2 -2
  35. package/components/select/demo/index.min.js +2 -2
  36. package/components/select/demo/keyboard-behavior.html +81 -0
  37. package/components/select/dist/index.js +2 -2
  38. package/components/select/dist/registered.js +2 -2
  39. package/custom-elements.json +15 -44
  40. package/package.json +1 -1
@@ -169,7 +169,7 @@ class AuroCheckbox extends i$2 {
169
169
  }
170
170
 
171
171
  _initializeDefaults() {
172
- this.apperance = 'default';
172
+ this.appearance = 'default';
173
173
  this.checked = false;
174
174
  this.disabled = false;
175
175
  this.error = false;
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
1687
1687
  }
1688
1688
  }
1689
1689
 
1690
- var formkitVersion = '202604202123';
1690
+ var formkitVersion = '202604210030';
1691
1691
 
1692
1692
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1693
1693
  // See LICENSE in the project root for license information.
@@ -2016,12 +2016,6 @@ class AuroCheckboxGroup extends i$2 {
2016
2016
  * @returns {void}
2017
2017
  */
2018
2018
  updated(changedProperties) {
2019
- if (changedProperties.has('layout')) {
2020
- this.checkboxes.forEach((el) => {
2021
- el.layout = this.layout;
2022
- });
2023
- }
2024
-
2025
2019
  if (changedProperties.has('disabled')) {
2026
2020
  this.checkboxes.forEach((el) => {
2027
2021
  if (this.disabled) {
@@ -161,7 +161,7 @@ class AuroCheckbox extends i$2 {
161
161
  }
162
162
 
163
163
  _initializeDefaults() {
164
- this.apperance = 'default';
164
+ this.appearance = 'default';
165
165
  this.checked = false;
166
166
  this.disabled = false;
167
167
  this.error = false;
@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
1679
1679
  }
1680
1680
  }
1681
1681
 
1682
- var formkitVersion = '202604202123';
1682
+ var formkitVersion = '202604210030';
1683
1683
 
1684
1684
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1685
1685
  // See LICENSE in the project root for license information.
@@ -2008,12 +2008,6 @@ class AuroCheckboxGroup extends i$2 {
2008
2008
  * @returns {void}
2009
2009
  */
2010
2010
  updated(changedProperties) {
2011
- if (changedProperties.has('layout')) {
2012
- this.checkboxes.forEach((el) => {
2013
- el.layout = this.layout;
2014
- });
2015
- }
2016
-
2017
2011
  if (changedProperties.has('disabled')) {
2018
2012
  this.checkboxes.forEach((el) => {
2019
2013
  if (this.disabled) {
@@ -132,7 +132,7 @@ export class AuroCheckbox extends LitElement {
132
132
  */
133
133
  static register(name?: string): void;
134
134
  _initializeDefaults(): void;
135
- apperance: string;
135
+ appearance: string;
136
136
  checked: any;
137
137
  disabled: boolean;
138
138
  error: boolean;
@@ -121,7 +121,7 @@ class AuroCheckbox extends LitElement {
121
121
  }
122
122
 
123
123
  _initializeDefaults() {
124
- this.apperance = 'default';
124
+ this.appearance = 'default';
125
125
  this.checked = false;
126
126
  this.disabled = false;
127
127
  this.error = false;
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202604202123';
1635
+ var formkitVersion = '202604210030';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -1961,12 +1961,6 @@ class AuroCheckboxGroup extends LitElement {
1961
1961
  * @returns {void}
1962
1962
  */
1963
1963
  updated(changedProperties) {
1964
- if (changedProperties.has('layout')) {
1965
- this.checkboxes.forEach((el) => {
1966
- el.layout = this.layout;
1967
- });
1968
- }
1969
-
1970
1964
  if (changedProperties.has('disabled')) {
1971
1965
  this.checkboxes.forEach((el) => {
1972
1966
  if (this.disabled) {
@@ -121,7 +121,7 @@ class AuroCheckbox extends LitElement {
121
121
  }
122
122
 
123
123
  _initializeDefaults() {
124
- this.apperance = 'default';
124
+ this.appearance = 'default';
125
125
  this.checked = false;
126
126
  this.disabled = false;
127
127
  this.error = false;
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202604202123';
1635
+ var formkitVersion = '202604210030';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -1961,12 +1961,6 @@ class AuroCheckboxGroup extends LitElement {
1961
1961
  * @returns {void}
1962
1962
  */
1963
1963
  updated(changedProperties) {
1964
- if (changedProperties.has('layout')) {
1965
- this.checkboxes.forEach((el) => {
1966
- el.layout = this.layout;
1967
- });
1968
- }
1969
-
1970
1964
  if (changedProperties.has('disabled')) {
1971
1965
  this.checkboxes.forEach((el) => {
1972
1966
  if (this.disabled) {
@@ -5228,7 +5228,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
5228
5228
  }
5229
5229
  };
5230
5230
 
5231
- var formkitVersion$2 = '202604202123';
5231
+ var formkitVersion$2 = '202604210030';
5232
5232
 
5233
5233
  let AuroElement$2 = class AuroElement extends i$4 {
5234
5234
  static get properties() {
@@ -12195,18 +12195,6 @@ class BaseInput extends AuroElement$1 {
12195
12195
  return this.pattern;
12196
12196
  }
12197
12197
 
12198
- /**
12199
- * Required to convert SVG icons from data to HTML string.
12200
- * @private
12201
- * @param {string} icon HTML string for requested icon.
12202
- * @returns {object} Appended HTML for SVG.
12203
- */
12204
- getIconAsHtml(icon) {
12205
- const dom = new DOMParser().parseFromString(icon.svg, 'text/html');
12206
-
12207
- return dom.body.firstChild;
12208
- }
12209
-
12210
12198
  /**
12211
12199
  * Sends event notifying that the input has changed it's value.
12212
12200
  * @private
@@ -12992,7 +12980,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
12992
12980
  }
12993
12981
  };
12994
12982
 
12995
- var formkitVersion$1 = '202604202123';
12983
+ var formkitVersion$1 = '202604210030';
12996
12984
 
12997
12985
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12998
12986
  // See LICENSE in the project root for license information.
@@ -14057,7 +14045,7 @@ class AuroBibtemplate extends i$4 {
14057
14045
  }
14058
14046
  }
14059
14047
 
14060
- var formkitVersion = '202604202123';
14048
+ var formkitVersion = '202604210030';
14061
14049
 
14062
14050
  var styleCss$3 = i$7`.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}`;
14063
14051
 
@@ -5140,7 +5140,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
5140
5140
  }
5141
5141
  };
5142
5142
 
5143
- var formkitVersion$2 = '202604202123';
5143
+ var formkitVersion$2 = '202604210030';
5144
5144
 
5145
5145
  let AuroElement$2 = class AuroElement extends i$4 {
5146
5146
  static get properties() {
@@ -12107,18 +12107,6 @@ class BaseInput extends AuroElement$1 {
12107
12107
  return this.pattern;
12108
12108
  }
12109
12109
 
12110
- /**
12111
- * Required to convert SVG icons from data to HTML string.
12112
- * @private
12113
- * @param {string} icon HTML string for requested icon.
12114
- * @returns {object} Appended HTML for SVG.
12115
- */
12116
- getIconAsHtml(icon) {
12117
- const dom = new DOMParser().parseFromString(icon.svg, 'text/html');
12118
-
12119
- return dom.body.firstChild;
12120
- }
12121
-
12122
12110
  /**
12123
12111
  * Sends event notifying that the input has changed it's value.
12124
12112
  * @private
@@ -12904,7 +12892,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
12904
12892
  }
12905
12893
  };
12906
12894
 
12907
- var formkitVersion$1 = '202604202123';
12895
+ var formkitVersion$1 = '202604210030';
12908
12896
 
12909
12897
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12910
12898
  // See LICENSE in the project root for license information.
@@ -13969,7 +13957,7 @@ class AuroBibtemplate extends i$4 {
13969
13957
  }
13970
13958
  }
13971
13959
 
13972
- var formkitVersion = '202604202123';
13960
+ var formkitVersion = '202604210030';
13973
13961
 
13974
13962
  var styleCss$3 = i$7`.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}`;
13975
13963
 
@@ -5073,7 +5073,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5073
5073
  }
5074
5074
  };
5075
5075
 
5076
- var formkitVersion$2 = '202604202123';
5076
+ var formkitVersion$2 = '202604210030';
5077
5077
 
5078
5078
  let AuroElement$2 = class AuroElement extends LitElement {
5079
5079
  static get properties() {
@@ -12033,18 +12033,6 @@ class BaseInput extends AuroElement$1 {
12033
12033
  return this.pattern;
12034
12034
  }
12035
12035
 
12036
- /**
12037
- * Required to convert SVG icons from data to HTML string.
12038
- * @private
12039
- * @param {string} icon HTML string for requested icon.
12040
- * @returns {object} Appended HTML for SVG.
12041
- */
12042
- getIconAsHtml(icon) {
12043
- const dom = new DOMParser().parseFromString(icon.svg, 'text/html');
12044
-
12045
- return dom.body.firstChild;
12046
- }
12047
-
12048
12036
  /**
12049
12037
  * Sends event notifying that the input has changed it's value.
12050
12038
  * @private
@@ -12830,7 +12818,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12830
12818
  }
12831
12819
  };
12832
12820
 
12833
- var formkitVersion$1 = '202604202123';
12821
+ var formkitVersion$1 = '202604210030';
12834
12822
 
12835
12823
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12836
12824
  // See LICENSE in the project root for license information.
@@ -13895,7 +13883,7 @@ class AuroBibtemplate extends LitElement {
13895
13883
  }
13896
13884
  }
13897
13885
 
13898
- var formkitVersion = '202604202123';
13886
+ var formkitVersion = '202604210030';
13899
13887
 
13900
13888
  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}`;
13901
13889
 
@@ -5073,7 +5073,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
5073
5073
  }
5074
5074
  };
5075
5075
 
5076
- var formkitVersion$2 = '202604202123';
5076
+ var formkitVersion$2 = '202604210030';
5077
5077
 
5078
5078
  let AuroElement$2 = class AuroElement extends LitElement {
5079
5079
  static get properties() {
@@ -12033,18 +12033,6 @@ class BaseInput extends AuroElement$1 {
12033
12033
  return this.pattern;
12034
12034
  }
12035
12035
 
12036
- /**
12037
- * Required to convert SVG icons from data to HTML string.
12038
- * @private
12039
- * @param {string} icon HTML string for requested icon.
12040
- * @returns {object} Appended HTML for SVG.
12041
- */
12042
- getIconAsHtml(icon) {
12043
- const dom = new DOMParser().parseFromString(icon.svg, 'text/html');
12044
-
12045
- return dom.body.firstChild;
12046
- }
12047
-
12048
12036
  /**
12049
12037
  * Sends event notifying that the input has changed it's value.
12050
12038
  * @private
@@ -12830,7 +12818,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
12830
12818
  }
12831
12819
  };
12832
12820
 
12833
- var formkitVersion$1 = '202604202123';
12821
+ var formkitVersion$1 = '202604210030';
12834
12822
 
12835
12823
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12836
12824
  // See LICENSE in the project root for license information.
@@ -13895,7 +13883,7 @@ class AuroBibtemplate extends LitElement {
13895
13883
  }
13896
13884
  }
13897
13885
 
13898
- var formkitVersion = '202604202123';
13886
+ var formkitVersion = '202604210030';
13899
13887
 
13900
13888
  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}`;
13901
13889
 
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1521
1521
  }
1522
1522
  };
1523
1523
 
1524
- var formkitVersion$1 = '202604202123';
1524
+ var formkitVersion$1 = '202604210030';
1525
1525
 
1526
1526
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1527
1527
  // See LICENSE in the project root for license information.
@@ -1862,6 +1862,21 @@ class AuroCounter extends i$2 {
1862
1862
  }
1863
1863
  }
1864
1864
 
1865
+ /**
1866
+ * Handles the slotchange event for the description slot.
1867
+ * Updates ariaDescribedByElements on the spinbutton.
1868
+ *
1869
+ * @param {Event} event - The slotchange event.
1870
+ * @private
1871
+ */
1872
+ onDescriptionSlotChange(event) {
1873
+ const spinbutton = this.shadowRoot.querySelector('[role="spinbutton"]');
1874
+ if (spinbutton) {
1875
+ const assigned = event.target.assignedElements();
1876
+ spinbutton.ariaDescribedByElements = assigned.length > 0 ? assigned : [];
1877
+ }
1878
+ }
1879
+
1865
1880
  updated(changedProperties) {
1866
1881
  if (changedProperties.has("value")) {
1867
1882
  this.validate();
@@ -1917,7 +1932,7 @@ class AuroCounter extends i$2 {
1917
1932
  <label class="label">
1918
1933
  <slot @slotchange="${this.onDefaultSlotChange}"></slot>
1919
1934
  </label>
1920
- <slot name="description" class="body-xs"></slot>
1935
+ <slot name="description" class="body-xs" @slotchange="${this.onDescriptionSlotChange}"></slot>
1921
1936
  </div>
1922
1937
  <div
1923
1938
  part="counterControl"
@@ -5714,7 +5729,7 @@ class AuroHelpText extends i$2 {
5714
5729
  }
5715
5730
  }
5716
5731
 
5717
- var formkitVersion = '202604202123';
5732
+ var formkitVersion = '202604210030';
5718
5733
 
5719
5734
  let AuroElement$1 = class AuroElement extends i$2 {
5720
5735
  static get properties() {
@@ -1521,7 +1521,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1521
1521
  }
1522
1522
  };
1523
1523
 
1524
- var formkitVersion$1 = '202604202123';
1524
+ var formkitVersion$1 = '202604210030';
1525
1525
 
1526
1526
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1527
1527
  // See LICENSE in the project root for license information.
@@ -1862,6 +1862,21 @@ class AuroCounter extends i$2 {
1862
1862
  }
1863
1863
  }
1864
1864
 
1865
+ /**
1866
+ * Handles the slotchange event for the description slot.
1867
+ * Updates ariaDescribedByElements on the spinbutton.
1868
+ *
1869
+ * @param {Event} event - The slotchange event.
1870
+ * @private
1871
+ */
1872
+ onDescriptionSlotChange(event) {
1873
+ const spinbutton = this.shadowRoot.querySelector('[role="spinbutton"]');
1874
+ if (spinbutton) {
1875
+ const assigned = event.target.assignedElements();
1876
+ spinbutton.ariaDescribedByElements = assigned.length > 0 ? assigned : [];
1877
+ }
1878
+ }
1879
+
1865
1880
  updated(changedProperties) {
1866
1881
  if (changedProperties.has("value")) {
1867
1882
  this.validate();
@@ -1917,7 +1932,7 @@ class AuroCounter extends i$2 {
1917
1932
  <label class="label">
1918
1933
  <slot @slotchange="${this.onDefaultSlotChange}"></slot>
1919
1934
  </label>
1920
- <slot name="description" class="body-xs"></slot>
1935
+ <slot name="description" class="body-xs" @slotchange="${this.onDescriptionSlotChange}"></slot>
1921
1936
  </div>
1922
1937
  <div
1923
1938
  part="counterControl"
@@ -5714,7 +5729,7 @@ class AuroHelpText extends i$2 {
5714
5729
  }
5715
5730
  }
5716
5731
 
5717
- var formkitVersion = '202604202123';
5732
+ var formkitVersion = '202604210030';
5718
5733
 
5719
5734
  let AuroElement$1 = class AuroElement extends i$2 {
5720
5735
  static get properties() {
@@ -117,6 +117,14 @@ export class AuroCounter extends LitElement {
117
117
  * @private
118
118
  */
119
119
  private onDefaultSlotChange;
120
+ /**
121
+ * Handles the slotchange event for the description slot.
122
+ * Updates ariaDescribedByElements on the spinbutton.
123
+ *
124
+ * @param {Event} event - The slotchange event.
125
+ * @private
126
+ */
127
+ private onDescriptionSlotChange;
120
128
  updated(changedProperties: any): void;
121
129
  /**
122
130
  * Returns HTML for the help text and error message.
@@ -1471,7 +1471,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1471
1471
  }
1472
1472
  };
1473
1473
 
1474
- var formkitVersion$1 = '202604202123';
1474
+ var formkitVersion$1 = '202604210030';
1475
1475
 
1476
1476
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1477
1477
  // See LICENSE in the project root for license information.
@@ -1812,6 +1812,21 @@ class AuroCounter extends LitElement {
1812
1812
  }
1813
1813
  }
1814
1814
 
1815
+ /**
1816
+ * Handles the slotchange event for the description slot.
1817
+ * Updates ariaDescribedByElements on the spinbutton.
1818
+ *
1819
+ * @param {Event} event - The slotchange event.
1820
+ * @private
1821
+ */
1822
+ onDescriptionSlotChange(event) {
1823
+ const spinbutton = this.shadowRoot.querySelector('[role="spinbutton"]');
1824
+ if (spinbutton) {
1825
+ const assigned = event.target.assignedElements();
1826
+ spinbutton.ariaDescribedByElements = assigned.length > 0 ? assigned : [];
1827
+ }
1828
+ }
1829
+
1815
1830
  updated(changedProperties) {
1816
1831
  if (changedProperties.has("value")) {
1817
1832
  this.validate();
@@ -1867,7 +1882,7 @@ class AuroCounter extends LitElement {
1867
1882
  <label class="label">
1868
1883
  <slot @slotchange="${this.onDefaultSlotChange}"></slot>
1869
1884
  </label>
1870
- <slot name="description" class="body-xs"></slot>
1885
+ <slot name="description" class="body-xs" @slotchange="${this.onDescriptionSlotChange}"></slot>
1871
1886
  </div>
1872
1887
  <div
1873
1888
  part="counterControl"
@@ -5646,7 +5661,7 @@ class AuroHelpText extends LitElement {
5646
5661
  }
5647
5662
  }
5648
5663
 
5649
- var formkitVersion = '202604202123';
5664
+ var formkitVersion = '202604210030';
5650
5665
 
5651
5666
  let AuroElement$1 = class AuroElement extends LitElement {
5652
5667
  static get properties() {
@@ -1471,7 +1471,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1471
1471
  }
1472
1472
  };
1473
1473
 
1474
- var formkitVersion$1 = '202604202123';
1474
+ var formkitVersion$1 = '202604210030';
1475
1475
 
1476
1476
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1477
1477
  // See LICENSE in the project root for license information.
@@ -1812,6 +1812,21 @@ class AuroCounter extends LitElement {
1812
1812
  }
1813
1813
  }
1814
1814
 
1815
+ /**
1816
+ * Handles the slotchange event for the description slot.
1817
+ * Updates ariaDescribedByElements on the spinbutton.
1818
+ *
1819
+ * @param {Event} event - The slotchange event.
1820
+ * @private
1821
+ */
1822
+ onDescriptionSlotChange(event) {
1823
+ const spinbutton = this.shadowRoot.querySelector('[role="spinbutton"]');
1824
+ if (spinbutton) {
1825
+ const assigned = event.target.assignedElements();
1826
+ spinbutton.ariaDescribedByElements = assigned.length > 0 ? assigned : [];
1827
+ }
1828
+ }
1829
+
1815
1830
  updated(changedProperties) {
1816
1831
  if (changedProperties.has("value")) {
1817
1832
  this.validate();
@@ -1867,7 +1882,7 @@ class AuroCounter extends LitElement {
1867
1882
  <label class="label">
1868
1883
  <slot @slotchange="${this.onDefaultSlotChange}"></slot>
1869
1884
  </label>
1870
- <slot name="description" class="body-xs"></slot>
1885
+ <slot name="description" class="body-xs" @slotchange="${this.onDescriptionSlotChange}"></slot>
1871
1886
  </div>
1872
1887
  <div
1873
1888
  part="counterControl"
@@ -5646,7 +5661,7 @@ class AuroHelpText extends LitElement {
5646
5661
  }
5647
5662
  }
5648
5663
 
5649
- var formkitVersion = '202604202123';
5664
+ var formkitVersion = '202604210030';
5650
5665
 
5651
5666
  let AuroElement$1 = class AuroElement extends LitElement {
5652
5667
  static get properties() {
@@ -9558,7 +9558,7 @@ class AuroBibtemplate extends i$1 {
9558
9558
  }
9559
9559
  }
9560
9560
 
9561
- var formkitVersion$2 = '202604202123';
9561
+ var formkitVersion$2 = '202604210030';
9562
9562
 
9563
9563
  let l$1 = 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 = 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$4 = 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$3=i$3`: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}
9564
9564
  `,u$6=i$3`.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}}
@@ -13788,7 +13788,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$1 {
13788
13788
  }
13789
13789
  };
13790
13790
 
13791
- var formkitVersion$1 = '202604202123';
13791
+ var formkitVersion$1 = '202604210030';
13792
13792
 
13793
13793
  let AuroElement$2 = class AuroElement extends i$1 {
13794
13794
  static get properties() {
@@ -20755,18 +20755,6 @@ class BaseInput extends AuroElement$1 {
20755
20755
  return this.pattern;
20756
20756
  }
20757
20757
 
20758
- /**
20759
- * Required to convert SVG icons from data to HTML string.
20760
- * @private
20761
- * @param {string} icon HTML string for requested icon.
20762
- * @returns {object} Appended HTML for SVG.
20763
- */
20764
- getIconAsHtml(icon) {
20765
- const dom = new DOMParser().parseFromString(icon.svg, 'text/html');
20766
-
20767
- return dom.body.firstChild;
20768
- }
20769
-
20770
20758
  /**
20771
20759
  * Sends event notifying that the input has changed it's value.
20772
20760
  * @private
@@ -21552,7 +21540,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$1 {
21552
21540
  }
21553
21541
  };
21554
21542
 
21555
- var formkitVersion = '202604202123';
21543
+ var formkitVersion = '202604210030';
21556
21544
 
21557
21545
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
21558
21546
  // See LICENSE in the project root for license information.