3.1.0

konstaui · Sep 20, 2023 · f48b2d0 · f48b2d0
1 parent 643973d
commit f48b2d0
Show file tree

Hide file tree

Showing 11 changed files with 39 additions and 56 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,16 @@
 # Changelog
 
+# [3.1.0](https://github.com/konstaui/konsta/compare/v3.0.1...v3.1.0) (2023-09-20)
+
+### Bug Fixes
+
+- **react:** camel case `tabIndex` in Link component ([#170](https://github.com/konstaui/konsta/issues/170)) ([f16b164](https://github.com/konstaui/konsta/commit/f16b1649c518ee9b9b10fd4f859815de9ed2e98c))
+- **react:** camel case `tabIndex` in react components ([#175](https://github.com/konstaui/konsta/issues/175)) ([85a29e9](https://github.com/konstaui/konsta/commit/85a29e9f91208ad9367e29230cbabd947cc23b19))
+
+### Features
+
+- Data Table Components ([#173](https://github.com/konstaui/konsta/issues/173)) ([643973d](https://github.com/konstaui/konsta/commit/643973d63409809b0b0bb31d5b0eb2ac905d14e3))
+
 # [3.0.1](https://github.com/konstaui/konsta/compare/v3.0.0...v3.0.1) (2023-08-24)
 
 ### Bug Fixes

diff --git a/kitchen-sink/svelte/pages/DataTable.svelte b/kitchen-sink/svelte/pages/DataTable.svelte
@@ -14,6 +14,7 @@
 
   const isPreview = document.location.href.includes('examplePreview');
 </script>
+
 <Page>
   <Navbar title="Data Table">
     <svelte:fragment slot="left">
@@ -28,18 +29,10 @@
       <TableHead>
         <TableRow header>
           <TableCell header>Dessert (100g serving)</TableCell>
-          <TableCell header class="text-right">
-            Calories
-          </TableCell>
-          <TableCell header class="text-right">
-            Fat (g)
-          </TableCell>
-          <TableCell header class="text-right">
-            Carbs
-          </TableCell>
-          <TableCell header class="text-right">
-            Protein (g)
-          </TableCell>
+          <TableCell header class="text-right">Calories</TableCell>
+          <TableCell header class="text-right">Fat (g)</TableCell>
+          <TableCell header class="text-right">Carbs</TableCell>
+          <TableCell header class="text-right">Protein (g)</TableCell>
         </TableRow>
       </TableHead>
       <TableBody>
@@ -80,18 +73,10 @@
       <TableHead>
         <TableRow header>
           <TableCell header>Dessert (100g serving)</TableCell>
-          <TableCell header class="text-right">
-            Calories
-          </TableCell>
-          <TableCell header class="text-right">
-            Fat (g)
-          </TableCell>
-          <TableCell header class="text-right">
-            Carbs
-          </TableCell>
-          <TableCell header class="text-right">
-            Protein (g)
-          </TableCell>
+          <TableCell header class="text-right">Calories</TableCell>
+          <TableCell header class="text-right">Fat (g)</TableCell>
+          <TableCell header class="text-right">Carbs</TableCell>
+          <TableCell header class="text-right">Protein (g)</TableCell>
         </TableRow>
       </TableHead>
       <TableBody>

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "konsta",
   "description": "Mobile UI components made with Tailwind CSS",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "private": true,
   "license": "MIT",
   "author": "Vladimir Kharlampidi",

diff --git a/package/package.json b/package/package.json
@@ -1,6 +1,6 @@
 {
   "name": "konsta",
-  "version": "3.0.1",
+  "version": "3.1.0",
   "description": "Mobile UI components made with Tailwind CSS",
   "repository": {
     "type": "git",
@@ -16,7 +16,7 @@
   "engines": {
     "node": ">= 4.7.0"
   },
-  "releaseDate": "August 24, 2023",
+  "releaseDate": "September 20, 2023",
   "svelte": "./svelte/konsta-svelte.js",
   "exports": {
     "./package.json": "./package.json",

diff --git a/src/svelte/components/Table.svelte b/src/svelte/components/Table.svelte
@@ -3,7 +3,7 @@
   import { useThemeClasses } from '../shared/use-theme-classes.js';
 
   let className = undefined;
-  export {className as class};
+  export { className as class };
 
   export let ios = undefined;
   export let material = undefined;
@@ -17,10 +17,7 @@
     (v) => (c = v)
   );
 </script>
-<table
-  bind:this={rippleEl.current}
-  class={c.base}
-  {...$$restProps}
->
+
+<table bind:this={rippleEl.current} class={c.base} {...$$restProps}>
   <slot />
 </table>
diff --git a/src/svelte/components/TableBody.svelte b/src/svelte/components/TableBody.svelte
@@ -3,7 +3,7 @@
   import { useThemeClasses } from '../shared/use-theme-classes.js';
 
   let className = undefined;
-  export {className as class};
+  export { className as class };
 
   export let ios = undefined;
   export let material = undefined;
@@ -18,10 +18,6 @@
   );
 </script>
 
-<tbody
-  bind:this={rippleEl.current}
-  class={c.base}
-  {...$$restProps}
->
+<tbody bind:this={rippleEl.current} class={c.base} {...$$restProps}>
   <slot />
 </tbody>
diff --git a/src/svelte/components/TableCell.svelte b/src/svelte/components/TableCell.svelte
@@ -6,7 +6,7 @@
 
   export let header = false;
   let className = undefined;
-  export {className as class};
+  export { className as class };
   let colorsProp = undefined;
   export { colorsProp as colors };
 
@@ -25,6 +25,7 @@
     (v) => (c = v)
   );
 </script>
+
 <svelte:element
   this={component}
   bind:this={rippleEl.current}

diff --git a/src/svelte/components/TableHead.svelte b/src/svelte/components/TableHead.svelte
@@ -3,7 +3,7 @@
   import { useThemeClasses } from '../shared/use-theme-classes.js';
 
   let className = undefined;
-  export {className as class};
+  export { className as class };
 
   export let ios = undefined;
   export let material = undefined;
@@ -18,10 +18,6 @@
   );
 </script>
 
-<thead
-  bind:this={rippleEl.current}
-  class={c.base}
-  {...$$restProps}
->
+<thead bind:this={rippleEl.current} class={c.base} {...$$restProps}>
   <slot />
 </thead>
diff --git a/src/svelte/components/TableRow.svelte b/src/svelte/components/TableRow.svelte
@@ -5,7 +5,7 @@
   import { useThemeClasses } from '../shared/use-theme-classes.js';
 
   let className = undefined;
-  export {className as class};
+  export { className as class };
   let colorsProp = undefined;
   export { colorsProp as colors };
 
@@ -25,10 +25,7 @@
     (v) => (c = v)
   );
 </script>
-<tr
-  bind:this={rippleEl.current}
-  class={c.base}
-  {...$$restProps}
->
+
+<tr bind:this={rippleEl.current} class={c.base} {...$$restProps}>
   <slot />
 </tr>
diff --git a/src/types/TableRow.d.ts b/src/types/TableRow.d.ts
@@ -15,12 +15,12 @@ interface Props {
      * @default 'hover:bg-md-light-secondary-container dark:hover:bg-md-dark-secondary-container'
      */
     bgMaterial?: string;
-         /**
+    /**
      * Table Row divider color
      *
      * @default 'border-md-light-outline dark:border-md-dark-outline'
      */
-         dividerMaterial?: string;
+    dividerMaterial?: string;
   };
   /**
    * Is located inside the TableHead