@aurodesignsystem-dev/auro-formkit 0.0.0-pr1352.0 → 0.0.0-pr1352.10

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 (50) hide show
  1. package/components/checkbox/demo/api.min.js +3 -3
  2. package/components/checkbox/demo/index.min.js +3 -3
  3. package/components/checkbox/dist/index.js +3 -3
  4. package/components/checkbox/dist/registered.js +3 -3
  5. package/components/combobox/demo/api.min.js +11 -8
  6. package/components/combobox/demo/index.min.js +11 -8
  7. package/components/combobox/dist/index.js +11 -8
  8. package/components/combobox/dist/registered.js +11 -8
  9. package/components/counter/demo/api.min.js +4 -4
  10. package/components/counter/demo/index.min.js +4 -4
  11. package/components/counter/dist/index.js +4 -4
  12. package/components/counter/dist/registered.js +4 -4
  13. package/components/datepicker/demo/api.min.js +7 -7
  14. package/components/datepicker/demo/index.min.js +7 -7
  15. package/components/datepicker/dist/index.js +7 -7
  16. package/components/datepicker/dist/registered.js +7 -7
  17. package/components/dropdown/demo/api.min.js +1 -1
  18. package/components/dropdown/demo/index.min.js +1 -1
  19. package/components/dropdown/dist/index.js +1 -1
  20. package/components/dropdown/dist/registered.js +1 -1
  21. package/components/form/README.md +47 -2
  22. package/components/form/demo/api.js +2 -0
  23. package/components/form/demo/api.md +299 -30
  24. package/components/form/demo/api.min.js +66809 -62
  25. package/components/form/demo/index.html +0 -1
  26. package/components/form/demo/index.js +1 -0
  27. package/components/form/demo/index.md +1 -275
  28. package/components/form/demo/index.min.js +66808 -62
  29. package/components/form/demo/readme.md +47 -2
  30. package/components/form/demo/working.html +123 -32
  31. package/components/form/dist/auro-form.d.ts +98 -61
  32. package/components/form/dist/index.js +135 -51
  33. package/components/form/dist/registered.js +135 -51
  34. package/components/input/demo/api.min.js +3 -3
  35. package/components/input/demo/index.min.js +3 -3
  36. package/components/input/dist/index.js +3 -3
  37. package/components/input/dist/registered.js +3 -3
  38. package/components/radio/demo/api.min.js +3 -3
  39. package/components/radio/demo/index.min.js +3 -3
  40. package/components/radio/dist/index.js +3 -3
  41. package/components/radio/dist/registered.js +3 -3
  42. package/components/select/demo/api.js +2 -0
  43. package/components/select/demo/api.md +327 -72
  44. package/components/select/demo/api.min.js +58 -6
  45. package/components/select/demo/index.min.js +46 -6
  46. package/components/select/dist/auro-select.d.ts +12 -0
  47. package/components/select/dist/index.js +46 -6
  48. package/components/select/dist/registered.js +46 -6
  49. package/custom-elements.json +1503 -1457
  50. package/package.json +2 -1
@@ -1300,7 +1300,7 @@ class AuroFormValidation {
1300
1300
  }
1301
1301
  }
1302
1302
 
1303
- if (!hasValue && elem.required && elem.touched) {
1303
+ if (!hasValue && elem.required && (force || elem.touched)) {
1304
1304
  elem.validity = 'valueMissing';
1305
1305
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1306
1306
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1324,7 +1324,7 @@ class AuroFormValidation {
1324
1324
  if (!isCombobox || isCombobox && !elem.persistInput) {
1325
1325
 
1326
1326
  // run validation on all inputs since we're going to use them to set the validity of this component
1327
- this.auroInputElements.forEach(input => input.validate());
1327
+ this.auroInputElements.forEach(input => input.validate(force));
1328
1328
 
1329
1329
  // Reset element validity to the validity of the input
1330
1330
  elem.validity = this.auroInputElements[0].validity;
@@ -1687,7 +1687,7 @@ class AuroHelpText extends i$2 {
1687
1687
  }
1688
1688
  }
1689
1689
 
1690
- var formkitVersion = '202602251820';
1690
+ var formkitVersion = '202602272254';
1691
1691
 
1692
1692
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1693
1693
  // See LICENSE in the project root for license information.
@@ -1292,7 +1292,7 @@ class AuroFormValidation {
1292
1292
  }
1293
1293
  }
1294
1294
 
1295
- if (!hasValue && elem.required && elem.touched) {
1295
+ if (!hasValue && elem.required && (force || elem.touched)) {
1296
1296
  elem.validity = 'valueMissing';
1297
1297
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1298
1298
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1316,7 +1316,7 @@ class AuroFormValidation {
1316
1316
  if (!isCombobox || isCombobox && !elem.persistInput) {
1317
1317
 
1318
1318
  // run validation on all inputs since we're going to use them to set the validity of this component
1319
- this.auroInputElements.forEach(input => input.validate());
1319
+ this.auroInputElements.forEach(input => input.validate(force));
1320
1320
 
1321
1321
  // Reset element validity to the validity of the input
1322
1322
  elem.validity = this.auroInputElements[0].validity;
@@ -1679,7 +1679,7 @@ class AuroHelpText extends i$2 {
1679
1679
  }
1680
1680
  }
1681
1681
 
1682
- var formkitVersion = '202602251820';
1682
+ var formkitVersion = '202602272254';
1683
1683
 
1684
1684
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1685
1685
  // See LICENSE in the project root for license information.
@@ -1245,7 +1245,7 @@ class AuroFormValidation {
1245
1245
  }
1246
1246
  }
1247
1247
 
1248
- if (!hasValue && elem.required && elem.touched) {
1248
+ if (!hasValue && elem.required && (force || elem.touched)) {
1249
1249
  elem.validity = 'valueMissing';
1250
1250
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1251
1251
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1269,7 +1269,7 @@ class AuroFormValidation {
1269
1269
  if (!isCombobox || isCombobox && !elem.persistInput) {
1270
1270
 
1271
1271
  // run validation on all inputs since we're going to use them to set the validity of this component
1272
- this.auroInputElements.forEach(input => input.validate());
1272
+ this.auroInputElements.forEach(input => input.validate(force));
1273
1273
 
1274
1274
  // Reset element validity to the validity of the input
1275
1275
  elem.validity = this.auroInputElements[0].validity;
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202602251820';
1635
+ var formkitVersion = '202602272254';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -1245,7 +1245,7 @@ class AuroFormValidation {
1245
1245
  }
1246
1246
  }
1247
1247
 
1248
- if (!hasValue && elem.required && elem.touched) {
1248
+ if (!hasValue && elem.required && (force || elem.touched)) {
1249
1249
  elem.validity = 'valueMissing';
1250
1250
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1251
1251
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1269,7 +1269,7 @@ class AuroFormValidation {
1269
1269
  if (!isCombobox || isCombobox && !elem.persistInput) {
1270
1270
 
1271
1271
  // run validation on all inputs since we're going to use them to set the validity of this component
1272
- this.auroInputElements.forEach(input => input.validate());
1272
+ this.auroInputElements.forEach(input => input.validate(force));
1273
1273
 
1274
1274
  // Reset element validity to the validity of the input
1275
1275
  elem.validity = this.auroInputElements[0].validity;
@@ -1632,7 +1632,7 @@ class AuroHelpText extends LitElement {
1632
1632
  }
1633
1633
  }
1634
1634
 
1635
- var formkitVersion = '202602251820';
1635
+ var formkitVersion = '202602272254';
1636
1636
 
1637
1637
  // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1638
1638
  // See LICENSE in the project root for license information.
@@ -1000,7 +1000,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
1000
1000
  }
1001
1001
  }
1002
1002
 
1003
- if (!hasValue && elem.required && elem.touched) {
1003
+ if (!hasValue && elem.required && (force || elem.touched)) {
1004
1004
  elem.validity = 'valueMissing';
1005
1005
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1006
1006
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1024,7 +1024,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
1024
1024
  if (!isCombobox || isCombobox && !elem.persistInput) {
1025
1025
 
1026
1026
  // run validation on all inputs since we're going to use them to set the validity of this component
1027
- this.auroInputElements.forEach(input => input.validate());
1027
+ this.auroInputElements.forEach(input => input.validate(force));
1028
1028
 
1029
1029
  // Reset element validity to the validity of the input
1030
1030
  elem.validity = this.auroInputElements[0].validity;
@@ -4389,7 +4389,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
4389
4389
  }
4390
4390
  };
4391
4391
 
4392
- var formkitVersion$2 = '202602251820';
4392
+ var formkitVersion$2 = '202602272254';
4393
4393
 
4394
4394
  let AuroElement$2 = class AuroElement extends i$4 {
4395
4395
  static get properties() {
@@ -10274,7 +10274,7 @@ class AuroFormValidation {
10274
10274
  }
10275
10275
  }
10276
10276
 
10277
- if (!hasValue && elem.required && elem.touched) {
10277
+ if (!hasValue && elem.required && (force || elem.touched)) {
10278
10278
  elem.validity = 'valueMissing';
10279
10279
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
10280
10280
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -10298,7 +10298,7 @@ class AuroFormValidation {
10298
10298
  if (!isCombobox || isCombobox && !elem.persistInput) {
10299
10299
 
10300
10300
  // run validation on all inputs since we're going to use them to set the validity of this component
10301
- this.auroInputElements.forEach(input => input.validate());
10301
+ this.auroInputElements.forEach(input => input.validate(force));
10302
10302
 
10303
10303
  // Reset element validity to the validity of the input
10304
10304
  elem.validity = this.auroInputElements[0].validity;
@@ -12024,7 +12024,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
12024
12024
  }
12025
12025
  };
12026
12026
 
12027
- var formkitVersion$1 = '202602251820';
12027
+ var formkitVersion$1 = '202602272254';
12028
12028
 
12029
12029
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12030
12030
  // See LICENSE in the project root for license information.
@@ -13050,7 +13050,7 @@ class AuroBibtemplate extends i$4 {
13050
13050
  }
13051
13051
  }
13052
13052
 
13053
- var formkitVersion = '202602251820';
13053
+ var formkitVersion = '202602272254';
13054
13054
 
13055
13055
  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}`;
13056
13056
 
@@ -14206,10 +14206,13 @@ class AuroCombobox extends AuroElement {
14206
14206
  this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
14207
14207
  this.optionActive = evt.detail;
14208
14208
 
14209
+ // Check if user prefers reduced motion for accessibility
14210
+ const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
14211
+
14209
14212
  this.optionActive.scrollIntoView({
14210
14213
  alignToTop: false,
14211
14214
  block: "nearest",
14212
- behavior: "smooth"
14215
+ behavior: prefersReducedMotion ? "auto" : "smooth"
14213
14216
  });
14214
14217
  });
14215
14218
 
@@ -923,7 +923,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
923
923
  }
924
924
  }
925
925
 
926
- if (!hasValue && elem.required && elem.touched) {
926
+ if (!hasValue && elem.required && (force || elem.touched)) {
927
927
  elem.validity = 'valueMissing';
928
928
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
929
929
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -947,7 +947,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
947
947
  if (!isCombobox || isCombobox && !elem.persistInput) {
948
948
 
949
949
  // run validation on all inputs since we're going to use them to set the validity of this component
950
- this.auroInputElements.forEach(input => input.validate());
950
+ this.auroInputElements.forEach(input => input.validate(force));
951
951
 
952
952
  // Reset element validity to the validity of the input
953
953
  elem.validity = this.auroInputElements[0].validity;
@@ -4312,7 +4312,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$4 {
4312
4312
  }
4313
4313
  };
4314
4314
 
4315
- var formkitVersion$2 = '202602251820';
4315
+ var formkitVersion$2 = '202602272254';
4316
4316
 
4317
4317
  let AuroElement$2 = class AuroElement extends i$4 {
4318
4318
  static get properties() {
@@ -10197,7 +10197,7 @@ class AuroFormValidation {
10197
10197
  }
10198
10198
  }
10199
10199
 
10200
- if (!hasValue && elem.required && elem.touched) {
10200
+ if (!hasValue && elem.required && (force || elem.touched)) {
10201
10201
  elem.validity = 'valueMissing';
10202
10202
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
10203
10203
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -10221,7 +10221,7 @@ class AuroFormValidation {
10221
10221
  if (!isCombobox || isCombobox && !elem.persistInput) {
10222
10222
 
10223
10223
  // run validation on all inputs since we're going to use them to set the validity of this component
10224
- this.auroInputElements.forEach(input => input.validate());
10224
+ this.auroInputElements.forEach(input => input.validate(force));
10225
10225
 
10226
10226
  // Reset element validity to the validity of the input
10227
10227
  elem.validity = this.auroInputElements[0].validity;
@@ -11947,7 +11947,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$4 {
11947
11947
  }
11948
11948
  };
11949
11949
 
11950
- var formkitVersion$1 = '202602251820';
11950
+ var formkitVersion$1 = '202602272254';
11951
11951
 
11952
11952
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
11953
11953
  // See LICENSE in the project root for license information.
@@ -12973,7 +12973,7 @@ class AuroBibtemplate extends i$4 {
12973
12973
  }
12974
12974
  }
12975
12975
 
12976
- var formkitVersion = '202602251820';
12976
+ var formkitVersion = '202602272254';
12977
12977
 
12978
12978
  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}`;
12979
12979
 
@@ -14129,10 +14129,13 @@ class AuroCombobox extends AuroElement {
14129
14129
  this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
14130
14130
  this.optionActive = evt.detail;
14131
14131
 
14132
+ // Check if user prefers reduced motion for accessibility
14133
+ const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
14134
+
14132
14135
  this.optionActive.scrollIntoView({
14133
14136
  alignToTop: false,
14134
14137
  block: "nearest",
14135
- behavior: "smooth"
14138
+ behavior: prefersReducedMotion ? "auto" : "smooth"
14136
14139
  });
14137
14140
  });
14138
14141
 
@@ -884,7 +884,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
884
884
  }
885
885
  }
886
886
 
887
- if (!hasValue && elem.required && elem.touched) {
887
+ if (!hasValue && elem.required && (force || elem.touched)) {
888
888
  elem.validity = 'valueMissing';
889
889
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
890
890
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -908,7 +908,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
908
908
  if (!isCombobox || isCombobox && !elem.persistInput) {
909
909
 
910
910
  // run validation on all inputs since we're going to use them to set the validity of this component
911
- this.auroInputElements.forEach(input => input.validate());
911
+ this.auroInputElements.forEach(input => input.validate(force));
912
912
 
913
913
  // Reset element validity to the validity of the input
914
914
  elem.validity = this.auroInputElements[0].validity;
@@ -4249,7 +4249,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4249
4249
  }
4250
4250
  };
4251
4251
 
4252
- var formkitVersion$2 = '202602251820';
4252
+ var formkitVersion$2 = '202602272254';
4253
4253
 
4254
4254
  let AuroElement$2 = class AuroElement extends LitElement {
4255
4255
  static get properties() {
@@ -10127,7 +10127,7 @@ class AuroFormValidation {
10127
10127
  }
10128
10128
  }
10129
10129
 
10130
- if (!hasValue && elem.required && elem.touched) {
10130
+ if (!hasValue && elem.required && (force || elem.touched)) {
10131
10131
  elem.validity = 'valueMissing';
10132
10132
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
10133
10133
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -10151,7 +10151,7 @@ class AuroFormValidation {
10151
10151
  if (!isCombobox || isCombobox && !elem.persistInput) {
10152
10152
 
10153
10153
  // run validation on all inputs since we're going to use them to set the validity of this component
10154
- this.auroInputElements.forEach(input => input.validate());
10154
+ this.auroInputElements.forEach(input => input.validate(force));
10155
10155
 
10156
10156
  // Reset element validity to the validity of the input
10157
10157
  elem.validity = this.auroInputElements[0].validity;
@@ -11877,7 +11877,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
11877
11877
  }
11878
11878
  };
11879
11879
 
11880
- var formkitVersion$1 = '202602251820';
11880
+ var formkitVersion$1 = '202602272254';
11881
11881
 
11882
11882
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
11883
11883
  // See LICENSE in the project root for license information.
@@ -12903,7 +12903,7 @@ class AuroBibtemplate extends LitElement {
12903
12903
  }
12904
12904
  }
12905
12905
 
12906
- var formkitVersion = '202602251820';
12906
+ var formkitVersion = '202602272254';
12907
12907
 
12908
12908
  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}`;
12909
12909
 
@@ -14059,10 +14059,13 @@ class AuroCombobox extends AuroElement {
14059
14059
  this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
14060
14060
  this.optionActive = evt.detail;
14061
14061
 
14062
+ // Check if user prefers reduced motion for accessibility
14063
+ const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
14064
+
14062
14065
  this.optionActive.scrollIntoView({
14063
14066
  alignToTop: false,
14064
14067
  block: "nearest",
14065
- behavior: "smooth"
14068
+ behavior: prefersReducedMotion ? "auto" : "smooth"
14066
14069
  });
14067
14070
  });
14068
14071
 
@@ -884,7 +884,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
884
884
  }
885
885
  }
886
886
 
887
- if (!hasValue && elem.required && elem.touched) {
887
+ if (!hasValue && elem.required && (force || elem.touched)) {
888
888
  elem.validity = 'valueMissing';
889
889
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
890
890
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -908,7 +908,7 @@ let AuroFormValidation$1 = class AuroFormValidation {
908
908
  if (!isCombobox || isCombobox && !elem.persistInput) {
909
909
 
910
910
  // run validation on all inputs since we're going to use them to set the validity of this component
911
- this.auroInputElements.forEach(input => input.validate());
911
+ this.auroInputElements.forEach(input => input.validate(force));
912
912
 
913
913
  // Reset element validity to the validity of the input
914
914
  elem.validity = this.auroInputElements[0].validity;
@@ -4249,7 +4249,7 @@ let AuroHelpText$2 = class AuroHelpText extends LitElement {
4249
4249
  }
4250
4250
  };
4251
4251
 
4252
- var formkitVersion$2 = '202602251820';
4252
+ var formkitVersion$2 = '202602272254';
4253
4253
 
4254
4254
  let AuroElement$2 = class AuroElement extends LitElement {
4255
4255
  static get properties() {
@@ -10127,7 +10127,7 @@ class AuroFormValidation {
10127
10127
  }
10128
10128
  }
10129
10129
 
10130
- if (!hasValue && elem.required && elem.touched) {
10130
+ if (!hasValue && elem.required && (force || elem.touched)) {
10131
10131
  elem.validity = 'valueMissing';
10132
10132
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
10133
10133
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -10151,7 +10151,7 @@ class AuroFormValidation {
10151
10151
  if (!isCombobox || isCombobox && !elem.persistInput) {
10152
10152
 
10153
10153
  // run validation on all inputs since we're going to use them to set the validity of this component
10154
- this.auroInputElements.forEach(input => input.validate());
10154
+ this.auroInputElements.forEach(input => input.validate(force));
10155
10155
 
10156
10156
  // Reset element validity to the validity of the input
10157
10157
  elem.validity = this.auroInputElements[0].validity;
@@ -11877,7 +11877,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
11877
11877
  }
11878
11878
  };
11879
11879
 
11880
- var formkitVersion$1 = '202602251820';
11880
+ var formkitVersion$1 = '202602272254';
11881
11881
 
11882
11882
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
11883
11883
  // See LICENSE in the project root for license information.
@@ -12903,7 +12903,7 @@ class AuroBibtemplate extends LitElement {
12903
12903
  }
12904
12904
  }
12905
12905
 
12906
- var formkitVersion = '202602251820';
12906
+ var formkitVersion = '202602272254';
12907
12907
 
12908
12908
  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}`;
12909
12909
 
@@ -14059,10 +14059,13 @@ class AuroCombobox extends AuroElement {
14059
14059
  this.menu.addEventListener('auroMenu-activatedOption', (evt) => {
14060
14060
  this.optionActive = evt.detail;
14061
14061
 
14062
+ // Check if user prefers reduced motion for accessibility
14063
+ const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
14064
+
14062
14065
  this.optionActive.scrollIntoView({
14063
14066
  alignToTop: false,
14064
14067
  block: "nearest",
14065
- behavior: "smooth"
14068
+ behavior: prefersReducedMotion ? "auto" : "smooth"
14066
14069
  });
14067
14070
  });
14068
14071
 
@@ -1058,7 +1058,7 @@ class AuroFormValidation {
1058
1058
  }
1059
1059
  }
1060
1060
 
1061
- if (!hasValue && elem.required && elem.touched) {
1061
+ if (!hasValue && elem.required && (force || elem.touched)) {
1062
1062
  elem.validity = 'valueMissing';
1063
1063
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1064
1064
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1082,7 +1082,7 @@ class AuroFormValidation {
1082
1082
  if (!isCombobox || isCombobox && !elem.persistInput) {
1083
1083
 
1084
1084
  // run validation on all inputs since we're going to use them to set the validity of this component
1085
- this.auroInputElements.forEach(input => input.validate());
1085
+ this.auroInputElements.forEach(input => input.validate(force));
1086
1086
 
1087
1087
  // Reset element validity to the validity of the input
1088
1088
  elem.validity = this.auroInputElements[0].validity;
@@ -1442,7 +1442,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1442
1442
  }
1443
1443
  };
1444
1444
 
1445
- var formkitVersion$1 = '202602251820';
1445
+ var formkitVersion$1 = '202602272254';
1446
1446
 
1447
1447
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1448
1448
  // See LICENSE in the project root for license information.
@@ -5135,7 +5135,7 @@ class AuroHelpText extends i$2 {
5135
5135
  }
5136
5136
  }
5137
5137
 
5138
- var formkitVersion = '202602251820';
5138
+ var formkitVersion = '202602272254';
5139
5139
 
5140
5140
  let AuroElement$1 = class AuroElement extends i$2 {
5141
5141
  static get properties() {
@@ -1058,7 +1058,7 @@ class AuroFormValidation {
1058
1058
  }
1059
1059
  }
1060
1060
 
1061
- if (!hasValue && elem.required && elem.touched) {
1061
+ if (!hasValue && elem.required && (force || elem.touched)) {
1062
1062
  elem.validity = 'valueMissing';
1063
1063
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1064
1064
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1082,7 +1082,7 @@ class AuroFormValidation {
1082
1082
  if (!isCombobox || isCombobox && !elem.persistInput) {
1083
1083
 
1084
1084
  // run validation on all inputs since we're going to use them to set the validity of this component
1085
- this.auroInputElements.forEach(input => input.validate());
1085
+ this.auroInputElements.forEach(input => input.validate(force));
1086
1086
 
1087
1087
  // Reset element validity to the validity of the input
1088
1088
  elem.validity = this.auroInputElements[0].validity;
@@ -1442,7 +1442,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
1442
1442
  }
1443
1443
  };
1444
1444
 
1445
- var formkitVersion$1 = '202602251820';
1445
+ var formkitVersion$1 = '202602272254';
1446
1446
 
1447
1447
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1448
1448
  // See LICENSE in the project root for license information.
@@ -5135,7 +5135,7 @@ class AuroHelpText extends i$2 {
5135
5135
  }
5136
5136
  }
5137
5137
 
5138
- var formkitVersion = '202602251820';
5138
+ var formkitVersion = '202602272254';
5139
5139
 
5140
5140
  let AuroElement$1 = class AuroElement extends i$2 {
5141
5141
  static get properties() {
@@ -1014,7 +1014,7 @@ class AuroFormValidation {
1014
1014
  }
1015
1015
  }
1016
1016
 
1017
- if (!hasValue && elem.required && elem.touched) {
1017
+ if (!hasValue && elem.required && (force || elem.touched)) {
1018
1018
  elem.validity = 'valueMissing';
1019
1019
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1020
1020
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1038,7 +1038,7 @@ class AuroFormValidation {
1038
1038
  if (!isCombobox || isCombobox && !elem.persistInput) {
1039
1039
 
1040
1040
  // run validation on all inputs since we're going to use them to set the validity of this component
1041
- this.auroInputElements.forEach(input => input.validate());
1041
+ this.auroInputElements.forEach(input => input.validate(force));
1042
1042
 
1043
1043
  // Reset element validity to the validity of the input
1044
1044
  elem.validity = this.auroInputElements[0].validity;
@@ -1392,7 +1392,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1392
1392
  }
1393
1393
  };
1394
1394
 
1395
- var formkitVersion$1 = '202602251820';
1395
+ var formkitVersion$1 = '202602272254';
1396
1396
 
1397
1397
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1398
1398
  // See LICENSE in the project root for license information.
@@ -5067,7 +5067,7 @@ class AuroHelpText extends LitElement {
5067
5067
  }
5068
5068
  }
5069
5069
 
5070
- var formkitVersion = '202602251820';
5070
+ var formkitVersion = '202602272254';
5071
5071
 
5072
5072
  let AuroElement$1 = class AuroElement extends LitElement {
5073
5073
  static get properties() {
@@ -1014,7 +1014,7 @@ class AuroFormValidation {
1014
1014
  }
1015
1015
  }
1016
1016
 
1017
- if (!hasValue && elem.required && elem.touched) {
1017
+ if (!hasValue && elem.required && (force || elem.touched)) {
1018
1018
  elem.validity = 'valueMissing';
1019
1019
  elem.errorMessage = elem.setCustomValidityValueMissing || elem.setCustomValidity || '';
1020
1020
  } else if (hasValue && this.runtimeUtils.elementMatch(elem, 'auro-input')) {
@@ -1038,7 +1038,7 @@ class AuroFormValidation {
1038
1038
  if (!isCombobox || isCombobox && !elem.persistInput) {
1039
1039
 
1040
1040
  // run validation on all inputs since we're going to use them to set the validity of this component
1041
- this.auroInputElements.forEach(input => input.validate());
1041
+ this.auroInputElements.forEach(input => input.validate(force));
1042
1042
 
1043
1043
  // Reset element validity to the validity of the input
1044
1044
  elem.validity = this.auroInputElements[0].validity;
@@ -1392,7 +1392,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
1392
1392
  }
1393
1393
  };
1394
1394
 
1395
- var formkitVersion$1 = '202602251820';
1395
+ var formkitVersion$1 = '202602272254';
1396
1396
 
1397
1397
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
1398
1398
  // See LICENSE in the project root for license information.
@@ -5067,7 +5067,7 @@ class AuroHelpText extends LitElement {
5067
5067
  }
5068
5068
  }
5069
5069
 
5070
- var formkitVersion = '202602251820';
5070
+ var formkitVersion = '202602272254';
5071
5071
 
5072
5072
  let AuroElement$1 = class AuroElement extends LitElement {
5073
5073
  static get properties() {