1.1.0 release

README.md

@@ -1,68 +1,68 @@
-![Konsta UI](https://konstaui.com/images/share-banner.png)
-
-# Konsta UI
-
-Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte
-
-## Sponsors
-
-<!-- SPONSORS_TABLE_WRAP -->
-<table>
-  <tr>
-    <td align="center" valign="middle">
-      <a href="https://www.noneedtostudy.com/take-my-online-class/" target="_blank">
-        <img src="https://konstaui.com/images/sponsors/noneedtostudy.png" alt="Pay someone to do online class? NoNeedToStudy.com" width="160">
-      </a>
-    </td>
-    <td align="center" valign="middle">
-      <a href="https://www.casinoutanlicens.io/" target="_blank">
-        <img src="https://konstaui.com/images/sponsors/casinoutanlicens.png" alt="Casino utan svensk licens" width="160">
-      </a>
-    </td>
-    <td align="center" valign="middle">
-      <a href="https://casinoscrypto.com" target="_blank">
-        <img src="https://konstaui.com/images/sponsors/casinoscrypto.png" alt="Best Crypto Casinos | Top Bitcoin Gambling Sites (2022)" width="160">
-      </a>
-    </td>
-    <td align="center" valign="middle">
-      <a href="https://cryptocurrencycodes.com" target="_blank">
-        <img src="https://konstaui.com/images/sponsors/cryptocurrencycodes.png" alt="Top FREE Crypto Sign Up Bonuses & Referral Codes" width="160">
-      </a>
-    </td>
-    <td align="center" valign="middle"></td>
-    <td align="center" valign="middle"></td>
-    <td align="center" valign="middle"></td>
-    <td align="center" valign="middle"></td>
-  </tr>
-</table>
-<!-- SPONSORS_TABLE_WRAP -->
-
-## Documentation
-
-Documentation available at https://konstaui.com
-
-## Konsta UI Development
-
-First, install all dependencies:
-
-```
-$ npm install
-```
-
-### Production Builds
-
-To build production versions the following npm scripts are available:
-
-- `build` - build production version
-
-Compiled results will be available in `package/` folder.
-
-## Kitchen Sink
-
-To run Kitchen Sink with development environment (development version will be built first) use the following npm scripts:
-
-- `react` - build development version of Konsta UI React package and run React Kitchen Sink
-
-## Contributing
-
-All changes should be committed to `src/` files only. Before you open an issue please review the [contributing guideline](https://github.com/konstaui/konsta/blob/master/CONTRIBUTING.md).
+![Konsta UI](https://konstaui.com/images/share-banner.png)
+
+# Konsta UI
+
+Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte
+
+## Sponsors
+
+<!-- SPONSORS_TABLE_WRAP -->
+<table>
+  <tr>
+    <td align="center" valign="middle">
+      <a href="https://www.noneedtostudy.com/take-my-online-class/" target="_blank">
+        <img src="https://konstaui.com/images/sponsors/noneedtostudy.png" alt="Pay someone to do online class? NoNeedToStudy.com" width="160">
+      </a>
+    </td>
+    <td align="center" valign="middle">
+      <a href="https://www.casinoutanlicens.io/" target="_blank">
+        <img src="https://konstaui.com/images/sponsors/casinoutanlicens.png" alt="Casino utan svensk licens" width="160">
+      </a>
+    </td>
+    <td align="center" valign="middle">
+      <a href="https://casinoscrypto.com" target="_blank">
+        <img src="https://konstaui.com/images/sponsors/casinoscrypto.png" alt="Best Crypto Casinos | Top Bitcoin Gambling Sites (2022)" width="160">
+      </a>
+    </td>
+    <td align="center" valign="middle">
+      <a href="https://cryptocurrencycodes.com" target="_blank">
+        <img src="https://konstaui.com/images/sponsors/cryptocurrencycodes.png" alt="Top FREE Crypto Sign Up Bonuses & Referral Codes" width="160">
+      </a>
+    </td>
+    <td align="center" valign="middle"></td>
+    <td align="center" valign="middle"></td>
+    <td align="center" valign="middle"></td>
+    <td align="center" valign="middle"></td>
+  </tr>
+</table>
+<!-- SPONSORS_TABLE_WRAP -->
+
+## Documentation
+
+Documentation available at https://konstaui.com
+
+## Konsta UI Development
+
+First, install all dependencies:
+
+```
+$ npm install
+```
+
+### Production Builds
+
+To build production versions the following npm scripts are available:
+
+- `build` - build production version
+
+Compiled results will be available in `package/` folder.
+
+## Kitchen Sink
+
+To run Kitchen Sink with development environment (development version will be built first) use the following npm scripts:
+
+- `react` - build development version of Konsta UI React package and run React Kitchen Sink
+
+## Contributing
+
+All changes should be committed to `src/` files only. Before you open an issue please review the [contributing guideline](https://github.com/konstaui/konsta/blob/master/CONTRIBUTING.md).

package.json

@@ -1,7 +1,7 @@
 {
   "name": "konsta",
   "description": "Mobile UI components made with Tailwind CSS",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "private": true,
   "license": "MIT",
   "author": "Vladimir Kharlampidi",

package/README.md

@@ -1,9 +1,9 @@
-![Konsta UI](https://konstaui.com/images/share-banner.png)
-
-# Konsta UI
-
-Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte
-
-## Documentation
-
-Documentation available at https://konstaui.com
+![Konsta UI](https://konstaui.com/images/share-banner.png)
+
+# Konsta UI
+
+Konsta UI - Pixel perfect mobile UI components built with Tailwind CSS with iOS and Material Design components for React, Vue & Svelte
+
+## Documentation
+
+Documentation available at https://konstaui.com

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "konsta",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Mobile UI components made with Tailwind CSS",
   "repository": {
     "type": "git",
@@ -16,7 +16,7 @@
   "engines": {
     "node": ">= 4.7.0"
   },
-  "releaseDate": "September 16, 2022",
+  "releaseDate": "November 18, 2022",
   "svelte": "./svelte/konsta-svelte.js",
   "exports": {
     "./package.json": "./package.json",

package/react/package.json

@@ -1,15 +1,15 @@
-{
-  "name": "konsta/react",
-  "private": true,
-  "main": "./cjs/konsta-react.js",
-  "jsnext:main": "./esm/konsta-react.js",
-  "module": "./esm/konsta-react.js",
-  "types": "./konsta-react.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "import": "./esm/konsta-react.js",
-      "require": "./cjs/konsta-react.js"
-    }
-  }
-}
+{
+  "name": "konsta/react",
+  "private": true,
+  "main": "./cjs/konsta-react.js",
+  "jsnext:main": "./esm/konsta-react.js",
+  "module": "./esm/konsta-react.js",
+  "types": "./konsta-react.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./esm/konsta-react.js",
+      "require": "./cjs/konsta-react.js"
+    }
+  }
+}

package/shared/package.json

@@ -1,11 +1,11 @@
-{
-  "name": "konsta/shared",
-  "private": true,
-  "type": "module",
-  "exports": {
-    "./esm/*": {
-      "import": "./esm/*",
-      "require": "./cjs/*"
-    }
-  }
-}
+{
+  "name": "konsta/shared",
+  "private": true,
+  "type": "module",
+  "exports": {
+    "./esm/*": {
+      "import": "./esm/*",
+      "require": "./cjs/*"
+    }
+  }
+}

package/svelte/package.json

@@ -1,15 +1,15 @@
-{
-  "name": "konsta/svelte",
-  "private": true,
-  "main": "./konsta-svelte.js",
-  "jsnext:main": "./konsta-svelte.js",
-  "module": "./konsta-svelte.js",
-  "types": "./konsta-svelte.d.ts",
-  "svelte": "./konsta-svelte.js",
-  "type": "module",
-  "exports": {
-    ".": {
-      "import": "./konsta-svelte.js"
-    }
-  }
-}
+{
+  "name": "konsta/svelte",
+  "private": true,
+  "main": "./konsta-svelte.js",
+  "jsnext:main": "./konsta-svelte.js",
+  "module": "./konsta-svelte.js",
+  "types": "./konsta-svelte.d.ts",
+  "svelte": "./konsta-svelte.js",
+  "type": "module",
+  "exports": {
+    ".": {
+      "import": "./konsta-svelte.js"
+    }
+  }
+}

package/vue/package.json

@@ -1,17 +1,17 @@
-{
-  "name": "konsta/vue",
-  "private": true,
-  "main": "./konsta-vue.js",
-  "jsnext:main": "./konsta-vue.js",
-  "module": "./konsta-vue.js",
-  "vue": "./konsta-vue.js",
-  "types": "./konsta-vue.d.ts",
-  "type": "module",
-  "exports": {
-    ".": {
-      "vue": "./konsta-vue.js",
-      "import": "./konsta-vue.js",
-      "require": "./konsta-vue.js"
-    }
-  }
-}
+{
+  "name": "konsta/vue",
+  "private": true,
+  "main": "./konsta-vue.js",
+  "jsnext:main": "./konsta-vue.js",
+  "module": "./konsta-vue.js",
+  "vue": "./konsta-vue.js",
+  "types": "./konsta-vue.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "vue": "./konsta-vue.js",
+      "import": "./konsta-vue.js",
+      "require": "./konsta-vue.js"
+    }
+  }
+}

src/svelte/konsta-svelte.js

@@ -50,7 +50,7 @@ import Toolbar from './components/Toolbar.svelte';
 // eslint-disable-next-line
 import KonstaProvider from './shared/KonstaProvider.svelte';
 import { useTheme } from './shared/use-theme.js';
-import { touchRipple } from './shared/touch-ripple-action';
+import { touchRipple } from './shared/touch-ripple-action.js';
 
 export {
   // utils

src/svelte/shared/touch-ripple-action.js

@@ -9,12 +9,12 @@ import { useTouchRipple } from './use-touch-ripple.js';
  * @returns void
  */
 export function touchRipple(node, styles = true) {
-    if (!node) return;
-    if (styles) {
-        node.style.position = 'relative';
-        node.style.overflow = 'hidden';
-    }
-    const el = { current: node };
+  if (!node) return;
+  if (styles) {
+    node.style.position = 'relative';
+    node.style.overflow = 'hidden';
+  }
+  const el = { current: node };
 
-    useTouchRipple(el, true);
+  useTouchRipple(el, true);
 }