@aurodesignsystem/auro-formkit 6.0.2 → 6.0.3

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 (57) hide show
  1. package/CHANGELOG.md +8 -10
  2. package/components/checkbox/demo/customize.min.js +1 -1
  3. package/components/checkbox/demo/getting-started.min.js +20 -1
  4. package/components/checkbox/demo/index.min.js +1 -1
  5. package/components/checkbox/dist/index.js +1 -1
  6. package/components/checkbox/dist/registered.js +1 -1
  7. package/components/combobox/demo/customize.md +40 -0
  8. package/components/combobox/demo/customize.min.js +390 -56
  9. package/components/combobox/demo/getting-started.min.js +390 -56
  10. package/components/combobox/demo/index.html +1 -1
  11. package/components/combobox/demo/index.min.js +390 -56
  12. package/components/combobox/dist/index.js +68 -29
  13. package/components/combobox/dist/registered.js +68 -29
  14. package/components/counter/demo/customize.min.js +38 -3
  15. package/components/counter/demo/index.min.js +12 -3
  16. package/components/counter/dist/index.js +12 -3
  17. package/components/counter/dist/registered.js +12 -3
  18. package/components/datepicker/demo/customize.min.js +49 -5
  19. package/components/datepicker/demo/index.min.js +14 -5
  20. package/components/datepicker/dist/index.js +14 -5
  21. package/components/datepicker/dist/registered.js +14 -5
  22. package/components/dropdown/demo/customize.md +4 -4
  23. package/components/dropdown/demo/customize.min.js +53 -5
  24. package/components/dropdown/demo/getting-started.html +3 -0
  25. package/components/dropdown/demo/getting-started.md +4 -4
  26. package/components/dropdown/demo/getting-started.min.js +13087 -77
  27. package/components/dropdown/demo/index.min.js +30 -11
  28. package/components/dropdown/dist/index.js +10 -1
  29. package/components/dropdown/dist/registered.js +10 -1
  30. package/components/form/demo/customize.min.js +430 -69
  31. package/components/form/demo/getting-started.min.js +430 -69
  32. package/components/form/demo/index.min.js +430 -69
  33. package/components/form/demo/registerDemoDeps.min.js +430 -69
  34. package/components/input/demo/customize.min.js +1 -1
  35. package/components/input/demo/getting-started.min.js +1 -1
  36. package/components/input/demo/index.min.js +1 -1
  37. package/components/input/dist/index.js +1 -1
  38. package/components/input/dist/registered.js +1 -1
  39. package/components/menu/demo/customize.md +50 -0
  40. package/components/menu/demo/index.min.js +322 -27
  41. package/components/menu/dist/auro-menu-utils.d.ts +30 -0
  42. package/components/menu/dist/auro-menu.d.ts +23 -0
  43. package/components/menu/dist/index.js +322 -27
  44. package/components/menu/dist/registered.js +322 -27
  45. package/components/radio/demo/customize.min.js +1 -1
  46. package/components/radio/demo/getting-started.min.js +1 -1
  47. package/components/radio/demo/index.min.js +1 -1
  48. package/components/radio/dist/index.js +1 -1
  49. package/components/radio/dist/registered.js +1 -1
  50. package/components/select/demo/customize.md +72 -0
  51. package/components/select/demo/customize.min.js +333 -29
  52. package/components/select/demo/getting-started.min.js +333 -29
  53. package/components/select/demo/index.min.js +333 -29
  54. package/components/select/dist/index.js +11 -2
  55. package/components/select/dist/registered.js +11 -2
  56. package/custom-elements.json +1613 -1510
  57. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,17 +1,15 @@
1
- ## [6.0.2](https://github.com/AlaskaAirlines/auro-formkit/compare/v6.0.1...v6.0.2) (2026-07-29)
1
+ ## [6.0.3](https://github.com/AlaskaAirlines/auro-formkit/compare/v6.0.2...v6.0.3) (2026-08-11)
2
2
 
3
3
 
4
4
  ### Bug Fixes
5
5
 
6
- * add body-default class to date display spans for improved styling AB[#1598648](https://github.com/AlaskaAirlines/auro-formkit/issues/1598648) ([4fb8d03](https://github.com/AlaskaAirlines/auro-formkit/commit/4fb8d035ce9069c8dd551c3eb77d82b9731cb49e))
7
- * align datepicker mobile header and label AB[#1494481](https://github.com/AlaskaAirlines/auro-formkit/issues/1494481) ([6325dc0](https://github.com/AlaskaAirlines/auro-formkit/commit/6325dc09ddea66024dd18698dff4e1bde0a5fcac))
8
- * **bibtemplate:** adjust mobile header padding AB[#1364921](https://github.com/AlaskaAirlines/auro-formkit/issues/1364921) ([0ba9aa9](https://github.com/AlaskaAirlines/auro-formkit/commit/0ba9aa9b1a4b4fe7f57cb4fd2ac727dee6ccefd4))
9
- * **counter:** apply inverse color token to counters in group AB[#1450397](https://github.com/AlaskaAirlines/auro-formkit/issues/1450397) ([222b5ba](https://github.com/AlaskaAirlines/auro-formkit/commit/222b5ba41940873afe156f252856bc7349d61b96))
10
- * **dropdown:** close dropdown when disabled to prevent it from remaining open AB[#1594444](https://github.com/AlaskaAirlines/auro-formkit/issues/1594444) ([2233822](https://github.com/AlaskaAirlines/auro-formkit/commit/2233822c17b913c7e2358f6f63d2d57179b1e624))
11
- * **form:** use currentTarget for Enter submit handling AB[#1499589](https://github.com/AlaskaAirlines/auro-formkit/issues/1499589) ([8435b0e](https://github.com/AlaskaAirlines/auro-formkit/commit/8435b0e42e72a011ba123d7ee0ecd3b377e7a444))
12
- * **select:** remove display property for displayValue slot in valueContainer review of: [#1563](https://github.com/AlaskaAirlines/auro-formkit/issues/1563) ([7326a4c](https://github.com/AlaskaAirlines/auro-formkit/commit/7326a4cef3e3d091f064acb991dc6d69eebd52a4))
13
- * **select:** restore trigger ellipsis truncation AB[#1594470](https://github.com/AlaskaAirlines/auro-formkit/issues/1594470) ([32901f1](https://github.com/AlaskaAirlines/auro-formkit/commit/32901f1f7cf0a38e40e213260a500a5169847805))
14
- * show loading bib on combobox input and fix select loader centering and width AB[#1457608](https://github.com/AlaskaAirlines/auro-formkit/issues/1457608) ([392512a](https://github.com/AlaskaAirlines/auro-formkit/commit/392512a865ade9e4afcc71bcf2ccef2f9ae5dc25))
6
+ * **dropdown:** align js example system AB[#1611713](https://github.com/AlaskaAirlines/auro-formkit/issues/1611713) ([2e06af7](https://github.com/AlaskaAirlines/auro-formkit/commit/2e06af7babdf13323fd71d67380916dca0172af2))
7
+ * **dropdown:** re-configure floater on reconnect to restore trigger event listeners AB[#1611656](https://github.com/AlaskaAirlines/auro-formkit/issues/1611656) ([e782512](https://github.com/AlaskaAirlines/auro-formkit/commit/e78251238cf4d751c19585acf94b71d84c590d6a))
8
+ * ellipses dp value at small widths AB[#1602084](https://github.com/AlaskaAirlines/auro-formkit/issues/1602084) ([2fe60e2](https://github.com/AlaskaAirlines/auro-formkit/commit/2fe60e25d415053805abae83e94c1002b77f30fc))
9
+ * ensure range inputs maintain equal size with long labels AB[#1494482](https://github.com/AlaskaAirlines/auro-formkit/issues/1494482) ([146a039](https://github.com/AlaskaAirlines/auro-formkit/commit/146a0398fb491ecd857d496ff7ec89e5977fc012))
10
+ * **menu:** distinguish menu options that share a value AB[#1602086](https://github.com/AlaskaAirlines/auro-formkit/issues/1602086) ([cc880c9](https://github.com/AlaskaAirlines/auro-formkit/commit/cc880c9c6254bcec133e54990c85839bf3428e68))
11
+ * **menu:** re-select highlighted option via Enter after emptying selection AB[#1606433](https://github.com/AlaskaAirlines/auro-formkit/issues/1606433) ([50b3af2](https://github.com/AlaskaAirlines/auro-formkit/commit/50b3af20b08fe4a1cf46ed849ea14d7c7df1fac3))
12
+ * stringfy counter's aria-valuetext AB[#1443553](https://github.com/AlaskaAirlines/auro-formkit/issues/1443553) ([f8d33f9](https://github.com/AlaskaAirlines/auro-formkit/commit/f8d33f9db67f55f1e45d4d45d442a21c94e6127b))
15
13
 
16
14
  # Changelog
17
15
 
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202607291953';
1278
+ var formkitVersion = '202608111803';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202607291953';
1278
+ var formkitVersion = '202608111803';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1691,6 +1691,14 @@ class AuroCheckboxGroup extends i$2 {
1691
1691
  }
1692
1692
  }
1693
1693
 
1694
+ function resetStateExample() {
1695
+ const elem = document.querySelector('#resetStateExample');
1696
+
1697
+ document.querySelector('#resetStateBtn').addEventListener('click', () => {
1698
+ elem.reset();
1699
+ });
1700
+ }
1701
+
1694
1702
  AuroCheckbox.register(); // registering to `auro-checkbox`
1695
1703
  AuroCheckboxGroup.register(); // registering to `auro-checkbox-group`
1696
1704
 
@@ -1698,6 +1706,17 @@ AuroCheckbox.register('custom-checkbox');
1698
1706
  AuroCheckboxGroup.register('custom-checkbox-group');
1699
1707
 
1700
1708
  function initExamples(initCount) {
1709
+ initCount = initCount || 0;
1710
+
1711
+ try {
1712
+ resetStateExample();
1713
+ } catch (err) {
1714
+ if (initCount <= 20) {
1715
+ setTimeout(() => {
1716
+ initExamples(initCount + 1);
1717
+ }, 100);
1718
+ }
1719
+ }
1701
1720
  }
1702
1721
 
1703
1722
  export { initExamples };
@@ -1275,7 +1275,7 @@ class AuroHelpText extends i$2 {
1275
1275
  }
1276
1276
  }
1277
1277
 
1278
- var formkitVersion = '202607291953';
1278
+ var formkitVersion = '202608111803';
1279
1279
 
1280
1280
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1281
1281
  // See LICENSE in the project root for license information.
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
1228
1228
  }
1229
1229
  }
1230
1230
 
1231
- var formkitVersion = '202607291953';
1231
+ var formkitVersion = '202608111803';
1232
1232
 
1233
1233
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1234
1234
  // See LICENSE in the project root for license information.
@@ -1228,7 +1228,7 @@ class AuroHelpText extends LitElement {
1228
1228
  }
1229
1229
  }
1230
1230
 
1231
- var formkitVersion = '202607291953';
1231
+ var formkitVersion = '202608111803';
1232
1232
 
1233
1233
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
1234
1234
  // See LICENSE in the project root for license information.
@@ -29,6 +29,7 @@
29
29
  <auro-anchorlink fluid href="#noValidate" class="level2 body-xs">No Validation</auro-anchorlink>
30
30
  <auro-anchorlink fluid href="#dynamicMenu" class="level2 body-xs">Dynamic Menu</auro-anchorlink>
31
31
  <auro-anchorlink fluid href="#loading" class="level2 body-xs">Loading</auro-anchorlink>
32
+ <auro-anchorlink fluid href="#nonUniqueValues" class="level2 body-xs">Non-Unique Option Values</auro-anchorlink>
32
33
  </auro-nav>
33
34
  </nav>
34
35
  <div class="mainContent">
@@ -1296,6 +1297,45 @@
1296
1297
  &lt;/auro-combobox&gt;</code></pre>
1297
1298
  <!-- AURO-GENERATED-CONTENT:END -->
1298
1299
  </auro-accordion>
1300
+ <auro-header level="3" id="nonUniqueValues">Non-Unique Option Values</auro-header>
1301
+ <p>Two or more <code>auro-menuoption</code> elements may share the same <code>value</code>. This is common when the <code>value</code> represents a coarser grouping than the option label &mdash; for example, several airports that all serve the same city. When the user filters the list and selects one of several options that share a <code>value</code>, the combobox resolves to the exact option chosen, so the correct label is displayed even though the underlying <code>value</code> is duplicated.</p>
1302
+ <div class="exampleWrapper">
1303
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/duplicate-values.html) -->
1304
+ <!-- The below content is automatically added from ./../apiExamples/duplicate-values.html -->
1305
+ <auro-combobox>
1306
+ <span slot="ariaLabel.bib.close">Close combobox</span>
1307
+ <span slot="ariaLabel.input.clear">Clear All</span>
1308
+ <span slot="bib.fullscreen.headline">Choose an airport</span>
1309
+ <span slot="label">Departure airport</span>
1310
+ <auro-menu>
1311
+ <auro-menuoption value="seattle" suggest="seattle sea seatac tacoma">Seattle&ndash;Tacoma International (SEA)</auro-menuoption>
1312
+ <auro-menuoption value="seattle" suggest="seattle pae paine field everett">Seattle Paine Field (PAE)</auro-menuoption>
1313
+ <auro-menuoption value="portland" suggest="portland pdx oregon">Portland International (PDX)</auro-menuoption>
1314
+ <auro-menuoption value="spokane" suggest="spokane geg washington">Spokane International (GEG)</auro-menuoption>
1315
+ <auro-menuoption static nomatch>No matching airport</auro-menuoption>
1316
+ </auro-menu>
1317
+ </auro-combobox>
1318
+ <!-- AURO-GENERATED-CONTENT:END -->
1319
+ </div>
1320
+ <auro-accordion alignRight>
1321
+ <span slot="trigger">See code</span>
1322
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/duplicate-values.html) -->
1323
+ <!-- The below code snippet is automatically added from ./../apiExamples/duplicate-values.html -->
1324
+ <pre class="language-html"><code class="language-html">&lt;auro-combobox&gt;
1325
+ &lt;span slot="ariaLabel.bib.close"&gt;Close combobox&lt;/span&gt;
1326
+ &lt;span slot="ariaLabel.input.clear"&gt;Clear All&lt;/span&gt;
1327
+ &lt;span slot="bib.fullscreen.headline"&gt;Choose an airport&lt;/span&gt;
1328
+ &lt;span slot="label"&gt;Departure airport&lt;/span&gt;
1329
+ &lt;auro-menu&gt;
1330
+ &lt;auro-menuoption value="seattle" suggest="seattle sea seatac tacoma"&gt;Seattle&amp;ndash;Tacoma International (SEA)&lt;/auro-menuoption&gt;
1331
+ &lt;auro-menuoption value="seattle" suggest="seattle pae paine field everett"&gt;Seattle Paine Field (PAE)&lt;/auro-menuoption&gt;
1332
+ &lt;auro-menuoption value="portland" suggest="portland pdx oregon"&gt;Portland International (PDX)&lt;/auro-menuoption&gt;
1333
+ &lt;auro-menuoption value="spokane" suggest="spokane geg washington"&gt;Spokane International (GEG)&lt;/auro-menuoption&gt;
1334
+ &lt;auro-menuoption static nomatch&gt;No matching airport&lt;/auro-menuoption&gt;
1335
+ &lt;/auro-menu&gt;
1336
+ &lt;/auro-combobox&gt;</code></pre>
1337
+ <!-- AURO-GENERATED-CONTENT:END -->
1338
+ </auro-accordion>
1299
1339
  </section>
1300
1340
  </div>
1301
1341
  </div>