@aurodesignsystem/auro-formkit 5.9.4 → 5.11.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 (93) hide show
  1. package/CHANGELOG.md +62 -2
  2. package/components/bibtemplate/dist/auro-bibtemplate.d.ts +16 -0
  3. package/components/bibtemplate/dist/buttonVersion.d.ts +1 -1
  4. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  5. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  6. package/components/bibtemplate/dist/index.js +38 -16
  7. package/components/bibtemplate/dist/registered.js +38 -16
  8. package/components/checkbox/demo/api.md +7 -0
  9. package/components/checkbox/demo/api.min.js +19 -16
  10. package/components/checkbox/demo/index.min.js +19 -16
  11. package/components/checkbox/dist/auro-checkbox-group.d.ts +4 -3
  12. package/components/checkbox/dist/auro-checkbox.d.ts +2 -0
  13. package/components/checkbox/dist/index.js +10 -7
  14. package/components/checkbox/dist/registered.js +10 -7
  15. package/components/combobox/demo/api.js +2 -2
  16. package/components/combobox/demo/api.md +80 -0
  17. package/components/combobox/demo/api.min.js +1676 -645
  18. package/components/combobox/demo/index.min.js +1657 -640
  19. package/components/combobox/dist/auro-combobox.d.ts +25 -2
  20. package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +6 -0
  21. package/components/combobox/dist/index.js +1500 -501
  22. package/components/combobox/dist/registered.js +1500 -501
  23. package/components/counter/demo/api.min.js +1014 -427
  24. package/components/counter/demo/index.min.js +1014 -427
  25. package/components/counter/dist/auro-counter-button.d.ts +11 -2
  26. package/components/counter/dist/auro-counter.d.ts +8 -0
  27. package/components/counter/dist/buttonVersion.d.ts +1 -1
  28. package/components/counter/dist/iconVersion.d.ts +1 -1
  29. package/components/counter/dist/index.js +972 -389
  30. package/components/counter/dist/registered.js +972 -389
  31. package/components/datepicker/demo/api.md +110 -87
  32. package/components/datepicker/demo/api.min.js +1457 -665
  33. package/components/datepicker/demo/index.md +18 -12
  34. package/components/datepicker/demo/index.min.js +1457 -665
  35. package/components/datepicker/dist/auro-calendar.d.ts +6 -0
  36. package/components/datepicker/dist/auro-datepicker.d.ts +12 -2
  37. package/components/datepicker/dist/buttonVersion.d.ts +1 -1
  38. package/components/datepicker/dist/iconVersion.d.ts +1 -1
  39. package/components/datepicker/dist/index.js +1249 -461
  40. package/components/datepicker/dist/popoverVersion.d.ts +1 -1
  41. package/components/datepicker/dist/registered.js +1249 -461
  42. package/components/dropdown/demo/api.md +16 -18
  43. package/components/dropdown/demo/api.min.js +892 -378
  44. package/components/dropdown/demo/index.min.js +892 -378
  45. package/components/dropdown/dist/auro-dropdown.d.ts +27 -1
  46. package/components/dropdown/dist/auro-dropdownBib.d.ts +87 -0
  47. package/components/dropdown/dist/iconVersion.d.ts +1 -1
  48. package/components/dropdown/dist/index.js +862 -348
  49. package/components/dropdown/dist/keyboardUtils.d.ts +18 -0
  50. package/components/dropdown/dist/registered.js +862 -348
  51. package/components/form/README.md +47 -2
  52. package/components/form/demo/api.js +2 -0
  53. package/components/form/demo/api.md +303 -30
  54. package/components/form/demo/api.min.js +69263 -67
  55. package/components/form/demo/index.html +0 -1
  56. package/components/form/demo/index.js +1 -0
  57. package/components/form/demo/index.md +1 -275
  58. package/components/form/demo/index.min.js +69262 -67
  59. package/components/form/demo/readme.md +47 -2
  60. package/components/form/demo/working.html +123 -32
  61. package/components/form/dist/auro-form.d.ts +106 -61
  62. package/components/form/dist/index.js +143 -57
  63. package/components/form/dist/registered.js +143 -57
  64. package/components/input/demo/api.md +6 -1
  65. package/components/input/demo/api.min.js +164 -103
  66. package/components/input/demo/index.min.js +164 -103
  67. package/components/input/dist/auro-input.d.ts +23 -0
  68. package/components/input/dist/base-input.d.ts +36 -18
  69. package/components/input/dist/buttonVersion.d.ts +1 -1
  70. package/components/input/dist/iconVersion.d.ts +1 -1
  71. package/components/input/dist/index.js +119 -58
  72. package/components/input/dist/registered.js +119 -58
  73. package/components/menu/demo/api.md +4 -10
  74. package/components/menu/demo/api.min.js +36 -22
  75. package/components/menu/demo/index.min.js +36 -22
  76. package/components/menu/dist/auro-menuoption.d.ts +0 -7
  77. package/components/menu/dist/iconVersion.d.ts +1 -1
  78. package/components/menu/dist/index.js +25 -11
  79. package/components/menu/dist/registered.js +25 -11
  80. package/components/radio/demo/api.min.js +13 -13
  81. package/components/radio/demo/index.min.js +13 -13
  82. package/components/radio/dist/index.js +4 -4
  83. package/components/radio/dist/registered.js +4 -4
  84. package/components/select/demo/api.js +2 -0
  85. package/components/select/demo/api.md +333 -78
  86. package/components/select/demo/api.min.js +1339 -505
  87. package/components/select/demo/index.min.js +1327 -505
  88. package/components/select/dist/auro-select.d.ts +26 -0
  89. package/components/select/dist/index.js +1266 -462
  90. package/components/select/dist/registered.js +1266 -462
  91. package/components/select/dist/selectKeyboardStrategy.d.ts +8 -0
  92. package/custom-elements.json +18655 -0
  93. package/package.json +47 -13
package/components/dropdown/demo/api.md CHANGED
@@ -9,7 +9,7 @@ The `auro-dropdown` element provides a way to place content in a bib that can be
9
9
 
10
10
  | Property | Attribute | Type | Default | Description |
11
11
  |-------------------------|-------------------------|--------------------------------------------------|------------------|--------------------------------------------------|
12
- | `a11yRole` | | | | The value for the role attribute of the trigger element. |
12
+ | `a11yRole` | | `string` | | The value for the role attribute of the trigger element. |
13
13
  | [appearance](#appearance) | `appearance` | `'default' \| 'inverse'` | "'default'" | Defines whether the component will be on lighter or darker backgrounds. |
14
14
  | [autoPlacement](#autoPlacement) | `autoPlacement` | `boolean` | | If declared, bib's position will be automatically calculated where to appear. |
15
15
  | [chevron](#chevron) | `chevron` | `boolean` | | If declared, the dropdown displays a chevron on the right. |
@@ -56,11 +56,11 @@ The `auro-dropdown` element provides a way to place content in a bib that can be
56
56
 
57
57
  ## Slots
58
58
 
59
- | Name | Description |
60
- |------------|---------------------------------------|
61
- | | Default slot for the popover content. |
62
- | [helpText](#helpText) | Defines the content of the helpText. |
63
- | [trigger](#trigger) | Defines the content of the trigger. |
59
+ | Name | Description |
60
+ |------------|--------------------------------------------|
61
+ | | Default slot for the dropdown bib content. |
62
+ | [helpText](#helpText) | Defines the content of the helpText. |
63
+ | [trigger](#trigger) | Defines the content of the trigger. |
64
64
 
65
65
  ## CSS Shadow Parts
66
66
 
@@ -721,12 +721,11 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
721
721
  <!-- The below content is automatically added from ./../apiExamples/floater-config.html -->
722
722
  <style>
723
723
  .floaterConfigDropdown::part(size) {
724
- width: 300px;
725
724
  max-height: 200px;
726
725
  }
727
726
  </style>
728
727
  <div aria-label="custom label">
729
- <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron placement="bottom-end" offset="20" noFlip>
728
+ <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth placement="bottom-end" offset="20" noFlip>
730
729
  <div>
731
730
  <p>
732
731
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@@ -745,7 +744,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
745
744
  </auro-dropdown>
746
745
  </div>
747
746
  <div aria-label="custom label">
748
- <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron placement="bottom-end" offset="20">
747
+ <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth placement="bottom-end" offset="20">
749
748
  <div>
750
749
  <p>
751
750
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@@ -766,7 +765,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
766
765
  </auro-dropdown>
767
766
  </div>
768
767
  <div aria-label="custom label">
769
- <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron autoPlacement noFlip placement="right" offset="20">
768
+ <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth noFlip placement="right" offset="20">
770
769
  <div>
771
770
  <p>
772
771
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@@ -782,12 +781,12 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
782
781
  Trigger
783
782
  </div>
784
783
  <div slot="helpText">
785
- Trigger for right bib with 20px offset, autoPlacement and noFlip
784
+ Trigger for right bib with 20px offset and noFlip
786
785
  </div>
787
786
  </auro-dropdown>
788
787
  </div>
789
788
  <div aria-label="custom label">
790
- <auro-dropdown width="350px" class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron noFlip placement="bottom-start" shift offset="20">
789
+ <auro-dropdown width="350px" class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth noFlip placement="bottom-start" shift offset="20">
791
790
  <div width="500px">
792
791
  <p>
793
792
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@@ -817,12 +816,11 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
817
816
  ```html
818
817
  <style>
819
818
  .floaterConfigDropdown::part(size) {
820
- width: 300px;
821
819
  max-height: 200px;
822
820
  }
823
821
  </style>
824
822
  <div aria-label="custom label">
825
- <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron placement="bottom-end" offset="20" noFlip>
823
+ <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth placement="bottom-end" offset="20" noFlip>
826
824
  <div>
827
825
  <p>
828
826
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@@ -841,7 +839,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
841
839
  </auro-dropdown>
842
840
  </div>
843
841
  <div aria-label="custom label">
844
- <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron placement="bottom-end" offset="20">
842
+ <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth placement="bottom-end" offset="20">
845
843
  <div>
846
844
  <p>
847
845
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@@ -862,7 +860,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
862
860
  </auro-dropdown>
863
861
  </div>
864
862
  <div aria-label="custom label">
865
- <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron autoPlacement noFlip placement="right" offset="20">
863
+ <auro-dropdown class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth noFlip placement="right" offset="20">
866
864
  <div>
867
865
  <p>
868
866
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
@@ -878,12 +876,12 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
878
876
  Trigger
879
877
  </div>
880
878
  <div slot="helpText">
881
- Trigger for right bib with 20px offset, autoPlacement and noFlip
879
+ Trigger for right bib with 20px offset and noFlip
882
880
  </div>
883
881
  </auro-dropdown>
884
882
  </div>
885
883
  <div aria-label="custom label">
886
- <auro-dropdown width="350px" class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron noFlip placement="bottom-start" shift offset="20">
884
+ <auro-dropdown width="350px" class="floaterConfigDropdown" layout="classic" shape="classic" size="lg" chevron matchWidth noFlip placement="bottom-start" shift offset="20">
887
885
  <div width="500px">
888
886
  <p>
889
887
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.