@aurodesignsystem/auro-formkit 5.6.0 → 5.8.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 (106) hide show
  1. package/CHANGELOG.md +12 -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 +148 -10
  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 +148 -10
  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 +148 -10
  16. package/components/checkbox/dist/registered.js +148 -10
  17. package/components/combobox/demo/api.html +4 -4
  18. package/components/combobox/demo/api.md +256 -63
  19. package/components/combobox/demo/api.min.js +4500 -7887
  20. package/components/combobox/demo/index.html +3 -3
  21. package/components/combobox/demo/index.md +114 -10
  22. package/components/combobox/demo/index.min.js +5671 -9058
  23. package/components/combobox/dist/auro-combobox.d.ts +29 -10
  24. package/components/combobox/dist/index.js +4500 -7510
  25. package/components/combobox/dist/registered.js +4500 -7510
  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 +2968 -6073
  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 +2968 -6073
  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 +4915 -8020
  37. package/components/counter/dist/registered.js +4915 -8020
  38. package/components/datepicker/demo/api.html +3 -3
  39. package/components/datepicker/demo/api.md +111 -21
  40. package/components/datepicker/demo/api.min.js +10474 -14790
  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 +10474 -14790
  44. package/components/datepicker/dist/auro-calendar-cell.d.ts +6 -0
  45. package/components/datepicker/dist/auro-calendar.d.ts +8 -0
  46. package/components/datepicker/dist/auro-datepicker.d.ts +21 -1
  47. package/components/datepicker/dist/index.js +10367 -14683
  48. package/components/datepicker/dist/registered.js +10367 -14683
  49. package/components/dropdown/demo/api.html +5 -5
  50. package/components/dropdown/demo/api.md +38 -29
  51. package/components/dropdown/demo/api.min.js +88 -417
  52. package/components/dropdown/demo/index.html +3 -3
  53. package/components/dropdown/demo/index.md +16 -16
  54. package/components/dropdown/demo/index.min.js +88 -417
  55. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  56. package/components/dropdown/dist/index.js +75 -404
  57. package/components/dropdown/dist/registered.js +75 -404
  58. package/components/form/demo/api.html +1 -1
  59. package/components/form/demo/api.min.js +13 -0
  60. package/components/form/demo/index.html +1 -1
  61. package/components/form/demo/index.min.js +13 -0
  62. package/components/form/demo/working.html +2 -2
  63. package/components/form/dist/index.js +13 -0
  64. package/components/form/dist/registered.js +13 -0
  65. package/components/helptext/dist/auro-helptext.d.ts +11 -1
  66. package/components/helptext/dist/index.js +26 -2
  67. package/components/helptext/dist/registered.js +26 -2
  68. package/components/input/demo/api.html +3 -3
  69. package/components/input/demo/api.js +1 -1
  70. package/components/input/demo/api.md +37 -34
  71. package/components/input/demo/api.min.js +323 -1580
  72. package/components/input/demo/index.html +1 -2
  73. package/components/input/demo/index.md +17 -17
  74. package/components/input/demo/index.min.js +323 -1580
  75. package/components/input/dist/base-input.d.ts +11 -1
  76. package/components/input/dist/buttonVersion.d.ts +1 -1
  77. package/components/input/dist/iconVersion.d.ts +1 -1
  78. package/components/input/dist/index.js +289 -1546
  79. package/components/input/dist/registered.js +289 -1546
  80. package/components/menu/demo/api.html +4 -4
  81. package/components/menu/demo/api.min.js +57 -421
  82. package/components/menu/demo/index.html +1 -1
  83. package/components/menu/demo/index.min.js +57 -421
  84. package/components/menu/dist/iconVersion.d.ts +1 -1
  85. package/components/menu/dist/index.js +49 -413
  86. package/components/menu/dist/registered.js +49 -413
  87. package/components/radio/demo/api.html +2 -2
  88. package/components/radio/demo/api.md +46 -44
  89. package/components/radio/demo/api.min.js +183 -14
  90. package/components/radio/demo/index.html +1 -1
  91. package/components/radio/demo/index.md +12 -12
  92. package/components/radio/demo/index.min.js +183 -14
  93. package/components/radio/dist/auro-radio-group.d.ts +25 -1
  94. package/components/radio/dist/auro-radio.d.ts +11 -1
  95. package/components/radio/dist/index.js +183 -14
  96. package/components/radio/dist/registered.js +183 -14
  97. package/components/select/demo/api.html +4 -4
  98. package/components/select/demo/api.md +20 -19
  99. package/components/select/demo/api.min.js +2859 -4984
  100. package/components/select/demo/index.html +3 -3
  101. package/components/select/demo/index.md +25 -25
  102. package/components/select/demo/index.min.js +2859 -4984
  103. package/components/select/dist/auro-select.d.ts +11 -1
  104. package/components/select/dist/index.js +990 -2738
  105. package/components/select/dist/registered.js +990 -2738
  106. 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>