@aurodesignsystem/auro-formkit 6.1.0 → 6.2.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 (110) hide show
  1. package/CHANGELOG.md +24 -16
  2. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +11 -0
  3. package/components/bibtemplate/dist/index.js +17 -4
  4. package/components/bibtemplate/dist/registered.js +17 -4
  5. package/components/checkbox/demo/accessibility.md +15 -4
  6. package/components/checkbox/demo/api.md +20 -13
  7. package/components/checkbox/demo/customize.md +2 -1
  8. package/components/checkbox/demo/customize.min.js +129 -29
  9. package/components/checkbox/demo/getting-started.min.js +129 -29
  10. package/components/checkbox/demo/index.min.js +129 -29
  11. package/components/checkbox/demo/styles.min.css +1 -1
  12. package/components/checkbox/dist/auro-checkbox-group.d.ts +33 -0
  13. package/components/checkbox/dist/auro-checkbox.d.ts +7 -2
  14. package/components/checkbox/dist/index.js +129 -29
  15. package/components/checkbox/dist/registered.js +129 -29
  16. package/components/combobox/demo/api.md +27 -19
  17. package/components/combobox/demo/customize.min.js +676 -151
  18. package/components/combobox/demo/getting-started.md +49 -0
  19. package/components/combobox/demo/getting-started.min.js +695 -151
  20. package/components/combobox/demo/index.min.js +676 -151
  21. package/components/combobox/demo/styles.min.css +1 -1
  22. package/components/combobox/dist/auro-combobox.d.ts +72 -27
  23. package/components/combobox/dist/index.js +569 -133
  24. package/components/combobox/dist/registered.js +569 -133
  25. package/components/counter/demo/api.md +36 -16
  26. package/components/counter/demo/customize.min.js +692 -105
  27. package/components/counter/demo/getting-started.html +3 -1
  28. package/components/counter/demo/getting-started.md +49 -0
  29. package/components/counter/demo/getting-started.min.js +8808 -0
  30. package/components/counter/demo/index.min.js +692 -105
  31. package/components/counter/demo/styles.min.css +1 -1
  32. package/components/counter/dist/auro-counter-button.d.ts +4 -0
  33. package/components/counter/dist/auro-counter-group.d.ts +38 -6
  34. package/components/counter/dist/auro-counter.d.ts +33 -0
  35. package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +1 -0
  36. package/components/counter/dist/index.js +691 -104
  37. package/components/counter/dist/registered.js +691 -104
  38. package/components/datepicker/demo/api.md +55 -49
  39. package/components/datepicker/demo/customize.min.js +659 -166
  40. package/components/datepicker/demo/getting-started.html +3 -1
  41. package/components/datepicker/demo/getting-started.md +39 -0
  42. package/components/datepicker/demo/getting-started.min.js +37669 -0
  43. package/components/datepicker/demo/index.min.js +659 -166
  44. package/components/datepicker/demo/styles.min.css +1 -1
  45. package/components/datepicker/dist/auro-calendar-cell.d.ts +58 -4
  46. package/components/datepicker/dist/auro-calendar-month.d.ts +10 -4
  47. package/components/datepicker/dist/auro-calendar.d.ts +25 -6
  48. package/components/datepicker/dist/auro-datepicker.d.ts +75 -24
  49. package/components/datepicker/dist/index.js +658 -165
  50. package/components/datepicker/dist/registered.js +658 -165
  51. package/components/dropdown/demo/api.md +25 -22
  52. package/components/dropdown/demo/customize.min.js +217 -43
  53. package/components/dropdown/demo/getting-started.min.js +364 -95
  54. package/components/dropdown/demo/index.min.js +217 -43
  55. package/components/dropdown/demo/styles.min.css +1 -1
  56. package/components/dropdown/dist/auro-dropdown.d.ts +35 -8
  57. package/components/dropdown/dist/auro-dropdownBib.d.ts +17 -5
  58. package/components/dropdown/dist/index.js +217 -43
  59. package/components/dropdown/dist/registered.js +217 -43
  60. package/components/form/demo/customize.min.js +2739 -628
  61. package/components/form/demo/getting-started.min.js +2739 -628
  62. package/components/form/demo/index.min.js +2739 -628
  63. package/components/form/demo/registerDemoDeps.min.js +2733 -627
  64. package/components/form/demo/styles.min.css +1 -1
  65. package/components/form/dist/index.js +6 -1
  66. package/components/form/dist/registered.js +6 -1
  67. package/components/helptext/dist/auro-helptext.d.ts +9 -7
  68. package/components/helptext/dist/index.js +9 -3
  69. package/components/helptext/dist/registered.js +9 -3
  70. package/components/input/demo/api.md +30 -30
  71. package/components/input/demo/customize.md +0 -37
  72. package/components/input/demo/customize.min.js +147 -61
  73. package/components/input/demo/getting-started.md +33 -0
  74. package/components/input/demo/getting-started.min.js +167 -52
  75. package/components/input/demo/index.min.js +147 -52
  76. package/components/input/demo/styles.min.css +1 -1
  77. package/components/input/dist/base-input.d.ts +80 -25
  78. package/components/input/dist/index.js +146 -51
  79. package/components/input/dist/registered.js +146 -51
  80. package/components/layoutElement/dist/auroElement.d.ts +10 -17
  81. package/components/layoutElement/dist/index.js +20 -20
  82. package/components/layoutElement/dist/registered.js +20 -20
  83. package/components/menu/demo/api.md +31 -27
  84. package/components/menu/demo/index.min.js +126 -37
  85. package/components/menu/demo/styles.min.css +1 -1
  86. package/components/menu/dist/auro-menu.d.ts +26 -21
  87. package/components/menu/dist/auro-menuoption.d.ts +27 -1
  88. package/components/menu/dist/index.js +126 -37
  89. package/components/menu/dist/registered.js +126 -37
  90. package/components/radio/demo/accessibility.md +15 -4
  91. package/components/radio/demo/api.md +10 -9
  92. package/components/radio/demo/customize.min.js +120 -27
  93. package/components/radio/demo/getting-started.min.js +120 -27
  94. package/components/radio/demo/index.min.js +120 -27
  95. package/components/radio/demo/styles.min.css +1 -1
  96. package/components/radio/dist/auro-radio-group.d.ts +31 -3
  97. package/components/radio/dist/auro-radio.d.ts +4 -2
  98. package/components/radio/dist/index.js +120 -27
  99. package/components/radio/dist/registered.js +120 -27
  100. package/components/select/demo/api.md +18 -15
  101. package/components/select/demo/customize.min.js +396 -94
  102. package/components/select/demo/getting-started.md +49 -0
  103. package/components/select/demo/getting-started.min.js +418 -95
  104. package/components/select/demo/index.min.js +396 -94
  105. package/components/select/demo/styles.min.css +1 -1
  106. package/components/select/dist/auro-select.d.ts +18 -0
  107. package/components/select/dist/index.js +289 -76
  108. package/components/select/dist/registered.js +289 -76
  109. package/custom-elements.json +1354 -1404
  110. package/package.json +11 -11
package/components/input/demo/getting-started.md CHANGED
@@ -317,6 +317,39 @@ Ensure your `tsconfig.json` uses `"moduleResolution": "bundler"` so TypeScript c
317
317
  <p>Programmatically moves focus to the input element.</p>
318
318
  <auro-header level="3" id="reset">reset()</auro-header>
319
319
  <p>Resets the component to its initial state, clearing the value and validation state.</p>
320
+ <div class="exampleWrapper">
321
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/reset-state.html) -->
322
+ <!-- The below content is automatically added from ./../apiExamples/reset-state.html -->
323
+ <auro-button id="resetStateBtn">Reset</auro-button>
324
+ <br /><br />
325
+ <auro-input id="resetStateExample" minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!">
326
+ <span slot="label">Full Name</span>
327
+ <span slot="helpText">Please enter your full name.</span>
328
+ </auro-input>
329
+ <!-- AURO-GENERATED-CONTENT:END -->
330
+ </div>
331
+ <auro-accordion alignRight>
332
+ <span slot="trigger">See code</span>
333
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.html) -->
334
+ <!-- The below code snippet is automatically added from ./../apiExamples/reset-state.html -->
335
+ <pre class="language-html"><code class="language-html">&lt;auro-button id="resetStateBtn"&gt;Reset&lt;/auro-button&gt;
336
+ &lt;br /&gt;&lt;br /&gt;
337
+ &lt;auro-input id="resetStateExample" minlength="12" value="Auro Team" setCustomValidityTooShort="Please enter your full name!"&gt;
338
+ &lt;span slot="label"&gt;Full Name&lt;/span&gt;
339
+ &lt;span slot="helpText"&gt;Please enter your full name.&lt;/span&gt;
340
+ &lt;/auro-input&gt;</code></pre>
341
+ <!-- AURO-GENERATED-CONTENT:END -->
342
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/reset-state.js) -->
343
+ <!-- The below code snippet is automatically added from ./../apiExamples/reset-state.js -->
344
+ <pre class="language-js"><code class="language-js">export function resetStateExample() {
345
+ const elem = document.querySelector('#resetStateExample');
346
+ ​
347
+ document.querySelector('#resetStateBtn').addEventListener('click', () =&gt; {
348
+ elem.reset();
349
+ });
350
+ }</code></pre>
351
+ <!-- AURO-GENERATED-CONTENT:END -->
352
+ </auro-accordion>
320
353
  <auro-header level="3" id="validate">validate()</auro-header>
321
354
  <p>Triggers validation on the component. Pass <code>true</code> to force validation even when <code>noValidate</code> is set.</p>
322
355
  </section>