@cfx-dev/ui-components 2.1.23 → 3.0.0

package/dist/style-guide/Colors/ColorVariationsShowcase.d.ts

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

package/dist/style-guide/Colors/ColorVariationsShowcase.js

@@ -1,43 +0,0 @@
-import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import e from "react";
-import M, { COLOR_NAMES as r, THEME_NAMES as i, COLOR_LUMINANCES as m } from "./ColorShowcase.js";
-import { Select as t } from "../../components/Select/Select.js";
-import '../../assets/ColorVariationsShowcase.css';const O = "_root_1rsbp_1", g = "_controls_1rsbp_1", u = {
-  root: O,
-  controls: g
-};
-function L() {
-  const [n, h] = e.useState(r[0]), [a, C] = e.useState(i[0]), [l, p] = e.useState(m[0]), _ = e.useMemo(() => r.map((o) => ({
-    value: o,
-    label: o
-  })), []), S = e.useMemo(() => i.map((o) => ({
-    value: o,
-    label: o
-  })), []), d = e.useMemo(() => m.map((o) => ({
-    value: o,
-    label: o
-  })), []), b = e.useCallback((o) => {
-    h(o);
-  }, []), v = e.useCallback((o) => {
-    C(o);
-  }, []), f = e.useCallback((o) => {
-    p(o);
-  }, []);
-  return /* @__PURE__ */ c("div", { className: u.root, children: [
-    /* @__PURE__ */ c("div", { className: u.controls, children: [
-      "Color ",
-      /* @__PURE__ */ s(t, { options: _, value: n, onChange: b }),
-      " ",
-      " Theme ",
-      /* @__PURE__ */ s(t, { options: S, value: a, onChange: v }),
-      " ",
-      " Luminance ",
-      /* @__PURE__ */ s(t, { options: d, value: l, onChange: f })
-    ] }),
-    /* @__PURE__ */ s(M, { color: n, theme: a, luminance: l })
-  ] });
-}
-const x = e.memo(L);
-export {
-  x as default
-};

package/dist/style-guide/Colors/ColorsShowcase.d.ts

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

package/dist/style-guide/Colors/ColorsShowcase.js

@@ -1,43 +0,0 @@
-import { jsxs as _, jsx as c, Fragment as e } from "react/jsx-runtime";
-import a from "react";
-import f, { THEME_NAMES as d, COLOR_NAMES as n } from "./ColorShowcase.js";
-import '../../assets/ColorsShowcase.css';const i = "_root_dind7_349", x = "_colorLableTop_dind7_355", t = "_colorLableLeft_dind7_363", r = {
-  "cfxui-theme-cfx": "_cfxui-theme-cfx_dind7_1",
-  "cfx-color-primary": "_cfx-color-primary_dind7_279",
-  "cfx-color-success": "_cfx-color-success_dind7_282",
-  "cfx-color-warning": "_cfx-color-warning_dind7_285",
-  "cfx-color-error": "_cfx-color-error_dind7_288",
-  "cfx-color-teal": "_cfx-color-teal_dind7_291",
-  "cfx-color-aurum": "_cfx-color-aurum_dind7_294",
-  "cfx-color-silver": "_cfx-color-silver_dind7_297",
-  "cfx-color-accent": "_cfx-color-accent_dind7_300",
-  "cfx-color-secondary": "_cfx-color-secondary_dind7_306",
-  "cfx-color-tertiary": "_cfx-color-tertiary_dind7_309",
-  "cfx-color-green": "_cfx-color-green_dind7_312",
-  "cfx-color-yellow": "_cfx-color-yellow_dind7_315",
-  "cfx-color-red": "_cfx-color-red_dind7_318",
-  "cfx-color-argentum": "_cfx-color-argentum_dind7_321",
-  "cfx-color-platinum": "_cfx-color-platinum_dind7_327",
-  "cfx-color-bg": "_cfx-color-bg_dind7_330",
-  "cfx-color-bg-light": "_cfx-color-bg-light_dind7_333",
-  "cfx-color-bg-dark": "_cfx-color-bg-dark_dind7_336",
-  "cfx-color-bg-dark-grey": "_cfx-color-bg-dark-grey_dind7_339",
-  "cfx-color-bg-black": "_cfx-color-bg-black_dind7_342",
-  root: i,
-  colorLableTop: x,
-  colorLableLeft: t
-};
-function s() {
-  return /* @__PURE__ */ _("div", { className: r.root, children: [
-    /* @__PURE__ */ c("div", { className: r.colorLableTop, children: " " }),
-    d.map((o) => /* @__PURE__ */ c("div", { className: r.colorLableTop, children: o }, o)),
-    n.map((o) => /* @__PURE__ */ _(e, { children: [
-      /* @__PURE__ */ c("div", { className: r.colorLableLeft, children: o }),
-      d.map((l) => /* @__PURE__ */ c(f, { color: o, theme: l, alpha: "100" }, `ColorShowcase${l}`))
-    ] }))
-  ] });
-}
-const p = a.memo(s);
-export {
-  p as default
-};

package/dist/style-guide/Layout/ControlHeightShowcase.d.ts

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

package/dist/style-guide/Layout/ControlHeightShowcase.js

@@ -1,27 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import a from "react";
-import '../../assets/ControlHeightShowcase.css';const c = "_showcaseBlock_m08sq_4", h = "_showcaseBlockLabel_m08sq_11", n = "_root_m08sq_53", i = "_controlheightBlockOuter_m08sq_65", l = {
-  showcaseBlock: c,
-  showcaseBlockLabel: h,
-  "var-controlheight-xxsmall": "_var-controlheight-xxsmall_m08sq_17",
-  "var-controlheight-xsmall": "_var-controlheight-xsmall_m08sq_23",
-  "var-controlheight-small": "_var-controlheight-small_m08sq_29",
-  "var-controlheight-normal": "_var-controlheight-normal_m08sq_35",
-  "var-controlheight-large": "_var-controlheight-large_m08sq_41",
-  "var-controlheight-xlarge": "_var-controlheight-xlarge_m08sq_47",
-  root: n,
-  controlheightBlockOuter: i
-}, _ = Object.entries(l).reduce((o, [t, r]) => (t.startsWith("var-controlheight") && o.push({
-  label: t.replace("var-controlheight-", "").replace(/-/g, ""),
-  value: r
-}), o), []);
-function m() {
-  return /* @__PURE__ */ e("div", { className: l.root, children: _.map((o) => /* @__PURE__ */ s("div", { className: l.showcaseBlock, children: [
-    /* @__PURE__ */ e("div", { className: l.controlheightBlockOuter, children: /* @__PURE__ */ e("div", { className: o.value }) }),
-    /* @__PURE__ */ e("div", { className: l.showcaseBlockLabel, children: o.label })
-  ] }, o.value)) });
-}
-const u = a.memo(m);
-export {
-  u as default
-};

package/dist/style-guide/Layout/OffsetShowcase.d.ts

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

package/dist/style-guide/Layout/OffsetShowcase.js

@@ -1,32 +0,0 @@
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import t from "react";
-import '../../assets/OffsetShowcase.css';const l = "_showcaseBlock_1r16g_4", _ = "_showcaseBlockLabel_1r16g_11", c = "_root_1r16g_83", v = "_offsetBlockOuter_1r16g_95", s = {
-  showcaseBlock: l,
-  showcaseBlockLabel: _,
-  "var-offset-none": "_var-offset-none_1r16g_17",
-  "var-offset-hairthin": "_var-offset-hairthin_1r16g_23",
-  "var-offset-thin": "_var-offset-thin_1r16g_29",
-  "var-offset-xxsmall": "_var-offset-xxsmall_1r16g_35",
-  "var-offset-xsmall": "_var-offset-xsmall_1r16g_41",
-  "var-offset-small": "_var-offset-small_1r16g_47",
-  "var-offset-normal": "_var-offset-normal_1r16g_53",
-  "var-offset-medium": "_var-offset-medium_1r16g_59",
-  "var-offset-large": "_var-offset-large_1r16g_65",
-  "var-offset-xlarge": "_var-offset-xlarge_1r16g_71",
-  "var-offset-safezone": "_var-offset-safezone_1r16g_77",
-  root: c,
-  offsetBlockOuter: v
-}, n = Object.entries(s).reduce((e, [a, r]) => (a.startsWith("var-offset") && e.push({
-  label: a.replace("var-offset-", "").replace(/-/g, ""),
-  value: r
-}), e), []);
-function h() {
-  return /* @__PURE__ */ o("div", { className: s.root, children: n.map((e) => /* @__PURE__ */ f("div", { className: s.showcaseBlock, children: [
-    /* @__PURE__ */ o("div", { className: s.offsetBlockOuter, children: /* @__PURE__ */ o("div", { className: e.value }) }),
-    /* @__PURE__ */ o("div", { className: s.showcaseBlockLabel, children: e.label })
-  ] }, e.value)) });
-}
-const g = t.memo(h);
-export {
-  g as default
-};

package/dist/style-guide/Layout/QuantShowcase.d.ts

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

package/dist/style-guide/Layout/QuantShowcase.js

@@ -1,36 +0,0 @@
-import { jsx as o, jsxs as l } from "react/jsx-runtime";
-import r from "react";
-import '../../assets/QuantShowcase.css';const t = "_showcaseBlock_a7dbr_1", _ = "_showcaseBlockLabel_a7dbr_8", s = "_root_a7dbr_80", u = "_quantBlockOuter_a7dbr_92", n = {
-  showcaseBlock: t,
-  showcaseBlockLabel: _,
-  "quantBlockInner-1": "_quantBlockInner-1_a7dbr_14",
-  "quantBlockInner-2": "_quantBlockInner-2_a7dbr_20",
-  "quantBlockInner-3": "_quantBlockInner-3_a7dbr_26",
-  "quantBlockInner-4": "_quantBlockInner-4_a7dbr_32",
-  "quantBlockInner-5": "_quantBlockInner-5_a7dbr_38",
-  "quantBlockInner-6": "_quantBlockInner-6_a7dbr_44",
-  "quantBlockInner-7": "_quantBlockInner-7_a7dbr_50",
-  "quantBlockInner-8": "_quantBlockInner-8_a7dbr_56",
-  "quantBlockInner-9": "_quantBlockInner-9_a7dbr_62",
-  "quantBlockInner-10": "_quantBlockInner-10_a7dbr_68",
-  "quantBlockInner-05": "_quantBlockInner-05_a7dbr_74",
-  root: s,
-  quantBlockOuter: u
-}, e = Array.from({ length: 10 }, (a, c) => ({
-  label: String(c + 1),
-  value: String(c + 1)
-}));
-e.unshift({
-  label: "0.5",
-  value: "05"
-});
-function k() {
-  return /* @__PURE__ */ o("div", { className: n.root, children: e.map((a) => /* @__PURE__ */ l("div", { className: n.showcaseBlock, children: [
-    /* @__PURE__ */ o("div", { className: n.quantBlockOuter, children: /* @__PURE__ */ o("div", { className: n[`quantBlockInner-${a.value}`] }) }),
-    /* @__PURE__ */ o("div", { className: n.showcaseBlockLabel, children: a.label })
-  ] }, a.value)) });
-}
-const d = r.memo(k);
-export {
-  d as default
-};