@aurodesignsystem-dev/auro-formkit 0.0.0-pr788.0 → 0.0.0-pr792.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 (54) hide show
  1. package/components/bibtemplate/dist/headerVersion.d.ts +1 -1
  2. package/components/bibtemplate/dist/iconVersion.d.ts +1 -1
  3. package/components/bibtemplate/dist/index.js +99 -64
  4. package/components/bibtemplate/dist/registered.js +99 -64
  5. package/components/combobox/README.md +0 -2
  6. package/components/combobox/demo/api.md +0 -6
  7. package/components/combobox/demo/api.min.js +120 -98
  8. package/components/combobox/demo/index.md +0 -12
  9. package/components/combobox/demo/index.min.js +120 -98
  10. package/components/combobox/demo/readme.md +0 -2
  11. package/components/combobox/dist/auro-combobox.d.ts +0 -2
  12. package/components/combobox/dist/index.js +115 -93
  13. package/components/combobox/dist/registered.js +115 -93
  14. package/components/counter/demo/api.md +0 -9
  15. package/components/counter/demo/api.min.js +119 -86
  16. package/components/counter/demo/index.md +0 -6
  17. package/components/counter/demo/index.min.js +119 -86
  18. package/components/counter/dist/auro-counter-group.d.ts +0 -1
  19. package/components/counter/dist/iconVersion.d.ts +1 -1
  20. package/components/counter/dist/index.js +119 -86
  21. package/components/counter/dist/registered.js +119 -86
  22. package/components/datepicker/README.md +0 -1
  23. package/components/datepicker/demo/api.md +0 -11
  24. package/components/datepicker/demo/api.min.js +100 -77
  25. package/components/datepicker/demo/index.md +0 -12
  26. package/components/datepicker/demo/index.min.js +100 -77
  27. package/components/datepicker/demo/readme.md +0 -1
  28. package/components/datepicker/dist/auro-datepicker.d.ts +0 -1
  29. package/components/datepicker/dist/index.js +100 -77
  30. package/components/datepicker/dist/registered.js +100 -77
  31. package/components/input/README.md +0 -1
  32. package/components/input/demo/api.md +6 -14
  33. package/components/input/demo/api.min.js +2 -11
  34. package/components/input/demo/index.md +0 -7
  35. package/components/input/demo/index.min.js +2 -11
  36. package/components/input/demo/readme.md +0 -1
  37. package/components/input/dist/base-input.d.ts +0 -3
  38. package/components/input/dist/index.js +2 -11
  39. package/components/input/dist/registered.js +2 -11
  40. package/components/menu/demo/api.min.js +1 -1
  41. package/components/menu/demo/index.min.js +1 -1
  42. package/components/menu/dist/iconVersion.d.ts +1 -1
  43. package/components/menu/dist/index.js +1 -1
  44. package/components/menu/dist/registered.js +1 -1
  45. package/components/select/README.md +0 -1
  46. package/components/select/demo/api.md +0 -3
  47. package/components/select/demo/api.min.js +110 -79
  48. package/components/select/demo/index.md +0 -8
  49. package/components/select/demo/index.min.js +110 -79
  50. package/components/select/demo/readme.md +0 -1
  51. package/components/select/dist/auro-select.d.ts +0 -1
  52. package/components/select/dist/index.js +105 -74
  53. package/components/select/dist/registered.js +105 -74
  54. package/package.json +1 -1
@@ -10864,7 +10864,7 @@ var tokenCss = css`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
10864
10864
 
10865
10865
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
10866
10866
 
10867
- let AuroLibraryRuntimeUtils$2$2 = class AuroLibraryRuntimeUtils {
10867
+ let AuroLibraryRuntimeUtils$3$1 = class AuroLibraryRuntimeUtils {
10868
10868
 
10869
10869
  /* eslint-disable jsdoc/require-param */
10870
10870
 
@@ -11447,7 +11447,7 @@ var shapeSize$2 = css`.shape-rounded-xl{min-height:68px;max-height:68px;border-s
11447
11447
 
11448
11448
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
11449
11449
 
11450
- let AuroLibraryRuntimeUtils$1$3 = class AuroLibraryRuntimeUtils {
11450
+ let AuroLibraryRuntimeUtils$2$2 = class AuroLibraryRuntimeUtils {
11451
11451
 
11452
11452
  /* eslint-disable jsdoc/require-param */
11453
11453
 
@@ -11542,7 +11542,7 @@ let AuroLoader$2 = class AuroLoader extends LitElement {
11542
11542
  /**
11543
11543
  * @private
11544
11544
  */
11545
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1$3();
11545
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$2$2();
11546
11546
 
11547
11547
  this.orbit = false;
11548
11548
  this.ringworm = false;
@@ -11605,7 +11605,7 @@ let AuroLoader$2 = class AuroLoader extends LitElement {
11605
11605
  *
11606
11606
  */
11607
11607
  static register(name = "auro-loader") {
11608
- AuroLibraryRuntimeUtils$1$3.prototype.registerComponent(name, AuroLoader);
11608
+ AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroLoader);
11609
11609
  }
11610
11610
 
11611
11611
  firstUpdated() {
@@ -11885,7 +11885,7 @@ let AuroButton$2 = class AuroButton extends AuroElement$1$3 {
11885
11885
  *
11886
11886
  */
11887
11887
  static register(name = "auro-button") {
11888
- AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroButton);
11888
+ AuroLibraryRuntimeUtils$3$1.prototype.registerComponent(name, AuroButton);
11889
11889
  }
11890
11890
 
11891
11891
  /**
@@ -12222,7 +12222,7 @@ var colorCss$8 = css`:host{color:var(--ds-auro-icon-color)}:host([customColor]){
12222
12222
 
12223
12223
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
12224
12224
 
12225
- let AuroLibraryRuntimeUtils$7 = class AuroLibraryRuntimeUtils {
12225
+ let AuroLibraryRuntimeUtils$1$3 = class AuroLibraryRuntimeUtils {
12226
12226
 
12227
12227
  /* eslint-disable jsdoc/require-param */
12228
12228
 
@@ -12304,7 +12304,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
12304
12304
  */
12305
12305
  privateDefaults() {
12306
12306
  this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
12307
- this.runtimeUtils = new AuroLibraryRuntimeUtils$7();
12307
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$1$3();
12308
12308
  }
12309
12309
 
12310
12310
  // function to define props used within the scope of this component
@@ -12386,7 +12386,7 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
12386
12386
  *
12387
12387
  */
12388
12388
  static register(name = "auro-icon") {
12389
- AuroLibraryRuntimeUtils$7.prototype.registerComponent(name, AuroIcon);
12389
+ AuroLibraryRuntimeUtils$1$3.prototype.registerComponent(name, AuroIcon);
12390
12390
  }
12391
12391
 
12392
12392
  connectedCallback() {
@@ -12456,9 +12456,79 @@ let AuroIcon$3 = class AuroIcon extends BaseIcon$3 {
12456
12456
  }
12457
12457
  };
12458
12458
 
12459
- var iconVersion$3 = '8.1.0';
12459
+ var iconVersion$3 = '8.0.4';
12460
+
12461
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
12462
+ // See LICENSE in the project root for license information.
12463
+
12464
+ // ---------------------------------------------------------------------
12465
+
12466
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
12467
+
12468
+ let AuroLibraryRuntimeUtils$7 = class AuroLibraryRuntimeUtils {
12469
+
12470
+ /* eslint-disable jsdoc/require-param */
12471
+
12472
+ /**
12473
+ * This will register a new custom element with the browser.
12474
+ * @param {String} name - The name of the custom element.
12475
+ * @param {Object} componentClass - The class to register as a custom element.
12476
+ * @returns {void}
12477
+ */
12478
+ registerComponent(name, componentClass) {
12479
+ if (!customElements.get(name)) {
12480
+ customElements.define(name, class extends componentClass {});
12481
+ }
12482
+ }
12460
12483
 
12461
- var styleCss$9 = css`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5)}.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.63)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);line-height:var(--wcss-body-sm-line-height, 1.25)}.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, 1)}.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.88)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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-xl{font-family:var(--wcss-accent-xl-family, "Good OT", 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", 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-md{font-family:var(--wcss-accent-md-family, "Good OT", 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", 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-xs{font-family:var(--wcss-accent-xs-family, "Good OT", 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", 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)}:host([no-margin-block]) .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, 0.125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, 0.25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, 0.5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, 0.75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, 0.125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, 0.25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, 0.5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, 0.75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}`;
12484
+ /**
12485
+ * Finds and returns the closest HTML Element based on a selector.
12486
+ * @returns {void}
12487
+ */
12488
+ closestElement(
12489
+ selector, // selector like in .closest()
12490
+ base = this, // extra functionality to skip a parent
12491
+ __Closest = (el, found = el && el.closest(selector)) =>
12492
+ !el || el === document || el === window
12493
+ ? null // standard .closest() returns null for non-found selectors also
12494
+ : found
12495
+ ? found // found a selector INside this element
12496
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
12497
+ ) {
12498
+ return __Closest(base);
12499
+ }
12500
+ /* eslint-enable jsdoc/require-param */
12501
+
12502
+ /**
12503
+ * 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.
12504
+ * @param {Object} elem - The element to check.
12505
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
12506
+ * @returns {void}
12507
+ */
12508
+ handleComponentTagRename(elem, tagName) {
12509
+ const tag = tagName.toLowerCase();
12510
+ const elemTag = elem.tagName.toLowerCase();
12511
+
12512
+ if (elemTag !== tag) {
12513
+ elem.setAttribute(tag, true);
12514
+ }
12515
+ }
12516
+
12517
+ /**
12518
+ * Validates if an element is a specific Auro component.
12519
+ * @param {Object} elem - The element to validate.
12520
+ * @param {String} tagName - The name of the Auro component to check against.
12521
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
12522
+ */
12523
+ elementMatch(elem, tagName) {
12524
+ const tag = tagName.toLowerCase();
12525
+ const elemTag = elem.tagName.toLowerCase();
12526
+
12527
+ return elemTag === tag || elem.hasAttribute(tag);
12528
+ }
12529
+ };
12530
+
12531
+ var styleCss$9 = css`.heading{margin:1.75rem 0;letter-spacing:var(--ds-text-heading-default-spacing, -0.2px);font-weight:var(--ds-text-heading-default-weight, 500)}.heading--display{margin-top:0;font-size:var(--ds-text-heading-display-size-breakpoint-sm, 2.75rem);font-weight:var(--ds-text-heading-display-weight, 100);line-height:var(--ds-text-heading-display-height-breakpoint-sm, 3.375rem)}@media screen and (min-width: 768px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-md, 3rem);line-height:var(--ds-text-heading-display-height-breakpoint-md, 3.75rem)}}@media screen and (min-width: 1024px){.heading--display{font-size:var(--ds-text-heading-display-size-breakpoint-lg, 3.5rem);line-height:var(--ds-text-heading-display-height-breakpoint-lg, 4.25rem)}}.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-sm, 2rem);font-weight:var(--ds-text-heading-800-weight, 500);line-height:var(--ds-text-heading-800-height-breakpoint-sm, 2.375rem)}@media screen and (min-width: 768px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-md, 2.25rem);line-height:var(--ds-text-heading-800-height-breakpoint-md, 2.625rem)}}@media screen and (min-width: 1024px){.heading--800{font-size:var(--ds-text-heading-800-size-breakpoint-lg, 2.5rem);line-height:var(--ds-text-heading-800-height-breakpoint-lg, 3rem)}}.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-sm, 1.75rem);font-weight:var(--ds-text-heading-700-weight, 500);line-height:var(--ds-text-heading-700-height-breakpoint-sm, 2.125rem)}@media screen and (min-width: 768px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-md, 2rem);line-height:var(--ds-text-heading-700-height-breakpoint-md, 2.375rem)}}@media screen and (min-width: 1024px){.heading--700{font-size:var(--ds-text-heading-700-size-breakpoint-lg, 2.25rem);line-height:var(--ds-text-heading-700-height-breakpoint-lg, 2.75rem)}}.heading--600{margin:1rem 0;font-size:var(--ds-text-heading-600-size-breakpoint-sm, 1.625rem);font-weight:var(--ds-text-heading-600-weight, 300);line-height:var(--ds-text-heading-600-height-breakpoint-sm, 1.875rem)}@media screen and (min-width: 768px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-md, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-md, 2.125rem)}}@media screen and (min-width: 1024px){.heading--600{font-size:var(--ds-text-heading-600-size-breakpoint-lg, 1.75rem);line-height:var(--ds-text-heading-600-height-breakpoint-lg, 2.25rem)}}.heading--500{margin:1rem 0;font-size:var(--ds-text-heading-500-size-breakpoint-sm, 1.375rem);font-weight:var(--ds-text-heading-500-weight, 300);line-height:var(--ds-text-heading-500-height-breakpoint-sm, 1.625rem)}@media screen and (min-width: 768px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-md, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-md, 1.875rem)}}@media screen and (min-width: 1024px){.heading--500{font-size:var(--ds-text-heading-500-size-breakpoint-lg, 1.5rem);line-height:var(--ds-text-heading-500-height-breakpoint-lg, 2rem)}}.heading--400{margin:.75rem 0;font-size:var(--ds-text-heading-400-size, 1.25rem);font-weight:var(--ds-text-heading-400-weight, 300);line-height:var(--ds-text-heading-400-height, 1.625rem)}.heading--300{margin:.75rem 0;font-size:var(--ds-text-heading-300-size, 1.125rem);font-weight:var(--ds-text-heading-300-weight, 300);line-height:var(--ds-text-heading-300-height, 1.625rem)}:host([no-margin-block]) .heading{margin-block:0}.util_stackMarginnone--bottom{margin-bottom:0}.util_stackMargin25--bottom{margin-bottom:var(--ds-size-25, 0.125rem)}.util_stackMargin50--bottom{margin-bottom:var(--ds-size-50, 0.25rem)}.util_stackMargin100--bottom{margin-bottom:var(--ds-size-100, 0.5rem)}.util_stackMargin150--bottom{margin-bottom:var(--ds-size-150, 0.75rem)}.util_stackMargin200--bottom{margin-bottom:var(--ds-size-200, 1rem)}.util_stackMargin300--bottom{margin-bottom:var(--ds-size-300, 1.5rem)}.util_stackMargin400--bottom{margin-bottom:var(--ds-size-400, 2rem)}.util_stackMargin600--bottom{margin-bottom:var(--ds-size-600, 3rem)}.util_stackMargin800--bottom{margin-bottom:var(--ds-size-800, 4rem)}.util_stackMarginnone--top{margin-top:0}.util_stackMargin25--top{margin-top:var(--ds-size-25, 0.125rem)}.util_stackMargin50--top{margin-top:var(--ds-size-50, 0.25rem)}.util_stackMargin100--top{margin-top:var(--ds-size-100, 0.5rem)}.util_stackMargin150--top{margin-top:var(--ds-size-150, 0.75rem)}.util_stackMargin200--top{margin-top:var(--ds-size-200, 1rem)}.util_stackMargin300--top{margin-top:var(--ds-size-300, 1.5rem)}.util_stackMargin400--top{margin-top:var(--ds-size-400, 2rem)}.util_stackMargin600--top{margin-top:var(--ds-size-600, 3rem)}.util_stackMargin800--top{margin-top:var(--ds-size-800, 4rem)}`;
12462
12532
 
12463
12533
  // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12464
12534
  // See LICENSE in the project root for license information.
@@ -12468,12 +12538,13 @@ var styleCss$9 = css`.body-default{font-size:var(--wcss-body-default-font-size,
12468
12538
  * The auro-header component is a custom element to make using headers with the Auro Design System seamless and easy.
12469
12539
  *
12470
12540
  * @attr {Boolean} no-margin-block - if declared, margin-block will be set to `0`
12541
+ * @attr {String} level - Determines heading level for HTML element. Options are `1` - `6`
12542
+ * @attr {String} display - Determines presentation of header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
12471
12543
  * @attr {String} color - Allows user to pass in CSS custom property or direct hex value to change the color of the header
12472
- * @attr {String} display - Determines the visual appearance of the header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
12473
- * @attr {String} level - Determines the semantic heading level of the HTML element. Options are `1` - `6`
12474
12544
  * @attr {String} margin - Specify the margin(s) to be altered. Options are `top`, `bottom`, or `both`.
12475
12545
  * @attr {String} size - Specify size of margin adjustment, either `none`, `25`, `50`, `100`, `150`, `200`, `300`, `400`, `600` or `800`.
12476
12546
  */
12547
+
12477
12548
  /* eslint complexity: ["error", 21] */
12478
12549
 
12479
12550
  // build the component class
@@ -12486,7 +12557,7 @@ class AuroHeader extends LitElement {
12486
12557
  /**
12487
12558
  * @private
12488
12559
  */
12489
- this.runtimeUtils = new AuroLibraryRuntimeUtils$2$2();
12560
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$7();
12490
12561
  }
12491
12562
 
12492
12563
  // function to define props used within the scope of this component
@@ -12507,22 +12578,6 @@ class AuroHeader extends LitElement {
12507
12578
  return [styleCss$9];
12508
12579
  }
12509
12580
 
12510
- /**
12511
- * Mapping of display values to their corresponding CSS classes
12512
- * @private
12513
- */
12514
- static get displayClassMap() {
12515
- return {
12516
- 'display': 'heading-xl',
12517
- '800': 'heading-xl',
12518
- '700': 'heading-lg',
12519
- '600': 'heading-md',
12520
- '500': 'heading-sm',
12521
- '400': 'heading-xs',
12522
- '300': 'heading-2xs'
12523
- };
12524
- }
12525
-
12526
12581
  /**
12527
12582
  * This will register this element with the browser.
12528
12583
  * @param {string} [name="auro-header"] - The name of element that you want to register to.
@@ -12532,7 +12587,7 @@ class AuroHeader extends LitElement {
12532
12587
  *
12533
12588
  */
12534
12589
  static register(name = "auro-header") {
12535
- AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroHeader);
12590
+ AuroLibraryRuntimeUtils$7.prototype.registerComponent(name, AuroHeader);
12536
12591
  }
12537
12592
 
12538
12593
  firstUpdated() {
@@ -12599,42 +12654,23 @@ class AuroHeader extends LitElement {
12599
12654
  this.display = 'display';
12600
12655
  }
12601
12656
 
12602
- const headingLevel = level || '1';
12603
- const spacingClasses = this.spacingDecision(this.size);
12604
-
12605
- // Get the CSS class based on the display prop
12606
- const headingClass = AuroHeader.displayClassMap[this.display];
12607
-
12608
- const classObject = {
12609
- 'heading': true,
12610
- [`heading--${this.display}`]: true,
12611
- [headingClass]: true
12612
- };
12613
-
12614
- // Add spacing classes to the class object if they exist
12615
- if (spacingClasses) {
12616
- const spacingClassArray = spacingClasses.split(' ');
12617
- spacingClassArray.forEach(cls => {
12618
- if (cls.trim()) {
12619
- classObject[cls.trim()] = true;
12620
- }
12621
- });
12657
+ switch (level) {
12658
+ case '2': return html`<h2 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h2>`;
12659
+ case '3': return html`<h3 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h3>`;
12660
+ case '4': return html`<h4 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h4>`;
12661
+ case '5': return html`<h5 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h5>`;
12662
+ case '6': return html`<h6 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h6>`;
12663
+ default: return html`<h1 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></h1>`;
12622
12664
  }
12623
-
12624
- const headerClasses = classMap(classObject);
12625
-
12626
- // unsafeStatic dynamically creates tag names at runtime
12627
- const tag = unsafeStatic(`h${headingLevel}`);
12628
- return html$1`<${tag} class="${headerClasses}" style="color: ${ifDefined(this.color ? this.color : undefined)}"><slot></slot></${tag}>`;
12629
12665
  }
12630
-
12631
12666
  // function that renders the HTML and CSS into the scope of the component
12667
+
12632
12668
  render() {
12633
12669
  return this.template(this.level);
12634
12670
  }
12635
12671
  }
12636
12672
 
12637
- var headerVersion = '4.0.2';
12673
+ var headerVersion = '4.0.1';
12638
12674
 
12639
12675
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12640
12676
  // See LICENSE in the project root for license information.
@@ -12647,7 +12683,7 @@ class AuroBibtemplate extends LitElement {
12647
12683
 
12648
12684
  this.large = false;
12649
12685
 
12650
- AuroLibraryRuntimeUtils$2$2.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
12686
+ AuroLibraryRuntimeUtils$3$1.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
12651
12687
 
12652
12688
  const versioning = new AuroDependencyVersioning$2();
12653
12689
 
@@ -12699,7 +12735,7 @@ class AuroBibtemplate extends LitElement {
12699
12735
  *
12700
12736
  */
12701
12737
  static register(name = "auro-bibtemplate") {
12702
- AuroLibraryRuntimeUtils$2$2.prototype.registerComponent(name, AuroBibtemplate);
12738
+ AuroLibraryRuntimeUtils$3$1.prototype.registerComponent(name, AuroBibtemplate);
12703
12739
  }
12704
12740
 
12705
12741
  /**
@@ -12757,9 +12793,8 @@ class AuroBibtemplate extends LitElement {
12757
12793
  <div id="bibTemplate" part="bibtemplate">
12758
12794
  ${this.isFullscreen ? html$1`
12759
12795
  <div id="headerContainer">
12760
- <${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
12761
- <span><slot name="ariaLabel.close">Close</slot></span>
12762
- <${this.iconTag} aria-hidden="true" category="interface" name="x-lg"></${this.iconTag}>
12796
+ <${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
12797
+ <${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
12763
12798
  </${this.buttonTag}>
12764
12799
  <${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
12765
12800
  <slot name="header"></slot>
@@ -14194,7 +14229,6 @@ class AuroCalendar extends RangeDatepicker {
14194
14229
  ?large="${this.largeFullscreenHeadline}"
14195
14230
  ?isFullscreen="${this.isFullscreen}"
14196
14231
  @close-click="${this.utilCal.requestDismiss}">
14197
- <span slot="ariaLabel.close">${this.slots["ariaLabel.close"]}</span>
14198
14232
 
14199
14233
  <span slot="header">${this.slots["bib.fullscreen.headline"]}</span>
14200
14234
 
@@ -23592,9 +23626,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
23592
23626
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
23593
23627
  * @attr id
23594
23628
  *
23595
- * @slot ariaLabel.clear - Sets aria-label on clear button for screenreader to read
23596
- * @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
23597
- * @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
23598
23629
  * @slot helpText - Sets the help text displayed below the input.
23599
23630
  * @slot label - Sets the label text for the input.
23600
23631
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
@@ -26660,13 +26691,12 @@ class AuroInput extends BaseInput {
26660
26691
  <${this.buttonTag}
26661
26692
  @click="${this.handleClickClear}"
26662
26693
  ?onDark="${this.onDark}"
26694
+ aria-label="${i18n$1(this.lang, 'clearInput')}"
26663
26695
  class="notificationBtn clearBtn"
26664
26696
  shape="circle"
26665
26697
  size="sm"
26666
26698
  variant="ghost">
26667
- <span><slot name="ariaLabel.clear">Clear Input</slot></span>
26668
26699
  <${this.iconTag}
26669
- aria-hidden="true"
26670
26700
  ?customColor="${this.onDark}"
26671
26701
  category="interface"
26672
26702
  name="x-lg"
@@ -26689,23 +26719,18 @@ class AuroInput extends BaseInput {
26689
26719
  @click="${this.handleClickShowPassword}"
26690
26720
  ?onDark="${this.onDark}"
26691
26721
  class="notificationBtn passwordBtn"
26722
+ aria-label="${this.showPassword ? i18n$1(this.lang, "hidePassword") : i18n$1(this.lang, "showPassword")}"
26692
26723
  shape="circle"
26693
26724
  size="sm"
26694
26725
  variant="ghost">
26695
- <span>
26696
- ${this.showPassword ? html$1`<slot name="ariaLabel.password.hide">Hide Password</slot>`
26697
- : html$1`<slot name="ariaLabel.password.show">Show Password</slot>`}
26698
- </span>
26699
26726
  <${this.iconTag}
26700
26727
  ?customColor="${this.onDark}"
26701
- aria-hidden="true"
26702
26728
  ?hidden=${!this.showPassword}
26703
26729
  category="interface"
26704
26730
  name="hide-password-stroke">
26705
26731
  </${this.iconTag}>
26706
26732
  <${this.iconTag}
26707
26733
  ?customColor="${this.onDark}"
26708
- aria-hidden="true"
26709
26734
  ?hidden=${this.showPassword}
26710
26735
  category="interface"
26711
26736
  name="view-password-stroke">
@@ -27731,7 +27756,6 @@ var iconVersion = '8.0.1';
27731
27756
  // See https://git.io/JJ6SJ for "How to document your components using JSDoc"
27732
27757
  /**
27733
27758
  * @slot helpText - Defines the content of the helpText.
27734
- * @slot ariaLabel.close - Sets aria-label on close button in fullscreen bib
27735
27759
  * @slot bib.fullscreen.headline - Defines the headline to display above bib.fullscreen.dateLabels in the mobile layout.
27736
27760
  * @slot bib.fullscreen.dateLabel - Defines the content to display above selected dates in the mobile layout.
27737
27761
  * @slot toLabel - Defines the label content for the second input when the `range` attribute is used.
@@ -29271,7 +29295,6 @@ class AuroDatePicker extends AuroElement$1 {
29271
29295
  .monthNames="${this.monthNames}"
29272
29296
  part="calendar"
29273
29297
  >
29274
- <slot name="ariaLabel.close" slot="ariaLabel.close" @slotchange="${this.handleSlotToSlot}">Close</slot>
29275
29298
  <slot slot="bib.fullscreen.headline" name="bib.fullscreen.headline" @slotchange="${this.handleSlotToSlot}"></slot>
29276
29299
  <slot slot="bib.fullscreen.dateLabel" name="bib.fullscreen.dateLabel" @slotchange="${this.handleSlotToSlot}"></slot>
29277
29300
  <span slot="bib.fullscreen.fromStr">${this.value || html$1`<span class="placeholderDate">${this.format.toUpperCase()}</span>`}</span>