@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
@@ -4954,9 +4954,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
4954
4954
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
4955
4955
  * @attr id
4956
4956
  *
4957
- * @slot ariaLabel.clear - Sets aria-label on clear button for screenreader to read
4958
- * @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
4959
- * @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
4960
4957
  * @slot helpText - Sets the help text displayed below the input.
4961
4958
  * @slot label - Sets the label text for the input.
4962
4959
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
@@ -8022,13 +8019,12 @@ class AuroInput extends BaseInput {
8022
8019
  <${this.buttonTag}
8023
8020
  @click="${this.handleClickClear}"
8024
8021
  ?onDark="${this.onDark}"
8022
+ aria-label="${i18n(this.lang, 'clearInput')}"
8025
8023
  class="notificationBtn clearBtn"
8026
8024
  shape="circle"
8027
8025
  size="sm"
8028
8026
  variant="ghost">
8029
- <span><slot name="ariaLabel.clear">Clear Input</slot></span>
8030
8027
  <${this.iconTag}
8031
- aria-hidden="true"
8032
8028
  ?customColor="${this.onDark}"
8033
8029
  category="interface"
8034
8030
  name="x-lg"
@@ -8051,23 +8047,18 @@ class AuroInput extends BaseInput {
8051
8047
  @click="${this.handleClickShowPassword}"
8052
8048
  ?onDark="${this.onDark}"
8053
8049
  class="notificationBtn passwordBtn"
8050
+ aria-label="${this.showPassword ? i18n(this.lang, "hidePassword") : i18n(this.lang, "showPassword")}"
8054
8051
  shape="circle"
8055
8052
  size="sm"
8056
8053
  variant="ghost">
8057
- <span>
8058
- ${this.showPassword ? html$1`<slot name="ariaLabel.password.hide">Hide Password</slot>`
8059
- : html$1`<slot name="ariaLabel.password.show">Show Password</slot>`}
8060
- </span>
8061
8054
  <${this.iconTag}
8062
8055
  ?customColor="${this.onDark}"
8063
- aria-hidden="true"
8064
8056
  ?hidden=${!this.showPassword}
8065
8057
  category="interface"
8066
8058
  name="hide-password-stroke">
8067
8059
  </${this.iconTag}>
8068
8060
  <${this.iconTag}
8069
8061
  ?customColor="${this.onDark}"
8070
- aria-hidden="true"
8071
8062
  ?hidden=${this.showPassword}
8072
8063
  category="interface"
8073
8064
  name="view-password-stroke">
@@ -4954,9 +4954,6 @@ let AuroElement$2 = class AuroElement extends LitElement {
4954
4954
  * @prop {string} id - The id global attribute defines an identifier (ID) which must be unique in the whole document.
4955
4955
  * @attr id
4956
4956
  *
4957
- * @slot ariaLabel.clear - Sets aria-label on clear button for screenreader to read
4958
- * @slot ariaLabel.password.show - Sets aria-label on password button to toggle on showing password
4959
- * @slot ariaLabel.password.hide - Sets aria-label on password button to toggle off showing password
4960
4957
  * @slot helpText - Sets the help text displayed below the input.
4961
4958
  * @slot label - Sets the label text for the input.
4962
4959
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
@@ -8022,13 +8019,12 @@ class AuroInput extends BaseInput {
8022
8019
  <${this.buttonTag}
8023
8020
  @click="${this.handleClickClear}"
8024
8021
  ?onDark="${this.onDark}"
8022
+ aria-label="${i18n(this.lang, 'clearInput')}"
8025
8023
  class="notificationBtn clearBtn"
8026
8024
  shape="circle"
8027
8025
  size="sm"
8028
8026
  variant="ghost">
8029
- <span><slot name="ariaLabel.clear">Clear Input</slot></span>
8030
8027
  <${this.iconTag}
8031
- aria-hidden="true"
8032
8028
  ?customColor="${this.onDark}"
8033
8029
  category="interface"
8034
8030
  name="x-lg"
@@ -8051,23 +8047,18 @@ class AuroInput extends BaseInput {
8051
8047
  @click="${this.handleClickShowPassword}"
8052
8048
  ?onDark="${this.onDark}"
8053
8049
  class="notificationBtn passwordBtn"
8050
+ aria-label="${this.showPassword ? i18n(this.lang, "hidePassword") : i18n(this.lang, "showPassword")}"
8054
8051
  shape="circle"
8055
8052
  size="sm"
8056
8053
  variant="ghost">
8057
- <span>
8058
- ${this.showPassword ? html$1`<slot name="ariaLabel.password.hide">Hide Password</slot>`
8059
- : html$1`<slot name="ariaLabel.password.show">Show Password</slot>`}
8060
- </span>
8061
8054
  <${this.iconTag}
8062
8055
  ?customColor="${this.onDark}"
8063
- aria-hidden="true"
8064
8056
  ?hidden=${!this.showPassword}
8065
8057
  category="interface"
8066
8058
  name="hide-password-stroke">
8067
8059
  </${this.iconTag}>
8068
8060
  <${this.iconTag}
8069
8061
  ?customColor="${this.onDark}"
8070
- aria-hidden="true"
8071
8062
  ?hidden=${this.showPassword}
8072
8063
  category="interface"
8073
8064
  name="view-password-stroke">
@@ -1536,7 +1536,7 @@ class AuroIcon extends BaseIcon {
1536
1536
  }
1537
1537
  }
1538
1538
 
1539
- var iconVersion = '8.1.0';
1539
+ var iconVersion = '8.0.4';
1540
1540
 
1541
1541
  var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
1542
1542
 
@@ -1496,7 +1496,7 @@ class AuroIcon extends BaseIcon {
1496
1496
  }
1497
1497
  }
1498
1498
 
1499
- var iconVersion = '8.1.0';
1499
+ var iconVersion = '8.0.4';
1500
1500
 
1501
1501
  var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
1502
1502
 
@@ -1,2 +1,2 @@
1
- declare const _default: "8.1.0";
1
+ declare const _default: "8.0.4";
2
2
  export default _default;
@@ -1490,7 +1490,7 @@ class AuroIcon extends BaseIcon {
1490
1490
  }
1491
1491
  }
1492
1492
 
1493
- var iconVersion = '8.1.0';
1493
+ var iconVersion = '8.0.4';
1494
1494
 
1495
1495
  var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
1496
1496
 
@@ -1449,7 +1449,7 @@ class AuroIcon extends BaseIcon {
1449
1449
  }
1450
1450
  }
1451
1451
 
1452
- var iconVersion = '8.1.0';
1452
+ var iconVersion = '8.0.4';
1453
1453
 
1454
1454
  var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
1455
1455
 
@@ -84,7 +84,6 @@ This configuration enables proper module resolution for the component's TypeScri
84
84
 
85
85
  ```html
86
86
  <auro-select>
87
- <span slot="ariaLabel.close">Close Popup</span>
88
87
  <span slot="bib.fullscreen.headline">Bib Headline</span>
89
88
  <span slot="label">Select Example</span>
90
89
  <auro-menu>
@@ -66,7 +66,6 @@ The auro-select element is a wrapper for auro-dropdown and auro-menu to create a
66
66
  | Name | Description |
67
67
  |---------------------------|--------------------------------------------------|
68
68
  | | Default slot for the menu content. |
69
- | `ariaLabel.close` | Sets aria-label on close button in fullscreen bib |
70
69
  | `bib.fullscreen.headline` | Defines the headline to display above menu-options |
71
70
  | [displayValue](#displayValue) | Allows custom HTML content to display the selected value when select is not focused. |
72
71
  | [helpText](#helpText) | Defines the content of the helpText. |
@@ -91,7 +90,6 @@ A baseline `auro-select` using `auro-menu` and `auro-menuoption` elements.
91
90
  <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
92
91
  <!-- The below content is automatically added from ./../apiExamples/basic.html -->
93
92
  <auro-select>
94
- <span slot="ariaLabel.close">Close Popup</span>
95
93
  <span slot="bib.fullscreen.headline">Bib Headline</span>
96
94
  <span slot="label">Select Example</span>
97
95
  <auro-menu>
@@ -129,7 +127,6 @@ A baseline `auro-select` using `auro-menu` and `auro-menuoption` elements.
129
127
 
130
128
  ```html
131
129
  <auro-select>
132
- <span slot="ariaLabel.close">Close Popup</span>
133
130
  <span slot="bib.fullscreen.headline">Bib Headline</span>
134
131
  <span slot="label">Select Example</span>
135
132
  <auro-menu>
@@ -651,7 +651,7 @@ const {
651
651
 
652
652
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
653
653
 
654
- let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
654
+ let AuroLibraryRuntimeUtils$6 = class AuroLibraryRuntimeUtils {
655
655
 
656
656
  /* eslint-disable jsdoc/require-param */
657
657
 
@@ -721,7 +721,7 @@ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
721
721
  class AuroFormValidation {
722
722
 
723
723
  constructor() {
724
- this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
724
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
725
725
  }
726
726
 
727
727
  /**
@@ -4305,7 +4305,7 @@ var tokensCss$4 = i$5`:host{--ds-auro-helptext-color: var(--ds-basic-color-texti
4305
4305
 
4306
4306
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
4307
4307
 
4308
- let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
4308
+ let AuroLibraryRuntimeUtils$5 = class AuroLibraryRuntimeUtils {
4309
4309
 
4310
4310
  /* eslint-disable jsdoc/require-param */
4311
4311
 
@@ -4386,7 +4386,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
4386
4386
  this.onDark = false;
4387
4387
  this.hasTextContent = false;
4388
4388
 
4389
- AuroLibraryRuntimeUtils$4.prototype.handleComponentTagRename(this, 'auro-helptext');
4389
+ AuroLibraryRuntimeUtils$5.prototype.handleComponentTagRename(this, 'auro-helptext');
4390
4390
  }
4391
4391
 
4392
4392
  static get styles() {
@@ -4442,7 +4442,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
4442
4442
  *
4443
4443
  */
4444
4444
  static register(name = "auro-helptext") {
4445
- AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroHelpText);
4445
+ AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroHelpText);
4446
4446
  }
4447
4447
 
4448
4448
  updated() {
@@ -5559,7 +5559,7 @@ var tokenCss = i$5`:host{--ds-auro-dropdownbib-header-boxshadow-color: var(--ds-
5559
5559
 
5560
5560
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
5561
5561
 
5562
- let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
5562
+ let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
5563
5563
 
5564
5564
  /* eslint-disable jsdoc/require-param */
5565
5565
 
@@ -6142,7 +6142,7 @@ var shapeSize = i$5`.shape-rounded-xl{min-height:68px;max-height:68px;border-sty
6142
6142
 
6143
6143
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
6144
6144
 
6145
- let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
6145
+ let AuroLibraryRuntimeUtils$2 = class AuroLibraryRuntimeUtils {
6146
6146
 
6147
6147
  /* eslint-disable jsdoc/require-param */
6148
6148
 
@@ -6237,7 +6237,7 @@ class AuroLoader extends i$2 {
6237
6237
  /**
6238
6238
  * @private
6239
6239
  */
6240
- this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
6240
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
6241
6241
 
6242
6242
  this.orbit = false;
6243
6243
  this.ringworm = false;
@@ -6300,7 +6300,7 @@ class AuroLoader extends i$2 {
6300
6300
  *
6301
6301
  */
6302
6302
  static register(name = "auro-loader") {
6303
- AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroLoader);
6303
+ AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroLoader);
6304
6304
  }
6305
6305
 
6306
6306
  firstUpdated() {
@@ -6580,7 +6580,7 @@ class AuroButton extends AuroElement$1 {
6580
6580
  *
6581
6581
  */
6582
6582
  static register(name = "auro-button") {
6583
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroButton);
6583
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroButton);
6584
6584
  }
6585
6585
 
6586
6586
  /**
@@ -6917,7 +6917,7 @@ var colorCss$4 = i$5`:host{color:var(--ds-auro-icon-color)}:host([customColor]){
6917
6917
 
6918
6918
  /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
6919
6919
 
6920
- let AuroLibraryRuntimeUtils$3 = class AuroLibraryRuntimeUtils {
6920
+ let AuroLibraryRuntimeUtils$1$1 = class AuroLibraryRuntimeUtils {
6921
6921
 
6922
6922
  /* eslint-disable jsdoc/require-param */
6923
6923
 
@@ -6999,7 +6999,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
6999
6999
  */
7000
7000
  privateDefaults() {
7001
7001
  this.uri = 'https://cdn.jsdelivr.net/npm/@alaskaairux/icons@latest/dist';
7002
- this.runtimeUtils = new AuroLibraryRuntimeUtils$3();
7002
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$1$1();
7003
7003
  }
7004
7004
 
7005
7005
  // function to define props used within the scope of this component
@@ -7081,7 +7081,7 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
7081
7081
  *
7082
7082
  */
7083
7083
  static register(name = "auro-icon") {
7084
- AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroIcon);
7084
+ AuroLibraryRuntimeUtils$1$1.prototype.registerComponent(name, AuroIcon);
7085
7085
  }
7086
7086
 
7087
7087
  connectedCallback() {
@@ -7151,9 +7151,79 @@ let AuroIcon$1 = class AuroIcon extends BaseIcon$1 {
7151
7151
  }
7152
7152
  };
7153
7153
 
7154
- var iconVersion$1 = '8.1.0';
7154
+ var iconVersion$1 = '8.0.4';
7155
+
7156
+ // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
7157
+ // See LICENSE in the project root for license information.
7158
+
7159
+ // ---------------------------------------------------------------------
7155
7160
 
7156
- var styleCss$5 = i$5`.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)}`;
7161
+ /* eslint-disable line-comment-position, no-inline-comments, no-confusing-arrow, no-nested-ternary, implicit-arrow-linebreak */
7162
+
7163
+ let AuroLibraryRuntimeUtils$4 = class AuroLibraryRuntimeUtils {
7164
+
7165
+ /* eslint-disable jsdoc/require-param */
7166
+
7167
+ /**
7168
+ * This will register a new custom element with the browser.
7169
+ * @param {String} name - The name of the custom element.
7170
+ * @param {Object} componentClass - The class to register as a custom element.
7171
+ * @returns {void}
7172
+ */
7173
+ registerComponent(name, componentClass) {
7174
+ if (!customElements.get(name)) {
7175
+ customElements.define(name, class extends componentClass {});
7176
+ }
7177
+ }
7178
+
7179
+ /**
7180
+ * Finds and returns the closest HTML Element based on a selector.
7181
+ * @returns {void}
7182
+ */
7183
+ closestElement(
7184
+ selector, // selector like in .closest()
7185
+ base = this, // extra functionality to skip a parent
7186
+ __Closest = (el, found = el && el.closest(selector)) =>
7187
+ !el || el === document || el === window
7188
+ ? null // standard .closest() returns null for non-found selectors also
7189
+ : found
7190
+ ? found // found a selector INside this element
7191
+ : __Closest(el.getRootNode().host) // recursion!! break out to parent DOM
7192
+ ) {
7193
+ return __Closest(base);
7194
+ }
7195
+ /* eslint-enable jsdoc/require-param */
7196
+
7197
+ /**
7198
+ * 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.
7199
+ * @param {Object} elem - The element to check.
7200
+ * @param {String} tagName - The name of the Auro component to check for or add as an attribute.
7201
+ * @returns {void}
7202
+ */
7203
+ handleComponentTagRename(elem, tagName) {
7204
+ const tag = tagName.toLowerCase();
7205
+ const elemTag = elem.tagName.toLowerCase();
7206
+
7207
+ if (elemTag !== tag) {
7208
+ elem.setAttribute(tag, true);
7209
+ }
7210
+ }
7211
+
7212
+ /**
7213
+ * Validates if an element is a specific Auro component.
7214
+ * @param {Object} elem - The element to validate.
7215
+ * @param {String} tagName - The name of the Auro component to check against.
7216
+ * @returns {Boolean} - Returns true if the element is the specified Auro component.
7217
+ */
7218
+ elementMatch(elem, tagName) {
7219
+ const tag = tagName.toLowerCase();
7220
+ const elemTag = elem.tagName.toLowerCase();
7221
+
7222
+ return elemTag === tag || elem.hasAttribute(tag);
7223
+ }
7224
+ };
7225
+
7226
+ var styleCss$5 = i$5`.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)}`;
7157
7227
 
7158
7228
  // Copyright (c) 2020 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
7159
7229
  // See LICENSE in the project root for license information.
@@ -7163,12 +7233,13 @@ var styleCss$5 = i$5`.body-default{font-size:var(--wcss-body-default-font-size,
7163
7233
  * The auro-header component is a custom element to make using headers with the Auro Design System seamless and easy.
7164
7234
  *
7165
7235
  * @attr {Boolean} no-margin-block - if declared, margin-block will be set to `0`
7236
+ * @attr {String} level - Determines heading level for HTML element. Options are `1` - `6`
7237
+ * @attr {String} display - Determines presentation of header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
7166
7238
  * @attr {String} color - Allows user to pass in CSS custom property or direct hex value to change the color of the header
7167
- * @attr {String} display - Determines the visual appearance of the header. Options are `display`, `800`, `700`, `600`, `500`, `400`, `300`.
7168
- * @attr {String} level - Determines the semantic heading level of the HTML element. Options are `1` - `6`
7169
7239
  * @attr {String} margin - Specify the margin(s) to be altered. Options are `top`, `bottom`, or `both`.
7170
7240
  * @attr {String} size - Specify size of margin adjustment, either `none`, `25`, `50`, `100`, `150`, `200`, `300`, `400`, `600` or `800`.
7171
7241
  */
7242
+
7172
7243
  /* eslint complexity: ["error", 21] */
7173
7244
 
7174
7245
  // build the component class
@@ -7181,7 +7252,7 @@ class AuroHeader extends i$2 {
7181
7252
  /**
7182
7253
  * @private
7183
7254
  */
7184
- this.runtimeUtils = new AuroLibraryRuntimeUtils$2();
7255
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$4();
7185
7256
  }
7186
7257
 
7187
7258
  // function to define props used within the scope of this component
@@ -7202,22 +7273,6 @@ class AuroHeader extends i$2 {
7202
7273
  return [styleCss$5];
7203
7274
  }
7204
7275
 
7205
- /**
7206
- * Mapping of display values to their corresponding CSS classes
7207
- * @private
7208
- */
7209
- static get displayClassMap() {
7210
- return {
7211
- 'display': 'heading-xl',
7212
- '800': 'heading-xl',
7213
- '700': 'heading-lg',
7214
- '600': 'heading-md',
7215
- '500': 'heading-sm',
7216
- '400': 'heading-xs',
7217
- '300': 'heading-2xs'
7218
- };
7219
- }
7220
-
7221
7276
  /**
7222
7277
  * This will register this element with the browser.
7223
7278
  * @param {string} [name="auro-header"] - The name of element that you want to register to.
@@ -7227,7 +7282,7 @@ class AuroHeader extends i$2 {
7227
7282
  *
7228
7283
  */
7229
7284
  static register(name = "auro-header") {
7230
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroHeader);
7285
+ AuroLibraryRuntimeUtils$4.prototype.registerComponent(name, AuroHeader);
7231
7286
  }
7232
7287
 
7233
7288
  firstUpdated() {
@@ -7294,42 +7349,23 @@ class AuroHeader extends i$2 {
7294
7349
  this.display = 'display';
7295
7350
  }
7296
7351
 
7297
- const headingLevel = level || '1';
7298
- const spacingClasses = this.spacingDecision(this.size);
7299
-
7300
- // Get the CSS class based on the display prop
7301
- const headingClass = AuroHeader.displayClassMap[this.display];
7302
-
7303
- const classObject = {
7304
- 'heading': true,
7305
- [`heading--${this.display}`]: true,
7306
- [headingClass]: true
7307
- };
7308
-
7309
- // Add spacing classes to the class object if they exist
7310
- if (spacingClasses) {
7311
- const spacingClassArray = spacingClasses.split(' ');
7312
- spacingClassArray.forEach(cls => {
7313
- if (cls.trim()) {
7314
- classObject[cls.trim()] = true;
7315
- }
7316
- });
7352
+ switch (level) {
7353
+ case '2': return x`<h2 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h2>`;
7354
+ case '3': return x`<h3 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h3>`;
7355
+ case '4': return x`<h4 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h4>`;
7356
+ case '5': return x`<h5 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h5>`;
7357
+ case '6': return x`<h6 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h6>`;
7358
+ default: return x`<h1 class="heading heading--${this.display} ${this.spacingDecision(this.size)}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></h1>`;
7317
7359
  }
7318
-
7319
- const headerClasses = e(classObject);
7320
-
7321
- // unsafeStatic dynamically creates tag names at runtime
7322
- const tag = s(`h${headingLevel}`);
7323
- return u`<${tag} class="${headerClasses}" style="color: ${o(this.color ? this.color : undefined)}"><slot></slot></${tag}>`;
7324
7360
  }
7325
-
7326
7361
  // function that renders the HTML and CSS into the scope of the component
7362
+
7327
7363
  render() {
7328
7364
  return this.template(this.level);
7329
7365
  }
7330
7366
  }
7331
7367
 
7332
- var headerVersion = '4.0.2';
7368
+ var headerVersion = '4.0.1';
7333
7369
 
7334
7370
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
7335
7371
  // See LICENSE in the project root for license information.
@@ -7342,7 +7378,7 @@ class AuroBibtemplate extends i$2 {
7342
7378
 
7343
7379
  this.large = false;
7344
7380
 
7345
- AuroLibraryRuntimeUtils$2.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
7381
+ AuroLibraryRuntimeUtils$3.prototype.handleComponentTagRename(this, 'auro-bibtemplate');
7346
7382
 
7347
7383
  const versioning = new AuroDependencyVersioning();
7348
7384
 
@@ -7394,7 +7430,7 @@ class AuroBibtemplate extends i$2 {
7394
7430
  *
7395
7431
  */
7396
7432
  static register(name = "auro-bibtemplate") {
7397
- AuroLibraryRuntimeUtils$2.prototype.registerComponent(name, AuroBibtemplate);
7433
+ AuroLibraryRuntimeUtils$3.prototype.registerComponent(name, AuroBibtemplate);
7398
7434
  }
7399
7435
 
7400
7436
  /**
@@ -7452,9 +7488,8 @@ class AuroBibtemplate extends i$2 {
7452
7488
  <div id="bibTemplate" part="bibtemplate">
7453
7489
  ${this.isFullscreen ? u`
7454
7490
  <div id="headerContainer">
7455
- <${this.buttonTag} id="closeButton" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
7456
- <span><slot name="ariaLabel.close">Close</slot></span>
7457
- <${this.iconTag} aria-hidden="true" category="interface" name="x-lg"></${this.iconTag}>
7491
+ <${this.buttonTag} id="closeButton" aria-label="Close" variant="ghost" shape="circle" size="sm" @click="${this.onCloseButtonClick}">
7492
+ <${this.iconTag} category="interface" name="x-lg"></${this.iconTag}>
7458
7493
  </${this.buttonTag}>
7459
7494
  <${this.headerTag} display="${this.large ? 'display' : '600'}" level="3" size="none" id="header" no-margin-block>
7460
7495
  <slot name="header"></slot>
@@ -7698,7 +7733,6 @@ var styleCss$3 = i$5`.util_displayInline{display:inline}.util_displayInlineBlock
7698
7733
  * The auro-select element is a wrapper for auro-dropdown and auro-menu to create a dropdown menu control.
7699
7734
  *
7700
7735
  * @slot - Default slot for the menu content.
7701
- * @slot ariaLabel.close - Sets aria-label on close button in fullscreen bib
7702
7736
  * @slot bib.fullscreen.headline - Defines the headline to display above menu-options
7703
7737
  * @slot label - Defines the content of the label.
7704
7738
  * @slot {HTMLSlotElement} optionalLabel - Allows overriding the optional display text "(optional)", which appears next to the label.
@@ -7756,7 +7790,7 @@ class AuroSelect extends AuroElement$4 {
7756
7790
  /**
7757
7791
  * @private
7758
7792
  */
7759
- this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
7793
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
7760
7794
 
7761
7795
  /**
7762
7796
  * Generate unique names for dependency components.
@@ -8173,7 +8207,7 @@ class AuroSelect extends AuroElement$4 {
8173
8207
  *
8174
8208
  */
8175
8209
  static register(name = "auro-select") {
8176
- AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroSelect);
8210
+ AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroSelect);
8177
8211
  }
8178
8212
 
8179
8213
  /**
@@ -8825,7 +8859,6 @@ class AuroSelect extends AuroElement$4 {
8825
8859
  </div>
8826
8860
  <div class="menuWrapper"></div>
8827
8861
  <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}" @close-click="${this.hideBib}">
8828
- <slot name="ariaLabel.close" slot="ariaLabel.close">Close</slot>
8829
8862
  <slot></slot>
8830
8863
  </${this.bibtemplateTag}>
8831
8864
  <div slot="helpText">
@@ -8904,7 +8937,6 @@ class AuroSelect extends AuroElement$4 {
8904
8937
  </div>
8905
8938
  <div class="menuWrapper"></div>
8906
8939
  <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}" @close-click="${this.hideBib}">
8907
- <slot name="ariaLabel.close" slot="ariaLabel.close">Close</slot>
8908
8940
  <slot></slot>
8909
8941
  </${this.bibtemplateTag}>
8910
8942
  <div slot="helpText">
@@ -8984,7 +9016,6 @@ class AuroSelect extends AuroElement$4 {
8984
9016
  </div>
8985
9017
  <div class="menuWrapper"></div>
8986
9018
  <${this.bibtemplateTag} ?large="${this.largeFullscreenHeadline}" @close-click="${this.hideBib}">
8987
- <slot name="ariaLabel.close" slot="ariaLabel.close">Close</slot>
8988
9019
  <slot></slot>
8989
9020
  </${this.bibtemplateTag}>
8990
9021
  <div slot="helpText">
@@ -9235,7 +9266,7 @@ class AuroMenu extends AuroElement$4 {
9235
9266
  *
9236
9267
  */
9237
9268
  static register(name = "auro-menu") {
9238
- AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroMenu);
9269
+ AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroMenu);
9239
9270
  }
9240
9271
 
9241
9272
  /**
@@ -9279,7 +9310,7 @@ class AuroMenu extends AuroElement$4 {
9279
9310
  }
9280
9311
 
9281
9312
  firstUpdated() {
9282
- AuroLibraryRuntimeUtils$5.prototype.handleComponentTagRename(this, 'auro-menu');
9313
+ AuroLibraryRuntimeUtils$6.prototype.handleComponentTagRename(this, 'auro-menu');
9283
9314
 
9284
9315
  this.loadingSlots = this.querySelectorAll("[slot='loadingText'], [slot='loadingIcon']");
9285
9316
  this.initializeMenu();
@@ -10268,7 +10299,7 @@ class AuroIcon extends BaseIcon {
10268
10299
  }
10269
10300
  }
10270
10301
 
10271
- var iconVersion = '8.1.0';
10302
+ var iconVersion = '8.0.4';
10272
10303
 
10273
10304
  var checkmarkIcon = {"svg":"<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" aria-labelledby=\"checkmark-sm__desc\" class=\"ico_squareLarge\" role=\"img\" style=\"min-width:var(--auro-size-lg, var(--ds-size-300, 1.5rem));height:var(--auro-size-lg, var(--ds-size-300, 1.5rem));fill:currentColor\" viewBox=\"0 0 24 24\" part=\"svg\"><title/><desc id=\"checkmark-sm__desc\">a small check mark.</desc><path d=\"M8.461 11.84a.625.625 0 1 0-.922.844l2.504 2.738c.247.27.674.27.922 0l5.496-6a.625.625 0 1 0-.922-.844l-5.035 5.496z\"/></svg>"};
10274
10305
 
@@ -10311,7 +10342,7 @@ class AuroMenuOption extends AuroElement$4 {
10311
10342
  /**
10312
10343
  * @private
10313
10344
  */
10314
- this.runtimeUtils = new AuroLibraryRuntimeUtils$5();
10345
+ this.runtimeUtils = new AuroLibraryRuntimeUtils$6();
10315
10346
  }
10316
10347
 
10317
10348
  static get properties() {
@@ -10356,7 +10387,7 @@ class AuroMenuOption extends AuroElement$4 {
10356
10387
  *
10357
10388
  */
10358
10389
  static register(name = "auro-menuoption") {
10359
- AuroLibraryRuntimeUtils$5.prototype.registerComponent(name, AuroMenuOption);
10390
+ AuroLibraryRuntimeUtils$6.prototype.registerComponent(name, AuroMenuOption);
10360
10391
  }
10361
10392
 
10362
10393
  firstUpdated() {