@uxf/styles 1.4.3 → 1.5.0
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/README.md +0 -1
- package/components/AccesibleSvg/index.js +6 -2
- package/mixins/responsiveHideVisually.js +2 -6
- package/package.json +11 -13
- package/utils/em.d.ts +1 -0
- package/utils/em.js +9 -0
- package/utils/formatValue.js +3 -6
- package/utils/hiDPI.d.ts +1 -0
- package/utils/hiDPI.js +21 -0
- package/utils/rem.d.ts +1 -0
- package/utils/rem.js +9 -0
- package/utils/responsive.js +10 -10
- package/utils/hexToRgb.d.ts +0 -1
- package/utils/hexToRgb.js +0 -10
package/README.md
CHANGED
|
@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
|
|
|
12
12
|
};
|
|
13
13
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
14
|
if (k2 === undefined) k2 = k;
|
|
15
|
-
Object.
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
16
20
|
}) : (function(o, m, k, k2) {
|
|
17
21
|
if (k2 === undefined) k2 = k;
|
|
18
22
|
o[k2] = m[k];
|
|
@@ -57,4 +61,4 @@ var AccessibleSvgComponent = function (props) {
|
|
|
57
61
|
};
|
|
58
62
|
exports.AccessibleSvg = (0, react_1.memo)(AccessibleSvgComponent);
|
|
59
63
|
exports.AccessibleSvg.displayName = "AccessibleSvg";
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BY2Nlc2libGVTdmcvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLG1EQUFrRDtBQUNsRCw2Q0FBa0U7QUFVbEUsSUFBTSxzQkFBc0IsR0FBMkIsVUFBQyxLQUFLO0lBRXJELElBQUEsUUFBUSxHQVFSLEtBQUssU0FSRyxFQUNSLFdBQVcsR0FPWCxLQUFLLFlBUE0sRUFDWCxFQUFFLEdBTUYsS0FBSyxHQU5ILEVBQ0YsS0FLQSxLQUFLLG9CQUxnQyxFQUFyQyxtQkFBbUIsbUJBQUcsZUFBZSxLQUFBLEVBQ3JDLEtBSUEsS0FBSyxLQUpPLEVBQVosSUFBSSxtQkFBRyxLQUFLLEtBQUEsRUFDWixLQUFLLEdBR0wsS0FBSyxNQUhBLEVBQ0wsT0FBTyxHQUVQLEtBQUssUUFGRSxFQUNKLFNBQVMsVUFDWixLQUFLLEVBVEgsb0ZBU0wsQ0FEZSxDQUNOO0lBRVYsSUFBTSxRQUFRLEdBQUcsZUFBUSxJQUFBLGlCQUFPLEVBQUMsRUFBRSxDQUFDLENBQUUsQ0FBQztJQUN2QyxJQUFNLE9BQU8sR0FBRyxVQUFHLFFBQVEsWUFBUyxDQUFDO0lBQ3JDLElBQU0sYUFBYSxHQUFHLFVBQUcsUUFBUSxXQUFRLENBQUM7SUFDMUMsSUFBTSxjQUFjLEdBQUcsQ0FBQyxPQUFPLEVBQUUsV0FBVyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxFQUFELENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUV6RSxPQUFPLENBQ0gsbUVBQ3FCLGNBQWMsRUFDL0IsRUFBRSxFQUFFLEVBQUUsRUFDTixtQkFBbUIsRUFBRSxtQkFBbUIsRUFDeEMsSUFBSSxFQUFFLElBQUksRUFDVixPQUFPLEVBQUUsT0FBTyxJQUNaLFNBQVM7UUFFYix5Q0FBTyxFQUFFLEVBQUUsT0FBTyxJQUFHLEtBQUssQ0FBUztRQUNsQyxDQUFDLENBQUMsV0FBVyxJQUFJLHdDQUFNLEVBQUUsRUFBRSxhQUFhLElBQUcsV0FBVyxDQUFRO1FBQzlELFFBQVEsQ0FDUCxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFFVyxRQUFBLGFBQWEsR0FBRyxJQUFBLFlBQUksRUFBQyxzQkFBc0IsQ0FBQyxDQUFDO0FBRTFELHFCQUFhLENBQUMsV0FBVyxHQUFHLGVBQWUsQ0FBQyJ9
|
|
@@ -3,19 +3,15 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
3
3
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
7
|
exports.responsiveHideVisually = void 0;
|
|
11
|
-
var hideVisually_1 = __importDefault(require("polished/lib/mixins/hideVisually"));
|
|
12
8
|
var styled_components_1 = require("styled-components");
|
|
13
9
|
var responsiveMixin_1 = require("../utils/responsiveMixin");
|
|
14
10
|
var responsiveHideVisually = function (breakpoints, condition) {
|
|
15
11
|
return condition
|
|
16
|
-
? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &&& {\n
|
|
12
|
+
? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &&& {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n "], ["\n &&& {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: 1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n "]))), condition)
|
|
17
13
|
: null;
|
|
18
14
|
};
|
|
19
15
|
exports.responsiveHideVisually = responsiveHideVisually;
|
|
20
16
|
var templateObject_1;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZUhpZGVWaXN1YWxseS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZUhpZGVWaXN1YWxseS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBRXhDLDREQUEyRDtBQUVwRCxJQUFNLHNCQUFzQixHQUFHLFVBQ2xDLFdBQWMsRUFDZCxTQUEwQztJQUUxQyxPQUFBLFNBQVM7UUFDTCxDQUFDLENBQUMsSUFBQSxpQ0FBZSxFQUNYLFdBQVcsTUFDWCx1QkFBRyxnZUFBQSw0WkFZRixNQUNELFNBQVMsQ0FDWjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBbEJWLENBa0JVLENBQUM7QUF0QkYsUUFBQSxzQkFBc0IsMEJBc0JwQiJ9
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uxf/styles",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -25,22 +25,21 @@
|
|
|
25
25
|
"@types/facepaint": "^1.2.2",
|
|
26
26
|
"@types/react": "^17.0.2",
|
|
27
27
|
"@types/react-dom": "^17.0.2",
|
|
28
|
-
"@types/styled-components": "^5.1.
|
|
29
|
-
"@uxf/core": "^2.
|
|
28
|
+
"@types/styled-components": "^5.1.24",
|
|
29
|
+
"@uxf/core": "^2.1.4",
|
|
30
30
|
"@uxf/eslint-config": "^1.2.3",
|
|
31
|
-
"csstype": "^3.0.
|
|
32
|
-
"eslint": "^8.
|
|
31
|
+
"csstype": "^3.0.11",
|
|
32
|
+
"eslint": "^8.12.0",
|
|
33
33
|
"facepaint": "^1.2.1",
|
|
34
34
|
"parcel": "^2.0.1",
|
|
35
|
-
"
|
|
36
|
-
"postcss": "^8.4.5",
|
|
35
|
+
"postcss": "^8.4.12",
|
|
37
36
|
"postcss-syntax": "^0.36.2",
|
|
38
|
-
"prettier": "^2.
|
|
37
|
+
"prettier": "^2.6.1",
|
|
39
38
|
"react": "^17.0.2",
|
|
40
39
|
"react-dom": "^17.0.2",
|
|
41
40
|
"styled-components": "^5.3.3",
|
|
42
|
-
"stylelint": "^14.
|
|
43
|
-
"stylelint-config-recommended": "^
|
|
41
|
+
"stylelint": "^14.6.1",
|
|
42
|
+
"stylelint-config-recommended": "^7.0.0",
|
|
44
43
|
"stylelint-config-styled-components": "^0.1.1",
|
|
45
44
|
"stylelint-processor-styled-components": "^1.10.0",
|
|
46
45
|
"typescript": "^4.5.4"
|
|
@@ -48,9 +47,8 @@
|
|
|
48
47
|
"peerDependencies": {
|
|
49
48
|
"@uxf/core": "^2.0.0",
|
|
50
49
|
"facepaint": "^1.2.1",
|
|
51
|
-
"
|
|
52
|
-
"react": "^16 || ^17",
|
|
53
|
-
"react-dom": "^16 || ^17",
|
|
50
|
+
"react": "^16 || ^17 || ^18",
|
|
51
|
+
"react-dom": "^16 || ^17 || ^18",
|
|
54
52
|
"styled-components": "^5.3.0"
|
|
55
53
|
},
|
|
56
54
|
"author": "",
|
package/utils/em.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const em: (size: number, base?: number) => string;
|
package/utils/em.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.em = void 0;
|
|
4
|
+
var em = function (size, base) {
|
|
5
|
+
if (base === void 0) { base = 16; }
|
|
6
|
+
return (size === 0 ? "0" : "".concat(size / base, "em"));
|
|
7
|
+
};
|
|
8
|
+
exports.em = em;
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQU8sSUFBTSxFQUFFLEdBQUcsVUFBQyxJQUFZLEVBQUUsSUFBUztJQUFULHFCQUFBLEVBQUEsU0FBUztJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxHQUFHLElBQUksT0FBSSxDQUFDO0FBQXZDLENBQXVDLENBQUM7QUFBMUUsUUFBQSxFQUFFLE1BQXdFIn0=
|
package/utils/formatValue.js
CHANGED
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.formatResponsiveValueFromProperty = exports.formatResponsiveValue = exports.formatValue = void 0;
|
|
7
|
-
var rem_1 =
|
|
4
|
+
var rem_1 = require("./rem");
|
|
8
5
|
// format CSS value (return string if number or string and null if other)
|
|
9
6
|
var formatValue = function (input, forceString) {
|
|
10
7
|
if (forceString === void 0) { forceString = false; }
|
|
@@ -12,7 +9,7 @@ var formatValue = function (input, forceString) {
|
|
|
12
9
|
if (input === 0 || (forceString && input)) {
|
|
13
10
|
return input.toString();
|
|
14
11
|
}
|
|
15
|
-
return (0, rem_1.
|
|
12
|
+
return (0, rem_1.rem)(input);
|
|
16
13
|
}
|
|
17
14
|
else if (typeof input === "string" && input !== "") {
|
|
18
15
|
return input;
|
|
@@ -36,4 +33,4 @@ var formatResponsiveValueFromProperty = function (property, input, forceString)
|
|
|
36
33
|
return input ? (0, exports.formatValue)(property[input], forceString) : null;
|
|
37
34
|
};
|
|
38
35
|
exports.formatResponsiveValueFromProperty = formatResponsiveValueFromProperty;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0VmFsdWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0VmFsdWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNkJBQTRCO0FBRTVCLHlFQUF5RTtBQUNsRSxJQUFNLFdBQVcsR0FBRyxVQUFzQixLQUFTLEVBQUUsV0FBbUI7SUFBbkIsNEJBQUEsRUFBQSxtQkFBbUI7SUFDM0UsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDNUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxFQUFFO1lBQ3ZDLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsT0FBTyxJQUFBLFNBQUcsRUFBQyxLQUFLLENBQUMsQ0FBQztLQUNyQjtTQUFNLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDbEQsT0FBTyxLQUFLLENBQUM7S0FDaEI7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFWVyxRQUFBLFdBQVcsZUFVdEI7QUFFSyxJQUFNLHFCQUFxQixHQUFHLFVBQXNCLEtBQXdCLEVBQUUsV0FBbUI7SUFBbkIsNEJBQUEsRUFBQSxtQkFBbUI7SUFDcEcsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ3RCLE9BQVEsS0FBYSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUEsbUJBQVcsRUFBSSxJQUFJLEVBQUUsV0FBVyxDQUFDLEVBQWpDLENBQWlDLENBQUMsQ0FBQztLQUMxRTtJQUNELE9BQU8sSUFBQSxtQkFBVyxFQUFJLEtBQVUsRUFBRSxXQUFXLENBQUMsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFMVyxRQUFBLHFCQUFxQix5QkFLaEM7QUFFSyxJQUFNLGlDQUFpQyxHQUFHLFVBQzdDLFFBQVcsRUFDWCxLQUFvQyxFQUNwQyxXQUFtQjtJQUFuQiw0QkFBQSxFQUFBLG1CQUFtQjtJQUVuQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDdEIsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEsbUJBQVcsRUFBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUE3RCxDQUE2RCxDQUFDLENBQUM7S0FDN0Y7SUFDRCxPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBQSxtQkFBVyxFQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ3BFLENBQUMsQ0FBQztBQVRXLFFBQUEsaUNBQWlDLHFDQVM1QyJ9
|
package/utils/hiDPI.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function hiDPI(ratio: number): string;
|
package/utils/hiDPI.js
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.hiDPI = void 0;
|
|
4
|
+
function hiDPI(ratio) {
|
|
5
|
+
if (ratio < 1) {
|
|
6
|
+
ratio = 1;
|
|
7
|
+
}
|
|
8
|
+
return ("\n @media only screen and (-webkit-min-device-pixel-ratio: " +
|
|
9
|
+
ratio +
|
|
10
|
+
"),\n only screen and (min--moz-device-pixel-ratio: " +
|
|
11
|
+
ratio +
|
|
12
|
+
"),\n only screen and (-o-min-device-pixel-ratio: " +
|
|
13
|
+
ratio +
|
|
14
|
+
"/1),\n only screen and (min-resolution: " +
|
|
15
|
+
Math.round(ratio * 96) +
|
|
16
|
+
"dpi),\n only screen and (min-resolution: " +
|
|
17
|
+
ratio +
|
|
18
|
+
"dppx)\n ");
|
|
19
|
+
}
|
|
20
|
+
exports.hiDPI = hiDPI;
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGlEUEkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaGlEUEkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsU0FBZ0IsS0FBSyxDQUFDLEtBQWE7SUFDL0IsSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFO1FBQ1gsS0FBSyxHQUFHLENBQUMsQ0FBQztLQUNiO0lBRUQsT0FBTyxDQUNILGdFQUFnRTtRQUNoRSxLQUFLO1FBQ0wsd0RBQXdEO1FBQ3hELEtBQUs7UUFDTCxzREFBc0Q7UUFDdEQsS0FBSztRQUNMLDZDQUE2QztRQUM3QyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDdEIsOENBQThDO1FBQzlDLEtBQUs7UUFDTCxXQUFXLENBQ2QsQ0FBQztBQUNOLENBQUM7QUFsQkQsc0JBa0JDIn0=
|
package/utils/rem.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const rem: (size: number, base?: number) => string;
|
package/utils/rem.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.rem = void 0;
|
|
4
|
+
var rem = function (size, base) {
|
|
5
|
+
if (base === void 0) { base = 16; }
|
|
6
|
+
return (size === 0 ? "0" : "".concat(size / base, "rem"));
|
|
7
|
+
};
|
|
8
|
+
exports.rem = rem;
|
|
9
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL3JlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBTyxJQUFNLEdBQUcsR0FBRyxVQUFDLElBQVksRUFBRSxJQUFTO0lBQVQscUJBQUEsRUFBQSxTQUFTO0lBQUssT0FBQSxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLEdBQUcsSUFBSSxRQUFLLENBQUM7QUFBeEMsQ0FBd0MsQ0FBQztBQUE1RSxRQUFBLEdBQUcsT0FBeUUifQ==
|
package/utils/responsive.js
CHANGED
|
@@ -10,32 +10,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.resolveResponsiveProperties = exports.facepaintOnly = exports.facepaintMin = exports.mediaHiDpi = exports.mediaMax = exports.mediaMin = exports.mediaBetween = exports.matchMax = exports.matchMin = exports.matchBetween = exports.mqHiDpi = exports.mqMax = exports.mqMin = exports.mqBetween = void 0;
|
|
11
11
|
var isBrowser_1 = require("@uxf/core/utils/isBrowser");
|
|
12
12
|
var facepaint_1 = __importDefault(require("facepaint"));
|
|
13
|
-
var em_1 = __importDefault(require("polished/lib/helpers/em"));
|
|
14
|
-
var hiDPI_1 = __importDefault(require("polished/lib/mixins/hiDPI"));
|
|
15
13
|
var styled_components_1 = require("styled-components");
|
|
14
|
+
var em_1 = require("./em");
|
|
15
|
+
var hiDPI_1 = require("./hiDPI");
|
|
16
16
|
var nonEmptyStyle_1 = require("./nonEmptyStyle");
|
|
17
17
|
// media queries
|
|
18
18
|
var mqBetween = function (from, to) {
|
|
19
|
-
return "@media (min-width: ".concat((0, em_1.
|
|
19
|
+
return "@media (min-width: ".concat((0, em_1.em)(from), ") and (max-width: ").concat((0, em_1.em)(to - 1), ")");
|
|
20
20
|
};
|
|
21
21
|
exports.mqBetween = mqBetween;
|
|
22
|
-
var mqMin = function (from) { return "@media (min-width: ".concat((0, em_1.
|
|
22
|
+
var mqMin = function (from) { return "@media (min-width: ".concat((0, em_1.em)(from), ")"); };
|
|
23
23
|
exports.mqMin = mqMin;
|
|
24
|
-
var mqMax = function (to) { return "@media (max-width: ".concat((0, em_1.
|
|
24
|
+
var mqMax = function (to) { return "@media (max-width: ".concat((0, em_1.em)(to - 1), ")"); };
|
|
25
25
|
exports.mqMax = mqMax;
|
|
26
26
|
var mqHiDpi = function (ratio) {
|
|
27
27
|
if (ratio === void 0) { ratio = 2; }
|
|
28
|
-
return (0, hiDPI_1.
|
|
28
|
+
return (0, hiDPI_1.hiDPI)(ratio);
|
|
29
29
|
};
|
|
30
30
|
exports.mqHiDpi = mqHiDpi;
|
|
31
31
|
// match media helpers
|
|
32
32
|
var matchBetween = function (from, to) {
|
|
33
|
-
return isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.
|
|
33
|
+
return isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.em)(from), ") and (max-width: ").concat((0, em_1.em)(to - 1), ")")).matches : false;
|
|
34
34
|
};
|
|
35
35
|
exports.matchBetween = matchBetween;
|
|
36
|
-
var matchMin = function (from) { return (isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.
|
|
36
|
+
var matchMin = function (from) { return (isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.em)(from), ")")).matches : false); };
|
|
37
37
|
exports.matchMin = matchMin;
|
|
38
|
-
var matchMax = function (to) { return (isBrowser_1.isBrowser ? window.matchMedia("(max-width: ".concat((0, em_1.
|
|
38
|
+
var matchMax = function (to) { return (isBrowser_1.isBrowser ? window.matchMedia("(max-width: ".concat((0, em_1.em)(to - 1), ")")).matches : false); };
|
|
39
39
|
exports.matchMax = matchMax;
|
|
40
40
|
// helpers for styled components media queries
|
|
41
41
|
var mediaBetween = function (from, to, style) {
|
|
@@ -86,4 +86,4 @@ var resolveResponsiveProperties = function (breakpoints, properties) {
|
|
|
86
86
|
};
|
|
87
87
|
exports.resolveResponsiveProperties = resolveResponsiveProperties;
|
|
88
88
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9yZXNwb25zaXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSx1REFBc0Q7QUFDdEQsd0RBQWtDO0FBQ2xDLHVEQUFtRjtBQUVuRiwyQkFBMEI7QUFDMUIsaUNBQWdDO0FBQ2hDLGlEQUFnRDtBQUVoRCxnQkFBZ0I7QUFDVCxJQUFNLFNBQVMsR0FBRyxVQUFDLElBQVksRUFBRSxFQUFVO0lBQzlDLE9BQUEsNkJBQXNCLElBQUEsT0FBRSxFQUFDLElBQUksQ0FBQywrQkFBcUIsSUFBQSxPQUFFLEVBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFHO0FBQWhFLENBQWdFLENBQUM7QUFEeEQsUUFBQSxTQUFTLGFBQytDO0FBQzlELElBQU0sS0FBSyxHQUFHLFVBQUMsSUFBWSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsT0FBRSxFQUFDLElBQUksQ0FBQyxNQUFHLEVBQWpDLENBQWlDLENBQUM7QUFBcEUsUUFBQSxLQUFLLFNBQStEO0FBQzFFLElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBVSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsT0FBRSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxFQUFuQyxDQUFtQyxDQUFDO0FBQXBFLFFBQUEsS0FBSyxTQUErRDtBQUMxRSxJQUFNLE9BQU8sR0FBRyxVQUFDLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFBSyxPQUFBLElBQUEsYUFBSyxFQUFDLEtBQUssQ0FBQztBQUFaLENBQVksQ0FBQztBQUF0QyxRQUFBLE9BQU8sV0FBK0I7QUFFbkQsc0JBQXNCO0FBQ2YsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUFZLEVBQUUsRUFBVTtJQUNqRCxPQUFBLHFCQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsc0JBQWUsSUFBQSxPQUFFLEVBQUMsSUFBSSxDQUFDLCtCQUFxQixJ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
|
package/utils/hexToRgb.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const hexToRgb: (color: string) => string;
|
package/utils/hexToRgb.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.hexToRgb = void 0;
|
|
7
|
-
var parseToRgb_1 = __importDefault(require("polished/lib/color/parseToRgb"));
|
|
8
|
-
var hexToRgb = function (color) { return "rgb(".concat(Object.values((0, parseToRgb_1.default)(color)).join(","), ")"); };
|
|
9
|
-
exports.hexToRgb = hexToRgb;
|
|
10
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGV4VG9SZ2IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaGV4VG9SZ2IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsNkVBQXVEO0FBRWhELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxJQUFLLE9BQUEsY0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUEsb0JBQVUsRUFBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBRyxFQUFwRCxDQUFvRCxDQUFDO0FBQW5GLFFBQUEsUUFBUSxZQUEyRSJ9
|