@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.5 → 0.0.0-pr624.50

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 (115) hide show
  1. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +13 -2
  2. package/components/bibtemplate/dist/buttonVersion.d.ts +2 -0
  3. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/index.js +1292 -79
  5. package/components/bibtemplate/dist/registered.js +1292 -79
  6. package/components/checkbox/README.md +1 -1
  7. package/components/checkbox/demo/api.md +47 -14
  8. package/components/checkbox/demo/api.min.js +47 -34
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +47 -34
  11. package/components/checkbox/demo/readme.md +1 -1
  12. package/components/checkbox/dist/auro-checkbox-group.d.ts +1 -1
  13. package/components/checkbox/dist/auro-checkbox.d.ts +3 -3
  14. package/components/checkbox/dist/index.js +47 -34
  15. package/components/checkbox/dist/registered.js +47 -34
  16. package/components/combobox/demo/api.md +112 -8
  17. package/components/combobox/demo/api.min.js +3203 -760
  18. package/components/combobox/demo/index.md +6 -30
  19. package/components/combobox/demo/index.min.js +3203 -760
  20. package/components/combobox/dist/auro-combobox.d.ts +37 -16
  21. package/components/combobox/dist/index.js +3093 -791
  22. package/components/combobox/dist/registered.js +3093 -791
  23. package/components/counter/demo/api.html +1 -0
  24. package/components/counter/demo/api.md +29 -21
  25. package/components/counter/demo/api.min.js +3332 -615
  26. package/components/counter/demo/index.html +1 -0
  27. package/components/counter/demo/index.md +103 -34
  28. package/components/counter/demo/index.min.js +3332 -615
  29. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  30. package/components/counter/dist/auro-counter-group.d.ts +90 -7
  31. package/components/counter/dist/auro-counter.d.ts +6 -0
  32. package/components/counter/dist/helptextVersion.d.ts +2 -0
  33. package/components/counter/dist/iconVersion.d.ts +1 -1
  34. package/components/counter/dist/index.js +3332 -615
  35. package/components/counter/dist/registered.js +3332 -615
  36. package/components/datepicker/demo/api.md +36 -19
  37. package/components/datepicker/demo/api.min.js +14940 -10964
  38. package/components/datepicker/demo/index.md +80 -0
  39. package/components/datepicker/demo/index.min.js +14940 -10964
  40. package/components/datepicker/dist/auro-datepicker.d.ts +71 -3
  41. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  42. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  43. package/components/datepicker/dist/index.js +11817 -7841
  44. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  45. package/components/datepicker/dist/registered.js +11817 -7841
  46. package/components/dropdown/demo/api.md +25 -12
  47. package/components/dropdown/demo/api.min.js +552 -148
  48. package/components/dropdown/demo/index.md +57 -9
  49. package/components/dropdown/demo/index.min.js +552 -148
  50. package/components/dropdown/dist/auro-dropdown.d.ts +28 -9
  51. package/components/dropdown/dist/auro-dropdownBib.d.ts +22 -0
  52. package/components/dropdown/dist/index.js +552 -148
  53. package/components/dropdown/dist/registered.js +552 -148
  54. package/components/form/demo/api.min.js +1 -1
  55. package/components/form/demo/index.min.js +1 -1
  56. package/components/form/dist/index.js +1 -1
  57. package/components/form/dist/registered.js +1 -1
  58. package/components/helptext/dist/index.js +2 -2
  59. package/components/helptext/dist/registered.js +2 -2
  60. package/components/input/README.md +5 -2
  61. package/components/input/demo/api.md +271 -176
  62. package/components/input/demo/api.min.js +958 -272
  63. package/components/input/demo/index.md +48 -32
  64. package/components/input/demo/index.min.js +957 -271
  65. package/components/input/demo/readme.md +5 -2
  66. package/components/input/dist/auro-input.d.ts +23 -15
  67. package/components/input/dist/base-input.d.ts +33 -9
  68. package/components/input/dist/buttonVersion.d.ts +1 -1
  69. package/components/input/dist/iconVersion.d.ts +1 -1
  70. package/components/input/dist/index.js +957 -271
  71. package/components/input/dist/registered.js +957 -271
  72. package/components/layoutElement/dist/index.js +13 -10
  73. package/components/menu/demo/api.html +38 -0
  74. package/components/menu/demo/api.md +68 -7
  75. package/components/menu/demo/api.min.js +278 -42
  76. package/components/menu/demo/index.min.js +278 -42
  77. package/components/menu/dist/auro-menu.d.ts +28 -5
  78. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  79. package/components/menu/dist/iconVersion.d.ts +1 -1
  80. package/components/menu/dist/index.js +278 -42
  81. package/components/menu/dist/registered.js +278 -42
  82. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  83. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  84. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  85. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  86. package/components/radio/demo/api.md +7 -8
  87. package/components/radio/demo/api.min.js +71 -83
  88. package/components/radio/demo/index.min.js +71 -83
  89. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  90. package/components/radio/dist/auro-radio.d.ts +9 -12
  91. package/components/radio/dist/index.js +71 -83
  92. package/components/radio/dist/registered.js +71 -83
  93. package/components/select/demo/api.js +0 -2
  94. package/components/select/demo/api.md +100 -45
  95. package/components/select/demo/api.min.js +3009 -526
  96. package/components/select/demo/index.html +1 -0
  97. package/components/select/demo/index.md +176 -768
  98. package/components/select/demo/index.min.js +3013 -518
  99. package/components/select/dist/auro-select.d.ts +126 -11
  100. package/components/select/dist/helptextVersion.d.ts +2 -0
  101. package/components/select/dist/index.js +2892 -538
  102. package/components/select/dist/registered.js +2892 -538
  103. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  104. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  105. package/package.json +28 -26
  106. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  107. /package/components/{dropdown → datepicker}/dist/styles/default/color-css.d.ts +0 -0
  108. /package/components/{dropdown/dist/styles/default/bibStyles-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  109. /package/components/{dropdown/dist/styles/default/style-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  110. /package/components/{dropdown/dist/styles → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  111. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  112. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  113. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  114. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  115. /package/components/menu/dist/styles/{tokens-css.d.ts → default/color-menu-css.d.ts} +0 -0
package/components/counter/demo/index.html CHANGED
@@ -50,5 +50,6 @@
50
50
  <!-- If additional elements are needed for the demo, add them here. -->
51
51
  <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
52
52
  <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-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
53
54
  </body>
54
55
  </html>
package/components/counter/demo/index.md CHANGED
@@ -170,7 +170,9 @@ Counter groups allow you to manage multiple related counters together. This is u
170
170
 
171
171
  ### Dropdown Counter Group
172
172
 
173
- The dropdown mode provides a more compact interface, ideal for forms where space is limited. It collapses the counters into a dropdown that expands when clicked:
173
+ The dropdown mode provides a more compact interface, ideal for forms where space is limited. It collapses the counters into a dropdown that expands when clicked.
174
+
175
+ When using a dropdown, an additional layout, `snowflake`, is available for use:
174
176
 
175
177
  <div class="exampleWrapper">
176
178
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown-basic.html) -->
@@ -206,39 +208,106 @@ The dropdown mode provides a more compact interface, ideal for forms where space
206
208
  </auro-counter-group>
207
209
  <!-- AURO-GENERATED-CONTENT:END -->
208
210
  </div>
211
+ <div class="exampleWrapper">
212
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown-snowflake.html) -->
213
+ <!-- The below content is automatically added from ./../apiExamples/dropdown-snowflake.html -->
214
+ <!-- Example of counter-group properties -->
215
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake">
216
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
217
+ <auro-icon slot="typeIcon" category="interface" name="account-stroke" customColor></auro-icon>
218
+ <div slot="label">Snowflake Dropdown Group</div>
219
+ <div slot="helpText">Total must be between 2-10</div>
220
+ <auro-counter>
221
+ Counter 1
222
+ </auro-counter>
223
+ <auro-counter>
224
+ Counter 2
225
+ </auro-counter>
226
+ </auro-counter-group>
227
+ <!-- AURO-GENERATED-CONTENT:END -->
228
+ </div>
229
+ <div class="exampleWrapper--ondark">
230
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
231
+ <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
232
+ <!-- Example of counter-group properties -->
233
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
234
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
235
+ <auro-icon slot="typeIcon" category="interface" name="account-stroke" customColor></auro-icon>
236
+ <div slot="label">Snowflake Dropdown Group</div>
237
+ <div slot="helpText">Total must be between 2-10</div>
238
+ <auro-counter>
239
+ Counter 1
240
+ </auro-counter>
241
+ <auro-counter>
242
+ Counter 2
243
+ </auro-counter>
244
+ </auro-counter-group>
245
+ <!-- AURO-GENERATED-CONTENT:END -->
246
+ </div>
209
247
  <auro-accordion alignRight>
210
248
  <span slot="trigger">See code</span>
211
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/dropdown-basic.html) -->
212
- <!-- The below code snippet is automatically added from ./../apiExamples/dropdown-basic.html -->
213
-
214
- ```html
215
- <auro-counter-group isDropdown>
216
- <div slot="bib.fullscreen.headline">Passengers</div>
217
- <div slot="label">Passengers</div>
218
- <auro-counter>
219
- Adults
220
- <span slot="description">18 years or older</span>
221
- </auro-counter>
222
- <auro-counter>
223
- Children
224
- <span slot="description">2-17 years</span>
225
- </auro-counter>
226
- </auro-counter-group>
227
- ```
228
- <!-- AURO-GENERATED-CONTENT:END -->
229
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDropdown.html) -->
230
- <!-- The below content is automatically added from ./../apiExamples/onDarkDropdown.html -->
231
- <auro-counter-group onDark isDropdown>
232
- <div slot="bib.fullscreen.headline">Passengers</div>
233
- <div slot="label">Passengers</div>
234
- <auro-counter>
235
- Adults
236
- <span slot="description">18 years or older</span>
237
- </auro-counter>
238
- <auro-counter>
239
- Children
240
- <span slot="description">2-17 years</span>
241
- </auro-counter>
242
- </auro-counter-group>
243
- <!-- AURO-GENERATED-CONTENT:END -->
249
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/dropdown-basic.html) -->
250
+ <!-- The below code snippet is automatically added from ./../apiExamples/dropdown-basic.html -->
251
+ ```html
252
+ <auro-counter-group isDropdown>
253
+ <div slot="bib.fullscreen.headline">Passengers</div>
254
+ <div slot="label">Passengers</div>
255
+ <auro-counter>
256
+ Adults
257
+ <span slot="description">18 years or older</span>
258
+ </auro-counter>
259
+ <auro-counter>
260
+ Children
261
+ <span slot="description">2-17 years</span>
262
+ </auro-counter>
263
+ </auro-counter-group>
264
+ ```
265
+ <!-- AURO-GENERATED-CONTENT:END -->
266
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDropdown.html) -->
267
+ <!-- The below content is automatically added from ./../apiExamples/onDarkDropdown.html -->
268
+ <auro-counter-group onDark isDropdown>
269
+ <div slot="bib.fullscreen.headline">Passengers</div>
270
+ <div slot="label">Passengers</div>
271
+ <auro-counter>
272
+ Adults
273
+ <span slot="description">18 years or older</span>
274
+ </auro-counter>
275
+ <auro-counter>
276
+ Children
277
+ <span slot="description">2-17 years</span>
278
+ </auro-counter>
279
+ </auro-counter-group>
280
+ <!-- AURO-GENERATED-CONTENT:END -->
281
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown-snowflake.html) -->
282
+ <!-- The below content is automatically added from ./../apiExamples/dropdown-snowflake.html -->
283
+ <!-- Example of counter-group properties -->
284
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake">
285
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
286
+ <auro-icon slot="typeIcon" category="interface" name="account-stroke" customColor></auro-icon>
287
+ <div slot="label">Snowflake Dropdown Group</div>
288
+ <div slot="helpText">Total must be between 2-10</div>
289
+ <auro-counter>
290
+ Counter 1
291
+ </auro-counter>
292
+ <auro-counter>
293
+ Counter 2
294
+ </auro-counter>
295
+ </auro-counter-group>
296
+ <!-- AURO-GENERATED-CONTENT:END -->
297
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
298
+ <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
299
+ <!-- Example of counter-group properties -->
300
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
301
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
302
+ <auro-icon slot="typeIcon" category="interface" name="account-stroke" customColor></auro-icon>
303
+ <div slot="label">Snowflake Dropdown Group</div>
304
+ <div slot="helpText">Total must be between 2-10</div>
305
+ <auro-counter>
306
+ Counter 1
307
+ </auro-counter>
308
+ <auro-counter>
309
+ Counter 2
310
+ </auro-counter>
311
+ </auro-counter-group>
312
+ <!-- AURO-GENERATED-CONTENT:END -->
244
313
  </auro-accordion>