@aurodesignsystem-dev/auro-formkit 0.0.0-pr624.3 → 0.0.0-pr624.31

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 (113) 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 +35 -29
  9. package/components/checkbox/demo/index.md +2 -2
  10. package/components/checkbox/demo/index.min.js +35 -29
  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 +35 -29
  15. package/components/checkbox/dist/registered.js +35 -29
  16. package/components/combobox/demo/api.md +101 -2
  17. package/components/combobox/demo/api.min.js +2935 -794
  18. package/components/combobox/demo/index.md +6 -30
  19. package/components/combobox/demo/index.min.js +2935 -794
  20. package/components/combobox/dist/auro-combobox.d.ts +45 -16
  21. package/components/combobox/dist/index.js +2832 -832
  22. package/components/combobox/dist/registered.js +2832 -832
  23. package/components/counter/demo/api.md +21 -19
  24. package/components/counter/demo/api.min.js +3648 -929
  25. package/components/counter/demo/index.md +99 -34
  26. package/components/counter/demo/index.min.js +3648 -929
  27. package/components/counter/dist/auro-counter-button.d.ts +2 -0
  28. package/components/counter/dist/auro-counter-group.d.ts +105 -6
  29. package/components/counter/dist/auro-counter.d.ts +6 -0
  30. package/components/counter/dist/helptextVersion.d.ts +2 -0
  31. package/components/counter/dist/iconVersion.d.ts +1 -1
  32. package/components/counter/dist/index.js +3648 -929
  33. package/components/counter/dist/registered.js +3648 -929
  34. package/components/datepicker/demo/api.md +36 -19
  35. package/components/datepicker/demo/api.min.js +14662 -10980
  36. package/components/datepicker/demo/index.md +80 -0
  37. package/components/datepicker/demo/index.min.js +14662 -10980
  38. package/components/datepicker/dist/auro-datepicker.d.ts +71 -3
  39. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  40. package/components/datepicker/dist/iconVersion.d.ts +2 -0
  41. package/components/datepicker/dist/index.js +11706 -8024
  42. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  43. package/components/datepicker/dist/registered.js +11706 -8024
  44. package/components/dropdown/demo/api.md +6 -7
  45. package/components/dropdown/demo/api.min.js +238 -144
  46. package/components/dropdown/demo/index.md +57 -9
  47. package/components/dropdown/demo/index.min.js +238 -144
  48. package/components/dropdown/dist/auro-dropdown.d.ts +10 -9
  49. package/components/dropdown/dist/auro-dropdownBib.d.ts +22 -0
  50. package/components/dropdown/dist/index.js +238 -144
  51. package/components/dropdown/dist/registered.js +238 -144
  52. package/components/form/demo/api.min.js +1 -1
  53. package/components/form/demo/index.min.js +1 -1
  54. package/components/form/dist/index.js +1 -1
  55. package/components/form/dist/registered.js +1 -1
  56. package/components/helptext/dist/index.js +2 -2
  57. package/components/helptext/dist/registered.js +2 -2
  58. package/components/input/README.md +1 -1
  59. package/components/input/demo/api.md +133 -97
  60. package/components/input/demo/api.min.js +972 -269
  61. package/components/input/demo/index.md +14 -14
  62. package/components/input/demo/index.min.js +971 -268
  63. package/components/input/demo/readme.md +1 -1
  64. package/components/input/dist/auro-input.d.ts +197 -15
  65. package/components/input/dist/base-input.d.ts +32 -8
  66. package/components/input/dist/buttonVersion.d.ts +1 -1
  67. package/components/input/dist/iconVersion.d.ts +1 -1
  68. package/components/input/dist/index.js +971 -268
  69. package/components/input/dist/registered.js +971 -268
  70. package/components/layoutElement/dist/index.js +13 -10
  71. package/components/menu/demo/api.html +38 -0
  72. package/components/menu/demo/api.md +68 -7
  73. package/components/menu/demo/api.min.js +278 -42
  74. package/components/menu/demo/index.min.js +278 -42
  75. package/components/menu/dist/auro-menu.d.ts +28 -5
  76. package/components/menu/dist/auro-menuoption.d.ts +15 -3
  77. package/components/menu/dist/iconVersion.d.ts +1 -1
  78. package/components/menu/dist/index.js +278 -42
  79. package/components/menu/dist/registered.js +278 -42
  80. package/components/menu/dist/styles/default/color-menuoption-css.d.ts +2 -0
  81. package/components/menu/dist/styles/default/style-menu-css.d.ts +2 -0
  82. package/components/menu/dist/styles/default/style-menuoption-css.d.ts +2 -0
  83. package/components/menu/dist/styles/default/tokens-css.d.ts +2 -0
  84. package/components/radio/demo/api.md +7 -7
  85. package/components/radio/demo/api.min.js +16 -13
  86. package/components/radio/demo/index.min.js +16 -13
  87. package/components/radio/dist/auro-radio-group.d.ts +1 -1
  88. package/components/radio/dist/auro-radio.d.ts +1 -1
  89. package/components/radio/dist/index.js +16 -13
  90. package/components/radio/dist/registered.js +16 -13
  91. package/components/select/demo/api.js +2 -0
  92. package/components/select/demo/api.md +124 -13
  93. package/components/select/demo/api.min.js +2802 -538
  94. package/components/select/demo/index.html +1 -0
  95. package/components/select/demo/index.md +325 -763
  96. package/components/select/demo/index.min.js +2795 -543
  97. package/components/select/dist/auro-select.d.ts +112 -11
  98. package/components/select/dist/helptextVersion.d.ts +2 -0
  99. package/components/select/dist/index.js +2538 -427
  100. package/components/select/dist/registered.js +2538 -427
  101. package/components/select/dist/styles/shapeSize-css.d.ts +2 -0
  102. package/components/select/dist/styles/tokens-css.d.ts +2 -0
  103. package/package.json +6 -4
  104. /package/components/{dropdown/dist/styles/default/bibColors-css.d.ts → counter/dist/styles/shapeSize-css.d.ts} +0 -0
  105. /package/components/{dropdown → datepicker}/dist/styles/default/color-css.d.ts +0 -0
  106. /package/components/{dropdown/dist/styles/default/bibStyles-css.d.ts → datepicker/dist/styles/shapeSize-css.d.ts} +0 -0
  107. /package/components/{dropdown/dist/styles/default/style-css.d.ts → datepicker/dist/styles/snowflake/color-css.d.ts} +0 -0
  108. /package/components/{dropdown/dist/styles → datepicker/dist/styles/snowflake}/style-css.d.ts +0 -0
  109. /package/components/{menu/dist/styles/color-menu-css.d.ts → dropdown/dist/styles/classic/bibColors-css.d.ts} +0 -0
  110. /package/components/{menu/dist/styles/color-menuoption-css.d.ts → dropdown/dist/styles/classic/bibStyles-css.d.ts} +0 -0
  111. /package/components/{menu/dist/styles/style-menu-css.d.ts → dropdown/dist/styles/classic/color-css.d.ts} +0 -0
  112. /package/components/{menu/dist/styles/style-menuoption-css.d.ts → dropdown/dist/styles/classic/style-css.d.ts} +0 -0
  113. /package/components/menu/dist/styles/{tokens-css.d.ts → default/color-menu-css.d.ts} +0 -0
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,102 @@ 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
+ <div slot="label">Snowflake Dropdown Group</div>
218
+ <div slot="helpText">Total must be between 2-10</div>
219
+ <auro-counter>
220
+ Counter 1
221
+ </auro-counter>
222
+ <auro-counter>
223
+ Counter 2
224
+ </auro-counter>
225
+ </auro-counter-group>
226
+ <!-- AURO-GENERATED-CONTENT:END -->
227
+ </div>
228
+ <div class="exampleWrapper--ondark">
229
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
230
+ <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
231
+ <!-- Example of counter-group properties -->
232
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
233
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
234
+ <div slot="label">Snowflake Dropdown Group</div>
235
+ <div slot="helpText">Total must be between 2-10</div>
236
+ <auro-counter>
237
+ Counter 1
238
+ </auro-counter>
239
+ <auro-counter>
240
+ Counter 2
241
+ </auro-counter>
242
+ </auro-counter-group>
243
+ <!-- AURO-GENERATED-CONTENT:END -->
244
+ </div>
209
245
  <auro-accordion alignRight>
210
246
  <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 -->
247
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/dropdown-basic.html) -->
248
+ <!-- The below code snippet is automatically added from ./../apiExamples/dropdown-basic.html -->
249
+ ```html
250
+ <auro-counter-group isDropdown>
251
+ <div slot="bib.fullscreen.headline">Passengers</div>
252
+ <div slot="label">Passengers</div>
253
+ <auro-counter>
254
+ Adults
255
+ <span slot="description">18 years or older</span>
256
+ </auro-counter>
257
+ <auro-counter>
258
+ Children
259
+ <span slot="description">2-17 years</span>
260
+ </auro-counter>
261
+ </auro-counter-group>
262
+ ```
263
+ <!-- AURO-GENERATED-CONTENT:END -->
264
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDropdown.html) -->
265
+ <!-- The below content is automatically added from ./../apiExamples/onDarkDropdown.html -->
266
+ <auro-counter-group onDark isDropdown>
267
+ <div slot="bib.fullscreen.headline">Passengers</div>
268
+ <div slot="label">Passengers</div>
269
+ <auro-counter>
270
+ Adults
271
+ <span slot="description">18 years or older</span>
272
+ </auro-counter>
273
+ <auro-counter>
274
+ Children
275
+ <span slot="description">2-17 years</span>
276
+ </auro-counter>
277
+ </auro-counter-group>
278
+ <!-- AURO-GENERATED-CONTENT:END -->
279
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/dropdown-snowflake.html) -->
280
+ <!-- The below content is automatically added from ./../apiExamples/dropdown-snowflake.html -->
281
+ <!-- Example of counter-group properties -->
282
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake">
283
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
284
+ <div slot="label">Snowflake Dropdown Group</div>
285
+ <div slot="helpText">Total must be between 2-10</div>
286
+ <auro-counter>
287
+ Counter 1
288
+ </auro-counter>
289
+ <auro-counter>
290
+ Counter 2
291
+ </auro-counter>
292
+ </auro-counter-group>
293
+ <!-- AURO-GENERATED-CONTENT:END -->
294
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark-dropdown-snowflake.html) -->
295
+ <!-- The below content is automatically added from ./../apiExamples/onDark-dropdown-snowflake.html -->
296
+ <!-- Example of counter-group properties -->
297
+ <auro-counter-group max="10" min="2" isDropdown layout="snowflake" ondark>
298
+ <div slot="bib.fullscreen.headline">Group fullscreen label</div>
299
+ <div slot="label">Snowflake Dropdown Group</div>
300
+ <div slot="helpText">Total must be between 2-10</div>
301
+ <auro-counter>
302
+ Counter 1
303
+ </auro-counter>
304
+ <auro-counter>
305
+ Counter 2
306
+ </auro-counter>
307
+ </auro-counter-group>
308
+ <!-- AURO-GENERATED-CONTENT:END -->
244
309
  </auro-accordion>