@aurodesignsystem/auro-formkit 5.1.0-rc-1134.1 → 5.1.0-rc-1176.1

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 +23 -1
  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 +4856 -8338
  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 +7354 -10836
  23. package/components/combobox/dist/auro-combobox.d.ts +11 -9
  24. package/components/combobox/dist/index.js +4526 -7631
  25. package/components/combobox/dist/registered.js +4526 -7631
  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 +4891 -8060
  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 +4891 -8060
  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 +4890 -8059
  37. package/components/counter/dist/registered.js +4890 -8059
  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 +10264 -14687
  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 +10264 -14687
  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 +10230 -14653
  47. package/components/datepicker/dist/registered.js +10230 -14653
  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 +89 -418
  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 +89 -418
  54. package/components/dropdown/dist/auro-dropdown.d.ts +11 -1
  55. package/components/dropdown/dist/index.js +76 -405
  56. package/components/dropdown/dist/registered.js +76 -405
  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 +38 -35
  70. package/components/input/demo/api.min.js +323 -1590
  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 +323 -1590
  74. package/components/input/dist/base-input.d.ts +23 -2
  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 +283 -1550
  78. package/components/input/dist/registered.js +283 -1550
  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 +2225 -4414
  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 +2225 -4414
  102. package/components/select/dist/auro-select.d.ts +11 -1
  103. package/components/select/dist/index.js +1274 -3086
  104. package/components/select/dist/registered.js +1274 -3086
  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>