@alphakits/ui 2.2.0 → 2.3.1

package/dist/toast/component.js

@@ -1,99 +1,101 @@
 import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as L, useRef as O, useCallback as i, useEffect as M } from "react";
-import $ from "react-merge-refs";
-import { CSSTransition as g } from "react-transition-group";
-import k from "classnames";
-import { useClickOutside as q } from "../hooks/useClickOutside/index.js";
-import { usePrevious as y } from "../hooks/usePrevious/index.js";
-import { Popover as z } from "../popover/component.js";
-import { Portal as B } from "../portal/component.js";
-import { ToastPlate as w } from "../toast-plate/component.js";
-import r from "./index.module.css.js";
-const F = {
-  enter: r.enter,
-  enterActive: r.enterActive,
-  exit: r.exit,
-  exitActive: r.exitActive
-}, D = L(
+import { forwardRef as $, useRef as l, useCallback as i, useEffect as g } from "react";
+import I from "react-merge-refs";
+import { CSSTransition as q } from "react-transition-group";
+import P from "classnames";
+import { useClickOutside as y } from "../hooks/useClickOutside/index.js";
+import { usePrevious as z } from "../hooks/usePrevious/index.js";
+import { Popover as B } from "../popover/component.js";
+import { Portal as F } from "../portal/component.js";
+import { ToastPlate as _ } from "../toast-plate/component.js";
+import e from "./index.module.css.js";
+const G = {
+  enter: e.enter,
+  enterActive: e.enterActive,
+  exit: e.exit,
+  exitActive: e.exitActive
+}, tt = $(
   ({
-    anchorElement: a,
-    position: I,
-    offset: P,
-    open: e,
-    autoCloseDelay: l = 3e3,
-    className: d,
-    bottomOffset: T,
-    style: x = {},
-    block: v,
+    anchorElement: d,
+    position: E,
+    offset: b,
+    open: r,
+    autoCloseDelay: T = 3e3,
+    className: x,
+    bottomOffset: v,
+    style: S = {},
+    block: A,
     onMouseEnter: n,
     onMouseLeave: f,
     onTouchStart: u,
     onClose: o,
-    getPortalContainer: S,
-    ...A
-  }, _) => {
-    const h = O(null), p = O(0), N = y(e), c = i(() => {
-      clearTimeout(p.current), p.current = window.setTimeout(o, l);
-    }, [l, o]), t = i(() => {
+    getPortalContainer: R,
+    ...h
+  }, N) => {
+    const a = l(null), O = l(null), p = l(0), k = z(r), c = i(() => {
+      clearTimeout(p.current), p.current = window.setTimeout(o, T);
+    }, [T, o]), t = i(() => {
       clearTimeout(p.current);
-    }, []), E = i(
+    }, []), j = i(
       (m) => {
         t(), n && n(m);
       },
       [n, t]
-    ), b = i(
+    ), C = i(
       (m) => {
         c(), f && f(m);
       },
       [f, c]
-    ), j = i(
+    ), L = i(
       (m) => {
         t(), u && u(m);
       },
       [u, t]
-    ), C = i(() => {
+    ), M = i(() => {
       o(), t();
     }, [o, t]);
-    q(h, C), M(() => (e !== N && e && c(), () => {
+    y(a, M), g(() => (r !== k && r && c(), () => {
       t();
-    }), [e, N, c, t]);
-    const R = {
-      block: v,
+    }), [r, k, c, t]);
+    const w = {
+      block: A,
       onClose: o,
-      onMouseEnter: E,
-      onMouseLeave: b,
-      onTouchStart: j,
-      ref: $([_, h])
+      onMouseEnter: j,
+      onMouseLeave: C,
+      onTouchStart: L,
+      ref: I([N, a])
     };
-    return a ? /* @__PURE__ */ s(
-      z,
+    return d ? /* @__PURE__ */ s(
+      B,
       {
-        open: e,
-        anchorElement: a,
-        position: I,
-        offset: P,
-        popperClassName: k(r.popover, { [r.block]: v }),
+        open: r,
+        anchorElement: d,
+        position: E,
+        offset: b,
+        popperClassName: P(e.popover, { [e.block]: A }),
         transition: { timeout: 150 },
-        getPortalContainer: S,
-        children: /* @__PURE__ */ s(w, { ...A, style: x, className: d, ...R })
+        getPortalContainer: R,
+        children: /* @__PURE__ */ s(_, { ...h, style: S, className: x, ...w })
       }
-    ) : /* @__PURE__ */ s(B, { getPortalContainer: S, children: /* @__PURE__ */ s(
-      g,
+    ) : /* @__PURE__ */ s(F, { getPortalContainer: R, children: /* @__PURE__ */ s(
+      q,
       {
         unmountOnExit: !0,
-        in: e,
+        in: r,
         timeout: 150,
-        classNames: F,
+        classNames: G,
+        nodeRef: O,
         children: /* @__PURE__ */ s(
-          w,
+          _,
           {
-            ...A,
-            className: k(r.fixed, r.toastPlate, d),
+            ...h,
+            className: P(e.fixed, e.toastPlate, x),
             style: {
-              ...x,
-              bottom: T && `${T}px`
+              ...S,
+              bottom: v && `${v}px`
             },
-            ...R
+            ...w,
+            ref: I([N, a, O])
           }
         )
       }
@@ -101,5 +103,5 @@ const F = {
   }
 );
 export {
-  D as Toast
+  tt as Toast
 };

package/dist/toast/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "toastPlate_Qcyx", e = "popover_CzEm", o = "block_qnPJ", c = "fixed_U9hs", s = "enter_mfll", i = "enterActive_iRE6", n = "exit_lf3x", x = "exitActive_qssL", l = {
   toastPlate: t,
   popover: e,

package/dist/toast-notifier/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const s = "isVisible_kvax", t = "mobile_ARgi", i = "isClosing_fMPD", o = "toastContent_WxLt", n = {
   isVisible: s,
   mobile: t,

package/dist/toast-plate/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "component_2FCo", o = "hasCloser_ig0b", n = "block_aZI2", e = "positive_k8le", c = "checkmark_Uk-P", s = "attention_qo9d", l = "negative_rdTB", a = "neutral_KAat", d = "black_c7gB", i = "closeButton_mFhA", r = "contentWrap_-P3J", _ = "content_ING2", k = "leftAddons_Odkd", b = "title_QZFU", h = "children_tKSv", m = "bottomAddons_ixVc", p = {
   component: t,
   hasCloser: o,

package/dist/tooltip/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const t = "component_KCXt", o = "popper_M9Hf", e = "target_nVe9", p = {
   component: t,
   popper: o,

package/dist/typography/colors.module.css.js

@@ -1,4 +1,5 @@
-import './colors.module.css';
+import * as __css from './colors.css';
+export const __cssModule = __css;
 const t = "primary_f19I", e = "secondary_Gon7", n = "positive_Vno8", i = "attention_ZbzM", r = "negative_7JvU", a = "link_gqQZ", o = "disabled_TPJs", s = "tertiary_e7GJ", c = "accent_-sG9", d = {
   primary: t,
   "primary-inverted": "primary-inverted_g2GM",

package/dist/typography/text/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const a = "paragraph_msaC", r = "title_O9cz", t = "caps_l7Eq", e = "uppercase_JVKe", o = "bold_RuoQ", p = "medium_YL23", s = "regular_h8gT", c = "through_3EDO", m = "component_MPBK", l = {
   paragraph: a,
   "primary-medium": "primary-medium_LhYf",

package/dist/typography/title/common.module.css.js

@@ -1,4 +1,5 @@
-import './common.module.css';
+import * as __css from './common.css';
+export const __cssModule = __css;
 const o = "component_l-zR", e = "bold_R07W", n = "medium_IcxX", m = "regular_2NoX", t = {
   component: o,
   bold: e,

package/dist/typography/title/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const r = "uppercase_NG5Q", a = "through_ezTz", m = {
   "montserrat-xlarge": "montserrat-xlarge_hdgb",
   "montserrat-large": "montserrat-large_Go4J",

package/dist/welcome-layout/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const e = "container_OmIE", t = "reversed_oDLY", i = "left_side_4-uK", n = "left_side_inner_-Lvb", r = "right_side_iFk7", s = "navigator_O-rx", o = "loverocket_DMLi", _ = {
   container: e,
   reversed: t,

package/dist/with-suffix/index.module.css.js

@@ -1,4 +1,5 @@
-import './index.module.css';
+import * as __css from './index.css';
+export const __cssModule = __css;
 const s = "suffixContainer_L2XY", f = "suffixVisible_Yc0T", i = "hasSuffix_k5Iu", e = "spacer_ylEi", n = "suffix_rQNL", a = "disabled_tntc", t = "readOnly_tm8U", u = {
   suffixContainer: s,
   suffixVisible: f,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alphakits/ui",
-    "version": "2.2.0",
+    "version": "2.3.1",
     "files": [
         "dist"
     ],