@aurodesignsystem-dev/auro-formkit 0.0.0-pr1424.2 → 0.0.0-pr1424.4

package/components/input/demo/api.min.js

@@ -6759,7 +6759,7 @@ class AuroHelpText extends i$3 {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 /**
  * @license

package/components/input/demo/index.min.js

@@ -6684,7 +6684,7 @@ class AuroHelpText extends i$3 {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 /**
  * @license

package/components/input/dist/index.js

@@ -6626,7 +6626,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/input/dist/registered.js

@@ -6626,7 +6626,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/menu/demo/api.md

@@ -67,6 +67,7 @@ The `auro-menuoption` element provides users a way to define a menu option.
 | [iconTag](#iconTag)     |            |           | `string`  |         |                                                  |
 | [isActive](#isActive)    |            | readonly  | `boolean` |         | Returns whether the menu option is currently active and selectable.<br />An option is considered active if it is not hidden, not disabled, and not static. |
 | [key](#key)         | `key`      |           | `string`  |         | Allows users to set a unique key for the menu option for specified option selection. If no key is provided, the value property will be used. |
+| [noMatch](#noMatch)     | `nomatch`  |           | `boolean` | false   | When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match. |
 | [selected](#selected)    | `selected` |           | `boolean` | false   | Specifies that an option is selected.            |
 | [tabIndex](#tabIndex)    | `tabIndex` |           | `number`  |         | Specifies the tab index of the menu option.      |
 | [unsubscribe](#unsubscribe) |            |           |           | null    |                                                  |

package/components/menu/demo/api.min.js

@@ -527,6 +527,7 @@ class AuroMenuOption extends AuroElement {
     this.selected = false;
     this.noCheckmark = false;
     this.disabled = false;
+    this.noMatch = false;
 
     /**
      * @private
@@ -602,6 +603,15 @@ class AuroMenuOption extends AuroElement {
         reflect: true
       },
 
+      /**
+       * When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.
+       */
+      noMatch: {
+        type: Boolean,
+        reflect: true,
+        attribute: 'nomatch'
+      },
+
       /**
        * Specifies that an option is selected.
        */

package/components/menu/demo/index.min.js

@@ -435,6 +435,7 @@ class AuroMenuOption extends AuroElement {
     this.selected = false;
     this.noCheckmark = false;
     this.disabled = false;
+    this.noMatch = false;
 
     /**
      * @private
@@ -510,6 +511,15 @@ class AuroMenuOption extends AuroElement {
         reflect: true
       },
 
+      /**
+       * When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.
+       */
+      noMatch: {
+        type: Boolean,
+        reflect: true,
+        attribute: 'nomatch'
+      },
+
       /**
        * Specifies that an option is selected.
        */

package/components/menu/dist/auro-menuoption.d.ts

@@ -65,6 +65,14 @@ export class AuroMenuOption extends AuroElement {
             type: BooleanConstructor;
             reflect: boolean;
         };
+        /**
+         * When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.
+         */
+        noMatch: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
         /**
          * Specifies that an option is selected.
          */
@@ -106,6 +114,7 @@ export class AuroMenuOption extends AuroElement {
     selected: boolean;
     noCheckmark: boolean;
     disabled: boolean;
+    noMatch: boolean;
     /**
      * @private
      */

package/components/menu/dist/index.js

@@ -409,6 +409,7 @@ class AuroMenuOption extends AuroElement {
     this.selected = false;
     this.noCheckmark = false;
     this.disabled = false;
+    this.noMatch = false;
 
     /**
      * @private
@@ -484,6 +485,15 @@ class AuroMenuOption extends AuroElement {
         reflect: true
       },
 
+      /**
+       * When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.
+       */
+      noMatch: {
+        type: Boolean,
+        reflect: true,
+        attribute: 'nomatch'
+      },
+
       /**
        * Specifies that an option is selected.
        */

package/components/menu/dist/registered.js

@@ -356,6 +356,7 @@ class AuroMenuOption extends AuroElement {
     this.selected = false;
     this.noCheckmark = false;
     this.disabled = false;
+    this.noMatch = false;
 
     /**
      * @private
@@ -431,6 +432,15 @@ class AuroMenuOption extends AuroElement {
         reflect: true
       },
 
+      /**
+       * When true, marks this option as the "no matching results" placeholder shown by combobox when the user's input does not match any available options. Enables distinct styling and prevents the option from being treated as a selectable match.
+       */
+      noMatch: {
+        type: Boolean,
+        reflect: true,
+        attribute: 'nomatch'
+      },
+
       /**
        * Specifies that an option is selected.
        */

package/components/radio/demo/api.min.js

@@ -160,7 +160,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
 };
 
 /* eslint-disable max-lines, no-underscore-dangle */
-// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
+// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
 
@@ -1645,7 +1645,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/radio/demo/index.min.js

@@ -135,7 +135,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
 };
 
 /* eslint-disable max-lines, no-underscore-dangle */
-// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
+// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
 
@@ -1620,7 +1620,7 @@ class AuroHelpText extends i$2 {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/radio/dist/index.js

@@ -95,7 +95,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
 };
 
 /* eslint-disable max-lines, no-underscore-dangle */
-// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
+// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
 
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/radio/dist/registered.js

@@ -95,7 +95,7 @@ let AuroLibraryRuntimeUtils$1 = class AuroLibraryRuntimeUtils {
 };
 
 /* eslint-disable max-lines, no-underscore-dangle */
-// Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
+// Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.
 
 
@@ -1573,7 +1573,7 @@ class AuroHelpText extends LitElement {
   }
 }
 
-var formkitVersion = '202604072212';
+var formkitVersion = '202604091759';
 
 // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
 // See LICENSE in the project root for license information.

package/components/select/demo/api.html

@@ -57,6 +57,7 @@
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/+esm" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-button@latest/+esm" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-dialog@latest/+esm" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-drawer@latest/+esm" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-loader@latest/+esm" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-icon@latest/+esm" type="module"></script>
     <script type="module" src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-formkit@3.2.4/auro-input/+esm"></script>

package/components/select/demo/api.js

@@ -3,6 +3,7 @@ import { valueExample } from "../apiExamples/value";
 import { valueExtractionExample } from "../apiExamples/value-extraction";
 import { valueAlertExample } from "../apiExamples/value-alert";
 import { inDialogExample } from '../apiExamples/in-dialog';
+import { inDrawerExample } from '../apiExamples/in-drawer';
 import { resetStateExample } from "../apiExamples/reset-state";
 import { updateActiveOptionExample } from "../apiExamples/update-active-option.js";
 // import { auroMenuLoadingExample } from "../apiExamples/loading";
@@ -23,6 +24,7 @@ export function initExamples(initCount) {
     valueExtractionExample();
     valueAlertExample();
     inDialogExample();
+    inDrawerExample();
     resetStateExample();
     updateActiveOptionExample();
     // auroMenuLoadingExample();

package/components/select/demo/api.md

@@ -2284,6 +2284,82 @@ export function inDialogExample() {
 <!-- AURO-GENERATED-CONTENT:END -->
 </auro-accordion>
 
+### Select in Drawer
+
+The component can be in a drawer.
+
+<div class="exampleWrapper">
+  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/in-drawer.html) -->
+  <!-- The below content is automatically added from ./../apiExamples/in-drawer.html -->
+  <div>
+    <auro-button id="select-drawer-opener">Select in drawer</auro-button>
+    <auro-drawer id="select-drawer">
+      <span slot="header">Select in drawer</span>
+      <div slot="content">
+        <auro-select id="valueExample" value="price">
+          <span slot="bib.fullscreen.headline">Bib Headline</span>
+          <span slot="label">Name</span>
+          <auro-menu>
+            <auro-menuoption id="option-0" value="stops">Stops</auro-menuoption>
+            <auro-menuoption id="option-1" value="price">Price</auro-menuoption>
+            <auro-menuoption id="option-2" value="duration">Duration</auro-menuoption>
+            <auro-menuoption id="option-3" value="departure">Departure</auro-menuoption>
+            <auro-menuoption id="option-4" value="arrival">Arrival</auro-menuoption>
+            <auro-menuoption id="option-5" value="prefer alaska">Prefer Alaska</auro-menuoption>
+          </auro-menu>
+        </auro-select>
+      </div>
+    </auro-drawer>
+  </div>
+  <!-- AURO-GENERATED-CONTENT:END -->
+</div>
+<auro-accordion alignRight>
+  <span slot="trigger">See code</span>
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/in-drawer.html) -->
+<!-- The below code snippet is automatically added from ./../apiExamples/in-drawer.html -->
+
+```html
+<div>
+  <auro-button id="select-drawer-opener">Select in drawer</auro-button>
+  <auro-drawer id="select-drawer">
+    <span slot="header">Select in drawer</span>
+    <div slot="content">
+      <auro-select id="valueExample" value="price">
+        <span slot="bib.fullscreen.headline">Bib Headline</span>
+        <span slot="label">Name</span>
+        <auro-menu>
+          <auro-menuoption id="option-0" value="stops">Stops</auro-menuoption>
+          <auro-menuoption id="option-1" value="price">Price</auro-menuoption>
+          <auro-menuoption id="option-2" value="duration">Duration</auro-menuoption>
+          <auro-menuoption id="option-3" value="departure">Departure</auro-menuoption>
+          <auro-menuoption id="option-4" value="arrival">Arrival</auro-menuoption>
+          <auro-menuoption id="option-5" value="prefer alaska">Prefer Alaska</auro-menuoption>
+        </auro-menu>
+      </auro-select>
+    </div>
+  </auro-drawer>
+</div>
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+<!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/in-drawer.js) -->
+<!-- The below code snippet is automatically added from ./../apiExamples/in-drawer.js -->
+
+```js
+export function inDrawerExample() {
+  document.querySelector("#select-drawer-opener").addEventListener("click", () => {
+    const drawer = document.querySelector("#select-drawer");
+
+    if (drawer.hasAttribute('open')) {
+      drawer.removeAttribute('open');
+    } else {
+      drawer.setAttribute('open', true);
+    }
+  });
+};
+```
+<!-- AURO-GENERATED-CONTENT:END -->
+</auro-accordion>
+
 ### Watch for Value Changes
 
 The following example listens for the `auroMenu-selectedOption` event. Once triggered, element.value or element.optionSelected may be queried for the new value or complete option object.