From 8d571d2a290753a21194a19add4cc10dd12c70c8 Mon Sep 17 00:00:00 2001
From: albert <albertmasa2@gmail.com>
Date: Thu, 24 Sep 2020 10:35:13 +0200
Subject: [PATCH] feat(datatable-skeleton): change to size prop

---
 src/DataTableSkeleton/DataTableSkeleton.svelte | 10 ++++++----
 types/index.d.ts                               |  5 ++---
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/DataTableSkeleton/DataTableSkeleton.svelte b/src/DataTableSkeleton/DataTableSkeleton.svelte
index 5687a653..44f84a66 100644
--- a/src/DataTableSkeleton/DataTableSkeleton.svelte
+++ b/src/DataTableSkeleton/DataTableSkeleton.svelte
@@ -12,10 +12,10 @@
   export let rows = 5;
 
   /**
-   * Set to `true` to use the compact variant
-   * @type {boolean} [compact=false]
+   * Set the size of the data table
+   * @type {"compact" | "short" | "tall"} [size]
    */
-  export let compact = false;
+   export let size = undefined;
 
   /**
    * Set to `true` to apply zebra styles to the datatable rows
@@ -68,8 +68,10 @@
   <table
     class:bx--skeleton="{true}"
     class:bx--data-table="{true}"
+    class:bx--data-table--compact="{size === 'compact'}"
+    class:bx--data-table--short="{size === 'short'}"
+    class:bx--data-table--tall="{size === 'tall'}"
     class:bx--data-table--zebra="{zebra}"
-    class:bx--data-table--compact="{compact}"
     {...$$restProps}
     on:click
     on:mouseover
diff --git a/types/index.d.ts b/types/index.d.ts
index f667530f..7de82611 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -789,10 +789,9 @@ export class DataTableSkeleton extends CarbonSvelteComponent {
     rows?: number;
 
     /**
-     * Set to `true` to use the compact variant
-     * @default false
+     * Set the size of the data table
      */
-    compact?: boolean;
+    size?: "compact" | "short" | "tall";
 
     /**
      * Set to `true` to apply zebra styles to the datatable rows