@aurodesignsystem/auro-accordion 4.0.2 → 4.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/coverage/lcov-report/auro-accordion-group.js.html +37 -16
  3. package/coverage/lcov-report/auro-accordion.js.html +40 -19
  4. package/coverage/lcov-report/color-css.js.html +1 -1
  5. package/coverage/lcov-report/iconVersion.js.html +2 -2
  6. package/coverage/lcov-report/index.html +13 -13
  7. package/coverage/lcov-report/style-css.js.html +2 -2
  8. package/coverage/lcov-report/tokens-css.js.html +1 -1
  9. package/coverage/lcov.info +152 -132
  10. package/demo/api.html +1 -4
  11. package/demo/api.js +1 -0
  12. package/demo/api.min.js +346 -0
  13. package/demo/index.html +0 -10
  14. package/demo/index.js +12 -0
  15. package/demo/index.min.js +350 -0
  16. package/dist/auro-accordion-button.d.ts +9 -0
  17. package/dist/auro-accordion-button.d.ts.map +1 -1
  18. package/dist/auro-accordion-group.d.ts +9 -0
  19. package/dist/auro-accordion-group.d.ts.map +1 -1
  20. package/dist/auro-accordion.d.ts +9 -0
  21. package/dist/auro-accordion.d.ts.map +1 -1
  22. package/dist/auro-accordion__bundled.js +126 -92
  23. package/dist/iconVersion.d.ts +1 -1
  24. package/index.js +3 -5
  25. package/package.json +15 -15
  26. package/src/auro-accordion-button.js +13 -4
  27. package/src/auro-accordion-group.js +12 -5
  28. package/src/auro-accordion.js +15 -8
  29. package/src/iconVersion.js +1 -1
  30. package/src/style-css.js +1 -1
  31. package/src/style.css +1 -2
  32. package/src/style.scss +1 -2
  33. package/test/auro-accordion-group.test.js +5 -2
  34. package/test/auro-accordion.test.js +3 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,36 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ # [4.2.0](https://github.com/AlaskaAirlines/auro-accordion/compare/v4.1.0...v4.2.0) (2024-11-01)
4
+
5
+
6
+ ### Features
7
+
8
+ * apply latest token ds-auro-icon-size [#137](https://github.com/AlaskaAirlines/auro-accordion/issues/137) ([2a2db8c](https://github.com/AlaskaAirlines/auro-accordion/commit/2a2db8cacb2d41e3f73e4a5baae31372f0ec6b8d))
9
+ * update auro-icon package [#137](https://github.com/AlaskaAirlines/auro-accordion/issues/137) ([290612d](https://github.com/AlaskaAirlines/auro-accordion/commit/290612db48525fe62180789011d4fef19cde72dc))
10
+
11
+
12
+ ### Performance Improvements
13
+
14
+ * update dependencies ([9cd201b](https://github.com/AlaskaAirlines/auro-accordion/commit/9cd201b646878aa6ee2d1bf6c678baeb40c652e7))
15
+
16
+ # [4.1.0](https://github.com/AlaskaAirlines/auro-accordion/compare/v4.0.2...v4.1.0) (2024-10-23)
17
+
18
+
19
+ ### Bug Fixes
20
+
21
+ * add file extension for proper ESM support [#135](https://github.com/AlaskaAirlines/auro-accordion/issues/135) ([622cb23](https://github.com/AlaskaAirlines/auro-accordion/commit/622cb23586f96d3d9675478245a7890c8957513f))
22
+ * register to the default element ([4b34516](https://github.com/AlaskaAirlines/auro-accordion/commit/4b34516a10ce1a442636d14e4cf9593ca25874bf))
23
+
24
+
25
+ ### Features
26
+
27
+ * **api:** add register static method [#133](https://github.com/AlaskaAirlines/auro-accordion/issues/133) ([263ccb2](https://github.com/AlaskaAirlines/auro-accordion/commit/263ccb2c7a658d6f01a80745095d7a4b5008a381))
28
+
29
+
30
+ ### Performance Improvements
31
+
32
+ * update dependency versions ([a717229](https://github.com/AlaskaAirlines/auro-accordion/commit/a71722965b93d6d72d859899adadb929c76684b7))
33
+
3
34
  ## [4.0.2](https://github.com/AlaskaAirlines/auro-accordion/compare/v4.0.1...v4.0.2) (2024-10-16)
4
35
 
5
36
 
package/coverage/lcov-report/auro-accordion-group.js.html CHANGED
@@ -25,28 +25,28 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>122/122</span>
28
+ <span class='fraction'>129/129</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>18/18</span>
35
+ <span class='fraction'>19/19</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>7/7</span>
42
+ <span class='fraction'>8/8</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>122/122</span>
49
+ <span class='fraction'>129/129</span>
50
50
  </div>
51
51
 
52
52
 
@@ -185,7 +185,14 @@
185
185
  <a name='L120'></a><a href='#L120'>120</a>
186
186
  <a name='L121'></a><a href='#L121'>121</a>
187
187
  <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
188
+ <a name='L123'></a><a href='#L123'>123</a>
189
+ <a name='L124'></a><a href='#L124'>124</a>
190
+ <a name='L125'></a><a href='#L125'>125</a>
191
+ <a name='L126'></a><a href='#L126'>126</a>
192
+ <a name='L127'></a><a href='#L127'>127</a>
193
+ <a name='L128'></a><a href='#L128'>128</a>
194
+ <a name='L129'></a><a href='#L129'>129</a>
195
+ <a name='L130'></a><a href='#L130'>130</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">1x</span>
189
196
  <span class="cline-any cline-yes">1x</span>
190
197
  <span class="cline-any cline-yes">1x</span>
191
198
  <span class="cline-any cline-yes">1x</span>
@@ -235,6 +242,18 @@
235
242
  <span class="cline-any cline-yes">1x</span>
236
243
  <span class="cline-any cline-yes">1x</span>
237
244
  <span class="cline-any cline-yes">1x</span>
245
+ <span class="cline-any cline-yes">1x</span>
246
+ <span class="cline-any cline-yes">1x</span>
247
+ <span class="cline-any cline-yes">1x</span>
248
+ <span class="cline-any cline-yes">1x</span>
249
+ <span class="cline-any cline-yes">1x</span>
250
+ <span class="cline-any cline-yes">1x</span>
251
+ <span class="cline-any cline-yes">1x</span>
252
+ <span class="cline-any cline-yes">1x</span>
253
+ <span class="cline-any cline-yes">1x</span>
254
+ <span class="cline-any cline-yes">1x</span>
255
+ <span class="cline-any cline-yes">1x</span>
256
+ <span class="cline-any cline-yes">1x</span>
238
257
  <span class="cline-any cline-yes">6x</span>
239
258
  <span class="cline-any cline-yes">6x</span>
240
259
  <span class="cline-any cline-yes">6x</span>
@@ -302,11 +321,6 @@
302
321
  <span class="cline-any cline-yes">6x</span>
303
322
  <span class="cline-any cline-yes">6x</span>
304
323
  <span class="cline-any cline-yes">1x</span>
305
- <span class="cline-any cline-yes">1x</span>
306
- <span class="cline-any cline-yes">1x</span>
307
- <span class="cline-any cline-yes">1x</span>
308
- <span class="cline-any cline-yes">1x</span>
309
- <span class="cline-any cline-yes">1x</span>
310
324
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// Copyright (c) 2023 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
311
325
  // See LICENSE in the project root for license information.
312
326
  &nbsp;
@@ -355,6 +369,18 @@ export class AuroAccordionGroup extends LitElement {
355
369
  }
356
370
  };
357
371
  }
372
+ &nbsp;
373
+ /**
374
+ * This will register this element with the browser.
375
+ * @param {string} [name="auro-accordion-group"] - The name of element that you want to register to.
376
+ *
377
+ * @example
378
+ * AuroAccordionGroup.register("custom-accordion-button") // this will register this element to &lt;custom-accordion-group/&gt;
379
+ *
380
+ */
381
+ static register(name = "auro-accordion-group") {
382
+ AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroAccordionGroup);
383
+ }
358
384
  &nbsp;
359
385
  firstUpdated() {
360
386
  // Add the tag name as an attribute if it is different than the component name
@@ -424,11 +450,6 @@ export class AuroAccordionGroup extends LitElement {
424
450
  `;
425
451
  }
426
452
  }
427
- &nbsp;
428
- // default internal definition
429
- if (!customElements.get("auro-accordion-group")) {
430
- customElements.define("auro-accordion-group", AuroAccordionGroup);
431
- }
432
453
  &nbsp;</pre></td></tr></table></pre>
433
454
 
434
455
  <div class='push'></div><!-- for sticky footer -->
@@ -436,7 +457,7 @@ if (!customElements.get("auro-accordion-group")) {
436
457
  <div class='footer quiet pad2 space-top1 center small'>
437
458
  Code coverage generated by
438
459
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
439
- at 2024-10-16T18:57:46.496Z
460
+ at 2024-11-01T14:56:23.740Z
440
461
  </div>
441
462
  <script src="prettify.js"></script>
442
463
  <script>
package/coverage/lcov-report/auro-accordion.js.html CHANGED
@@ -25,28 +25,28 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>184/184</span>
28
+ <span class='fraction'>191/191</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>9/9</span>
35
+ <span class='fraction'>10/10</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>7/7</span>
42
+ <span class='fraction'>8/8</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>184/184</span>
49
+ <span class='fraction'>191/191</span>
50
50
  </div>
51
51
 
52
52
 
@@ -247,7 +247,14 @@
247
247
  <a name='L182'></a><a href='#L182'>182</a>
248
248
  <a name='L183'></a><a href='#L183'>183</a>
249
249
  <a name='L184'></a><a href='#L184'>184</a>
250
- <a name='L185'></a><a href='#L185'>185</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
250
+ <a name='L185'></a><a href='#L185'>185</a>
251
+ <a name='L186'></a><a href='#L186'>186</a>
252
+ <a name='L187'></a><a href='#L187'>187</a>
253
+ <a name='L188'></a><a href='#L188'>188</a>
254
+ <a name='L189'></a><a href='#L189'>189</a>
255
+ <a name='L190'></a><a href='#L190'>190</a>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
251
258
  <span class="cline-any cline-yes">2x</span>
252
259
  <span class="cline-any cline-yes">2x</span>
253
260
  <span class="cline-any cline-yes">2x</span>
@@ -348,6 +355,18 @@
348
355
  <span class="cline-any cline-yes">2x</span>
349
356
  <span class="cline-any cline-yes">2x</span>
350
357
  <span class="cline-any cline-yes">2x</span>
358
+ <span class="cline-any cline-yes">4x</span>
359
+ <span class="cline-any cline-yes">4x</span>
360
+ <span class="cline-any cline-yes">4x</span>
361
+ <span class="cline-any cline-yes">4x</span>
362
+ <span class="cline-any cline-yes">4x</span>
363
+ <span class="cline-any cline-yes">4x</span>
364
+ <span class="cline-any cline-yes">2x</span>
365
+ <span class="cline-any cline-yes">2x</span>
366
+ <span class="cline-any cline-yes">2x</span>
367
+ <span class="cline-any cline-yes">2x</span>
368
+ <span class="cline-any cline-yes">2x</span>
369
+ <span class="cline-any cline-yes">2x</span>
351
370
  <span class="cline-any cline-yes">2x</span>
352
371
  <span class="cline-any cline-yes">2x</span>
353
372
  <span class="cline-any cline-yes">2x</span>
@@ -426,11 +445,6 @@
426
445
  <span class="cline-any cline-yes">23x</span>
427
446
  <span class="cline-any cline-yes">23x</span>
428
447
  <span class="cline-any cline-yes">2x</span>
429
- <span class="cline-any cline-yes">2x</span>
430
- <span class="cline-any cline-yes">2x</span>
431
- <span class="cline-any cline-yes">2x</span>
432
- <span class="cline-any cline-yes">2x</span>
433
- <span class="cline-any cline-yes">2x</span>
434
448
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">// Copyright (c) 2023 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
435
449
  // See LICENSE in the project root for license information.
436
450
  &nbsp;
@@ -448,7 +462,7 @@ import AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/util
448
462
  import { AuroDependencyVersioning } from '@aurodesignsystem/auro-library/scripts/runtime/dependencyTagVersioning.mjs';
449
463
  &nbsp;
450
464
  import { AuroIcon } from '@aurodesignsystem/auro-icon/src/auro-icon.js';
451
- import iconVersion from './iconVersion';
465
+ import iconVersion from './iconVersion.js';
452
466
  &nbsp;
453
467
  import chevronUp from "@alaskaairux/icons/dist/icons/interface/chevron-up.mjs";
454
468
  import chevronDown from "@alaskaairux/icons/dist/icons/interface/chevron-down.mjs";
@@ -538,6 +552,18 @@ export class AuroAccordion extends LitElement {
538
552
  tokensCss
539
553
  ];
540
554
  }
555
+ &nbsp;
556
+ /**
557
+ * This will register this element with the browser.
558
+ * @param {string} [name="auro-accordion"] - The name of element that you want to register to.
559
+ *
560
+ * @example
561
+ * AuroAccordion.register("custom-accordion") // this will register this element to &lt;custom-accordion/&gt;
562
+ *
563
+ */
564
+ static register(name = "auro-accordion") {
565
+ AuroLibraryRuntimeUtils.prototype.registerComponent(name, AuroAccordion);
566
+ }
541
567
  &nbsp;
542
568
  firstUpdated() {
543
569
  // Add the tag name as an attribute if it is different than the component name
@@ -593,10 +619,10 @@ export class AuroAccordion extends LitElement {
593
619
  aria-expanded="${this.expanded}"
594
620
  @click="${this.toggle}"
595
621
  part="trigger"&gt;
596
- &lt;${this.iconTag} slot="icon" customSvg customSize customColor ?hidden="${!this.expanded}"&gt;
622
+ &lt;${this.iconTag} slot="icon" customSvg customColor ?hidden="${!this.expanded}"&gt;
597
623
  ${this.generateIconHtml(chevronUp.svg)}
598
624
  &lt;/${this.iconTag}&gt;
599
- &lt;${this.iconTag} slot="icon" customSvg customSize customColor ?hidden="${this.expanded}"&gt;
625
+ &lt;${this.iconTag} slot="icon" customSvg customColor ?hidden="${this.expanded}"&gt;
600
626
  ${this.generateIconHtml(chevronDown.svg)}
601
627
  &lt;/${this.iconTag}&gt;
602
628
  &lt;slot name="trigger" part="triggerSlot"&gt;&lt;/slot&gt;
@@ -610,11 +636,6 @@ export class AuroAccordion extends LitElement {
610
636
  `;
611
637
  }
612
638
  }
613
- &nbsp;
614
- // default internal definition
615
- if (!customElements.get("auro-accordion")) {
616
- customElements.define("auro-accordion", AuroAccordion);
617
- }
618
639
  &nbsp;</pre></td></tr></table></pre>
619
640
 
620
641
  <div class='push'></div><!-- for sticky footer -->
@@ -622,7 +643,7 @@ if (!customElements.get("auro-accordion")) {
622
643
  <div class='footer quiet pad2 space-top1 center small'>
623
644
  Code coverage generated by
624
645
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
625
- at 2024-10-16T18:57:46.496Z
646
+ at 2024-11-01T14:56:23.740Z
626
647
  </div>
627
648
  <script src="prettify.js"></script>
628
649
  <script>
package/coverage/lcov-report/color-css.js.html CHANGED
@@ -76,7 +76,7 @@ export default css`:host .trigger{color:var(--ds-auro-accordion-trigger-color);b
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2024-10-16T18:57:46.496Z
79
+ at 2024-11-01T14:56:23.740Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/coverage/lcov-report/iconVersion.js.html CHANGED
@@ -63,14 +63,14 @@
63
63
  </div>
64
64
  <div class='status-line high'></div>
65
65
  <pre><table class="coverage">
66
- <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span></td><td class="text"><pre class="prettyprint lang-js">export default '5.0.0'</pre></td></tr></table></pre>
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span></td><td class="text"><pre class="prettyprint lang-js">export default '6.0.1'</pre></td></tr></table></pre>
67
67
 
68
68
  <div class='push'></div><!-- for sticky footer -->
69
69
  </div><!-- /wrapper -->
70
70
  <div class='footer quiet pad2 space-top1 center small'>
71
71
  Code coverage generated by
72
72
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
73
- at 2024-10-16T18:57:46.496Z
73
+ at 2024-11-01T14:56:23.740Z
74
74
  </div>
75
75
  <script src="prettify.js"></script>
76
76
  <script>
package/coverage/lcov-report/index.html CHANGED
@@ -25,28 +25,28 @@
25
25
  <div class='fl pad1y space-right2'>
26
26
  <span class="strong">100% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>313/313</span>
28
+ <span class='fraction'>327/327</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">100% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>31/31</span>
35
+ <span class='fraction'>33/33</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>14/14</span>
42
+ <span class='fraction'>16/16</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
47
  <span class="strong">100% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>313/313</span>
49
+ <span class='fraction'>327/327</span>
50
50
  </div>
51
51
 
52
52
 
@@ -84,13 +84,13 @@
84
84
  <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
85
85
  </td>
86
86
  <td data-value="100" class="pct high">100%</td>
87
- <td data-value="122" class="abs high">122/122</td>
87
+ <td data-value="129" class="abs high">129/129</td>
88
88
  <td data-value="100" class="pct high">100%</td>
89
- <td data-value="18" class="abs high">18/18</td>
89
+ <td data-value="19" class="abs high">19/19</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
- <td data-value="7" class="abs high">7/7</td>
91
+ <td data-value="8" class="abs high">8/8</td>
92
92
  <td data-value="100" class="pct high">100%</td>
93
- <td data-value="122" class="abs high">122/122</td>
93
+ <td data-value="129" class="abs high">129/129</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -99,13 +99,13 @@
99
99
  <div class="chart"><div class="cover-fill cover-full" style="width: 100%"></div><div class="cover-empty" style="width: 0%"></div></div>
100
100
  </td>
101
101
  <td data-value="100" class="pct high">100%</td>
102
- <td data-value="184" class="abs high">184/184</td>
102
+ <td data-value="191" class="abs high">191/191</td>
103
103
  <td data-value="100" class="pct high">100%</td>
104
- <td data-value="9" class="abs high">9/9</td>
104
+ <td data-value="10" class="abs high">10/10</td>
105
105
  <td data-value="100" class="pct high">100%</td>
106
- <td data-value="7" class="abs high">7/7</td>
106
+ <td data-value="8" class="abs high">8/8</td>
107
107
  <td data-value="100" class="pct high">100%</td>
108
- <td data-value="184" class="abs high">184/184</td>
108
+ <td data-value="191" class="abs high">191/191</td>
109
109
  </tr>
110
110
 
111
111
  <tr>
@@ -176,7 +176,7 @@
176
176
  <div class='footer quiet pad2 space-top1 center small'>
177
177
  Code coverage generated by
178
178
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
179
- at 2024-10-16T18:57:46.496Z
179
+ at 2024-11-01T14:56:23.740Z
180
180
  </div>
181
181
  <script src="prettify.js"></script>
182
182
  <script>
package/coverage/lcov-report/style-css.js.html CHANGED
@@ -68,7 +68,7 @@
68
68
  <a name='L3'></a><a href='#L3'>3</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
69
69
  <span class="cline-any cline-yes">2x</span>
70
70
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { css } from 'lit';
71
- export default css`:host{interpolate-size:allow-keywords}:host .trigger{position:relative;cursor:pointer;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem)}:host .trigger:hover{text-decoration:underline}:host ::slotted([slot=trigger]){padding-left:var(--ds-size-100, 0.5rem);padding-right:var(--ds-size-200, 1rem);font-size:var(--ds-text-heading-300-size, 1.125rem)}:host .iconWrapper{height:var(--ds-size-300, 1.5rem);margin-top:-2px}:host [auro-icon]{height:var(--ds-size-300, 1.5rem);width: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;font-size:var(--ds-text-body-size-default, 1rem)}:host .componentWrapper{height:100%;overflow:hidden}:host .contentWrapper{padding-left:var(--ds-size-400, 2rem);padding-bottom:var(--ds-size-300, 1.5rem);padding-right:var(--ds-size-200, 1rem)}:host(:focus) .trigger{border-width:1px;border-style:solid}:host([chevron=right]) ::slotted([slot=trigger]){padding-left:0;padding-right:var(--ds-size-50, 0.25rem)}:host([alignRight]) .componentWrapper{display:flex;flex-direction:column;align-items:flex-end}:host([fluid]) .trigger{width:100%}:host([grouped]) .componentWrapper{border-width:1px;border-style:solid}: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;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([variant=sm]) ::slotted([slot=trigger]){font-size:var(--ds-text-body-size-default, 1rem)}:host([variant=lg]) ::slotted([slot=trigger]){font-size:var(--ds-text-heading-400-size, 1.25rem)}:host([chevron=none]) ::slotted([slot=trigger]),:host([chevron=none]) .contentWrapper{padding-left:unset}`;
71
+ export default css`:host{interpolate-size:allow-keywords}:host .trigger{position:relative;cursor:pointer;display:flex;flex-direction:row;border-width:1px;border-style:solid;border-radius:var(--ds-border-radius, 0.375rem)}:host .trigger:hover{text-decoration:underline}:host ::slotted([slot=trigger]){padding-left:var(--ds-size-100, 0.5rem);padding-right:var(--ds-size-200, 1rem);font-size:var(--ds-text-heading-300-size, 1.125rem)}:host .iconWrapper{height:var(--ds-size-300, 1.5rem);margin-top:-2px}:host [auro-icon]{--ds-auro-icon-size: var(--ds-size-300,$ds-size-300)}:host [auro-icon][hidden]{display:none}:host .content{width:100%;transition:all .5s ease-in-out;transition-property:height;font-size:var(--ds-text-body-size-default, 1rem)}:host .componentWrapper{height:100%;overflow:hidden}:host .contentWrapper{padding-left:var(--ds-size-400, 2rem);padding-bottom:var(--ds-size-300, 1.5rem);padding-right:var(--ds-size-200, 1rem)}:host(:focus) .trigger{border-width:1px;border-style:solid}:host([chevron=right]) ::slotted([slot=trigger]){padding-left:0;padding-right:var(--ds-size-50, 0.25rem)}:host([alignRight]) .componentWrapper{display:flex;flex-direction:column;align-items:flex-end}:host([fluid]) .trigger{width:100%}:host([grouped]) .componentWrapper{border-width:1px;border-style:solid}: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;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([variant=sm]) ::slotted([slot=trigger]){font-size:var(--ds-text-body-size-default, 1rem)}:host([variant=lg]) ::slotted([slot=trigger]){font-size:var(--ds-text-heading-400-size, 1.25rem)}:host([chevron=none]) ::slotted([slot=trigger]),:host([chevron=none]) .contentWrapper{padding-left:unset}`;
72
72
  &nbsp;</pre></td></tr></table></pre>
73
73
 
74
74
  <div class='push'></div><!-- for sticky footer -->
@@ -76,7 +76,7 @@ export default css`:host{interpolate-size:allow-keywords}:host .trigger{position
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2024-10-16T18:57:46.496Z
79
+ at 2024-11-01T14:56:23.740Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/coverage/lcov-report/tokens-css.js.html CHANGED
@@ -76,7 +76,7 @@ export default css`:host{--ds-auro-accordion-content-border-color: transparent;-
76
76
  <div class='footer quiet pad2 space-top1 center small'>
77
77
  Code coverage generated by
78
78
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
79
- at 2024-10-16T18:57:46.496Z
79
+ at 2024-11-01T14:56:23.740Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>