@aurodesignsystem-dev/auro-formkit 0.0.0-pr1430.0 → 0.0.0-pr1430.1

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 (60) hide show
  1. package/components/checkbox/demo/api.min.js +3 -3
  2. package/components/checkbox/demo/index.min.js +3 -3
  3. package/components/checkbox/dist/index.js +3 -3
  4. package/components/checkbox/dist/registered.js +3 -3
  5. package/components/combobox/demo/api.html +1 -0
  6. package/components/combobox/demo/api.js +3 -1
  7. package/components/combobox/demo/api.md +75 -0
  8. package/components/combobox/demo/api.min.js +44 -96
  9. package/components/combobox/demo/index.min.js +31 -95
  10. package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
  11. package/components/combobox/dist/index.js +21 -95
  12. package/components/combobox/dist/registered.js +21 -95
  13. package/components/counter/demo/api.html +3 -0
  14. package/components/counter/demo/api.js +4 -0
  15. package/components/counter/demo/api.md +130 -0
  16. package/components/counter/demo/api.min.js +63 -104
  17. package/components/counter/demo/index.min.js +43 -104
  18. package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +3 -0
  19. package/components/counter/dist/index.js +43 -104
  20. package/components/counter/dist/registered.js +43 -104
  21. package/components/datepicker/demo/api.html +1 -0
  22. package/components/datepicker/demo/api.js +2 -0
  23. package/components/datepicker/demo/api.md +57 -0
  24. package/components/datepicker/demo/api.min.js +106 -95
  25. package/components/datepicker/demo/index.min.js +94 -95
  26. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +3 -1
  27. package/components/datepicker/dist/index.js +94 -95
  28. package/components/datepicker/dist/registered.js +94 -95
  29. package/components/dropdown/demo/api.html +1 -0
  30. package/components/dropdown/demo/api.js +2 -0
  31. package/components/dropdown/demo/api.md +95 -0
  32. package/components/dropdown/demo/api.min.js +25 -88
  33. package/components/dropdown/demo/index.min.js +5 -88
  34. package/components/dropdown/dist/index.js +5 -88
  35. package/components/dropdown/dist/registered.js +5 -88
  36. package/components/form/demo/api.min.js +230 -435
  37. package/components/form/demo/index.min.js +230 -435
  38. package/components/input/demo/api.min.js +1 -1
  39. package/components/input/demo/index.min.js +1 -1
  40. package/components/input/dist/index.js +1 -1
  41. package/components/input/dist/registered.js +1 -1
  42. package/components/menu/demo/api.md +1 -0
  43. package/components/menu/demo/api.min.js +10 -0
  44. package/components/menu/demo/index.min.js +10 -0
  45. package/components/menu/dist/auro-menuoption.d.ts +9 -0
  46. package/components/menu/dist/index.js +10 -0
  47. package/components/menu/dist/registered.js +10 -0
  48. package/components/radio/demo/api.min.js +2 -2
  49. package/components/radio/demo/index.min.js +2 -2
  50. package/components/radio/dist/index.js +2 -2
  51. package/components/radio/dist/registered.js +2 -2
  52. package/components/select/demo/api.html +1 -0
  53. package/components/select/demo/api.js +2 -0
  54. package/components/select/demo/api.md +76 -0
  55. package/components/select/demo/api.min.js +45 -101
  56. package/components/select/demo/index.min.js +32 -101
  57. package/components/select/dist/index.js +18 -97
  58. package/components/select/dist/registered.js +18 -97
  59. package/custom-elements.json +48 -3
  60. package/package.json +4 -3
@@ -531,7 +531,7 @@ const {
531
531
 
532
532
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
533
533
 
534
- let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
534
+ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
535
535
 
536
536
  /* eslint-disable jsdoc/require-param */
537
537
 
@@ -614,7 +614,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
614
614
  class AuroFormValidation {
615
615
 
616
616
  constructor() {
617
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
617
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
618
618
  }
619
619
 
620
620
  /**
@@ -1290,6 +1290,10 @@ const selectKeyboardStrategy = {
1290
1290
  if (!ctx.isExpanded) {
1291
1291
  return;
1292
1292
  }
1293
+
1294
+ // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups
1295
+ evt.stopPropagation();
1296
+
1293
1297
  component.dropdown.hide();
1294
1298
  },
1295
1299
 
@@ -1401,7 +1405,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
1401
1405
 
1402
1406
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
1403
1407
 
1404
- let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
1408
+ let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
1405
1409
 
1406
1410
  /* eslint-disable jsdoc/require-param */
1407
1411
 
@@ -4442,89 +4446,6 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
4442
4446
 
4443
4447
  var iconVersion$1 = '9.1.2';
4444
4448
 
4445
- // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
4446
- // See LICENSE in the project root for license information.
4447
-
4448
- // ---------------------------------------------------------------------
4449
-
4450
- /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
4451
-
4452
- let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
4453
-
4454
- /* eslint-disable jsdoc/require-param */
4455
-
4456
- /**
4457
- * This will register a new custom element with the browser.
4458
- * @param {String} name - The name of the custom element.
4459
- * @param {Object} componentClass - The class to register as a custom element.
4460
- * @returns {void}
4461
- */
4462
- registerComponent(name, componentClass) {
4463
- if (!customElements.get(name)) {
4464
- customElements.define(name, class extends componentClass {});
4465
- }
4466
- }
4467
-
4468
- /**
4469
- * Finds and returns the closest HTML Element based on a selector.
4470
- * @returns {void}
4471
- */
4472
- closestElement(
4473
- selector, // selector like in .closest()
4474
- base = this, // extra functionality to skip a parent
4475
- __Closest = (el, found = el && el.closest(selector)) =>
4476
- !el || el === document || el === window
4477
- ? null // standard .closest() returns null for non-found selectors also
4478
- : found
4479
- ? found // found a selector INside this element
4480
- : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
4481
- ) {
4482
- return __Closest(base);
4483
- }
4484
- /* eslint-enable jsdoc/require-param */
4485
-
4486
- /**
4487
- * If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
4488
- * @param {Object} elem - The element to check.
4489
- * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
4490
- * @returns {void}
4491
- */
4492
- handleComponentTagRename(elem, tagName) {
4493
- const tag = tagName.toLowerCase();
4494
- const elemTag = elem.tagName.toLowerCase();
4495
-
4496
- if (elemTag !== tag) {
4497
- elem.setAttribute(tag, true);
4498
- }
4499
- }
4500
-
4501
- /**
4502
- * Validates if an element is a specific Auro component.
4503
- * @param {Object} elem - The element to validate.
4504
- * @param {String} tagName - The name of the Auro component to check against.
4505
- * @returns {Boolean} - Returns true if the element is the specified Auro component.
4506
- */
4507
- elementMatch(elem, tagName) {
4508
- const tag = tagName.toLowerCase();
4509
- const elemTag = elem.tagName.toLowerCase();
4510
-
4511
- return elemTag === tag || elem.hasAttribute(tag);
4512
- }
4513
-
4514
- /**
4515
- * Gets the text content of a named slot.
4516
- * @returns {String}
4517
- * @private
4518
- */
4519
- getSlotText(elem, name) {
4520
- const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
4521
- const nodes = slot?.assignedNodes({ flatten: true }) || [];
4522
- const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
4523
-
4524
- return text || null;
4525
- }
4526
- };
4527
-
4528
4449
  /**
4529
4450
  * Computes display state once per keydown event.
4530
4451
  * Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
@@ -4992,7 +4913,7 @@ var tokensCss$2 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
4992
4913
 
4993
4914
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
4994
4915
 
4995
- let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
4916
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
4996
4917
 
4997
4918
  /* eslint-disable jsdoc/require-param */
4998
4919
 
@@ -5085,7 +5006,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5085
5006
  this.onDark = false;
5086
5007
  this.hasTextContent = false;
5087
5008
 
5088
- AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
5009
+ AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
5089
5010
  }
5090
5011
 
5091
5012
  static get styles() {
@@ -5151,7 +5072,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5151
5072
  *
5152
5073
  */
5153
5074
  static register(name = "auro-helptext") {
5154
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
5075
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
5155
5076
  }
5156
5077
 
5157
5078
  updated() {
@@ -5207,7 +5128,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5207
5128
  }
5208
5129
  };
5209
5130
 
5210
- var formkitVersion$1 = '202604082129';
5131
+ var formkitVersion$1 = '202604091756';
5211
5132
 
5212
5133
  class AuroElement extends LitElement {
5213
5134
  static get properties() {
@@ -5313,7 +5234,7 @@ class AuroElement extends LitElement {
5313
5234
  }
5314
5235
  }
5315
5236
 
5316
- // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
5237
+ // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
5317
5238
  // See LICENSE in the project root for license information.
5318
5239
 
5319
5240
 
@@ -5418,7 +5339,7 @@ class AuroDropdown extends AuroElement {
5418
5339
  /**
5419
5340
  * @private
5420
5341
  */
5421
- this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
5342
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
5422
5343
 
5423
5344
  /**
5424
5345
  * @private
@@ -5836,7 +5757,7 @@ class AuroDropdown extends AuroElement {
5836
5757
  *
5837
5758
  */
5838
5759
  static register(name = "auro-dropdown") {
5839
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroDropdown);
5760
+ AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
5840
5761
  }
5841
5762
 
5842
5763
  /**
@@ -6960,13 +6881,13 @@ class AuroHelpText extends LitElement {
6960
6881
  }
6961
6882
  }
6962
6883
 
6963
- var formkitVersion = '202604082129';
6884
+ var formkitVersion = '202604091756';
6964
6885
 
6965
6886
  var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
6966
6887
 
6967
6888
  var emphasizedColorCss = css`:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}`;
6968
6889
 
6969
- // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6890
+ // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
6970
6891
  // See LICENSE in the project root for license information.
6971
6892
 
6972
6893
 
@@ -7029,7 +6950,7 @@ class AuroSelect extends AuroElement$1 {
7029
6950
  /**
7030
6951
  * @private
7031
6952
  */
7032
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
6953
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
7033
6954
 
7034
6955
  /**
7035
6956
  * Generate unique names for dependency components.
@@ -7585,7 +7506,7 @@ class AuroSelect extends AuroElement$1 {
7585
7506
  *
7586
7507
  */
7587
7508
  static register(name = "auro-select") {
7588
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroSelect);
7509
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroSelect);
7589
7510
  }
7590
7511
 
7591
7512
  /**
@@ -531,7 +531,7 @@ const {
531
531
 
532
532
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
533
533
 
534
- let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
534
+ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
535
535
 
536
536
  /* eslint-disable jsdoc/require-param */
537
537
 
@@ -614,7 +614,7 @@ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
614
614
  class AuroFormValidation {
615
615
 
616
616
  constructor() {
617
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
617
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
618
618
  }
619
619
 
620
620
  /**
@@ -1290,6 +1290,10 @@ const selectKeyboardStrategy = {
1290
1290
  if (!ctx.isExpanded) {
1291
1291
  return;
1292
1292
  }
1293
+
1294
+ // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups
1295
+ evt.stopPropagation();
1296
+
1293
1297
  component.dropdown.hide();
1294
1298
  },
1295
1299
 
@@ -1401,7 +1405,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
1401
1405
 
1402
1406
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
1403
1407
 
1404
- let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
1408
+ let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
1405
1409
 
1406
1410
  /* eslint-disable jsdoc/require-param */
1407
1411
 
@@ -4442,89 +4446,6 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
4442
4446
 
4443
4447
  var iconVersion$1 = '9.1.2';
4444
4448
 
4445
- // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
4446
- // See LICENSE in the project root for license information.
4447
-
4448
- // ---------------------------------------------------------------------
4449
-
4450
- /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
4451
-
4452
- let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
4453
-
4454
- /* eslint-disable jsdoc/require-param */
4455
-
4456
- /**
4457
- * This will register a new custom element with the browser.
4458
- * @param {String} name - The name of the custom element.
4459
- * @param {Object} componentClass - The class to register as a custom element.
4460
- * @returns {void}
4461
- */
4462
- registerComponent(name, componentClass) {
4463
- if (!customElements.get(name)) {
4464
- customElements.define(name, class extends componentClass {});
4465
- }
4466
- }
4467
-
4468
- /**
4469
- * Finds and returns the closest HTML Element based on a selector.
4470
- * @returns {void}
4471
- */
4472
- closestElement(
4473
- selector, // selector like in .closest()
4474
- base = this, // extra functionality to skip a parent
4475
- __Closest = (el, found = el && el.closest(selector)) =>
4476
- !el || el === document || el === window
4477
- ? null // standard .closest() returns null for non-found selectors also
4478
- : found
4479
- ? found // found a selector INside this element
4480
- : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
4481
- ) {
4482
- return __Closest(base);
4483
- }
4484
- /* eslint-enable jsdoc/require-param */
4485
-
4486
- /**
4487
- * If the element passed is registered with a different tag name than what is passed in, the tag name is added as an attribute to the element.
4488
- * @param {Object} elem - The element to check.
4489
- * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
4490
- * @returns {void}
4491
- */
4492
- handleComponentTagRename(elem, tagName) {
4493
- const tag = tagName.toLowerCase();
4494
- const elemTag = elem.tagName.toLowerCase();
4495
-
4496
- if (elemTag !== tag) {
4497
- elem.setAttribute(tag, true);
4498
- }
4499
- }
4500
-
4501
- /**
4502
- * Validates if an element is a specific Auro component.
4503
- * @param {Object} elem - The element to validate.
4504
- * @param {String} tagName - The name of the Auro component to check against.
4505
- * @returns {Boolean} - Returns true if the element is the specified Auro component.
4506
- */
4507
- elementMatch(elem, tagName) {
4508
- const tag = tagName.toLowerCase();
4509
- const elemTag = elem.tagName.toLowerCase();
4510
-
4511
- return elemTag === tag || elem.hasAttribute(tag);
4512
- }
4513
-
4514
- /**
4515
- * Gets the text content of a named slot.
4516
- * @returns {String}
4517
- * @private
4518
- */
4519
- getSlotText(elem, name) {
4520
- const slot = elem.shadowRoot?.querySelector(`slot[name="${name}"]`);
4521
- const nodes = slot?.assignedNodes({ flatten: true }) || [];
4522
- const text = nodes.map(n => n.textContent?.trim()).join(' ').trim();
4523
-
4524
- return text || null;
4525
- }
4526
- };
4527
-
4528
4449
  /**
4529
4450
  * Computes display state once per keydown event.
4530
4451
  * Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
@@ -4992,7 +4913,7 @@ var tokensCss$2 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
4992
4913
 
4993
4914
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
4994
4915
 
4995
- let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
4916
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
4996
4917
 
4997
4918
  /* eslint-disable jsdoc/require-param */
4998
4919
 
@@ -5085,7 +5006,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5085
5006
  this.onDark = false;
5086
5007
  this.hasTextContent = false;
5087
5008
 
5088
- AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
5009
+ AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
5089
5010
  }
5090
5011
 
5091
5012
  static get styles() {
@@ -5151,7 +5072,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5151
5072
  *
5152
5073
  */
5153
5074
  static register(name = "auro-helptext") {
5154
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
5075
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
5155
5076
  }
5156
5077
 
5157
5078
  updated() {
@@ -5207,7 +5128,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5207
5128
  }
5208
5129
  };
5209
5130
 
5210
- var formkitVersion$1 = '202604082129';
5131
+ var formkitVersion$1 = '202604091756';
5211
5132
 
5212
5133
  class AuroElement extends LitElement {
5213
5134
  static get properties() {
@@ -5313,7 +5234,7 @@ class AuroElement extends LitElement {
5313
5234
  }
5314
5235
  }
5315
5236
 
5316
- // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
5237
+ // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
5317
5238
  // See LICENSE in the project root for license information.
5318
5239
 
5319
5240
 
@@ -5418,7 +5339,7 @@ class AuroDropdown extends AuroElement {
5418
5339
  /**
5419
5340
  * @private
5420
5341
  */
5421
- this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
5342
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
5422
5343
 
5423
5344
  /**
5424
5345
  * @private
@@ -5836,7 +5757,7 @@ class AuroDropdown extends AuroElement {
5836
5757
  *
5837
5758
  */
5838
5759
  static register(name = "auro-dropdown") {
5839
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroDropdown);
5760
+ AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
5840
5761
  }
5841
5762
 
5842
5763
  /**
@@ -6960,13 +6881,13 @@ class AuroHelpText extends LitElement {
6960
6881
  }
6961
6882
  }
6962
6883
 
6963
- var formkitVersion = '202604082129';
6884
+ var formkitVersion = '202604091756';
6964
6885
 
6965
6886
  var styleCss = css`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
6966
6887
 
6967
6888
  var emphasizedColorCss = css`:host([layout=emphasized]) [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown]:hover{--ds-auro-dropdown-trigger-hover-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}:host([layout=emphasized]) [auro-dropdown][layout*=emphasized]::part(wrapper){--ds-auro-dropdown-trigger-background-color: var(--ds-advanced-color-dropdown-emphasized-background, rgba(0, 39, 74, 0.1019607843))}`;
6968
6889
 
6969
- // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6890
+ // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
6970
6891
  // See LICENSE in the project root for license information.
6971
6892
 
6972
6893
 
@@ -7029,7 +6950,7 @@ class AuroSelect extends AuroElement$1 {
7029
6950
  /**
7030
6951
  * @private
7031
6952
  */
7032
- this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
6953
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
7033
6954
 
7034
6955
  /**
7035
6956
  * Generate unique names for dependency components.
@@ -7585,7 +7506,7 @@ class AuroSelect extends AuroElement$1 {
7585
7506
  *
7586
7507
  */
7587
7508
  static register(name = "auro-select") {
7588
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroSelect);
7509
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroSelect);
7589
7510
  }
7590
7511
 
7591
7512
  /**
@@ -1592,7 +1592,7 @@
1592
1592
  "type": {
1593
1593
  "text": "object"
1594
1594
  },
1595
- "default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component, _evt, ctx) { if (ctx.isExpanded && ctx.isModal) { component.setTriggerInputFocus(); } }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
1595
+ "default": "{ ArrowDown(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowDown normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateLastEnabledAvailableOption(); } else { navigateArrow(component, 'down'); } } else { component.showBib(); } } }, ArrowUp(component, evt, ctx) { // If the clear button has focus, let the browser handle ArrowUp normally. if (isClearBtnFocused(ctx)) { return; } // option display and navigation are prevented if there are no available options if (component.availableOptions.length > 0) { evt.preventDefault(); // navigate if bib is open otherwise open it if (component.dropdown.isPopoverVisible) { if (evt.altKey || evt.metaKey) { component.activateFirstEnabledAvailableOption(); } else { navigateArrow(component, 'up'); } } else { component.showBib(); } } }, End(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateLastEnabledAvailableOption(); } }, Enter(component, evt, ctx) { if (isClearBtnFocused(ctx)) { // If the clear button has focus, let the browser activate it normally. // stopPropagation prevents parent containers (e.g., forms) from treating // Enter as a submit, but we must NOT call preventDefault — that would // block the browser's built-in \"Enter activates focused button\" behavior. evt.stopPropagation(); } else if (ctx.isExpanded && component.menu.optionActive) { component.menu.makeSelection(); if (ctx.isModal) { component.setTriggerInputFocus(); } evt.preventDefault(); evt.stopPropagation(); } else { // Prevent the keypress from bubbling to parent containers (e.g., forms) // which could interpret Enter as a submit or trigger other unintended behavior. // This is safe because showBib() opens the dialog programmatically, // not via event propagation. evt.preventDefault(); evt.stopPropagation(); component.showBib(); } }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); if (ctx.isModal) { component.setTriggerInputFocus(); } component.hideBib(); }, Home(component, evt, ctx) { if (ctx.isExpanded) { evt.preventDefault(); evt.stopPropagation(); component.activateFirstEnabledAvailableOption(); } }, Tab(component, evt, ctx) { if (ctx.isExpanded && !isClearBtnFocused(ctx)) { // When the clear button is focused, Tab events do not bubble out of // its shadow DOM, so this handler only fires when the clear button // is NOT focused. In that case, select the active option and close. component.menu.makeSelection(); component.hideBib(); // In fullscreen modal mode, closing the dialog does not // automatically restores focus to the input. In the tab case, // Explicitly move focus to the trigger's clear button so the // user can continues tabbing through the page normally. if (ctx.isModal && !evt.shiftKey) { component.setClearBtnFocus(); } } }, }"
1596
1596
  }
1597
1597
  ],
1598
1598
  "exports": [
@@ -4056,6 +4056,30 @@
4056
4056
  }
4057
4057
  ]
4058
4058
  },
4059
+ {
4060
+ "kind": "javascript-module",
4061
+ "path": "components/counter/src/counterGroupKeyboardStrategy.js",
4062
+ "declarations": [
4063
+ {
4064
+ "kind": "variable",
4065
+ "name": "counterGroupKeyboardStrategy",
4066
+ "type": {
4067
+ "text": "object"
4068
+ },
4069
+ "default": "{ Escape(component, evt) { if (!component.dropdown || !component.dropdown.isPopoverVisible) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups. // Because stopPropagation prevents the document-level floatingUI keydown handler from // seeing this event, we must also close the dropdown explicitly. evt.stopPropagation(); component.dropdown.hide(); }, }"
4070
+ }
4071
+ ],
4072
+ "exports": [
4073
+ {
4074
+ "kind": "js",
4075
+ "name": "counterGroupKeyboardStrategy",
4076
+ "declaration": {
4077
+ "name": "counterGroupKeyboardStrategy",
4078
+ "module": "components/counter/src/counterGroupKeyboardStrategy.js"
4079
+ }
4080
+ }
4081
+ ]
4082
+ },
4059
4083
  {
4060
4084
  "kind": "javascript-module",
4061
4085
  "path": "components/counter/src/iconVersion.js",
@@ -7123,7 +7147,7 @@
7123
7147
  "type": {
7124
7148
  "text": "object"
7125
7149
  },
7126
- "default": "{}"
7150
+ "default": "{ Escape(component, evt) { if (!component.dropdown || !component.dropdown.isPopoverVisible) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups. // Because stopPropagation prevents the document-level floatingUI keydown handler from // seeing this event, we must also close the dropdown explicitly. evt.stopPropagation(); component.dropdown.hide(); }, }"
7127
7151
  }
7128
7152
  ],
7129
7153
  "exports": [
@@ -16036,6 +16060,18 @@
16036
16060
  "attribute": "disabled",
16037
16061
  "reflects": true
16038
16062
  },
16063
+ {
16064
+ "kind": "field",
16065
+ "name": "noMatch",
16066
+ "privacy": "public",
16067
+ "type": {
16068
+ "text": "boolean"
16069
+ },
16070
+ "description": "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.",
16071
+ "default": "false",
16072
+ "attribute": "nomatch",
16073
+ "reflects": true
16074
+ },
16039
16075
  {
16040
16076
  "kind": "field",
16041
16077
  "name": "runtimeUtils",
@@ -16259,6 +16295,15 @@
16259
16295
  "default": "false",
16260
16296
  "fieldName": "noCheckmark"
16261
16297
  },
16298
+ {
16299
+ "name": "nomatch",
16300
+ "type": {
16301
+ "text": "boolean"
16302
+ },
16303
+ "description": "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.",
16304
+ "default": "false",
16305
+ "fieldName": "noMatch"
16306
+ },
16262
16307
  {
16263
16308
  "name": "selected",
16264
16309
  "type": {
@@ -18788,7 +18833,7 @@
18788
18833
  "type": {
18789
18834
  "text": "object"
18790
18835
  },
18791
- "default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); return; } navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); return; } navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { component.updateActiveOptionBasedOnKey(evt.key); if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (ctx.isExpanded) { component.dropdown.hide(); return; } component.dropdown.show(); } }, }"
18836
+ "default": "{ ArrowDown(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to last enabled option selectKeyboardStrategy.End(component, evt, ctx); return; } navigateArrow(component, 'down', { ctx, showFn: () => component.dropdown.show(), }); }, ArrowUp(component, evt, ctx) { evt.preventDefault(); if (evt.altKey || evt.metaKey) { // navigate to first enabled option selectKeyboardStrategy.Home(component, evt, ctx); return; } navigateArrow(component, 'up', { ctx, showFn: () => component.dropdown.show(), }); }, Escape(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Prevent the Escape key from bubbling up and closing any parent dialogs / drawers / popups evt.stopPropagation(); component.dropdown.hide(); }, End(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const lastOption = [...component.menu.menuService.menuOptions].reverse().find((option) => !option.disabled); if (lastOption) { component.menu.updateActiveOption(lastOption); } }, Enter(component, evt, ctx) { evt.preventDefault(); evt.stopPropagation(); if (!ctx.isExpanded) { component.dropdown.show(); return; } component.menu.makeSelection(); }, Home(component, evt, ctx) { if (!ctx.isExpanded) { return; } evt.preventDefault(); evt.stopPropagation(); const firstOption = component.menu.menuService.menuOptions.find((option) => !option.disabled); if (firstOption) { component.menu.updateActiveOption(firstOption); } }, Tab(component, evt, ctx) { if (!ctx.isExpanded) { return; } // Tab selects the focused option and closes the popup per the // WAI-ARIA APG select-only combobox / listbox pattern. if (component.optionActive) { component.menu.makeSelection(); } component.dropdown.hide(); }, default(component, evt, ctx) { component.updateActiveOptionBasedOnKey(evt.key); if (evt.key === ' ') { evt.preventDefault(); evt.stopPropagation(); if (ctx.isExpanded) { component.dropdown.hide(); return; } component.dropdown.show(); } }, }"
18792
18837
  }
18793
18838
  ],
18794
18839
  "exports": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr1430.0",
3
+ "version": "0.0.0-pr1430.1",
4
4
  "description": "A collection of web components used to build forms.",
5
5
  "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
6
6
  "bugs": {
@@ -80,10 +80,11 @@
80
80
  "@rollup/rollup-linux-x64-gnu": "*"
81
81
  },
82
82
  "devDependencies": {
83
- "@aurodesignsystem-dev/auro-library": "^0.0.0-pr250.0",
84
83
  "@aurodesignsystem/auro-accordion": "^6.1.2",
85
84
  "@aurodesignsystem/auro-button": "^12.3.2",
86
- "@aurodesignsystem/auro-library": "5.12.1",
85
+ "@aurodesignsystem/auro-dialog": "^4.1.1",
86
+ "@aurodesignsystem/auro-drawer": "^5.1.2",
87
+ "@aurodesignsystem/auro-library": "^5.12.2",
87
88
  "@aurodesignsystem/auro-loader": "^6.2.0",
88
89
  "@aurodesignsystem/build-tools": "*",
89
90
  "@aurodesignsystem/config": "*",