Some fixes

src/DataTableSkeleton/DataTableSkeleton.svelte

@@ -41,11 +41,7 @@
   );
 </script>
 
-<div
-  class:bx--skeleton="{true}"
-  class:bx--data-table-container="{true}"
-  {...$$restProps}
->
+<div class:bx--skeleton="{true}" class:bx--data-table-container="{true}">
   {#if showHeader}
     <div class:bx--data-table-header="{true}">
       <div class:bx--data-table-header__title="{true}"></div>
@@ -64,6 +60,7 @@
     </section>
   {/if}
   <table
+    {...$$restProps}
     class:bx--skeleton="{true}"
     class:bx--data-table="{true}"
     class:bx--data-table--compact="{size === 'compact'}"
@@ -74,6 +71,7 @@
     on:mouseover
     on:mouseenter
     on:mouseleave
+    {...$$restProps}
   >
     <thead>
       <tr>

src/Tile/RadioTile.svelte

@@ -29,9 +29,7 @@
   import { getContext } from "svelte";
   import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";
 
-  const { _light, add, update, selectedValue } = getContext("RadioTileGroup");
-
-  light = light || _light;
+  const { add, update, selectedValue } = getContext("RadioTileGroup");
 
   add({ value, checked });
 

src/Tile/RadioTileGroup.svelte

@@ -8,9 +8,6 @@
   /** Set to `true` to disable the tile group */
   export let disabled = false;
 
-  /** Set to `true` to enable the light variant */
-  export let light = false;
-
   /** Specify the legend text */
   export let legend = "";
 
@@ -21,7 +18,6 @@
   const _selectedValue = writable(selectedValue);
 
   setContext("RadioTileGroup", {
-    _light: light,
     selectedValue: _selectedValue,
     add: ({ checked, value }) => {
       if (checked) {

src/Tile/SelectableTile.svelte

@@ -32,9 +32,7 @@
   import { getContext } from "svelte";
   import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";
 
-  const { _light, update, selectedValues } = getContext("SelectableTileGroup");
-
-  light = light || _light;
+  const { update, selectedValues } = getContext("SelectableTileGroup");
 
   update({ value, selected });