@aurodesignsystem/auro-formkit 5.1.2 → 5.1.4

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 (59) hide show
  1. package/CHANGELOG.md +14 -7
  2. package/components/checkbox/demo/api.min.js +2 -2
  3. package/components/checkbox/demo/index.min.js +2 -2
  4. package/components/checkbox/dist/index.js +2 -2
  5. package/components/checkbox/dist/registered.js +2 -2
  6. package/components/combobox/README.md +2 -0
  7. package/components/combobox/demo/api.md +190 -62
  8. package/components/combobox/demo/api.min.js +414 -156
  9. package/components/combobox/demo/index.md +4 -2
  10. package/components/combobox/demo/index.min.js +344 -142
  11. package/components/combobox/demo/readme.md +2 -0
  12. package/components/combobox/dist/auro-combobox.d.ts +81 -33
  13. package/components/combobox/dist/index.js +309 -131
  14. package/components/combobox/dist/registered.js +309 -131
  15. package/components/counter/demo/api.min.js +17 -10
  16. package/components/counter/demo/index.min.js +17 -10
  17. package/components/counter/dist/index.js +17 -10
  18. package/components/counter/dist/registered.js +17 -10
  19. package/components/datepicker/demo/api.md +0 -1
  20. package/components/datepicker/demo/api.min.js +76 -28
  21. package/components/datepicker/demo/index.min.js +76 -28
  22. package/components/datepicker/dist/index.js +76 -28
  23. package/components/datepicker/dist/registered.js +76 -28
  24. package/components/dropdown/demo/api.md +2 -0
  25. package/components/dropdown/demo/api.min.js +12 -6
  26. package/components/dropdown/demo/index.min.js +12 -6
  27. package/components/dropdown/dist/index.js +12 -6
  28. package/components/dropdown/dist/registered.js +12 -6
  29. package/components/helptext/dist/index.js +1 -1
  30. package/components/helptext/dist/registered.js +1 -1
  31. package/components/input/demo/api.md +48 -46
  32. package/components/input/demo/api.min.js +57 -16
  33. package/components/input/demo/index.md +7 -3
  34. package/components/input/demo/index.min.js +57 -16
  35. package/components/input/dist/auro-input.d.ts +4 -0
  36. package/components/input/dist/base-input.d.ts +9 -1
  37. package/components/input/dist/index.js +57 -16
  38. package/components/input/dist/registered.js +57 -16
  39. package/components/layoutElement/dist/auroElement.d.ts +2 -1
  40. package/components/layoutElement/dist/index.js +2 -1
  41. package/components/layoutElement/dist/registered.js +2 -1
  42. package/components/menu/demo/api.md +4 -3
  43. package/components/menu/demo/api.min.js +37 -12
  44. package/components/menu/demo/index.min.js +37 -12
  45. package/components/menu/dist/auro-menu.d.ts +3 -2
  46. package/components/menu/dist/auro-menuoption.d.ts +1 -0
  47. package/components/menu/dist/index.js +37 -12
  48. package/components/menu/dist/registered.js +37 -12
  49. package/components/radio/demo/api.min.js +2 -2
  50. package/components/radio/demo/index.min.js +2 -2
  51. package/components/radio/dist/index.js +2 -2
  52. package/components/radio/dist/registered.js +2 -2
  53. package/components/select/demo/api.min.js +54 -20
  54. package/components/select/demo/index.md +78 -66
  55. package/components/select/demo/index.min.js +54 -20
  56. package/components/select/dist/index.js +19 -9
  57. package/components/select/dist/registered.js +19 -9
  58. package/components/select/dist/styles/emphasized/color-css.d.ts +2 -0
  59. package/package.json +3 -3
package/components/combobox/demo/index.md CHANGED
@@ -3,6 +3,8 @@
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
5
  `<auro-combobox>` is the combination of [dropdown](http://auro.alaskaair.com/components/auro/dropdown), [input](http://auro.alaskaair.com/components/auro/input), and [menu](http://auro.alaskaair.com/components/auro/menu) and allows users to filter search results from a predefined list as they type. When the user starts typing in the text input, a dropdown of a menu shows up to display options that match the user’s search.
6
+
7
+ By default, `auro-combobox` behaves as a suggestion list. This means any value may be typed into the combobox and the menu list presented effectively provides sample or suggestion options. With the use of the `persistInput` attribute the `auro-combobox` behaves as a filter of menu options. In this mode. typing into the input field will execute the filter but will not set the `value` of the combobox. The combobox value is set by selecting a menu option. Clicking the `X` clear button in the input will remove the current value of the HTML5 input causing the menu filter to reset as well as remove the current value of the combobox.
6
8
  <!-- AURO-GENERATED-CONTENT:END -->
7
9
 
8
10
  ## auro-combobox use cases
@@ -71,10 +73,10 @@ The `<auro-combobox>` element should be used in situations where users may:
71
73
 
72
74
  ### Emphasized
73
75
 
74
- <div class="exampleWrapper--ondark">
76
+ <div class="exampleWrapper">
75
77
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasized/basic.html) -->
76
78
  <!-- The below content is automatically added from ./../apiExamples/emphasized/basic.html -->
77
- <auro-combobox layout="emphasized" value="Oranges" shape="pill" size="xl" placeholder="Placeholder content" required ondark style="width: 249px;">
79
+ <auro-combobox layout="emphasized" value="Oranges" shape="pill" size="xl" placeholder="Placeholder content" required style="width: 249px;">
78
80
  <span slot="ariaLabel.bib.close">Close combobox</span>
79
81
  <span slot="ariaLabel.input.clear">Clear All</span>
80
82
  <span slot="bib.fullscreen.headline">Bib Header</span>