chore: forward class to Tile content

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 modalHeading = undefined;
-  export let modalLabel = undefined; // node
+  export let modalLabel = undefined;
   export let open = false;
   export let iconDescription = 'Close the modal';
   export let primaryButtonDisabled = false;

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>

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>