@aurodesignsystem/auro-formkit 2.2.1-beta.3 → 3.0.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 (137) hide show
  1. package/CHANGELOG.md +68 -0
  2. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/index.js +18 -178
  4. package/components/bibtemplate/dist/registered.js +18 -178
  5. package/components/checkbox/README.md +1 -1
  6. package/components/checkbox/demo/api.html +2 -1
  7. package/components/checkbox/demo/api.md +129 -58
  8. package/components/checkbox/demo/api.min.js +41 -8
  9. package/components/checkbox/demo/index.html +2 -1
  10. package/components/checkbox/demo/index.md +116 -50
  11. package/components/checkbox/demo/index.min.js +41 -8
  12. package/components/checkbox/demo/readme.html +2 -1
  13. package/components/checkbox/demo/readme.md +1 -1
  14. package/components/checkbox/dist/auro-checkbox-group.d.ts +8 -0
  15. package/components/checkbox/dist/auro-checkbox.d.ts +8 -0
  16. package/components/checkbox/dist/index.js +41 -8
  17. package/components/checkbox/dist/registered.js +41 -8
  18. package/components/combobox/README.md +1 -1
  19. package/components/combobox/demo/api.html +2 -1
  20. package/components/combobox/demo/api.md +102 -1
  21. package/components/combobox/demo/api.min.js +238 -988
  22. package/components/combobox/demo/index.html +2 -4
  23. package/components/combobox/demo/index.md +32 -0
  24. package/components/combobox/demo/index.min.js +238 -988
  25. package/components/combobox/demo/readme.html +2 -1
  26. package/components/combobox/demo/readme.md +1 -1
  27. package/components/combobox/dist/auro-combobox.d.ts +8 -0
  28. package/components/combobox/dist/index.js +196 -786
  29. package/components/combobox/dist/registered.js +196 -786
  30. package/components/counter/README.md +1 -1
  31. package/components/counter/demo/api.html +2 -1
  32. package/components/counter/demo/api.md +29 -10
  33. package/components/counter/demo/api.min.js +187 -785
  34. package/components/counter/demo/index.html +2 -1
  35. package/components/counter/demo/index.md +104 -8
  36. package/components/counter/demo/index.min.js +187 -785
  37. package/components/counter/demo/readme.html +2 -1
  38. package/components/counter/demo/readme.md +1 -1
  39. package/components/counter/dist/auro-counter-group.d.ts +10 -2
  40. package/components/counter/dist/auro-counter.d.ts +1 -0
  41. package/components/counter/dist/iconVersion.d.ts +1 -1
  42. package/components/counter/dist/index.js +187 -785
  43. package/components/counter/dist/registered.js +187 -785
  44. package/components/datepicker/README.md +1 -1
  45. package/components/datepicker/demo/api.html +2 -4
  46. package/components/datepicker/demo/api.md +15 -14
  47. package/components/datepicker/demo/api.min.js +286 -1036
  48. package/components/datepicker/demo/index.html +2 -4
  49. package/components/datepicker/demo/index.md +38 -0
  50. package/components/datepicker/demo/index.min.js +286 -1036
  51. package/components/datepicker/demo/readme.html +2 -1
  52. package/components/datepicker/demo/readme.md +1 -1
  53. package/components/datepicker/dist/auro-datepicker.d.ts +8 -0
  54. package/components/datepicker/dist/index.js +286 -1036
  55. package/components/datepicker/dist/registered.js +286 -1036
  56. package/components/dropdown/README.md +1 -1
  57. package/components/dropdown/demo/api.html +2 -1
  58. package/components/dropdown/demo/api.md +173 -82
  59. package/components/dropdown/demo/api.min.js +41 -183
  60. package/components/dropdown/demo/index.html +2 -1
  61. package/components/dropdown/demo/index.md +86 -4
  62. package/components/dropdown/demo/index.min.js +41 -183
  63. package/components/dropdown/demo/readme.html +2 -1
  64. package/components/dropdown/demo/readme.md +1 -1
  65. package/components/dropdown/dist/auro-dropdown.d.ts +8 -0
  66. package/components/dropdown/dist/auro-dropdownBib.d.ts +2 -2
  67. package/components/dropdown/dist/index.js +41 -183
  68. package/components/dropdown/dist/registered.js +41 -183
  69. package/components/form/README.md +1 -1
  70. package/components/form/demo/api.html +2 -1
  71. package/components/form/demo/api.min.js +1 -1
  72. package/components/form/demo/index.html +2 -1
  73. package/components/form/demo/index.min.js +1 -1
  74. package/components/form/demo/readme.html +2 -1
  75. package/components/form/demo/readme.md +1 -1
  76. package/components/form/demo/working.html +2 -1
  77. package/components/form/dist/index.js +1 -1
  78. package/components/form/dist/registered.js +1 -1
  79. package/components/helptext/dist/auro-helptext.d.ts +8 -0
  80. package/components/helptext/dist/index.js +11 -2
  81. package/components/helptext/dist/registered.js +11 -2
  82. package/components/input/README.md +1 -1
  83. package/components/input/demo/api.html +2 -1
  84. package/components/input/demo/api.js +2 -0
  85. package/components/input/demo/api.md +108 -18
  86. package/components/input/demo/api.min.js +117 -402
  87. package/components/input/demo/index.html +2 -1
  88. package/components/input/demo/index.md +30 -0
  89. package/components/input/demo/index.min.js +103 -402
  90. package/components/input/demo/readme.html +2 -1
  91. package/components/input/demo/readme.md +1 -1
  92. package/components/input/dist/base-input.d.ts +8 -0
  93. package/components/input/dist/buttonVersion.d.ts +1 -1
  94. package/components/input/dist/iconVersion.d.ts +1 -1
  95. package/components/input/dist/index.js +103 -402
  96. package/components/input/dist/registered.js +103 -402
  97. package/components/menu/README.md +1 -1
  98. package/components/menu/demo/api.html +2 -1
  99. package/components/menu/demo/api.md +6 -2
  100. package/components/menu/demo/api.min.js +23 -183
  101. package/components/menu/demo/index.html +2 -1
  102. package/components/menu/demo/index.min.js +23 -183
  103. package/components/menu/demo/readme.html +2 -1
  104. package/components/menu/demo/readme.md +1 -1
  105. package/components/menu/dist/iconVersion.d.ts +1 -1
  106. package/components/menu/dist/index.js +23 -183
  107. package/components/menu/dist/registered.js +23 -183
  108. package/components/radio/README.md +1 -1
  109. package/components/radio/demo/api.html +2 -1
  110. package/components/radio/demo/api.md +160 -56
  111. package/components/radio/demo/api.min.js +35 -8
  112. package/components/radio/demo/index.html +2 -1
  113. package/components/radio/demo/index.md +43 -12
  114. package/components/radio/demo/index.min.js +35 -8
  115. package/components/radio/demo/readme.html +2 -1
  116. package/components/radio/demo/readme.md +1 -1
  117. package/components/radio/dist/auro-radio-group.d.ts +6 -0
  118. package/components/radio/dist/auro-radio.d.ts +6 -0
  119. package/components/radio/dist/index.js +35 -8
  120. package/components/radio/dist/registered.js +35 -8
  121. package/components/select/README.md +1 -1
  122. package/components/select/demo/api.html +2 -1
  123. package/components/select/demo/api.js +0 -2
  124. package/components/select/demo/api.md +112 -35
  125. package/components/select/demo/api.min.js +116 -589
  126. package/components/select/demo/index.html +2 -1
  127. package/components/select/demo/index.md +100 -0
  128. package/components/select/demo/index.min.js +116 -576
  129. package/components/select/demo/readme.html +2 -1
  130. package/components/select/demo/readme.md +1 -1
  131. package/components/select/dist/auro-select.d.ts +8 -0
  132. package/components/select/dist/index.js +91 -391
  133. package/components/select/dist/registered.js +91 -391
  134. package/package.json +23 -23
  135. package/components/counter/dist/styles/counter-button-tokens-css.d.ts +0 -2
  136. package/components/select/dist/styles/color-css.d.ts +0 -2
  137. package/components/select/dist/styles/tokens-css.d.ts +0 -2
package/components/select/demo/index.html CHANGED
@@ -22,7 +22,8 @@
22
22
  type="text/css"
23
23
  href="https://cdn.jsdelivr.net/npm/prismjs@1.24.1/themes/prism.css"
24
24
  />
25
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/tokens/CSSCustomProperties.css">
25
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/auro-classic/CSSCustomProperties.css">
26
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@latest/dist/alaska/CSSCustomProperties--alaska.css">
26
27
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/demoWrapper.css" />
27
28
  <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@latest/dist/elementDemoStyles.css" />
28
29
  </head>
package/components/select/demo/index.md CHANGED
@@ -34,6 +34,23 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
34
34
  </auro-select>
35
35
  <!-- AURO-GENERATED-CONTENT:END -->
36
36
  </div>
37
+ <div class="exampleWrapper--ondark" aria-hidden>
38
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
39
+ <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
40
+ <auro-select onDark>
41
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
42
+ <span slot="label">Select Example</span>
43
+ <auro-menu>
44
+ <auro-menuoption value="stops">Stops</auro-menuoption>
45
+ <auro-menuoption value="price">Price</auro-menuoption>
46
+ <auro-menuoption value="duration">Duration</auro-menuoption>
47
+ <auro-menuoption value="departure">Departure</auro-menuoption>
48
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
49
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
50
+ </auro-menu>
51
+ </auro-select>
52
+ <!-- AURO-GENERATED-CONTENT:END -->
53
+ </div>
37
54
  <auro-accordion alignRight>
38
55
  <span slot="trigger">See code</span>
39
56
  <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
@@ -54,6 +71,21 @@ A baseline `<auro-select>` using `<auro-menu>` and `<auro-menuoption>` elements.
54
71
  </auro-select>
55
72
  ```
56
73
  <!-- AURO-GENERATED-CONTENT:END -->
74
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDark.html) -->
75
+ <!-- The below content is automatically added from ./../apiExamples/onDark.html -->
76
+ <auro-select onDark>
77
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
78
+ <span slot="label">Select Example</span>
79
+ <auro-menu>
80
+ <auro-menuoption value="stops">Stops</auro-menuoption>
81
+ <auro-menuoption value="price">Price</auro-menuoption>
82
+ <auro-menuoption value="duration">Duration</auro-menuoption>
83
+ <auro-menuoption value="departure">Departure</auro-menuoption>
84
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
85
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
86
+ </auro-menu>
87
+ </auro-select>
88
+ <!-- AURO-GENERATED-CONTENT:END -->
57
89
  </auro-accordion>
58
90
 
59
91
  ## placeholder
@@ -424,6 +456,24 @@ Use the `error` boolean attribute to toggle the error UI.
424
456
  </auro-select>
425
457
  <!-- AURO-GENERATED-CONTENT:END -->
426
458
  </div>
459
+ <div class="exampleWrapper--ondark" aria-hidden>
460
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkError.html) -->
461
+ <!-- The below content is automatically added from ./../apiExamples/onDarkError.html -->
462
+ <auro-select onDark error="Custom error message">
463
+ <span slot="label">error select example</span>
464
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
465
+ <label slot="placeholder">Placeholder Text</label>
466
+ <auro-menu>
467
+ <auro-menuoption value="stops">Stops</auro-menuoption>
468
+ <auro-menuoption value="price">Price</auro-menuoption>
469
+ <auro-menuoption value="duration">Duration</auro-menuoption>
470
+ <auro-menuoption value="departure">Departure</auro-menuoption>
471
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
472
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
473
+ </auro-menu>
474
+ </auro-select>
475
+ <!-- AURO-GENERATED-CONTENT:END -->
476
+ </div>
427
477
  <auro-accordion alignRight>
428
478
  <span slot="trigger">See code</span>
429
479
  <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/error.html) -->
@@ -445,6 +495,22 @@ Use the `error` boolean attribute to toggle the error UI.
445
495
  </auro-select>
446
496
  ```
447
497
  <!-- AURO-GENERATED-CONTENT:END -->
498
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkError.html) -->
499
+ <!-- The below content is automatically added from ./../apiExamples/onDarkError.html -->
500
+ <auro-select onDark error="Custom error message">
501
+ <span slot="label">error select example</span>
502
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
503
+ <label slot="placeholder">Placeholder Text</label>
504
+ <auro-menu>
505
+ <auro-menuoption value="stops">Stops</auro-menuoption>
506
+ <auro-menuoption value="price">Price</auro-menuoption>
507
+ <auro-menuoption value="duration">Duration</auro-menuoption>
508
+ <auro-menuoption value="departure">Departure</auro-menuoption>
509
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
510
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
511
+ </auro-menu>
512
+ </auro-select>
513
+ <!-- AURO-GENERATED-CONTENT:END -->
448
514
  </auro-accordion>
449
515
 
450
516
  ## Disabled state
@@ -469,6 +535,24 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
469
535
  </auro-select>
470
536
  <!-- AURO-GENERATED-CONTENT:END -->
471
537
  </div>
538
+ <div class="exampleWrapper--ondark" aria-hidden>
539
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDisabled.html) -->
540
+ <!-- The below content is automatically added from ./../apiExamples/onDarkDisabled.html -->
541
+ <auro-select onDark disabled>
542
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
543
+ <label slot="placeholder">Placeholder Text</label>
544
+ <span slot="label">disabled select example</span>
545
+ <auro-menu>
546
+ <auro-menuoption value="stops">Stops</auro-menuoption>
547
+ <auro-menuoption value="price">Price</auro-menuoption>
548
+ <auro-menuoption value="duration">Duration</auro-menuoption>
549
+ <auro-menuoption value="departure">Departure</auro-menuoption>
550
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
551
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
552
+ </auro-menu>
553
+ </auro-select>
554
+ <!-- AURO-GENERATED-CONTENT:END -->
555
+ </div>
472
556
  <auro-accordion alignRight>
473
557
  <span slot="trigger">See code</span>
474
558
  <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/disabled.html) -->
@@ -490,4 +574,20 @@ Use the `disabled` boolean attribute to toggle the disabled UI.
490
574
  </auro-select>
491
575
  ```
492
576
  <!-- AURO-GENERATED-CONTENT:END -->
577
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/onDarkDisabled.html) -->
578
+ <!-- The below content is automatically added from ./../apiExamples/onDarkDisabled.html -->
579
+ <auro-select onDark disabled>
580
+ <span slot="bib.fullscreen.headline">Bib Headline</span>
581
+ <label slot="placeholder">Placeholder Text</label>
582
+ <span slot="label">disabled select example</span>
583
+ <auro-menu>
584
+ <auro-menuoption value="stops">Stops</auro-menuoption>
585
+ <auro-menuoption value="price">Price</auro-menuoption>
586
+ <auro-menuoption value="duration">Duration</auro-menuoption>
587
+ <auro-menuoption value="departure">Departure</auro-menuoption>
588
+ <auro-menuoption value="arrival">Arrival</auro-menuoption>
589
+ <auro-menuoption value="prefer alaska">Prefer Alaska</auro-menuoption>
590
+ </auro-menu>
591
+ </auro-select>
592
+ <!-- AURO-GENERATED-CONTENT:END -->
493
593
  </auro-accordion>