@cfx-dev/ui-components 4.2.21 → 4.2.22

package/dist/utils/ui/ui.js

@@ -0,0 +1,68 @@
+import { clsx as d } from "../clsx.js";
+var g;
+((t) => {
+  function i(e = 1) {
+    return `calc(var(--quant) * ${e})`;
+  }
+  t.q = i;
+  function u(e) {
+    return `var(--offset-${e})`;
+  }
+  t.offset = u;
+  function b(e = "normal") {
+    return `var(--font-size-${e})`;
+  }
+  t.fontSize = b;
+  function m(e = "first") {
+    return `var(--zindex-${e})`;
+  }
+  t.zindex = m;
+  function y(e = "normal") {
+    return `var(--line-height-${e})`;
+  }
+  t.lineHeight = y;
+  function h(e = "normal") {
+    return `var(--border-radius-${e})`;
+  }
+  t.borderRadius = h;
+  function x(e, r, o = 1) {
+    let n = r;
+    return n === "pure" && (n = ""), typeof n == "number" && (n = `${n}`), `rgba(var(--color-${e}${n ? `-${n}` : ""}), ${o})`;
+  }
+  t.color = x, ((e) => {
+    e.fullWidth = "util-full-width", e.fullHeight = "util-full-height", e.flexGrow = "util-flex-grow", e.flexNoShrink = "util-flex-no-shrink", e.userSelectableText = "util-text-selectable", e.zIndex9000 = "util-z-index-9000";
+  })(t.cls || (t.cls = {})), t.pc = (e) => `${e}%`, t.px = (e) => `${e}px`, t.ch = (e) => `${e}ch`, t.em = (e) => `${e}em`, t.rem = (e) => `${e}rem`, t.vh = (e) => `${e}vh`, t.vw = (e) => `${e}vw`, t.url = (e) => `url(${e})`;
+  function f(e) {
+    return e == null ? "" : typeof e == "number" ? i(e) : e.toString();
+  }
+  t.defaultResponsiveValueFormatter = f;
+  function $(e, r, o = f) {
+    return r == null ? {} : typeof r == "object" && !Array.isArray(r) ? Object.entries(r).reduce((n, [s, l]) => (n[`--${e}-${s}`] = o(l), n), {}) : {
+      [`--${e}-initial`]: o(r)
+    };
+  }
+  t.getResponsiveStyles = $;
+  function a(e, r) {
+    return r == null ? "" : typeof r == "object" && !Array.isArray(r) ? d(Object.keys(r).map((o) => `ui-${e}-${o}`)) : `ui-${e}-initial`;
+  }
+  t.getResponsiveClassnames = a;
+  function R(e, r, o = f) {
+    return r == null ? [] : typeof r == "object" && !Array.isArray(r) ? Object.entries(r).reduce((n, [s, l]) => (n.push(`${e}-${s}-${o(l)}`), n), []) : [`${e}-initial-${o(r)}`];
+  }
+  t.getResponsiveFlatClassnames = R;
+  function c(e) {
+    return typeof e == "number" ? i(e) : u(e);
+  }
+  t.offsetResponsiveValueFormatter = c, t.getOffsetStyles = (e, r) => $(e, r, c);
+  function p(e, r) {
+    return Object.entries(e).reduce((o, [n, s]) => (Object.assign(o, r(n, s)), o), {});
+  }
+  t.callAllMPProps = p, t.getAllMPStyles = (e) => p(e, t.getOffsetStyles), t.getAllMPClassnames = (e) => d(
+    Object.entries(e).map(
+      ([r, o]) => a(r, o)
+    )
+  );
+})(g || (g = {}));
+export {
+  g as ui
+};

package/dist/utils/ui/ui.types.d.ts

@@ -0,0 +1,86 @@
+export declare enum ColorEnum {
+    accent = "accent",
+    primary = "primary",
+    secondary = "secondary",
+    tertiary = "tertiary",
+    green = "green",
+    yellow = "yellow",
+    red = "red",
+    argentum = "argentum",
+    aurum = "aurum",
+    platinum = "platinum",
+    bg = "bg",
+    'bg-light' = "bg-light",
+    'bg-dark' = "bg-dark",
+    'bg-dark-grey' = "bg-dark-grey",
+    'bg-black' = "bg-black"
+}
+export type ColorType = keyof typeof ColorEnum;
+export declare enum TextSizeEnum {
+    xxsmall = "xxsmall",
+    xsmall = "xsmall",
+    small = "small",
+    normal = "normal",
+    medium = "medium",
+    large = "large",
+    xlarge = "xlarge",
+    xxlarge = "xxlarge",
+    xxxlarge = "xxxlarge"
+}
+export type TextSize = keyof typeof TextSizeEnum;
+export declare enum BorderRadiusEnum {
+    none = "none",
+    xxsmall = "xxsmall",
+    xsmall = "xsmall",
+    small = "small",
+    normal = "normal",
+    pill = "pill"
+}
+export type BorderRadiusType = keyof typeof BorderRadiusEnum;
+export declare enum ZIndexEnum {
+    zero = "zero",
+    first = "first",
+    second = "second",
+    max = "max"
+}
+export type ZIndexType = keyof typeof ZIndexEnum;
+export declare enum OffsetEnum {
+    none = "none",
+    hairthin = "hairthin",
+    thin = "thin",
+    xxsmall = "xxsmall",
+    xsmall = "xsmall",
+    small = "small",
+    normal = "normal",
+    medium = "medium",
+    large = "large",
+    xlarge = "xlarge",
+    safezone = "safezone"
+}
+export type OffsetType = keyof typeof OffsetEnum;
+export declare enum MediaQueryEnum {
+    initial = "initial",
+    small = "small",
+    'small-medium' = "small-medium",
+    medium = "medium",
+    'medium-large' = "medium-large",
+    large = "large",
+    xlarge = "xlarge"
+}
+export type MediaQueryType = keyof typeof MediaQueryEnum;
+export type ResponsiveValueType<T = string | number> = T | {
+    [key in MediaQueryType]?: T;
+};
+export type ResponsiveOffsetType = ResponsiveValueType<OffsetType | number>;
+export interface MPProps {
+    m?: ResponsiveOffsetType;
+    mt?: ResponsiveOffsetType;
+    mr?: ResponsiveOffsetType;
+    mb?: ResponsiveOffsetType;
+    ml?: ResponsiveOffsetType;
+    p?: ResponsiveOffsetType;
+    pt?: ResponsiveOffsetType;
+    pr?: ResponsiveOffsetType;
+    pb?: ResponsiveOffsetType;
+    pl?: ResponsiveOffsetType;
+}

package/dist/utils/ui/ui.types.js

@@ -0,0 +1,9 @@
+var a = /* @__PURE__ */ ((l) => (l.accent = "accent", l.primary = "primary", l.secondary = "secondary", l.tertiary = "tertiary", l.green = "green", l.yellow = "yellow", l.red = "red", l.argentum = "argentum", l.aurum = "aurum", l.platinum = "platinum", l.bg = "bg", l["bg-light"] = "bg-light", l["bg-dark"] = "bg-dark", l["bg-dark-grey"] = "bg-dark-grey", l["bg-black"] = "bg-black", l))(a || {}), r = /* @__PURE__ */ ((l) => (l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.medium = "medium", l.large = "large", l.xlarge = "xlarge", l.xxlarge = "xxlarge", l.xxxlarge = "xxxlarge", l))(r || {}), g = /* @__PURE__ */ ((l) => (l.none = "none", l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.pill = "pill", l))(g || {}), x = /* @__PURE__ */ ((l) => (l.zero = "zero", l.first = "first", l.second = "second", l.max = "max", l))(x || {}), e = /* @__PURE__ */ ((l) => (l.none = "none", l.hairthin = "hairthin", l.thin = "thin", l.xxsmall = "xxsmall", l.xsmall = "xsmall", l.small = "small", l.normal = "normal", l.medium = "medium", l.large = "large", l.xlarge = "xlarge", l.safezone = "safezone", l))(e || {}), i = /* @__PURE__ */ ((l) => (l.initial = "initial", l.small = "small", l["small-medium"] = "small-medium", l.medium = "medium", l["medium-large"] = "medium-large", l.large = "large", l.xlarge = "xlarge", l))(i || {});
+export {
+  g as BorderRadiusEnum,
+  a as ColorEnum,
+  i as MediaQueryEnum,
+  e as OffsetEnum,
+  r as TextSizeEnum,
+  x as ZIndexEnum
+};

package/package.json

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

package/dist/components/ui.js

@@ -1,73 +0,0 @@
-import { clsx as $ } from "../utils/clsx.js";
-var j = /* @__PURE__ */ ((r) => (r.xxsmall = "xxsmall", r.xsmall = "xsmall", r.small = "small", r.normal = "normal", r.medium = "medium", r.large = "large", r.xlarge = "xlarge", r.xxlarge = "xxlarge", r.xxxlarge = "xxxlarge", r))(j || {}), R = /* @__PURE__ */ ((r) => (r.none = "none", r.xxsmall = "xxsmall", r.xsmall = "xsmall", r.small = "small", r.normal = "normal", r.pill = "pill", r))(R || {}), u = /* @__PURE__ */ ((r) => (r.zero = "zero", r.first = "first", r.second = "second", r.max = "max", r))(u || {}), F = /* @__PURE__ */ ((r) => (r.none = "none", r.hairthin = "hairthin", r.thin = "thin", r.xxsmall = "xxsmall", r.xsmall = "xsmall", r.small = "small", r.normal = "normal", r.medium = "medium", r.large = "large", r.xlarge = "xlarge", r.safezone = "safezone", r))(F || {}), P = /* @__PURE__ */ ((r) => (r.initial = "initial", r.small = "small", r["small-medium"] = "small-medium", r.medium = "medium", r["medium-large"] = "medium-large", r.large = "large", r.xlarge = "xlarge", r))(P || {}), p;
-((r) => {
-  function s(e = 1) {
-    return `calc(var(--quant) * ${e})`;
-  }
-  r.q = s;
-  function f(e) {
-    return `var(--offset-${e})`;
-  }
-  r.offset = f;
-  function h(e = "normal") {
-    return `var(--font-size-${e})`;
-  }
-  r.fontSize = h;
-  function b(e = "first") {
-    return `var(--zindex-${e})`;
-  }
-  r.zindex = b;
-  function d(e = "normal") {
-    return `var(--line-height-${e})`;
-  }
-  r.lineHeight = d;
-  function v(e = "normal") {
-    return `var(--border-radius-${e})`;
-  }
-  r.borderRadius = v;
-  function y(e, l, n = 1) {
-    let t = l;
-    return t === "pure" && (t = ""), typeof t == "number" && (t = `${t}`), `rgba(var(--color-${e}${t ? `-${t}` : ""}), ${n})`;
-  }
-  r.color = y, ((e) => {
-    e.fullWidth = "util-full-width", e.fullHeight = "util-full-height", e.flexGrow = "util-flex-grow", e.flexNoShrink = "util-flex-no-shrink", e.userSelectableText = "util-text-selectable", e.zIndex9000 = "util-z-index-9000";
-  })(r.cls || (r.cls = {})), r.pc = (e) => `${e}%`, r.px = (e) => `${e}px`, r.ch = (e) => `${e}ch`, r.em = (e) => `${e}em`, r.rem = (e) => `${e}rem`, r.vh = (e) => `${e}vh`, r.vw = (e) => `${e}vw`, r.url = (e) => `url(${e})`;
-  function a(e) {
-    return e == null ? "" : typeof e == "number" ? s(e) : e.toString();
-  }
-  r.defaultResponsiveValueFormatter = a;
-  function x(e, l, n = a) {
-    return l == null ? {} : typeof l == "object" && !Array.isArray(l) ? Object.entries(l).reduce((t, [o, i]) => (t[`--${e}-${o}`] = n(i), t), {}) : {
-      [`--${e}-initial`]: n(l)
-    };
-  }
-  r.getResponsiveStyles = x;
-  function g(e, l) {
-    return l == null ? "" : typeof l == "object" && !Array.isArray(l) ? $(Object.keys(l).map((n) => `ui-${e}-${n}`)) : `ui-${e}-initial`;
-  }
-  r.getResponsiveClassnames = g;
-  function A(e, l, n = a) {
-    return l == null ? [] : typeof l == "object" && !Array.isArray(l) ? Object.entries(l).reduce((t, [o, i]) => (t.push(`${e}-${o}-${n(i)}`), t), []) : [`${e}-initial-${n(l)}`];
-  }
-  r.getResponsiveFlatClassnames = A;
-  function m(e) {
-    return typeof e == "number" ? s(e) : f(e);
-  }
-  r.offsetResponsiveValueFormatter = m, r.getOffsetStyles = (e, l) => x(e, l, m);
-  function c(e, l) {
-    return Object.entries(e).reduce((n, [t, o]) => (Object.assign(n, l(t, o)), n), {});
-  }
-  r.callAllMPProps = c, r.getAllMPStyles = (e) => c(e, r.getOffsetStyles), r.getAllMPClassnames = (e) => $(
-    Object.entries(e).map(
-      ([l, n]) => g(l, n)
-    )
-  );
-})(p || (p = {}));
-export {
-  R as BorderRadiusEnum,
-  P as MediaQueryEnum,
-  F as OffsetEnum,
-  j as TextSizeEnum,
-  u as ZIndexEnum,
-  p as ui
-};