@ck-ui/component-library 0.2.0 → 1.0.0

package/dist/components/Toast/_helper/ToastContent.js

@@ -2,51 +2,51 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { mergeClasses as n } from "../../../utils/mergeClasses.js";
 import { CKButton as w } from "../../CKButton/index.js";
 import * as e from "react";
-import '../../../assets/ToastContent-DpF5zCks.css';const u = "_toastContent_58jkk_90", E = "_icon_58jkk_97", f = "_content_58jkk_102", L = "_message_58jkk_109", C = "_subtext_58jkk_114", j = "_progressBlock_58jkk_119", x = "_progressTrack_58jkk_126", F = "_progressFill_58jkk_133", v = "_progressFill__success_58jkk_139", M = "_progressFill__error_58jkk_143", T = "_progressFill__warning_58jkk_147", y = "_progressFill__info_58jkk_151", N = "_progressText_58jkk_155", P = "_cta_58jkk_161", t = {
+import '../../../assets/ToastContent-PGkBxPUW.css';const u = "_toastContent_avbze_90", E = "_icon_avbze_97", f = "_content_avbze_102", v = "_message_avbze_109", L = "_subtext_avbze_114", C = "_progressBlock_avbze_119", x = "_progressTrack_avbze_126", b = "_progressFill_avbze_133", F = "_progressFill__success_avbze_139", M = "_progressFill__error_avbze_143", T = "_progressFill__warning_avbze_147", y = "_progressFill__info_avbze_151", z = "_progressText_avbze_155", j = "_cta_avbze_161", t = {
   toastContent: u,
   icon: E,
   content: f,
-  message: L,
-  subtext: C,
-  progressBlock: j,
+  message: v,
+  subtext: L,
+  progressBlock: C,
   progressTrack: x,
-  progressFill: F,
-  progressFill__success: v,
+  progressFill: b,
+  progressFill__success: F,
   progressFill__error: M,
   progressFill__warning: T,
   progressFill__info: y,
-  progressText: N,
-  cta: P
-}, b = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3032_1962)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3032_1962", style: {
+  progressText: z,
+  cta: j
+}, N = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3032_1962)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3032_1962", style: {
   maskType: "luminance"
-}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16 }, /* @__PURE__ */ e.createElement("path", { d: "M18 2H2V18H18V2Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3032_1962)" }, /* @__PURE__ */ e.createElement("path", { d: "M10 16.6667C13.6667 16.6667 16.6667 13.6667 16.6667 10C16.6667 6.33333 13.6667 3.33333 10 3.33333C6.33334 3.33333 3.33334 6.33333 3.33334 10C3.33334 13.6667 6.33334 16.6667 10 16.6667Z", fill: "#249C45", stroke: "#249C45", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7.16663 9.99995L9.05329 11.8866L12.8333 8.1133", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3032_1962" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 2)" })))), B = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3043_1908)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3043_1908", style: {
+}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16 }, /* @__PURE__ */ e.createElement("path", { d: "M18 2H2V18H18V2Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3032_1962)" }, /* @__PURE__ */ e.createElement("path", { d: "M10 16.6667C13.6667 16.6667 16.6667 13.6667 16.6667 10C16.6667 6.33333 13.6667 3.33333 10 3.33333C6.33334 3.33333 3.33334 6.33333 3.33334 10C3.33334 13.6667 6.33334 16.6667 10 16.6667Z", fill: "#249C45", stroke: "#249C45", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7.16663 9.99995L9.05329 11.8866L12.8333 8.1133", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3032_1962" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 2)" })))), P = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3043_1908)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3043_1908", style: {
   maskType: "luminance"
-}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16 }, /* @__PURE__ */ e.createElement("path", { d: "M18 2H2V18H18V2Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3043_1908)" }, /* @__PURE__ */ e.createElement("path", { d: "M9.99998 16.6667C13.6666 16.6667 16.6666 13.6667 16.6666 10C16.6666 6.33333 13.6666 3.33333 9.99998 3.33333C6.33331 3.33333 3.33331 6.33333 3.33331 10C3.33331 13.6667 6.33331 16.6667 9.99998 16.6667Z", fill: "#E52323", stroke: "#E52323", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M8.11334 11.8866L11.8866 8.1133", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M11.8866 11.8866L8.11334 8.1133", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3043_1908" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 2)" })))), H = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3043_1886)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3043_1886", style: {
+}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16 }, /* @__PURE__ */ e.createElement("path", { d: "M18 2H2V18H18V2Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3043_1908)" }, /* @__PURE__ */ e.createElement("path", { d: "M9.99998 16.6667C13.6666 16.6667 16.6666 13.6667 16.6666 10C16.6666 6.33333 13.6666 3.33333 9.99998 3.33333C6.33331 3.33333 3.33331 6.33333 3.33331 10C3.33331 13.6667 6.33331 16.6667 9.99998 16.6667Z", fill: "#E52323", stroke: "#E52323", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M8.11334 11.8866L11.8866 8.1133", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M11.8866 11.8866L8.11334 8.1133", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3043_1908" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 2)" })))), B = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3043_1886)" }, /* @__PURE__ */ e.createElement("mask", { id: "mask0_3043_1886", style: {
   maskType: "luminance"
-}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16 }, /* @__PURE__ */ e.createElement("path", { d: "M18 2H2V18H18V2Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3043_1886)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.0001 16.2729H5.96004C3.6467 16.2729 2.68004 14.6195 3.80004 12.5995L5.88004 8.85286L7.84004 5.33286C9.02674 3.19286 10.9734 3.19286 12.1601 5.33286L14.1201 8.85953L16.2001 12.6062C17.3201 14.6262 16.3467 16.2795 14.0401 16.2795H10.0001V16.2729Z", fill: "#FFCA28", stroke: "#FFCA28", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10 8.00002V11.3334", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M9.99634 13.3333H10.0023", stroke: "white", strokeWidth: 1.33333, strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3043_1886" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 2)" })))), S = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3043_1897)" }, /* @__PURE__ */ e.createElement("path", { d: "M9.99998 16.9564C13.842 16.9564 16.9565 13.8419 16.9565 9.99992C16.9565 6.15794 13.842 3.0434 9.99998 3.0434C6.158 3.0434 3.04346 6.15794 3.04346 9.99992C3.04346 13.8419 6.158 16.9564 9.99998 16.9564Z", fill: "#3A72E4", stroke: "#3A72E4", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10.0063 12.6666L10.0063 9.33328", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10.01 7.33323L10.0037 7.33323", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3043_1897" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 1.99992)" })))), V = {
-  success: /* @__PURE__ */ r(b, {}),
-  error: /* @__PURE__ */ r(B, {}),
-  warning: /* @__PURE__ */ r(H, {}),
-  info: /* @__PURE__ */ r(S, {})
+}, maskUnits: "userSpaceOnUse", x: 2, y: 2, width: 16, height: 16 }, /* @__PURE__ */ e.createElement("path", { d: "M18 2H2V18H18V2Z", fill: "white" })), /* @__PURE__ */ e.createElement("g", { mask: "url(#mask0_3043_1886)" }, /* @__PURE__ */ e.createElement("path", { d: "M10.0001 16.2729H5.96004C3.6467 16.2729 2.68004 14.6195 3.80004 12.5995L5.88004 8.85286L7.84004 5.33286C9.02674 3.19286 10.9734 3.19286 12.1601 5.33286L14.1201 8.85953L16.2001 12.6062C17.3201 14.6262 16.3467 16.2795 14.0401 16.2795H10.0001V16.2729Z", fill: "#FFCA28", stroke: "#FFCA28", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10 8.00002V11.3334", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M9.99634 13.3333H10.0023", stroke: "white", strokeWidth: 1.33333, strokeLinecap: "round", strokeLinejoin: "round" }))), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3043_1886" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 2)" })))), H = (s) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ e.createElement("rect", { width: 20, height: 20, fill: "white" }), /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_3043_1897)" }, /* @__PURE__ */ e.createElement("path", { d: "M9.99998 16.9564C13.842 16.9564 16.9565 13.8419 16.9565 9.99992C16.9565 6.15794 13.842 3.0434 9.99998 3.0434C6.158 3.0434 3.04346 6.15794 3.04346 9.99992C3.04346 13.8419 6.158 16.9564 9.99998 16.9564Z", fill: "#3A72E4", stroke: "#3A72E4", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10.0063 12.6666L10.0063 9.33328", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M10.01 7.33323L10.0037 7.33323", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_3043_1897" }, /* @__PURE__ */ e.createElement("rect", { width: 16, height: 16, fill: "white", transform: "translate(2 1.99992)" })))), S = {
+  success: /* @__PURE__ */ r(N, {}),
+  error: /* @__PURE__ */ r(P, {}),
+  warning: /* @__PURE__ */ r(B, {}),
+  info: /* @__PURE__ */ r(H, {})
 };
-function O({
+function A({
   variant: s,
   message: _,
   subtext: a,
   ctaLabel: c,
   onCtaClick: d,
-  className: k,
-  buttonProps: p,
+  className: p,
+  buttonProps: g,
   progress: o,
-  progressText: g
+  progressText: k
 }) {
-  const l = typeof o == "number" && Number.isFinite(o), h = l ? Math.min(100, Math.max(0, o)) : 0, m = g ?? (l ? `${Math.round(h)}%` : void 0);
+  const l = typeof o == "number" && Number.isFinite(o), h = l ? Math.min(100, Math.max(0, o)) : 0, m = k ?? (l ? `${Math.round(h)}%` : void 0);
   return /* @__PURE__ */ i(
     "div",
     {
-      className: n(t.toastContent, t[s], k),
+      className: n(t.toastContent, t[s], p),
       children: [
-        /* @__PURE__ */ r("span", { className: t.icon, "aria-hidden": "true", children: V[s] }),
+        /* @__PURE__ */ r("span", { className: t.icon, "aria-hidden": "true", children: S[s] }),
         /* @__PURE__ */ i("div", { className: t.content, children: [
           /* @__PURE__ */ r("span", { className: n("ckds-body-sm-med", t.message), children: _ }),
           a && /* @__PURE__ */ r("span", { className: n("ckds-body-xs-reg", t.subtext), children: a }),
@@ -76,7 +76,7 @@ function O({
             w,
             {
               className: n("ckds-body-lg-med", t.cta),
-              ...p,
+              ...g,
               label: c,
               onClick: d
             }
@@ -87,5 +87,5 @@ function O({
   );
 }
 export {
-  O as ToastContent
+  A as ToastContent
 };

package/dist/components/Toast/_helper/ToastProvider.js

@@ -1,13 +1,13 @@
-import { jsx as t } from "react/jsx-runtime";
-import { L as s } from "../../../index-BR6M9zUI.js";
-import '../../../assets/ReactToastify-GNLSjkBZ.css';/* empty css                              */
+import { jsx as s } from "react/jsx-runtime";
+import { x as t } from "../../../index-C8cPPHJD.js";
+import '../../../assets/ReactToastify-tlSLHgLC.css';/* empty css                              */
 function l({
-  containerId: e,
-  limit: o = 5,
+  containerId: o,
+  limit: e = 5,
   ...r
 }) {
-  return /* @__PURE__ */ t(
-    s,
+  return /* @__PURE__ */ s(
+    t,
     {
       position: "top-right",
       autoClose: 4e3,
@@ -16,8 +16,8 @@ function l({
       closeOnClick: !1,
       pauseOnHover: !0,
       draggable: !1,
-      limit: o,
-      containerId: e,
+      limit: e,
+      containerId: o,
       className: "ckds-toast-container",
       ...r
     }

package/dist/components/Toast/_hooks/useToast.js

@@ -1,5 +1,5 @@
 import { jsx as b } from "react/jsx-runtime";
-import { y as o } from "../../../index-BR6M9zUI.js";
+import { y as o } from "../../../index-C8cPPHJD.js";
 import { ToastContent as T } from "../_helper/ToastContent.js";
 const v = {
   success: "default",