From 933055c9ce70a8755674a0b9afca95641fc3cd4c Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Thu, 15 Oct 2020 15:33:25 -0700
Subject: [PATCH] fix(accordion-skeleton): add align prop

---
 docs/src/pages/components/Accordion.svx | 11 ++++++++++-
 src/Accordion/Accordion.Skeleton.svelte |  7 +++++++
 src/Accordion/Accordion.svelte          |  1 +
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/components/Accordion.svx b/docs/src/pages/components/Accordion.svx
index 61ec9cf5..f1993f6a 100644
--- a/docs/src/pages/components/Accordion.svx
+++ b/docs/src/pages/components/Accordion.svx
@@ -93,8 +93,17 @@
 
 ### Skeleton
 
+<Accordion skeleton />
+
+### Skeleton (chevron aligned left)
+
+<Accordion skeleton align="start" />
+
+### Skeleton (custom count)
+
 <Accordion skeleton count={3} />
 
 ### Skeleton (closed)
 
-<Accordion skeleton open={false} count={3} />
\ No newline at end of file
+<Accordion skeleton open={false} />
+
diff --git a/src/Accordion/Accordion.Skeleton.svelte b/src/Accordion/Accordion.Skeleton.svelte
index 26eb01bd..79574236 100644
--- a/src/Accordion/Accordion.Skeleton.svelte
+++ b/src/Accordion/Accordion.Skeleton.svelte
@@ -5,6 +5,12 @@
    */
   export let count = 4;
 
+  /**
+   * Specify alignment of accordion item chevron icon
+   * @type {"start" | "end"} [align="end"]
+   */
+  export let align = "end";
+
   /**
    * Set to `false` to close the first accordion item
    * @type {boolean} [open=true]
@@ -19,6 +25,7 @@
   class:bx--accordion="{true}"
   class:bx--skeleton="{true}"
   {...$$restProps}
+  class="bx--accordion--{align} {$$restProps.class}"
   on:click
   on:mouseover
   on:mouseenter
diff --git a/src/Accordion/Accordion.svelte b/src/Accordion/Accordion.svelte
index 6e90292d..0a4a1482 100644
--- a/src/Accordion/Accordion.svelte
+++ b/src/Accordion/Accordion.svelte
@@ -23,6 +23,7 @@
 {#if skeleton}
   <AccordionSkeleton
     {...$$restProps}
+    align="{align}"
     on:click
     on:mouseover
     on:mouseenter