@cfx-dev/ui-components 3.0.5 → 4.0.0

package/dist/components/ui.d.ts

@@ -16,10 +16,10 @@ export declare enum OffsetEnum {
 export type OffesetType = keyof typeof OffsetEnum;
 export declare enum MediaQueryEnum {
     initial = "initial",
-    xxsmall = "xxsmall",
-    xsmall = "xsmall",
     small = "small",
+    'small-medium' = "small-medium",
     medium = "medium",
+    'medium-large' = "medium-large",
     large = "large",
     xlarge = "xlarge"
 }

package/dist/components/ui.js

@@ -1,13 +1,13 @@
-var z = /* @__PURE__ */ ((t) => (t.none = "none", t.hairthin = "hairthin", t.thin = "thin", t.xxsmall = "xxsmall", t.xsmall = "xsmall", t.small = "small", t.normal = "normal", t.medium = "medium", t.large = "large", t.xlarge = "xlarge", t.safezone = "safezone", t))(z || {}), A = /* @__PURE__ */ ((t) => (t.initial = "initial", t.xxsmall = "xxsmall", t.xsmall = "xsmall", t.small = "small", t.medium = "medium", t.large = "large", t.xlarge = "xlarge", t))(A || {}), d;
+var z = /* @__PURE__ */ ((t) => (t.none = "none", t.hairthin = "hairthin", t.thin = "thin", t.xxsmall = "xxsmall", t.xsmall = "xsmall", t.small = "small", t.normal = "normal", t.medium = "medium", t.large = "large", t.xlarge = "xlarge", t.safezone = "safezone", t))(z || {}), A = /* @__PURE__ */ ((t) => (t.initial = "initial", t.small = "small", t["small-medium"] = "small-medium", t.medium = "medium", t["medium-large"] = "medium-large", t.large = "large", t.xlarge = "xlarge", t))(A || {}), d;
 ((t) => {
   function i(r = 1) {
     return `calc(var(--quant) * ${r})`;
   }
   t.q = i;
-  function s(r) {
+  function m(r) {
     return `var(--offset-${r})`;
   }
-  t.offset = s;
+  t.offset = m;
   function u(r = "normal") {
     return `var(--font-size-${r})`;
   }
@@ -25,20 +25,20 @@ var z = /* @__PURE__ */ ((t) => (t.none = "none", t.hairthin = "hairthin", t.thi
   })(t.cls || (t.cls = {})), t.pc = (r) => `${r}%`, t.px = (r) => `${r}px`, t.ch = (r) => `${r}ch`, t.em = (r) => `${r}em`, t.rem = (r) => `${r}rem`, t.vh = (r) => `${r}vh`, t.vw = (r) => `${r}vw`, t.url = (r) => `url(${r})`, t.getOffsetAttrs = (r, l) => typeof l == "string" || typeof l == "number" ? {
     [`data-${r}-initial`]: l.toString()
   } : Object.entries(l).reduce((n, [e, o]) => (n[`data-${r}-${e}`] = o.toString(), n), {}), t.getOffsetStyles = (r, l) => typeof l == "string" ? {
-    [`--${r}-initial`]: s(l)
+    [`--${r}-initial`]: m(l)
   } : typeof l == "number" ? {
     [`--${r}-initial`]: i(l)
-  } : Object.entries(l).reduce((n, [e, o]) => (n[`--${r}-${e}`] = typeof o == "number" ? i(o) : s(o), n), {});
-  function x(r, l) {
+  } : Object.entries(l).reduce((n, [e, o]) => (n[`--${r}-${e}`] = typeof o == "number" ? i(o) : m(o), n), {});
+  function s(r, l) {
     const {
       m: n,
       mt: e,
       mr: o,
       mb: f,
-      ml: $,
-      p: m,
+      ml: g,
+      p: $,
       pt: p,
-      pr: g,
+      pr: x,
       pb: a,
       pl: h
     } = r;
@@ -47,15 +47,15 @@ var z = /* @__PURE__ */ ((t) => (t.none = "none", t.hairthin = "hairthin", t.thi
       ...e ? l("mt", e) : null,
       ...o ? l("mr", o) : null,
       ...f ? l("mb", f) : null,
-      ...$ ? l("ml", $) : null,
-      ...m ? l("p", m) : null,
+      ...g ? l("ml", g) : null,
+      ...$ ? l("p", $) : null,
       ...p ? l("pt", p) : null,
-      ...g ? l("pr", g) : null,
+      ...x ? l("pr", x) : null,
       ...a ? l("pb", a) : null,
       ...h ? l("pl", h) : null
     };
   }
-  t.callAllMPProps = x, t.getAllMPStyles = (r) => x(r, t.getOffsetStyles), t.getAllMPAttrs = (r) => x(r, t.getOffsetAttrs);
+  t.callAllMPProps = s, t.getAllMPStyles = (r) => s(r, t.getOffsetStyles), t.getAllMPAttrs = (r) => s(r, t.getOffsetAttrs);
 })(d || (d = {}));
 export {
   A as MediaQueryEnum,

package/dist/main.d.ts

@@ -94,5 +94,5 @@ export type { PopoverProps } from './components/Popover';
 export type { AvatarProps, AvatarSize } from './components/Avatar';
 export { OnScreenSensor } from './components/OnScreenSensor';
 export { ui } from './components/ui';
-export type { OffesetType, MediaQueryType } from './components/ui';
+export type { OffesetType, MediaQueryType, MediaQueryEnum, OffsetEnum, } from './components/ui';
 export { Symbols } from './components/Symbols';

package/dist/styles-scss/_ui.scss

@@ -326,12 +326,12 @@ $zindexMap: (
 
 $mediaMap: (
   'initial': 0px,
-  'xxsmall': 360px,
-  'xsmall': 640px,
-  'small': 768px,
+  'small': 360px,
+  'small-medium': 640px,
   'medium': 1024px,
-  'large': 1280px,
-  'xlarge': 1536px,
+  'medium-large': 1280px,
+  'large': 1920px,
+  'xlarge': 2560px,
 );
 
 @mixin media-max($size: 'medium', $fix: 'empty') {

package/package.json

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