From a634cb2fcd0577eda497921f5337ba30c5418c9c Mon Sep 17 00:00:00 2001
From: Jordan Jones <jmjones2463@gmail.com>
Date: Tue, 14 Nov 2023 11:15:21 -0800
Subject: [PATCH] perf(accordion): use new version of accordion

---
 demo/api.html         |  2 +-
 demo/api.md           | 30 +++++++++++++++---------------
 demo/demo.md          | 14 +++++++-------
 demo/index.html       |  2 +-
 docs/partials/api.md  | 30 +++++++++++++++---------------
 docs/partials/demo.md | 14 +++++++-------
 6 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/demo/api.html b/demo/api.html
index 95b1d48..820360f 100644
--- a/demo/api.html
+++ b/demo/api.html
@@ -33,7 +33,7 @@
     <script>
       initButtonApiExamples();
     </script>
-    <script src="https://cdn.jsdelivr.net/npm/@alaskaairux/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@alaskaairux/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-alert@latest/dist/auro-alert__bundled.js" type="module"></script>
 
diff --git a/demo/api.md b/demo/api.md
index aa3da25..b9b7364 100644
--- a/demo/api.md
+++ b/demo/api.md
@@ -66,7 +66,7 @@
   <auro-button variant="tertiary">Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/basic.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/basic.html -->
@@ -91,7 +91,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <auro-button variant="tertiary" disabled>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabled.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/disabled.html -->
@@ -111,7 +111,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <auro-button variant="tertiary" disabled ondark>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabledOnDark.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/disabledOnDark.html -->
@@ -136,7 +136,7 @@ Use the `slim` attribute with the `auro-button` element for a slim style with le
   <auro-button slim variant="tertiary">Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/slim.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/slim.html -->
@@ -174,7 +174,7 @@ Be sure to use the customColor attribute on the `auro-icon` component to allow c
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/icon.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/icon.html -->
@@ -218,7 +218,7 @@ Be sure to also use the `customColor` and `customSize` attributes on the `auro-i
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/iconOnly.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/iconOnly.html -->
@@ -255,7 +255,7 @@ Use the `slim` attribute along with `iconOnly` attribute on the `auro-button` el
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/iconOnlySlim.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/iconOnlySlim.html -->
@@ -290,7 +290,7 @@ Use the `rounded` attribute in conjunction with the `iconOnly` attribute for an
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/rounded.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/rounded.html -->
@@ -316,7 +316,7 @@ This example demonstrates a `rounded` `auro-button` with text and an `auro-icon`
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/roundedTextWithIcon.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/roundedTextWithIcon.html -->
@@ -342,7 +342,7 @@ A `rounded` `auro-button` with text only.
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/roundedTextOnly.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/roundedTextOnly.html -->
@@ -368,7 +368,7 @@ The `rounded` attribute supports the ability to hide/show the text of the `auro-
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/toggledText.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/toggledText.html -->
@@ -422,7 +422,7 @@ This example shows a `rounded` `auro-button` that is right-aligned, demonstratin
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/roundedRightAlign.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/roundedRightAlign.html -->
@@ -475,7 +475,7 @@ In the following example see how the `fluid` attributes alters the shape of the
   <auro-button variant="tertiary" fluid>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/fluid.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/fluid.html -->
@@ -500,7 +500,7 @@ Use the `loading` attribute to alter the content to teh shimmering dots to alert
   <auro-button variant="tertiary" loading>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/loading.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/loading.html -->
@@ -520,7 +520,7 @@ Use the `loading` attribute to alter the content to teh shimmering dots to alert
   <auro-button variant="tertiary" ondark loading>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/loadingOnDark.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/loadingOnDark.html -->
diff --git a/demo/demo.md b/demo/demo.md
index 8b5f4a1..2bc9d58 100644
--- a/demo/demo.md
+++ b/demo/demo.md
@@ -37,7 +37,7 @@ In cases were the action of the button would not fit the criteria above, it is m
   <auro-button variant="tertiary">Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/basic.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/basic.html -->
@@ -62,7 +62,7 @@ These examples illustrate the core button types and a `disabled` state on dark b
   <auro-button variant="tertiary" ondark>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/onDark.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/onDark.html -->
@@ -87,7 +87,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <auro-button variant="tertiary" disabled>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabled.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/disabled.html -->
@@ -107,7 +107,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <auro-button variant="tertiary" disabled ondark>Tertiary</auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabledOnDark.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/disabledOnDark.html -->
@@ -143,7 +143,7 @@ Be sure to use the `customColor` attribute on the auro-icon component to allow c
   </auro-button>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/icon.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/icon.html -->
@@ -177,7 +177,7 @@ These examples illustrate a common use case where a user will want to pass a fun
   <auro-button loading onclick="alert('YOU CLICKED ME!');">Primary</auro-button
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/passFunction.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/passFunction.html -->
@@ -205,7 +205,7 @@ Don't combine `disabled` and `loading` attributes on any single instance of `aur
   </auro-alert>
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/doAndDont.html) -->
 <!-- The below code snippet is automatically added from ./../../apiExamples/doAndDont.html -->
diff --git a/demo/index.html b/demo/index.html
index 034c36c..2522667 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -29,7 +29,7 @@
         });
     </script>
     <script type="module" src="../index.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/@alaskaairux/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-accordion@latest/dist/auro-accordion__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@alaskaairux/auro-icon@latest/dist/auro-icon__bundled.js" type="module"></script>
     <script src="https://cdn.jsdelivr.net/npm/@aurodesignsystem/auro-alert@latest/dist/auro-alert__bundled.js" type="module"></script>
 
diff --git a/docs/partials/api.md b/docs/partials/api.md
index e827eef..5b0d030 100644
--- a/docs/partials/api.md
+++ b/docs/partials/api.md
@@ -10,7 +10,7 @@
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/basic.html) -->
@@ -27,7 +27,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabled.html) -->
@@ -40,7 +40,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabledOnDark.html) -->
@@ -57,7 +57,7 @@ Use the `slim` attribute with the `auro-button` element for a slim style with le
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/slim.html) -->
@@ -78,7 +78,7 @@ Be sure to use the customColor attribute on the `auro-icon` component to allow c
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/icon.html) -->
@@ -100,7 +100,7 @@ Be sure to also use the `customColor` and `customSize` attributes on the `auro-i
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/iconOnly.html) -->
@@ -117,7 +117,7 @@ Use the `slim` attribute along with `iconOnly` attribute on the `auro-button` el
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/iconOnlySlim.html) -->
@@ -138,7 +138,7 @@ Use the `rounded` attribute in conjunction with the `iconOnly` attribute for an
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/rounded.html) -->
@@ -155,7 +155,7 @@ This example demonstrates a `rounded` `auro-button` with text and an `auro-icon`
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/roundedTextWithIcon.html) -->
@@ -172,7 +172,7 @@ A `rounded` `auro-button` with text only.
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/roundedTextOnly.html) -->
@@ -189,7 +189,7 @@ The `rounded` attribute supports the ability to hide/show the text of the `auro-
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/toggledText.html) -->
@@ -209,7 +209,7 @@ This example shows a `rounded` `auro-button` that is right-aligned, demonstratin
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/roundedRightAlign.html) -->
@@ -229,7 +229,7 @@ In the following example see how the `fluid` attributes alters the shape of the
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/fluid.html) -->
@@ -246,7 +246,7 @@ Use the `loading` attribute to alter the content to teh shimmering dots to alert
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/loading.html) -->
@@ -259,7 +259,7 @@ Use the `loading` attribute to alter the content to teh shimmering dots to alert
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alightRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/loadingOnDark.html) -->
diff --git a/docs/partials/demo.md b/docs/partials/demo.md
index 36d54c1..2f54b7c 100644
--- a/docs/partials/demo.md
+++ b/docs/partials/demo.md
@@ -26,7 +26,7 @@ In cases were the action of the button would not fit the criteria above, it is m
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/basic.html) -->
@@ -43,7 +43,7 @@ These examples illustrate the core button types and a `disabled` state on dark b
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/onDark.html) -->
@@ -60,7 +60,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabled.html) -->
@@ -73,7 +73,7 @@ This example demonstrates `auro-button` in it's `disabled` state.
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/disabledOnDark.html) -->
@@ -92,7 +92,7 @@ Be sure to use the `customColor` attribute on the auro-icon component to allow c
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/icon.html) -->
@@ -109,7 +109,7 @@ These examples illustrate a common use case where a user will want to pass a fun
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/passFunction.html) -->
@@ -126,7 +126,7 @@ Don't combine `disabled` and `loading` attributes on any single instance of `aur
   <!-- AURO-GENERATED-CONTENT:END -->
 </div>
 
-<auro-accordion lowProfile justifyRight>
+<auro-accordion alignRight>
   <span slot="trigger">See code</span>
 
 <!-- AURO-GENERATED-CONTENT:START (CODE:src=./../../apiExamples/doAndDont.html) -->