@aurodesignsystem-dev/auro-formkit 0.0.0-pr1489.5 → 0.0.0-pr1489.7

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 (65) hide show
  1. package/components/checkbox/demo/customize.min.js +249 -125
  2. package/components/checkbox/demo/getting-started.min.js +249 -125
  3. package/components/checkbox/demo/index.min.js +249 -125
  4. package/components/checkbox/demo/styles.min.css +1 -1
  5. package/components/checkbox/dist/index.js +249 -125
  6. package/components/checkbox/dist/registered.js +249 -125
  7. package/components/combobox/demo/customize.min.js +523 -262
  8. package/components/combobox/demo/getting-started.min.js +523 -262
  9. package/components/combobox/demo/index.min.js +523 -262
  10. package/components/combobox/demo/styles.min.css +1 -1
  11. package/components/combobox/dist/index.js +523 -262
  12. package/components/combobox/dist/registered.js +523 -262
  13. package/components/counter/demo/customize.min.js +271 -134
  14. package/components/counter/demo/index.min.js +271 -134
  15. package/components/counter/demo/styles.min.css +1 -1
  16. package/components/counter/dist/index.js +249 -125
  17. package/components/counter/dist/registered.js +249 -125
  18. package/components/datepicker/demo/accessibility.md +9 -6
  19. package/components/datepicker/demo/api.md +1 -1
  20. package/components/datepicker/demo/customize.min.js +1636 -656
  21. package/components/datepicker/demo/index.md +31 -3
  22. package/components/datepicker/demo/index.min.js +1652 -661
  23. package/components/datepicker/demo/keyboard-behavior.md +16 -16
  24. package/components/datepicker/demo/styles.min.css +1 -1
  25. package/components/datepicker/demo/voiceover.md +5 -3
  26. package/components/datepicker/demo/why-datepicker.md +2 -2
  27. package/components/datepicker/dist/index.js +1640 -660
  28. package/components/datepicker/dist/registered.js +1640 -660
  29. package/components/datepicker/dist/src/auro-calendar-cell.d.ts +52 -17
  30. package/components/datepicker/dist/src/auro-calendar-month.d.ts +12 -4
  31. package/components/datepicker/dist/src/auro-calendar.d.ts +161 -8
  32. package/components/datepicker/dist/src/auro-datepicker.d.ts +77 -79
  33. package/components/dropdown/demo/customize.min.js +22 -9
  34. package/components/dropdown/demo/getting-started.min.js +22 -9
  35. package/components/dropdown/demo/index.min.js +22 -9
  36. package/components/dropdown/demo/styles.min.css +1 -1
  37. package/components/dropdown/dist/auro-dropdown.d.ts +3 -2
  38. package/components/dropdown/dist/index.js +22 -9
  39. package/components/dropdown/dist/registered.js +22 -9
  40. package/components/form/demo/customize.min.js +3459 -1572
  41. package/components/form/demo/getting-started.min.js +3459 -1572
  42. package/components/form/demo/index.min.js +3459 -1572
  43. package/components/form/demo/registerDemoDeps.min.js +3459 -1572
  44. package/components/form/demo/styles.min.css +1 -1
  45. package/components/input/demo/customize.min.js +249 -125
  46. package/components/input/demo/getting-started.min.js +249 -125
  47. package/components/input/demo/index.min.js +249 -125
  48. package/components/input/demo/styles.min.css +1 -1
  49. package/components/input/dist/index.js +249 -125
  50. package/components/input/dist/registered.js +249 -125
  51. package/components/menu/demo/styles.min.css +1 -1
  52. package/components/radio/demo/customize.min.js +249 -125
  53. package/components/radio/demo/getting-started.min.js +249 -125
  54. package/components/radio/demo/index.min.js +249 -125
  55. package/components/radio/demo/styles.min.css +1 -1
  56. package/components/radio/dist/index.js +249 -125
  57. package/components/radio/dist/registered.js +249 -125
  58. package/components/select/demo/customize.min.js +271 -134
  59. package/components/select/demo/getting-started.min.js +271 -134
  60. package/components/select/demo/index.min.js +271 -134
  61. package/components/select/demo/styles.min.css +1 -1
  62. package/components/select/dist/index.js +271 -134
  63. package/components/select/dist/registered.js +271 -134
  64. package/custom-elements.json +500 -178
  65. package/package.json +8 -8
package/components/datepicker/demo/index.md CHANGED
@@ -12,6 +12,7 @@
12
12
  <auro-anchorlink fluid href="#skipSelection" class="level2 body-xs">Skip Selection</auro-anchorlink>
13
13
  <auro-anchorlink fluid href="#popoverSlot" class="level2 body-xs">Date Popover</auro-anchorlink>
14
14
  <auro-anchorlink fluid href="#blackoutDates" class="level2 body-xs">Blackout Dates</auro-anchorlink>
15
+ <auro-anchorlink fluid href="#referenceDates" class="level2 body-xs">Reference Dates</auro-anchorlink>
15
16
  <auro-anchorlink fluid href="#viewportSize" class="level2 body-xs">Viewport Size</auro-anchorlink>
16
17
  </auro-nav>
17
18
  </nav>
@@ -232,8 +233,9 @@
232
233
  <div class="exampleWrapper">
233
234
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/blackout-label.html) -->
234
235
  <!-- The below content is automatically added from ./../apiExamples/blackout-label.html -->
235
- <auro-datepicker id="blackoutLabelExample" blackoutLabel="sold out">
236
- <span slot="fromLabel">Choose a date</span>
236
+ <auro-datepicker id="blackoutLabelExample" range blackoutLabel="sold out">
237
+ <span slot="fromLabel">Choose a start date</span>
238
+ <span slot="toLabel">Choose an end date</span>
237
239
  <span slot="bib.fullscreen.fromLabel">Choose a date</span>
238
240
  </auro-datepicker>
239
241
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -242,7 +244,33 @@
242
244
  <span slot="trigger">See code</span>
243
245
  <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/blackout-label.html) -->
244
246
  <!-- The below code snippet is automatically added from ./../apiExamples/blackout-label.html -->
245
- <pre class="language-html"><code class="language-html">&lt;auro-datepicker id="blackoutLabelExample" blackoutLabel="sold out"&gt;
247
+ <pre class="language-html"><code class="language-html">&lt;auro-datepicker id="blackoutLabelExample" range blackoutLabel="sold out"&gt;
248
+ &lt;span slot="fromLabel"&gt;Choose a start date&lt;/span&gt;
249
+ &lt;span slot="toLabel"&gt;Choose an end date&lt;/span&gt;
250
+ &lt;span slot="bib.fullscreen.fromLabel"&gt;Choose a date&lt;/span&gt;
251
+ &lt;/auro-datepicker&gt;</code></pre>
252
+ <!-- AURO-GENERATED-CONTENT:END -->
253
+ </auro-accordion>
254
+ <auro-header level="3" id="referenceDates">Reference dates</auro-header>
255
+ <p>Use the <code>referenceDates</code> attribute to highlight specific dates on the calendar. Reference dates are displayed with a distinct visual treatment to draw attention to dates of interest, such as the cheapest travel dates or dates with special availability.</p>
256
+ <div class="exampleWrapper">
257
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/reference-dates.html) -->
258
+ <!-- The below content is automatically added from ./../apiExamples/reference-dates.html -->
259
+ <auro-datepicker referenceDates='["10/05/2025", "10/15/2025", "10/20/2025", "10/22/2025"]' minDate="10/02/2025" range>
260
+ <span slot="ariaLabel.bib.close">Close Calendar</span>
261
+ <span slot="bib.fullscreen.headline">Datepicker Headline</span>
262
+ <span slot="fromLabel">Choose a date</span>
263
+ <span slot="bib.fullscreen.fromLabel">Choose a date</span>
264
+ </auro-datepicker>
265
+ <!-- AURO-GENERATED-CONTENT:END -->
266
+ </div>
267
+ <auro-accordion alignRight>
268
+ <span slot="trigger">See code</span>
269
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reference-dates.html) -->
270
+ <!-- The below code snippet is automatically added from ./../apiExamples/reference-dates.html -->
271
+ <pre class="language-html"><code class="language-html">&lt;auro-datepicker referenceDates='["10/05/2025", "10/15/2025", "10/20/2025", "10/22/2025"]' minDate="10/02/2025" range&gt;
272
+ &lt;span slot="ariaLabel.bib.close"&gt;Close Calendar&lt;/span&gt;
273
+ &lt;span slot="bib.fullscreen.headline"&gt;Datepicker Headline&lt;/span&gt;
246
274
  &lt;span slot="fromLabel"&gt;Choose a date&lt;/span&gt;
247
275
  &lt;span slot="bib.fullscreen.fromLabel"&gt;Choose a date&lt;/span&gt;
248
276
  &lt;/auro-datepicker&gt;</code></pre>