@uxf/styles 1.4.1 → 1.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/AccesibleSvg/index.js +5 -5
- package/constants/index.d.ts +15 -13
- package/constants/index.js +5 -15
- package/mixins/appearanceReset.js +2 -2
- package/mixins/aspectRatio.d.ts +2 -2
- package/mixins/aspectRatio.js +3 -4
- package/mixins/injectCss.js +2 -2
- package/mixins/inputAutofill.js +2 -2
- package/mixins/inputReset.js +2 -2
- package/mixins/multilineTruncate.js +2 -2
- package/mixins/noWrap.js +2 -2
- package/mixins/reboot.js +2 -2
- package/mixins/responsiveHidden.d.ts +2 -1
- package/mixins/responsiveHidden.js +2 -2
- package/mixins/responsiveHideVisually.d.ts +2 -1
- package/mixins/responsiveHideVisually.js +2 -2
- package/mixins/responsiveMultilineTruncate.d.ts +2 -1
- package/mixins/responsiveMultilineTruncate.js +2 -2
- package/mixins/responsiveNoWrap.d.ts +2 -1
- package/mixins/responsiveNoWrap.js +2 -2
- package/mixins/responsiveTruncate.d.ts +2 -1
- package/mixins/responsiveTruncate.js +2 -2
- package/mixins/selectReset.d.ts +2 -1
- package/mixins/selectReset.js +2 -2
- package/mixins/textAreaReset.js +2 -2
- package/mixins/truncate.js +2 -2
- package/package.json +25 -30
- package/properties/background.d.ts +2 -2
- package/properties/background.js +4 -4
- package/properties/borders.d.ts +2 -2
- package/properties/borders.js +9 -9
- package/properties/breaks.d.ts +2 -2
- package/properties/breaks.js +5 -5
- package/properties/character.d.ts +2 -2
- package/properties/character.js +10 -10
- package/properties/child.d.ts +2 -2
- package/properties/child.js +9 -9
- package/properties/colors.d.ts +2 -2
- package/properties/colors.js +4 -4
- package/properties/column.d.ts +2 -2
- package/properties/column.js +8 -8
- package/properties/display.d.ts +2 -2
- package/properties/display.js +3 -3
- package/properties/flexChild.d.ts +2 -2
- package/properties/flexChild.js +7 -7
- package/properties/flexParent.d.ts +2 -2
- package/properties/flexParent.js +8 -8
- package/properties/floating.d.ts +2 -2
- package/properties/floating.js +4 -4
- package/properties/gridChild.d.ts +2 -2
- package/properties/gridChild.js +5 -5
- package/properties/gridParent.d.ts +2 -2
- package/properties/gridParent.js +18 -18
- package/properties/interactions.d.ts +2 -2
- package/properties/interactions.js +6 -6
- package/properties/margins.d.ts +2 -2
- package/properties/margins.js +6 -6
- package/properties/maxLines.d.ts +1 -1
- package/properties/maxLines.js +3 -4
- package/properties/objectFitting.d.ts +2 -2
- package/properties/objectFitting.js +4 -4
- package/properties/overflow.d.ts +2 -2
- package/properties/overflow.js +5 -5
- package/properties/paddings.d.ts +2 -2
- package/properties/paddings.js +6 -6
- package/properties/paragraph.d.ts +1 -1
- package/properties/paragraph.js +6 -7
- package/properties/perspective.d.ts +2 -2
- package/properties/perspective.js +4 -4
- package/properties/position.d.ts +2 -2
- package/properties/position.js +9 -9
- package/properties/shadows.d.ts +2 -2
- package/properties/shadows.js +4 -4
- package/properties/sizing.d.ts +2 -2
- package/properties/sizing.js +8 -8
- package/properties/spacings.d.ts +2 -2
- package/properties/spacings.js +2 -2
- package/properties/textDecoration.d.ts +2 -2
- package/properties/textDecoration.js +3 -3
- package/properties/transform.d.ts +2 -2
- package/properties/transform.js +5 -5
- package/properties/transitions.js +2 -2
- package/properties/typography.d.ts +1 -1
- package/properties/typography.js +2 -2
- package/properties/visibility.d.ts +1 -1
- package/properties/visibility.js +5 -6
- package/utils/columnsToPercent.js +2 -2
- package/utils/encodedSvg.js +2 -2
- package/utils/formatAspectRatio.d.ts +2 -1
- package/utils/formatAspectRatio.js +4 -4
- package/utils/formatGridColumns.js +4 -4
- package/utils/formatValue.d.ts +3 -4
- package/utils/formatValue.js +6 -6
- package/utils/hexToRgb.js +2 -2
- package/utils/percent.js +2 -2
- package/utils/responsive.js +22 -22
- package/utils/responsiveMixin.d.ts +2 -1
- package/utils/responsiveMixin.js +7 -7
- package/utils/transition.js +3 -3
- package/utils/withUnit.js +2 -2
package/properties/borders.js
CHANGED
|
@@ -5,15 +5,15 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var borders = function (_a) {
|
|
7
7
|
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;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
border: formatValue_1.formatResponsiveValue($border),
|
|
10
|
-
borderBottom: formatValue_1.formatResponsiveValue($borderBottom !== null && $borderBottom !== void 0 ? $borderBottom : $borderY),
|
|
11
|
-
borderLeft: formatValue_1.formatResponsiveValue($borderLeft !== null && $borderLeft !== void 0 ? $borderLeft : $borderX),
|
|
12
|
-
borderRight: formatValue_1.formatResponsiveValue($borderRight !== null && $borderRight !== void 0 ? $borderRight : $borderX),
|
|
13
|
-
borderTop: formatValue_1.formatResponsiveValue($borderTop !== null && $borderTop !== void 0 ? $borderTop : $borderY),
|
|
14
|
-
borderRadius: formatValue_1.formatResponsiveValue($borderRadius),
|
|
15
|
-
outline: formatValue_1.formatResponsiveValue($outline),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
border: (0, formatValue_1.formatResponsiveValue)($border),
|
|
10
|
+
borderBottom: (0, formatValue_1.formatResponsiveValue)($borderBottom !== null && $borderBottom !== void 0 ? $borderBottom : $borderY),
|
|
11
|
+
borderLeft: (0, formatValue_1.formatResponsiveValue)($borderLeft !== null && $borderLeft !== void 0 ? $borderLeft : $borderX),
|
|
12
|
+
borderRight: (0, formatValue_1.formatResponsiveValue)($borderRight !== null && $borderRight !== void 0 ? $borderRight : $borderX),
|
|
13
|
+
borderTop: (0, formatValue_1.formatResponsiveValue)($borderTop !== null && $borderTop !== void 0 ? $borderTop : $borderY),
|
|
14
|
+
borderRadius: (0, formatValue_1.formatResponsiveValue)($borderRadius),
|
|
15
|
+
outline: (0, formatValue_1.formatResponsiveValue)($outline),
|
|
16
16
|
});
|
|
17
17
|
};
|
|
18
18
|
exports.borders = borders;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JvcmRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQWMzRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVd4QjtRQVZ2QixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUE7SUFFUixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLGFBQWIsYUFBYSxjQUFiLGFBQWEsR0FBSSxRQUFRLENBQUM7UUFDOUQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxhQUFYLFdBQVcsY0FBWCxXQUFXLEdBQUksUUFBUSxDQUFDO1FBQzFELFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLFFBQVEsQ0FBQztRQUM1RCxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLGFBQVYsVUFBVSxjQUFWLFVBQVUsR0FBSSxRQUFRLENBQUM7UUFDeEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztLQUMzQyxDQUFDO0FBUkYsQ0FRRSxDQUFDO0FBcEJNLFFBQUEsT0FBTyxXQW9CYiJ9
|
package/properties/breaks.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Breaks {
|
|
3
3
|
$breakAfter?: ResponsiveProperty.BreakAfter;
|
|
4
4
|
$breakBefore?: ResponsiveProperty.BreakBefore;
|
|
5
5
|
$breakInside?: ResponsiveProperty.BreakInside;
|
|
6
6
|
}
|
|
7
|
-
export declare const breaks: <B extends
|
|
7
|
+
export declare const breaks: <B extends BreakpointsType>({ breakpoints, $breakAfter, $breakBefore, $breakInside, }: Breaks & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/breaks.js
CHANGED
|
@@ -5,11 +5,11 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var breaks = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $breakAfter = _a.$breakAfter, $breakBefore = _a.$breakBefore, $breakInside = _a.$breakInside;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
breakAfter: formatValue_1.formatResponsiveValue($breakAfter),
|
|
10
|
-
breakBefore: formatValue_1.formatResponsiveValue($breakBefore),
|
|
11
|
-
breakInside: formatValue_1.formatResponsiveValue($breakInside),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
breakAfter: (0, formatValue_1.formatResponsiveValue)($breakAfter),
|
|
10
|
+
breakBefore: (0, formatValue_1.formatResponsiveValue)($breakBefore),
|
|
11
|
+
breakInside: (0, formatValue_1.formatResponsiveValue)($breakInside),
|
|
12
12
|
});
|
|
13
13
|
};
|
|
14
14
|
exports.breaks = breaks;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvYnJlYWtzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFLeEI7UUFKdEIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQTtJQUVaLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksQ0FBQztRQUNoRCxXQUFXLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxZQUFZLENBQUM7S0FDbkQsQ0FBQztBQUpGLENBSUUsQ0FBQztBQVZNLFFBQUEsTUFBTSxVQVVaIn0=
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Character {
|
|
3
3
|
$fontFamily?: ResponsiveProperty.FontFamily;
|
|
4
4
|
$fontSize?: ResponsiveProperty.FontSize;
|
|
@@ -9,4 +9,4 @@ export interface Character {
|
|
|
9
9
|
$lineHeight?: ResponsiveProperty.LineHeight;
|
|
10
10
|
$textTransform?: ResponsiveProperty.TextTransform;
|
|
11
11
|
}
|
|
12
|
-
export declare const character: <B extends
|
|
12
|
+
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
CHANGED
|
@@ -5,16 +5,16 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var character = function (_a) {
|
|
7
7
|
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;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
fontFamily: formatValue_1.formatResponsiveValue($fontFamily),
|
|
10
|
-
fontSize: formatValue_1.formatResponsiveValue($fontSize),
|
|
11
|
-
fontStretch: formatValue_1.formatResponsiveValue($fontStretch),
|
|
12
|
-
fontStyle: formatValue_1.formatResponsiveValue($fontStyle),
|
|
13
|
-
fontWeight: formatValue_1.formatResponsiveValue($fontWeight, true),
|
|
14
|
-
letterSpacing: formatValue_1.formatResponsiveValue($letterSpacing),
|
|
15
|
-
lineHeight: formatValue_1.formatResponsiveValue($lineHeight),
|
|
16
|
-
textTransform: formatValue_1.formatResponsiveValue($textTransform),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
fontFamily: (0, formatValue_1.formatResponsiveValue)($fontFamily),
|
|
10
|
+
fontSize: (0, formatValue_1.formatResponsiveValue)($fontSize),
|
|
11
|
+
fontStretch: (0, formatValue_1.formatResponsiveValue)($fontStretch),
|
|
12
|
+
fontStyle: (0, formatValue_1.formatResponsiveValue)($fontStyle),
|
|
13
|
+
fontWeight: (0, formatValue_1.formatResponsiveValue)($fontWeight, true),
|
|
14
|
+
letterSpacing: (0, formatValue_1.formatResponsiveValue)($letterSpacing),
|
|
15
|
+
lineHeight: (0, formatValue_1.formatResponsiveValue)($lineHeight),
|
|
16
|
+
textTransform: (0, formatValue_1.formatResponsiveValue)($textTransform),
|
|
17
17
|
});
|
|
18
18
|
};
|
|
19
19
|
exports.character = character;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcmFjdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY2hhcmFjdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFhM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFVeEI7UUFUekIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUE7SUFFZCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLEVBQUUsSUFBSSxDQUFDO1FBQ3BELGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGNBQWMsQ0FBQztRQUNwRCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO0tBQ3ZELENBQUM7QUFURixDQVNFLENBQUM7QUFwQk0sUUFBQSxTQUFTLGFBb0JmIn0=
|
package/properties/child.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Breakpoints } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType } from "../types";
|
|
2
2
|
import { FlexChild } from "./flexChild";
|
|
3
3
|
import { GridChild } from "./gridChild";
|
|
4
4
|
export interface Child extends FlexChild, GridChild {
|
|
5
5
|
}
|
|
6
|
-
export declare const child: <B extends
|
|
6
|
+
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
CHANGED
|
@@ -5,15 +5,15 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var child = function (_a) {
|
|
7
7
|
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;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
alignSelf: formatValue_1.formatResponsiveValue($alignSelf),
|
|
10
|
-
flexBasis: formatValue_1.formatResponsiveValue($flexBasis),
|
|
11
|
-
flexGrow: formatValue_1.formatResponsiveValue($flexGrow, true),
|
|
12
|
-
flexShrink: formatValue_1.formatResponsiveValue($flexShrink, true),
|
|
13
|
-
gridArea: formatValue_1.formatResponsiveValue($gridArea),
|
|
14
|
-
justifySelf: formatValue_1.formatResponsiveValue($justifySelf),
|
|
15
|
-
order: formatValue_1.formatResponsiveValue($order, true),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
|
|
10
|
+
flexBasis: (0, formatValue_1.formatResponsiveValue)($flexBasis),
|
|
11
|
+
flexGrow: (0, formatValue_1.formatResponsiveValue)($flexGrow, true),
|
|
12
|
+
flexShrink: (0, formatValue_1.formatResponsiveValue)($flexShrink, true),
|
|
13
|
+
gridArea: (0, formatValue_1.formatResponsiveValue)($gridArea),
|
|
14
|
+
justifySelf: (0, formatValue_1.formatResponsiveValue)($justifySelf),
|
|
15
|
+
order: (0, formatValue_1.formatResponsiveValue)($order, true),
|
|
16
16
|
});
|
|
17
17
|
};
|
|
18
18
|
exports.child = child;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9jaGlsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTTNELElBQU0sS0FBSyxHQUFHLFVBQTRCLEVBU3hCO1FBUnJCLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNULFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBO0lBRU4sT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUM7UUFDaEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxFQUFFLElBQUksQ0FBQztRQUNwRCxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDN0MsQ0FBQztBQVJGLENBUUUsQ0FBQztBQWxCTSxRQUFBLEtBQUssU0FrQlgifQ==
|
package/properties/colors.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Colors {
|
|
3
3
|
$backgroundColor?: ResponsiveProperty.Color;
|
|
4
4
|
$color?: ResponsiveProperty.Color;
|
|
5
5
|
}
|
|
6
|
-
export declare const colors: <B extends
|
|
6
|
+
export declare const colors: <B extends BreakpointsType>({ breakpoints, $backgroundColor, $color }: Colors & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/colors.js
CHANGED
|
@@ -5,10 +5,10 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var colors = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $backgroundColor = _a.$backgroundColor, $color = _a.$color;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
backgroundColor: formatValue_1.formatResponsiveValue($backgroundColor),
|
|
10
|
-
color: formatValue_1.formatResponsiveValue($color),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
backgroundColor: (0, formatValue_1.formatResponsiveValue)($backgroundColor),
|
|
10
|
+
color: (0, formatValue_1.formatResponsiveValue)($color),
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
13
|
exports.colors = colors;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sb3JzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFPM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFBa0U7UUFBaEUsV0FBVyxpQkFBQSxFQUFFLGdCQUFnQixzQkFBQSxFQUFFLE1BQU0sWUFBQTtJQUNyRixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sQ0FBQztLQUN2QyxDQUFDO0FBSEYsQ0FHRSxDQUFDO0FBSk0sUUFBQSxNQUFNLFVBSVoifQ==
|
package/properties/column.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Column {
|
|
3
3
|
$columnCount?: ResponsiveProperty.ColumnCount;
|
|
4
4
|
$columnFill?: ResponsiveProperty.ColumnFill;
|
|
@@ -7,4 +7,4 @@ export interface Column {
|
|
|
7
7
|
$columnSpan?: ResponsiveProperty.ColumnSpan;
|
|
8
8
|
$columnWidth?: ResponsiveProperty.ColumnWidth;
|
|
9
9
|
}
|
|
10
|
-
export declare const column: <B extends
|
|
10
|
+
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
CHANGED
|
@@ -5,14 +5,14 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var column = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $columnCount = _a.$columnCount, $columnFill = _a.$columnFill, $columnGap = _a.$columnGap, $columnRule = _a.$columnRule, $columnSpan = _a.$columnSpan, $columnWidth = _a.$columnWidth;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
columnCount: formatValue_1.formatResponsiveValue($columnCount, true),
|
|
10
|
-
columnFill: formatValue_1.formatResponsiveValue($columnFill),
|
|
11
|
-
columnGap: formatValue_1.formatResponsiveValue($columnGap),
|
|
12
|
-
columnRule: formatValue_1.formatResponsiveValue($columnRule),
|
|
13
|
-
columnSpan: formatValue_1.formatResponsiveValue($columnSpan),
|
|
14
|
-
columnWidth: formatValue_1.formatResponsiveValue($columnWidth),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
columnCount: (0, formatValue_1.formatResponsiveValue)($columnCount, true),
|
|
10
|
+
columnFill: (0, formatValue_1.formatResponsiveValue)($columnFill),
|
|
11
|
+
columnGap: (0, formatValue_1.formatResponsiveValue)($columnGap),
|
|
12
|
+
columnRule: (0, formatValue_1.formatResponsiveValue)($columnRule),
|
|
13
|
+
columnSpan: (0, formatValue_1.formatResponsiveValue)($columnSpan),
|
|
14
|
+
columnWidth: (0, formatValue_1.formatResponsiveValue)($columnWidth),
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
exports.column = column;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sdW1uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFXM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFReEI7UUFQdEIsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQTtJQUVaLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxFQUFFLElBQUksQ0FBQztRQUN0RCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO0tBQ25ELENBQUM7QUFQRixDQU9FLENBQUM7QUFoQk0sUUFBQSxNQUFNLFVBZ0JaIn0=
|
package/properties/display.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Display {
|
|
3
3
|
$display?: ResponsiveProperty.Display;
|
|
4
4
|
}
|
|
5
|
-
export declare const display: <B extends
|
|
5
|
+
export declare const display: <B extends BreakpointsType>({ breakpoints, $display }: Display & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/display.js
CHANGED
|
@@ -5,9 +5,9 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var display = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $display = _a.$display;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
display: formatValue_1.formatResponsiveValue($display),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
display: (0, formatValue_1.formatResponsiveValue)($display),
|
|
10
10
|
});
|
|
11
11
|
};
|
|
12
12
|
exports.display = display;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzcGxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2Rpc3BsYXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU0zRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQUFtRDtRQUFqRCxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3RFLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsT0FBTyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsUUFBUSxDQUFDO0tBQzNDLENBQUM7QUFGRixDQUVFLENBQUM7QUFITSxRQUFBLE9BQU8sV0FHYiJ9
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface FlexChild {
|
|
3
3
|
$alignSelf?: ResponsiveProperty.AlignSelf;
|
|
4
4
|
$flexBasis?: ResponsiveProperty.FlexBasis;
|
|
@@ -6,4 +6,4 @@ export interface FlexChild {
|
|
|
6
6
|
$flexShrink?: ResponsiveProperty.FlexShrink;
|
|
7
7
|
$order?: ResponsiveProperty.Order;
|
|
8
8
|
}
|
|
9
|
-
export declare const flexChild: <B extends
|
|
9
|
+
export declare const flexChild: <B extends BreakpointsType>({ breakpoints, $alignSelf, $flexBasis, $flexGrow, $flexShrink, $order, }: FlexChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/flexChild.js
CHANGED
|
@@ -5,13 +5,13 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var flexChild = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $flexBasis = _a.$flexBasis, $flexGrow = _a.$flexGrow, $flexShrink = _a.$flexShrink, $order = _a.$order;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
alignSelf: formatValue_1.formatResponsiveValue($alignSelf),
|
|
10
|
-
flexBasis: formatValue_1.formatResponsiveValue($flexBasis),
|
|
11
|
-
flexGrow: formatValue_1.formatResponsiveValue($flexGrow, true),
|
|
12
|
-
flexShrink: formatValue_1.formatResponsiveValue($flexShrink, true),
|
|
13
|
-
order: formatValue_1.formatResponsiveValue($order, true),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
|
|
10
|
+
flexBasis: (0, formatValue_1.formatResponsiveValue)($flexBasis),
|
|
11
|
+
flexGrow: (0, formatValue_1.formatResponsiveValue)($flexGrow, true),
|
|
12
|
+
flexShrink: (0, formatValue_1.formatResponsiveValue)($flexShrink, true),
|
|
13
|
+
order: (0, formatValue_1.formatResponsiveValue)($order, true),
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
exports.flexChild = flexChild;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZmxleENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFVM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFPeEI7UUFOekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQTtJQUVOLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQ2hELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsRUFBRSxJQUFJLENBQUM7UUFDcEQsS0FBSyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUM3QyxDQUFDO0FBTkYsQ0FNRSxDQUFDO0FBZE0sUUFBQSxTQUFTLGFBY2YifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface FlexParent {
|
|
3
3
|
$alignContent?: ResponsiveProperty.AlignContent;
|
|
4
4
|
$alignItems?: ResponsiveProperty.AlignItems;
|
|
@@ -7,4 +7,4 @@ export interface FlexParent {
|
|
|
7
7
|
$flexWrap?: ResponsiveProperty.FlexWrap;
|
|
8
8
|
$justifyContent?: ResponsiveProperty.JustifyContent;
|
|
9
9
|
}
|
|
10
|
-
export declare const flexParent: <B extends
|
|
10
|
+
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
CHANGED
|
@@ -5,14 +5,14 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var flexParent = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $alignContent = _a.$alignContent, $alignItems = _a.$alignItems, $display = _a.$display, $flexDirection = _a.$flexDirection, $flexWrap = _a.$flexWrap, $justifyContent = _a.$justifyContent;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
alignContent: formatValue_1.formatResponsiveValue($alignContent),
|
|
10
|
-
alignItems: formatValue_1.formatResponsiveValue($alignItems),
|
|
11
|
-
display: formatValue_1.formatResponsiveValue($display !== null && $display !== void 0 ? $display : "flex"),
|
|
12
|
-
flexDirection: formatValue_1.formatResponsiveValue($flexDirection),
|
|
13
|
-
flexWrap: formatValue_1.formatResponsiveValue($flexWrap),
|
|
14
|
-
justifyContent: formatValue_1.formatResponsiveValue($justifyContent),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
alignContent: (0, formatValue_1.formatResponsiveValue)($alignContent),
|
|
10
|
+
alignItems: (0, formatValue_1.formatResponsiveValue)($alignItems),
|
|
11
|
+
display: (0, formatValue_1.formatResponsiveValue)($display !== null && $display !== void 0 ? $display : "flex"),
|
|
12
|
+
flexDirection: (0, formatValue_1.formatResponsiveValue)($flexDirection),
|
|
13
|
+
flexWrap: (0, formatValue_1.formatResponsiveValue)($flexWrap),
|
|
14
|
+
justifyContent: (0, formatValue_1.formatResponsiveValue)($justifyContent),
|
|
15
15
|
});
|
|
16
16
|
};
|
|
17
17
|
exports.flexParent = flexParent;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2ZsZXhQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLFVBQVUsR0FBRyxVQUE0QixFQVF4QjtRQVAxQixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsU0FBUyxlQUFBLEVBQ1QsZUFBZSxxQkFBQTtJQUVmLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxNQUFNLENBQUM7UUFDbEQsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsQ0FBQztRQUMxQyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQVBGLENBT0UsQ0FBQztBQWhCTSxRQUFBLFVBQVUsY0FnQmhCIn0=
|
package/properties/floating.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Floating {
|
|
3
3
|
$clear?: ResponsiveProperty.Clear;
|
|
4
4
|
$float?: ResponsiveProperty.Float;
|
|
5
5
|
}
|
|
6
|
-
export declare const floating: <B extends
|
|
6
|
+
export declare const floating: <B extends BreakpointsType>({ breakpoints, $clear, $float }: Floating & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/floating.js
CHANGED
|
@@ -5,10 +5,10 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var floating = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $clear = _a.$clear, $float = _a.$float;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
clear: formatValue_1.formatResponsiveValue($clear),
|
|
10
|
-
float: formatValue_1.formatResponsiveValue($float),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
clear: (0, formatValue_1.formatResponsiveValue)($clear),
|
|
10
|
+
float: (0, formatValue_1.formatResponsiveValue)($float),
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
13
|
exports.floating = floating;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9mbG9hdGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTzNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBQTBEO1FBQXhELFdBQVcsaUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDN0UsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxLQUFLLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxNQUFNLENBQUM7UUFDcEMsS0FBSyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsTUFBTSxDQUFDO0tBQ3ZDLENBQUM7QUFIRixDQUdFLENBQUM7QUFKTSxRQUFBLFFBQVEsWUFJZCJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface GridChild {
|
|
3
3
|
$alignSelf?: ResponsiveProperty.AlignSelf;
|
|
4
4
|
$gridArea?: ResponsiveProperty.GridArea;
|
|
5
5
|
$justifySelf?: ResponsiveProperty.JustifySelf;
|
|
6
6
|
}
|
|
7
|
-
export declare const gridChild: <B extends
|
|
7
|
+
export declare const gridChild: <B extends BreakpointsType>({ breakpoints, $alignSelf, $gridArea, $justifySelf, }: GridChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/gridChild.js
CHANGED
|
@@ -5,11 +5,11 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var gridChild = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $gridArea = _a.$gridArea, $justifySelf = _a.$justifySelf;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
alignSelf: formatValue_1.formatResponsiveValue($alignSelf),
|
|
10
|
-
gridArea: formatValue_1.formatResponsiveValue($gridArea),
|
|
11
|
-
justifySelf: formatValue_1.formatResponsiveValue($justifySelf),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
|
|
10
|
+
gridArea: (0, formatValue_1.formatResponsiveValue)($gridArea),
|
|
11
|
+
justifySelf: (0, formatValue_1.formatResponsiveValue)($justifySelf),
|
|
12
12
|
});
|
|
13
13
|
};
|
|
14
14
|
exports.gridChild = gridChild;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZ3JpZENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFLeEI7UUFKekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBO0lBRVosT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksQ0FBQztLQUNuRCxDQUFDO0FBSkYsQ0FJRSxDQUFDO0FBVk0sUUFBQSxTQUFTLGFBVWYifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface GridParent {
|
|
3
3
|
$alignContent?: ResponsiveProperty.AlignContent;
|
|
4
4
|
$alignItems?: ResponsiveProperty.AlignItems;
|
|
@@ -17,4 +17,4 @@ export interface GridParent {
|
|
|
17
17
|
$justifyContent?: ResponsiveProperty.JustifyContent;
|
|
18
18
|
$justifyItems?: ResponsiveProperty.JustifyItems;
|
|
19
19
|
}
|
|
20
|
-
export declare const gridParent: <B extends
|
|
20
|
+
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;
|
package/properties/gridParent.js
CHANGED
|
@@ -6,26 +6,26 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
6
6
|
var responsive_1 = require("../utils/responsive");
|
|
7
7
|
var gridParent = function (_a) {
|
|
8
8
|
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;
|
|
9
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
10
|
-
alignContent: formatValue_1.formatResponsiveValue($alignContent),
|
|
11
|
-
alignItems: formatValue_1.formatResponsiveValue($alignItems),
|
|
12
|
-
display: formatValue_1.formatResponsiveValue($display !== null && $display !== void 0 ? $display : "grid"),
|
|
13
|
-
gridAutoColumns: formatValue_1.formatResponsiveValue($gridAutoColumns),
|
|
14
|
-
gridAutoFlow: formatValue_1.formatResponsiveValue($gridAutoFlow),
|
|
15
|
-
gridAutoRows: formatValue_1.formatResponsiveValue($gridAutoRows),
|
|
16
|
-
gridGap: formatValue_1.formatResponsiveValue($gridGap),
|
|
17
|
-
gridColumnGap: formatValue_1.formatResponsiveValue($gridColumnGap),
|
|
18
|
-
gridRowGap: formatValue_1.formatResponsiveValue($gridRowGap),
|
|
19
|
-
gridTemplateAreas: formatValue_1.formatResponsiveValue($gridTemplateAreas),
|
|
9
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
10
|
+
alignContent: (0, formatValue_1.formatResponsiveValue)($alignContent),
|
|
11
|
+
alignItems: (0, formatValue_1.formatResponsiveValue)($alignItems),
|
|
12
|
+
display: (0, formatValue_1.formatResponsiveValue)($display !== null && $display !== void 0 ? $display : "grid"),
|
|
13
|
+
gridAutoColumns: (0, formatValue_1.formatResponsiveValue)($gridAutoColumns),
|
|
14
|
+
gridAutoFlow: (0, formatValue_1.formatResponsiveValue)($gridAutoFlow),
|
|
15
|
+
gridAutoRows: (0, formatValue_1.formatResponsiveValue)($gridAutoRows),
|
|
16
|
+
gridGap: (0, formatValue_1.formatResponsiveValue)($gridGap),
|
|
17
|
+
gridColumnGap: (0, formatValue_1.formatResponsiveValue)($gridColumnGap),
|
|
18
|
+
gridRowGap: (0, formatValue_1.formatResponsiveValue)($gridRowGap),
|
|
19
|
+
gridTemplateAreas: (0, formatValue_1.formatResponsiveValue)($gridTemplateAreas),
|
|
20
20
|
gridTemplateColumns: $gridTemplateColumns
|
|
21
|
-
? formatValue_1.formatResponsiveValue($gridTemplateColumns)
|
|
22
|
-
: formatGridColumns_1.formatResponsiveGridColumns($gridColumnCount),
|
|
21
|
+
? (0, formatValue_1.formatResponsiveValue)($gridTemplateColumns)
|
|
22
|
+
: (0, formatGridColumns_1.formatResponsiveGridColumns)($gridColumnCount),
|
|
23
23
|
gridTemplateRows: $gridTemplateRows
|
|
24
|
-
? formatValue_1.formatResponsiveValue($gridTemplateRows)
|
|
25
|
-
: formatGridColumns_1.formatResponsiveGridColumns($gridRowCount),
|
|
26
|
-
justifyContent: formatValue_1.formatResponsiveValue($justifyContent),
|
|
27
|
-
justifyItems: formatValue_1.formatResponsiveValue($justifyItems),
|
|
24
|
+
? (0, formatValue_1.formatResponsiveValue)($gridTemplateRows)
|
|
25
|
+
: (0, formatGridColumns_1.formatResponsiveGridColumns)($gridRowCount),
|
|
26
|
+
justifyContent: (0, formatValue_1.formatResponsiveValue)($justifyContent),
|
|
27
|
+
justifyItems: (0, formatValue_1.formatResponsiveValue)($justifyItems),
|
|
28
28
|
});
|
|
29
29
|
};
|
|
30
30
|
exports.gridParent = gridParent;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2dyaWRQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EsZ0VBQXlFO0FBQ3pFLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFxQjNELElBQU0sVUFBVSxHQUFHLFVBQTRCLEVBa0J4QjtRQWpCMUIsV0FBVyxpQkFBQSxFQUNYLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsZ0JBQWdCLHNCQUFBLEVBQ2hCLGFBQWEsbUJBQUEsRUFDYixhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGtCQUFrQix3QkFBQSxFQUNsQixvQkFBb0IsMEJBQUEsRUFDcEIsaUJBQWlCLHVCQUFBLEVBQ2pCLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBO0lBRWIsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLE1BQU0sQ0FBQztRQUNsRCxlQUFlLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxnQkFBZ0IsQ0FBQztRQUN4RCxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztRQUN4QyxhQUFhLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxjQUFjLENBQUM7UUFDcEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLGlCQUFpQixFQUFFLElBQUEsbUNBQXFCLEVBQUMsa0JBQWtCLENBQUM7UUFDNUQsbUJBQW1CLEVBQUUsb0JBQW9CO1lBQ3JDLENBQUMsQ0FBQyxJQUFBLG1DQUFxQixFQUFDLG9CQUFvQixDQUFDO1lBQzdDLENBQUMsQ0FBQyxJQUFBLCtDQUEyQixFQUFDLGdCQUFnQixDQUFDO1FBQ25ELGdCQUFnQixFQUFFLGlCQUFpQjtZQUMvQixDQUFDLENBQUMsSUFBQSxtQ0FBcUIsRUFBQyxpQkFBaUIsQ0FBQztZQUMxQyxDQUFDLENBQUMsSUFBQSwrQ0FBMkIsRUFBQyxhQUFhLENBQUM7UUFDaEQsY0FBYyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsZUFBZSxDQUFDO1FBQ3RELFlBQVksRUFBRSxJQUFBLG1DQUFxQixFQUFDLGFBQWEsQ0FBQztLQUNyRCxDQUFDO0FBbkJGLENBbUJFLENBQUM7QUF0Q00sUUFBQSxVQUFVLGNBc0NoQiJ9
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Interactions {
|
|
3
3
|
$cursor?: ResponsiveProperty.Cursor;
|
|
4
4
|
$pointerEvents?: ResponsiveProperty.PointerEvents;
|
|
5
5
|
$resize?: ResponsiveProperty.Resize;
|
|
6
6
|
$userSelect?: ResponsiveProperty.UserSelect;
|
|
7
7
|
}
|
|
8
|
-
export declare const interactions: <B extends
|
|
8
|
+
export declare const interactions: <B extends BreakpointsType>({ breakpoints, $cursor, $pointerEvents, $resize, $userSelect, }: Interactions & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -5,12 +5,12 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var interactions = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $cursor = _a.$cursor, $pointerEvents = _a.$pointerEvents, $resize = _a.$resize, $userSelect = _a.$userSelect;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
cursor: formatValue_1.formatResponsiveValue($cursor),
|
|
10
|
-
pointerEvents: formatValue_1.formatResponsiveValue($pointerEvents),
|
|
11
|
-
resize: formatValue_1.formatResponsiveValue($resize),
|
|
12
|
-
userSelect: formatValue_1.formatResponsiveValue($userSelect),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
cursor: (0, formatValue_1.formatResponsiveValue)($cursor),
|
|
10
|
+
pointerEvents: (0, formatValue_1.formatResponsiveValue)($pointerEvents),
|
|
11
|
+
resize: (0, formatValue_1.formatResponsiveValue)($resize),
|
|
12
|
+
userSelect: (0, formatValue_1.formatResponsiveValue)($userSelect),
|
|
13
13
|
});
|
|
14
14
|
};
|
|
15
15
|
exports.interactions = interactions;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvaW50ZXJhY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFTM0QsSUFBTSxZQUFZLEdBQUcsVUFBNEIsRUFNeEI7UUFMNUIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLGNBQWMsb0JBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBO0lBRVgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQUxGLENBS0UsQ0FBQztBQVpNLFFBQUEsWUFBWSxnQkFZbEIifQ==
|
package/properties/margins.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Margins {
|
|
3
3
|
$mb?: ResponsiveProperty.Margin;
|
|
4
4
|
$ml?: ResponsiveProperty.Margin;
|
|
@@ -7,4 +7,4 @@ export interface Margins {
|
|
|
7
7
|
$my?: ResponsiveProperty.Margin;
|
|
8
8
|
$mx?: ResponsiveProperty.Margin;
|
|
9
9
|
}
|
|
10
|
-
export declare const margins: <B extends
|
|
10
|
+
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
CHANGED
|
@@ -5,12 +5,12 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var margins = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $mb = _a.$mb, $ml = _a.$ml, $mr = _a.$mr, $mt = _a.$mt, $my = _a.$my, $mx = _a.$mx;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
marginBottom: formatValue_1.formatResponsiveValue($mb !== null && $mb !== void 0 ? $mb : $my),
|
|
10
|
-
marginLeft: formatValue_1.formatResponsiveValue($ml !== null && $ml !== void 0 ? $ml : $mx),
|
|
11
|
-
marginRight: formatValue_1.formatResponsiveValue($mr !== null && $mr !== void 0 ? $mr : $mx),
|
|
12
|
-
marginTop: formatValue_1.formatResponsiveValue($mt !== null && $mt !== void 0 ? $mt : $my),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
marginBottom: (0, formatValue_1.formatResponsiveValue)($mb !== null && $mb !== void 0 ? $mb : $my),
|
|
10
|
+
marginLeft: (0, formatValue_1.formatResponsiveValue)($ml !== null && $ml !== void 0 ? $ml : $mx),
|
|
11
|
+
marginRight: (0, formatValue_1.formatResponsiveValue)($mr !== null && $mr !== void 0 ? $mr : $mx),
|
|
12
|
+
marginTop: (0, formatValue_1.formatResponsiveValue)($mt !== null && $mt !== void 0 ? $mt : $my),
|
|
13
13
|
});
|
|
14
14
|
};
|
|
15
15
|
exports.margins = margins;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyZ2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL21hcmdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVF4QjtRQVB2QixXQUFXLGlCQUFBLEVBQ1gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBO0lBRUgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDL0MsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQzdDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUM5QyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7S0FDL0MsQ0FBQztBQUxGLENBS0UsQ0FBQztBQWRNLFFBQUEsT0FBTyxXQWNiIn0=
|
package/properties/maxLines.d.ts
CHANGED
|
@@ -2,4 +2,4 @@ import { Breakpoints, BreakpointsType, ResponsiveMaxLinesProperty } from "../typ
|
|
|
2
2
|
export interface MaxLines<B extends BreakpointsType> {
|
|
3
3
|
$maxLines?: ResponsiveMaxLinesProperty<B>;
|
|
4
4
|
}
|
|
5
|
-
export declare const maxLines: <B extends
|
|
5
|
+
export declare const maxLines: <B extends BreakpointsType>({ breakpoints, $maxLines }: MaxLines<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/maxLines.js
CHANGED
|
@@ -9,11 +9,10 @@ var styled_components_1 = require("styled-components");
|
|
|
9
9
|
var responsiveMultilineTruncate_1 = require("../mixins/responsiveMultilineTruncate");
|
|
10
10
|
var maxLines = function (_a) {
|
|
11
11
|
var breakpoints = _a.breakpoints, $maxLines = _a.$maxLines;
|
|
12
|
-
return styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ",
|
|
13
|
-
"
|
|
14
|
-
? 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 })
|
|
12
|
+
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), $maxLines
|
|
13
|
+
? (0, responsiveMultilineTruncate_1.responsiveMultilineTruncate)(breakpoints, typeof $maxLines === "number" ? $maxLines : $maxLines.count, typeof $maxLines === "number" ? !!$maxLines : { from: $maxLines.from, to: $maxLines.to })
|
|
15
14
|
: null);
|
|
16
15
|
};
|
|
17
16
|
exports.maxLines = maxLines;
|
|
18
17
|
var templateObject_1;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF4TGluZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9tYXhMaW5lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFGQUFvRjtBQU83RSxJQUFNLFFBQVEsR0FBRyxVQUE0QixFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBO0lBQXFDLFdBQUEsdUJBQUcsa0ZBQUEsUUFDOUcsRUFNUSxJQUNiLEtBUEssU0FBUztRQUNQLENBQUMsQ0FBQyxJQUFBLHlEQUEyQixFQUN2QixXQUFXLEVBQ1gsT0FBTyxTQUFTLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQzNELE9BQU8sU0FBUyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxDQUFDLEVBQUUsRUFBRSxDQUMzRjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUG1HLENBUWhILENBQUM7QUFSVyxRQUFBLFFBQVEsWUFRbkIifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface ObjectFitting {
|
|
3
3
|
$objectFit?: ResponsiveProperty.ObjectFit;
|
|
4
4
|
$objectPosition?: ResponsiveProperty.ObjectPosition;
|
|
5
5
|
}
|
|
6
|
-
export declare const objectFitting: <B extends
|
|
6
|
+
export declare const objectFitting: <B extends BreakpointsType>({ breakpoints, $objectFit, $objectPosition, }: ObjectFitting & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -5,10 +5,10 @@ var formatValue_1 = require("../utils/formatValue");
|
|
|
5
5
|
var responsive_1 = require("../utils/responsive");
|
|
6
6
|
var objectFitting = function (_a) {
|
|
7
7
|
var breakpoints = _a.breakpoints, $objectFit = _a.$objectFit, $objectPosition = _a.$objectPosition;
|
|
8
|
-
return responsive_1.resolveResponsiveProperties(breakpoints, {
|
|
9
|
-
objectFit: formatValue_1.formatResponsiveValue($objectFit),
|
|
10
|
-
objectPosition: formatValue_1.formatResponsiveValue($objectPosition),
|
|
8
|
+
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
+
objectFit: (0, formatValue_1.formatResponsiveValue)($objectFit),
|
|
10
|
+
objectPosition: (0, formatValue_1.formatResponsiveValue)($objectPosition),
|
|
11
11
|
});
|
|
12
12
|
};
|
|
13
13
|
exports.objectFitting = objectFitting;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0Rml0dGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL29iamVjdEZpdHRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLGFBQWEsR0FBRyxVQUE0QixFQUl4QjtRQUg3QixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLGVBQWUscUJBQUE7SUFFZixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQUhGLENBR0UsQ0FBQztBQVJNLFFBQUEsYUFBYSxpQkFRbkIifQ==
|
package/properties/overflow.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Breakpoints, ResponsiveProperty } from "../types";
|
|
1
|
+
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
2
|
export interface Overflow {
|
|
3
3
|
$overflow?: ResponsiveProperty.Overflow;
|
|
4
4
|
$overflowX?: ResponsiveProperty.Overflow;
|
|
5
5
|
$overflowY?: ResponsiveProperty.Overflow;
|
|
6
6
|
}
|
|
7
|
-
export declare const overflow: <B extends
|
|
7
|
+
export declare const overflow: <B extends BreakpointsType>({ breakpoints, $overflow, $overflowX, $overflowY, }: Overflow & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|