@aurodesignsystem/auro-formkit 2.0.0-beta.10 → 2.0.0-beta.12

package/.turbo/cache/0c8124a987c1cc05-meta.json

@@ -1 +1 @@
-{"hash":"0c8124a987c1cc05","duration":1924}
+{"hash":"0c8124a987c1cc05","duration":1723}

package/.turbo/cache/0cd512cdf86242c7-meta.json

@@ -0,0 +1 @@
+{"hash":"0cd512cdf86242c7","duration":4119}

package/.turbo/cache/123c83cd8727dff3-meta.json

@@ -0,0 +1 @@
+{"hash":"123c83cd8727dff3","duration":6235}

package/.turbo/cache/18129dba20f51b6b-meta.json

@@ -1 +1 @@
-{"hash":"18129dba20f51b6b","duration":2121}
+{"hash":"18129dba20f51b6b","duration":1613}

package/.turbo/cache/2787020e69f50af2-meta.json

@@ -1 +1 @@
-{"hash":"2787020e69f50af2","duration":3446}
+{"hash":"2787020e69f50af2","duration":3534}

package/.turbo/cache/2a5295c8f561ed84-meta.json

@@ -0,0 +1 @@
+{"hash":"2a5295c8f561ed84","duration":5419}

package/.turbo/cache/2c0d681132c153dd-meta.json

@@ -1 +1 @@
-{"hash":"2c0d681132c153dd","duration":2041}
+{"hash":"2c0d681132c153dd","duration":1584}

package/.turbo/cache/4006a206400d5c7b-meta.json

@@ -1 +1 @@
-{"hash":"4006a206400d5c7b","duration":1889}
+{"hash":"4006a206400d5c7b","duration":1865}

package/.turbo/cache/492dda333b8d15f1-meta.json

@@ -1 +1 @@
-{"hash":"492dda333b8d15f1","duration":2912}
+{"hash":"492dda333b8d15f1","duration":2878}

package/.turbo/cache/4e3619d9dfc86809-meta.json

@@ -0,0 +1 @@
+{"hash":"4e3619d9dfc86809","duration":20323}

package/.turbo/cache/50993de942ec15a9-meta.json

@@ -1 +1 @@
-{"hash":"50993de942ec15a9","duration":2999}
+{"hash":"50993de942ec15a9","duration":2342}

package/.turbo/cache/50cd7dcfc9f820c5-meta.json

@@ -0,0 +1 @@
+{"hash":"50cd7dcfc9f820c5","duration":2980}

package/.turbo/cache/51eaa58d5c167de8-meta.json

@@ -1 +1 @@
-{"hash":"51eaa58d5c167de8","duration":2009}
+{"hash":"51eaa58d5c167de8","duration":2107}

package/.turbo/cache/5a0d3e26da304c62-meta.json

@@ -0,0 +1 @@
+{"hash":"5a0d3e26da304c62","duration":20593}

package/.turbo/cache/5c960af698582835-meta.json

@@ -0,0 +1 @@
+{"hash":"5c960af698582835","duration":3158}

package/.turbo/cache/5dbbb71dffc3f542-meta.json

@@ -0,0 +1 @@
+{"hash":"5dbbb71dffc3f542","duration":19984}

package/.turbo/cache/6081837e8943b62e-meta.json

@@ -1 +1 @@
-{"hash":"6081837e8943b62e","duration":3505}
+{"hash":"6081837e8943b62e","duration":3529}

package/.turbo/cache/60ad74320c682a2b-meta.json

@@ -1 +1 @@
-{"hash":"60ad74320c682a2b","duration":2765}
+{"hash":"60ad74320c682a2b","duration":3122}

package/.turbo/cache/61e218aba69cff58-meta.json

@@ -1 +1 @@
-{"hash":"61e218aba69cff58","duration":2087}
+{"hash":"61e218aba69cff58","duration":2329}

package/.turbo/cache/77da375a012de9d0-meta.json

@@ -1 +1 @@
-{"hash":"77da375a012de9d0","duration":1795}
+{"hash":"77da375a012de9d0","duration":1595}

package/.turbo/cache/7964d1656e9e702a-meta.json

@@ -0,0 +1 @@
+{"hash":"7964d1656e9e702a","duration":1867}

package/.turbo/cache/7bf2b06a479d0b30-meta.json

@@ -1 +1 @@
-{"hash":"7bf2b06a479d0b30","duration":1630}
+{"hash":"7bf2b06a479d0b30","duration":1701}

package/.turbo/cache/7c9ca6163e61285c-meta.json

@@ -1 +1 @@
-{"hash":"7c9ca6163e61285c","duration":2089}
+{"hash":"7c9ca6163e61285c","duration":1988}

package/.turbo/cache/80aca269cd346fb4-meta.json

@@ -0,0 +1 @@
+{"hash":"80aca269cd346fb4","duration":9956}

package/.turbo/cache/8602fc2bb737a5cf-meta.json

@@ -0,0 +1 @@
+{"hash":"8602fc2bb737a5cf","duration":5956}

package/.turbo/cache/89e0e7a6148e854f-meta.json

@@ -0,0 +1 @@
+{"hash":"89e0e7a6148e854f","duration":21422}

package/.turbo/cache/8bb856bd31b5b479-meta.json

@@ -1 +1 @@
-{"hash":"8bb856bd31b5b479","duration":2579}
+{"hash":"8bb856bd31b5b479","duration":1757}

package/.turbo/cache/93c887fb93a10daa-meta.json

@@ -0,0 +1 @@
+{"hash":"93c887fb93a10daa","duration":3856}

package/.turbo/cache/94dae2a64e9d8356-meta.json

@@ -0,0 +1 @@
+{"hash":"94dae2a64e9d8356","duration":5612}

package/.turbo/cache/97f6fe83b54acf09-meta.json

@@ -0,0 +1 @@
+{"hash":"97f6fe83b54acf09","duration":3149}

package/.turbo/cache/98317b0d14d94df7-meta.json

@@ -0,0 +1 @@
+{"hash":"98317b0d14d94df7","duration":19216}

package/.turbo/cache/98fc8a56e3e13790-meta.json

@@ -0,0 +1 @@
+{"hash":"98fc8a56e3e13790","duration":10372}

package/.turbo/cache/9ae99e8e7bd83d06-meta.json

@@ -1 +1 @@
-{"hash":"9ae99e8e7bd83d06","duration":2036}
+{"hash":"9ae99e8e7bd83d06","duration":2174}

package/.turbo/cache/9cbcd13b1d031f63-meta.json

@@ -0,0 +1 @@
+{"hash":"9cbcd13b1d031f63","duration":20994}

package/.turbo/cache/afbbd49ed1a558b9-meta.json

@@ -0,0 +1 @@
+{"hash":"afbbd49ed1a558b9","duration":759}

package/.turbo/cache/b353ce8f6da43dea-meta.json

@@ -0,0 +1 @@
+{"hash":"b353ce8f6da43dea","duration":1145}

package/.turbo/cache/b5e6dc7fb9ae1a2f-meta.json

@@ -1 +1 @@
-{"hash":"b5e6dc7fb9ae1a2f","duration":3224}
+{"hash":"b5e6dc7fb9ae1a2f","duration":3148}

package/.turbo/cache/b6a202cc85cb61a0-meta.json

@@ -1 +1 @@
-{"hash":"b6a202cc85cb61a0","duration":1822}
+{"hash":"b6a202cc85cb61a0","duration":1650}

package/.turbo/cache/b8db059a9b9ccb5d-meta.json

@@ -0,0 +1 @@
+{"hash":"b8db059a9b9ccb5d","duration":1214}

package/.turbo/cache/bc24a38aa1b1a102-meta.json

@@ -0,0 +1 @@
+{"hash":"bc24a38aa1b1a102","duration":5720}

package/.turbo/cache/be0b95293ea517cc-meta.json

@@ -1 +1 @@
-{"hash":"be0b95293ea517cc","duration":2356}
+{"hash":"be0b95293ea517cc","duration":2487}

package/.turbo/cache/c3a4f7a3565d6706-meta.json

@@ -0,0 +1 @@
+{"hash":"c3a4f7a3565d6706","duration":906}

package/.turbo/cache/c44efc9e4ddd8a0e-meta.json

@@ -1 +1 @@
-{"hash":"c44efc9e4ddd8a0e","duration":2255}
+{"hash":"c44efc9e4ddd8a0e","duration":2168}

package/.turbo/cache/c6c6411199b68170-meta.json

@@ -1 +1 @@
-{"hash":"c6c6411199b68170","duration":2626}
+{"hash":"c6c6411199b68170","duration":2392}

package/.turbo/cache/c97b043e748e3580-meta.json

@@ -0,0 +1 @@
+{"hash":"c97b043e748e3580","duration":787}

package/.turbo/cache/d5db503b2eaf239c-meta.json

@@ -1 +1 @@
-{"hash":"d5db503b2eaf239c","duration":2177}
+{"hash":"d5db503b2eaf239c","duration":2158}

package/.turbo/cache/d775555355d6b8fc-meta.json

@@ -1 +1 @@
-{"hash":"d775555355d6b8fc","duration":1630}
+{"hash":"d775555355d6b8fc","duration":2083}

package/.turbo/cache/d7c3007be148d2a1-meta.json

@@ -1 +1 @@
-{"hash":"d7c3007be148d2a1","duration":3887}
+{"hash":"d7c3007be148d2a1","duration":3365}

package/.turbo/cache/dad3d78b33edd9e4-meta.json

@@ -1 +1 @@
-{"hash":"dad3d78b33edd9e4","duration":2505}
+{"hash":"dad3d78b33edd9e4","duration":1920}

package/.turbo/cache/dc597b3ea4f61ec8-meta.json

@@ -0,0 +1 @@
+{"hash":"dc597b3ea4f61ec8","duration":2274}

package/.turbo/cache/df40b180126e5351-meta.json

@@ -0,0 +1 @@
+{"hash":"df40b180126e5351","duration":2203}

package/.turbo/cache/e5f217f77c32c93b-meta.json

@@ -0,0 +1 @@
+{"hash":"e5f217f77c32c93b","duration":22916}

package/.turbo/cache/e62cfee068e3ef36-meta.json

@@ -1 +1 @@
-{"hash":"e62cfee068e3ef36","duration":2881}
+{"hash":"e62cfee068e3ef36","duration":3211}

package/.turbo/cache/e9e36823f6c98f07-meta.json

@@ -1 +1 @@
-{"hash":"e9e36823f6c98f07","duration":2149}
+{"hash":"e9e36823f6c98f07","duration":1462}

package/.turbo/cache/ee1a3c1fe389da51-meta.json

@@ -0,0 +1 @@
+{"hash":"ee1a3c1fe389da51","duration":5366}

package/.turbo/cache/f3c7b40f2c6a4094-meta.json

@@ -0,0 +1 @@
+{"hash":"f3c7b40f2c6a4094","duration":19949}

package/.turbo/cache/f5958c3acb889631-meta.json

@@ -0,0 +1 @@
+{"hash":"f5958c3acb889631","duration":4864}

package/.turbo/cache/fb3809ac3f90e3b2-meta.json

@@ -0,0 +1 @@
+{"hash":"fb3809ac3f90e3b2","duration":2439}

package/.turbo/cache/fd5ddfa43ebd8e5c-meta.json

@@ -0,0 +1 @@
+{"hash":"fd5ddfa43ebd8e5c","duration":3582}

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Semantic Release Automated Changelog
 
+# [2.0.0-beta.12](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.11...v2.0.0-beta.12) (2025-01-17)
+
+
+### Features
+
+* add combobox autocomplete=off functionality [#109](https://github.com/AlaskaAirlines/auro-formkit/issues/109) ([8cab9dd](https://github.com/AlaskaAirlines/auro-formkit/commit/8cab9ddf73c6afb0f5de99ab9f6c592d64f6ca8b))
+
+
+### Performance Improvements
+
+* force focus into html5 input for combobox [#143](https://github.com/AlaskaAirlines/auro-formkit/issues/143) ([89c2323](https://github.com/AlaskaAirlines/auro-formkit/commit/89c2323530b79f5c9c55527cce5f6be19288ef1a))
+
+# [2.0.0-beta.11](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.10...v2.0.0-beta.11) (2025-01-17)
+
+
+### Bug Fixes
+
+* add multiselect attribute to select ([e37d424](https://github.com/AlaskaAirlines/auro-formkit/commit/e37d42453c721841a1589316c7fdef9689351002))
+* combobox returns array ([aca8bbe](https://github.com/AlaskaAirlines/auro-formkit/commit/aca8bbe17b6dffbfe005f4ee8135b1120fb280b7))
+* handle preset values in select ([c60d29a](https://github.com/AlaskaAirlines/auro-formkit/commit/c60d29a9ceeb0475f1723da5e35d329c1d893af8))
+* menu api updates ([c507594](https://github.com/AlaskaAirlines/auro-formkit/commit/c507594035b052680100f61467877c15cc885095))
+* programmatic updates & mutlisect ([ac4d49a](https://github.com/AlaskaAirlines/auro-formkit/commit/ac4d49a4aadf34d847ec012d33f64a9eba98a4df))
+* update combobox to work with new menu api ([e49d6fe](https://github.com/AlaskaAirlines/auro-formkit/commit/e49d6fe269125224b9dbbedd598af5b292031ff0))
+* update Select to work with updated Menu API ([63b0f12](https://github.com/AlaskaAirlines/auro-formkit/commit/63b0f12bfca623f268b6d6c951934a26396b9a79))
+
 # [2.0.0-beta.10](https://github.com/AlaskaAirlines/auro-formkit/compare/v2.0.0-beta.9...v2.0.0-beta.10) (2025-01-17)
 
 

package/components/checkbox/.turbo/turbo-build.log

@@ -106,13 +106,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 746ms
+created dist in 743ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 494ms
+created ./demo/ in 425ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 438ms
+created ./demo/ in 385ms
 
 > @aurodesignsystem/auro-checkbox@4.1.0 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component checkbox

package/components/checkbox/.turbo/turbo-bundler.log

@@ -4,10 +4,10 @@
 
 
 ./src/index.js → dist...
-created dist in 673ms
+created dist in 683ms
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 513ms
+created ./demo/ in 457ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 527ms
+created ./demo/ in 340ms

package/components/checkbox/README.md

@@ -96,7 +96,7 @@ In cases where the project is not able to process JS assets, there are pre-proce
 <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.12.1/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-checkbox@2.0.0-beta.9/dist/auro-checkbox__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-checkbox@2.0.0-beta.11/dist/auro-checkbox__bundled.js" type="module"></script>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## auro-checkbox use cases

package/components/combobox/.turbo/turbo-build.log

@@ -64,13 +64,13 @@ More info and automated migrator: https://sass-lang.com/d/import
 
 
 ./src/index.js → dist...
-created dist in 897ms
+created dist in 1.1s
 
 ./demo/index.js → ./demo/...
-created ./demo/ in 781ms
+created ./demo/ in 738ms
 
 ./demo/api.js → ./demo/...
-created ./demo/ in 527ms
+created ./demo/ in 638ms
 
 > @aurodesignsystem/auro-combobox@2.1.4 build:docs
 > wca analyze 'scripts/wca/*.js' --outFiles docs/api.md; node ../../packages/build-tools/src/docProcessor.mjs --component combobox

package/components/combobox/README.md

@@ -100,10 +100,10 @@ In cases where the project is not able to process JS assets, there are pre-proce
 <!-- The below content is automatically added from ../../docs/templates/componentBundleUseModBrowsers.md -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.12.1/dist/tokens/CSSCustomProperties.css" />
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.9/dist/auro-dropdown__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.9/dist/auro-input__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.9/dist/auro-menu__bundled.js" type="module"></script>
-<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-combobox@2.0.0-beta.9/dist/auro-combobox__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-dropdown@2.0.0-beta.11/dist/auro-dropdown__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-input@2.0.0-beta.11/dist/auro-input__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-menu@2.0.0-beta.11/dist/auro-menu__bundled.js" type="module"></script>
+<script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit/auro-combobox@2.0.0-beta.11/dist/auro-combobox__bundled.js" type="module"></script>
 <!-- AURO-GENERATED-CONTENT:END -->
 
 ## auro-combobox use cases

package/components/combobox/demo/api.md

@@ -7,20 +7,21 @@
 
 | Property                        | Attribute                       | Type      | Default     | Description                                      |
 |---------------------------------|---------------------------------|-----------|-------------|--------------------------------------------------|
-| [checkmark](#checkmark)                     | `checkmark`                     | `Boolean` |             | When attribute is present auro-menu will apply checkmarks to selected options. |
-| [disabled](#disabled)                      | `disabled`                      | `Boolean` |             | If set, disables the combobox.                   |
-| [error](#error)                         | `error`                         | `String`  |             | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
-| [noFilter](#noFilter)                      | `noFilter`                      | `Boolean` | false       | If set, combobox will not filter menuoptions based in input. |
-| [noValidate](#noValidate)                    | `noValidate`                    | `Boolean` |             | If set, disables auto-validation on blur.        |
-| [optionSelected](#optionSelected)                | `optionSelected`                | `Object`  | null        | Specifies the current selected option.           |
-| [required](#required)                      | `required`                      | `Boolean` |             | Populates the `required` attribute on the input. Used for client-side validation. |
-| [setCustomValidity](#setCustomValidity)             | `setCustomValidity`             | `String`  |             | Sets a custom help text message to display for all validityStates. |
-| [setCustomValidityCustomError](#setCustomValidityCustomError)  | `setCustomValidityCustomError`  | `String`  |             | Custom help text message to display when validity = `customError`. |
-| [setCustomValidityValueMissing](#setCustomValidityValueMissing) | `setCustomValidityValueMissing` | `String`  |             | Custom help text message to display when validity = `valueMissing`. |
-| [triggerIcon](#triggerIcon)                   | `triggerIcon`                   | `Boolean` |             | If set, the `icon` attribute will be applied to the trigger `auro-input` element. |
-| [type](#type)                          | `type`                          | `String`  |             | Applies the defined value as the type attribute on auro-input. |
-| [validity](#validity)                      | `validity`                      | `String`  | "undefined" | Specifies the `validityState` this element is in. |
-| [value](#value)                         | `value`                         | `String`  | null        | Value selected for the dropdown menu.            |
+| [autocomplete](#autocomplete)                  | `autocomplete`                  | `string`  |             | An enumerated attribute that defines what the user agent can suggest for autofill. At this time, only `autocomplete="off"` is supported. |
+| [checkmark](#checkmark)                     | `checkmark`                     | `boolean` |             | When attribute is present auro-menu will apply checkmarks to selected options. |
+| [disabled](#disabled)                      | `disabled`                      | `boolean` |             | If set, disables the combobox.                   |
+| [error](#error)                         | `error`                         | `string`  |             | When defined, sets persistent validity to `customError` and sets the validation message to the attribute value. |
+| [noFilter](#noFilter)                      | `noFilter`                      | `boolean` | false       | If set, combobox will not filter menuoptions based in input. |
+| [noValidate](#noValidate)                    | `noValidate`                    | `boolean` |             | If set, disables auto-validation on blur.        |
+| [optionSelected](#optionSelected)                | `optionSelected`                | `object`  | "undefined" | Specifies the current selected option.           |
+| [required](#required)                      | `required`                      | `boolean` |             | Populates the `required` attribute on the input. Used for client-side validation. |
+| [setCustomValidity](#setCustomValidity)             | `setCustomValidity`             | `string`  |             | Sets a custom help text message to display for all validityStates. |
+| [setCustomValidityCustomError](#setCustomValidityCustomError)  | `setCustomValidityCustomError`  | `string`  |             | Custom help text message to display when validity = `customError`. |
+| [setCustomValidityValueMissing](#setCustomValidityValueMissing) | `setCustomValidityValueMissing` | `string`  |             | Custom help text message to display when validity = `valueMissing`. |
+| [triggerIcon](#triggerIcon)                   | `triggerIcon`                   | `boolean` |             | If set, the `icon` attribute will be applied to the trigger `auro-input` element. |
+| [type](#type)                          | `type`                          | `string`  |             | Applies the defined value as the type attribute on auro-input. |
+| [validity](#validity)                      | `validity`                      | `string`  | "undefined" | Specifies the `validityState` this element is in. |
+| [value](#value)                         | `value`                         |           | "undefined" | Value selected for the dropdown menu.            |
 
 ## Methods
 
@@ -181,7 +182,7 @@ export function dynamicMenuExample() {
 
   inputEl.addEventListener('input', () => {
     let data = dynamicData.getData();
-    data = dynamicData.filterData(data, dynamicMenuExample.value);
+    data = dynamicData.filterData(data, inputEl.value);
 
     generateHtml(data);
   });
@@ -412,7 +413,7 @@ Use the `value` attribute to programmatically set the value of the combobox.
 <div class="exampleWrapper">
   <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/programmaticValue.html) -->
   <!-- The below content is automatically added from ./../apiExamples/programmaticValue.html -->
-  <auro-combobox value="Apples">
+  <auro-combobox>
     <span slot="label">Name</span>
     <auro-menu>
       <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -432,7 +433,7 @@ Use the `value` attribute to programmatically set the value of the combobox.
 <!-- The below code snippet is automatically added from ./../apiExamples/programmaticValue.html -->
 
 ```html
-<auro-combobox value="Apples">
+<auro-combobox>
   <span slot="label">Name</span>
   <auro-menu>
     <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -466,7 +467,7 @@ Note: using a value that does not match a menu option will reset the combobox va
   <auro-button id="valueInvalidExampleBtn">Set to custom value</auro-button>
   <auro-button id="valueUndefinedExampleBtn">Reset</auro-button>
   <br/><br/>
-  <auro-combobox id="valueExample" value="Apples">
+  <auro-combobox id="valueExample">
     <span slot="label">Name</span>
     <auro-menu>
       <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -490,7 +491,7 @@ Note: using a value that does not match a menu option will reset the combobox va
 <auro-button id="valueInvalidExampleBtn">Set to custom value</auro-button>
 <auro-button id="valueUndefinedExampleBtn">Reset</auro-button>
 <br/><br/>
-<auro-combobox id="valueExample" value="Apples">
+<auro-combobox id="valueExample">
   <span slot="label">Name</span>
   <auro-menu>
     <auro-menuoption value="Apples" id="option-0">Apples</auro-menuoption>
@@ -512,11 +513,11 @@ export function valueExample() {
   const valueExample = document.querySelector('#valueExample');
 
   document.querySelector('#valueValidExampleBtn').addEventListener('click', () => {
-    valueExample.value = 'Oranges';
+    valueExample.value = ['Oranges'];
   });
 
   document.querySelector('#valueInvalidExampleBtn').addEventListener('click', () => {
-    valueExample.value = 'Dragon Fruit';
+    valueExample.value = ['Dragon Fruit'];
   });
 
   document.querySelector('#valueUndefinedExampleBtn').addEventListener('click', () => {