@aurodesignsystem/auro-accordion 4.2.2 → 4.3.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 (15) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +12 -12
  3. package/coverage/lcov-report/auro-accordion-group.js.html +1 -1
  4. package/coverage/lcov-report/auro-accordion.js.html +1 -1
  5. package/coverage/lcov-report/color-css.js.html +1 -1
  6. package/coverage/lcov-report/iconVersion.js.html +1 -1
  7. package/coverage/lcov-report/index.html +1 -1
  8. package/coverage/lcov-report/style-css.js.html +1 -1
  9. package/coverage/lcov-report/tokens-css.js.html +1 -1
  10. package/demo/api.md +50 -50
  11. package/demo/api.min.js +263 -13
  12. package/demo/index.md +12 -12
  13. package/demo/index.min.js +263 -13
  14. package/dist/auro-accordion__bundled.js +263 -13
  15. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [4.3.1](https://github.com/AlaskaAirlines/auro-accordion/compare/v4.3.0...v4.3.1) (2024-12-21)
4
+
5
+
6
+ ### Performance Improvements
7
+
8
+ * update node to version 22 ([7b21d92](https://github.com/AlaskaAirlines/auro-accordion/commit/7b21d92d1a794611bfb04b169ff7ce407e5b8f50))
9
+
10
+ # [4.3.0](https://github.com/AlaskaAirlines/auro-accordion/compare/v4.2.2...v4.3.0) (2024-11-19)
11
+
12
+
13
+ ### Features
14
+
15
+ * update auro-library to 3.0.1 ([cf0c26d](https://github.com/AlaskaAirlines/auro-accordion/commit/cf0c26d65388bb7e5e46b47197c6b64f8633809e))
16
+
17
+
18
+ ### Performance Improvements
19
+
20
+ * update library to 3.0.2 ([54824fd](https://github.com/AlaskaAirlines/auro-accordion/commit/54824fdf8ec420a6ac0960b08817868508c9a79b))
21
+
3
22
  ## [4.2.2](https://github.com/AlaskaAirlines/auro-accordion/compare/v4.2.1...v4.2.2) (2024-11-14)
4
23
 
5
24
 
package/README.md CHANGED
@@ -4,7 +4,7 @@ The README.md file is a compiled document. No edits should be made directly to t
4
4
  README.md is created by running `npm run build:docs`.
5
5
 
6
6
  This file is generated based on a template fetched from
7
- `https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/README.md`
7
+ `https://raw.githubusercontent.com/AlaskaAirlines/WC-Generator/master/componentDocs/README_updated_paths.md`
8
8
  and copied to `./componentDocs/README.md` each time the the docs are compiled.
9
9
 
10
10
  The following sections are editable by making changes to the following files:
@@ -19,12 +19,12 @@ The following sections are editable by making changes to the following files:
19
19
 
20
20
  # Accordion
21
21
 
22
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/description.md) -->
23
- <!-- The below content is automatically added from ./../docs/partials/description.md -->
22
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/description.md) -->
23
+ <!-- The below content is automatically added from ./docs/partials/description.md -->
24
24
  `<auro-accordion>` is a [HTML custom element](https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements) for the purpose of toggling the visibility of large content section by clicking on a smaller trigger element.
25
25
  <!-- AURO-GENERATED-CONTENT:END -->
26
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/readmeAddlInfo.md) -->
27
- <!-- The below content is automatically added from ./../docs/partials/readmeAddlInfo.md -->
26
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/readmeAddlInfo.md) -->
27
+ <!-- The below content is automatically added from ./docs/partials/readmeAddlInfo.md -->
28
28
 
29
29
  ## Transitioning from v1.x to v3.x
30
30
 
@@ -88,8 +88,8 @@ import "@aurodesignsystem/auro-accordion";
88
88
 
89
89
  <!-- AURO-GENERATED-CONTENT:END -->
90
90
  **Reference component in HTML**
91
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
92
- <!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
91
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
92
+ <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
93
93
 
94
94
  ```html
95
95
  <auro-accordion>
@@ -126,15 +126,15 @@ In cases where the project is not able to process JS assets, there are pre-proce
126
126
  ```html
127
127
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/design-tokens@4.9.2/dist/tokens/CSSCustomProperties.css" />
128
128
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@aurodesignsystem/webcorestylesheets@5.1.2/dist/bundled/essentials.css" />
129
- <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@4.2.2/dist/auro-accordion__bundled.js" type="module"></script>
129
+ <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@4.3.1/dist/auro-accordion__bundled.js" type="module"></script>
130
130
  ```
131
131
 
132
132
  <!-- AURO-GENERATED-CONTENT:END -->
133
133
 
134
134
  ## auro-accordion use cases
135
135
 
136
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/partials/useCases.md) -->
137
- <!-- The below content is automatically added from ./../docs/partials/useCases.md -->
136
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./docs/partials/useCases.md) -->
137
+ <!-- The below content is automatically added from ./docs/partials/useCases.md -->
138
138
  The `<auro-accordion>` element should be used in situations where users may:
139
139
 
140
140
  - Hide/show long sub-content based on headline trigger
@@ -145,8 +145,8 @@ The `<auro-accordion>` element should be used in situations where users may:
145
145
 
146
146
  ### Default auro-accordion
147
147
 
148
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
149
- <!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
148
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./apiExamples/basic.html) -->
149
+ <!-- The below code snippet is automatically added from ./apiExamples/basic.html -->
150
150
 
151
151
  ```html
152
152
  <auro-accordion>
package/coverage/lcov-report/auro-accordion-group.js.html CHANGED
@@ -457,7 +457,7 @@ export class AuroAccordionGroup extends LitElement {
457
457
  <div class='footer quiet pad2 space-top1 center small'>
458
458
  Code coverage generated by
459
459
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
460
- at 2024-11-14T19:20:28.626Z
460
+ at 2024-12-21T00:10:49.305Z
461
461
  </div>
462
462
  <script src="prettify.js"></script>
463
463
  <script>
package/coverage/lcov-report/auro-accordion.js.html CHANGED
@@ -649,7 +649,7 @@ export class AuroAccordion extends LitElement {
649
649
  <div class='footer quiet pad2 space-top1 center small'>
650
650
  Code coverage generated by
651
651
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
652
- at 2024-11-14T19:20:28.626Z
652
+ at 2024-12-21T00:10:49.305Z
653
653
  </div>
654
654
  <script src="prettify.js"></script>
655
655
  <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-11-14T19:20:28.626Z
79
+ at 2024-12-21T00:10:49.305Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/coverage/lcov-report/iconVersion.js.html CHANGED
@@ -70,7 +70,7 @@
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-11-14T19:20:28.626Z
73
+ at 2024-12-21T00:10:49.305Z
74
74
  </div>
75
75
  <script src="prettify.js"></script>
76
76
  <script>
package/coverage/lcov-report/index.html CHANGED
@@ -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-11-14T19:20:28.626Z
179
+ at 2024-12-21T00:10:49.305Z
180
180
  </div>
181
181
  <script src="prettify.js"></script>
182
182
  <script>
package/coverage/lcov-report/style-css.js.html CHANGED
@@ -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-11-14T19:20:28.626Z
79
+ at 2024-12-21T00:10:49.305Z
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-11-14T19:20:28.626Z
79
+ at 2024-12-21T00:10:49.305Z
80
80
  </div>
81
81
  <script src="prettify.js"></script>
82
82
  <script>
package/demo/api.md CHANGED
@@ -1,5 +1,5 @@
1
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../api.md) -->
2
- <!-- The below content is automatically added from ./../api.md -->
1
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../docs/api.md) -->
2
+ <!-- The below content is automatically added from ./../docs/api.md -->
3
3
 
4
4
  # auro-accordion
5
5
 
@@ -51,8 +51,8 @@ Use auro-accordion-group if you want to have auto closing accordion components w
51
51
  ### Basic
52
52
 
53
53
  <div class="exampleWrapper">
54
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/basic.html) -->
55
- <!-- The below content is automatically added from ./../../apiExamples/basic.html -->
54
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/basic.html) -->
55
+ <!-- The below content is automatically added from ./../apiExamples/basic.html -->
56
56
  <auro-accordion>
57
57
  <span slot="trigger">Trigger</span>
58
58
  <p>
@@ -72,8 +72,8 @@ Use auro-accordion-group if you want to have auto closing accordion components w
72
72
  </div>
73
73
  <auro-accordion alignRight>
74
74
  <span slot="trigger">See code</span>
75
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/basic.html) -->
76
- <!-- The below code snippet is automatically added from ./../../apiExamples/basic.html -->
75
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/basic.html) -->
76
+ <!-- The below code snippet is automatically added from ./../apiExamples/basic.html -->
77
77
 
78
78
  ```html
79
79
  <auro-accordion>
@@ -95,8 +95,8 @@ Use auro-accordion-group if you want to have auto closing accordion components w
95
95
  <!-- AURO-GENERATED-CONTENT:END -->
96
96
  </auro-accordion>
97
97
  <div class="exampleWrapper">
98
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/accordionGroup.html) -->
99
- <!-- The below content is automatically added from ./../../apiExamples/accordionGroup.html -->
98
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/accordionGroup.html) -->
99
+ <!-- The below content is automatically added from ./../apiExamples/accordionGroup.html -->
100
100
  <auro-accordion-group>
101
101
  <auro-accordion>
102
102
  <span slot="trigger">Trigger</span>
@@ -148,8 +148,8 @@ Use auro-accordion-group if you want to have auto closing accordion components w
148
148
  </div>
149
149
  <auro-accordion alignRight>
150
150
  <span slot="trigger">See code</span>
151
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/accordionGroup.html) -->
152
- <!-- The below code snippet is automatically added from ./../../apiExamples/accordionGroup.html -->
151
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/accordionGroup.html) -->
152
+ <!-- The below code snippet is automatically added from ./../apiExamples/accordionGroup.html -->
153
153
 
154
154
  ```html
155
155
  <auro-accordion-group>
@@ -210,8 +210,8 @@ Use auro-accordion-group if you want to have auto closing accordion components w
210
210
  The chevron icon within the trigger of the `auro-accordion` will not render when `chevron="none"` is present on the element.
211
211
 
212
212
  <div class="exampleWrapper">
213
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/chevronNone.html) -->
214
- <!-- The below content is automatically added from ./../../apiExamples/chevronNone.html -->
213
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/chevronNone.html) -->
214
+ <!-- The below content is automatically added from ./../apiExamples/chevronNone.html -->
215
215
  <auro-accordion chevron="none">
216
216
  <span slot="trigger">Trigger</span>
217
217
  <p>
@@ -231,8 +231,8 @@ The chevron icon within the trigger of the `auro-accordion` will not render when
231
231
  </div>
232
232
  <auro-accordion alignRight>
233
233
  <span slot="trigger">See code</span>
234
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/chevronNone.html) -->
235
- <!-- The below code snippet is automatically added from ./../../apiExamples/chevronNone.html -->
234
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/chevronNone.html) -->
235
+ <!-- The below code snippet is automatically added from ./../apiExamples/chevronNone.html -->
236
236
 
237
237
  ```html
238
238
  <auro-accordion chevron="none">
@@ -259,8 +259,8 @@ The chevron icon within the trigger of the `auro-accordion` will not render when
259
259
  Using the `chevron="right"` will cause the chevron to appear on the right side of the accordion label.
260
260
 
261
261
  <div class="exampleWrapper">
262
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/chevronRight.html) -->
263
- <!-- The below content is automatically added from ./../../apiExamples/chevronRight.html -->
262
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/chevronRight.html) -->
263
+ <!-- The below content is automatically added from ./../apiExamples/chevronRight.html -->
264
264
  <auro-accordion chevron="right">
265
265
  <span slot="trigger">Trigger</span>
266
266
  <p>
@@ -280,8 +280,8 @@ Using the `chevron="right"` will cause the chevron to appear on the right side o
280
280
  </div>
281
281
  <auro-accordion alignRight chevron>
282
282
  <span slot="trigger">See code</span>
283
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/chevronRight.html) -->
284
- <!-- The below code snippet is automatically added from ./../../apiExamples/chevronRight.html -->
283
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/chevronRight.html) -->
284
+ <!-- The below code snippet is automatically added from ./../apiExamples/chevronRight.html -->
285
285
 
286
286
  ```html
287
287
  <auro-accordion chevron="right">
@@ -308,8 +308,8 @@ Using the `chevron="right"` will cause the chevron to appear on the right side o
308
308
  Using the `alignRight` attribute will cause the trigger to align to the right edge of the accordion.
309
309
 
310
310
  <div class="exampleWrapper">
311
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/alignRight.html) -->
312
- <!-- The below content is automatically added from ./../../apiExamples/alignRight.html -->
311
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/alignRight.html) -->
312
+ <!-- The below content is automatically added from ./../apiExamples/alignRight.html -->
313
313
  <auro-accordion alignRight>
314
314
  <span slot="trigger">Trigger</span>
315
315
  <p>
@@ -329,8 +329,8 @@ Using the `alignRight` attribute will cause the trigger to align to the right ed
329
329
  </div>
330
330
  <auro-accordion alignRight>
331
331
  <span slot="trigger">See code</span>
332
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/alignRight.html) -->
333
- <!-- The below code snippet is automatically added from ./../../apiExamples/alignRight.html -->
332
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/alignRight.html) -->
333
+ <!-- The below code snippet is automatically added from ./../apiExamples/alignRight.html -->
334
334
 
335
335
  ```html
336
336
  <auro-accordion alignRight>
@@ -357,8 +357,8 @@ Using the `alignRight` attribute will cause the trigger to align to the right ed
357
357
  Using the `alignRight` attribute in conjuction with the `chevron="right"` attribute will cause the trigger to align to the right edge of the accordion, with the chevron appearing on the right side of the trigger.
358
358
 
359
359
  <div class="exampleWrapper">
360
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/alignChevronRight.html) -->
361
- <!-- The below content is automatically added from ./../../apiExamples/alignChevronRight.html -->
360
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/alignChevronRight.html) -->
361
+ <!-- The below content is automatically added from ./../apiExamples/alignChevronRight.html -->
362
362
  <auro-accordion chevron="right" alignRight>
363
363
  <span slot="trigger">Trigger</span>
364
364
  <p>
@@ -378,8 +378,8 @@ Using the `alignRight` attribute in conjuction with the `chevron="right"` attrib
378
378
  </div>
379
379
  <auro-accordion alignRight>
380
380
  <span slot="trigger">See code</span>
381
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/alignChevronRight.html) -->
382
- <!-- The below code snippet is automatically added from ./../../apiExamples/alignChevronRight.html -->
381
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/alignChevronRight.html) -->
382
+ <!-- The below code snippet is automatically added from ./../apiExamples/alignChevronRight.html -->
383
383
 
384
384
  ```html
385
385
  <auro-accordion chevron="right" alignRight>
@@ -406,8 +406,8 @@ Using the `alignRight` attribute in conjuction with the `chevron="right"` attrib
406
406
  The accordion can be programatically expanded or collapsed by setting the `expanded` attribute to `true` or `false`.
407
407
 
408
408
  <div class="exampleWrapper">
409
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/expanded.html) -->
410
- <!-- The below content is automatically added from ./../../apiExamples/expanded.html -->
409
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/expanded.html) -->
410
+ <!-- The below content is automatically added from ./../apiExamples/expanded.html -->
411
411
  <auro-button id="auroaccordionExpandedExampleBtnTrue">Set expanded = `true`</auro-button>
412
412
  <auro-button id="auroaccordionExpandedExampleBtnFalse">Set expanded = `false`</auro-button>
413
413
  <auro-accordion id="auroaccordionExpandedExample">
@@ -429,8 +429,8 @@ The accordion can be programatically expanded or collapsed by setting the `expan
429
429
  </div>
430
430
  <auro-accordion alignRight>
431
431
  <span slot="trigger">See code</span>
432
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/expanded.html) -->
433
- <!-- The below code snippet is automatically added from ./../../apiExamples/expanded.html -->
432
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/expanded.html) -->
433
+ <!-- The below code snippet is automatically added from ./../apiExamples/expanded.html -->
434
434
 
435
435
  ```html
436
436
  <auro-button id="auroaccordionExpandedExampleBtnTrue">Set expanded = `true`</auro-button>
@@ -452,8 +452,8 @@ The accordion can be programatically expanded or collapsed by setting the `expan
452
452
  </auro-accordion>
453
453
  ```
454
454
  <!-- AURO-GENERATED-CONTENT:END -->
455
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/expanded.js) -->
456
- <!-- The below code snippet is automatically added from ./../../apiExamples/expanded.js -->
455
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/expanded.js) -->
456
+ <!-- The below code snippet is automatically added from ./../apiExamples/expanded.js -->
457
457
 
458
458
  ```js
459
459
  export function expandedExample() {
@@ -478,8 +478,8 @@ export function expandedExample() {
478
478
  Using the `variant="sm"` attribute will cause the size of the accordion trigger to render smaller.
479
479
 
480
480
  <div class="exampleWrapper">
481
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/accordionGroupSm.html) -->
482
- <!-- The below content is automatically added from ./../../apiExamples/accordionGroupSm.html -->
481
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/accordionGroupSm.html) -->
482
+ <!-- The below content is automatically added from ./../apiExamples/accordionGroupSm.html -->
483
483
  <auro-accordion-group variant="sm">
484
484
  <auro-accordion>
485
485
  <span slot="trigger">Trigger</span>
@@ -531,8 +531,8 @@ Using the `variant="sm"` attribute will cause the size of the accordion trigger
531
531
  </div>
532
532
  <auro-accordion alignRight>
533
533
  <span slot="trigger">See code</span>
534
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/accordionGroupSm.html) -->
535
- <!-- The below code snippet is automatically added from ./../../apiExamples/accordionGroupSm.html -->
534
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/accordionGroupSm.html) -->
535
+ <!-- The below code snippet is automatically added from ./../apiExamples/accordionGroupSm.html -->
536
536
 
537
537
  ```html
538
538
  <auro-accordion-group variant="sm">
@@ -591,8 +591,8 @@ Using the `variant="sm"` attribute will cause the size of the accordion trigger
591
591
  Using the `variant="lg"` attribute will cause the size of the accordion trigger to render larger.
592
592
 
593
593
  <div class="exampleWrapper">
594
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/accordionGroupLg.html) -->
595
- <!-- The below content is automatically added from ./../../apiExamples/accordionGroupLg.html -->
594
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/accordionGroupLg.html) -->
595
+ <!-- The below content is automatically added from ./../apiExamples/accordionGroupLg.html -->
596
596
  <auro-accordion-group variant="lg">
597
597
  <auro-accordion>
598
598
  <span slot="trigger">Trigger</span>
@@ -644,8 +644,8 @@ Using the `variant="lg"` attribute will cause the size of the accordion trigger
644
644
  </div>
645
645
  <auro-accordion alignRight>
646
646
  <span slot="trigger">See code</span>
647
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/accordionGroupLg.html) -->
648
- <!-- The below code snippet is automatically added from ./../../apiExamples/accordionGroupLg.html -->
647
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/accordionGroupLg.html) -->
648
+ <!-- The below code snippet is automatically added from ./../apiExamples/accordionGroupLg.html -->
649
649
 
650
650
  ```html
651
651
  <auro-accordion-group variant="lg">
@@ -704,8 +704,8 @@ Using the `variant="lg"` attribute will cause the size of the accordion trigger
704
704
  Use the `emphasis` attribute to apply border highlights to the `auro-accordion` on hover and move the chevron to the right side of the trigger.
705
705
 
706
706
  <div class="exampleWrapper">
707
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/emphasis.html) -->
708
- <!-- The below content is automatically added from ./../../apiExamples/emphasis.html -->
707
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/emphasis.html) -->
708
+ <!-- The below content is automatically added from ./../apiExamples/emphasis.html -->
709
709
  <auro-accordion-group emphasis>
710
710
  <auro-accordion>
711
711
  <span slot="trigger">Trigger</span>
@@ -757,8 +757,8 @@ Use the `emphasis` attribute to apply border highlights to the `auro-accordion`
757
757
  </div>
758
758
  <auro-accordion alignRight>
759
759
  <span slot="trigger">See code</span>
760
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/emphasis.html) -->
761
- <!-- The below code snippet is automatically added from ./../../apiExamples/emphasis.html -->
760
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/emphasis.html) -->
761
+ <!-- The below code snippet is automatically added from ./../apiExamples/emphasis.html -->
762
762
 
763
763
  ```html
764
764
  <auro-accordion-group emphasis>
@@ -817,8 +817,8 @@ Use the `emphasis` attribute to apply border highlights to the `auro-accordion`
817
817
  Using the `noToggleExpanded` attribute will allow for multiple `auro-accordion`'s in an `auro-accordion-group` to be open at the same time.
818
818
 
819
819
  <div class="exampleWrapper">
820
- <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../../apiExamples/noToggleExpanded.html) -->
821
- <!-- The below content is automatically added from ./../../apiExamples/noToggleExpanded.html -->
820
+ <!-- AURO-GENERATED-CONTENT:START (FILE:src=./../apiExamples/noToggleExpanded.html) -->
821
+ <!-- The below content is automatically added from ./../apiExamples/noToggleExpanded.html -->
822
822
  <auro-accordion-group noToggleExpanded>
823
823
  <auro-accordion>
824
824
  <span slot="trigger">Trigger</span>
@@ -870,8 +870,8 @@ Using the `noToggleExpanded` attribute will allow for multiple `auro-accordion`'
870
870
  </div>
871
871
  <auro-accordion alignRight>
872
872
  <span slot="trigger">See code</span>
873
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/noToggleExpanded.html) -->
874
- <!-- The below code snippet is automatically added from ./../../apiExamples/noToggleExpanded.html -->
873
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../apiExamples/noToggleExpanded.html) -->
874
+ <!-- The below code snippet is automatically added from ./../apiExamples/noToggleExpanded.html -->
875
875
 
876
876
  ```html
877
877
  <auro-accordion-group noToggleExpanded>
@@ -929,8 +929,8 @@ Using the `noToggleExpanded` attribute will allow for multiple `auro-accordion`'
929
929
 
930
930
  The component may be restyled using the following code sample and changing the values of the following token(s).
931
931
 
932
- <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../src/tokens.scss) -->
933
- <!-- The below code snippet is automatically added from ./../../src/tokens.scss -->
932
+ <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../src/tokens.scss) -->
933
+ <!-- The below code snippet is automatically added from ./../src/tokens.scss -->
934
934
 
935
935
  ```scss
936
936
  @import "./../node_modules/@aurodesignsystem/design-tokens/dist/tokens/SCSSVariables";