@aurodesignsystem-dev/auro-formkit 0.0.0-pr1516.0 → 0.0.0-pr1518.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 (54) hide show
  1. package/components/checkbox/demo/customize.min.js +8 -6
  2. package/components/checkbox/demo/getting-started.min.js +8 -6
  3. package/components/checkbox/demo/index.min.js +8 -6
  4. package/components/checkbox/dist/index.js +8 -6
  5. package/components/checkbox/dist/registered.js +8 -6
  6. package/components/combobox/README.md +1 -1
  7. package/components/combobox/demo/customize.md +2 -10
  8. package/components/combobox/demo/customize.min.js +382 -466
  9. package/components/combobox/demo/getting-started.min.js +382 -462
  10. package/components/combobox/demo/index.md +1 -1
  11. package/components/combobox/demo/index.min.js +382 -462
  12. package/components/combobox/demo/keyboard-behavior.md +2 -142
  13. package/components/combobox/demo/readme.md +1 -1
  14. package/components/combobox/demo/why-combobox.md +2 -2
  15. package/components/combobox/dist/auro-combobox.d.ts +30 -14
  16. package/components/combobox/dist/index.js +382 -462
  17. package/components/combobox/dist/registered.js +382 -462
  18. package/components/counter/demo/customize.min.js +9 -7
  19. package/components/counter/demo/index.min.js +9 -7
  20. package/components/counter/dist/index.js +9 -7
  21. package/components/counter/dist/registered.js +9 -7
  22. package/components/datepicker/demo/customize.min.js +78 -169
  23. package/components/datepicker/demo/index.min.js +78 -169
  24. package/components/datepicker/dist/index.js +78 -169
  25. package/components/datepicker/dist/registered.js +78 -169
  26. package/components/dropdown/demo/customize.min.js +1 -1
  27. package/components/dropdown/demo/getting-started.min.js +1 -1
  28. package/components/dropdown/demo/index.min.js +1 -1
  29. package/components/dropdown/dist/index.js +1 -1
  30. package/components/dropdown/dist/registered.js +1 -1
  31. package/components/form/demo/customize.min.js +561 -816
  32. package/components/form/demo/getting-started.min.js +561 -816
  33. package/components/form/demo/index.min.js +561 -816
  34. package/components/form/demo/registerDemoDeps.min.js +561 -816
  35. package/components/input/demo/customize.min.js +67 -159
  36. package/components/input/demo/getting-started.min.js +67 -159
  37. package/components/input/demo/index.min.js +67 -159
  38. package/components/input/dist/auro-input.d.ts +1 -1
  39. package/components/input/dist/base-input.d.ts +3 -51
  40. package/components/input/dist/index.js +67 -159
  41. package/components/input/dist/registered.js +67 -159
  42. package/components/input/dist/utilities.d.ts +1 -1
  43. package/components/radio/demo/customize.min.js +8 -6
  44. package/components/radio/demo/getting-started.min.js +8 -6
  45. package/components/radio/demo/index.min.js +8 -6
  46. package/components/radio/dist/index.js +8 -6
  47. package/components/radio/dist/registered.js +8 -6
  48. package/components/select/demo/customize.min.js +9 -7
  49. package/components/select/demo/getting-started.min.js +9 -7
  50. package/components/select/demo/index.min.js +9 -7
  51. package/components/select/dist/index.js +9 -7
  52. package/components/select/dist/registered.js +9 -7
  53. package/custom-elements.json +1503 -1709
  54. package/package.json +1 -1
@@ -857,15 +857,17 @@ class AuroFormValidation {
857
857
  );
858
858
  }
859
859
 
860
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
861
- if (this.auroInputElements?.length === 2) {
862
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
860
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
861
+
862
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
863
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
864
+ // field (datepicker is the intended consumer — start/end are independently required).
865
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
866
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
863
867
  hasValue = false;
864
868
  }
865
869
  }
866
870
 
867
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
868
-
869
871
  if (isCombobox) {
870
872
 
871
873
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1260,7 +1262,7 @@ class AuroHelpText extends i$2 {
1260
1262
  }
1261
1263
  }
1262
1264
 
1263
- var formkitVersion = '202606292156';
1265
+ var formkitVersion = '202607011652';
1264
1266
 
1265
1267
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1266
1268
  // See LICENSE in the project root for license information.
@@ -857,15 +857,17 @@ class AuroFormValidation {
857
857
  );
858
858
  }
859
859
 
860
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
861
- if (this.auroInputElements?.length === 2) {
862
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
860
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
861
+
862
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
863
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
864
+ // field (datepicker is the intended consumer — start/end are independently required).
865
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
866
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
863
867
  hasValue = false;
864
868
  }
865
869
  }
866
870
 
867
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
868
-
869
871
  if (isCombobox) {
870
872
 
871
873
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1260,7 +1262,7 @@ class AuroHelpText extends i$2 {
1260
1262
  }
1261
1263
  }
1262
1264
 
1263
- var formkitVersion = '202606292156';
1265
+ var formkitVersion = '202607011652';
1264
1266
 
1265
1267
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1266
1268
  // See LICENSE in the project root for license information.
@@ -857,15 +857,17 @@ class AuroFormValidation {
857
857
  );
858
858
  }
859
859
 
860
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
861
- if (this.auroInputElements?.length === 2) {
862
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
860
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
861
+
862
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
863
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
864
+ // field (datepicker is the intended consumer — start/end are independently required).
865
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
866
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
863
867
  hasValue = false;
864
868
  }
865
869
  }
866
870
 
867
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
868
-
869
871
  if (isCombobox) {
870
872
 
871
873
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1260,7 +1262,7 @@ class AuroHelpText extends i$2 {
1260
1262
  }
1261
1263
  }
1262
1264
 
1263
- var formkitVersion = '202606292156';
1265
+ var formkitVersion = '202607011652';
1264
1266
 
1265
1267
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1266
1268
  // See LICENSE in the project root for license information.
@@ -810,15 +810,17 @@ class AuroFormValidation {
810
810
  );
811
811
  }
812
812
 
813
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
814
- if (this.auroInputElements?.length === 2) {
815
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
813
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
814
+
815
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
816
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
817
+ // field (datepicker is the intended consumer — start/end are independently required).
818
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
819
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
816
820
  hasValue = false;
817
821
  }
818
822
  }
819
823
 
820
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
821
-
822
824
  if (isCombobox) {
823
825
 
824
826
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1213,7 +1215,7 @@ class AuroHelpText extends LitElement {
1213
1215
  }
1214
1216
  }
1215
1217
 
1216
- var formkitVersion = '202606292156';
1218
+ var formkitVersion = '202607011652';
1217
1219
 
1218
1220
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1219
1221
  // See LICENSE in the project root for license information.
@@ -810,15 +810,17 @@ class AuroFormValidation {
810
810
  );
811
811
  }
812
812
 
813
- // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false;
814
- if (this.auroInputElements?.length === 2) {
815
- if (!this.auroInputElements[1].value || this.auroInputElements[1].length === 0) {
813
+ const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
814
+
815
+ // If there is a second input in the elem and that value is undefined or an empty string set hasValue to false.
816
+ // Skip for combobox: its second auro-input is the fullscreen-bib mirror of the same value, not an independent
817
+ // field (datepicker is the intended consumer — start/end are independently required).
818
+ if (this.auroInputElements?.length === 2 && !isCombobox) {
819
+ if (!this.auroInputElements[1].value || this.auroInputElements[1].value.length === 0) {
816
820
  hasValue = false;
817
821
  }
818
822
  }
819
823
 
820
- const isCombobox = this.runtimeUtils.elementMatch(elem, 'auro-combobox');
821
-
822
824
  if (isCombobox) {
823
825
 
824
826
  if (!elem.persistInput || elem.behavior === "filter") {
@@ -1213,7 +1215,7 @@ class AuroHelpText extends LitElement {
1213
1215
  }
1214
1216
  }
1215
1217
 
1216
- var formkitVersion = '202606292156';
1218
+ var formkitVersion = '202607011652';
1217
1219
 
1218
1220
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1219
1221
  // See LICENSE in the project root for license information.
@@ -24,7 +24,7 @@ The following sections are editable by making changes to the following files:
24
24
  <p>The component supports two modes:</p>
25
25
  <ul>
26
26
  <li><strong>Suggestion (default)</strong> — The user may type any value. The menu provides suggestions but does not restrict input.</li>
27
- <li><strong>Filter</strong> — The user must select from the menu. Typing filters the available options but does not set the component's value. The value is only set when a menu option is selected.</li>
27
+ <li><strong>Filter</strong> — Typing filters the available options and sets the component's <code>value</code> to the typed text, but the input is not considered valid until a menu option is selected. Validation surfaces <code>valueMissing</code> until the typed value matches a chosen option.</li>
28
28
  </ul>
29
29
  <p>Common use cases:</p>
30
30
  <ul>
@@ -679,7 +679,7 @@
679
679
  <auro-menu>
680
680
  <auro-menuoption value="4500000000000000" id="option-cc-0">
681
681
  <auro-icon category="payment" customcolor name="cc-visa"></auro-icon>
682
- 4000 0000 0000 0000
682
+ 4500 0000 0000 0000
683
683
  </auro-menuoption>
684
684
  <auro-menuoption value="340000000000000" id="option-cc-1">
685
685
  <auro-icon category="payment" customcolor name="cc-amex"></auro-icon>
@@ -712,7 +712,7 @@
712
712
  &lt;auro-menu&gt;
713
713
  &lt;auro-menuoption value="4500000000000000" id="option-cc-0"&gt;
714
714
  &lt;auro-icon category="payment" customcolor name="cc-visa"&gt;&lt;/auro-icon&gt;
715
- 4000 0000 0000 0000
715
+ 4500 0000 0000 0000
716
716
  &lt;/auro-menuoption&gt;
717
717
  &lt;auro-menuoption value="340000000000000" id="option-cc-1"&gt;
718
718
  &lt;auro-icon category="payment" customcolor name="cc-amex"&gt;&lt;/auro-icon&gt;
@@ -1137,8 +1137,6 @@
1137
1137
  id="dynamicMenuExample"
1138
1138
  value="TAN"
1139
1139
  noFilter
1140
- persistInput
1141
- dvInputOnly
1142
1140
  setCustomValidityValueMissing="Please select an option from the list."
1143
1141
  required>
1144
1142
  <span slot="bib.fullscreen.headline">Dynamic Combobox Header</span>
@@ -1154,8 +1152,6 @@
1154
1152
  id="dynamicMenuExampleTwo"
1155
1153
  value="GER"
1156
1154
  noFilter
1157
- persistInput
1158
- dvInputOnly
1159
1155
  setCustomValidityValueMissing="Please select an option from the list."
1160
1156
  required>
1161
1157
  <span slot="bib.fullscreen.headline">Dynamic Combobox Header</span>
@@ -1185,8 +1181,6 @@
1185
1181
  id="dynamicMenuExample"
1186
1182
  value="TAN"
1187
1183
  noFilter
1188
- persistInput
1189
- dvInputOnly
1190
1184
  setCustomValidityValueMissing="Please select an option from the list."
1191
1185
  required&gt;
1192
1186
  &lt;span slot="bib.fullscreen.headline"&gt;Dynamic Combobox Header&lt;/span&gt;
@@ -1202,8 +1196,6 @@
1202
1196
  id="dynamicMenuExampleTwo"
1203
1197
  value="GER"
1204
1198
  noFilter
1205
- persistInput
1206
- dvInputOnly
1207
1199
  setCustomValidityValueMissing="Please select an option from the list."
1208
1200
  required&gt;
1209
1201
  &lt;span slot="bib.fullscreen.headline"&gt;Dynamic Combobox Header&lt;/span&gt;