@aurodesignsystem/auro-formkit 5.6.0 → 5.7.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 (105) hide show
  1. package/CHANGELOG.md +22 -6
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  5. package/components/bibtemplate/dist/index.js +120 -1659
  6. package/components/bibtemplate/dist/registered.js +120 -1659
  7. package/components/checkbox/demo/api.html +2 -2
  8. package/components/checkbox/demo/api.md +31 -28
  9. package/components/checkbox/demo/api.min.js +82 -8
  10. package/components/checkbox/demo/index.html +1 -1
  11. package/components/checkbox/demo/index.md +18 -18
  12. package/components/checkbox/demo/index.min.js +82 -8
  13. package/components/checkbox/dist/auro-checkbox-group.d.ts +11 -1
  14. package/components/checkbox/dist/auro-checkbox.d.ts +11 -1
  15. package/components/checkbox/dist/index.js +82 -8
  16. package/components/checkbox/dist/registered.js +82 -8
  17. package/components/combobox/demo/api.html +4 -4
  18. package/components/combobox/demo/api.md +28 -27
  19. package/components/combobox/demo/api.min.js +5041 -8577
  20. package/components/combobox/demo/index.html +3 -3
  21. package/components/combobox/demo/index.md +10 -10
  22. package/components/combobox/demo/index.min.js +7543 -11079
  23. package/components/combobox/dist/auro-combobox.d.ts +11 -9
  24. package/components/combobox/dist/index.js +4507 -7666
  25. package/components/combobox/dist/registered.js +4507 -7666
  26. package/components/counter/demo/api.html +3 -3
  27. package/components/counter/demo/api.md +35 -26
  28. package/components/counter/demo/api.min.js +4890 -8059
  29. package/components/counter/demo/index.html +3 -3
  30. package/components/counter/demo/index.md +42 -42
  31. package/components/counter/demo/index.min.js +4890 -8059
  32. package/components/counter/dist/auro-counter-button.d.ts +2 -11
  33. package/components/counter/dist/auro-counter-group.d.ts +11 -1
  34. package/components/counter/dist/auro-counter.d.ts +9 -1
  35. package/components/counter/dist/iconVersion.d.ts +1 -1
  36. package/components/counter/dist/index.js +4889 -8058
  37. package/components/counter/dist/registered.js +4889 -8058
  38. package/components/datepicker/demo/api.html +3 -3
  39. package/components/datepicker/demo/api.md +71 -21
  40. package/components/datepicker/demo/api.min.js +10215 -14694
  41. package/components/datepicker/demo/index.html +2 -2
  42. package/components/datepicker/demo/index.md +30 -30
  43. package/components/datepicker/demo/index.min.js +10215 -14694
  44. package/components/datepicker/dist/auro-calendar.d.ts +8 -0
  45. package/components/datepicker/dist/auro-datepicker.d.ts +13 -1
  46. package/components/datepicker/dist/index.js +10172 -14651
  47. package/components/datepicker/dist/registered.js +10172 -14651
  48. package/components/dropdown/demo/api.html +5 -5
  49. package/components/dropdown/demo/api.md +38 -29
  50. package/components/dropdown/demo/api.min.js +88 -417
  51. package/components/dropdown/demo/index.html +3 -3
  52. package/components/dropdown/demo/index.md +16 -16
  53. package/components/dropdown/demo/index.min.js +88 -417
  54. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  55. package/components/dropdown/dist/index.js +75 -404
  56. package/components/dropdown/dist/registered.js +75 -404
  57. package/components/form/demo/api.html +1 -1
  58. package/components/form/demo/api.min.js +13 -0
  59. package/components/form/demo/index.html +1 -1
  60. package/components/form/demo/index.min.js +13 -0
  61. package/components/form/demo/working.html +2 -2
  62. package/components/form/dist/index.js +13 -0
  63. package/components/form/dist/registered.js +13 -0
  64. package/components/helptext/dist/auro-helptext.d.ts +11 -1
  65. package/components/helptext/dist/index.js +26 -2
  66. package/components/helptext/dist/registered.js +26 -2
  67. package/components/input/demo/api.html +3 -3
  68. package/components/input/demo/api.js +1 -1
  69. package/components/input/demo/api.md +37 -34
  70. package/components/input/demo/api.min.js +262 -1583
  71. package/components/input/demo/index.html +1 -2
  72. package/components/input/demo/index.md +17 -17
  73. package/components/input/demo/index.min.js +262 -1583
  74. package/components/input/dist/base-input.d.ts +11 -1
  75. package/components/input/dist/buttonVersion.d.ts +1 -1
  76. package/components/input/dist/iconVersion.d.ts +1 -1
  77. package/components/input/dist/index.js +228 -1549
  78. package/components/input/dist/registered.js +228 -1549
  79. package/components/menu/demo/api.html +4 -4
  80. package/components/menu/demo/api.min.js +57 -421
  81. package/components/menu/demo/index.html +1 -1
  82. package/components/menu/demo/index.min.js +57 -421
  83. package/components/menu/dist/iconVersion.d.ts +1 -1
  84. package/components/menu/dist/index.js +49 -413
  85. package/components/menu/dist/registered.js +49 -413
  86. package/components/radio/demo/api.html +2 -2
  87. package/components/radio/demo/api.md +46 -44
  88. package/components/radio/demo/api.min.js +86 -9
  89. package/components/radio/demo/index.html +1 -1
  90. package/components/radio/demo/index.md +12 -12
  91. package/components/radio/demo/index.min.js +86 -9
  92. package/components/radio/dist/auro-radio-group.d.ts +11 -1
  93. package/components/radio/dist/auro-radio.d.ts +11 -1
  94. package/components/radio/dist/index.js +86 -9
  95. package/components/radio/dist/registered.js +86 -9
  96. package/components/select/demo/api.html +4 -4
  97. package/components/select/demo/api.md +20 -19
  98. package/components/select/demo/api.min.js +2223 -4412
  99. package/components/select/demo/index.html +3 -3
  100. package/components/select/demo/index.md +25 -25
  101. package/components/select/demo/index.min.js +2223 -4412
  102. package/components/select/dist/auro-select.d.ts +11 -1
  103. package/components/select/dist/index.js +1279 -3091
  104. package/components/select/dist/registered.js +1279 -3091
  105. package/package.json +15 -15
package/components/datepicker/demo/index.html CHANGED
@@ -50,8 +50,8 @@
50
50
  </script>
51
51
 
52
52
  <!-- If additional elements are needed for the demo, add them here. -->
53
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
54
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/dist/auro-button__bundled.js" type="module"></script>
53
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
54
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
55
55
 
56
56
  <script type="module" data-demo-script="true">
57
57
  import { initExamples } from "./index.min.js";
package/components/datepicker/demo/index.md CHANGED
@@ -21,9 +21,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
21
21
 
22
22
  #### Single date
23
23
  <div class="exampleWrapper--ondark" style="width: 306px">
24
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark.html) -->
25
- <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark.html -->
26
- <auro-datepicker layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY">
24
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/inverseAppearance.html) -->
25
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/inverseAppearance.html -->
26
+ <auro-datepicker layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY">
27
27
  <span slot="ariaLabel.bib.close">Close Calendar</span>
28
28
  <span slot="label">Date</span>
29
29
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
@@ -33,9 +33,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
33
33
  <!-- AURO-GENERATED-CONTENT:END -->
34
34
  </div>
35
35
  <div class="exampleWrapper--ondark">
36
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark.html) -->
37
- <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark.html -->
38
- <auro-datepicker layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY">
36
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/inverseAppearance.html) -->
37
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/inverseAppearance.html -->
38
+ <auro-datepicker layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY">
39
39
  <span slot="ariaLabel.bib.close">Close Calendar</span>
40
40
  <span slot="label">Date</span>
41
41
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
@@ -46,11 +46,11 @@ The `<auro-datepicker>` element should be used in situations where users may:
46
46
  </div>
47
47
  <auro-accordion alignRight>
48
48
  <span slot="trigger">See code</span>
49
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/ondark.html) -->
50
- <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/ondark.html -->
49
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/inverseAppearance.html) -->
50
+ <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/inverseAppearance.html -->
51
51
 
52
52
  ```html
53
- <auro-datepicker layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY">
53
+ <auro-datepicker layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY">
54
54
  <span slot="ariaLabel.bib.close">Close Calendar</span>
55
55
  <span slot="label">Date</span>
56
56
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
@@ -63,9 +63,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
63
63
 
64
64
  #### Range
65
65
  <div class="exampleWrapper--ondark" style="width: 306px">
66
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark-range.html) -->
67
- <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
68
- <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY" dvInputOnly>
66
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/inverseAppearance-range.html) -->
67
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/inverseAppearance-range.html -->
68
+ <auro-datepicker range layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY" dvInputOnly>
69
69
  <span slot="ariaLabel.bib.close">Close Calendar</span>
70
70
  <span slot="label">Dates</span>
71
71
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
@@ -75,9 +75,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
75
75
  <!-- AURO-GENERATED-CONTENT:END -->
76
76
  </div>
77
77
  <div class="exampleWrapper--ondark">
78
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/ondark-range.html) -->
79
- <!-- The below content is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
80
- <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY" dvInputOnly>
78
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/snowflake/inverseAppearance-range.html) -->
79
+ <!-- The below content is automatically added from ./../apiExamples/snowflake/inverseAppearance-range.html -->
80
+ <auro-datepicker range layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY" dvInputOnly>
81
81
  <span slot="ariaLabel.bib.close">Close Calendar</span>
82
82
  <span slot="label">Dates</span>
83
83
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
@@ -88,11 +88,11 @@ The `<auro-datepicker>` element should be used in situations where users may:
88
88
  </div>
89
89
  <auro-accordion alignRight>
90
90
  <span slot="trigger">See code</span>
91
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/ondark-range.html) -->
92
- <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/ondark-range.html -->
91
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/snowflake/inverseAppearance-range.html) -->
92
+ <!-- The below code snippet is automatically added from ./../apiExamples/snowflake/inverseAppearance-range.html -->
93
93
 
94
94
  ```html
95
- <auro-datepicker range layout="snowflake" shape="snowflake" ondark placeholder="MM/DD/YYYY" dvInputOnly>
95
+ <auro-datepicker range layout="snowflake" shape="snowflake" appearance="inverse" placeholder="MM/DD/YYYY" dvInputOnly>
96
96
  <span slot="ariaLabel.bib.close">Close Calendar</span>
97
97
  <span slot="label">Dates</span>
98
98
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
@@ -117,9 +117,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
117
117
  <!-- AURO-GENERATED-CONTENT:END -->
118
118
  </div>
119
119
  <div class="exampleWrapper--ondark" aria-hidden>
120
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
121
- <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
122
- <auro-datepicker onDark>
120
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance.html) -->
121
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance.html -->
122
+ <auro-datepicker appearance="inverse">
123
123
  <span slot="ariaLabel.bib.close">Close Calendar</span>
124
124
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
125
125
  <span slot="fromLabel">Choose a date</span>
@@ -141,9 +141,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
141
141
  </auro-datepicker>
142
142
  ```
143
143
  <!-- AURO-GENERATED-CONTENT:END -->
144
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
145
- <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
146
- <auro-datepicker onDark>
144
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearance.html) -->
145
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearance.html -->
146
+ <auro-datepicker appearance="inverse">
147
147
  <span slot="ariaLabel.bib.close">Close Calendar</span>
148
148
  <span slot="bib.fullscreen.headline">Datepicker Headline</span>
149
149
  <span slot="fromLabel">Choose a date</span>
@@ -167,9 +167,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
167
167
  <!-- AURO-GENERATED-CONTENT:END -->
168
168
  </div>
169
169
  <div class="exampleWrapper--ondark" aria-hidden>
170
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkRange.html) -->
171
- <!-- The below content is automatically added from ./../apiExamples/onDarkRange.html -->
172
- <auro-datepicker onDark range>
170
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceRange.html) -->
171
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceRange.html -->
172
+ <auro-datepicker appearance="inverse" range>
173
173
  <span slot="bib.fullscreen.headline">Datepicker Range Headline</span>
174
174
  <span slot="fromLabel">Departure</span>
175
175
  <span slot="toLabel">Return</span>
@@ -192,9 +192,9 @@ The `<auro-datepicker>` element should be used in situations where users may:
192
192
  </auro-datepicker>
193
193
  ```
194
194
  <!-- AURO-GENERATED-CONTENT:END -->
195
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkRange.html) -->
196
- <!-- The below content is automatically added from ./../apiExamples/onDarkRange.html -->
197
- <auro-datepicker onDark range>
195
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/inverseAppearanceRange.html) -->
196
+ <!-- The below content is automatically added from ./../apiExamples/inverseAppearanceRange.html -->
197
+ <auro-datepicker appearance="inverse" range>
198
198
  <span slot="bib.fullscreen.headline">Datepicker Range Headline</span>
199
199
  <span slot="fromLabel">Departure</span>
200
200
  <span slot="toLabel">Return</span>