@uxf/styles 1.3.0 → 1.4.2

package/properties/textDecoration.js

@@ -1,20 +1,13 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.textDecoration = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var textDecoration = function (_a) {
     var breakpoints = _a.breakpoints, $textDecoration = _a.$textDecoration;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        textDecoration: formatValue_1.formatResponsiveValue($textDecoration),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        textDecoration: (0, formatValue_1.formatResponsiveValue)($textDecoration),
+    });
 };
 exports.textDecoration = textDecoration;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dERlY29yYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90ZXh0RGVjb3JhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLG9EQUE2RDtBQUM3RCxrREFBbUQ7QUFPNUMsSUFBTSxjQUFjLEdBQUcsVUFBNEIsRUFHeEI7UUFGOUIsV0FBVyxpQkFBQSxFQUNYLGVBQWUscUJBQUE7SUFDb0IsT0FBQSx1QkFBRyxpRkFBQSxRQUNwQztRQUVBLElBQ0wsS0FISyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLGNBQWMsRUFBRSxtQ0FBcUIsQ0FBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQUhpQyxDQUl0QyxDQUFDO0FBUFcsUUFBQSxjQUFjLGtCQU96QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dERlY29yYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90ZXh0RGVjb3JhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTTNELElBQU0sY0FBYyxHQUFHLFVBQTRCLEVBR3hCO1FBRjlCLFdBQVcsaUJBQUEsRUFDWCxlQUFlLHFCQUFBO0lBRWYsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQUZGLENBRUUsQ0FBQztBQU5NLFFBQUEsY0FBYyxrQkFNcEIifQ==

package/properties/transform.d.ts

@@ -1,7 +1,7 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Transform {
     $transform?: ResponsiveProperty.Transform;
     $transformOrigin?: ResponsiveProperty.TransformOrigin;
     $transformStyle?: ResponsiveProperty.TransformStyle;
 }
-export declare const transform: <B extends Record<string, number>>({ breakpoints, $transform, $transformOrigin, $transformStyle, }: Transform & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const transform: <B extends BreakpointsType>({ breakpoints, $transform, $transformOrigin, $transformStyle, }: Transform & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/transform.js

@@ -1,22 +1,15 @@
 "use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transform = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var transform = function (_a) {
     var breakpoints = _a.breakpoints, $transform = _a.$transform, $transformOrigin = _a.$transformOrigin, $transformStyle = _a.$transformStyle;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        transform: formatValue_1.formatResponsiveValue($transform),
-        transformOrigin: formatValue_1.formatResponsiveValue($transformOrigin),
-        transformStyle: formatValue_1.formatResponsiveValue($transformStyle),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        transform: (0, formatValue_1.formatResponsiveValue)($transform),
+        transformOrigin: (0, formatValue_1.formatResponsiveValue)($transformOrigin),
+        transformStyle: (0, formatValue_1.formatResponsiveValue)($transformStyle),
+    });
 };
 exports.transform = transform;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNmb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvdHJhbnNmb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsb0RBQTZEO0FBQzdELGtEQUFtRDtBQVM1QyxJQUFNLFNBQVMsR0FBRyxVQUE0QixFQUt4QjtRQUp6QixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLGdCQUFnQixzQkFBQSxFQUNoQixlQUFlLHFCQUFBO0lBQ2UsT0FBQSx1QkFBRyxpRkFBQSxRQUMvQjtRQUlBLElBQ0wsS0FMSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLFNBQVMsRUFBRSxtQ0FBcUIsQ0FBQyxVQUFVLENBQUM7UUFDNUMsZUFBZSxFQUFFLG1DQUFxQixDQUFDLGdCQUFnQixDQUFDO1FBQ3hELGNBQWMsRUFBRSxtQ0FBcUIsQ0FBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQUw0QixDQU1qQyxDQUFDO0FBWFcsUUFBQSxTQUFTLGFBV3BCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNmb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvdHJhbnNmb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFLeEI7UUFKekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixnQkFBZ0Isc0JBQUEsRUFDaEIsZUFBZSxxQkFBQTtJQUVmLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELGNBQWMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGVBQWUsQ0FBQztLQUN6RCxDQUFDO0FBSkYsQ0FJRSxDQUFDO0FBVk0sUUFBQSxTQUFTLGFBVWYifQ==

package/properties/transitions.js

@@ -9,8 +9,8 @@ var styled_components_1 = require("styled-components");
 var transition_1 = require("../utils/transition");
 var transitions = function (_a) {
     var $transition = _a.$transition;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    transition: ", ";\n"], ["\n    transition: ", ";\n"])), $transition ? transition_1.transition($transition.property, $transition.duration, $transition.easing) : null);
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    transition: ", ";\n"], ["\n    transition: ", ";\n"])), $transition ? (0, transition_1.transition)($transition.property, $transition.duration, $transition.easing) : null);
 };
 exports.transitions = transitions;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90cmFuc2l0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQ0EsdURBQXdDO0FBRXhDLGtEQUFpRDtBQU0xQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQTRCO1FBQTFCLFdBQVcsaUJBQUE7SUFBb0IsT0FBQSx1QkFBRyw4RkFBQSxvQkFDOUMsRUFBK0YsS0FDaEgsS0FEaUIsV0FBVyxDQUFDLENBQUMsQ0FBQyx1QkFBVSxDQUFDLFdBQVcsQ0FBQyxRQUFRLEVBQUUsV0FBVyxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUk7QUFEcEQsQ0FFNUQsQ0FBQztBQUZXLFFBQUEsV0FBVyxlQUV0QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90cmFuc2l0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQ0EsdURBQXdDO0FBRXhDLGtEQUFpRDtBQU0xQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQTRCO1FBQTFCLFdBQVcsaUJBQUE7SUFBb0IsV0FBQSx1QkFBRywrRkFBQSxvQkFDOUMsRUFBK0YsS0FDaEgsS0FEaUIsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFBLHVCQUFVLEVBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSTtBQURwRCxDQUU1RCxDQUFDO0FBRlcsUUFBQSxXQUFXLGVBRXRCIn0=

package/properties/typography.d.ts

@@ -4,4 +4,4 @@ import { Colors } from "./colors";
 import { Paragraph } from "./paragraph";
 export interface Typography<B extends BreakpointsType> extends Character, Paragraph<B>, Colors {
 }
-export declare const typography: <B extends Record<string, number>>(props: Typography<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const typography: <B extends BreakpointsType>(props: Typography<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/typography.js

@@ -10,7 +10,7 @@ var character_1 = require("./character");
 var colors_1 = require("./colors");
 var paragraph_1 = require("./paragraph");
 var textDecoration_1 = require("./textDecoration");
-var typography = function (props) { return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n    ", "\n"])), character_1.character(props), colors_1.colors(props), paragraph_1.paragraph(props), textDecoration_1.textDecoration(props)); };
+var typography = function (props) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n    ", "\n"])), (0, character_1.character)(props), (0, colors_1.colors)(props), (0, paragraph_1.paragraph)(props), (0, textDecoration_1.textDecoration)(props)); };
 exports.typography = typography;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3R5cG9ncmFwaHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUV4Qyx5Q0FBbUQ7QUFDbkQsbUNBQTBDO0FBQzFDLHlDQUFtRDtBQUNuRCxtREFBa0Q7QUFJM0MsSUFBTSxVQUFVLEdBQUcsVUFBNEIsS0FBcUMsSUFBSyxPQUFBLHVCQUFHLCtHQUFBLFFBQzdGLEVBQWdCLFFBQ2hCLEVBQWEsUUFDYixFQUFnQixRQUNoQixFQUFxQixJQUMxQixLQUpLLHFCQUFTLENBQUMsS0FBSyxDQUFDLEVBQ2hCLGVBQU0sQ0FBQyxLQUFLLENBQUMsRUFDYixxQkFBUyxDQUFDLEtBQUssQ0FBQyxFQUNoQiwrQkFBYyxDQUFDLEtBQUssQ0FBQyxHQUpxRSxDQUsvRixDQUFDO0FBTFcsUUFBQSxVQUFVLGNBS3JCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3R5cG9ncmFwaHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUV4Qyx5Q0FBbUQ7QUFDbkQsbUNBQTBDO0FBQzFDLHlDQUFtRDtBQUNuRCxtREFBa0Q7QUFJM0MsSUFBTSxVQUFVLEdBQUcsVUFBNEIsS0FBcUMsSUFBSyxXQUFBLHVCQUFHLGdIQUFBLFFBQzdGLEVBQWdCLFFBQ2hCLEVBQWEsUUFDYixFQUFnQixRQUNoQixFQUFxQixJQUMxQixLQUpLLElBQUEscUJBQVMsRUFBQyxLQUFLLENBQUMsRUFDaEIsSUFBQSxlQUFNLEVBQUMsS0FBSyxDQUFDLEVBQ2IsSUFBQSxxQkFBUyxFQUFDLEtBQUssQ0FBQyxFQUNoQixJQUFBLCtCQUFjLEVBQUMsS0FBSyxDQUFDLEdBSnFFLENBSy9GLENBQUM7QUFMVyxRQUFBLFVBQVUsY0FLckIifQ==

package/properties/visibility.d.ts

@@ -5,4 +5,4 @@ export interface Visibility<B extends BreakpointsType> {
     $opacity?: ResponsiveProperty.Opacity;
     $hideVisually?: ResponsiveConditionProperty<B>;
 }
-export declare const visibility: <B extends Record<string, number>>({ breakpoints, $backfaceVisibility, $hidden, $opacity, $hideVisually, }: Visibility<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const visibility: <B extends BreakpointsType>({ breakpoints, $backfaceVisibility, $hidden, $opacity, $hideVisually, }: Visibility<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/visibility.js

@@ -6,18 +6,17 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.visibility = void 0;
 var styled_components_1 = require("styled-components");
-var formatValue_1 = require("../utils/formatValue");
-var responsive_1 = require("../utils/responsive");
 var responsiveHidden_1 = require("../mixins/responsiveHidden");
 var responsiveHideVisually_1 = require("../mixins/responsiveHideVisually");
+var formatValue_1 = require("../utils/formatValue");
+var responsive_1 = require("../utils/responsive");
 var visibility = function (_a) {
     var breakpoints = _a.breakpoints, $backfaceVisibility = _a.$backfaceVisibility, $hidden = _a.$hidden, $opacity = _a.$opacity, $hideVisually = _a.$hideVisually;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ",
-        "\n    ", "\n    ", "\n"])), responsive_1.facepaintMin(breakpoints)({
-        backfaceVisibility: formatValue_1.formatResponsiveValue($backfaceVisibility),
-        opacity: formatValue_1.formatResponsiveValue($opacity),
-    }), responsiveHideVisually_1.responsiveHideVisually(breakpoints, $hideVisually), responsiveHidden_1.responsiveHidden(breakpoints, $hidden));
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n"])), (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        backfaceVisibility: (0, formatValue_1.formatResponsiveValue)($backfaceVisibility),
+        opacity: (0, formatValue_1.formatResponsiveValue)($opacity),
+    }), (0, responsiveHideVisually_1.responsiveHideVisually)(breakpoints, $hideVisually), (0, responsiveHidden_1.responsiveHidden)(breakpoints, $hidden));
 };
 exports.visibility = visibility;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzaWJpbGl0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3Zpc2liaWxpdHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxvREFBNkQ7QUFDN0Qsa0RBQW1EO0FBQ25ELCtEQUE4RDtBQUM5RCwyRUFBMEU7QUFVbkUsSUFBTSxVQUFVLEdBQUcsVUFBNEIsRUFNckI7UUFMN0IsV0FBVyxpQkFBQSxFQUNYLG1CQUFtQix5QkFBQSxFQUNuQixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixhQUFhLG1CQUFBO0lBQ3FCLE9BQUEsdUJBQUcscUdBQUEsUUFDbkM7UUFHQSxRQUNBLEVBQWtELFFBQ2xELEVBQXNDLElBQzNDLEtBTksseUJBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN4QixrQkFBa0IsRUFBRSxtQ0FBcUIsQ0FBQyxtQkFBbUIsQ0FBQztRQUM5RCxPQUFPLEVBQUUsbUNBQXFCLENBQUMsUUFBUSxDQUFDO0tBQzNDLENBQUMsRUFDQSwrQ0FBc0IsQ0FBQyxXQUFXLEVBQUUsYUFBYSxDQUFDLEVBQ2xELG1DQUFnQixDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7QUFOTixDQU9yQyxDQUFDO0FBYlcsUUFBQSxVQUFVLGNBYXJCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzaWJpbGl0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3Zpc2liaWxpdHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QywrREFBOEQ7QUFDOUQsMkVBQTBFO0FBRTFFLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFTM0QsSUFBTSxVQUFVLEdBQUcsVUFBNEIsRUFNckI7UUFMN0IsV0FBVyxpQkFBQSxFQUNYLG1CQUFtQix5QkFBQSxFQUNuQixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixhQUFhLG1CQUFBO0lBQ3FCLFdBQUEsdUJBQUcsc0dBQUEsUUFDbkMsRUFHQSxRQUNBLEVBQWtELFFBQ2xELEVBQXNDLElBQzNDLEtBTkssSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDdkMsa0JBQWtCLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxtQkFBbUIsQ0FBQztRQUM5RCxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLENBQUM7S0FDM0MsQ0FBQyxFQUNBLElBQUEsK0NBQXNCLEVBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxFQUNsRCxJQUFBLG1DQUFnQixFQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7QUFOTixDQU9yQyxDQUFDO0FBYlcsUUFBQSxVQUFVLGNBYXJCIn0=

package/utils/columnsToPercent.js

@@ -5,7 +5,7 @@ var formatValue_1 = require("./formatValue");
 var columnsToPercent = function (columns, totalColumns, gutter) {
     if (totalColumns === void 0) { totalColumns = 12; }
     if (gutter === void 0) { gutter = 0; }
-    return "calc(" + (gutter !== 0 ? "(100% + " + formatValue_1.formatValue(gutter) + ")" : "100%") + " / " + totalColumns + " * " + columns + ")";
+    return "calc(".concat(gutter !== 0 ? "(100% + ".concat((0, formatValue_1.formatValue)(gutter), ")") : "100%", " / ").concat(totalColumns, " * ").concat(columns, ")");
 };
 exports.columnsToPercent = columnsToPercent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uc1RvUGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9jb2x1bW5zVG9QZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDZDQUE0QztBQUVyQyxJQUFNLGdCQUFnQixHQUFHLFVBQUMsT0FBZSxFQUFFLFlBQWlCLEVBQUUsTUFBVTtJQUE3Qiw2QkFBQSxFQUFBLGlCQUFpQjtJQUFFLHVCQUFBLEVBQUEsVUFBVTtJQUMzRSxPQUFBLFdBQVEsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsYUFBVyx5QkFBVyxDQUFDLE1BQU0sQ0FBQyxNQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sWUFBTSxZQUFZLFdBQU0sT0FBTyxNQUFHO0FBQW5HLENBQW1HLENBQUM7QUFEM0YsUUFBQSxnQkFBZ0Isb0JBQzJFIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uc1RvUGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9jb2x1bW5zVG9QZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDZDQUE0QztBQUVyQyxJQUFNLGdCQUFnQixHQUFHLFVBQUMsT0FBZSxFQUFFLFlBQWlCLEVBQUUsTUFBVTtJQUE3Qiw2QkFBQSxFQUFBLGlCQUFpQjtJQUFFLHVCQUFBLEVBQUEsVUFBVTtJQUMzRSxPQUFBLGVBQVEsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsa0JBQVcsSUFBQSx5QkFBVyxFQUFDLE1BQU0sQ0FBQyxNQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sZ0JBQU0sWUFBWSxnQkFBTSxPQUFPLE1BQUc7QUFBbkcsQ0FBbUcsQ0FBQztBQUQzRixRQUFBLGdCQUFnQixvQkFDMkUifQ==

package/utils/encodedSvg.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.encodedSvg = void 0;
-var encodedSvg = function (svg) { return "url(\"data:image/svg+xml; utf8, " + escape(svg) + "\")"; };
+var encodedSvg = function (svg) { return "url(\"data:image/svg+xml; utf8, ".concat(escape(svg), "\")"); };
 exports.encodedSvg = encodedSvg;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5jb2RlZFN2Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9lbmNvZGVkU3ZnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFPLElBQU0sVUFBVSxHQUFHLFVBQUMsR0FBVyxJQUFLLE9BQUEscUNBQWtDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBSSxFQUFqRCxDQUFpRCxDQUFDO0FBQWhGLFFBQUEsVUFBVSxjQUFzRSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5jb2RlZFN2Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9lbmNvZGVkU3ZnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFPLElBQU0sVUFBVSxHQUFHLFVBQUMsR0FBVyxJQUFLLE9BQUEsMENBQWtDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBSSxFQUFqRCxDQUFpRCxDQUFDO0FBQWhGLFFBQUEsVUFBVSxjQUFzRSJ9

package/utils/formatAspectRatio.d.ts

@@ -1,2 +1,3 @@
+import { ResponsiveProperty } from "../types";
 export declare const formatAspectRatio: (input?: number | undefined) => string | null;
-export declare const formatResponsiveAspectRatio: (input?: number | (number | null)[] | undefined) => string | (string | null)[] | null;
+export declare const formatResponsiveAspectRatio: (input?: ResponsiveProperty.AspectRatio | undefined) => string | (string | null)[] | null;

package/utils/formatAspectRatio.js

@@ -7,16 +7,16 @@ var formatAspectRatio = function (input) {
         return input.toString();
     }
     if (input) {
-        return percent_1.percent(1, input, 2) + "%";
+        return "".concat((0, percent_1.percent)(1, input, 2), "%");
     }
     return null;
 };
 exports.formatAspectRatio = formatAspectRatio;
 var formatResponsiveAspectRatio = function (input) {
     if (Array.isArray(input)) {
-        return input.map(function (item) { return (item ? exports.formatAspectRatio(item) : null); });
+        return input.map(function (item) { return (item ? (0, exports.formatAspectRatio)(item) : null); });
     }
-    return exports.formatAspectRatio(input);
+    return (0, exports.formatAspectRatio)(input);
 };
 exports.formatResponsiveAspectRatio = formatResponsiveAspectRatio;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0QXNwZWN0UmF0aW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0QXNwZWN0UmF0aW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EscUNBQW9DO0FBRTdCLElBQU0saUJBQWlCLEdBQUcsVUFBQyxLQUFjO0lBQzVDLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0tBQzNCO0lBQ0QsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFVLGlCQUFPLENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxDQUFDLENBQUMsTUFBRyxDQUFDO0tBQ3JDO0lBQ0QsT0FBTyxJQUFJLENBQUM7QUFDaEIsQ0FBQyxDQUFDO0FBUlcsUUFBQSxpQkFBaUIscUJBUTVCO0FBRUssSUFBTSwyQkFBMkIsR0FBRyxVQUFDLEtBQXNDO0lBQzlFLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMseUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUF2QyxDQUF1QyxDQUFDLENBQUM7S0FDdkU7SUFDRCxPQUFPLHlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3BDLENBQUMsQ0FBQztBQUxXLFFBQUEsMkJBQTJCLCtCQUt0QyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0QXNwZWN0UmF0aW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0QXNwZWN0UmF0aW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EscUNBQW9DO0FBRTdCLElBQU0saUJBQWlCLEdBQUcsVUFBQyxLQUFjO0lBQzVDLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0tBQzNCO0lBQ0QsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLFVBQUcsSUFBQSxpQkFBTyxFQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLE1BQUcsQ0FBQztLQUNyQztJQUNELE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUMsQ0FBQztBQVJXLFFBQUEsaUJBQWlCLHFCQVE1QjtBQUVLLElBQU0sMkJBQTJCLEdBQUcsVUFBQyxLQUFzQztJQUM5RSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDdEIsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEseUJBQWlCLEVBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUF2QyxDQUF1QyxDQUFDLENBQUM7S0FDdkU7SUFDRCxPQUFPLElBQUEseUJBQWlCLEVBQUMsS0FBSyxDQUFDLENBQUM7QUFDcEMsQ0FBQyxDQUFDO0FBTFcsUUFBQSwyQkFBMkIsK0JBS3RDIn0=

package/utils/formatGridColumns.js

@@ -4,14 +4,14 @@ exports.formatResponsiveGridColumns = exports.formatGridColumns = void 0;
 var formatValue_1 = require("./formatValue");
 var formatGridColumns = function (count, size) {
     if (size === void 0) { size = "1fr"; }
-    return count && size ? "repeat(" + count + ", " + formatValue_1.formatResponsiveValue(size) + ")" : null;
+    return count && size ? "repeat(".concat(count, ", ").concat((0, formatValue_1.formatResponsiveValue)(size), ")") : null;
 };
 exports.formatGridColumns = formatGridColumns;
 var formatResponsiveGridColumns = function (input) {
     if (Array.isArray(input)) {
-        return input.map(function (item) { return (item ? exports.formatGridColumns(item) : null); });
+        return input.map(function (item) { return (item ? (0, exports.formatGridColumns)(item) : null); });
     }
-    return exports.formatGridColumns(input);
+    return (0, exports.formatGridColumns)(input);
 };
 exports.formatResponsiveGridColumns = formatResponsiveGridColumns;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0R3JpZENvbHVtbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0R3JpZENvbHVtbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNkNBQXNEO0FBRS9DLElBQU0saUJBQWlCLEdBQUcsVUFBQyxLQUFjLEVBQUUsSUFBWTtJQUFaLHFCQUFBLEVBQUEsWUFBWTtJQUMxRCxPQUFBLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLFlBQVUsS0FBSyxVQUFLLG1DQUFxQixDQUFDLElBQUksQ0FBQyxNQUFHLENBQUMsQ0FBQyxDQUFDLElBQUk7QUFBekUsQ0FBeUUsQ0FBQztBQURqRSxRQUFBLGlCQUFpQixxQkFDZ0Q7QUFFdkUsSUFBTSwyQkFBMkIsR0FBRyxVQUFDLEtBQWtDO0lBQzFFLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMseUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUF2QyxDQUF1QyxDQUFDLENBQUM7S0FDdkU7SUFDRCxPQUFPLHlCQUFpQixDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ3BDLENBQUMsQ0FBQztBQUxXLFFBQUEsMkJBQTJCLCtCQUt0QyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0R3JpZENvbHVtbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0R3JpZENvbHVtbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNkNBQXNEO0FBRS9DLElBQU0saUJBQWlCLEdBQUcsVUFBQyxLQUFjLEVBQUUsSUFBWTtJQUFaLHFCQUFBLEVBQUEsWUFBWTtJQUMxRCxPQUFBLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLGlCQUFVLEtBQUssZUFBSyxJQUFBLG1DQUFxQixFQUFDLElBQUksQ0FBQyxNQUFHLENBQUMsQ0FBQyxDQUFDLElBQUk7QUFBekUsQ0FBeUUsQ0FBQztBQURqRSxRQUFBLGlCQUFpQixxQkFDZ0Q7QUFFdkUsSUFBTSwyQkFBMkIsR0FBRyxVQUFDLEtBQWtDO0lBQzFFLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBQSx5QkFBaUIsRUFBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQXZDLENBQXVDLENBQUMsQ0FBQztLQUN2RTtJQUNELE9BQU8sSUFBQSx5QkFBaUIsRUFBQyxLQUFLLENBQUMsQ0FBQztBQUNwQyxDQUFDLENBQUM7QUFMVyxRQUFBLDJCQUEyQiwrQkFLdEMifQ==

package/utils/formatValue.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const formatValue: <T = import("react").ReactText>(input?: T | undefined, forceString?: boolean) => string | null;
-export declare const formatResponsiveValue: <T = import("react").ReactText>(input?: T | (T | null)[] | undefined, forceString?: boolean) => string | (string | null)[] | null;
-export declare const formatResponsiveValueFromProperty: <T = Record<string, import("react").ReactText>>(property: T, input?: keyof T | (keyof T | null)[] | undefined, forceString?: boolean) => string | (string | null | undefined)[] | null;
+export declare const formatValue: <T = string | number>(input?: T | undefined, forceString?: boolean) => string | null;
+export declare const formatResponsiveValue: <T = string | number>(input?: T | (T | null)[] | undefined, forceString?: boolean) => string | (string | null)[] | null;
+export declare const formatResponsiveValueFromProperty: <T = Record<string, string | number>>(property: T, input?: keyof T | (keyof T | null)[] | undefined, forceString?: boolean) => string | (string | null | undefined)[] | null;

package/utils/formatValue.js

@@ -10,9 +10,9 @@ var formatValue = function (input, forceString) {
     if (forceString === void 0) { forceString = false; }
     if (typeof input === "number" && !isNaN(input)) {
         if (input === 0 || (forceString && input)) {
-            return String(input);
+            return input.toString();
         }
-        return rem_1.default(input);
+        return (0, rem_1.default)(input);
     }
     else if (typeof input === "string" && input !== "") {
         return input;
@@ -23,17 +23,17 @@ exports.formatValue = formatValue;
 var formatResponsiveValue = function (input, forceString) {
     if (forceString === void 0) { forceString = false; }
     if (Array.isArray(input)) {
-        return input.map(function (item) { return exports.formatValue(item, forceString); });
+        return input.map(function (item) { return (0, exports.formatValue)(item, forceString); });
     }
-    return exports.formatValue(input, forceString);
+    return (0, exports.formatValue)(input, forceString);
 };
 exports.formatResponsiveValue = formatResponsiveValue;
 var formatResponsiveValueFromProperty = function (property, input, forceString) {
     if (forceString === void 0) { forceString = false; }
     if (Array.isArray(input)) {
-        return input.map(function (item) { return (item ? exports.formatValue(property[item], forceString) : undefined); });
+        return input.map(function (item) { return (item ? (0, exports.formatValue)(property[item], forceString) : undefined); });
     }
-    return input ? exports.formatValue(property[input], forceString) : null;
+    return input ? (0, exports.formatValue)(property[input], forceString) : null;
 };
 exports.formatResponsiveValueFromProperty = formatResponsiveValueFromProperty;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0VmFsdWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0VmFsdWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsaUVBQTJDO0FBRTNDLHlFQUF5RTtBQUNsRSxJQUFNLFdBQVcsR0FBRyxVQUFzQixLQUFTLEVBQUUsV0FBbUI7SUFBbkIsNEJBQUEsRUFBQSxtQkFBbUI7SUFDM0UsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDNUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxFQUFFO1lBQ3ZDLE9BQU8sTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3hCO1FBQ0QsT0FBTyxhQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDckI7U0FBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssRUFBRSxFQUFFO1FBQ2xELE9BQU8sS0FBSyxDQUFDO0tBQ2hCO0lBQ0QsT0FBTyxJQUFJLENBQUM7QUFDaEIsQ0FBQyxDQUFDO0FBVlcsUUFBQSxXQUFXLGVBVXRCO0FBRUssSUFBTSxxQkFBcUIsR0FBRyxVQUFzQixLQUF3QixFQUFFLFdBQW1CO0lBQW5CLDRCQUFBLEVBQUEsbUJBQW1CO0lBQ3BHLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFRLEtBQWEsQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxtQkFBVyxDQUFJLElBQUksRUFBRSxXQUFXLENBQUMsRUFBakMsQ0FBaUMsQ0FBQyxDQUFDO0tBQzFFO0lBQ0QsT0FBTyxtQkFBVyxDQUFJLEtBQVUsRUFBRSxXQUFXLENBQUMsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFMVyxRQUFBLHFCQUFxQix5QkFLaEM7QUFFSyxJQUFNLGlDQUFpQyxHQUFHLFVBQzdDLFFBQVcsRUFDWCxLQUFvQyxFQUNwQyxXQUFtQjtJQUFuQiw0QkFBQSxFQUFBLG1CQUFtQjtJQUVuQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDdEIsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLG1CQUFXLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsRUFBN0QsQ0FBNkQsQ0FBQyxDQUFDO0tBQzdGO0lBQ0QsT0FBTyxLQUFLLENBQUMsQ0FBQyxDQUFDLG1CQUFXLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDcEUsQ0FBQyxDQUFDO0FBVFcsUUFBQSxpQ0FBaUMscUNBUzVDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0VmFsdWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0VmFsdWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsaUVBQTJDO0FBRTNDLHlFQUF5RTtBQUNsRSxJQUFNLFdBQVcsR0FBRyxVQUFzQixLQUFTLEVBQUUsV0FBbUI7SUFBbkIsNEJBQUEsRUFBQSxtQkFBbUI7SUFDM0UsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDNUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxFQUFFO1lBQ3ZDLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsT0FBTyxJQUFBLGFBQUcsRUFBQyxLQUFLLENBQUMsQ0FBQztLQUNyQjtTQUFNLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDbEQsT0FBTyxLQUFLLENBQUM7S0FDaEI7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFWVyxRQUFBLFdBQVcsZUFVdEI7QUFFSyxJQUFNLHFCQUFxQixHQUFHLFVBQXNCLEtBQXdCLEVBQUUsV0FBbUI7SUFBbkIsNEJBQUEsRUFBQSxtQkFBbUI7SUFDcEcsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ3RCLE9BQVEsS0FBYSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUEsbUJBQVcsRUFBSSxJQUFJLEVBQUUsV0FBVyxDQUFDLEVBQWpDLENBQWlDLENBQUMsQ0FBQztLQUMxRTtJQUNELE9BQU8sSUFBQSxtQkFBVyxFQUFJLEtBQVUsRUFBRSxXQUFXLENBQUMsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFMVyxRQUFBLHFCQUFxQix5QkFLaEM7QUFFSyxJQUFNLGlDQUFpQyxHQUFHLFVBQzdDLFFBQVcsRUFDWCxLQUFvQyxFQUNwQyxXQUFtQjtJQUFuQiw0QkFBQSxFQUFBLG1CQUFtQjtJQUVuQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDdEIsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEsbUJBQVcsRUFBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUE3RCxDQUE2RCxDQUFDLENBQUM7S0FDN0Y7SUFDRCxPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBQSxtQkFBVyxFQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ3BFLENBQUMsQ0FBQztBQVRXLFFBQUEsaUNBQWlDLHFDQVM1QyJ9

package/utils/hexToRgb.js

@@ -5,6 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.hexToRgb = void 0;
 var parseToRgb_1 = __importDefault(require("polished/lib/color/parseToRgb"));
-var hexToRgb = function (color) { return "rgb(" + Object.values(parseToRgb_1.default(color)).join(",") + ")"; };
+var hexToRgb = function (color) { return "rgb(".concat(Object.values((0, parseToRgb_1.default)(color)).join(","), ")"); };
 exports.hexToRgb = hexToRgb;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGV4VG9SZ2IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaGV4VG9SZ2IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsNkVBQXVEO0FBRWhELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxJQUFLLE9BQUEsU0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLG9CQUFVLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQUcsRUFBcEQsQ0FBb0QsQ0FBQztBQUFuRixRQUFBLFFBQVEsWUFBMkUifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGV4VG9SZ2IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaGV4VG9SZ2IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsNkVBQXVEO0FBRWhELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxJQUFLLE9BQUEsY0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUEsb0JBQVUsRUFBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBRyxFQUFwRCxDQUFvRCxDQUFDO0FBQW5GLFFBQUEsUUFBUSxZQUEyRSJ9

package/utils/nonEmptyStyle.d.ts

@@ -0,0 +1,2 @@
+import { FlattenSimpleInterpolation } from "styled-components";
+export declare function nonEmptyStyle(style?: FlattenSimpleInterpolation | null): boolean;

package/utils/nonEmptyStyle.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nonEmptyStyle = void 0;
+function nonEmptyStyle(style) {
+    return Array.isArray(style) && !style.every(function (item) { return !item; });
+}
+exports.nonEmptyStyle = nonEmptyStyle;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9uRW1wdHlTdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9ub25FbXB0eVN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVBLFNBQWdCLGFBQWEsQ0FBQyxLQUF5QztJQUNuRSxPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLENBQUM7QUFDakUsQ0FBQztBQUZELHNDQUVDIn0=

package/utils/percent.js

@@ -8,7 +8,7 @@ var percent = function (inputValue, maxValue, precision) {
     if (inputValue === 0) {
         return inputValue;
     }
-    return parseFloat(trimTrailingZeros_1.trimTrailingZeros(((inputValue / maxValue) * 100).toFixed(precision)));
+    return parseFloat((0, trimTrailingZeros_1.trimTrailingZeros)(((inputValue / maxValue) * 100).toFixed(precision)));
 };
 exports.percent = percent;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9wZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVFQUFzRTtBQUUvRCxJQUFNLE9BQU8sR0FBRyxVQUFDLFVBQWtCLEVBQUUsUUFBYyxFQUFFLFNBQWE7SUFBN0IseUJBQUEsRUFBQSxjQUFjO0lBQUUsMEJBQUEsRUFBQSxhQUFhO0lBQ3JFLElBQUksVUFBVSxLQUFLLENBQUMsRUFBRTtRQUNsQixPQUFPLFVBQVUsQ0FBQztLQUNyQjtJQUNELE9BQU8sVUFBVSxDQUFDLHFDQUFpQixDQUFDLENBQUMsQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDLEdBQUcsR0FBRyxDQUFDLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQUM3RixDQUFDLENBQUM7QUFMVyxRQUFBLE9BQU8sV0FLbEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9wZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVFQUFzRTtBQUUvRCxJQUFNLE9BQU8sR0FBRyxVQUFDLFVBQWtCLEVBQUUsUUFBYyxFQUFFLFNBQWE7SUFBN0IseUJBQUEsRUFBQSxjQUFjO0lBQUUsMEJBQUEsRUFBQSxhQUFhO0lBQ3JFLElBQUksVUFBVSxLQUFLLENBQUMsRUFBRTtRQUNsQixPQUFPLFVBQVUsQ0FBQztLQUNyQjtJQUNELE9BQU8sVUFBVSxDQUFDLElBQUEscUNBQWlCLEVBQUMsQ0FBQyxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzdGLENBQUMsQ0FBQztBQUxXLFFBQUEsT0FBTyxXQUtsQiJ9

package/utils/responsive.d.ts

@@ -1,5 +1,5 @@
 import facepaint from "facepaint";
-import { FlattenSimpleInterpolation } from "styled-components";
+import { CSSProperties, FlattenSimpleInterpolation } from "styled-components";
 import { BreakpointsType } from "../types";
 export declare const mqBetween: (from: number, to: number) => string;
 export declare const mqMin: (from: number) => string;
@@ -8,10 +8,10 @@ export declare const mqHiDpi: (ratio?: number) => string;
 export declare const matchBetween: (from: number, to: number) => boolean;
 export declare const matchMin: (from: number) => boolean;
 export declare const matchMax: (to: number) => boolean;
-export declare const matchHiDpi: (ratio?: number) => boolean;
 export declare const mediaBetween: (from: number, to: number, style: FlattenSimpleInterpolation | null) => FlattenSimpleInterpolation | null;
 export declare const mediaMin: (from: number, style: FlattenSimpleInterpolation | null) => FlattenSimpleInterpolation | null;
 export declare const mediaMax: (to: number, style: FlattenSimpleInterpolation | null) => FlattenSimpleInterpolation | null;
 export declare const mediaHiDpi: (style: FlattenSimpleInterpolation | null, ratio?: number) => FlattenSimpleInterpolation | null;
 export declare const facepaintMin: (breakpoints: BreakpointsType) => facepaint.DynamicStyleFunction;
 export declare const facepaintOnly: (breakpoints: BreakpointsType) => facepaint.DynamicStyleFunction;
+export declare const resolveResponsiveProperties: (breakpoints: BreakpointsType, properties: Partial<Record<keyof CSSProperties, string | (string | null)[] | null>>) => FlattenSimpleInterpolation;

package/utils/responsive.js

@@ -7,82 +7,83 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.facepaintOnly = exports.facepaintMin = exports.mediaHiDpi = exports.mediaMax = exports.mediaMin = exports.mediaBetween = exports.matchHiDpi = exports.matchMax = exports.matchMin = exports.matchBetween = exports.mqHiDpi = exports.mqMax = exports.mqMin = exports.mqBetween = void 0;
+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;
 var isBrowser_1 = require("@uxf/core/utils/isBrowser");
 var facepaint_1 = __importDefault(require("facepaint"));
 var em_1 = __importDefault(require("polished/lib/helpers/em"));
 var hiDPI_1 = __importDefault(require("polished/lib/mixins/hiDPI"));
 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(exports.mqBetween(from, to)).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(exports.mqMin(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(exports.mqMax(to)).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;
-var matchHiDpi = function (ratio) {
-    if (ratio === void 0) { ratio = 2; }
-    return (isBrowser_1.isBrowser ? window.matchMedia(exports.mqHiDpi(ratio)).matches : false);
-};
-exports.matchHiDpi = matchHiDpi;
 // helpers for styled components media queries
 var mediaBetween = function (from, to, style) {
-    return Array.isArray(style) && !style.every(function (item) { return !item; })
-        ? 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 Array.isArray(style) && !style.every(function (item) { return !item; })
-        ? 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 Array.isArray(style) && !style.every(function (item) { return !item; })
-        ? 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 Array.isArray(style) && !style.every(function (item) { return !item; })
-        ? 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 templateObject_1, templateObject_2, templateObject_3, templateObject_4;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9yZXNwb25zaXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSx1REFBc0Q7QUFDdEQsd0RBQWtDO0FBQ2xDLCtEQUF5QztBQUN6QyxvRUFBOEM7QUFDOUMsdURBQW9FO0FBR3BFLGdCQUFnQjtBQUNULElBQU0sU0FBUyxHQUFHLFVBQUMsSUFBWSxFQUFFLEVBQVU7SUFDOUMsT0FBQSx3QkFBc0IsWUFBRSxDQUFDLElBQUksQ0FBQywwQkFBcUIsWUFBRSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRztBQUFoRSxDQUFnRSxDQUFDO0FBRHhELFFBQUEsU0FBUyxhQUMrQztBQUM5RCxJQUFNLEtBQUssR0FBRyxVQUFDLElBQVksSUFBYSxPQUFBLHdCQUFzQixZQUFFLENBQUMsSUFBSSxDQUFDLE1BQUcsRUFBakMsQ0FBaUMsQ0FBQztBQUFwRSxRQUFBLEtBQUssU0FBK0Q7QUFDMUUsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQUFVLElBQWEsT0FBQSx3QkFBc0IsWUFBRSxDQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxFQUFuQyxDQUFtQyxDQUFDO0FBQXBFLFFBQUEsS0FBSyxTQUErRDtBQUMxRSxJQUFNLE9BQU8sR0FBRyxVQUFDLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFBSyxPQUFBLGVBQUssQ0FBQyxLQUFLLENBQUM7QUFBWixDQUFZLENBQUM7QUFBdEMsUUFBQSxPQUFPLFdBQStCO0FBRW5ELHNCQUFzQjtBQUNmLElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBWSxFQUFFLEVBQVU7SUFDakQsT0FBQSxxQkFBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLGlCQUFTLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLO0FBQWxFLENBQWtFLENBQUM7QUFEMUQsUUFBQSxZQUFZLGdCQUM4QztBQUNoRSxJQUFNLFFBQVEsR0FBRyxVQUFDLElBQVksSUFBSyxPQUFBLENBQUMscUJBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxhQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUE1RCxDQUE0RCxDQUFDO0FBQTFGLFFBQUEsUUFBUSxZQUFrRjtBQUNoRyxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQVUsSUFBSyxPQUFBLENBQUMscUJBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxhQUFLLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUExRCxDQUEwRCxDQUFDO0FBQXRGLFFBQUEsUUFBUSxZQUE4RTtBQUM1RixJQUFNLFVBQVUsR0FBRyxVQUFDLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFBSyxPQUFBLENBQUMscUJBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxlQUFPLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztBQUEvRCxDQUErRCxDQUFDO0FBQTVGLFFBQUEsVUFBVSxjQUFrRjtBQUV6Ryw4Q0FBOEM7QUFDdkMsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUFZLEVBQUUsRUFBVSxFQUFFLEtBQXdDO0lBQzNGLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksRUFBTCxDQUFLLENBQUM7UUFDeEQsQ0FBQyxDQUFDLHVCQUFHLGdKQUFBLGtCQUNHLEVBQW1CLHdCQUNmLEVBQUssK0JBRWQsS0FISyxpQkFBUyxDQUFDLElBQUksRUFBRSxFQUFFLENBQUMsRUFDZixLQUFLLEVBR2pCLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDZixDQUFDLENBQUM7QUFSVyxRQUFBLFlBQVksZ0JBUXZCO0FBRUssSUFBTSxRQUFRLEdBQUcsVUFBQyxJQUFZLEVBQUUsS0FBd0M7SUFDM0UsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLENBQUMsSUFBSSxFQUFMLENBQUssQ0FBQztRQUN4RCxDQUFDLENBQUMsdUJBQUcsZ0pBQUEsa0JBQ0csRUFBVyx3QkFDUCxFQUFLLCtCQUVkLEtBSEssYUFBSyxDQUFDLElBQUksQ0FBQyxFQUNQLEtBQUssRUFHakIsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNmLENBQUMsQ0FBQztBQVJXLFFBQUEsUUFBUSxZQVFuQjtBQUVLLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBVSxFQUFFLEtBQXdDO0lBQ3pFLE9BQU8sS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksRUFBTCxDQUFLLENBQUM7UUFDeEQsQ0FBQyxDQUFDLHVCQUFHLGdKQUFBLGtCQUNHLEVBQVMsd0JBQ0wsRUFBSywrQkFFZCxLQUhLLGFBQUssQ0FBQyxFQUFFLENBQUMsRUFDTCxLQUFLLEVBR2pCLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDZixDQUFDLENBQUM7QUFSVyxRQUFBLFFBQVEsWUFRbkI7QUFFSyxJQUFNLFVBQVUsR0FBRyxVQUFDLEtBQXdDLEVBQUUsS0FBUztJQUFULHNCQUFBLEVBQUEsU0FBUztJQUMxRSxPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDO1FBQ3hELENBQUMsQ0FBQyx1QkFBRyxnSkFBQSxrQkFDRyxFQUFjLHdCQUNWLEVBQUssK0JBRWQsS0FISyxlQUFPLENBQUMsS0FBSyxDQUFDLEVBQ1YsS0FBSyxFQUdqQixDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ2YsQ0FBQyxDQUFDO0FBUlcsUUFBQSxVQUFVLGNBUXJCO0FBRUYsNkNBQTZDO0FBRTdDLDZDQUE2QztBQUN0QyxJQUFNLFlBQVksR0FBRyxVQUFDLFdBQTRCO0lBQ3JELElBQU0sZ0JBQWdCLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFhLENBQUM7SUFDekUsT0FBTyxtQkFBUyxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxVQUFDLFVBQVUsSUFBSyxPQUFBLGFBQUssQ0FBQyxVQUFVLENBQUMsRUFBakIsQ0FBaUIsQ0FBQyxDQUFDLENBQUM7QUFDOUUsQ0FBQyxDQUFDO0FBSFcsUUFBQSxZQUFZLGdCQUd2QjtBQUVLLElBQU0sYUFBYSxHQUFHLFVBQUMsV0FBNEI7SUFDdEQsSUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQWEsQ0FBQztJQUN6RSxJQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDLE1BQU0sQ0FBQztJQUNqRCxPQUFPLG1CQUFTLENBQ1osZ0JBQWdCLENBQUMsR0FBRyxDQUFDLFVBQUMsVUFBVSxFQUFFLEtBQUs7UUFDbkMsSUFBSSxLQUFLLEtBQUssQ0FBQyxFQUFFO1lBQ2IsT0FBTyxhQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDNUI7UUFDRCxJQUFJLEtBQUssS0FBSyxnQkFBZ0IsR0FBRyxDQUFDLEVBQUU7WUFDaEMsT0FBTyxhQUFLLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDNUI7UUFDRCxPQUFPLGlCQUFTLENBQUMsZ0JBQWdCLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxFQUFFLFVBQVUsQ0FBQyxDQUFDO0lBQzlELENBQUMsQ0FBQyxFQUNGLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUNwQixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBZlcsUUFBQSxhQUFhLGlCQWV4QiJ9
+var resolveResponsiveProperties = function (breakpoints, properties) {
+    return Object.values(properties).find(function (p) { return Array.isArray(p); })
+        ? (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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9yZXNwb25zaXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSx1REFBc0Q7QUFDdEQsd0RBQWtDO0FBQ2xDLCtEQUF5QztBQUN6QyxvRUFBOEM7QUFDOUMsdURBQW1GO0FBRW5GLGlEQUFnRDtBQUVoRCxnQkFBZ0I7QUFDVCxJQUFNLFNBQVMsR0FBRyxVQUFDLElBQVksRUFBRSxFQUFVO0lBQzlDLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLElBQUksQ0FBQywrQkFBcUIsSUFBQSxZQUFFLEVBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFHO0FBQWhFLENBQWdFLENBQUM7QUFEeEQsUUFBQSxTQUFTLGFBQytDO0FBQzlELElBQU0sS0FBSyxHQUFHLFVBQUMsSUFBWSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLElBQUksQ0FBQyxNQUFHLEVBQWpDLENBQWlDLENBQUM7QUFBcEUsUUFBQSxLQUFLLFNBQStEO0FBQzFFLElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBVSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxFQUFuQyxDQUFtQyxDQUFDO0FBQXBFLFFBQUEsS0FBSyxTQUErRDtBQUMxRSxJQUFNLE9BQU8sR0FBRyxVQUFDLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFBSyxPQUFBLElBQUEsZUFBSyxFQUFDLEtBQUssQ0FBQztBQUFaLENBQVksQ0FBQztBQUF0QyxRQUFBLE9BQU8sV0FBK0I7QUFFbkQsc0JBQXNCO0FBQ2YsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUFZLEVBQUUsRUFBVTtJQUNqRCxPQUFBLHFCQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsc0JBQWUsSUFBQSxZQUFFLEVBQUMsSUFBSSxDQUFDLCtCQUFxQixJQUFBLFlBQUUsRUFBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDLE1BQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsS0FBSztBQUF4RyxDQUF3RyxDQUFDO0FBRGhHLFFBQUEsWUFBWSxnQkFDb0Y7QUFDdEcsSUFBTSxRQUFRLEdBQUcsVUFBQyxJQUFZLElBQUssT0FBQSxDQUFDLHFCQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsc0JBQWUsSUFBQSxZQUFFLEVBQUMsSUFBSSxDQUFDLE1BQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQTNFLENBQTJFLENBQUM7QUFBekcsUUFBQSxRQUFRLFlBQWlHO0FBQy9HLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBVSxJQUFLLE9BQUEsQ0FBQyxxQkFBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLHNCQUFlLElBQUEsWUFBRSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsRUFBN0UsQ0FBNkUsQ0FBQztBQUF6RyxRQUFBLFFBQVEsWUFBaUc7QUFFdEgsOENBQThDO0FBQ3ZDLElBQU0sWUFBWSxHQUFHLFVBQUMsSUFBWSxFQUFFLEVBQVUsRUFBRSxLQUF3QztJQUMzRixPQUFPLElBQUEsNkJBQWEsRUFBQyxLQUFLLENBQUM7UUFDdkIsQ0FBQyxLQUFDLHVCQUFHLGlKQUFBLGtCQUNHLEVBQW1CLHdCQUNmLEVBQUssK0JBRWQsS0FISyxJQUFBLGlCQUFTLEVBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxFQUNmLEtBQUssRUFHakIsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNmLENBQUMsQ0FBQztBQVJXLFFBQUEsWUFBWSxnQkFRdkI7QUFFSyxJQUFNLFFBQVEsR0FBRyxVQUFDLElBQVksRUFBRSxLQUF3QztJQUMzRSxPQUFPLElBQUEsNkJBQWEsRUFBQyxLQUFLLENBQUM7UUFDdkIsQ0FBQyxLQUFDLHVCQUFHLGlKQUFBLGtCQUNHLEVBQVcsd0JBQ1AsRUFBSywrQkFFZCxLQUhLLElBQUEsYUFBSyxFQUFDLElBQUksQ0FBQyxFQUNQLEtBQUssRUFHakIsQ0FBQyxDQUFDLElBQUksQ0FBQztBQUNmLENBQUMsQ0FBQztBQVJXLFFBQUEsUUFBUSxZQVFuQjtBQUVLLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBVSxFQUFFLEtBQXdDO0lBQ3pFLE9BQU8sSUFBQSw2QkFBYSxFQUFDLEtBQUssQ0FBQztRQUN2QixDQUFDLEtBQUMsdUJBQUcsaUpBQUEsa0JBQ0csRUFBUyx3QkFDTCxFQUFLLCtCQUVkLEtBSEssSUFBQSxhQUFLLEVBQUMsRUFBRSxDQUFDLEVBQ0wsS0FBSyxFQUdqQixDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ2YsQ0FBQyxDQUFDO0FBUlcsUUFBQSxRQUFRLFlBUW5CO0FBRUssSUFBTSxVQUFVLEdBQUcsVUFBQyxLQUF3QyxFQUFFLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFDMUUsT0FBTyxJQUFBLDZCQUFhLEVBQUMsS0FBSyxDQUFDO1FBQ3ZCLENBQUMsS0FBQyx1QkFBRyxpSkFBQSxrQkFDRyxFQUFjLHdCQUNWLEVBQUssK0JBRWQsS0FISyxJQUFBLGVBQU8sRUFBQyxLQUFLLENBQUMsRUFDVixLQUFLLEVBR2pCLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDZixDQUFDLENBQUM7QUFSVyxRQUFBLFVBQVUsY0FRckI7QUFFRiw2Q0FBNkM7QUFFN0MsNkNBQTZDO0FBQ3RDLElBQU0sWUFBWSxHQUFHLFVBQUMsV0FBNEI7SUFDckQsSUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQWEsQ0FBQztJQUN6RSxPQUFPLElBQUEsbUJBQVMsRUFBQyxnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsVUFBQyxVQUFVLElBQUssT0FBQSxJQUFBLGFBQUssRUFBQyxVQUFVLENBQUMsRUFBakIsQ0FBaUIsQ0FBQyxDQUFDLENBQUM7QUFDOUUsQ0FBQyxDQUFDO0FBSFcsUUFBQSxZQUFZLGdCQUd2QjtBQUVLLElBQU0sYUFBYSxHQUFHLFVBQUMsV0FBNEI7SUFDdEQsSUFBTSxnQkFBZ0IsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQWEsQ0FBQztJQUN6RSxJQUFNLGdCQUFnQixHQUFHLGdCQUFnQixDQUFDLE1BQU0sQ0FBQztJQUNqRCxPQUFPLElBQUEsbUJBQVMsRUFDWixnQkFBZ0IsQ0FBQyxHQUFHLENBQUMsVUFBQyxVQUFVLEVBQUUsS0FBSztRQUNuQyxJQUFJLEtBQUssS0FBSyxDQUFDLEVBQUU7WUFDYixPQUFPLElBQUEsYUFBSyxFQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQzVCO1FBQ0QsSUFBSSxLQUFLLEtBQUssZ0JBQWdCLEdBQUcsQ0FBQyxFQUFFO1lBQ2hDLE9BQU8sSUFBQSxhQUFLLEVBQUMsVUFBVSxDQUFDLENBQUM7U0FDNUI7UUFDRCxPQUFPLElBQUEsaUJBQVMsRUFBQyxnQkFBZ0IsQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDLEVBQUUsVUFBVSxDQUFDLENBQUM7SUFDOUQsQ0FBQyxDQUFDLEVBQ0YsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQ3BCLENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLGFBQWEsaUJBZXhCO0FBRUssSUFBTSwyQkFBMkIsR0FBRyxVQUN2QyxXQUE0QixFQUM1QixVQUFtRjtJQUVuRixPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBaEIsQ0FBZ0IsQ0FBQztRQUMxRCxDQUFDLEtBQUMsdUJBQUcsc0dBQUEsa0JBQ0csRUFBcUMsY0FDMUMsS0FESyxJQUFBLG9CQUFZLEVBQUMsV0FBVyxDQUFDLENBQUMsVUFBVSxDQUFDLEVBRTdDLENBQUMsQ0FBRSxDQUFDLFVBQVUsQ0FBZ0MsQ0FBQztBQUN2RCxDQUFDLENBQUM7QUFUVyxRQUFBLDJCQUEyQiwrQkFTdEMifQ==

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

@@ -1,18 +1,27 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.responsiveMixin = void 0;
+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) {
-            return responsive_1.mediaBetween(breakpoints[from], breakpoints[to], 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 (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) {
@@ -21,4 +30,5 @@ var responsiveMixin = function (breakpoints, style, condition) {
     return null;
 };
 exports.responsiveMixin = responsiveMixin;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU1peGluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL3Jlc3BvbnNpdmVNaXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFQSwyQ0FBZ0U7QUFFekQsSUFBTSxlQUFlLEdBQUcsVUFDM0IsV0FBYyxFQUNkLEtBQXdDLEVBQ3hDLFNBQTBDO0lBRTFDLElBQUksT0FBTyxTQUFTLEtBQUssUUFBUSxJQUFJLFNBQVMsS0FBSyxJQUFJLEVBQUU7UUFDN0MsSUFBQSxJQUFJLEdBQVMsU0FBUyxLQUFsQixFQUFFLEVBQUUsR0FBSyxTQUFTLEdBQWQsQ0FBZTtRQUUvQixJQUFJLElBQUksSUFBSSxFQUFFLEVBQUU7WUFDWixPQUFPLHlCQUFZLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLFdBQVcsQ0FBQyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUNsRTtRQUVELElBQUksSUFBSSxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ2IsT0FBTyxxQkFBUSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUM3QztRQUVELElBQUksRUFBRSxFQUFFO1lBQ0osT0FBTyxxQkFBUSxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUMzQztLQUNKO1NBQU0sSUFBSSxTQUFTLEVBQUU7UUFDbEIsT0FBTyxLQUFLLENBQUM7S0FDaEI7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUF2QlcsUUFBQSxlQUFlLG1CQXVCMUIifQ==
+var templateObject_1;
+//# 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