From 0cc7c7afeb25fcfd3579b1d30192d9ffb3d21dad Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Wed, 25 Dec 2019 14:22:52 -0800
Subject: [PATCH] chore: forward class to Tile content

---
 src/components/Modal/Modal.svelte                  | 4 ++--
 src/components/Tile/TileAboveTheFoldContent.svelte | 7 +++++--
 src/components/Tile/TileBelowTheFoldContent.svelte | 7 +++++--
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/Modal/Modal.svelte b/src/components/Modal/Modal.svelte
index 00d26776..a4bc337b 100644
--- a/src/components/Modal/Modal.svelte
+++ b/src/components/Modal/Modal.svelte
@@ -4,8 +4,8 @@
   export let passiveModal = false;
   export let hasForm = false;
   export let id = Math.random();
-  export let modalHeading = undefined; // node
-  export let modalLabel = undefined; // node
+  export let modalHeading = undefined;
+  export let modalLabel = undefined;
   export let open = false;
   export let iconDescription = 'Close the modal';
   export let primaryButtonDisabled = false;
diff --git a/src/components/Tile/TileAboveTheFoldContent.svelte b/src/components/Tile/TileAboveTheFoldContent.svelte
index fe7be398..43cc4993 100644
--- a/src/components/Tile/TileAboveTheFoldContent.svelte
+++ b/src/components/Tile/TileAboveTheFoldContent.svelte
@@ -1,6 +1,9 @@
 <script>
-  import { cx } from '../../lib';
+  let className = undefined;
+  export { className as class };
   export let style = undefined;
+
+  import { cx } from '../../lib';
 </script>
 
 <span
@@ -8,7 +11,7 @@
   on:mouseover
   on:mouseenter
   on:mouseleave
-  class={cx('--tile-content__above-the-fold')}
+  class={cx('--tile-content__above-the-fold', className)}
   {style}>
   <slot />
 </span>
diff --git a/src/components/Tile/TileBelowTheFoldContent.svelte b/src/components/Tile/TileBelowTheFoldContent.svelte
index 6f1161c3..12ccd2e9 100644
--- a/src/components/Tile/TileBelowTheFoldContent.svelte
+++ b/src/components/Tile/TileBelowTheFoldContent.svelte
@@ -1,6 +1,9 @@
 <script>
-  import { cx } from '../../lib';
+  let className = undefined;
+  export { className as class };
   export let style = undefined;
+
+  import { cx } from '../../lib';
 </script>
 
 <span
@@ -8,7 +11,7 @@
   on:mouseover
   on:mouseenter
   on:mouseleave
-  class={cx('--tile-content__below-the-fold')}
+  class={cx('--tile-content__below-the-fold', className)}
   {style}>
   <slot />
 </span>