From 3c59a6cff099cc37efc3cc8c9ce1ad49b7537eb7 Mon Sep 17 00:00:00 2001
From: Richard O'flynn <richard.oflynn@brighter-software.co.uk>
Date: Fri, 27 Nov 2020 17:01:02 +0000
Subject: [PATCH] Move DataTableSkelton 3119restProps to container

---
 docs/src/COMPONENT_API.json                    | 2 +-
 src/DataTableSkeleton/DataTableSkeleton.svelte | 7 +++++--
 types/DataTableSkeleton/DataTableSkeleton.d.ts | 2 +-
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 59c3d84b..fbc7e4a0 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -3356,7 +3356,7 @@
         { "type": "forwarded", "name": "mouseleave", "element": "table" }
       ],
       "typedefs": [],
-      "rest_props": { "type": "Element", "name": "table" },
+      "rest_props": { "type": "Element", "name": "div" },
       "extends": {
         "interface": "DataTableHeader",
         "import": "\"../DataTable/DataTable\""
diff --git a/src/DataTableSkeleton/DataTableSkeleton.svelte b/src/DataTableSkeleton/DataTableSkeleton.svelte
index 2ee4ade3..981e42f9 100644
--- a/src/DataTableSkeleton/DataTableSkeleton.svelte
+++ b/src/DataTableSkeleton/DataTableSkeleton.svelte
@@ -41,7 +41,11 @@
   );
 </script>
 
-<div class:bx--skeleton="{true}" class:bx--data-table-container="{true}">
+<div
+  class:bx--skeleton="{true}"
+  class:bx--data-table-container="{true}"
+  {...$$restProps}
+>
   {#if showHeader}
     <div class:bx--data-table-header="{true}">
       <div class:bx--data-table-header__title="{true}"></div>
@@ -66,7 +70,6 @@
     class:bx--data-table--short="{size === 'short'}"
     class:bx--data-table--tall="{size === 'tall'}"
     class:bx--data-table--zebra="{zebra}"
-    {...$$restProps}
     on:click
     on:mouseover
     on:mouseenter
diff --git a/types/DataTableSkeleton/DataTableSkeleton.d.ts b/types/DataTableSkeleton/DataTableSkeleton.d.ts
index 73167a0e..0c6ae891 100644
--- a/types/DataTableSkeleton/DataTableSkeleton.d.ts
+++ b/types/DataTableSkeleton/DataTableSkeleton.d.ts
@@ -3,7 +3,7 @@ import { DataTableHeader } from "../DataTable/DataTable";
 
 export interface DataTableSkeletonProps
   extends DataTableHeader,
-    svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["table"]> {
+    svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["div"]> {
   /**
    * Specify the number of columns
    * Superseded by `headers` if `headers` is a non-empty array