@cfx-dev/ui-components 3.0.2 → 3.0.4

package/dist/components/Decorate/Decorate.js

@@ -1,20 +1,20 @@
-import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import i from "react";
+import { jsxs as n, jsx as m } from "react/jsx-runtime";
+import f from "react";
 import { clsx as t } from "../../utils/clsx.js";
-const _ = "_root_jt9ac_1", f = "_decorator_jt9ac_4", c = {
-  root: _,
-  decorator: f
-}, u = i.forwardRef(function(o, a) {
+const i = "cfxui__Decorate__root__8f2af", l = "cfxui__Decorate__decorator__db06a", c = {
+  root: i,
+  decorator: l
+}, h = f.forwardRef(function(o, e) {
   const {
     decorator: r,
-    children: e,
+    children: a,
     className: s
-  } = o, d = t(c.root, s), n = t(c.decorator, o.decoratorClassName);
-  return /* @__PURE__ */ m("div", { ref: a, className: d, children: [
-    e,
-    !!r && /* @__PURE__ */ l("div", { className: n, children: r })
+  } = o, d = t(c.root, s), _ = t(c.decorator, o.decoratorClassName);
+  return /* @__PURE__ */ n("div", { ref: e, className: d, children: [
+    a,
+    !!r && /* @__PURE__ */ m("div", { className: _, children: r })
   ] });
 });
 export {
-  u as Decorate
+  h as Decorate
 };

package/dist/components/Dot/Dot.js

@@ -1,23 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import l from "react";
-import { clsx as m } from "../../utils/clsx.js";
-import { getColor as i } from "../../utils/color.js";
-const _ = "_root_8a36f_1", r = {
-  root: _,
-  "size-small": "_size-small_8a36f_6",
-  "size-normal": "_size-normal_8a36f_10",
-  "size-large": "_size-large_8a36f_14"
-}, g = l.forwardRef(function(o, t) {
+import { jsx as s } from "react/jsx-runtime";
+import i from "react";
+import { clsx as l } from "../../utils/clsx.js";
+import { getColor as a } from "../../utils/color.js";
+const c = "cfxui__Dot__root__9bed3", r = {
+  root: c,
+  "size-small": "cfxui__Dot__size-small__b7d03",
+  "size-normal": "cfxui__Dot__size-normal__e73b3",
+  "size-large": "cfxui__Dot__size-large__4fe0a"
+}, x = i.forwardRef(function(o, _) {
   const {
-    size: a = "normal",
-    className: s
+    size: t = "normal",
+    className: e
   } = o;
-  return /* @__PURE__ */ e(
+  return /* @__PURE__ */ s(
     "div",
     {
-      ref: t,
-      className: m(r.root, r[`size-${a}`], s),
-      style: { backgroundColor: i({
+      ref: _,
+      className: l(r.root, r[`size-${t}`], e),
+      style: { backgroundColor: a({
         ...o,
         color: o.color || "primary"
       }) }
@@ -25,5 +25,5 @@ const _ = "_root_8a36f_1", r = {
   );
 });
 export {
-  g as Dot
+  x as Dot
 };

package/dist/components/Flyout/Flyout.js

@@ -1,61 +1,61 @@
-import { jsxs as d, jsx as o } from "react/jsx-runtime";
-import i from "react";
-import { F as p } from "../../Combination-BRUj3CHE.js";
-import { Button as v } from "../Button/Button.js";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import n from "react";
+import { F as f } from "../../Combination-BRUj3CHE.js";
+import { Button as p } from "../Button/Button.js";
 import { Interactive as h } from "../Interactive/Interactive.js";
-import { clsx as c } from "../../utils/clsx.js";
-import { noop as f } from "../../utils/functional.js";
+import { clsx as l } from "../../utils/clsx.js";
+import { noop as y } from "../../utils/functional.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
-import { useKeyboardClose as k } from "../../utils/hooks/useKeyboardClose.js";
-import { useOutlet as q } from "../../utils/hooks/useOutlet.js";
-const b = "_root_6qvdu_1", C = "_holder_6qvdu_6", N = "_active_6qvdu_15", z = "_backdrop_6qvdu_15", y = "_mask_6qvdu_28", F = "_content_6qvdu_90", L = "_header_6qvdu_95", x = "_title_6qvdu_101", e = {
-  root: b,
-  "size-normal": "_size-normal_6qvdu_6",
-  holder: C,
-  "size-small": "_size-small_6qvdu_9",
-  "size-xsmall": "_size-xsmall_6qvdu_12",
-  active: N,
-  backdrop: z,
-  "backdrop-appearance": "_backdrop-appearance_6qvdu_1",
-  mask: y,
-  "holder-appearance": "_holder-appearance_6qvdu_1",
-  content: F,
+import { useKeyboardClose as F } from "../../utils/hooks/useKeyboardClose.js";
+import { useOutlet as x } from "../../utils/hooks/useOutlet.js";
+const k = "cfxui__Flyout__root__eba04", b = "cfxui__Flyout__holder__d80b5", v = "cfxui__Flyout__active__14a29", C = "cfxui__Flyout__backdrop__57f9e", N = "cfxui__Flyout__mask__72713", z = "cfxui__Flyout__content__04e42", L = "cfxui__Flyout__header__40009", O = "cfxui__Flyout__title__b235a", o = {
+  root: k,
+  "size-normal": "cfxui__Flyout__size-normal__e1165",
+  holder: b,
+  "size-small": "cfxui__Flyout__size-small__038a5",
+  "size-xsmall": "cfxui__Flyout__size-xsmall__839e8",
+  active: v,
+  backdrop: C,
+  "backdrop-appearance": "cfxui__Flyout__backdrop-appearance__d9564",
+  mask: N,
+  "holder-appearance": "cfxui__Flyout__holder-appearance__e818c",
+  content: z,
   header: L,
-  title: x
-}, O = "flyout-outlet";
-function E(n) {
+  title: O
+}, E = "flyout-outlet";
+function I(c) {
   const {
     disabled: t = !1,
     size: a = "normal",
-    onClose: r = f,
-    children: l,
-    holderClassName: m
-  } = n, _ = q(O);
-  i.useEffect(() => {
+    onClose: s = y,
+    children: r,
+    holderClassName: d
+  } = c, u = x(E);
+  n.useEffect(() => {
     if (t)
       return;
-    const s = document.getElementById("cfxui-root");
-    return s == null || s.classList.add("shrink"), () => s == null ? void 0 : s.classList.remove("shrink");
-  }, [t]), k(r);
-  const u = c(e.root, e[`size-${a}`], {
-    [e.active]: !t
+    const _ = document.getElementById("cfxui-root");
+    return _ == null || _.classList.add("shrink"), () => _ == null ? void 0 : _.classList.remove("shrink");
+  }, [t]), F(s);
+  const m = l(o.root, o[`size-${a}`], {
+    [o.active]: !t
   });
-  return /* @__PURE__ */ o(_, { children: /* @__PURE__ */ d("div", { className: u, children: [
-    /* @__PURE__ */ o(h, { showPointer: !1, className: e.backdrop, onClick: r }),
-    /* @__PURE__ */ o("div", { className: e.mask, children: /* @__PURE__ */ o("div", { className: c(e.holder, m), children: /* @__PURE__ */ o(p, { disabled: !!t, className: e.content, children: l }) }) })
+  return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ i("div", { className: m, children: [
+    /* @__PURE__ */ e(h, { showPointer: !1, className: o.backdrop, onClick: s }),
+    /* @__PURE__ */ e("div", { className: o.mask, children: /* @__PURE__ */ e("div", { className: l(o.holder, d), children: /* @__PURE__ */ e(f, { disabled: !!t, className: o.content, children: r }) }) })
   ] }) });
 }
-E.Header = i.forwardRef(function(t, a) {
+I.Header = n.forwardRef(function(t, a) {
   const {
-    onClose: r,
-    children: l
+    onClose: s,
+    children: r
   } = t;
-  return /* @__PURE__ */ d("div", { ref: a, className: e.header, children: [
-    /* @__PURE__ */ o("div", { className: e.title, children: l }),
-    !!r && /* @__PURE__ */ o(v, { icon: "Close", onClick: r })
+  return /* @__PURE__ */ i("div", { ref: a, className: o.header, children: [
+    /* @__PURE__ */ e("div", { className: o.title, children: r }),
+    !!s && /* @__PURE__ */ e(p, { icon: "Close", onClick: s })
   ] });
 });
 export {
-  O as FLYOUT_OUTLET_ID,
-  E as Flyout
+  E as FLYOUT_OUTLET_ID,
+  I as Flyout
 };

package/dist/components/Icon/Icon.js

@@ -1,36 +1,36 @@
 import { jsx as n } from "react/jsx-runtime";
 import l from "react";
-import { I as d } from "../../cfxIcons-BlbKR-zU.js";
+import { I as _ } from "../../cfxIcons-BNd1WgpX.js";
 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 { getTextOpacity as d } 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";
-const S = "_root_sqbzn_1", _ = {
-  root: S
+import { clsx as h } from "../../utils/clsx.js";
+import { getColor as y } from "../../utils/color.js";
+const I = "cfxui__Icon__root__6c380", S = {
+  root: I
 }, A = l.forwardRef(function(r, i) {
   const {
-    as: e = "div",
+    as: c = "div",
     size: o = "normal",
-    opacity: m,
-    className: c,
+    opacity: e,
+    className: m,
     name: s
   } = r, p = {
-    color: z({
+    color: y({
       ...r,
-      opacity: h(m)
+      opacity: d(e)
     }),
     width: t.fontSize(o),
     height: t.fontSize(o)
-  }, a = {
+  }, f = {
     width: t.fontSize(o),
     height: t.fontSize(o)
-  }, f = d[s];
-  return /* @__PURE__ */ n(e, { ref: i, style: p, className: y(_.root, c), children: /* @__PURE__ */ n(f, { style: a }) });
+  }, a = _[s];
+  return /* @__PURE__ */ n(c, { ref: i, style: p, className: h(S.root, m), children: /* @__PURE__ */ n(a, { style: f }) });
 });
 export {
   A as Icon

package/dist/components/IconBig/IconBig.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import _ from "react";
+import l from "react";
 import "../Icons/cfx-icons/Close.js";
 import "../Icons/cfx-icons/Controller.js";
 import "../Icons/cfx-icons/Copy.js";
@@ -40,30 +40,35 @@ 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 "../Icons/cfx-icons/Cart.js";
+import "../Icons/cfx-icons/User.js";
+import "../Icons/cfx-icons/Verified.js";
+import "../Icons/cfx-icons/UpvotesBurst.js";
+import "../Icons/cfx-icons/UpvotesRecurring.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";
-const C = "_root_b0cs1_1", r = {
-  root: C,
-  "size-small": "_size-small_b0cs1_6",
-  "size-normal": "_size-normal_b0cs1_14",
-  "size-large": "_size-large_b0cs1_22"
-}, fo = _.forwardRef(function(o, i) {
+import { clsx as I } from "../../utils/clsx.js";
+import { getColor as x } from "../../utils/color.js";
+const z = "cfxui__IconBig__root__f259a", i = {
+  root: z,
+  "size-small": "cfxui__IconBig__size-small__4e0b8",
+  "size-normal": "cfxui__IconBig__size-normal__6ab6d",
+  "size-large": "cfxui__IconBig__size-large__753d2"
+}, Bo = l.forwardRef(function(o, r) {
   const {
     as: m = "div",
     size: p = "normal",
-    opacity: s,
-    className: c,
-    name: e
-  } = o, n = {
-    color: y({
+    opacity: c,
+    className: s,
+    name: n
+  } = o, e = {
+    color: x({
       ...o,
-      opacity: g(s)
+      opacity: g(c)
     })
-  }, a = z(r.root, r[`size-${p}`], c), l = f[e];
-  return /* @__PURE__ */ t(m, { ref: i, style: n, className: a, children: /* @__PURE__ */ t(l, {}) });
+  }, _ = I(i.root, i[`size-${p}`], s), a = f[n];
+  return /* @__PURE__ */ t(m, { ref: r, style: e, className: _, children: /* @__PURE__ */ t(a, {}) });
 });
 export {
-  fo as IconBig
+  Bo as IconBig
 };

package/dist/components/IconButton/IconButton.js

@@ -1,38 +1,38 @@
 import { jsx as t } from "react/jsx-runtime";
-import _ from "react";
-import { Icon as p } from "../Icon/Icon.js";
-import { clsx as x } from "../../utils/clsx.js";
-const d = "_unset_1l0x5_1", f = "_root_1l0x5_5", b = "_medium_1l0x5_19", g = "_large_1l0x5_22", o = {
-  unset: d,
-  root: f,
-  medium: b,
-  large: g
+import i from "react";
+import { Icon as f } from "../Icon/Icon.js";
+import { clsx as d } from "../../utils/clsx.js";
+const p = "cfxui__IconButton__unset__de209", x = "cfxui__IconButton__root__5af4a", I = "cfxui__IconButton__medium__52958", B = "cfxui__IconButton__large__6d5d8", o = {
+  unset: p,
+  root: x,
+  medium: I,
+  large: B
 };
-function y(e) {
+function b(n) {
   const {
-    name: r,
-    onClick: s,
-    className: a,
-    disabled: l,
-    ariaLabel: n,
-    areaSize: m = "small",
-    size: c = "xxsmall",
-    color: i = "primary",
-    ...u
-  } = e;
+    name: e,
+    onClick: a,
+    className: c,
+    disabled: r,
+    ariaLabel: s,
+    areaSize: _ = "small",
+    size: u = "xxsmall",
+    color: m = "primary",
+    ...l
+  } = n;
   return /* @__PURE__ */ t(
     "button",
     {
       type: "button",
-      className: x(o.unset, o.root, a, o[m]),
-      onClick: s,
-      disabled: l,
-      "aria-label": n,
-      children: /* @__PURE__ */ t(p, { as: "span", name: r, ...u, color: i, size: c })
+      className: d(o.unset, o.root, c, o[_]),
+      onClick: a,
+      disabled: r,
+      "aria-label": s,
+      children: /* @__PURE__ */ t(f, { as: "span", name: e, ...l, color: m, size: u })
     }
   );
 }
-const h = _.memo(y);
+const h = i.memo(b);
 export {
   h as default
 };

package/dist/components/Icons/IconsShowcase.js

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

package/dist/components/Icons/cfx-icons/Cart.d.ts

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

package/dist/components/Icons/cfx-icons/Cart.js

@@ -0,0 +1,42 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import e from "react";
+function n(t) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...t,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M3.15659 4.28H13L12 10.21H4.1L2.84 2.29L0.75 1.75",
+            stroke: "currentColor",
+            strokeWidth: "1.5",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M5.64998 12.05C5.00998 12.05 4.47998 12.57 4.47998 13.22C4.47998 13.87 4.99998 14.39 5.64998 14.39C6.29998 14.39 6.81998 13.87 6.81998 13.22C6.81998 12.57 6.29998 12.05 5.64998 12.05Z"
+          }
+        ),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            fill: "currentColor",
+            d: "M10.65 12.05C10.01 12.05 9.47998 12.57 9.47998 13.22C9.47998 13.87 9.99998 14.39 10.65 14.39C11.3 14.39 11.82 13.87 11.82 13.22C11.82 12.57 11.3 12.05 10.65 12.05Z"
+          }
+        )
+      ]
+    }
+  );
+}
+const i = e.memo(n);
+export {
+  i as default
+};

package/dist/components/Icons/cfx-icons/UpvotesBurst.d.ts

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

package/dist/components/Icons/cfx-icons/UpvotesBurst.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import r from "react";
+function e(o) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      ...o,
+      viewBox: "0 0 16 16",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ t(
+        "path",
+        {
+          d: "M7.75 2.75V12.75M12.75 7.75H2.75M4.89 4.89L10.61 10.61M10.61 4.89L4.89 10.61",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+const i = r.memo(e);
+export {
+  i as default
+};

package/dist/components/Icons/cfx-icons/UpvotesRecurring.d.ts

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

package/dist/components/Icons/cfx-icons/UpvotesRecurring.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import e from "react";
+function t(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M12.33 9.75C11.56 11.52 9.8 12.75 7.75 12.75C4.99 12.75 2.75 10.51 2.75 7.75C2.75 4.99 4.99 2.75 7.75 2.75C9.8 2.75 11.56 3.98 12.33 5.75M13.76 4.13L12.89 7L10.02 6.13M7.53998 5.56995V8.51995L8.68998 9.67995"
+        }
+      )
+    }
+  );
+}
+const s = e.memo(t);
+export {
+  s as default
+};

package/dist/components/Icons/cfx-icons/User.d.ts

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

package/dist/components/Icons/cfx-icons/User.js

@@ -0,0 +1,31 @@
+import { jsxs as t, jsx as C } from "react/jsx-runtime";
+import o from "react";
+function e(r) {
+  return /* @__PURE__ */ t(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M8.00545 8.22533C6.24973 8.22533 4.7121 9.0952 3.81788 10.4157C3.46892 10.9188 3.22901 11.4952 3.09815 12.1135C3.07634 12.2183 3.07634 12.3231 3.06543 12.4279C3.04362 12.6271 3 12.8262 3 13.0358V14H13V13.0358C13 10.3843 10.7644 8.22533 7.99455 8.22533H8.00545ZM4.7012 12.4279C4.99564 10.9293 6.36968 9.79738 8.00545 9.79738C9.64122 9.79738 11.0153 10.9293 11.3097 12.4279H4.69029H4.7012Z"
+          }
+        ),
+        /* @__PURE__ */ C(
+          "path",
+          {
+            d: "M8.00545 6.6952C9.35769 6.6952 10.4482 5.64716 10.4482 4.3476C10.4482 3.04803 9.35769 2 8.00545 2C6.65322 2 5.5627 3.04803 5.5627 4.3476C5.5627 5.64716 6.65322 6.6952 8.00545 6.6952ZM8.00545 3.58253C8.45256 3.58253 8.81243 3.92838 8.81243 4.35808C8.81243 4.78777 8.45256 5.13362 8.00545 5.13362C7.55834 5.13362 7.19847 4.78777 7.19847 4.35808C7.19847 3.92838 7.55834 3.58253 8.00545 3.58253Z"
+          }
+        )
+      ]
+    }
+  );
+}
+const m = o.memo(e);
+export {
+  m as default
+};

package/dist/components/Icons/cfx-icons/Verified.d.ts

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

package/dist/components/Icons/cfx-icons/Verified.js

@@ -0,0 +1,23 @@
+import { jsx as C } from "react/jsx-runtime";
+import e from "react";
+function t(r) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      ...r,
+      viewBox: "0 0 16 16",
+      fill: "currentColor",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: /* @__PURE__ */ C(
+        "path",
+        {
+          d: "M14.72 8.08718C14.72 7.43718 13.92 6.92718 13.73 6.34718C13.53 5.73718 13.88 4.85718 13.51 4.34718C13.14 3.83718 12.19 3.89718 11.68 3.52718C11.18 3.15718 10.94 2.23718 10.33 2.03718C9.75 1.84718 9.01 2.44718 8.36 2.44718C7.71 2.44718 6.98 1.84718 6.39 2.03718C5.78 2.23718 5.54 3.15718 5.04 3.52718C4.53 3.89718 3.58 3.84718 3.21 4.34718C2.84 4.84718 3.19 5.73718 2.99 6.34718C2.8 6.92718 2 7.44718 2 8.08718C2 8.72718 2.8 9.24718 2.99 9.82718C3.19 10.4372 2.84 11.3172 3.21 11.8272C3.58 12.3372 4.53 12.2772 5.04 12.6472C5.54 13.0172 5.78 13.9372 6.39 14.1372C6.97 14.3272 7.71 13.7272 8.36 13.7272C9.01 13.7272 9.74 14.3272 10.33 14.1372C10.94 13.9372 11.18 13.0172 11.68 12.6472C12.19 12.2772 13.14 12.3272 13.51 11.8272C13.88 11.3272 13.53 10.4372 13.73 9.82718C13.92 9.24718 14.72 8.72718 14.72 8.08718ZM11.72 6.94718L7.53 11.1372C7.38 11.2872 7.19 11.3572 7 11.3572C6.81 11.3572 6.62 11.2872 6.47 11.1372L5.01 9.67718C4.72 9.38718 4.72 8.90718 5.01 8.61718C5.3 8.32718 5.78 8.32718 6.07 8.61718L7 9.54718L10.66 5.88718C10.95 5.59718 11.43 5.59718 11.72 5.88718C12.01 6.17718 12.01 6.65718 11.72 6.94718Z"
+        }
+      )
+    }
+  );
+}
+const f = e.memo(t);
+export {
+  f as default
+};

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

@@ -38,3 +38,8 @@ export { default as Users } from './cfx-icons/Users';
 export { default as Visibility } from './cfx-icons/Visibility';
 export { default as VisibilityOff } from './cfx-icons/VisibilityOff';
 export { default as Warning } from './cfx-icons/Warning';
+export { default as Cart } from './cfx-icons/Cart';
+export { default as User } from './cfx-icons/User';
+export { default as Verified } from './cfx-icons/Verified';
+export { default as UpvotesBurst } from './cfx-icons/UpvotesBurst';
+export { default as UpvotesRecurring } from './cfx-icons/UpvotesRecurring';