@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.4 → 0.0.0-pr624.40

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 (114) 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 +44 -31
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +44 -31
  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 +44 -31
  15. package/components/checkbox/dist/registered.js +44 -31
  16. package/components/combobox/demo/api.md +100 -2
  17. package/components/combobox/demo/api.min.js +3202 -759
  18. package/components/combobox/demo/index.md +6 -30
  19. package/components/combobox/demo/index.min.js +3202 -759
  20. package/components/combobox/dist/auro-combobox.d.ts +37 -16
  21. package/components/combobox/dist/index.js +3091 -789
  22. package/components/combobox/dist/registered.js +3091 -789
  23. package/components/counter/demo/api.html +1 -0
  24. package/components/counter/demo/api.md +21 -19
  25. package/components/counter/demo/api.min.js +3324 -614
  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 +3324 -614
  29. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  30. package/components/counter/dist/auro-counter-group.d.ts +89 -6
  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 +3324 -614
  35. package/components/counter/dist/registered.js +3324 -614
  36. package/components/datepicker/demo/api.md +36 -19
  37. package/components/datepicker/demo/api.min.js +11976 -8000
  38. package/components/datepicker/demo/index.md +80 -0
  39. package/components/datepicker/demo/index.min.js +11976 -8000
  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 +12238 -8262
  44. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  45. package/components/datepicker/dist/registered.js +12238 -8262
  46. package/components/dropdown/demo/api.md +8 -9
  47. package/components/dropdown/demo/api.min.js +551 -147
  48. package/components/dropdown/demo/index.md +57 -9
  49. package/components/dropdown/demo/index.min.js +551 -147
  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 +551 -147
  53. package/components/dropdown/dist/registered.js +551 -147
  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 +956 -270
  63. package/components/input/demo/index.md +48 -32
  64. package/components/input/demo/index.min.js +955 -269
  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 +32 -8
  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 +955 -269
  71. package/components/input/dist/registered.js +955 -269
  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 +68 -80
  88. package/components/radio/demo/index.min.js +68 -80
  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 +68 -80
  92. package/components/radio/dist/registered.js +68 -80
  93. package/components/select/demo/api.md +123 -13
  94. package/components/select/demo/api.min.js +3045 -456
  95. package/components/select/demo/index.html +1 -0
  96. package/components/select/demo/index.md +323 -763
  97. package/components/select/demo/index.min.js +3045 -456
  98. package/components/select/dist/auro-select.d.ts +112 -11
  99. package/components/select/dist/helptextVersion.d.ts +2 -0
  100. package/components/select/dist/index.js +2925 -477
  101. package/components/select/dist/registered.js +2925 -477
  102. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  103. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  104. package/package.json +6 -4
  105. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  106. /package/components/{dropdown → datepicker}/dist/styles/default/color-css.d.ts +0 -0
  107. /package/components/{dropdown/dist/styles/default/bibStyles-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  108. /package/components/{dropdown/dist/styles/default/style-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  109. /package/components/{dropdown/dist/styles → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  110. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  111. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  112. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  113. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  114. /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>