d9-toast 2.5.36 → 2.5.38

package/dist/Toast.js

@@ -37,7 +37,7 @@ var Toast = function Toast(_ref) {
     _ref$expand = _ref.expand,
     expand = _ref$expand === void 0 ? "hover" : _ref$expand,
     _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? 4000 : _ref$duration,
+    duration = _ref$duration === void 0 ? 3000 : _ref$duration,
     _ref$actions = _ref.actions,
     actions = _ref$actions === void 0 ? [] : _ref$actions,
     remove = _ref.remove,
@@ -110,7 +110,7 @@ var Toast = function Toast(_ref) {
     return actions.slice(0, 2).map(function (a, idx) {
       // Dynamic class names..
       var btnType = actions.length === 1 ? "action-btnA__".concat(type) : idx === 0 ? "action-btnB__".concat(type) : "action-btnA__".concat(type);
-      var classNameStr = "action-btn ".concat(theme === "colored" ? "" : btnType, " ").concat(a.className || "").trim();
+      var classNameStr = "action-btn ".concat(theme === "colored" ? theme : btnType, " ").concat(a.className || "").trim();
       return /*#__PURE__*/_jsx("button", {
         "aria-label": "Action ".concat(a.text),
         onClick: function onClick() {

package/dist/ToastContext.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React, { useCallback, useRef, useState } from "react";
+import React, { useCallback, useRef, useState, useEffect } from "react";
 import Toast from "./Toast.js";
 
 // Audio.

package/dist/toast.css

@@ -26,7 +26,6 @@
 
   --line-height-base: 1.5;
   --font-size-base: 14px;
-
 }
 
 /* Theme colors */
@@ -50,7 +49,6 @@
   --loading-bg: rgba(106, 31, 176, 0.1);
 
   --border-color: lch(91.6% 2.18 271.57);
-
 }
 
 .d9-toast.dark {
@@ -73,7 +71,6 @@
   --loading-bg: #ab4fff25;
 
   --border-color: #ffffff15;
-
 }
 
 /* Defaults */
@@ -143,7 +140,7 @@
 .toastContainer {
   position: relative;
   width: 100vw;
-  max-width: 425px;
+  max-width: 375px;
   min-height: 60px;
   pointer-events: none;
 }
@@ -171,7 +168,7 @@
   position: relative;
   top: 0;
   min-width: 250px;
-  max-width: 425px;
+  max-width: 375px;
   max-height: 425px;
   display: flex;
   flex-direction: column;
@@ -183,13 +180,24 @@
   font-size: var(--font-size-base);
   line-height: var(--line-height-base);
   text-align: start;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
+  font-family:
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    Roboto,
+    Oxygen,
+    Ubuntu,
+    Cantarell,
+    "Open Sans",
+    "Helvetica Neue",
+    sans-serif;
   will-change: transform, opacity;
   background-color: var(--primary-bg);
   color: var(--primary-color);
   border: 1px solid var(--border-color);
-  transition: transform 650ms cubic-bezier(0.165, 0.84, 0.44, 1),
+  transition:
+    transform 650ms cubic-bezier(0.165, 0.84, 0.44, 1),
     opacity 300ms ease;
   pointer-events: auto;
 }
@@ -316,6 +324,11 @@
   filter: grayscale(1);
 }
 
+.colored {
+  color: #000000;
+  background-color: #ffffff;
+}
+
 /* Action button 1 */
 .action-btnA__success {
   color: var(--primary-bg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "d9-toast",
-  "version": "2.5.36",
+  "version": "2.5.38",
   "description": "Customizable toast notifications for React",
   "homepage": "https://psathul073.github.io/d9-toast-docs/",
   "repository": {