@uxf/styles 2.1.2 → 10.0.0-beta.37
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/color/shade.js +2 -3
- package/color/tint.js +2 -3
- package/mixins/sr-only.js +0 -1
- package/package.json +9 -26
- package/properties/columns-to-percent.js +2 -7
- package/properties/encoded-svg-url.js +1 -2
- package/properties/repeat-grid-columns.js +2 -6
- package/properties/transition.js +5 -8
- package/responsive/match-between.js +2 -3
- package/responsive/match-hidpi.js +2 -3
- package/responsive/match-max.js +2 -3
- package/responsive/match-min.js +2 -3
- package/responsive/mq-between.js +2 -3
- package/responsive/mq-hidpi.js +1 -3
- package/responsive/mq-max.js +2 -3
- package/responsive/mq-min.js +2 -3
- package/types/index.js +0 -1
- package/units/em-to-px.js +1 -3
- package/units/em.js +1 -5
- package/units/format-css-value.js +2 -4
- package/units/percent.js +2 -5
- package/units/rem-to-px.js +1 -3
- package/units/rem.js +1 -5
- package/units/spacing.js +1 -5
- package/units/with-unit.js +1 -2
package/color/shade.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.shade = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const color2k_1 = require("color2k");
|
|
5
|
+
const shade = (color, amount) => (0, color2k_1.mix)(color, "#000", amount);
|
|
6
6
|
exports.shade = shade;
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29sb3Ivc2hhZGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbUNBQThCO0FBRXZCLElBQU0sS0FBSyxHQUFHLFVBQUMsS0FBYSxFQUFFLE1BQWMsSUFBSyxPQUFBLElBQUEsYUFBRyxFQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQTFCLENBQTBCLENBQUM7QUFBdEUsUUFBQSxLQUFLLFNBQWlFIn0=
|
package/color/tint.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.tint = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const color2k_1 = require("color2k");
|
|
5
|
+
const tint = (color, amount) => (0, color2k_1.mix)(color, "#fff", amount);
|
|
6
6
|
exports.tint = tint;
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGludC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb2xvci90aW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1DQUE4QjtBQUV2QixJQUFNLElBQUksR0FBRyxVQUFDLEtBQWEsRUFBRSxNQUFjLElBQUssT0FBQSxJQUFBLGFBQUcsRUFBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sQ0FBQyxFQUExQixDQUEwQixDQUFDO0FBQXJFLFFBQUEsSUFBSSxRQUFpRSJ9
|
package/mixins/sr-only.js
CHANGED
|
@@ -12,4 +12,3 @@ exports.srOnly = {
|
|
|
12
12
|
whiteSpace: "nowrap",
|
|
13
13
|
width: "1px",
|
|
14
14
|
};
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Itb25seS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvc3Itb25seS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFYSxRQUFBLE1BQU0sR0FBMkI7SUFDMUMsV0FBVyxFQUFFLEdBQUc7SUFDaEIsSUFBSSxFQUFFLGtCQUFrQjtJQUN4QixNQUFNLEVBQUUsS0FBSztJQUNiLE1BQU0sRUFBRSxNQUFNO0lBQ2QsUUFBUSxFQUFFLFFBQVE7SUFDbEIsT0FBTyxFQUFFLEdBQUc7SUFDWixRQUFRLEVBQUUsVUFBVTtJQUNwQixVQUFVLEVBQUUsUUFBUTtJQUNwQixLQUFLLEVBQUUsS0FBSztDQUNmLENBQUMifQ==
|
package/package.json
CHANGED
|
@@ -1,16 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/styles",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "10.0.0-beta.37",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
7
|
-
"build": "
|
|
8
|
-
"
|
|
9
|
-
"compile": "tsc -P tsconfig.build.json",
|
|
10
|
-
"dev": "parcel demo/index.html",
|
|
11
|
-
"lint:ts": "eslint -c .eslintrc.js \"./**/*.ts*\"",
|
|
12
|
-
"typecheck": "tsc --noEmit --skipLibCheck",
|
|
13
|
-
"test": "npm run lint:ts && npm run typecheck"
|
|
7
|
+
"build": "tsc -P tsconfig.json",
|
|
8
|
+
"typecheck": "tsc --noEmit --skipLibCheck"
|
|
14
9
|
},
|
|
15
10
|
"publishConfig": {
|
|
16
11
|
"access": "public"
|
|
@@ -20,25 +15,13 @@
|
|
|
20
15
|
"url": "git+https://gitlab.com/uxf-npm/styles.git"
|
|
21
16
|
},
|
|
22
17
|
"devDependencies": {
|
|
23
|
-
"@
|
|
24
|
-
"
|
|
25
|
-
"
|
|
26
|
-
"@uxf/core": "^4.3.0",
|
|
27
|
-
"@uxf/eslint-config": "^1.2.3",
|
|
28
|
-
"csstype": "^3.1.1",
|
|
29
|
-
"color2k": "^2.0.1",
|
|
30
|
-
"eslint": "^8.31.0",
|
|
31
|
-
"parcel": "^2.8.2",
|
|
32
|
-
"prettier": "^2.8.1",
|
|
33
|
-
"react": "^17.0.2",
|
|
34
|
-
"react-dom": "^17.0.2",
|
|
35
|
-
"typescript": "^4.9.4"
|
|
18
|
+
"@uxf/core": "10.0.0-beta.37",
|
|
19
|
+
"csstype": "3.1.2",
|
|
20
|
+
"color2k": "2.0.2"
|
|
36
21
|
},
|
|
37
22
|
"peerDependencies": {
|
|
38
|
-
"@uxf/core": "
|
|
39
|
-
"color2k": "
|
|
40
|
-
"react": "^16 || ^17 || ^18",
|
|
41
|
-
"react-dom": "^16 || ^17 || ^18"
|
|
23
|
+
"@uxf/core": "10.0.0-beta.37",
|
|
24
|
+
"color2k": "2.0.2"
|
|
42
25
|
},
|
|
43
26
|
"author": "",
|
|
44
27
|
"license": "ISC",
|
|
@@ -46,4 +29,4 @@
|
|
|
46
29
|
"url": "https://gitlab.com/uxf-npm/styles/issues"
|
|
47
30
|
},
|
|
48
31
|
"homepage": "https://gitlab.com/uxf-npm/styles#readme"
|
|
49
|
-
}
|
|
32
|
+
}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.columnsToPercent = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
if (totalColumns === void 0) { totalColumns = 12; }
|
|
7
|
-
if (gutter === void 0) { gutter = 0; }
|
|
8
|
-
return "calc(".concat(gutter !== 0 ? "(100% + ".concat((0, format_css_value_1.formatCssValue)(gutter), ")") : "100%", " / ").concat(totalColumns, " * ").concat(columns, ")");
|
|
9
|
-
};
|
|
4
|
+
const format_css_value_1 = require("../units/format-css-value");
|
|
5
|
+
const columnsToPercent = (columns, totalColumns = 12, gutter = 0) => `calc(${gutter !== 0 ? `(100% + ${(0, format_css_value_1.formatCssValue)(gutter)})` : "100%"} / ${totalColumns} * ${columns})`;
|
|
10
6
|
exports.columnsToPercent = columnsToPercent;
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1ucy10by1wZXJjZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sdW1ucy10by1wZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDhEQUEyRDtBQUVwRCxJQUFNLGdCQUFnQixHQUFHLFVBQUMsT0FBZSxFQUFFLFlBQWlCLEVBQUUsTUFBVTtJQUE3Qiw2QkFBQSxFQUFBLGlCQUFpQjtJQUFFLHVCQUFBLEVBQUEsVUFBVTtJQUMzRSxPQUFBLGVBQVEsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsa0JBQVcsSUFBQSxpQ0FBYyxFQUFDLE1BQU0sQ0FBQyxNQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sZ0JBQU0sWUFBWSxnQkFBTSxPQUFPLE1BQUc7QUFBdEcsQ0FBc0csQ0FBQztBQUQ5RixRQUFBLGdCQUFnQixvQkFDOEUifQ==
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.encodedSvgUrl = void 0;
|
|
4
|
-
|
|
4
|
+
const encodedSvgUrl = (svg) => `url("data:image/svg+xml; utf8, ${escape(svg)}")`;
|
|
5
5
|
exports.encodedSvgUrl = encodedSvgUrl;
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5jb2RlZC1zdmctdXJsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZW5jb2RlZC1zdmctdXJsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFPLElBQU0sYUFBYSxHQUFHLFVBQUMsR0FBVyxJQUFLLE9BQUEsMENBQWtDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBSSxFQUFqRCxDQUFpRCxDQUFDO0FBQW5GLFFBQUEsYUFBYSxpQkFBc0UifQ==
|
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.repeatGridColumns = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
if (size === void 0) { size = "1fr"; }
|
|
7
|
-
return count && size ? "repeat(".concat(count, ", ").concat((0, format_css_value_1.formatCssValue)(size), ")") : null;
|
|
8
|
-
};
|
|
4
|
+
const format_css_value_1 = require("../units/format-css-value");
|
|
5
|
+
const repeatGridColumns = (count, size = "1fr") => count && size ? `repeat(${count}, ${(0, format_css_value_1.formatCssValue)(size)})` : null;
|
|
9
6
|
exports.repeatGridColumns = repeatGridColumns;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVwZWF0LWdyaWQtY29sdW1ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3JlcGVhdC1ncmlkLWNvbHVtbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsOERBQTJEO0FBRXBELElBQU0saUJBQWlCLEdBQUcsVUFBQyxLQUFjLEVBQUUsSUFBWTtJQUFaLHFCQUFBLEVBQUEsWUFBWTtJQUMxRCxPQUFBLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLGlCQUFVLEtBQUssZUFBSyxJQUFBLGlDQUFjLEVBQUMsSUFBSSxDQUFDLE1BQUcsQ0FBQyxDQUFDLENBQUMsSUFBSTtBQUFsRSxDQUFrRSxDQUFDO0FBRDFELFFBQUEsaUJBQWlCLHFCQUN5QyJ9
|
package/properties/transition.js
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.transition = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
if (duration === void 0) { duration = 400; }
|
|
8
|
-
if (easing === void 0) { easing = "ease-in-out"; }
|
|
4
|
+
const camelCaseToDash_1 = require("@uxf/core/utils/camelCaseToDash");
|
|
5
|
+
const with_unit_1 = require("../units/with-unit");
|
|
6
|
+
const transition = (property, duration = 400, easing = "ease-in-out") => {
|
|
9
7
|
if (Array.isArray(property)) {
|
|
10
|
-
return property.map(
|
|
8
|
+
return property.map((p) => (0, exports.transition)(p, duration, easing)).join(", ");
|
|
11
9
|
}
|
|
12
|
-
return
|
|
10
|
+
return `${(0, camelCaseToDash_1.camelCaseToDash)(property)} ${(0, with_unit_1.withUnit)(duration, "ms")} ${easing}`;
|
|
13
11
|
};
|
|
14
12
|
exports.transition = transition;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3RyYW5zaXRpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbUVBQWtFO0FBR2xFLGdEQUE4QztBQUV2QyxJQUFNLFVBQVUsR0FBRyxVQUN0QixRQUE4QixFQUM5QixRQUFjLEVBQ2QsTUFBeUQ7SUFEekQseUJBQUEsRUFBQSxjQUFjO0lBQ2QsdUJBQUEsRUFBQSxzQkFBeUQ7SUFFekQsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFO1FBQ3pCLE9BQU8sUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLElBQUEsa0JBQVUsRUFBQyxDQUFDLEVBQUUsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUEvQixDQUErQixDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO0tBQzFFO0lBQ0QsT0FBTyxVQUFHLElBQUEsaUNBQWUsRUFBQyxRQUFRLENBQUMsY0FBSSxJQUFBLG9CQUFRLEVBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxjQUFJLE1BQU0sQ0FBRSxDQUFDO0FBQ2hGLENBQUMsQ0FBQztBQVRXLFFBQUEsVUFBVSxjQVNyQiJ9
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.matchBetween = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const isBrowser_1 = require("@uxf/core/utils/isBrowser");
|
|
5
|
+
const mq_between_1 = require("./mq-between");
|
|
6
6
|
function matchBetween(from, to) {
|
|
7
7
|
return isBrowser_1.isBrowser ? window.matchMedia((0, mq_between_1.mqBetween)(from, to)).matches : false;
|
|
8
8
|
}
|
|
9
9
|
exports.matchBetween = matchBetween;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2gtYmV0d2Vlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yZXNwb25zaXZlL21hdGNoLWJldHdlZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsdURBQXNEO0FBQ3RELDJDQUF5QztBQUV6QyxTQUFnQixZQUFZLENBQUMsSUFBWSxFQUFFLEVBQVU7SUFDakQsT0FBTyxxQkFBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUEsc0JBQVMsRUFBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQUM5RSxDQUFDO0FBRkQsb0NBRUMifQ==
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.matchHidpi = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const isBrowser_1 = require("@uxf/core/utils/isBrowser");
|
|
5
|
+
const mq_hidpi_1 = require("./mq-hidpi");
|
|
6
6
|
function matchHidpi(ratio) {
|
|
7
7
|
return isBrowser_1.isBrowser ? window.matchMedia((0, mq_hidpi_1.mqHiDpi)(ratio)).matches : false;
|
|
8
8
|
}
|
|
9
9
|
exports.matchHidpi = matchHidpi;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2gtaGlkcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcmVzcG9uc2l2ZS9tYXRjaC1oaWRwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx1REFBc0Q7QUFDdEQsdUNBQXFDO0FBRXJDLFNBQWdCLFVBQVUsQ0FBQyxLQUFhO0lBQ3BDLE9BQU8scUJBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxJQUFBLGtCQUFPLEVBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQUN6RSxDQUFDO0FBRkQsZ0NBRUMifQ==
|
package/responsive/match-max.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.matchMax = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const isBrowser_1 = require("@uxf/core/utils/isBrowser");
|
|
5
|
+
const mq_max_1 = require("./mq-max");
|
|
6
6
|
function matchMax(to) {
|
|
7
7
|
return isBrowser_1.isBrowser ? window.matchMedia((0, mq_max_1.mqMax)(to)).matches : false;
|
|
8
8
|
}
|
|
9
9
|
exports.matchMax = matchMax;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2gtbWF4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Jlc3BvbnNpdmUvbWF0Y2gtbWF4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVEQUFzRDtBQUN0RCxtQ0FBaUM7QUFFakMsU0FBZ0IsUUFBUSxDQUFDLEVBQVU7SUFDL0IsT0FBTyxxQkFBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUEsY0FBSyxFQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFDcEUsQ0FBQztBQUZELDRCQUVDIn0=
|
package/responsive/match-min.js
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.matchMin = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
4
|
+
const isBrowser_1 = require("@uxf/core/utils/isBrowser");
|
|
5
|
+
const mq_min_1 = require("./mq-min");
|
|
6
6
|
function matchMin(from) {
|
|
7
7
|
return isBrowser_1.isBrowser ? window.matchMedia((0, mq_min_1.mqMin)(from)).matches : false;
|
|
8
8
|
}
|
|
9
9
|
exports.matchMin = matchMin;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0Y2gtbWluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Jlc3BvbnNpdmUvbWF0Y2gtbWluLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVEQUFzRDtBQUN0RCxtQ0FBaUM7QUFFakMsU0FBZ0IsUUFBUSxDQUFDLElBQVk7SUFDakMsT0FBTyxxQkFBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLElBQUEsY0FBSyxFQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFDdEUsQ0FBQztBQUZELDRCQUVDIn0=
|
package/responsive/mq-between.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.mqBetween = void 0;
|
|
4
|
-
|
|
4
|
+
const em_1 = require("../units/em");
|
|
5
5
|
function mqBetween(from, to) {
|
|
6
|
-
return
|
|
6
|
+
return `(min-width: ${(0, em_1.em)(from)}) and (max-width: ${(0, em_1.em)(to - 1)})`;
|
|
7
7
|
}
|
|
8
8
|
exports.mqBetween = mqBetween;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXEtYmV0d2Vlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9yZXNwb25zaXZlL21xLWJldHdlZW4udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsa0NBQWlDO0FBRWpDLFNBQWdCLFNBQVMsQ0FBQyxJQUFZLEVBQUUsRUFBVTtJQUM5QyxPQUFPLHNCQUFlLElBQUEsT0FBRSxFQUFDLElBQUksQ0FBQywrQkFBcUIsSUFBQSxPQUFFLEVBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFHLENBQUM7QUFDckUsQ0FBQztBQUZELDhCQUVDIn0=
|
package/responsive/mq-hidpi.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.mqHiDpi = void 0;
|
|
4
|
-
function mqHiDpi(ratio) {
|
|
5
|
-
if (ratio === void 0) { ratio = 2; }
|
|
4
|
+
function mqHiDpi(ratio = 2) {
|
|
6
5
|
if (ratio < 1) {
|
|
7
6
|
ratio = 1;
|
|
8
7
|
}
|
|
@@ -19,4 +18,3 @@ function mqHiDpi(ratio) {
|
|
|
19
18
|
"dppx)\n ");
|
|
20
19
|
}
|
|
21
20
|
exports.mqHiDpi = mqHiDpi;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXEtaGlkcGkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcmVzcG9uc2l2ZS9tcS1oaWRwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxTQUFnQixPQUFPLENBQUMsS0FBUztJQUFULHNCQUFBLEVBQUEsU0FBUztJQUM3QixJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUU7UUFDWCxLQUFLLEdBQUcsQ0FBQyxDQUFDO0tBQ2I7SUFFRCxPQUFPLENBQ0gseURBQXlEO1FBQ3pELEtBQUs7UUFDTCx3REFBd0Q7UUFDeEQsS0FBSztRQUNMLHNEQUFzRDtRQUN0RCxLQUFLO1FBQ0wsNkNBQTZDO1FBQzdDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztRQUN0Qiw4Q0FBOEM7UUFDOUMsS0FBSztRQUNMLFdBQVcsQ0FDZCxDQUFDO0FBQ04sQ0FBQztBQWxCRCwwQkFrQkMifQ==
|
package/responsive/mq-max.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.mqMax = void 0;
|
|
4
|
-
|
|
4
|
+
const em_1 = require("../units/em");
|
|
5
5
|
function mqMax(to) {
|
|
6
|
-
return
|
|
6
|
+
return `(max-width: ${(0, em_1.em)(to - 1)})`;
|
|
7
7
|
}
|
|
8
8
|
exports.mqMax = mqMax;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXEtbWF4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Jlc3BvbnNpdmUvbXEtbWF4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLGtDQUFpQztBQUVqQyxTQUFnQixLQUFLLENBQUMsRUFBVTtJQUM1QixPQUFPLHNCQUFlLElBQUEsT0FBRSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxDQUFDO0FBQ3hDLENBQUM7QUFGRCxzQkFFQyJ9
|
package/responsive/mq-min.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.mqMin = void 0;
|
|
4
|
-
|
|
4
|
+
const em_1 = require("../units/em");
|
|
5
5
|
function mqMin(from) {
|
|
6
|
-
return
|
|
6
|
+
return `(min-width: ${(0, em_1.em)(from)})`;
|
|
7
7
|
}
|
|
8
8
|
exports.mqMin = mqMin;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXEtbWluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Jlc3BvbnNpdmUvbXEtbWluLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLGtDQUFpQztBQUVqQyxTQUFnQixLQUFLLENBQUMsSUFBWTtJQUM5QixPQUFPLHNCQUFlLElBQUEsT0FBRSxFQUFDLElBQUksQ0FBQyxNQUFHLENBQUM7QUFDdEMsQ0FBQztBQUZELHNCQUVDIn0=
|
package/types/index.js
CHANGED
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdHlwZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
package/units/em-to-px.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.emToPx = void 0;
|
|
4
|
-
function emToPx(value, size) {
|
|
5
|
-
if (size === void 0) { size = 16; }
|
|
4
|
+
function emToPx(value, size = 16) {
|
|
6
5
|
if (/\d*\.?\d+em/.test(value)) {
|
|
7
6
|
return parseFloat(value) * size;
|
|
8
7
|
}
|
|
9
8
|
return value;
|
|
10
9
|
}
|
|
11
10
|
exports.emToPx = emToPx;
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW0tdG8tcHguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdW5pdHMvZW0tdG8tcHgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsU0FBZ0IsTUFBTSxDQUFDLEtBQWEsRUFBRSxJQUFTO0lBQVQscUJBQUEsRUFBQSxTQUFTO0lBQzNDLElBQUksYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUMzQixPQUFPLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FBRyxJQUFJLENBQUM7S0FDbkM7SUFDRCxPQUFPLEtBQUssQ0FBQztBQUNqQixDQUFDO0FBTEQsd0JBS0MifQ==
|
package/units/em.js
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.em = void 0;
|
|
4
|
-
|
|
5
|
-
if (base === void 0) { base = 16; }
|
|
6
|
-
return (size === 0 ? "0" : "".concat(size / base, "em"));
|
|
7
|
-
};
|
|
4
|
+
const em = (size, base = 16) => (size === 0 ? "0" : `${size / base}em`);
|
|
8
5
|
exports.em = em;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdW5pdHMvZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQU8sSUFBTSxFQUFFLEdBQUcsVUFBQyxJQUFZLEVBQUUsSUFBUztJQUFULHFCQUFBLEVBQUEsU0FBUztJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxHQUFHLElBQUksT0FBSSxDQUFDO0FBQXZDLENBQXVDLENBQUM7QUFBMUUsUUFBQSxFQUFFLE1BQXdFIn0=
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.formatCssValue = void 0;
|
|
4
|
-
|
|
4
|
+
const rem_1 = require("./rem");
|
|
5
5
|
// format CSS value (return string if number or string and null if other)
|
|
6
|
-
|
|
7
|
-
if (forceString === void 0) { forceString = false; }
|
|
6
|
+
const formatCssValue = (input, forceString = false) => {
|
|
8
7
|
if (typeof input === "number" && !isNaN(input)) {
|
|
9
8
|
if (input === 0 || (forceString && input)) {
|
|
10
9
|
return input.toString();
|
|
@@ -17,4 +16,3 @@ var formatCssValue = function (input, forceString) {
|
|
|
17
16
|
return null;
|
|
18
17
|
};
|
|
19
18
|
exports.formatCssValue = formatCssValue;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LWNzcy12YWx1ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91bml0cy9mb3JtYXQtY3NzLXZhbHVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDZCQUE0QjtBQUU1Qix5RUFBeUU7QUFDbEUsSUFBTSxjQUFjLEdBQUcsVUFBc0IsS0FBUyxFQUFFLFdBQW1CO0lBQW5CLDRCQUFBLEVBQUEsbUJBQW1CO0lBQzlFLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzVDLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUMsRUFBRTtZQUN2QyxPQUFPLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztTQUMzQjtRQUNELE9BQU8sSUFBQSxTQUFHLEVBQUMsS0FBSyxDQUFDLENBQUM7S0FDckI7U0FBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssRUFBRSxFQUFFO1FBQ2xELE9BQU8sS0FBSyxDQUFDO0tBQ2hCO0lBQ0QsT0FBTyxJQUFJLENBQUM7QUFDaEIsQ0FBQyxDQUFDO0FBVlcsUUFBQSxjQUFjLGtCQVV6QiJ9
|
package/units/percent.js
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.percent = void 0;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
if (maxValue === void 0) { maxValue = 100; }
|
|
7
|
-
if (precision === void 0) { precision = 2; }
|
|
4
|
+
const trimTrailingZeros_1 = require("@uxf/core/utils/trimTrailingZeros");
|
|
5
|
+
const percent = (inputValue, maxValue = 100, precision = 2) => {
|
|
8
6
|
if (inputValue === 0) {
|
|
9
7
|
return inputValue;
|
|
10
8
|
}
|
|
11
9
|
return parseFloat((0, trimTrailingZeros_1.trimTrailingZeros)(((inputValue / maxValue) * 100).toFixed(precision)));
|
|
12
10
|
};
|
|
13
11
|
exports.percent = percent;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91bml0cy9wZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVFQUFzRTtBQUUvRCxJQUFNLE9BQU8sR0FBRyxVQUFDLFVBQWtCLEVBQUUsUUFBYyxFQUFFLFNBQWE7SUFBN0IseUJBQUEsRUFBQSxjQUFjO0lBQUUsMEJBQUEsRUFBQSxhQUFhO0lBQ3JFLElBQUksVUFBVSxLQUFLLENBQUMsRUFBRTtRQUNsQixPQUFPLFVBQVUsQ0FBQztLQUNyQjtJQUNELE9BQU8sVUFBVSxDQUFDLElBQUEscUNBQWlCLEVBQUMsQ0FBQyxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzdGLENBQUMsQ0FBQztBQUxXLFFBQUEsT0FBTyxXQUtsQiJ9
|
package/units/rem-to-px.js
CHANGED
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.remToPx = void 0;
|
|
4
|
-
function remToPx(value, size) {
|
|
5
|
-
if (size === void 0) { size = 16; }
|
|
4
|
+
function remToPx(value, size = 16) {
|
|
6
5
|
if (/\d*\.?\d+rem/.test(value)) {
|
|
7
6
|
return parseFloat(value) * size;
|
|
8
7
|
}
|
|
9
8
|
return value;
|
|
10
9
|
}
|
|
11
10
|
exports.remToPx = remToPx;
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtLXRvLXB4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VuaXRzL3JlbS10by1weC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSxTQUFnQixPQUFPLENBQUMsS0FBYSxFQUFFLElBQVM7SUFBVCxxQkFBQSxFQUFBLFNBQVM7SUFDNUMsSUFBSSxjQUFjLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzVCLE9BQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQztLQUNuQztJQUNELE9BQU8sS0FBSyxDQUFDO0FBQ2pCLENBQUM7QUFMRCwwQkFLQyJ9
|
package/units/rem.js
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.rem = void 0;
|
|
4
|
-
|
|
5
|
-
if (base === void 0) { base = 16; }
|
|
6
|
-
return (size === 0 ? "0" : "".concat(size / base, "rem"));
|
|
7
|
-
};
|
|
4
|
+
const rem = (size, base = 16) => (size === 0 ? "0" : `${size / base}rem`);
|
|
8
5
|
exports.rem = rem;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VuaXRzL3JlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBTyxJQUFNLEdBQUcsR0FBRyxVQUFDLElBQVksRUFBRSxJQUFTO0lBQVQscUJBQUEsRUFBQSxTQUFTO0lBQUssT0FBQSxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLEdBQUcsSUFBSSxRQUFLLENBQUM7QUFBeEMsQ0FBd0MsQ0FBQztBQUE1RSxRQUFBLEdBQUcsT0FBeUUifQ==
|
package/units/spacing.js
CHANGED
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.spacing = void 0;
|
|
4
|
-
|
|
5
|
-
if (factor === void 0) { factor = 8; }
|
|
6
|
-
return (input === 0 ? input : input * factor);
|
|
7
|
-
};
|
|
4
|
+
const spacing = (input, factor = 8) => (input === 0 ? input : input * factor);
|
|
8
5
|
exports.spacing = spacing;
|
|
9
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91bml0cy9zcGFjaW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFPLElBQU0sT0FBTyxHQUFHLFVBQUMsS0FBYSxFQUFFLE1BQVU7SUFBVix1QkFBQSxFQUFBLFVBQVU7SUFBSyxPQUFBLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO0FBQXRDLENBQXNDLENBQUM7QUFBaEYsUUFBQSxPQUFPLFdBQXlFIn0=
|
package/units/with-unit.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.withUnit = void 0;
|
|
4
|
-
|
|
4
|
+
const withUnit = (input, unit) => `${input}${unit}`;
|
|
5
5
|
exports.withUnit = withUnit;
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aC11bml0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VuaXRzL3dpdGgtdW5pdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFTyxJQUFNLFFBQVEsR0FBRyxVQUFDLEtBQXNCLEVBQUUsSUFBYyxJQUFLLE9BQUEsVUFBRyxLQUFLLFNBQUcsSUFBSSxDQUFFLEVBQWpCLENBQWlCLENBQUM7QUFBekUsUUFBQSxRQUFRLFlBQWlFIn0=
|