Move DataTableSkelton 3119restProps to container

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\""

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

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