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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) 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 +0 -1
  6. package/components/combobox/demo/api.js +1 -3
  7. package/components/combobox/demo/api.md +0 -75
  8. package/components/combobox/demo/api.min.js +122 -32
  9. package/components/combobox/demo/index.min.js +121 -19
  10. package/components/combobox/dist/comboboxKeyboardStrategy.d.ts +1 -1
  11. package/components/combobox/dist/index.js +121 -19
  12. package/components/combobox/dist/registered.js +121 -19
  13. package/components/counter/demo/api.html +0 -3
  14. package/components/counter/demo/api.js +0 -4
  15. package/components/counter/demo/api.md +0 -130
  16. package/components/counter/demo/api.min.js +132 -63
  17. package/components/counter/demo/index.min.js +132 -43
  18. package/components/counter/dist/index.js +132 -43
  19. package/components/counter/dist/registered.js +132 -43
  20. package/components/datepicker/demo/api.html +0 -1
  21. package/components/datepicker/demo/api.js +0 -2
  22. package/components/datepicker/demo/api.md +0 -57
  23. package/components/datepicker/demo/api.min.js +123 -106
  24. package/components/datepicker/demo/index.min.js +123 -94
  25. package/components/datepicker/dist/datepickerKeyboardStrategy.d.ts +1 -3
  26. package/components/datepicker/dist/index.js +123 -94
  27. package/components/datepicker/dist/registered.js +123 -94
  28. package/components/dropdown/demo/api.html +0 -1
  29. package/components/dropdown/demo/api.js +0 -2
  30. package/components/dropdown/demo/api.md +0 -95
  31. package/components/dropdown/demo/api.min.js +116 -25
  32. package/components/dropdown/demo/index.min.js +116 -5
  33. package/components/dropdown/dist/index.js +116 -5
  34. package/components/dropdown/dist/registered.js +116 -5
  35. package/components/form/demo/api.min.js +545 -218
  36. package/components/form/demo/index.min.js +545 -218
  37. package/components/input/demo/api.min.js +1 -1
  38. package/components/input/demo/index.min.js +1 -1
  39. package/components/input/dist/index.js +1 -1
  40. package/components/input/dist/registered.js +1 -1
  41. package/components/radio/demo/api.min.js +2 -2
  42. package/components/radio/demo/index.min.js +2 -2
  43. package/components/radio/dist/index.js +2 -2
  44. package/components/radio/dist/registered.js +2 -2
  45. package/components/select/demo/api.html +0 -1
  46. package/components/select/demo/api.js +0 -2
  47. package/components/select/demo/api.md +0 -76
  48. package/components/select/demo/api.min.js +129 -35
  49. package/components/select/demo/index.min.js +129 -22
  50. package/components/select/dist/index.js +125 -18
  51. package/components/select/dist/registered.js +125 -18
  52. package/custom-elements.json +3 -27
  53. package/package.json +2 -3
  54. package/components/counter/dist/counterGroupKeyboardStrategy.d.ts +0 -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$3 = class AuroLibraryRuntimeUtils {
534
+ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
535
535
 
536
536
  /* eslint-disable jsdoc/require-param */
537
537
 
@@ -614,7 +614,7 @@ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
614
614
  class AuroFormValidation {
615
615
 
616
616
  constructor() {
617
- this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
617
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
618
618
  }
619
619
 
620
620
  /**
@@ -1290,10 +1290,6 @@ 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
-
1297
1293
  component.dropdown.hide();
1298
1294
  },
1299
1295
 
@@ -1405,7 +1401,7 @@ let AuroDependencyVersioning$2 = class AuroDependencyVersioning {
1405
1401
 
1406
1402
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
1407
1403
 
1408
- let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
1404
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
1409
1405
 
1410
1406
  /* eslint-disable jsdoc/require-param */
1411
1407
 
@@ -3194,6 +3190,7 @@ class AuroFloatingUI {
3194
3190
  this.focusHandler = null;
3195
3191
  this.clickHandler = null;
3196
3192
  this.keyDownHandler = null;
3193
+ this.touchHandler = null;
3197
3194
 
3198
3195
  /**
3199
3196
  * @private
@@ -3611,6 +3608,28 @@ class AuroFloatingUI {
3611
3608
  setTimeout(() => {
3612
3609
  window.addEventListener("click", this.clickHandler);
3613
3610
  }, 0);
3611
+
3612
+ // iOS Safari does not fire `click` on non-interactive elements, so
3613
+ // tapping an inert backdrop never reaches the click handler above.
3614
+ // Mirror the same outside-tap logic with a passive touchstart listener.
3615
+ this.touchHandler = (evt) => {
3616
+ const element = this.element;
3617
+ if (!element?.bib) {
3618
+ return;
3619
+ }
3620
+
3621
+ // fullscreen (modal) dialog handles its own dismissal
3622
+ if (element.bib.hasAttribute("isfullscreen")) {
3623
+ return;
3624
+ }
3625
+
3626
+ const path = evt.composedPath();
3627
+ if (!path.includes(element.trigger) && !path.includes(element.bib)) {
3628
+ this.hideBib("click");
3629
+ }
3630
+ };
3631
+
3632
+ window.addEventListener("touchstart", this.touchHandler, { passive: true });
3614
3633
  }
3615
3634
 
3616
3635
  cleanupHideHandlers() {
@@ -3626,6 +3645,11 @@ class AuroFloatingUI {
3626
3645
  this.clickHandler = null;
3627
3646
  }
3628
3647
 
3648
+ if (this.touchHandler) {
3649
+ window.removeEventListener("touchstart", this.touchHandler);
3650
+ this.touchHandler = null;
3651
+ }
3652
+
3629
3653
  if (this.keyDownHandler) {
3630
3654
  document.removeEventListener("keydown", this.keyDownHandler);
3631
3655
  this.keyDownHandler = null;
@@ -4418,6 +4442,89 @@ let p$2 = class p{registerComponent(t,a){customElements.get(t)||customElements.d
4418
4442
 
4419
4443
  var iconVersion$1 = '9.1.2';
4420
4444
 
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
+
4421
4528
  /**
4422
4529
  * Computes display state once per keydown event.
4423
4530
  * Centralizes null-safety checks and makes the shared/modal/popover branching explicit.
@@ -4885,7 +4992,7 @@ var tokensCss$2 = css`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
4885
4992
 
4886
4993
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
4887
4994
 
4888
- let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
4995
+ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
4889
4996
 
4890
4997
  /* eslint-disable jsdoc/require-param */
4891
4998
 
@@ -4978,7 +5085,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
4978
5085
  this.onDark = false;
4979
5086
  this.hasTextContent = false;
4980
5087
 
4981
- AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-helptext');
5088
+ AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-helptext');
4982
5089
  }
4983
5090
 
4984
5091
  static get styles() {
@@ -5044,7 +5151,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5044
5151
  *
5045
5152
  */
5046
5153
  static register(name = "auro-helptext") {
5047
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHelpText);
5154
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroHelpText);
5048
5155
  }
5049
5156
 
5050
5157
  updated() {
@@ -5100,7 +5207,7 @@ let AuroHelpText$1 = class AuroHelpText extends LitElement {
5100
5207
  }
5101
5208
  };
5102
5209
 
5103
- var formkitVersion$1 = '202604081945';
5210
+ var formkitVersion$1 = '202604082129';
5104
5211
 
5105
5212
  class AuroElement extends LitElement {
5106
5213
  static get properties() {
@@ -5206,7 +5313,7 @@ class AuroElement extends LitElement {
5206
5313
  }
5207
5314
  }
5208
5315
 
5209
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
5316
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
5210
5317
  // See LICENSE in the project root for license information.
5211
5318
 
5212
5319
 
@@ -5311,7 +5418,7 @@ class AuroDropdown extends AuroElement {
5311
5418
  /**
5312
5419
  * @private
5313
5420
  */
5314
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
5421
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
5315
5422
 
5316
5423
  /**
5317
5424
  * @private
@@ -5729,7 +5836,7 @@ class AuroDropdown extends AuroElement {
5729
5836
  *
5730
5837
  */
5731
5838
  static register(name = "auro-dropdown") {
5732
- AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroDropdown);
5839
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroDropdown);
5733
5840
  }
5734
5841
 
5735
5842
  /**
@@ -6853,13 +6960,13 @@ class AuroHelpText extends LitElement {
6853
6960
  }
6854
6961
  }
6855
6962
 
6856
- var formkitVersion = '202604081945';
6963
+ var formkitVersion = '202604082129';
6857
6964
 
6858
6965
  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}`;
6859
6966
 
6860
6967
  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))}`;
6861
6968
 
6862
- // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
6969
+ // Copyright (c) 2026 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
6863
6970
  // See LICENSE in the project root for license information.
6864
6971
 
6865
6972
 
@@ -6922,7 +7029,7 @@ class AuroSelect extends AuroElement$1 {
6922
7029
  /**
6923
7030
  * @private
6924
7031
  */
6925
- this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
7032
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
6926
7033
 
6927
7034
  /**
6928
7035
  * Generate unique names for dependency components.
@@ -7478,7 +7585,7 @@ class AuroSelect extends AuroElement$1 {
7478
7585
  *
7479
7586
  */
7480
7587
  static register(name = "auro-select") {
7481
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroSelect);
7588
+ AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroSelect);
7482
7589
  }
7483
7590
 
7484
7591
  /**
@@ -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) { 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(); } } }, }"
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(); } } }, }"
1596
1596
  }
1597
1597
  ],
1598
1598
  "exports": [
@@ -4056,30 +4056,6 @@
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
- },
4083
4059
  {
4084
4060
  "kind": "javascript-module",
4085
4061
  "path": "components/counter/src/iconVersion.js",
@@ -7147,7 +7123,7 @@
7147
7123
  "type": {
7148
7124
  "text": "object"
7149
7125
  },
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(); }, }"
7126
+ "default": "{}"
7151
7127
  }
7152
7128
  ],
7153
7129
  "exports": [
@@ -18812,7 +18788,7 @@
18812
18788
  "type": {
18813
18789
  "text": "object"
18814
18790
  },
18815
- "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(); } }, }"
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(); } }, }"
18816
18792
  }
18817
18793
  ],
18818
18794
  "exports": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem-dev/auro-formkit",
3
- "version": "0.0.0-pr1429.1",
3
+ "version": "0.0.0-pr1430.0",
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,9 @@
80
80
  "@rollup/rollup-linux-x64-gnu": "*"
81
81
  },
82
82
  "devDependencies": {
83
+ "@aurodesignsystem-dev/auro-library": "^0.0.0-pr250.0",
83
84
  "@aurodesignsystem/auro-accordion": "^6.1.2",
84
85
  "@aurodesignsystem/auro-button": "^12.3.2",
85
- "@aurodesignsystem/auro-dialog": "^4.1.1",
86
- "@aurodesignsystem/auro-drawer": "^5.1.2",
87
86
  "@aurodesignsystem/auro-library": "5.12.1",
88
87
  "@aurodesignsystem/auro-loader": "^6.2.0",
89
88
  "@aurodesignsystem/build-tools": "*",
@@ -1,3 +0,0 @@
1
- export namespace counterGroupKeyboardStrategy {
2
- function Escape(component: any, evt: any): void;
3
- }