highsoft-ui 1.0.89 → 1.0.90

package/dist/components/Notification/index.d.ts

@@ -1,4 +1,4 @@
-export type NotificationVariant = 'default' | 'success' | 'danger' | 'attention';
+export type NotificationVariant = 'brand' | 'success' | 'danger' | 'attention';
 export interface NotificationItem {
     title?: string;
     description?: string;

package/dist/components/Notification/index.js

@@ -1,5 +1,5 @@
-import { jsx as a, jsxs as r, Fragment as w } from "react/jsx-runtime";
-import { useState as l, useEffect as C } from "react";
+import { jsx as s, jsxs as l, Fragment as w } from "react/jsx-runtime";
+import { useState as d, useEffect as C } from "react";
 import { X as F } from "../../XClose-CCu1vrNS.js";
 import { c as m } from "../../clsx-OuTLNxxd.js";
 import { Button as y } from "../Button/index.js";
@@ -24,36 +24,36 @@ const E = "MhRkRW_active", j = "MhRkRW_attention", H = "MhRkRW_carousel", L = "M
 function et({
   id: v,
   content: c,
-  variant: d = "default",
+  variant: r = "brand",
   closable: M = !0,
   onClose: g
 }) {
-  const n = Array.isArray(c) ? c : [c], [h, k] = l(
+  const n = Array.isArray(c) ? c : [c], [h, k] = d(
     () => n.length > 1 ? Math.floor(Math.random() * n.length) : 0
-  ), [W, u] = l(!1), [_, f] = l(!1), R = W || _, i = n[h]?.url, N = i ? "a" : "div";
+  ), [W, u] = d(!1), [_, f] = d(!1), R = W || _, i = n[h]?.url, N = i ? "a" : "div";
   C(() => {
     if (n.length <= 1 || R) return;
     const t = window.setInterval(() => {
-      k((s) => (s + 1) % n.length);
+      k((o) => (o + 1) % n.length);
     }, 15e3);
     return () => window.clearInterval(t);
   }, [n.length, R]);
   const x = () => u(!0), I = (t) => {
     t.currentTarget.contains(t.relatedTarget) || u(!1);
-  }, T = () => f(!0), b = () => f(!1), p = (t, s = !0) => {
-    const o = /* @__PURE__ */ r(w, { children: [
-      t.title && /* @__PURE__ */ r("span", { className: e.title, children: [
-        t.tag === "new" && /* @__PURE__ */ a(B, { variant: "brand", icon: !1 }),
-        /* @__PURE__ */ a("span", { className: e.titleText, children: t.title })
+  }, b = () => f(!0), T = () => f(!1), p = (t, o = !0) => {
+    const a = /* @__PURE__ */ l(w, { children: [
+      t.title && /* @__PURE__ */ l("span", { className: e.title, children: [
+        t.tag === "new" && /* @__PURE__ */ s(B, { variant: r, icon: !1 }),
+        /* @__PURE__ */ s("span", { className: e.titleText, children: t.title })
       ] }),
-      t.description && /* @__PURE__ */ a("span", { className: e.description, children: t.description })
+      t.description && /* @__PURE__ */ s("span", { className: e.description, children: t.description })
     ] });
-    return /* @__PURE__ */ a("div", { className: e.content, "aria-hidden": !s, children: o });
+    return /* @__PURE__ */ s("div", { className: e.content, "aria-hidden": !o, children: a });
   };
-  return n.length ? /* @__PURE__ */ a(
+  return n.length ? /* @__PURE__ */ s(
     N,
     {
-      className: m(e.notification, e[d]),
+      className: m(e.notification, e[r]),
       "data-theme": "light",
       ...i ? {
         href: i,
@@ -63,32 +63,32 @@ function et({
       } : {},
       onFocus: x,
       onBlur: I,
-      onMouseEnter: T,
-      onMouseLeave: b,
-      children: /* @__PURE__ */ r(A, { className: e.container, children: [
-        n.length > 1 ? /* @__PURE__ */ a("div", { className: e.carousel, "aria-live": "polite", children: n.map((t, s) => {
-          const o = s === h;
-          return /* @__PURE__ */ a(
+      onMouseEnter: b,
+      onMouseLeave: T,
+      children: /* @__PURE__ */ l(A, { className: e.container, children: [
+        n.length > 1 ? /* @__PURE__ */ s("div", { className: e.carousel, "aria-live": "polite", children: n.map((t, o) => {
+          const a = o === h;
+          return /* @__PURE__ */ s(
             "div",
             {
-              className: m(e.slide, { [e.active]: o }),
-              "aria-hidden": !o,
-              children: p(t, o)
+              className: m(e.slide, { [e.active]: a }),
+              "aria-hidden": !a,
+              children: p(t, a)
             },
-            `${t.title ?? t.description ?? "item"}-${s}`
+            `${t.title ?? t.description ?? "item"}-${o}`
           );
         }) }) : p(n[0]),
-        M && /* @__PURE__ */ a(
+        M && /* @__PURE__ */ s(
           y,
           {
-            variant: d === "default" ? "brand" : "transparent",
+            variant: r === "brand" ? "brand" : "transparent",
             size: 100,
             className: e.close,
             "aria-label": "Close notification",
             onClick: (t) => {
               t.preventDefault(), t.stopPropagation(), g?.();
             },
-            children: /* @__PURE__ */ a(F, {})
+            children: /* @__PURE__ */ s(F, {})
           }
         )
       ] })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.89",
+  "version": "1.0.90",
   "description": "Highsoft UI",
   "type": "module",
   "main": "dist/main.js",