@aurodesignsystem/auro-accordion 6.0.0-rc-216.1 → 6.0.0-rc-221.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 (7) hide show
  1. package/CHANGELOG.md +3 -1
  2. package/custom-elements.json +10 -0
  3. package/demo/auro-accordion.min.js +11 -3
  4. package/dist/{auro-accordion-BmwXsHxz.js → auro-accordion-DIAlVDo7.js} +3 -3
  5. package/dist/index.js +1 -1
  6. package/dist/registered.js +1 -1
  7. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,4 +1,4 @@
1
- # [6.0.0-rc-216.1](https://github.com/AlaskaAirlines/auro-accordion/compare/v5.2.6...v6.0.0-rc-216.1) (2026-01-16)
1
+ # [6.0.0-rc-221.1](https://github.com/AlaskaAirlines/auro-accordion/compare/v5.2.6...v6.0.0-rc-221.1) (2026-02-06)
2
2
 
3
3
 
4
4
  * feat!: upgrade package tooling to use auro-cli ([a1ccbe6](https://github.com/AlaskaAirlines/auro-accordion/commit/a1ccbe651cf2547c9582ed273d099059a950d982)), closes [AlaskaAirlines/auro-cli#108](https://github.com/AlaskaAirlines/auro-cli/issues/108) [AlaskaAirlines/auro-cli#109](https://github.com/AlaskaAirlines/auro-cli/issues/109) [AlaskaAirlines/auro-cli#110](https://github.com/AlaskaAirlines/auro-cli/issues/110) [AlaskaAirlines/auro-cli#111](https://github.com/AlaskaAirlines/auro-cli/issues/111)
@@ -7,6 +7,8 @@
7
7
  ### Bug Fixes
8
8
 
9
9
  * remove extra button styles ([43c3307](https://github.com/AlaskaAirlines/auro-accordion/commit/43c330765fae312cb23c91a0b690917e2bc2c9aa))
10
+ * removed invalid aria-labelledby [#167](https://github.com/AlaskaAirlines/auro-accordion/issues/167) ([c702e7d](https://github.com/AlaskaAirlines/auro-accordion/commit/c702e7d7903c687cc07a194d8e3ee7bb85cde7f0))
11
+ * voiceover now announces expanded/collapsed correctly [#183](https://github.com/AlaskaAirlines/auro-accordion/issues/183) [#219](https://github.com/AlaskaAirlines/auro-accordion/issues/219) ([dac3276](https://github.com/AlaskaAirlines/auro-accordion/commit/dac32763772a7454308663ff087c96a55e007a90))
10
12
 
11
13
 
12
14
  ### Features
package/custom-elements.json CHANGED
@@ -1175,6 +1175,16 @@
1175
1175
  "privacy": "private",
1176
1176
  "default": "new AuroLibraryRuntimeUtils()"
1177
1177
  },
1178
+ {
1179
+ "kind": "field",
1180
+ "name": "shadowRootOptions",
1181
+ "type": {
1182
+ "text": "object"
1183
+ },
1184
+ "static": true,
1185
+ "default": "{ ...LitElement.shadowRootOptions, delegatesFocus: true, }",
1186
+ "privacy": "private"
1187
+ },
1178
1188
  {
1179
1189
  "kind": "method",
1180
1190
  "name": "toggle",
package/demo/auro-accordion.min.js CHANGED
@@ -520,6 +520,14 @@ var tokensCss = i$5`:host{--ds-auro-accordion-content-border-color: transparent;
520
520
 
521
521
  // build the component class
522
522
  class AuroAccordion extends i$2 {
523
+ /**
524
+ * @private
525
+ */
526
+ static shadowRootOptions = {
527
+ ...i$2.shadowRootOptions,
528
+ delegatesFocus: true,
529
+ };
530
+
523
531
  constructor() {
524
532
  super();
525
533
 
@@ -647,7 +655,7 @@ class AuroAccordion extends i$2 {
647
655
  if (changedProperties.has("expanded")) {
648
656
  const button = this.shadowRoot.querySelector("#accordionTrigger");
649
657
  if (button) {
650
- button.ariaexpanded = this.expanded;
658
+ button.ariaExpanded = this.expanded;
651
659
  }
652
660
  }
653
661
  }
@@ -749,7 +757,7 @@ class AuroAccordion extends i$2 {
749
757
  class="${e$1(buttonClasses)}"
750
758
  id="accordionTrigger"
751
759
  aria-controls="${accordionContentId}"
752
- ?ariaexpanded="${this.expanded}"
760
+ aria-expanded="${this.expanded}"
753
761
  ?aria-disabled="${this.disabled}"
754
762
  ?disabled="${this.disabled}"
755
763
  @click="${this.handleButtonClick}"
@@ -759,7 +767,7 @@ class AuroAccordion extends i$2 {
759
767
  ${this.chevron === "right" ? this.renderChevronIcons() : E}
760
768
  </${this.buttonTag}>
761
769
 
762
- <div class="content body-default" id="${accordionContentId}" aria-labelledby="accordionTrigger" inert="${!this.expanded || E}" part="content">
770
+ <div class="content body-default" id="${accordionContentId}" inert="${!this.expanded || E}" part="content">
763
771
  <div class="contentWrapper" part="contentWrapper">
764
772
  <slot></slot>
765
773
  </div>
package/dist/{auro-accordion-BmwXsHxz.js → auro-accordion-DIAlVDo7.js} RENAMED
@@ -83,7 +83,7 @@ import{css as e,html as t,LitElement as s,nothing as o}from"lit";import{classMap
83
83
  `}}var Y=e`:host .trigger{color:var(--ds-auro-accordion-trigger-color);border-color:var(--ds-auro-accordion-trigger-border-color)}:host [auro-icon]{color:var(--ds-auro-accordion-trigger-icon-color)}:host([disabled]){--ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-disabled, v.\$ds-basic-color-texticon-disabled)}:host([disabled]) [auro-icon]{color:var(--ds-basic-color-texticon-disabled, #d0d0d0)}:host(:focus){--ds-auro-accordion-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a)}:host([grouped]) .componentWrapper{border-bottom-color:var(--ds-auro-accordion-group-border-color)}:host([emphasis]) .trigger:before{border-color:var(--ds-auro-accordion-trigger-border-color)}:host([emphasis]) .trigger:focus:before,:host([emphasis]) .trigger:hover:before{--ds-auro-accordion-trigger-border-color: var(--ds-advanced-color-state-selected, #01426a)}:host([emphasis]) .trigger:focus{--ds-auro-accordion-trigger-border-color: var(--ds-advanced-color-state-focused, #01426a)}:host([emphasis]) .content{border-left-color:var(--ds-auro-accordion-content-border-color)}:host([emphasis][expanded]) .trigger:before{--ds-auro-accordion-trigger-border-color: var(--ds-advanced-color-state-selected, #01426a)}:host([emphasis][expanded]) .content{--ds-auro-accordion-content-border-color: var(--ds-basic-color-border-subtle, #dddddd)}
84
84
  `,Z=e`.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, .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, .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, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .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, .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, .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, .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, .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, .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, .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(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:host{interpolate-size:allow-keywords;--webkit-fill: -webkit-fill-available}:host .trigger{position:relative;display:inline-block;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, .375rem)}:host .trigger:hover{text-decoration:underline}:host .trigger[fluid]{max-width:calc(100% - 3px)}:host ::slotted([slot=trigger]){padding-left:var(--ds-size-100, .5rem);padding-right:var(--ds-size-200, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .iconWrapper{height:var(--ds-size-300, 1.5rem);margin-top:-2px}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300, 1.5rem)}:host [auro-icon][hidden]{display:none}:host .content{width:100%;transition:all .5s ease-in-out;transition-property:height}:host .componentWrapper{height:100%;overflow:hidden}:host .contentWrapper{padding-left:var(--ds-size-400, 2rem);padding-bottom:var(--ds-size-300, 1.5rem)}:host(:focus) .trigger{border-width:1px;border-style:solid}:host([chevron=right]) ::slotted([slot=trigger]){padding-left:0;padding-right:var(--ds-size-100, .5rem)}:host([chevron=right]) .contentWrapper{padding-left:0}:host([alignRight]) .componentWrapper{display:flex;flex-direction:column;align-items:flex-end}:host([fluid]) .trigger{width:100%}:host([grouped]) .componentWrapper{border-bottom-width:1px;border-bottom-style:solid}:host([grouped][chevron=right]:not([alignright])) .trigger{width:var(--webkit-fill, 100%);--trigger-padding-right: var(--ds-size-200, 1rem)}:host(:not([expanded])) .content,:host([expanded=false]) .content{height:0!important}:host([expanded]) .content{height:auto}:host([emphasis]) .trigger{border-style:solid;border-width:1px;border-left-width:2px;--trigger-padding-left: var(--ds-size-200, 1rem)}:host([emphasis]) .trigger:before{display:block;position:absolute;top:-1px;left:-2px;width:1px;height:calc(100% + 2px);content:"";border-left-style:solid;border-left-width:2px}:host([emphasis]) .trigger:focus{border-left-width:1px;margin-left:1px}:host([emphasis]) .content{border-left-width:2px;border-left-style:solid;padding:unset}:host([emphasis]) .contentWrapper{padding-left:var(--ds-size-200, 1rem)}:host([emphasis]) .iconWrapper{padding-right:var(--ds-size-200, 1rem)}:host([emphasis]:not([expanded]):hover) .trigger{text-decoration:unset}:host([chevron=none]) ::slotted([slot=trigger]),:host([chevron=none]) .contentWrapper{padding-left:unset}
85
85
  `,ee=e`:host{--ds-auro-accordion-content-border-color: transparent;--ds-auro-accordion-group-border-color: var(--ds-basic-color-border-divider, rgba(0, 0, 0, .15));--ds-auro-accordion-trigger-border-color: transparent;--ds-auro-accordion-trigger-color: var(--ds-basic-color-texticon-default, #2a2a2a);--ds-auro-accordion-trigger-icon-color: var(--ds-basic-color-texticon-default, #2a2a2a)}
86
- `;class te extends s{constructor(){super();const e=new c;this.iconTag=e.generateTag("auro-icon","9.1.1",z),this.buttonNameHash=this.generateRandomLetters(4),this.buttonTag=e.generateTag("auro-accordion-button",this.buttonNameHash,K),this.runtimeUtils=new h,this.expanded=!1}static get properties(){return{alignRight:{type:Boolean,reflect:!0},chevron:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},emphasis:{type:Boolean,reflect:!0},expanded:{type:Boolean,reflect:!0},grouped:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[Y,Z,ee]}static register(e="auro-accordion"){const t=`${e}-group`;h.prototype.registerComponent(e,te),Q.register(t)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-accordion")}updated(e){if(e.has("expanded")){const e=this.shadowRoot.querySelector("#accordionTrigger");e&&(e.ariaexpanded=this.expanded)}}renderChevronIcons(){if("none"===this.chevron)return o;const e=this.expanded?p:u;return l`
86
+ `;class te extends s{static shadowRootOptions={...s.shadowRootOptions,delegatesFocus:!0};constructor(){super();const e=new c;this.iconTag=e.generateTag("auro-icon","9.1.1",z),this.buttonNameHash=this.generateRandomLetters(4),this.buttonTag=e.generateTag("auro-accordion-button",this.buttonNameHash,K),this.runtimeUtils=new h,this.expanded=!1}static get properties(){return{alignRight:{type:Boolean,reflect:!0},chevron:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},emphasis:{type:Boolean,reflect:!0},expanded:{type:Boolean,reflect:!0},grouped:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}static get styles(){return[Y,Z,ee]}static register(e="auro-accordion"){const t=`${e}-group`;h.prototype.registerComponent(e,te),Q.register(t)}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-accordion")}updated(e){if(e.has("expanded")){const e=this.shadowRoot.querySelector("#accordionTrigger");e&&(e.ariaExpanded=this.expanded)}}renderChevronIcons(){if("none"===this.chevron)return o;const e=this.expanded?p:u;return l`
87
87
  <${this.iconTag}
88
88
  customSvg
89
89
  customColor
@@ -98,7 +98,7 @@ import{css as e,html as t,LitElement as s,nothing as o}from"lit";import{classMap
98
98
  class="${a(e)}"
99
99
  id="accordionTrigger"
100
100
  aria-controls="${s}"
101
- ?ariaexpanded="${this.expanded}"
101
+ aria-expanded="${this.expanded}"
102
102
  ?aria-disabled="${this.disabled}"
103
103
  ?disabled="${this.disabled}"
104
104
  @click="${this.handleButtonClick}"
@@ -108,7 +108,7 @@ import{css as e,html as t,LitElement as s,nothing as o}from"lit";import{classMap
108
108
  ${"right"===this.chevron?this.renderChevronIcons():o}
109
109
  </${this.buttonTag}>
110
110
 
111
- <div class="content body-default" id="${s}" aria-labelledby="accordionTrigger" inert="${!this.expanded||o}" part="content">
111
+ <div class="content body-default" id="${s}" inert="${!this.expanded||o}" part="content">
112
112
  <div class="contentWrapper" part="contentWrapper">
113
113
  <slot></slot>
114
114
  </div>
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export{A as AuroAccordion,a as AuroAccordionGroup}from"./auro-accordion-BmwXsHxz.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/unsafe-html.js";import"lit/static-html.js";import"lit/directives/if-defined.js";
1
+ export{A as AuroAccordion,a as AuroAccordionGroup}from"./auro-accordion-DIAlVDo7.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/unsafe-html.js";import"lit/static-html.js";import"lit/directives/if-defined.js";
package/dist/registered.js CHANGED
@@ -1 +1 @@
1
- import{A as i,a as t}from"./auro-accordion-BmwXsHxz.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/unsafe-html.js";import"lit/static-html.js";import"lit/directives/if-defined.js";i.register(),t.register();
1
+ import{A as i,a as t}from"./auro-accordion-DIAlVDo7.js";import"lit";import"lit/directives/class-map.js";import"lit/directives/unsafe-html.js";import"lit/static-html.js";import"lit/directives/if-defined.js";i.register(),t.register();
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "================================================================================"
8
8
  ],
9
9
  "name": "@aurodesignsystem/auro-accordion",
10
- "version": "6.0.0-rc-216.1",
10
+ "version": "6.0.0-rc-221.1",
11
11
  "description": "auro-accordion HTML custom element",
12
12
  "repository": {
13
13
  "type": "git",