kitzo 2.1.3 → 2.1.5

package/README.md

@@ -26,7 +26,7 @@ npm i kitzo
 or
 
 ```javascript
-<script src="https://cdn.jsdelivr.net/npm/kitzo@2.1.3/dist/kitzo.umd.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/kitzo@2.1.5/dist/kitzo.umd.min.js"></script>
 ```
 
 > Vanilla: Attach this script tag in the html head tag and you are good to go.

package/dist/react.esm.js

@@ -1,7 +1,6 @@
 import React, { useRef, useLayoutEffect, useState, useEffect } from 'react';
 
-function toastStyles() {
-  return `.toast-content,
+const toastStyles = `.toast-content,
 .toast-content-bottom {
   font-size: 0.925rem;
 }
@@ -183,20 +182,18 @@ function toastStyles() {
   }
 }
 `;
-}
 const listeners = new Set();
-let isStyleAdded$1 = false;
 function addToast(toast) {
   listeners.forEach(callback => {
     callback(toast);
   });
 }
 function subscribe(callback) {
-  if (!isStyleAdded$1) {
+  if (!document.getElementById('kitzo-react-toast-styles')) {
     const styleTag = document.createElement('style');
-    styleTag.textContent = toastStyles();
+    styleTag.id = 'kitzo-react-toast-styles';
+    styleTag.textContent = toastStyles;
     document.head.appendChild(styleTag);
-    isStyleAdded$1 = true;
   }
   listeners.add(callback);
   return () => listeners.delete(callback);
@@ -207,7 +204,7 @@ function toast(text = 'Toast message', options = {}) {
     duration: 2000,
     id,
     style: {},
-    showIcon: true
+    showIcon: false
   }, options);
   addToast({
     type: 'success',
@@ -561,7 +558,7 @@ const tooltipStyles = `
   font-size: 0.875rem;
   background-color: hsl(0, 0%, 15%);
   color: hsl(0, 0%, 95%);
-  padding-block: 8px;
+  padding-block: 6px;
   padding-inline: 10px;
   border-radius: 0.325rem;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kitzo",
-  "version": "2.1.3",
+  "version": "2.1.5",
   "description": "A lightweight JavaScript UI micro-library.",
   "type": "module",
   "main": "./dist/kitzo.umd.js",