@aurodesignsystem-dev/auro-formkit 0.0.0-pr750.1 → 0.0.0-pr754.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 (90) hide show
  1. package/components/bibtemplate/dist/index.js +1 -1
  2. package/components/bibtemplate/dist/registered.js +1 -1
  3. package/components/checkbox/demo/api.html +10 -16
  4. package/components/checkbox/demo/api.min.js +11 -11
  5. package/components/checkbox/demo/index.html +10 -16
  6. package/components/checkbox/demo/index.min.js +11 -11
  7. package/components/checkbox/demo/readme.html +9 -16
  8. package/components/checkbox/dist/index.js +11 -11
  9. package/components/checkbox/dist/registered.js +11 -11
  10. package/components/combobox/demo/api.html +10 -16
  11. package/components/combobox/demo/api.md +6 -12
  12. package/components/combobox/demo/api.min.js +89 -48
  13. package/components/combobox/demo/index.html +10 -16
  14. package/components/combobox/demo/index.min.js +89 -48
  15. package/components/combobox/demo/readme.html +9 -16
  16. package/components/combobox/dist/index.js +88 -46
  17. package/components/combobox/dist/registered.js +88 -46
  18. package/components/counter/demo/api.html +10 -16
  19. package/components/counter/demo/api.md +7 -140
  20. package/components/counter/demo/api.min.js +386 -556
  21. package/components/counter/demo/index.html +10 -16
  22. package/components/counter/demo/index.md +0 -82
  23. package/components/counter/demo/index.min.js +386 -556
  24. package/components/counter/demo/readme.html +9 -16
  25. package/components/counter/dist/auro-counter-group.d.ts +14 -71
  26. package/components/counter/dist/auro-counter.d.ts +0 -10
  27. package/components/counter/dist/index.js +386 -556
  28. package/components/counter/dist/registered.js +386 -556
  29. package/components/datepicker/demo/api.html +10 -16
  30. package/components/datepicker/demo/api.min.js +94 -67
  31. package/components/datepicker/demo/index.html +10 -16
  32. package/components/datepicker/demo/index.min.js +94 -67
  33. package/components/datepicker/demo/readme.html +9 -16
  34. package/components/datepicker/dist/auro-datepicker.d.ts +0 -6
  35. package/components/datepicker/dist/index.js +94 -67
  36. package/components/datepicker/dist/registered.js +94 -67
  37. package/components/dropdown/demo/api.html +10 -16
  38. package/components/dropdown/demo/api.md +268 -76
  39. package/components/dropdown/demo/api.min.js +67 -25
  40. package/components/dropdown/demo/index.html +10 -16
  41. package/components/dropdown/demo/index.md +363 -45
  42. package/components/dropdown/demo/index.min.js +67 -25
  43. package/components/dropdown/demo/readme.html +9 -16
  44. package/components/dropdown/dist/auro-dropdown.d.ts +71 -21
  45. package/components/dropdown/dist/index.js +67 -25
  46. package/components/dropdown/dist/registered.js +67 -25
  47. package/components/form/demo/api.html +9 -16
  48. package/components/form/demo/autocomplete.html +3 -19
  49. package/components/form/demo/index.html +9 -16
  50. package/components/form/demo/readme.html +9 -16
  51. package/components/form/demo/working.html +13 -19
  52. package/components/helptext/dist/index.js +1 -1
  53. package/components/helptext/dist/registered.js +1 -1
  54. package/components/input/demo/api.html +10 -16
  55. package/components/input/demo/api.md +1 -1
  56. package/components/input/demo/api.min.js +14 -14
  57. package/components/input/demo/index.html +10 -16
  58. package/components/input/demo/index.min.js +14 -14
  59. package/components/input/demo/readme.html +9 -16
  60. package/components/input/dist/base-input.d.ts +1 -1
  61. package/components/input/dist/index.js +14 -14
  62. package/components/input/dist/registered.js +14 -14
  63. package/components/menu/demo/api.html +32 -16
  64. package/components/menu/demo/api.md +15 -14
  65. package/components/menu/demo/api.min.js +1 -2
  66. package/components/menu/demo/index.html +10 -16
  67. package/components/menu/demo/index.min.js +1 -2
  68. package/components/menu/demo/readme.html +9 -16
  69. package/components/menu/dist/auro-menu.d.ts +1 -2
  70. package/components/menu/dist/index.js +1 -2
  71. package/components/menu/dist/registered.js +1 -2
  72. package/components/radio/demo/api.html +10 -16
  73. package/components/radio/demo/api.min.js +10 -10
  74. package/components/radio/demo/index.html +10 -16
  75. package/components/radio/demo/index.min.js +10 -10
  76. package/components/radio/demo/readme.html +9 -16
  77. package/components/radio/dist/auro-radio.d.ts +1 -1
  78. package/components/radio/dist/index.js +10 -10
  79. package/components/radio/dist/registered.js +10 -10
  80. package/components/select/demo/api.html +10 -16
  81. package/components/select/demo/api.md +36 -41
  82. package/components/select/demo/api.min.js +103 -61
  83. package/components/select/demo/index.html +11 -16
  84. package/components/select/demo/index.md +1 -1
  85. package/components/select/demo/index.min.js +103 -61
  86. package/components/select/demo/readme.html +9 -16
  87. package/components/select/dist/auro-select.d.ts +2 -9
  88. package/components/select/dist/index.js +102 -59
  89. package/components/select/dist/registered.js +102 -59
  90. package/package.json +3 -4
package/components/select/demo/api.md CHANGED
@@ -14,35 +14,35 @@ The auro-select element is a wrapper for auro-dropdown and auro-menu to create a
14
14
 
15
15
  ## Properties
16
16
 
17
- | Property | Attribute | Type | Default | Description |
18
- |---------------------------------|---------------------------------|-----------------------------------|----------------|--------------------------------------------------|
19
- | [autoPlacement](#autoPlacement) | `autoPlacement` | `boolean` | "false" | If declared, bib's position will be automatically calculated where to appear. |
20
- | [autocomplete](#autocomplete) | `autocomplete` | `string` | | If declared, sets the autocomplete attribute for the select element. |
21
- | [disabled](#disabled) | `disabled` | `boolean` | | When attribute is present, element shows disabled state. |
22
- | [error](#error) | `error` | `string` | | When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value. |
23
- | [forceDisplayValue](#forceDisplayValue) | `forceDisplayValue` | `boolean` | false | If declared, the label and value will be visually hidden and the displayValue will render 100% of the time. |
24
- | [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | `string` | "sm" | Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)<br />at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
25
- | [largeFullscreenHeadline](#largeFullscreenHeadline) | `largeFullscreenHeadline` | `boolean` | | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
26
- | [layout](#layout) | | `string` | "snowflake" | |
27
- | [matchWidth](#matchWidth) | `matchWidth` | `boolean` | false | If declared, the popover and trigger will be set to the same width. |
28
- | [multiSelect](#multiSelect) | `multiselect` | `boolean` | | Sets multi-select mode, allowing multiple options to be selected at once. |
29
- | [name](#name) | `name` | `string` | | The name for the select element. |
30
- | [noCheckmark](#noCheckmark) | `noCheckmark` | `boolean` | | When true, checkmark on selected option will no longer be present. |
31
- | [noFlip](#noFlip) | `noFlip` | `boolean` | "false" | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
32
- | [noValidate](#noValidate) | `noValidate` | `boolean` | | If set, disables auto-validation on blur. |
33
- | [offset](#offset) | `offset` | `number` | "0" | Gap between the trigger element and bib. |
34
- | [onDark](#onDark) | `onDark` | `boolean` | | If declared, onDark styles will be applied to the trigger. |
35
- | [optionSelected](#optionSelected) | `optionSelected` | `HTMLElement\|Array<HTMLElement>` | | Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true. |
36
- | [placeholder](#placeholder) | `placeholder` | `string` | | Define custom placeholder text. |
37
- | [placement](#placement) | `placement` | `string` | "bottom-start" | Position where the bib should appear relative to the trigger.<br />Accepted values:<br />"top" \| "right" \| "bottom" \| "left" \|<br />"bottom-start" \| "top-start" \| "top-end" \|<br />"right-start" \| "right-end" \| "bottom-end" \|<br />"left-start" \| "left-end". |
38
- | [required](#required) | `required` | `boolean` | | Populates the `required` attribute on the element. Used for client-side validation. |
39
- | [setCustomValidity](#setCustomValidity) | `setCustomValidity` | `string` | | Sets a custom help text message to display for all validityStates. |
40
- | [setCustomValidityCustomError](#setCustomValidityCustomError) | `setCustomValidityCustomError` | `string` | | Custom help text message to display when validity = `customError`. |
41
- | [setCustomValidityValueMissing](#setCustomValidityValueMissing) | `setCustomValidityValueMissing` | `string` | | Custom help text message to display when validity = `valueMissing`. |
42
- | [shape](#shape) | | `string` | "snowflake" | |
43
- | [size](#size) | | `string` | "xl" | |
44
- | [validity](#validity) | `validity` | `string` | | Specifies the `validityState` this element is in. |
45
- | [value](#value) | `value` | `string` | | Value selected for the component. |
17
+ | Property | Attribute | Modifiers | Type | Default | Description |
18
+ |---------------------------------|---------------------------------|-----------|-----------------------------------|----------------|--------------------------------------------------|
19
+ | [autoPlacement](#autoPlacement) | `autoPlacement` | | `boolean` | "false" | If declared, bib's position will be automatically calculated where to appear. |
20
+ | [autocomplete](#autocomplete) | `autocomplete` | | `string` | | If declared, sets the autocomplete attribute for the select element. |
21
+ | [disabled](#disabled) | `disabled` | | `boolean` | | When attribute is present, element shows disabled state. |
22
+ | [error](#error) | `error` | | `string` | | When defined, sets persistent validity to `customError` and sets `setCustomValidity` = attribute value. |
23
+ | [forceDisplayValue](#forceDisplayValue) | `forceDisplayValue` | | `boolean` | false | If declared, the label and value will be visually hidden and the displayValue will render 100% of the time. |
24
+ | [formattedValue](#formattedValue) | | readonly | `string \| string[]` | | Formatted value based on `multiSelect` state.<br />Default type is `String`, changing to `Array<String>` when `multiSelect` is true. |
25
+ | [fullscreenBreakpoint](#fullscreenBreakpoint) | `fullscreenBreakpoint` | | `string` | "sm" | Defines the screen size breakpoint (`xs`, `sm`, `md`, `lg`, `xl`, `disabled`)<br />at which the dropdown switches to fullscreen mode on mobile. `disabled` indicates a dropdown should _never_ enter fullscreen.<br /><br />When expanded, the dropdown will automatically display in fullscreen mode<br />if the screen size is equal to or smaller than the selected breakpoint. |
26
+ | [largeFullscreenHeadline](#largeFullscreenHeadline) | `largeFullscreenHeadline` | | `boolean` | | If declared, make bib.fullscreen.headline in HeadingDisplay.<br />Otherwise, Heading 600. |
27
+ | [layout](#layout) | | | `string` | "snowflake" | |
28
+ | [matchWidth](#matchWidth) | `matchWidth` | | `boolean` | false | If declared, the popover and trigger will be set to the same width. |
29
+ | [multiSelect](#multiSelect) | `multiselect` | | `boolean` | | Sets multi-select mode, allowing multiple options to be selected at once. |
30
+ | [name](#name) | `name` | | `string` | | The name for the select element. |
31
+ | [noCheckmark](#noCheckmark) | `noCheckmark` | | `boolean` | | When true, checkmark on selected option will no longer be present. |
32
+ | [noFlip](#noFlip) | `noFlip` | | `boolean` | "false" | If declared, the bib will NOT flip to an alternate position<br />when there isn't enough space in the specified `placement`. |
33
+ | [noValidate](#noValidate) | `noValidate` | | `boolean` | | If set, disables auto-validation on blur. |
34
+ | [offset](#offset) | `offset` | | `number` | "0" | Gap between the trigger element and bib. |
35
+ | [onDark](#onDark) | `onDark` | | `boolean` | | If declared, onDark styles will be applied to the trigger. |
36
+ | [optionSelected](#optionSelected) | `optionSelected` | | `HTMLElement\|Array<HTMLElement>` | | Specifies the current selected menuOption. Default type is `HTMLElement`, changing to `Array<HTMLElement>` when `multiSelect` is true. |
37
+ | [placement](#placement) | `placement` | | `string` | "bottom-start" | Position where the bib should appear relative to the trigger.<br />Accepted values:<br />"top" \| "right" \| "bottom" \| "left" \|<br />"bottom-start" \| "top-start" \| "top-end" \|<br />"right-start" \| "right-end" \| "bottom-end" \|<br />"left-start" \| "left-end". |
38
+ | [required](#required) | `required` | | `boolean` | | Populates the `required` attribute on the element. Used for client-side validation. |
39
+ | [setCustomValidity](#setCustomValidity) | `setCustomValidity` | | `string` | | Sets a custom help text message to display for all validityStates. |
40
+ | [setCustomValidityCustomError](#setCustomValidityCustomError) | `setCustomValidityCustomError` | | `string` | | Custom help text message to display when validity = `customError`. |
41
+ | [setCustomValidityValueMissing](#setCustomValidityValueMissing) | `setCustomValidityValueMissing` | | `string` | | Custom help text message to display when validity = `valueMissing`. |
42
+ | [shape](#shape) | | | `string` | "snowflake" | |
43
+ | [size](#size) | | | `string` | "xl" | |
44
+ | [validity](#validity) | `validity` | | `string` | | Specifies the `validityState` this element is in. |
45
+ | [value](#value) | `value` | | `string` | | Value selected for the component. |
46
46
 
47
47
  ## Methods
48
48
 
@@ -69,6 +69,7 @@ The auro-select element is a wrapper for auro-dropdown and auro-menu to create a
69
69
  | [helpText](#helpText) | Defines the content of the helpText. |
70
70
  | [label](#label) | Defines the content of the label. |
71
71
  | [optionalLabel](#optionalLabel) | Allows overriding the optional display text "(optional)", which appears next to the label. |
72
+ | [placeholder](#placeholder) | Defines the content of the placeholder to be shown when there is no value |
72
73
  | [valueText](#valueText) | Dropdown value text display. |
73
74
 
74
75
  ## CSS Shadow Parts
@@ -1154,8 +1155,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
1154
1155
  <div style="width: 350px">
1155
1156
  <auro-select offset="20" noFlip placement="bottom-end">
1156
1157
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1157
- <span slot="label">Label</span>
1158
- <span slot="helpText">bottom-end bib with 20px offset and noFlip</span>
1158
+ <span slot="label">bottom-end bib with 20px offset and noFlip</span>
1159
1159
  <auro-menu>
1160
1160
  <auro-menuoption value="stops">Stops</auro-menuoption>
1161
1161
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -1167,8 +1167,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
1167
1167
  </auro-select>
1168
1168
  <auro-select offset="20" placement="bottom-end">
1169
1169
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1170
- <span slot="label">Label</span>
1171
- <span slot="helpText">bottom-end bib with 20px offset and flip</span>
1170
+ <span slot="label">bottom-end bib with 20px offset and flip</span>
1172
1171
  <auro-menu>
1173
1172
  <auro-menuoption value="stops">Stops</auro-menuoption>
1174
1173
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -1180,8 +1179,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
1180
1179
  </auro-select>
1181
1180
  <auro-select offset="20" noFlip placement="right" autoPlacement noFlip >
1182
1181
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1183
- <span slot="label">Label</span>
1184
- <span slot="helpText">right bib with 20px offset, noFlip and autoPlacement</span>
1182
+ <span slot="label">right bib with 20px offset, noFlip and autoPlacement</span>
1185
1183
  <auro-menu>
1186
1184
  <auro-menuoption value="stops">Stops</auro-menuoption>
1187
1185
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -1203,8 +1201,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
1203
1201
  <div style="width: 350px">
1204
1202
  <auro-select offset="20" noFlip placement="bottom-end">
1205
1203
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1206
- <span slot="label">Label</span>
1207
- <span slot="helpText">bottom-end bib with 20px offset and noFlip</span>
1204
+ <span slot="label">bottom-end bib with 20px offset and noFlip</span>
1208
1205
  <auro-menu>
1209
1206
  <auro-menuoption value="stops">Stops</auro-menuoption>
1210
1207
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -1216,8 +1213,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
1216
1213
  </auro-select>
1217
1214
  <auro-select offset="20" placement="bottom-end">
1218
1215
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1219
- <span slot="label">Label</span>
1220
- <span slot="helpText">bottom-end bib with 20px offset and flip</span>
1216
+ <span slot="label">bottom-end bib with 20px offset and flip</span>
1221
1217
  <auro-menu>
1222
1218
  <auro-menuoption value="stops">Stops</auro-menuoption>
1223
1219
  <auro-menuoption value="price">Price</auro-menuoption>
@@ -1229,8 +1225,7 @@ The bib position can be customized with `placement`, `offset`, `flip`, `autoPlac
1229
1225
  </auro-select>
1230
1226
  <auro-select offset="20" noFlip placement="right" autoPlacement noFlip >
1231
1227
  <span slot="bib.fullscreen.headline">Bib Headline</span>
1232
- <span slot="label">Label</span>
1233
- <span slot="helpText">right bib with 20px offset, noFlip and autoPlacement</span>
1228
+ <span slot="label">right bib with 20px offset, noFlip and autoPlacement</span>
1234
1229
  <auro-menu>
1235
1230
  <auro-menuoption value="stops">Stops</auro-menuoption>
1236
1231
  <auro-menuoption value="price">Price</auro-menuoption>