@uxf/styles 11.29.0 → 11.32.0

package/mixins/sr-only.d.ts

@@ -1,2 +1,2 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 export declare const srOnly: Partial<CSSProperties>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/styles",
-  "version": "11.29.0",
+  "version": "11.32.0",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -15,11 +15,11 @@
     "url": "git+https://gitlab.com/uxf-npm/styles.git"
   },
   "dependencies": {
-    "@uxf/core": "11.29.0",
+    "@uxf/core": "11.32.0",
     "color2k": "2.0.3"
   },
   "devDependencies": {
-    "@types/react": "18.2.63",
+    "@types/react": "18.3.5",
     "csstype": "3.1.3"
   },
   "author": "",

package/properties/transition.d.ts

@@ -1,3 +1,3 @@
-import { Property } from "csstype";
-import { TransitionProperties } from "../types";
+import type { Property } from "csstype";
+import type { TransitionProperties } from "../types";
 export declare const transition: (property: TransitionProperties, duration?: number, easing?: Property.TransitionTimingFunction) => string;

package/responsive/match-between.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchBetween = void 0;
+exports.matchBetween = matchBetween;
 const isBrowser_1 = require("@uxf/core/utils/isBrowser");
 const mq_between_1 = require("./mq-between");
 function matchBetween(from, to) {
     return isBrowser_1.isBrowser ? window.matchMedia((0, mq_between_1.mqBetween)(from, to)).matches : false;
 }
-exports.matchBetween = matchBetween;

package/responsive/match-hidpi.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchHidpi = void 0;
+exports.matchHidpi = matchHidpi;
 const isBrowser_1 = require("@uxf/core/utils/isBrowser");
 const mq_hidpi_1 = require("./mq-hidpi");
 function matchHidpi(ratio) {
     return isBrowser_1.isBrowser ? window.matchMedia((0, mq_hidpi_1.mqHiDpi)(ratio)).matches : false;
 }
-exports.matchHidpi = matchHidpi;

package/responsive/match-max.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchMax = void 0;
+exports.matchMax = matchMax;
 const isBrowser_1 = require("@uxf/core/utils/isBrowser");
 const mq_max_1 = require("./mq-max");
 function matchMax(to) {
     return isBrowser_1.isBrowser ? window.matchMedia((0, mq_max_1.mqMax)(to)).matches : false;
 }
-exports.matchMax = matchMax;

package/responsive/match-min.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.matchMin = void 0;
+exports.matchMin = matchMin;
 const isBrowser_1 = require("@uxf/core/utils/isBrowser");
 const mq_min_1 = require("./mq-min");
 function matchMin(from) {
     return isBrowser_1.isBrowser ? window.matchMedia((0, mq_min_1.mqMin)(from)).matches : false;
 }
-exports.matchMin = matchMin;

package/responsive/mq-between.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mqBetween = void 0;
+exports.mqBetween = mqBetween;
 const em_1 = require("../units/em");
 function mqBetween(from, to) {
     return `(min-width: ${(0, em_1.em)(from)}) and (max-width: ${(0, em_1.em)(to - 1)})`;
 }
-exports.mqBetween = mqBetween;

package/responsive/mq-hidpi.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mqHiDpi = void 0;
+exports.mqHiDpi = mqHiDpi;
 function mqHiDpi(ratio = 2) {
     if (ratio < 1) {
         ratio = 1;
@@ -17,4 +17,3 @@ function mqHiDpi(ratio = 2) {
         ratio +
         "dppx)\n  ");
 }
-exports.mqHiDpi = mqHiDpi;

package/responsive/mq-max.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mqMax = void 0;
+exports.mqMax = mqMax;
 const em_1 = require("../units/em");
 function mqMax(to) {
     return `(max-width: ${(0, em_1.em)(to - 1)})`;
 }
-exports.mqMax = mqMax;

package/responsive/mq-min.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.mqMin = void 0;
+exports.mqMin = mqMin;
 const em_1 = require("../units/em");
 function mqMin(from) {
     return `(min-width: ${(0, em_1.em)(from)})`;
 }
-exports.mqMin = mqMin;

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import type { CSSProperties } from "react";
 export type CssTimeUnits = "ms" | "s";
 export type CssAbsoluteLengthsUnits = "cm" | "mm" | "in" | "px" | "pt" | "pc" | "deg" | "rad";
 export type CssRelativeLengthsUnits = "em" | "ex" | "ch" | "rem" | "vw" | "vh" | "vmin" | "vmax" | "%";

package/units/em-to-px.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.emToPx = void 0;
+exports.emToPx = emToPx;
 function emToPx(value, size = 16) {
     if (/\d*\.?\d+em/.test(value)) {
         return parseFloat(value) * size;
     }
     return value;
 }
-exports.emToPx = emToPx;

package/units/rem-to-px.js

@@ -1,10 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.remToPx = void 0;
+exports.remToPx = remToPx;
 function remToPx(value, size = 16) {
     if (/\d*\.?\d+rem/.test(value)) {
         return parseFloat(value) * size;
     }
     return value;
 }
-exports.remToPx = remToPx;

package/units/with-unit.d.ts

@@ -1,2 +1,2 @@
-import { CssUnits } from "../types";
+import type { CssUnits } from "../types";
 export declare const withUnit: (input: number | string, unit: CssUnits) => string;