kitzo 2.0.10 → 2.0.12

package/README.md

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

package/dist/react.esm.js

@@ -3,13 +3,10 @@ import React, { useRef, useLayoutEffect, useState, useEffect } from 'react';
 const listeners = new Set();
 let isStyleAdded = false;
 function toastStyles() {
-  return `@layer base {
-  .toast-content,
-  .toast-content-bottom {
-    font-size: 0.925rem;
-  }
+  return `.toast-content,
+.toast-content-bottom {
+  font-size: 0.925rem;
 }
-
 .toast-content,
 .toast-content-bottom {
   pointer-events: all;
@@ -332,6 +329,7 @@ function Toast({
     setToasts(prev => {
       const index = prev.findIndex(t => t.options.id === toast.options.id);
       if (index === -1) return prev;
+      if (prev[index].height === height) return prev;
       const newToasts = [...prev];
       newToasts[index] = {
         ...newToasts[index],
@@ -348,7 +346,6 @@ function Toast({
   const transformY = position.includes('bottom') ? `translateY(-${toast.offset || 0}px)` : `translateY(${toast.offset || 0}px)`;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    className: "toast",
     style: {
       transform: transformY,
       ...getToastPosition(position)

package/package.json

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