@uxf/styles 1.3.0 → 1.4.2

package/properties/borders.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Borders {
     $border?: ResponsiveProperty.Border;
     $borderBottom?: ResponsiveProperty.Border;
@@ -10,4 +10,4 @@ export interface Borders {
     $borderRadius?: ResponsiveProperty.BorderRadius;
     $outline?: ResponsiveProperty.Outline;
 }
-export declare const borders: <B extends Record<string, number>>({ breakpoints, $border, $borderBottom, $borderLeft, $borderRight, $borderTop, $borderX, $borderY, $borderRadius, $outline, }: Borders & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const borders: <B extends BreakpointsType>({ breakpoints, $border, $borderBottom, $borderLeft, $borderRight, $borderTop, $borderX, $borderY, $borderRadius, $outline, }: Borders & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/borders.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.borders = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var borders = function (_a) {
     var breakpoints = _a.breakpoints, $border = _a.$border, $borderBottom = _a.$borderBottom, $borderLeft = _a.$borderLeft, $borderRight = _a.$borderRight, $borderTop = _a.$borderTop, $borderX = _a.$borderX, $borderY = _a.$borderY, $borderRadius = _a.$borderRadius, $outline = _a.$outline;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        border: formatValue_1.formatResponsiveValue($border),
-        borderBottom: formatValue_1.formatResponsiveValue($borderBottom !== null && $borderBottom !== void 0 ? $borderBottom : $borderY),
-        borderLeft: formatValue_1.formatResponsiveValue($borderLeft !== null && $borderLeft !== void 0 ? $borderLeft : $borderX),
-        borderRight: formatValue_1.formatResponsiveValue($borderRight !== null && $borderRight !== void 0 ? $borderRight : $borderX),
-        borderTop: formatValue_1.formatResponsiveValue($borderTop !== null && $borderTop !== void 0 ? $borderTop : $borderY),
-        borderRadius: formatValue_1.formatResponsiveValue($borderRadius),
-        outline: formatValue_1.formatResponsiveValue($outline),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        border: (0, formatValue_1.formatResponsiveValue)($border),
+        borderBottom: (0, formatValue_1.formatResponsiveValue)($borderBottom !== null && $borderBottom !== void 0 ? $borderBottom : $borderY),
+        borderLeft: (0, formatValue_1.formatResponsiveValue)($borderLeft !== null && $borderLeft !== void 0 ? $borderLeft : $borderX),
+        borderRight: (0, formatValue_1.formatResponsiveValue)($borderRight !== null && $borderRight !== void 0 ? $borderRight : $borderX),
+        borderTop: (0, formatValue_1.formatResponsiveValue)($borderTop !== null && $borderTop !== void 0 ? $borderTop : $borderY),
+        borderRadius: (0, formatValue_1.formatResponsiveValue)($borderRadius),
+        outline: (0, formatValue_1.formatResponsiveValue)($outline),
+    });
 };
 exports.borders = borders;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JvcmRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxvREFBNkQ7QUFDN0Qsa0RBQW1EO0FBZTVDLElBQU0sT0FBTyxHQUFHLFVBQTRCLEVBV3hCO1FBVnZCLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxhQUFhLG1CQUFBLEVBQ2IsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsYUFBYSxtQkFBQSxFQUNiLFFBQVEsY0FBQTtJQUNvQixPQUFBLHVCQUFHLGlGQUFBLFFBQzdCO1FBUUEsSUFDTCxLQVRLLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsTUFBTSxFQUFFLG1DQUFxQixDQUFDLE9BQU8sQ0FBQztRQUN0QyxZQUFZLEVBQUUsbUNBQXFCLENBQUMsYUFBYSxhQUFiLGFBQWEsY0FBYixhQUFhLEdBQUksUUFBUSxDQUFDO1FBQzlELFVBQVUsRUFBRSxtQ0FBcUIsQ0FBQyxXQUFXLGFBQVgsV0FBVyxjQUFYLFdBQVcsR0FBSSxRQUFRLENBQUM7UUFDMUQsV0FBVyxFQUFFLG1DQUFxQixDQUFDLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLFFBQVEsQ0FBQztRQUM1RCxTQUFTLEVBQUUsbUNBQXFCLENBQUMsVUFBVSxhQUFWLFVBQVUsY0FBVixVQUFVLEdBQUksUUFBUSxDQUFDO1FBQ3hELFlBQVksRUFBRSxtQ0FBcUIsQ0FBQyxhQUFhLENBQUM7UUFDbEQsT0FBTyxFQUFFLG1DQUFxQixDQUFDLFFBQVEsQ0FBQztLQUMzQyxDQUFDO0FBVDBCLENBVS9CLENBQUM7QUFyQlcsUUFBQSxPQUFPLFdBcUJsQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JvcmRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQWMzRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVd4QjtRQVZ2QixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUE7SUFFUixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLGFBQWIsYUFBYSxjQUFiLGFBQWEsR0FBSSxRQUFRLENBQUM7UUFDOUQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxhQUFYLFdBQVcsY0FBWCxXQUFXLEdBQUksUUFBUSxDQUFDO1FBQzFELFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLFFBQVEsQ0FBQztRQUM1RCxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLGFBQVYsVUFBVSxjQUFWLFVBQVUsR0FBSSxRQUFRLENBQUM7UUFDeEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztLQUMzQyxDQUFDO0FBUkYsQ0FRRSxDQUFDO0FBcEJNLFFBQUEsT0FBTyxXQW9CYiJ9

package/properties/breaks.d.ts

@@ -1,7 +1,7 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Breaks {
     $breakAfter?: ResponsiveProperty.BreakAfter;
     $breakBefore?: ResponsiveProperty.BreakBefore;
     $breakInside?: ResponsiveProperty.BreakInside;
 }
-export declare const breaks: <B extends Record<string, number>>({ breakpoints, $breakAfter, $breakBefore, $breakInside, }: Breaks & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const breaks: <B extends BreakpointsType>({ breakpoints, $breakAfter, $breakBefore, $breakInside, }: Breaks & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

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

package/properties/character.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Character {
     $fontFamily?: ResponsiveProperty.FontFamily;
     $fontSize?: ResponsiveProperty.FontSize;
@@ -9,4 +9,4 @@ export interface Character {
     $lineHeight?: ResponsiveProperty.LineHeight;
     $textTransform?: ResponsiveProperty.TextTransform;
 }
-export declare const character: <B extends Record<string, number>>({ breakpoints, $fontFamily, $fontSize, $fontStretch, $fontStyle, $fontWeight, $letterSpacing, $lineHeight, $textTransform, }: Character & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const character: <B extends BreakpointsType>({ breakpoints, $fontFamily, $fontSize, $fontStretch, $fontStyle, $fontWeight, $letterSpacing, $lineHeight, $textTransform, }: Character & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/character.js

@@ -1,27 +1,20 @@
 "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.character = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var character = function (_a) {
     var breakpoints = _a.breakpoints, $fontFamily = _a.$fontFamily, $fontSize = _a.$fontSize, $fontStretch = _a.$fontStretch, $fontStyle = _a.$fontStyle, $fontWeight = _a.$fontWeight, $letterSpacing = _a.$letterSpacing, $lineHeight = _a.$lineHeight, $textTransform = _a.$textTransform;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        fontFamily: formatValue_1.formatResponsiveValue($fontFamily),
-        fontSize: formatValue_1.formatResponsiveValue($fontSize),
-        fontStretch: formatValue_1.formatResponsiveValue($fontStretch),
-        fontStyle: formatValue_1.formatResponsiveValue($fontStyle),
-        fontWeight: formatValue_1.formatResponsiveValue($fontWeight, true),
-        letterSpacing: formatValue_1.formatResponsiveValue($letterSpacing),
-        lineHeight: formatValue_1.formatResponsiveValue($lineHeight),
-        textTransform: formatValue_1.formatResponsiveValue($textTransform),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        fontFamily: (0, formatValue_1.formatResponsiveValue)($fontFamily),
+        fontSize: (0, formatValue_1.formatResponsiveValue)($fontSize),
+        fontStretch: (0, formatValue_1.formatResponsiveValue)($fontStretch),
+        fontStyle: (0, formatValue_1.formatResponsiveValue)($fontStyle),
+        fontWeight: (0, formatValue_1.formatResponsiveValue)($fontWeight, true),
+        letterSpacing: (0, formatValue_1.formatResponsiveValue)($letterSpacing),
+        lineHeight: (0, formatValue_1.formatResponsiveValue)($lineHeight),
+        textTransform: (0, formatValue_1.formatResponsiveValue)($textTransform),
+    });
 };
 exports.character = character;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcmFjdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY2hhcmFjdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsb0RBQTZEO0FBQzdELGtEQUFtRDtBQWM1QyxJQUFNLFNBQVMsR0FBRyxVQUE0QixFQVV4QjtRQVR6QixXQUFXLGlCQUFBLEVBQ1gsV0FBVyxpQkFBQSxFQUNYLFNBQVMsZUFBQSxFQUNULFlBQVksa0JBQUEsRUFDWixVQUFVLGdCQUFBLEVBQ1YsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsY0FBYyxvQkFBQTtJQUNnQixPQUFBLHVCQUFHLGlGQUFBLFFBQy9CO1FBU0EsSUFDTCxLQVZLLHlCQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDeEIsVUFBVSxFQUFFLG1DQUFxQixDQUFDLFdBQVcsQ0FBQztRQUM5QyxRQUFRLEVBQUUsbUNBQXFCLENBQUMsU0FBUyxDQUFDO1FBQzFDLFdBQVcsRUFBRSxtQ0FBcUIsQ0FBQyxZQUFZLENBQUM7UUFDaEQsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsbUNBQXFCLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQztRQUNwRCxhQUFhLEVBQUUsbUNBQXFCLENBQUMsY0FBYyxDQUFDO1FBQ3BELFVBQVUsRUFBRSxtQ0FBcUIsQ0FBQyxXQUFXLENBQUM7UUFDOUMsYUFBYSxFQUFFLG1DQUFxQixDQUFDLGNBQWMsQ0FBQztLQUN2RCxDQUFDO0FBVjRCLENBV2pDLENBQUM7QUFyQlcsUUFBQSxTQUFTLGFBcUJwQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcmFjdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY2hhcmFjdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFhM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFVeEI7UUFUekIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUE7SUFFZCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLEVBQUUsSUFBSSxDQUFDO1FBQ3BELGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGNBQWMsQ0FBQztRQUNwRCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO0tBQ3ZELENBQUM7QUFURixDQVNFLENBQUM7QUFwQk0sUUFBQSxTQUFTLGFBb0JmIn0=

package/properties/child.d.ts

@@ -1,6 +1,6 @@
-import { Breakpoints } from "../types";
+import { Breakpoints, BreakpointsType } from "../types";
 import { FlexChild } from "./flexChild";
 import { GridChild } from "./gridChild";
 export interface Child extends FlexChild, GridChild {
 }
-export declare const child: <B extends Record<string, number>>({ breakpoints, $alignSelf, $flexBasis, $flexGrow, $flexShrink, $gridArea, $justifySelf, $order, }: Child & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const child: <B extends BreakpointsType>({ breakpoints, $alignSelf, $flexBasis, $flexGrow, $flexShrink, $gridArea, $justifySelf, $order, }: Child & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/child.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.child = void 0;
-var styled_components_1 = require("styled-components");
-var responsive_1 = require("../utils/responsive");
 var formatValue_1 = require("../utils/formatValue");
+var responsive_1 = require("../utils/responsive");
 var child = function (_a) {
     var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $flexBasis = _a.$flexBasis, $flexGrow = _a.$flexGrow, $flexShrink = _a.$flexShrink, $gridArea = _a.$gridArea, $justifySelf = _a.$justifySelf, $order = _a.$order;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        alignSelf: formatValue_1.formatResponsiveValue($alignSelf),
-        flexBasis: formatValue_1.formatResponsiveValue($flexBasis),
-        flexGrow: formatValue_1.formatResponsiveValue($flexGrow, true),
-        flexShrink: formatValue_1.formatResponsiveValue($flexShrink, true),
-        gridArea: formatValue_1.formatResponsiveValue($gridArea),
-        justifySelf: formatValue_1.formatResponsiveValue($justifySelf),
-        order: formatValue_1.formatResponsiveValue($order, true),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
+        flexBasis: (0, formatValue_1.formatResponsiveValue)($flexBasis),
+        flexGrow: (0, formatValue_1.formatResponsiveValue)($flexGrow, true),
+        flexShrink: (0, formatValue_1.formatResponsiveValue)($flexShrink, true),
+        gridArea: (0, formatValue_1.formatResponsiveValue)($gridArea),
+        justifySelf: (0, formatValue_1.formatResponsiveValue)($justifySelf),
+        order: (0, formatValue_1.formatResponsiveValue)($order, true),
+    });
 };
 exports.child = child;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9jaGlsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLGtEQUFtRDtBQUNuRCxvREFBNkQ7QUFPdEQsSUFBTSxLQUFLLEdBQUcsVUFBNEIsRUFTeEI7UUFSckIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLFNBQVMsZUFBQSxFQUNULFlBQVksa0JBQUEsRUFDWixNQUFNLFlBQUE7SUFDb0IsT0FBQSx1QkFBRyxpRkFBQSxRQUMzQjtRQVFBLElBQ0wsS0FUSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLFNBQVMsRUFBRSxtQ0FBcUIsQ0FBQyxVQUFVLENBQUM7UUFDNUMsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztRQUM1QyxRQUFRLEVBQUUsbUNBQXFCLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQztRQUNoRCxVQUFVLEVBQUUsbUNBQXFCLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQztRQUNwRCxRQUFRLEVBQUUsbUNBQXFCLENBQUMsU0FBUyxDQUFDO1FBQzFDLFdBQVcsRUFBRSxtQ0FBcUIsQ0FBQyxZQUFZLENBQUM7UUFDaEQsS0FBSyxFQUFFLG1DQUFxQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDN0MsQ0FBQztBQVR3QixDQVU3QixDQUFDO0FBbkJXLFFBQUEsS0FBSyxTQW1CaEIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9jaGlsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTTNELElBQU0sS0FBSyxHQUFHLFVBQTRCLEVBU3hCO1FBUnJCLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNULFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBO0lBRU4sT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUM7UUFDaEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxFQUFFLElBQUksQ0FBQztRQUNwRCxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDN0MsQ0FBQztBQVJGLENBUUUsQ0FBQztBQWxCTSxRQUFBLEtBQUssU0FrQlgifQ==

package/properties/colors.d.ts

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

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

package/properties/column.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface Column {
     $columnCount?: ResponsiveProperty.ColumnCount;
     $columnFill?: ResponsiveProperty.ColumnFill;
@@ -7,4 +7,4 @@ export interface Column {
     $columnSpan?: ResponsiveProperty.ColumnSpan;
     $columnWidth?: ResponsiveProperty.ColumnWidth;
 }
-export declare const column: <B extends Record<string, number>>({ breakpoints, $columnCount, $columnFill, $columnGap, $columnRule, $columnSpan, $columnWidth, }: Column & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const column: <B extends BreakpointsType>({ breakpoints, $columnCount, $columnFill, $columnGap, $columnRule, $columnSpan, $columnWidth, }: Column & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/column.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.column = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var column = function (_a) {
     var breakpoints = _a.breakpoints, $columnCount = _a.$columnCount, $columnFill = _a.$columnFill, $columnGap = _a.$columnGap, $columnRule = _a.$columnRule, $columnSpan = _a.$columnSpan, $columnWidth = _a.$columnWidth;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        columnCount: formatValue_1.formatResponsiveValue($columnCount, true),
-        columnFill: formatValue_1.formatResponsiveValue($columnFill),
-        columnGap: formatValue_1.formatResponsiveValue($columnGap),
-        columnRule: formatValue_1.formatResponsiveValue($columnRule),
-        columnSpan: formatValue_1.formatResponsiveValue($columnSpan),
-        columnWidth: formatValue_1.formatResponsiveValue($columnWidth),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        columnCount: (0, formatValue_1.formatResponsiveValue)($columnCount, true),
+        columnFill: (0, formatValue_1.formatResponsiveValue)($columnFill),
+        columnGap: (0, formatValue_1.formatResponsiveValue)($columnGap),
+        columnRule: (0, formatValue_1.formatResponsiveValue)($columnRule),
+        columnSpan: (0, formatValue_1.formatResponsiveValue)($columnSpan),
+        columnWidth: (0, formatValue_1.formatResponsiveValue)($columnWidth),
+    });
 };
 exports.column = column;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sdW1uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsb0RBQTZEO0FBQzdELGtEQUFtRDtBQVk1QyxJQUFNLE1BQU0sR0FBRyxVQUE0QixFQVF4QjtRQVB0QixXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQSxFQUNaLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBO0lBQ2UsT0FBQSx1QkFBRyxpRkFBQSxRQUM1QjtRQU9BLElBQ0wsS0FSSyx5QkFBWSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ3hCLFdBQVcsRUFBRSxtQ0FBcUIsQ0FBQyxZQUFZLEVBQUUsSUFBSSxDQUFDO1FBQ3RELFVBQVUsRUFBRSxtQ0FBcUIsQ0FBQyxXQUFXLENBQUM7UUFDOUMsU0FBUyxFQUFFLG1DQUFxQixDQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsbUNBQXFCLENBQUMsV0FBVyxDQUFDO1FBQzlDLFVBQVUsRUFBRSxtQ0FBcUIsQ0FBQyxXQUFXLENBQUM7UUFDOUMsV0FBVyxFQUFFLG1DQUFxQixDQUFDLFlBQVksQ0FBQztLQUNuRCxDQUFDO0FBUnlCLENBUzlCLENBQUM7QUFqQlcsUUFBQSxNQUFNLFVBaUJqQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sdW1uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFXM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFReEI7UUFQdEIsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQTtJQUVaLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxFQUFFLElBQUksQ0FBQztRQUN0RCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO0tBQ25ELENBQUM7QUFQRixDQU9FLENBQUM7QUFoQk0sUUFBQSxNQUFNLFVBZ0JaIn0=

package/properties/display.d.ts

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

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

package/properties/flexChild.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface FlexChild {
     $alignSelf?: ResponsiveProperty.AlignSelf;
     $flexBasis?: ResponsiveProperty.FlexBasis;
@@ -6,4 +6,4 @@ export interface FlexChild {
     $flexShrink?: ResponsiveProperty.FlexShrink;
     $order?: ResponsiveProperty.Order;
 }
-export declare const flexChild: <B extends Record<string, number>>({ breakpoints, $alignSelf, $flexBasis, $flexGrow, $flexShrink, $order, }: FlexChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const flexChild: <B extends BreakpointsType>({ breakpoints, $alignSelf, $flexBasis, $flexGrow, $flexShrink, $order, }: FlexChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/flexChild.js

@@ -1,24 +1,17 @@
 "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.flexChild = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var flexChild = function (_a) {
     var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $flexBasis = _a.$flexBasis, $flexGrow = _a.$flexGrow, $flexShrink = _a.$flexShrink, $order = _a.$order;
-    return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n"], ["\n    ",
-        "\n"])), responsive_1.facepaintMin(breakpoints)({
-        alignSelf: formatValue_1.formatResponsiveValue($alignSelf),
-        flexBasis: formatValue_1.formatResponsiveValue($flexBasis),
-        flexGrow: formatValue_1.formatResponsiveValue($flexGrow, true),
-        flexShrink: formatValue_1.formatResponsiveValue($flexShrink, true),
-        order: formatValue_1.formatResponsiveValue($order, true),
-    }));
+    return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
+        alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
+        flexBasis: (0, formatValue_1.formatResponsiveValue)($flexBasis),
+        flexGrow: (0, formatValue_1.formatResponsiveValue)($flexGrow, true),
+        flexShrink: (0, formatValue_1.formatResponsiveValue)($flexShrink, true),
+        order: (0, formatValue_1.formatResponsiveValue)($order, true),
+    });
 };
 exports.flexChild = flexChild;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZmxleENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsb0RBQTZEO0FBQzdELGtEQUFtRDtBQVc1QyxJQUFNLFNBQVMsR0FBRyxVQUE0QixFQU94QjtRQU56QixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxXQUFXLGlCQUFBLEVBQ1gsTUFBTSxZQUFBO0lBQ3dCLE9BQUEsdUJBQUcsaUZBQUEsUUFDL0I7UUFNQSxJQUNMLEtBUEsseUJBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN4QixTQUFTLEVBQUUsbUNBQXFCLENBQUMsVUFBVSxDQUFDO1FBQzVDLFNBQVMsRUFBRSxtQ0FBcUIsQ0FBQyxVQUFVLENBQUM7UUFDNUMsUUFBUSxFQUFFLG1DQUFxQixDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUM7UUFDaEQsVUFBVSxFQUFFLG1DQUFxQixDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUM7UUFDcEQsS0FBSyxFQUFFLG1DQUFxQixDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDN0MsQ0FBQztBQVA0QixDQVFqQyxDQUFDO0FBZlcsUUFBQSxTQUFTLGFBZXBCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZmxleENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFVM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFPeEI7UUFOekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQTtJQUVOLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQ2hELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsRUFBRSxJQUFJLENBQUM7UUFDcEQsS0FBSyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUM3QyxDQUFDO0FBTkYsQ0FNRSxDQUFDO0FBZE0sUUFBQSxTQUFTLGFBY2YifQ==

package/properties/flexParent.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface FlexParent {
     $alignContent?: ResponsiveProperty.AlignContent;
     $alignItems?: ResponsiveProperty.AlignItems;
@@ -7,4 +7,4 @@ export interface FlexParent {
     $flexWrap?: ResponsiveProperty.FlexWrap;
     $justifyContent?: ResponsiveProperty.JustifyContent;
 }
-export declare const flexParent: <B extends Record<string, number>>({ breakpoints, $alignContent, $alignItems, $display, $flexDirection, $flexWrap, $justifyContent, }: FlexParent & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const flexParent: <B extends BreakpointsType>({ breakpoints, $alignContent, $alignItems, $display, $flexDirection, $flexWrap, $justifyContent, }: FlexParent & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

package/properties/flexParent.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.flexParent = void 0;
-var styled_components_1 = require("styled-components");
 var formatValue_1 = require("../utils/formatValue");
 var responsive_1 = require("../utils/responsive");
 var flexParent = function (_a) {
     var breakpoints = _a.breakpoints, $alignContent = _a.$alignContent, $alignItems = _a.$alignItems, $display = _a.$display, $flexDirection = _a.$flexDirection, $flexWrap = _a.$flexWrap, $justifyContent = _a.$justifyContent;
-    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 : "flex"),
-        flexDirection: formatValue_1.formatResponsiveValue($flexDirection),
-        flexWrap: formatValue_1.formatResponsiveValue($flexWrap),
-        justifyContent: formatValue_1.formatResponsiveValue($justifyContent),
-    }));
+    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 : "flex"),
+        flexDirection: (0, formatValue_1.formatResponsiveValue)($flexDirection),
+        flexWrap: (0, formatValue_1.formatResponsiveValue)($flexWrap),
+        justifyContent: (0, formatValue_1.formatResponsiveValue)($justifyContent),
+    });
 };
 exports.flexParent = flexParent;
-var templateObject_1;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2ZsZXhQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QyxvREFBNkQ7QUFDN0Qsa0RBQW1EO0FBWTVDLElBQU0sVUFBVSxHQUFHLFVBQTRCLEVBUXhCO1FBUDFCLFdBQVcsaUJBQUEsRUFDWCxhQUFhLG1CQUFBLEVBQ2IsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxTQUFTLGVBQUEsRUFDVCxlQUFlLHFCQUFBO0lBQ2dCLE9BQUEsdUJBQUcsaUZBQUEsUUFDaEM7UUFPQSxJQUNMLEtBUksseUJBQVksQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUN4QixZQUFZLEVBQUUsbUNBQXFCLENBQUMsYUFBYSxDQUFDO1FBQ2xELFVBQVUsRUFBRSxtQ0FBcUIsQ0FBQyxXQUFXLENBQUM7UUFDOUMsT0FBTyxFQUFFLG1DQUFxQixDQUFDLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLE1BQU0sQ0FBQztRQUNsRCxhQUFhLEVBQUUsbUNBQXFCLENBQUMsY0FBYyxDQUFDO1FBQ3BELFFBQVEsRUFBRSxtQ0FBcUIsQ0FBQyxTQUFTLENBQUM7UUFDMUMsY0FBYyxFQUFFLG1DQUFxQixDQUFDLGVBQWUsQ0FBQztLQUN6RCxDQUFDO0FBUjZCLENBU2xDLENBQUM7QUFqQlcsUUFBQSxVQUFVLGNBaUJyQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2ZsZXhQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLFVBQVUsR0FBRyxVQUE0QixFQVF4QjtRQVAxQixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsU0FBUyxlQUFBLEVBQ1QsZUFBZSxxQkFBQTtJQUVmLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxNQUFNLENBQUM7UUFDbEQsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsQ0FBQztRQUMxQyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQVBGLENBT0UsQ0FBQztBQWhCTSxRQUFBLFVBQVUsY0FnQmhCIn0=

package/properties/floating.d.ts

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

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

package/properties/gridChild.d.ts

@@ -1,7 +1,7 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface GridChild {
     $alignSelf?: ResponsiveProperty.AlignSelf;
     $gridArea?: ResponsiveProperty.GridArea;
     $justifySelf?: ResponsiveProperty.JustifySelf;
 }
-export declare const gridChild: <B extends Record<string, number>>({ breakpoints, $alignSelf, $gridArea, $justifySelf, }: GridChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const gridChild: <B extends BreakpointsType>({ breakpoints, $alignSelf, $gridArea, $justifySelf, }: GridChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;

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

package/properties/gridParent.d.ts

@@ -1,4 +1,4 @@
-import { Breakpoints, ResponsiveProperty } from "../types";
+import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
 export interface GridParent {
     $alignContent?: ResponsiveProperty.AlignContent;
     $alignItems?: ResponsiveProperty.AlignItems;
@@ -17,4 +17,4 @@ export interface GridParent {
     $justifyContent?: ResponsiveProperty.JustifyContent;
     $justifyItems?: ResponsiveProperty.JustifyItems;
 }
-export declare const gridParent: <B extends Record<string, number>>({ breakpoints, $alignContent, $alignItems, $display, $gridAutoColumns, $gridAutoFlow, $gridAutoRows, $gridColumnCount, $gridGap, $gridColumnGap, $gridRowGap, $gridRowCount, $gridTemplateAreas, $gridTemplateColumns, $gridTemplateRows, $justifyContent, $justifyItems, }: GridParent & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const gridParent: <B extends BreakpointsType>({ breakpoints, $alignContent, $alignItems, $display, $gridAutoColumns, $gridAutoFlow, $gridAutoRows, $gridColumnCount, $gridGap, $gridColumnGap, $gridRowGap, $gridRowCount, $gridTemplateAreas, $gridTemplateColumns, $gridTemplateRows, $justifyContent, $justifyItems, }: GridParent & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;