@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/input/demo/index.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
4
4
  <!-- The below content is automatically added from ./../docs/partials/description.md -->
5
- Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helptext` for additional content support.
5
+ Use the `<auro-input>` custom element to create basic single-line text fields. Supports type `text`, `password`, and `email` with validation, required input, error states and a secondary `bordered` theme. Use the slots `label` and `helpText` for additional content support.
6
6
  <!-- AURO-GENERATED-CONTENT:END -->
7
7
 
8
8
  ## auro-input use cases
@@ -25,7 +25,7 @@ The `<auro-input>` element should be used in situations where users may:
25
25
  </auro-input> -->
26
26
  <auro-input id="alpha" value="lax" layout="emphasized" shape="box" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
27
27
  <label slot="label">From</label>
28
- <span slot="helptext">Example help text</span>
28
+ <span slot="helpText">Example help text</span>
29
29
  <span slot="displayValue">
30
30
  <div>
31
31
  <div class="mainText">LAX</div>
@@ -35,15 +35,15 @@ The `<auro-input>` element should be used in situations where users may:
35
35
  </auro-input>
36
36
  <auro-input id="beta" layout="emphasized" shape="pill" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
37
37
  <label slot="label">From</label>
38
- <span slot="helptext">Example help text</span>
38
+ <span slot="helpText">Example help text</span>
39
39
  </auro-input>
40
40
  <auro-input id="charlie" layout="emphasized-left" shape="pill-left" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
41
41
  <label slot="label">From</label>
42
- <span slot="helptext">Example help text</span>
42
+ <span slot="helpText">Example help text</span>
43
43
  </auro-input>
44
44
  <auro-input id="delta" layout="emphasized-right" shape="pill-right" size="xl" placeholder="Departure" style="width: 249px;" ondark required>
45
45
  <label slot="label">From</label>
46
- <span slot="helptext">Example help text</span>
46
+ <span slot="helpText">Example help text</span>
47
47
  </auro-input>
48
48
  <!-- AURO-GENERATED-CONTENT:END -->
49
49
  </div>
@@ -55,7 +55,7 @@ The `<auro-input>` element should be used in situations where users may:
55
55
  <!-- The below content is automatically added from ./../apiExamples/snowflake/basic.html -->
56
56
  <auro-input id="snowflakePill" layout="snowflake" shape="snowflake" size="lg" placeholder="Departure" style="width: 249px;" ondark required>
57
57
  <label slot="label">From</label>
58
- <span slot="helptext">Example help text</span>
58
+ <span slot="helpText">Example help text</span>
59
59
  </auro-input>
60
60
  <!-- AURO-GENERATED-CONTENT:END -->
61
61
  </div>
@@ -103,7 +103,7 @@ Use the `placeholder` attribute to add a custom placeholder message within the e
103
103
  <!-- The below content is automatically added from ./../apiExamples/placeholder.html -->
104
104
  <auro-input placeholder="John Doe" bordered required>
105
105
  <span slot="label">Full name</span>
106
- <span slot="helptext">Please enter your full name.</span>
106
+ <span slot="helpText">Please enter your full name.</span>
107
107
  </auro-input>
108
108
  <!-- AURO-GENERATED-CONTENT:END -->
109
109
  </div>
@@ -115,7 +115,7 @@ Use the `placeholder` attribute to add a custom placeholder message within the e
115
115
  ```html
116
116
  <auro-input placeholder="John Doe" bordered required>
117
117
  <span slot="label">Full name</span>
118
- <span slot="helptext">Please enter your full name.</span>
118
+ <span slot="helpText">Please enter your full name.</span>
119
119
  </auro-input>
120
120
  ```
121
121
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -172,7 +172,7 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
172
172
  <!-- The below content is automatically added from ./../apiExamples/activeLabel.html -->
173
173
  <auro-input activeLabel bordered>
174
174
  <span slot="label">Address</span>
175
- <span slot="helptext">Please enter your home address.</span>
175
+ <span slot="helpText">Please enter your home address.</span>
176
176
  </auro-input>
177
177
  <!-- AURO-GENERATED-CONTENT:END -->
178
178
  </div>
@@ -184,7 +184,7 @@ Example use cases for auro-input support the `activeLabel` attribute. If set, th
184
184
  ```html
185
185
  <auro-input activeLabel bordered>
186
186
  <span slot="label">Address</span>
187
- <span slot="helptext">Please enter your home address.</span>
187
+ <span slot="helpText">Please enter your home address.</span>
188
188
  </auro-input>
189
189
  ```
190
190
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -199,7 +199,7 @@ Use the `value` attribute to preset the value of the element.
199
199
  <!-- The below content is automatically added from ./../apiExamples/programmaticValue.html -->
200
200
  <auro-input value="Alaska Airlines is the best!" bordered>
201
201
  <span slot="label">Name</span>
202
- <span slot="helptext">Please enter your full name.</span>
202
+ <span slot="helpText">Please enter your full name.</span>
203
203
  </auro-input>
204
204
  <!-- AURO-GENERATED-CONTENT:END -->
205
205
  </div>
@@ -211,7 +211,7 @@ Use the `value` attribute to preset the value of the element.
211
211
  ```html
212
212
  <auro-input value="Alaska Airlines is the best!" bordered>
213
213
  <span slot="label">Name</span>
214
- <span slot="helptext">Please enter your full name.</span>
214
+ <span slot="helpText">Please enter your full name.</span>
215
215
  </auro-input>
216
216
  ```
217
217
  <!-- AURO-GENERATED-CONTENT:END -->
@@ -228,7 +228,7 @@ The `<auro-input>` component supports setting a custom validity message specific
228
228
  <!-- The below content is automatically added from ./../apiExamples/pattern.html -->
229
229
  <auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces" bordered>
230
230
  <span slot="label">Username</span>
231
- <span slot="helptext">Please enter a username.</span>
231
+ <span slot="helpText">Please enter a username.</span>
232
232
  </auro-input>
233
233
  <!-- AURO-GENERATED-CONTENT:END -->
234
234
  </div>
@@ -240,7 +240,7 @@ The `<auro-input>` component supports setting a custom validity message specific
240
240
  ```html
241
241
  <auro-input pattern="[a-z]{1,15}" spellcheck="false" setCustomValidityPatternMismatch="Only contain lowercase letters w/no spaces" bordered>
242
242
  <span slot="label">Username</span>
243
- <span slot="helptext">Please enter a username.</span>
243
+ <span slot="helpText">Please enter a username.</span>
244
244
  </auro-input>
245
245
  ```
246
246
  <!-- AURO-GENERATED-CONTENT:END -->