@cfx-dev/ui-components 2.1.19 → 2.1.21

package/dist/assets/Skeleton.css

@@ -1 +1 @@
-._skeleton_49zbt_1{display:inline-block;background-color:rgba(var(--color-bg-light),1);border-radius:var(--border-radius-xsmall);animation:_shimmer_49zbt_1 1.5s infinite linear}@keyframes _shimmer_49zbt_1{0%{opacity:0}50%{opacity:100%}to{opacity:0}}
+._skeleton_fx7ao_1{display:inline-block;position:relative;overflow:hidden;background-color:rgba(var(--color-bg-light),1);border-radius:var(--border-radius-xsmall)}._skeleton_fx7ao_1:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#9ea4bd00 0,#9ea4bd33 20%,#9ea4bd80 60%,#9ea4bd00);animation:_shimmer_fx7ao_1 3.5s infinite;content:""}@keyframes _shimmer_fx7ao_1{to{transform:translate(100%)}}

package/dist/cfxIconsBig-BLJjMT-Y.js

@@ -0,0 +1,16 @@
+import o from "./components/Icons/cfx-icons-big/Like.js";
+import r from "./components/Icons/cfx-icons-big/Subscriptions.js";
+import i from "./components/Icons/cfx-icons-big/Upload.js";
+import t from "./components/Icons/cfx-icons-big/Warning.js";
+import e from "./components/Icons/cfx-icons-big/Confirm.js";
+const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Confirm: e,
+  Like: o,
+  Subscriptions: r,
+  Upload: i,
+  Warni: t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  l as I
+};

package/dist/components/Checkbox/Checkbox.js

@@ -47,6 +47,7 @@ import "../Icons/cfx-icons-big/Like.js";
 import "../Icons/cfx-icons-big/Subscriptions.js";
 import "../Icons/cfx-icons-big/Upload.js";
 import "../Icons/cfx-icons-big/Warning.js";
+import "../Icons/cfx-icons-big/Confirm.js";
 import { clsx as R } from "../../utils/clsx.js";
 import { getColor as q } from "../../utils/color.js";
 import '../../assets/Checkbox.css';function X(e, t) {
@@ -108,7 +109,7 @@ function G(e) {
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var x = "Checkbox", [J, tt] = j(x), [Q, V] = J(x), M = a.forwardRef(
+var x = "Checkbox", [J, nt] = j(x), [Q, V] = J(x), M = a.forwardRef(
   (e, t) => {
     const {
       __scopeCheckbox: n,
@@ -248,7 +249,7 @@ function re(e) {
   ), i = q(e);
   return /* @__PURE__ */ f(Z, { ...r, id: t, style: { color: i }, className: p, children: /* @__PURE__ */ f(ee, { className: R(g.indicator, s), children: /* @__PURE__ */ f($, {}) }) });
 }
-const nt = L.memo(re);
+const ot = L.memo(re);
 export {
-  nt as default
+  ot as default
 };

package/dist/components/Icon/Icon.js

@@ -5,15 +5,16 @@ import "../Icons/cfx-icons-big/Like.js";
 import "../Icons/cfx-icons-big/Subscriptions.js";
 import "../Icons/cfx-icons-big/Upload.js";
 import "../Icons/cfx-icons-big/Warning.js";
+import "../Icons/cfx-icons-big/Confirm.js";
 import { getTextOpacity as h } from "../Text/Text.js";
 import { ui as t } from "../ui.js";
 import { clsx as y } from "../../utils/clsx.js";
 import { getColor as z } from "../../utils/color.js";
 import '../../assets/Icon.css';const S = "_root_sqbzn_1", _ = {
   root: S
-}, k = l.forwardRef(function(r, e) {
+}, A = l.forwardRef(function(r, i) {
   const {
-    as: i = "div",
+    as: e = "div",
     size: o = "normal",
     opacity: m,
     className: c,
@@ -29,8 +30,8 @@ import '../../assets/Icon.css';const S = "_root_sqbzn_1", _ = {
     width: t.fontSize(o),
     height: t.fontSize(o)
   }, f = d[s];
-  return /* @__PURE__ */ n(i, { ref: e, style: p, className: y(_.root, c), children: /* @__PURE__ */ n(f, { style: a }) });
+  return /* @__PURE__ */ n(e, { ref: i, style: p, className: y(_.root, c), children: /* @__PURE__ */ n(f, { style: a }) });
 });
 export {
-  k as Icon
+  A as Icon
 };

package/dist/components/IconBig/IconBig.js

@@ -40,7 +40,7 @@ import "../Icons/cfx-icons/Users.js";
 import "../Icons/cfx-icons/Visibility.js";
 import "../Icons/cfx-icons/VisibilityOff.js";
 import "../Icons/cfx-icons/Warning.js";
-import { I as f } from "../../cfxIconsBig-CNY8zL27.js";
+import { I as f } from "../../cfxIconsBig-BLJjMT-Y.js";
 import { getTextOpacity as g } from "../Text/Text.js";
 import { clsx as z } from "../../utils/clsx.js";
 import { getColor as y } from "../../utils/color.js";

package/dist/components/Icons/IconsShowcase.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { I as s } from "../../cfxIcons-BlbKR-zU.js";
-import { I as c } from "../../cfxIconsBig-CNY8zL27.js";
+import { I as c } from "../../cfxIconsBig-BLJjMT-Y.js";
 function d() {
   const l = Object.entries(s).map(([i, t]) => ({
     name: i,

package/dist/components/Icons/cfx-icons-big/Confirm.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function Confirm(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof Confirm>;
+export default _default;

package/dist/components/Icons/cfx-icons-big/Confirm.js

@@ -0,0 +1,39 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import e from "react";
+function n(o) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      ...o,
+      viewBox: "0 0 64 64",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r(
+          "circle",
+          {
+            cx: "32",
+            cy: "32",
+            r: "22.75",
+            stroke: "currentColor",
+            strokeWidth: "2.5"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M44 24L27.2003 41L20 33.7139",
+            stroke: "currentColor",
+            strokeWidth: "2.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+const c = e.memo(n);
+export {
+  c as default
+};

package/dist/components/Icons/cfxIconsBig.d.ts

@@ -2,3 +2,4 @@ export { default as Like } from './cfx-icons-big/Like';
 export { default as Subscriptions } from './cfx-icons-big/Subscriptions';
 export { default as Upload } from './cfx-icons-big/Upload';
 export { default as Warni } from './cfx-icons-big/Warning';
+export { default as Confirm } from './cfx-icons-big/Confirm';

package/dist/components/Icons/cfxIconsBig.js

@@ -1,10 +1,12 @@
-import { default as r } from "./cfx-icons-big/Like.js";
-import { default as t } from "./cfx-icons-big/Subscriptions.js";
+import { default as a } from "./cfx-icons-big/Like.js";
+import { default as f } from "./cfx-icons-big/Subscriptions.js";
 import { default as p } from "./cfx-icons-big/Upload.js";
 import { default as d } from "./cfx-icons-big/Warning.js";
+import { default as m } from "./cfx-icons-big/Confirm.js";
 export {
-  r as Like,
-  t as Subscriptions,
+  m as Confirm,
+  a as Like,
+  f as Subscriptions,
   p as Upload,
   d as Warni
 };

package/dist/components/Icons/index.js

@@ -1,5 +1,5 @@
 import { I as s } from "../../cfxIcons-BlbKR-zU.js";
-import { I as a } from "../../cfxIconsBig-CNY8zL27.js";
+import { I as a } from "../../cfxIconsBig-BLJjMT-Y.js";
 export {
   s as Icons,
   a as IconsBig

package/dist/components/Skeleton/Skeleton.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import n from "react";
 import { TextSizeEnum as l } from "../Text/Text.types.js";
-import '../../assets/Skeleton.css';const r = "_skeleton_49zbt_1", i = "_shimmer_49zbt_1", f = {
+import '../../assets/Skeleton.css';const r = "_skeleton_fx7ao_1", i = "_shimmer_fx7ao_1", f = {
   skeleton: r,
   shimmer: i
 };
-function _({
+function a({
   width: o = "100%",
   height: e = "20px",
   borderRadius: s = "4px"
@@ -23,7 +23,7 @@ function _({
     }
   );
 }
-const p = n.memo(_);
+const k = n.memo(a);
 export {
-  p as default
+  k as default
 };

package/dist/main.js

@@ -32,7 +32,7 @@ import { Dot as vo } from "./components/Dot/Dot.js";
 import { FLYOUT_OUTLET_ID as Uo, Flyout as zo } from "./components/Flyout/Flyout.js";
 import { Logos as No } from "./components/Logos/index.js";
 import { I as wo } from "./cfxIcons-BlbKR-zU.js";
-import { I as Yo } from "./cfxIconsBig-CNY8zL27.js";
+import { I as Yo } from "./cfxIconsBig-BLJjMT-Y.js";
 import { Icon as Mo } from "./components/Icon/Icon.js";
 import { IconBig as jo } from "./components/IconBig/IconBig.js";
 import { Indicator as Jo } from "./components/Indicator/Indicator.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "2.1.19",
+  "version": "2.1.21",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",

package/dist/cfxIconsBig-CNY8zL27.js

@@ -1,14 +0,0 @@
-import o from "./components/Icons/cfx-icons-big/Like.js";
-import r from "./components/Icons/cfx-icons-big/Subscriptions.js";
-import t from "./components/Icons/cfx-icons-big/Upload.js";
-import e from "./components/Icons/cfx-icons-big/Warning.js";
-const a = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Like: o,
-  Subscriptions: r,
-  Upload: t,
-  Warni: e
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  a as I
-};