@uxf/styles 1.3.0 → 1.4.2

package/properties/gridParent.js

@@ -1,38 +1,31 @@
 "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.gridParent = void 0;
-var styled_components_1 = require("styled-components");
 var formatGridColumns_1 = require("../utils/formatGridColumns");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var gridParent = function (_a) {
     var breakpoints = _a.breakpoints, $alignContent = _a.$alignContent, $alignItems = _a.$alignItems, $display = _a.$display, $gridAutoColumns = _a.$gridAutoColumns, $gridAutoFlow = _a.$gridAutoFlow, $gridAutoRows = _a.$gridAutoRows, $gridColumnCount = _a.$gridColumnCount, $gridGap = _a.$gridGap, $gridColumnGap = _a.$gridColumnGap, $gridRowGap = _a.$gridRowGap, $gridRowCount = _a.$gridRowCount, $gridTemplateAreas = _a.$gridTemplateAreas, $gridTemplateColumns = _a.$gridTemplateColumns, $gridTemplateRows = _a.$gridTemplateRows, $justifyContent = _a.$justifyContent, $justifyItems = _a.$justifyItems;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        alignContent: formatValue_1.formatResponsiveValue($alignContent),
-        alignItems: formatValue_1.formatResponsiveValue($alignItems),
-        display: formatValue_1.formatResponsiveValue($display !== null && $display !== void 0 ? $display : "grid"),
-        gridAutoColumns: formatValue_1.formatResponsiveValue($gridAutoColumns),
-        gridAutoFlow: formatValue_1.formatResponsiveValue($gridAutoFlow),
-        gridAutoRows: formatValue_1.formatResponsiveValue($gridAutoRows),
-        gridGap: formatValue_1.formatResponsiveValue($gridGap),
-        gridColumnGap: formatValue_1.formatResponsiveValue($gridColumnGap),
-        gridRowGap: formatValue_1.formatResponsiveValue($gridRowGap),
-        gridTemplateAreas: formatValue_1.formatResponsiveValue($gridTemplateAreas),
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        alignContent: (0, formatValue_1.formatResponsiveValue)($alignContent),
+        alignItems: (0, formatValue_1.formatResponsiveValue)($alignItems),
+        display: (0, formatValue_1.formatResponsiveValue)($display !== null && $display !== void 0 ? $display : "grid"),
+        gridAutoColumns: (0, formatValue_1.formatResponsiveValue)($gridAutoColumns),
+        gridAutoFlow: (0, formatValue_1.formatResponsiveValue)($gridAutoFlow),
+        gridAutoRows: (0, formatValue_1.formatResponsiveValue)($gridAutoRows),
+        gridGap: (0, formatValue_1.formatResponsiveValue)($gridGap),
+        gridColumnGap: (0, formatValue_1.formatResponsiveValue)($gridColumnGap),
+        gridRowGap: (0, formatValue_1.formatResponsiveValue)($gridRowGap),
+        gridTemplateAreas: (0, formatValue_1.formatResponsiveValue)($gridTemplateAreas),
         gridTemplateColumns: $gridTemplateColumns
-            ? formatValue_1.formatResponsiveValue($gridTemplateColumns)
-            : formatGridColumns_1.formatResponsiveGridColumns($gridColumnCount),
+            ? (0, formatValue_1.formatResponsiveValue)($gridTemplateColumns)
+            : (0, formatGridColumns_1.formatResponsiveGridColumns)($gridColumnCount),
         gridTemplateRows: $gridTemplateRows
-            ? formatValue_1.formatResponsiveValue($gridTemplateRows)
-            : formatGridColumns_1.formatResponsiveGridColumns($gridRowCount),
-        justifyContent: formatValue_1.formatResponsiveValue($justifyContent),
-        justifyItems: formatValue_1.formatResponsiveValue($justifyItems),
-    }));
+            ? (0, formatValue_1.formatResponsiveValue)($gridTemplateRows)
+            : (0, formatGridColumns_1.formatResponsiveGridColumns)($gridRowCount),
+        justifyContent: (0, formatValue_1.formatResponsiveValue)($justifyContent),
+        justifyItems: (0, formatValue_1.formatResponsiveValue)($justifyItems),
+    });
 };
 exports.gridParent = gridParent;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2dyaWRQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxnRUFBeUU7QUFDekUsb0RBQTZEO0FBQzdELGtEQUFtRDtBQXNCNUMsSUFBTSxVQUFVLEdBQUcsVUFBNEIsRUFrQnhCO1FBakIxQixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixnQkFBZ0Isc0JBQUEsRUFDaEIsYUFBYSxtQkFBQSxFQUNiLGFBQWEsbUJBQUEsRUFDYixnQkFBZ0Isc0JBQUEsRUFDaEIsUUFBUSxjQUFBLEVBQ1IsY0FBYyxvQkFBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2Isa0JBQWtCLHdCQUFBLEVBQ2xCLG9CQUFvQiwwQkFBQSxFQUNwQixpQkFBaUIsdUJBQUEsRUFDakIsZUFBZSxxQkFBQSxFQUNmLGFBQWEsbUJBQUE7SUFDa0IsT0FBQSx1QkFBRyxpRkFBQSxRQUNoQztRQW1CQSxJQUNMLEtBcEJLLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsWUFBWSxFQUFFLG1DQUFxQixDQUFDLGFBQWEsQ0FBQztRQUNsRCxVQUFVLEVBQUUsbUNBQXFCLENBQUMsV0FBVyxDQUFDO1FBQzlDLE9BQU8sRUFBRSxtQ0FBcUIsQ0FBQyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxNQUFNLENBQUM7UUFDbEQsZUFBZSxFQUFFLG1DQUFxQixDQUFDLGdCQUFnQixDQUFDO1FBQ3hELFlBQVksRUFBRSxtQ0FBcUIsQ0FBQyxhQUFhLENBQUM7UUFDbEQsWUFBWSxFQUFFLG1DQUFxQixDQUFDLGFBQWEsQ0FBQztRQUNsRCxPQUFPLEVBQUUsbUNBQXFCLENBQUMsUUFBUSxDQUFDO1FBQ3hDLGFBQWEsRUFBRSxtQ0FBcUIsQ0FBQyxjQUFjLENBQUM7UUFDcEQsVUFBVSxFQUFFLG1DQUFxQixDQUFDLFdBQVcsQ0FBQztRQUM5QyxpQkFBaUIsRUFBRSxtQ0FBcUIsQ0FBQyxrQkFBa0IsQ0FBQztRQUM1RCxtQkFBbUIsRUFBRSxvQkFBb0I7WUFDckMsQ0FBQyxDQUFDLG1DQUFxQixDQUFDLG9CQUFvQixDQUFDO1lBQzdDLENBQUMsQ0FBQywrQ0FBMkIsQ0FBQyxnQkFBZ0IsQ0FBQztRQUNuRCxnQkFBZ0IsRUFBRSxpQkFBaUI7WUFDL0IsQ0FBQyxDQUFDLG1DQUFxQixDQUFDLGlCQUFpQixDQUFDO1lBQzFDLENBQUMsQ0FBQywrQ0FBMkIsQ0FBQyxhQUFhLENBQUM7UUFDaEQsY0FBYyxFQUFFLG1DQUFxQixDQUFDLGVBQWUsQ0FBQztRQUN0RCxZQUFZLEVBQUUsbUNBQXFCLENBQUMsYUFBYSxDQUFDO0tBQ3JELENBQUM7QUFwQjZCLENBcUJsQyxDQUFDO0FBdkNXLFFBQUEsVUFBVSxjQXVDckIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2dyaWRQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EsZ0VBQXlFO0FBQ3pFLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFxQjNELElBQU0sVUFBVSxHQUFHLFVBQTRCLEVBa0J4QjtRQWpCMUIsV0FBVyxpQkFBQSxFQUNYLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsZ0JBQWdCLHNCQUFBLEVBQ2hCLGFBQWEsbUJBQUEsRUFDYixhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGtCQUFrQix3QkFBQSxFQUNsQixvQkFBb0IsMEJBQUEsRUFDcEIsaUJBQWlCLHVCQUFBLEVBQ2pCLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBO0lBRWIsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLE1BQU0sQ0FBQztRQUNsRCxlQUFlLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxnQkFBZ0IsQ0FBQztRQUN4RCxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztRQUN4QyxhQUFhLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxjQUFjLENBQUM7UUFDcEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLGlCQUFpQixFQUFFLElBQUEsbUNBQXFCLEVBQUMsa0JBQWtCLENBQUM7UUFDNUQsbUJBQW1CLEVBQUUsb0JBQW9CO1lBQ3JDLENBQUMsQ0FBQyxJQUFBLG1DQUFxQixFQUFDLG9CQUFvQixDQUFDO1lBQzdDLENBQUMsQ0FBQyxJQUFBLCtDQUEyQixFQUFDLGdCQUFnQixDQUFDO1FBQ25ELGdCQUFnQixFQUFFLGlCQUFpQjtZQUMvQixDQUFDLENBQUMsSUFBQSxtQ0FBcUIsRUFBQyxpQkFBaUIsQ0FBQztZQUMxQyxDQUFDLENBQUMsSUFBQSwrQ0FBMkIsRUFBQyxhQUFhLENBQUM7UUFDaEQsY0FBYyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsZUFBZSxDQUFDO1FBQ3RELFlBQVksRUFBRSxJQUFBLG1DQUFxQixFQUFDLGFBQWEsQ0FBQztLQUNyRCxDQUFDO0FBbkJGLENBbUJFLENBQUM7QUF0Q00sUUFBQSxVQUFVLGNBc0NoQiJ9

package/properties/interactions.d.ts

@@ -1,8 +1,8 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Interactions {
     $cursor?: ResponsiveProperty.Cursor;
     $pointerEvents?: ResponsiveProperty.PointerEvents;
     $resize?: ResponsiveProperty.Resize;
     $userSelect?: ResponsiveProperty.UserSelect;
 }
-export declare const interactions: <B extends Record<string, number>>({ breakpoints, $cursor, $pointerEvents, $resize, $userSelect, }: Interactions & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const interactions: <B extends BreakpointsType>({ breakpoints, $cursor, $pointerEvents, $resize, $userSelect, }: Interactions & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/interactions.js

@@ -1,23 +1,16 @@
 "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.interactions = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var interactions = function (_a) {
     var breakpoints = _a.breakpoints, $cursor = _a.$cursor, $pointerEvents = _a.$pointerEvents, $resize = _a.$resize, $userSelect = _a.$userSelect;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        cursor: formatValue_1.formatResponsiveValue($cursor),
-        pointerEvents: formatValue_1.formatResponsiveValue($pointerEvents),
-        resize: formatValue_1.formatResponsiveValue($resize),
-        userSelect: formatValue_1.formatResponsiveValue($userSelect),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        cursor: (0, formatValue_1.formatResponsiveValue)($cursor),
+        pointerEvents: (0, formatValue_1.formatResponsiveValue)($pointerEvents),
+        resize: (0, formatValue_1.formatResponsiveValue)($resize),
+        userSelect: (0, formatValue_1.formatResponsiveValue)($userSelect),
+    });
 };
 exports.interactions = interactions;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvaW50ZXJhY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsb0RBQTZEO0FBQzdELGtEQUFtRDtBQVU1QyxJQUFNLFlBQVksR0FBRyxVQUE0QixFQU14QjtRQUw1QixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsY0FBYyxvQkFBQSxFQUNkLE9BQU8sYUFBQSxFQUNQLFdBQVcsaUJBQUE7SUFDc0IsT0FBQSx1QkFBRyxpRkFBQSxRQUNsQztRQUtBLElBQ0wsS0FOSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sRUFBRSxtQ0FBcUIsQ0FBQyxPQUFPLENBQUM7UUFDdEMsYUFBYSxFQUFFLG1DQUFxQixDQUFDLGNBQWMsQ0FBQztRQUNwRCxNQUFNLEVBQUUsbUNBQXFCLENBQUMsT0FBTyxDQUFDO1FBQ3RDLFVBQVUsRUFBRSxtQ0FBcUIsQ0FBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQU4rQixDQU9wQyxDQUFDO0FBYlcsUUFBQSxZQUFZLGdCQWF2QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvaW50ZXJhY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFTM0QsSUFBTSxZQUFZLEdBQUcsVUFBNEIsRUFNeEI7UUFMNUIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLGNBQWMsb0JBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBO0lBRVgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQUxGLENBS0UsQ0FBQztBQVpNLFFBQUEsWUFBWSxnQkFZbEIifQ==

package/properties/margins.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Margins {
     $mb?: ResponsiveProperty.Margin;
     $ml?: ResponsiveProperty.Margin;
@@ -7,4 +7,4 @@ export interface Margins {
     $my?: ResponsiveProperty.Margin;
     $mx?: ResponsiveProperty.Margin;
 }
-export declare const margins: <B extends Record<string, number>>({ breakpoints, $mb, $ml, $mr, $mt, $my, $mx, }: Margins & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const margins: <B extends BreakpointsType>({ breakpoints, $mb, $ml, $mr, $mt, $my, $mx, }: Margins & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/margins.js

@@ -1,23 +1,16 @@
 "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.margins = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var margins = function (_a) {
     var breakpoints = _a.breakpoints, $mb = _a.$mb, $ml = _a.$ml, $mr = _a.$mr, $mt = _a.$mt, $my = _a.$my, $mx = _a.$mx;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        marginBottom: formatValue_1.formatResponsiveValue($mb !== null && $mb !== void 0 ? $mb : $my),
-        marginLeft: formatValue_1.formatResponsiveValue($ml !== null && $ml !== void 0 ? $ml : $mx),
-        marginRight: formatValue_1.formatResponsiveValue($mr !== null && $mr !== void 0 ? $mr : $mx),
-        marginTop: formatValue_1.formatResponsiveValue($mt !== null && $mt !== void 0 ? $mt : $my),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        marginBottom: (0, formatValue_1.formatResponsiveValue)($mb !== null && $mb !== void 0 ? $mb : $my),
+        marginLeft: (0, formatValue_1.formatResponsiveValue)($ml !== null && $ml !== void 0 ? $ml : $mx),
+        marginRight: (0, formatValue_1.formatResponsiveValue)($mr !== null && $mr !== void 0 ? $mr : $mx),
+        marginTop: (0, formatValue_1.formatResponsiveValue)($mt !== null && $mt !== void 0 ? $mt : $my),
+    });
 };
 exports.margins = margins;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyZ2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL21hcmdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxvREFBNkQ7QUFDN0Qsa0RBQW1EO0FBWTVDLElBQU0sT0FBTyxHQUFHLFVBQTRCLEVBUXhCO1FBUHZCLFdBQVcsaUJBQUEsRUFDWCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUE7SUFDeUIsT0FBQSx1QkFBRyxpRkFBQSxRQUM3QjtRQUtBLElBQ0wsS0FOSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLFlBQVksRUFBRSxtQ0FBcUIsQ0FBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDL0MsVUFBVSxFQUFFLG1DQUFxQixDQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUM3QyxXQUFXLEVBQUUsbUNBQXFCLENBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQzlDLFNBQVMsRUFBRSxtQ0FBcUIsQ0FBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7S0FDL0MsQ0FBQztBQU4wQixDQU8vQixDQUFDO0FBZlcsUUFBQSxPQUFPLFdBZWxCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyZ2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL21hcmdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVF4QjtRQVB2QixXQUFXLGlCQUFBLEVBQ1gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBO0lBRUgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDL0MsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQzdDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUM5QyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7S0FDL0MsQ0FBQztBQUxGLENBS0UsQ0FBQztBQWRNLFFBQUEsT0FBTyxXQWNiIn0=

package/properties/maxLines.d.ts

@@ -2,4 +2,4 @@ import { Breakpoints, BreakpointsType, ResponsiveMaxLinesProperty } from "../typ
 export interface MaxLines<B extends BreakpointsType> {
     $maxLines?: ResponsiveMaxLinesProperty<B>;
 }
-export declare const maxLines: <B extends Record<string, number>>({ breakpoints, $maxLines }: MaxLines<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const maxLines: <B extends BreakpointsType>({ breakpoints, $maxLines }: MaxLines<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/maxLines.js

@@ -9,11 +9,10 @@ var styled_components_1 = require("styled-components");
 var responsiveMultilineTruncate_1 = require("../mixins/responsiveMultilineTruncate");
 var maxLines = function (_a) {
     var breakpoints = _a.breakpoints, $maxLines = _a.$maxLines;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), $maxLines
-        ? responsiveMultilineTruncate_1.responsiveMultilineTruncate(breakpoints, typeof $maxLines === "number" ? $maxLines : $maxLines === null || $maxLines === void 0 ? void 0 : $maxLines.count, typeof $maxLines === "number" ? !!$maxLines : { from: $maxLines === null || $maxLines === void 0 ? void 0 : $maxLines.from, to: $maxLines === null || $maxLines === void 0 ? void 0 : $maxLines.to })
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ", "\n"])), $maxLines
+        ? (0, responsiveMultilineTruncate_1.responsiveMultilineTruncate)(breakpoints, typeof $maxLines === "number" ? $maxLines : $maxLines.count, typeof $maxLines === "number" ? !!$maxLines : { from: $maxLines.from, to: $maxLines.to })
         : null);
 };
 exports.maxLines = maxLines;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF4TGluZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9tYXhMaW5lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFGQUFvRjtBQU83RSxJQUFNLFFBQVEsR0FBRyxVQUE0QixFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBO0lBQXFDLE9BQUEsdUJBQUcsaUZBQUEsUUFDOUc7UUFNUSxJQUNiLEtBUEssU0FBUztRQUNQLENBQUMsQ0FBQyx5REFBMkIsQ0FDdkIsV0FBVyxFQUNYLE9BQU8sU0FBUyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLGFBQVQsU0FBUyx1QkFBVCxTQUFTLENBQUUsS0FBSyxFQUM1RCxPQUFPLFNBQVMsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLFNBQVMsYUFBVCxTQUFTLHVCQUFULFNBQVMsQ0FBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLFNBQVMsYUFBVCxTQUFTLHVCQUFULFNBQVMsQ0FBRSxFQUFFLEVBQUUsQ0FDN0Y7UUFDSCxDQUFDLENBQUMsSUFBSTtBQVBtRyxDQVFoSCxDQUFDO0FBUlcsUUFBQSxRQUFRLFlBUW5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF4TGluZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9tYXhMaW5lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFGQUFvRjtBQU83RSxJQUFNLFFBQVEsR0FBRyxVQUE0QixFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBO0lBQXFDLFdBQUEsdUJBQUcsa0ZBQUEsUUFDOUcsRUFNUSxJQUNiLEtBUEssU0FBUztRQUNQLENBQUMsQ0FBQyxJQUFBLHlEQUEyQixFQUN2QixXQUFXLEVBQ1gsT0FBTyxTQUFTLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQzNELE9BQU8sU0FBUyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxDQUFDLEVBQUUsRUFBRSxDQUMzRjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUG1HLENBUWhILENBQUM7QUFSVyxRQUFBLFFBQVEsWUFRbkIifQ==

package/properties/objectFitting.d.ts

@@ -1,6 +1,6 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface ObjectFitting {
     $objectFit?: ResponsiveProperty.ObjectFit;
     $objectPosition?: ResponsiveProperty.ObjectPosition;
 }
-export declare const objectFitting: <B extends Record<string, number>>({ breakpoints, $objectFit, $objectPosition, }: ObjectFitting & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const objectFitting: <B extends BreakpointsType>({ breakpoints, $objectFit, $objectPosition, }: ObjectFitting & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/objectFitting.js

@@ -1,21 +1,14 @@
 "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.objectFitting = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var objectFitting = function (_a) {
     var breakpoints = _a.breakpoints, $objectFit = _a.$objectFit, $objectPosition = _a.$objectPosition;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        objectFit: formatValue_1.formatResponsiveValue($objectFit),
-        objectPosition: formatValue_1.formatResponsiveValue($objectPosition),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        objectFit: (0, formatValue_1.formatResponsiveValue)($objectFit),
+        objectPosition: (0, formatValue_1.formatResponsiveValue)($objectPosition),
+    });
 };
 exports.objectFitting = objectFitting;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0Rml0dGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL29iamVjdEZpdHRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxvREFBNkQ7QUFDN0Qsa0RBQW1EO0FBUTVDLElBQU0sYUFBYSxHQUFHLFVBQTRCLEVBSXhCO1FBSDdCLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsZUFBZSxxQkFBQTtJQUNtQixPQUFBLHVCQUFHLGlGQUFBLFFBQ25DO1FBR0EsSUFDTCxLQUpLLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztRQUM1QyxjQUFjLEVBQUUsbUNBQXFCLENBQUMsZUFBZSxDQUFDO0tBQ3pELENBQUM7QUFKZ0MsQ0FLckMsQ0FBQztBQVRXLFFBQUEsYUFBYSxpQkFTeEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0Rml0dGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL29iamVjdEZpdHRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLGFBQWEsR0FBRyxVQUE0QixFQUl4QjtRQUg3QixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLGVBQWUscUJBQUE7SUFFZixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQUhGLENBR0UsQ0FBQztBQVJNLFFBQUEsYUFBYSxpQkFRbkIifQ==

package/properties/overflow.d.ts

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

package/properties/overflow.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.overflow = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var overflow = function (_a) {
     var breakpoints = _a.breakpoints, $overflow = _a.$overflow, $overflowX = _a.$overflowX, $overflowY = _a.$overflowY;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        overflow: formatValue_1.formatResponsiveValue($overflow),
-        overflowX: formatValue_1.formatResponsiveValue($overflowX),
-        overflowY: formatValue_1.formatResponsiveValue($overflowY),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        overflow: (0, formatValue_1.formatResponsiveValue)($overflow),
+        overflowX: (0, formatValue_1.formatResponsiveValue)($overflowX),
+        overflowY: (0, formatValue_1.formatResponsiveValue)($overflowY),
+    });
 };
 exports.overflow = overflow;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9vdmVyZmxvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLG9EQUE2RDtBQUM3RCxrREFBbUQ7QUFTNUMsSUFBTSxRQUFRLEdBQUcsVUFBNEIsRUFLeEI7UUFKeEIsV0FBVyxpQkFBQSxFQUNYLFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBO0lBQ21CLE9BQUEsdUJBQUcsaUZBQUEsUUFDOUI7UUFJQSxJQUNMLEtBTEsseUJBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN4QixRQUFRLEVBQUUsbUNBQXFCLENBQUMsU0FBUyxDQUFDO1FBQzFDLFNBQVMsRUFBRSxtQ0FBcUIsQ0FBQyxVQUFVLENBQUM7UUFDNUMsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztLQUMvQyxDQUFDO0FBTDJCLENBTWhDLENBQUM7QUFYVyxRQUFBLFFBQVEsWUFXbkIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9vdmVyZmxvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBUTNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBS3hCO1FBSnhCLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQTtJQUVWLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7S0FDL0MsQ0FBQztBQUpGLENBSUUsQ0FBQztBQVZNLFFBQUEsUUFBUSxZQVVkIn0=

package/properties/paddings.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Paddings {
     $pb?: ResponsiveProperty.Padding;
     $pl?: ResponsiveProperty.Padding;
@@ -7,4 +7,4 @@ export interface Paddings {
     $py?: ResponsiveProperty.Padding;
     $px?: ResponsiveProperty.Padding;
 }
-export declare const paddings: <B extends Record<string, number>>({ breakpoints, $pb, $pl, $pr, $pt, $py, $px, }: Paddings & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const paddings: <B extends BreakpointsType>({ breakpoints, $pb, $pl, $pr, $pt, $py, $px, }: Paddings & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/paddings.js

@@ -1,23 +1,16 @@
 "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.paddings = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var paddings = function (_a) {
     var breakpoints = _a.breakpoints, $pb = _a.$pb, $pl = _a.$pl, $pr = _a.$pr, $pt = _a.$pt, $py = _a.$py, $px = _a.$px;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        paddingBottom: formatValue_1.formatResponsiveValue($pb !== null && $pb !== void 0 ? $pb : $py),
-        paddingLeft: formatValue_1.formatResponsiveValue($pl !== null && $pl !== void 0 ? $pl : $px),
-        paddingRight: formatValue_1.formatResponsiveValue($pr !== null && $pr !== void 0 ? $pr : $px),
-        paddingTop: formatValue_1.formatResponsiveValue($pt !== null && $pt !== void 0 ? $pt : $py),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        paddingBottom: (0, formatValue_1.formatResponsiveValue)($pb !== null && $pb !== void 0 ? $pb : $py),
+        paddingLeft: (0, formatValue_1.formatResponsiveValue)($pl !== null && $pl !== void 0 ? $pl : $px),
+        paddingRight: (0, formatValue_1.formatResponsiveValue)($pr !== null && $pr !== void 0 ? $pr : $px),
+        paddingTop: (0, formatValue_1.formatResponsiveValue)($pt !== null && $pt !== void 0 ? $pt : $py),
+    });
 };
 exports.paddings = paddings;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wYWRkaW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLG9EQUE2RDtBQUM3RCxrREFBbUQ7QUFZNUMsSUFBTSxRQUFRLEdBQUcsVUFBNEIsRUFReEI7UUFQeEIsV0FBVyxpQkFBQSxFQUNYLEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQSxFQUNILEdBQUcsU0FBQTtJQUMwQixPQUFBLHVCQUFHLGlGQUFBLFFBQzlCO1FBS0EsSUFDTCxLQU5LLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsYUFBYSxFQUFFLG1DQUFxQixDQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUNoRCxXQUFXLEVBQUUsbUNBQXFCLENBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQzlDLFlBQVksRUFBRSxtQ0FBcUIsQ0FBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDL0MsVUFBVSxFQUFFLG1DQUFxQixDQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztLQUNoRCxDQUFDO0FBTjJCLENBT2hDLENBQUM7QUFmVyxRQUFBLFFBQVEsWUFlbkIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wYWRkaW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBVzNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBUXhCO1FBUHhCLFdBQVcsaUJBQUEsRUFDWCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUE7SUFFSCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUNoRCxXQUFXLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDOUMsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQy9DLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztLQUNoRCxDQUFDO0FBTEYsQ0FLRSxDQUFDO0FBZE0sUUFBQSxRQUFRLFlBY2QifQ==

package/properties/paragraph.d.ts

@@ -7,4 +7,4 @@ export interface Paragraph<B extends BreakpointsType> extends MaxLines<B> {
     $truncate?: ResponsiveConditionProperty<B>;
     $noWrap?: ResponsiveConditionProperty<B>;
 }
-export declare const paragraph: <B extends Record<string, number>>({ breakpoints, $hyphens, $maxLines, $noWrap, $textAlign, $textIndent, $truncate, }: Paragraph<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const paragraph: <B extends BreakpointsType>({ breakpoints, $hyphens, $maxLines, $noWrap, $textAlign, $textIndent, $truncate, }: Paragraph<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/paragraph.js

@@ -6,20 +6,19 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.paragraph = void 0;
 var styled_components_1 = require("styled-components");
-var formatValue_1 = require("../utils/formatValue");
-var responsive_1 = require("../utils/responsive");
 var responsiveNoWrap_1 = require("../mixins/responsiveNoWrap");
 var responsiveTruncate_1 = require("../mixins/responsiveTruncate");
+var formatValue_1 = require("../utils/formatValue");
+var responsive_1 = require("../utils/responsive");
 var maxLines_1 = require("./maxLines");
 var paragraph = function (_a) {
     var breakpoints = _a.breakpoints, $hyphens = _a.$hyphens, $maxLines = _a.$maxLines, $noWrap = _a.$noWrap, $textAlign = _a.$textAlign, $textIndent = _a.$textIndent, $truncate = _a.$truncate;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    ",
-        "\n    ", "\n    ", "\n    ", "\n"])), responsive_1.facepaintMin(breakpoints)({
-        hyphens: formatValue_1.formatResponsiveValue($hyphens),
-        textAlign: formatValue_1.formatResponsiveValue($textAlign),
-        textIndent: formatValue_1.formatResponsiveValue($textIndent),
-    }), maxLines_1.maxLines({ breakpoints: breakpoints, $maxLines: $maxLines }), responsiveTruncate_1.responsiveTruncate(breakpoints, $truncate), responsiveNoWrap_1.responsiveNoWrap(breakpoints, $noWrap));
+    return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n    ", "\n    ", "\n"])), (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        hyphens: (0, formatValue_1.formatResponsiveValue)($hyphens),
+        textAlign: (0, formatValue_1.formatResponsiveValue)($textAlign),
+        textIndent: (0, formatValue_1.formatResponsiveValue)($textIndent),
+    }), (0, maxLines_1.maxLines)({ breakpoints: breakpoints, $maxLines: $maxLines }), (0, responsiveTruncate_1.responsiveTruncate)(breakpoints, $truncate), (0, responsiveNoWrap_1.responsiveNoWrap)(breakpoints, $noWrap));
 };
 exports.paragraph = paragraph;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvcGFyYWdyYXBoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsb0RBQTZEO0FBQzdELGtEQUFtRDtBQUNuRCwrREFBOEQ7QUFDOUQsbUVBQWtFO0FBRWxFLHVDQUFnRDtBQVV6QyxJQUFNLFNBQVMsR0FBRyxVQUE0QixFQVFyQjtRQVA1QixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUE7SUFDd0IsT0FBQSx1QkFBRywrR0FBQSxRQUNsQztRQUlBLFFBQ0EsRUFBb0MsUUFDcEMsRUFBMEMsUUFDMUMsRUFBc0MsSUFDM0MsS0FSSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLE9BQU8sRUFBRSxtQ0FBcUIsQ0FBQyxRQUFRLENBQUM7UUFDeEMsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsbUNBQXFCLENBQUMsV0FBVyxDQUFDO0tBQ2pELENBQUMsRUFDQSxtQkFBUSxDQUFDLEVBQUUsV0FBVyxhQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsQ0FBQyxFQUNwQyx1Q0FBa0IsQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLEVBQzFDLG1DQUFnQixDQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7QUFSUCxDQVNwQyxDQUFDO0FBakJXLFFBQUEsU0FBUyxhQWlCcEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvcGFyYWdyYXBoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsK0RBQThEO0FBQzlELG1FQUFrRTtBQUVsRSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBQ2xFLHVDQUFnRDtBQVV6QyxJQUFNLFNBQVMsR0FBRyxVQUE0QixFQVFyQjtRQVA1QixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUE7SUFDd0IsV0FBQSx1QkFBRyxnSEFBQSxRQUNsQyxFQUlBLFFBQ0EsRUFBb0MsUUFDcEMsRUFBMEMsUUFDMUMsRUFBc0MsSUFDM0MsS0FSSyxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUN2QyxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLENBQUM7UUFDeEMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztLQUNqRCxDQUFDLEVBQ0EsSUFBQSxtQkFBUSxFQUFDLEVBQUUsV0FBVyxhQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsQ0FBQyxFQUNwQyxJQUFBLHVDQUFrQixFQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsRUFDMUMsSUFBQSxtQ0FBZ0IsRUFBQyxXQUFXLEVBQUUsT0FBTyxDQUFDO0FBUlAsQ0FTcEMsQ0FBQztBQWpCVyxRQUFBLFNBQVMsYUFpQnBCIn0=

package/properties/perspective.d.ts

@@ -1,6 +1,6 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Perspective {
     $perspective?: ResponsiveProperty.Perspective;
     $perspectiveOrigin?: ResponsiveProperty.PerspectiveOrigin;
 }
-export declare const perspective: <B extends Record<string, number>>({ breakpoints, $perspective, $perspectiveOrigin, }: Perspective & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const perspective: <B extends BreakpointsType>({ breakpoints, $perspective, $perspectiveOrigin, }: Perspective & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/perspective.js

@@ -1,21 +1,14 @@
 "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.perspective = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var perspective = function (_a) {
     var breakpoints = _a.breakpoints, $perspective = _a.$perspective, $perspectiveOrigin = _a.$perspectiveOrigin;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        perspective: formatValue_1.formatResponsiveValue($perspective),
-        perspectiveOrigin: formatValue_1.formatResponsiveValue($perspectiveOrigin),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        perspective: (0, formatValue_1.formatResponsiveValue)($perspective),
+        perspectiveOrigin: (0, formatValue_1.formatResponsiveValue)($perspectiveOrigin),
+    });
 };
 exports.perspective = perspective;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyc3BlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wZXJzcGVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLG9EQUE2RDtBQUM3RCxrREFBbUQ7QUFRNUMsSUFBTSxXQUFXLEdBQUcsVUFBNEIsRUFJeEI7UUFIM0IsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixrQkFBa0Isd0JBQUE7SUFDYyxPQUFBLHVCQUFHLGlGQUFBLFFBQ2pDO1FBR0EsSUFDTCxLQUpLLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsV0FBVyxFQUFFLG1DQUFxQixDQUFDLFlBQVksQ0FBQztRQUNoRCxpQkFBaUIsRUFBRSxtQ0FBcUIsQ0FBQyxrQkFBa0IsQ0FBQztLQUMvRCxDQUFDO0FBSjhCLENBS25DLENBQUM7QUFUVyxRQUFBLFdBQVcsZUFTdEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyc3BlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wZXJzcGVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTzNELElBQU0sV0FBVyxHQUFHLFVBQTRCLEVBSXhCO1FBSDNCLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osa0JBQWtCLHdCQUFBO0lBRWxCLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELGlCQUFpQixFQUFFLElBQUEsbUNBQXFCLEVBQUMsa0JBQWtCLENBQUM7S0FDL0QsQ0FBQztBQUhGLENBR0UsQ0FBQztBQVJNLFFBQUEsV0FBVyxlQVFqQiJ9

package/properties/position.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Position {
     $bottom?: ResponsiveProperty.Bottom;
     $left?: ResponsiveProperty.Left;
@@ -8,4 +8,4 @@ export interface Position {
     $verticalAlign?: ResponsiveProperty.VerticalAlign;
     $zIndex?: ResponsiveProperty.ZIndex;
 }
-export declare const position: <B extends Record<string, number>>({ breakpoints, $bottom, $left, $right, $top, $position, $verticalAlign, $zIndex, }: Position & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const position: <B extends BreakpointsType>({ breakpoints, $bottom, $left, $right, $top, $position, $verticalAlign, $zIndex, }: Position & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/position.js

@@ -1,26 +1,19 @@
 "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.position = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var position = function (_a) {
     var breakpoints = _a.breakpoints, $bottom = _a.$bottom, $left = _a.$left, $right = _a.$right, $top = _a.$top, $position = _a.$position, $verticalAlign = _a.$verticalAlign, $zIndex = _a.$zIndex;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        bottom: formatValue_1.formatResponsiveValue($bottom),
-        left: formatValue_1.formatResponsiveValue($left),
-        right: formatValue_1.formatResponsiveValue($right),
-        top: formatValue_1.formatResponsiveValue($top),
-        position: formatValue_1.formatResponsiveValue($position),
-        verticalAlign: formatValue_1.formatResponsiveValue($verticalAlign),
-        zIndex: formatValue_1.formatResponsiveValue($zIndex, true),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        bottom: (0, formatValue_1.formatResponsiveValue)($bottom),
+        left: (0, formatValue_1.formatResponsiveValue)($left),
+        right: (0, formatValue_1.formatResponsiveValue)($right),
+        top: (0, formatValue_1.formatResponsiveValue)($top),
+        position: (0, formatValue_1.formatResponsiveValue)($position),
+        verticalAlign: (0, formatValue_1.formatResponsiveValue)($verticalAlign),
+        zIndex: (0, formatValue_1.formatResponsiveValue)($zIndex, true),
+    });
 };
 exports.position = position;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9zaXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wb3NpdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLG9EQUE2RDtBQUM3RCxrREFBbUQ7QUFhNUMsSUFBTSxRQUFRLEdBQUcsVUFBNEIsRUFTeEI7UUFSeEIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLEtBQUssV0FBQSxFQUNMLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLFNBQVMsZUFBQSxFQUNULGNBQWMsb0JBQUEsRUFDZCxPQUFPLGFBQUE7SUFDc0IsT0FBQSx1QkFBRyxpRkFBQSxRQUM5QjtRQVFBLElBQ0wsS0FUSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sRUFBRSxtQ0FBcUIsQ0FBQyxPQUFPLENBQUM7UUFDdEMsSUFBSSxFQUFFLG1DQUFxQixDQUFDLEtBQUssQ0FBQztRQUNsQyxLQUFLLEVBQUUsbUNBQXFCLENBQUMsTUFBTSxDQUFDO1FBQ3BDLEdBQUcsRUFBRSxtQ0FBcUIsQ0FBQyxJQUFJLENBQUM7UUFDaEMsUUFBUSxFQUFFLG1DQUFxQixDQUFDLFNBQVMsQ0FBQztRQUMxQyxhQUFhLEVBQUUsbUNBQXFCLENBQUMsY0FBYyxDQUFDO1FBQ3BELE1BQU0sRUFBRSxtQ0FBcUIsQ0FBQyxPQUFPLEVBQUUsSUFBSSxDQUFDO0tBQy9DLENBQUM7QUFUMkIsQ0FVaEMsQ0FBQztBQW5CVyxRQUFBLFFBQVEsWUFtQm5CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9zaXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wb3NpdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBWTNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBU3hCO1FBUnhCLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxjQUFjLG9CQUFBLEVBQ2QsT0FBTyxhQUFBO0lBRVAsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsSUFBSSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsS0FBSyxDQUFDO1FBQ2xDLEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sQ0FBQztRQUNwQyxHQUFHLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxJQUFJLENBQUM7UUFDaEMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGNBQWMsQ0FBQztRQUNwRCxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLEVBQUUsSUFBSSxDQUFDO0tBQy9DLENBQUM7QUFSRixDQVFFLENBQUM7QUFsQk0sUUFBQSxRQUFRLFlBa0JkIn0=

package/properties/shadows.d.ts

@@ -1,6 +1,6 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Shadows {
     $boxShadow?: ResponsiveProperty.BoxShadow;
     $textShadow?: ResponsiveProperty.TextShadow;
 }
-export declare const shadows: <B extends Record<string, number>>({ breakpoints, $boxShadow, $textShadow, }: Shadows & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const shadows: <B extends BreakpointsType>({ breakpoints, $boxShadow, $textShadow, }: Shadows & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/shadows.js

@@ -1,21 +1,14 @@
 "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.shadows = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var shadows = function (_a) {
     var breakpoints = _a.breakpoints, $boxShadow = _a.$boxShadow, $textShadow = _a.$textShadow;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        boxShadow: formatValue_1.formatResponsiveValue($boxShadow),
-        textShadow: formatValue_1.formatResponsiveValue($textShadow),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        boxShadow: (0, formatValue_1.formatResponsiveValue)($boxShadow),
+        textShadow: (0, formatValue_1.formatResponsiveValue)($textShadow),
+    });
 };
 exports.shadows = shadows;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3NoYWRvd3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxvREFBNkQ7QUFDN0Qsa0RBQW1EO0FBUTVDLElBQU0sT0FBTyxHQUFHLFVBQTRCLEVBSXhCO1FBSHZCLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsV0FBVyxpQkFBQTtJQUNpQixPQUFBLHVCQUFHLGlGQUFBLFFBQzdCO1FBR0EsSUFDTCxLQUpLLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsbUNBQXFCLENBQUMsV0FBVyxDQUFDO0tBQ2pELENBQUM7QUFKMEIsQ0FLL0IsQ0FBQztBQVRXLFFBQUEsT0FBTyxXQVNsQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3NoYWRvd3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQUl4QjtRQUh2QixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUE7SUFFWCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQUhGLENBR0UsQ0FBQztBQVJNLFFBQUEsT0FBTyxXQVFiIn0=

package/properties/sizing.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Sizing {
     $height?: ResponsiveProperty.Height;
     $maxHeight?: ResponsiveProperty.MaxHeight;
@@ -7,4 +7,4 @@ export interface Sizing {
     $minWidth?: ResponsiveProperty.MinWidth;
     $width?: ResponsiveProperty.Width;
 }
-export declare const sizing: <B extends Record<string, number>>({ breakpoints, $height, $maxHeight, $maxWidth, $minHeight, $minWidth, $width, }: Sizing & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const sizing: <B extends BreakpointsType>({ breakpoints, $height, $maxHeight, $maxWidth, $minHeight, $minWidth, $width, }: Sizing & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/sizing.js

@@ -1,25 +1,18 @@
 "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.sizing = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var sizing = function (_a) {
     var breakpoints = _a.breakpoints, $height = _a.$height, $maxHeight = _a.$maxHeight, $maxWidth = _a.$maxWidth, $minHeight = _a.$minHeight, $minWidth = _a.$minWidth, $width = _a.$width;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        height: formatValue_1.formatResponsiveValue($height),
-        maxHeight: formatValue_1.formatResponsiveValue($maxHeight),
-        maxWidth: formatValue_1.formatResponsiveValue($maxWidth),
-        minHeight: formatValue_1.formatResponsiveValue($minHeight),
-        minWidth: formatValue_1.formatResponsiveValue($minWidth),
-        width: formatValue_1.formatResponsiveValue($width),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        height: (0, formatValue_1.formatResponsiveValue)($height),
+        maxHeight: (0, formatValue_1.formatResponsiveValue)($maxHeight),
+        maxWidth: (0, formatValue_1.formatResponsiveValue)($maxWidth),
+        minHeight: (0, formatValue_1.formatResponsiveValue)($minHeight),
+        minWidth: (0, formatValue_1.formatResponsiveValue)($minWidth),
+        width: (0, formatValue_1.formatResponsiveValue)($width),
+    });
 };
 exports.sizing = sizing;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6aW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvc2l6aW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsb0RBQTZEO0FBQzdELGtEQUFtRDtBQVk1QyxJQUFNLE1BQU0sR0FBRyxVQUE0QixFQVF4QjtRQVB0QixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNULFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUE7SUFDcUIsT0FBQSx1QkFBRyxpRkFBQSxRQUM1QjtRQU9BLElBQ0wsS0FSSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sRUFBRSxtQ0FBcUIsQ0FBQyxPQUFPLENBQUM7UUFDdEMsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztRQUM1QyxRQUFRLEVBQUUsbUNBQXFCLENBQUMsU0FBUyxDQUFDO1FBQzFDLFNBQVMsRUFBRSxtQ0FBcUIsQ0FBQyxVQUFVLENBQUM7UUFDNUMsUUFBUSxFQUFFLG1DQUFxQixDQUFDLFNBQVMsQ0FBQztRQUMxQyxLQUFLLEVBQUUsbUNBQXFCLENBQUMsTUFBTSxDQUFDO0tBQ3ZDLENBQUM7QUFSeUIsQ0FTOUIsQ0FBQztBQWpCVyxRQUFBLE1BQU0sVUFpQmpCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6aW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvc2l6aW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFXM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFReEI7UUFQdEIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBO0lBRU4sT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsQ0FBQztRQUMxQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sQ0FBQztLQUN2QyxDQUFDO0FBUEYsQ0FPRSxDQUFDO0FBaEJNLFFBQUEsTUFBTSxVQWdCWiJ9

package/properties/spacings.d.ts

@@ -1,6 +1,6 @@
-import { Breakpoints } from "../types";
+import { BreakpointsType, Breakpoints } from "../types";
 import { Margins } from "./margins";
 import { Paddings } from "./paddings";
 export interface Spacings extends Margins, Paddings {
 }
-export declare const spacings: <B extends Record<string, number>>(props: Margins & Paddings & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const spacings: <B extends BreakpointsType>(props: Margins & Paddings & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/spacings.js

@@ -8,7 +8,7 @@ exports.spacings = void 0;
 var styled_components_1 = require("styled-components");
 var margins_1 = require("./margins");
 var paddings_1 = require("./paddings");
-var spacings = function (props) { return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), margins_1.margins(props), paddings_1.paddings(props)); };
+var spacings = function (props) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), (0, margins_1.margins)(props), (0, paddings_1.paddings)(props)); };
 exports.spacings = spacings;
 var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9zcGFjaW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBRXhDLHFDQUE2QztBQUM3Qyx1Q0FBZ0Q7QUFJekMsSUFBTSxRQUFRLEdBQUcsVUFBNEIsS0FBMEMsSUFBSyxPQUFBLHVCQUFHLDJGQUFBLFFBQ2hHLEVBQWMsUUFDZCxFQUFlLElBQ3BCLEtBRkssaUJBQU8sQ0FBQyxLQUFLLENBQUMsRUFDZCxtQkFBUSxDQUFDLEtBQUssQ0FBQyxHQUY4RSxDQUdsRyxDQUFDO0FBSFcsUUFBQSxRQUFRLFlBR25CIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9zcGFjaW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBRXhDLHFDQUE2QztBQUM3Qyx1Q0FBZ0Q7QUFJekMsSUFBTSxRQUFRLEdBQUcsVUFBNEIsS0FBMEMsSUFBSyxXQUFBLHVCQUFHLDRGQUFBLFFBQ2hHLEVBQWMsUUFDZCxFQUFlLElBQ3BCLEtBRkssSUFBQSxpQkFBTyxFQUFDLEtBQUssQ0FBQyxFQUNkLElBQUEsbUJBQVEsRUFBQyxLQUFLLENBQUMsR0FGOEUsQ0FHbEcsQ0FBQztBQUhXLFFBQUEsUUFBUSxZQUduQiJ9

package/properties/textDecoration.d.ts

@@ -1,5 +1,5 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface TextDecoration {
     $textDecoration?: ResponsiveProperty.TextDecoration;
 }
-export declare const textDecoration: <B extends Record<string, number>>({ breakpoints, $textDecoration, }: TextDecoration & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const textDecoration: <B extends BreakpointsType>({ breakpoints, $textDecoration, }: TextDecoration & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;