@uxf/styles 1.4.1 → 1.4.2

package/utils/responsive.js

@@ -16,74 +16,74 @@ var styled_components_1 = require("styled-components");
 var nonEmptyStyle_1 = require("./nonEmptyStyle");
 // media queries
 var mqBetween = function (from, to) {
-    return "@media (min-width: " + em_1.default(from) + ") and (max-width: " + em_1.default(to - 1) + ")";
+    return "@media (min-width: ".concat((0, em_1.default)(from), ") and (max-width: ").concat((0, em_1.default)(to - 1), ")");
 };
 exports.mqBetween = mqBetween;
-var mqMin = function (from) { return "@media (min-width: " + em_1.default(from) + ")"; };
+var mqMin = function (from) { return "@media (min-width: ".concat((0, em_1.default)(from), ")"); };
 exports.mqMin = mqMin;
-var mqMax = function (to) { return "@media (max-width: " + em_1.default(to - 1) + ")"; };
+var mqMax = function (to) { return "@media (max-width: ".concat((0, em_1.default)(to - 1), ")"); };
 exports.mqMax = mqMax;
 var mqHiDpi = function (ratio) {
     if (ratio === void 0) { ratio = 2; }
-    return hiDPI_1.default(ratio);
+    return (0, hiDPI_1.default)(ratio);
 };
 exports.mqHiDpi = mqHiDpi;
 // match media helpers
 var matchBetween = function (from, to) {
-    return isBrowser_1.isBrowser ? window.matchMedia("(min-width: " + em_1.default(from) + ") and (max-width: " + em_1.default(to - 1) + ")").matches : false;
+    return isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.default)(from), ") and (max-width: ").concat((0, em_1.default)(to - 1), ")")).matches : false;
 };
 exports.matchBetween = matchBetween;
-var matchMin = function (from) { return (isBrowser_1.isBrowser ? window.matchMedia("(min-width: " + em_1.default(from) + ")").matches : false); };
+var matchMin = function (from) { return (isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.default)(from), ")")).matches : false); };
 exports.matchMin = matchMin;
-var matchMax = function (to) { return (isBrowser_1.isBrowser ? window.matchMedia("(max-width: " + em_1.default(to - 1) + ")").matches : false); };
+var matchMax = function (to) { return (isBrowser_1.isBrowser ? window.matchMedia("(max-width: ".concat((0, em_1.default)(to - 1), ")")).matches : false); };
 exports.matchMax = matchMax;
 // helpers for styled components media queries
 var mediaBetween = function (from, to, style) {
-    return nonEmptyStyle_1.nonEmptyStyle(style)
-        ? styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), exports.mqBetween(from, to), style) : null;
+    return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
+        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), (0, exports.mqBetween)(from, to), style) : null;
 };
 exports.mediaBetween = mediaBetween;
 var mediaMin = function (from, style) {
-    return nonEmptyStyle_1.nonEmptyStyle(style)
-        ? styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), exports.mqMin(from), style) : null;
+    return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
+        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), (0, exports.mqMin)(from), style) : null;
 };
 exports.mediaMin = mediaMin;
 var mediaMax = function (to, style) {
-    return nonEmptyStyle_1.nonEmptyStyle(style)
-        ? styled_components_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), exports.mqMax(to), style) : null;
+    return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
+        ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), (0, exports.mqMax)(to), style) : null;
 };
 exports.mediaMax = mediaMax;
 var mediaHiDpi = function (style, ratio) {
     if (ratio === void 0) { ratio = 2; }
-    return nonEmptyStyle_1.nonEmptyStyle(style)
-        ? styled_components_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), exports.mqHiDpi(ratio), style) : null;
+    return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
+        ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n              ", " {\n                  ", "\n              }\n          "], ["\n              ", " {\n                  ", "\n              }\n          "])), (0, exports.mqHiDpi)(ratio), style) : null;
 };
 exports.mediaHiDpi = mediaHiDpi;
 /* https://github.com/emotion-js/facepaint */
 // helpers for facepaint responsive css props
 var facepaintMin = function (breakpoints) {
     var breakpointsArray = Object.values(breakpoints).slice(1);
-    return facepaint_1.default(breakpointsArray.map(function (breakpoint) { return exports.mqMin(breakpoint); }));
+    return (0, facepaint_1.default)(breakpointsArray.map(function (breakpoint) { return (0, exports.mqMin)(breakpoint); }));
 };
 exports.facepaintMin = facepaintMin;
 var facepaintOnly = function (breakpoints) {
     var breakpointsArray = Object.values(breakpoints).slice(1);
     var breakpointsCount = breakpointsArray.length;
-    return facepaint_1.default(breakpointsArray.map(function (breakpoint, index) {
+    return (0, facepaint_1.default)(breakpointsArray.map(function (breakpoint, index) {
         if (index === 0) {
-            return exports.mqMax(breakpoint);
+            return (0, exports.mqMax)(breakpoint);
         }
         if (index === breakpointsCount - 1) {
-            return exports.mqMin(breakpoint);
+            return (0, exports.mqMin)(breakpoint);
         }
-        return exports.mqBetween(breakpointsArray[index - 1], breakpoint);
+        return (0, exports.mqBetween)(breakpointsArray[index - 1], breakpoint);
     }), { literal: true });
 };
 exports.facepaintOnly = facepaintOnly;
 var resolveResponsiveProperties = function (breakpoints, properties) {
     return Object.values(properties).find(function (p) { return Array.isArray(p); })
-        ? styled_components_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n              ", "\n          "], ["\n              ", "\n          "])), exports.facepaintMin(breakpoints)(properties)) : [properties];
+        ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n              ", "\n          "], ["\n              ", "\n          "])), (0, exports.facepaintMin)(breakpoints)(properties)) : [properties];
 };
 exports.resolveResponsiveProperties = resolveResponsiveProperties;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9yZXNwb25zaXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSx1REFBc0Q7QUFDdEQsd0RBQWtDO0FBQ2xDLCtEQUF5QztBQUN6QyxvRUFBOEM7QUFDOUMsdURBQW1GO0FBRW5GLGlEQUFnRDtBQUVoRCxnQkFBZ0I7QUFDVCxJQUFNLFNBQVMsR0FBRyxVQUFDLElBQVksRUFBRSxFQUFVO0lBQzlDLE9BQUEsd0JBQXNCLFlBQUUsQ0FBQyxJQUFJLENBQUMsMEJBQXFCLFlBQUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLE1BQUc7QUFBaEUsQ0FBZ0UsQ0FBQztBQUR4RCxRQUFBLFNBQVMsYUFDK0M7QUFDOUQsSUFBTSxLQUFLLEdBQUcsVUFBQyxJQUFZLElBQWEsT0FBQSx3QkFBc0IsWUFBRSxDQUFDLElBQUksQ0FBQyxNQUFHLEVBQWpDLENBQWlDLENBQUM7QUFBcEUsUUFBQSxLQUFLLFNBQStEO0FBQzFFLElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBVSxJQUFhLE9BQUEsd0JBQXNCLFlBQUUsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLE1BQUcsRUFBbkMsQ0FBbUMsQ0FBQztBQUFwRSxRQUFBLEtBQUssU0FBK0Q7QUFDMUUsSUFBTSxPQUFPLEdBQUcsVUFBQyxLQUFTO0lBQVQsc0JBQUEsRUFBQSxTQUFTO0lBQUssT0FBQSxlQUFLLENBQUMsS0FBSyxDQUFDO0FBQVosQ0FBWSxDQUFDO0FBQXRDLFFBQUEsT0FBTyxXQUErQjtBQUVuRCxzQkFBc0I7QUFDZixJQUFNLFlBQVksR0FBRyxVQUFDLElBQVksRUFBRSxFQUFVO0lBQ2pELE9BQUEscUJBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxpQkFBZSxZQUFFLENBQUMsSUFBSSxDQUFDLDBCQUFxQixZQUFFLENBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUs7QUFBeEcsQ0FBd0csQ0FBQztBQURoRyxRQUFBLFlBQVksZ0JBQ29GO0FBQ3RHLElBQU0sUUFBUSxHQUFHLFVBQUMsSUFBWSxJQUFLLE9BQUEsQ0FBQyxxQkFBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLGlCQUFlLFlBQUUsQ0FBQyxJQUFJLENBQUMsTUFBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBM0UsQ0FBMkUsQ0FBQztBQUF6RyxRQUFBLFFBQVEsWUFBaUc7QUFDL0csSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUFVLElBQUssT0FBQSxDQUFDLHFCQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsaUJBQWUsWUFBRSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBN0UsQ0FBNkUsQ0FBQztBQUF6RyxRQUFBLFFBQVEsWUFBaUc7QUFFdEgsOENBQThDO0FBQ3ZDLElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBWSxFQUFFLEVBQVUsRUFBRSxLQUF3QztJQUMzRixPQUFPLDZCQUFhLENBQUMsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyx1QkFBRyxnSkFBQSxrQkFDRyxFQUFtQix3QkFDZixFQUFLLCtCQUVkLEtBSEssaUJBQVMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLEVBQ2YsS0FBSyxFQUdqQixDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ2YsQ0FBQyxDQUFDO0FBUlcsUUFBQSxZQUFZLGdCQVF2QjtBQUVLLElBQU0sUUFBUSxHQUFHLFVBQUMsSUFBWSxFQUFFLEtBQXdDO0lBQzNFLE9BQU8sNkJBQWEsQ0FBQyxLQUFLLENBQUM7UUFDdkIsQ0FBQyxDQUFDLHVCQUFHLGdKQUFBLGtCQUNHLEVBQVcsd0JBQ1AsRUFBSywrQkFFZCxLQUhLLGFBQUssQ0FBQyxJQUFJLENBQUMsRUFDUCxLQUFLLEVBR2pCLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDZixDQUFDLENBQUM7QUFSVyxRQUFBLFFBQVEsWUFRbkI7QUFFSyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQVUsRUFBRSxLQUF3QztJQUN6RSxPQUFPLDZCQUFhLENBQUMsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsQ0FBQyx1QkFBRyxnSkFBQSxrQkFDRyxFQUFTLHdCQUNMLEVBQUssK0JBRWQsS0FISyxhQUFLLENBQUMsRUFBRSxDQUFDLEVBQ0wsS0FBSyxFQUdqQixDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ2YsQ0FBQyxDQUFDO0FBUlcsUUFBQSxRQUFRLFlBUW5CO0FBRUssSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUF3QyxFQUFFLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFDMUUsT0FBTyw2QkFBYSxDQUFDLEtBQUssQ0FBQztRQUN2QixDQUFDLENBQUMsdUJBQUcsZ0pBQUEsa0JBQ0csRUFBYyx3QkFDVixFQUFLLCtCQUVkLEtBSEssZUFBTyxDQUFDLEtBQUssQ0FBQyxFQUNWLEtBQUssRUFHakIsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNmLENBQUMsQ0FBQztBQVJXLFFBQUEsVUFBVSxjQVFyQjtBQUVGLDZDQUE2QztBQUU3Qyw2Q0FBNkM7QUFDdEMsSUFBTSxZQUFZLEdBQUcsVUFBQyxXQUE0QjtJQUNyRCxJQUFNLGdCQUFnQixHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBYSxDQUFDO0lBQ3pFLE9BQU8sbUJBQVMsQ0FBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsVUFBQyxVQUFVLElBQUssT0FBQSxhQUFLLENBQUMsVUFBVSxDQUFDLEVBQWpCLENBQWlCLENBQUMsQ0FBQyxDQUFDO0FBQzlFLENBQUMsQ0FBQztBQUhXLFFBQUEsWUFBWSxnQkFHdkI7QUFFSyxJQUFNLGFBQWEsR0FBRyxVQUFDLFdBQTRCO0lBQ3RELElBQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFhLENBQUM7SUFDekUsSUFBTSxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQyxNQUFNLENBQUM7SUFDakQsT0FBTyxtQkFBUyxDQUNaLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxVQUFDLFVBQVUsRUFBRSxLQUFLO1FBQ25DLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtZQUNiLE9BQU8sYUFBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzVCO1FBQ0QsSUFBSSxLQUFLLEtBQUssZ0JBQWdCLEdBQUcsQ0FBQyxFQUFFO1lBQ2hDLE9BQU8sYUFBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzVCO1FBQ0QsT0FBTyxpQkFBUyxDQUFDLGdCQUFnQixDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUM5RCxDQUFDLENBQUMsRUFDRixFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FDcEIsQ0FBQztBQUNOLENBQUMsQ0FBQztBQWZXLFFBQUEsYUFBYSxpQkFleEI7QUFFSyxJQUFNLDJCQUEyQixHQUFHLFVBQ3ZDLFdBQTRCLEVBQzVCLFVBQW1GO0lBRW5GLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxLQUFLLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFoQixDQUFnQixDQUFDO1FBQzFELENBQUMsQ0FBQyx1QkFBRyxxR0FBQSxrQkFDRyxFQUFxQyxjQUMxQyxLQURLLG9CQUFZLENBQUMsV0FBVyxDQUFDLENBQUMsVUFBVSxDQUFDLEVBRTdDLENBQUMsQ0FBRSxDQUFDLFVBQVUsQ0FBZ0MsQ0FBQztBQUN2RCxDQUFDLENBQUM7QUFUVyxRQUFBLDJCQUEyQiwrQkFTdEMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9yZXNwb25zaXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSx1REFBc0Q7QUFDdEQsd0RBQWtDO0FBQ2xDLCtEQUF5QztBQUN6QyxvRUFBOEM7QUFDOUMsdURBQW1GO0FBRW5GLGlEQUFnRDtBQUVoRCxnQkFBZ0I7QUFDVCxJQUFNLFNBQVMsR0FBRyxVQUFDLElBQVksRUFBRSxFQUFVO0lBQzlDLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLElBQUksQ0FBQywrQkFBcUIsSUFBQSxZQUFFLEVBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFHO0FBQWhFLENBQWdFLENBQUM7QUFEeEQsUUFBQSxTQUFTLGFBQytDO0FBQzlELElBQU0sS0FBSyxHQUFHLFVBQUMsSUFBWSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLElBQUksQ0FBQyxNQUFHLEVBQWpDLENBQWlDLENBQUM7QUFBcEUsUUFBQSxLQUFLLFNBQStEO0FBQzFFLElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBVSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxFQUFuQyxDQUFtQyxDQUFDO0FBQXBFLFFBQUEsS0FBSyxTQUErRDtBQUMxRSxJQUFNLE9BQU8sR0FBRyxVQUFDLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFBSyxPQUFBLElBQUEsZUFBSyxFQUFDLEtBQUssQ0FBQztBQUFaLENBQVksQ0FBQztBQUF0QyxRQUFBLE9BQU8sV0FBK0I7QUFFbkQsc0JBQXNCO0FBQ2YsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUFZLEVBQUUsRUFBVTtJQUNqRCxPQUFBLHFCQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsc0JBQWUsSUFBQSxZQUFFLEVBQUMsSUFBSSxDQUFDLCtCQUFxQixJ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

package/utils/responsiveMixin.d.ts

@@ -1,2 +1,3 @@
 import { FlattenSimpleInterpolation } from "styled-components";
-export declare const responsiveMixin: <B extends Record<string, number>>(breakpoints: B, style: FlattenSimpleInterpolation | null, condition?: boolean | import("../types").ResponsiveRange<B> | undefined) => FlattenSimpleInterpolation | null;
+import { BreakpointsType, ResponsiveConditionProperty } from "../types";
+export declare const responsiveMixin: <B extends BreakpointsType>(breakpoints: B, style: FlattenSimpleInterpolation | null, condition?: ResponsiveConditionProperty<B> | undefined) => FlattenSimpleInterpolation | null;

package/utils/responsiveMixin.js

@@ -9,19 +9,19 @@ var styled_components_1 = require("styled-components");
 var nonEmptyStyle_1 = require("./nonEmptyStyle");
 var responsive_1 = require("./responsive");
 var responsiveMixin = function (breakpoints, style, condition) {
-    if (typeof condition === "object" && condition !== null) {
+    if (typeof condition === "object") {
         var from = condition.from, to = condition.to;
         if (from && to) {
-            if (breakpoints[from] > breakpoints[to] && nonEmptyStyle_1.nonEmptyStyle(style)) {
-                return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", " {\n                        ", ";\n                    }\n\n                    ", " {\n                        ", ";\n                    }\n                "], ["\n                    ", " {\n                        ", ";\n                    }\n\n                    ", " {\n                        ", ";\n                    }\n                "])), responsive_1.mqMax(breakpoints[to]), style, responsive_1.mqMin(breakpoints[from]), style);
+            if (breakpoints[from] > breakpoints[to] && (0, nonEmptyStyle_1.nonEmptyStyle)(style)) {
+                return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n                    ", " {\n                        ", ";\n                    }\n\n                    ", " {\n                        ", ";\n                    }\n                "], ["\n                    ", " {\n                        ", ";\n                    }\n\n                    ", " {\n                        ", ";\n                    }\n                "])), (0, responsive_1.mqMax)(breakpoints[to]), style, (0, responsive_1.mqMin)(breakpoints[from]), style);
             }
-            return responsive_1.mediaBetween(breakpoints[from], breakpoints[to], style);
+            return (0, responsive_1.mediaBetween)(breakpoints[from], breakpoints[to], style);
         }
         if (from && !to) {
-            return responsive_1.mediaMin(breakpoints[from], style);
+            return (0, responsive_1.mediaMin)(breakpoints[from], style);
         }
         if (to) {
-            return responsive_1.mediaMax(breakpoints[to], style);
+            return (0, responsive_1.mediaMax)(breakpoints[to], style);
         }
     }
     else if (condition) {
@@ -31,4 +31,4 @@ var responsiveMixin = function (breakpoints, style, condition) {
 };
 exports.responsiveMixin = responsiveMixin;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU1peGluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL3Jlc3BvbnNpdmVNaXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQW9FO0FBRXBFLGlEQUFnRDtBQUNoRCwyQ0FBOEU7QUFFdkUsSUFBTSxlQUFlLEdBQUcsVUFDM0IsV0FBYyxFQUNkLEtBQXdDLEVBQ3hDLFNBQTBDO0lBRTFDLElBQUksT0FBTyxTQUFTLEtBQUssUUFBUSxJQUFJLFNBQVMsS0FBSyxJQUFJLEVBQUU7UUFDN0MsSUFBQSxJQUFJLEdBQVMsU0FBUyxLQUFsQixFQUFFLEVBQUUsR0FBSyxTQUFTLEdBQWQsQ0FBZTtRQUUvQixJQUFJLElBQUksSUFBSSxFQUFFLEVBQUU7WUFDWixJQUFJLFdBQVcsQ0FBQyxJQUFJLENBQUMsR0FBRyxXQUFXLENBQUMsRUFBRSxDQUFDLElBQUksNkJBQWEsQ0FBQyxLQUFLLENBQUMsRUFBRTtnQkFDN0QsT0FBTyx1QkFBRyw2UEFBQSx3QkFDSixFQUFzQiw4QkFDbEIsRUFBSyxrREFHVCxFQUF3Qiw4QkFDcEIsRUFBSyw0Q0FFZCxLQVBLLGtCQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQ2xCLEtBQUssRUFHVCxrQkFBSyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUNwQixLQUFLLEVBRWI7YUFDTDtZQUNELE9BQU8seUJBQVksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsV0FBVyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ2xFO1FBRUQsSUFBSSxJQUFJLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDYixPQUFPLHFCQUFRLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQzdDO1FBRUQsSUFBSSxFQUFFLEVBQUU7WUFDSixPQUFPLHFCQUFRLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQzNDO0tBQ0o7U0FBTSxJQUFJLFNBQVMsRUFBRTtRQUNsQixPQUFPLEtBQUssQ0FBQztLQUNoQjtJQUNELE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUMsQ0FBQztBQWxDVyxRQUFBLGVBQWUsbUJBa0MxQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU1peGluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL3Jlc3BvbnNpdmVNaXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQW9FO0FBRXBFLGlEQUFnRDtBQUNoRCwyQ0FBOEU7QUFFdkUsSUFBTSxlQUFlLEdBQUcsVUFDM0IsV0FBYyxFQUNkLEtBQXdDLEVBQ3hDLFNBQTBDO0lBRTFDLElBQUksT0FBTyxTQUFTLEtBQUssUUFBUSxFQUFFO1FBQ3ZCLElBQUEsSUFBSSxHQUFTLFNBQVMsS0FBbEIsRUFBRSxFQUFFLEdBQUssU0FBUyxHQUFkLENBQWU7UUFFL0IsSUFBSSxJQUFJLElBQUksRUFBRSxFQUFFO1lBQ1osSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLElBQUEsNkJBQWEsRUFBQyxLQUFLLENBQUMsRUFBRTtnQkFDN0QsV0FBTyx1QkFBRyw4UEFBQSx3QkFDSixFQUFzQiw4QkFDbEIsRUFBSyxrREFHVCxFQUF3Qiw4QkFDcEIsRUFBSyw0Q0FFZCxLQVBLLElBQUEsa0JBQUssRUFBQyxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUMsRUFDbEIsS0FBSyxFQUdULElBQUEsa0JBQUssRUFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsRUFDcEIsS0FBSyxFQUViO2FBQ0w7WUFDRCxPQUFPLElBQUEseUJBQVksRUFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsV0FBVyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ2xFO1FBRUQsSUFBSSxJQUFJLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDYixPQUFPLElBQUEscUJBQVEsRUFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDN0M7UUFFRCxJQUFJLEVBQUUsRUFBRTtZQUNKLE9BQU8sSUFBQSxxQkFBUSxFQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUMzQztLQUNKO1NBQU0sSUFBSSxTQUFTLEVBQUU7UUFDbEIsT0FBTyxLQUFLLENBQUM7S0FDaEI7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFsQ1csUUFBQSxlQUFlLG1CQWtDMUIifQ==

package/utils/transition.js

@@ -7,9 +7,9 @@ var transition = function (property, duration, easing) {
     if (duration === void 0) { duration = 400; }
     if (easing === void 0) { easing = "ease-in-out"; }
     if (Array.isArray(property)) {
-        return property.map(function (p) { return exports.transition(p, duration, easing); }).join(", ");
+        return property.map(function (p) { return (0, exports.transition)(p, duration, easing); }).join(", ");
     }
-    return camelCaseToDash_1.camelCaseToDash(property) + " " + withUnit_1.withUnit(duration, "ms") + " " + easing;
+    return "".concat((0, camelCaseToDash_1.camelCaseToDash)(property), " ").concat((0, withUnit_1.withUnit)(duration, "ms"), " ").concat(easing);
 };
 exports.transition = transition;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy90cmFuc2l0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1FQUFrRTtBQUdsRSx1Q0FBc0M7QUFFL0IsSUFBTSxVQUFVLEdBQUcsVUFDdEIsUUFBOEIsRUFDOUIsUUFBYyxFQUNkLE1BQXlEO0lBRHpELHlCQUFBLEVBQUEsY0FBYztJQUNkLHVCQUFBLEVBQUEsc0JBQXlEO0lBRXpELElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUN6QixPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxrQkFBVSxDQUFDLENBQUMsRUFBRSxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQS9CLENBQStCLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7S0FDMUU7SUFDRCxPQUFVLGlDQUFlLENBQUMsUUFBUSxDQUFDLFNBQUksbUJBQVEsQ0FBQyxRQUFRLEVBQUUsSUFBSSxDQUFDLFNBQUksTUFBUSxDQUFDO0FBQ2hGLENBQUMsQ0FBQztBQVRXLFFBQUEsVUFBVSxjQVNyQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy90cmFuc2l0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1FQUFrRTtBQUdsRSx1Q0FBc0M7QUFFL0IsSUFBTSxVQUFVLEdBQUcsVUFDdEIsUUFBOEIsRUFDOUIsUUFBYyxFQUNkLE1BQXlEO0lBRHpELHlCQUFBLEVBQUEsY0FBYztJQUNkLHVCQUFBLEVBQUEsc0JBQXlEO0lBRXpELElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUN6QixPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxJQUFBLGtCQUFVLEVBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMsRUFBL0IsQ0FBK0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztLQUMxRTtJQUNELE9BQU8sVUFBRyxJQUFBLGlDQUFlLEVBQUMsUUFBUSxDQUFDLGNBQUksSUFBQSxtQkFBUSxFQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsY0FBSSxNQUFNLENBQUUsQ0FBQztBQUNoRixDQUFDLENBQUM7QUFUVyxRQUFBLFVBQVUsY0FTckIifQ==

package/utils/withUnit.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withUnit = void 0;
-var withUnit = function (input, unit) { return "" + input + unit; };
+var withUnit = function (input, unit) { return "".concat(input).concat(unit); };
 exports.withUnit = withUnit;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aFVuaXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvd2l0aFVuaXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRU8sSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFzQixFQUFFLElBQWMsSUFBSyxPQUFBLEtBQUcsS0FBSyxHQUFHLElBQU0sRUFBakIsQ0FBaUIsQ0FBQztBQUF6RSxRQUFBLFFBQVEsWUFBaUUifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aFVuaXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvd2l0aFVuaXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRU8sSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFzQixFQUFFLElBQWMsSUFBSyxPQUFBLFVBQUcsS0FBSyxTQUFHLElBQUksQ0FBRSxFQUFqQixDQUFpQixDQUFDO0FBQXpFLFFBQUEsUUFBUSxZQUFpRSJ9