@uxf/styles 1.5.0 → 2.0.0
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/README.md +153 -208
- package/color/shade.d.ts +2 -0
- package/color/shade.js +7 -0
- package/color/tint.d.ts +2 -0
- package/color/tint.js +7 -0
- package/mixins/sr-only.d.ts +2 -0
- package/mixins/sr-only.js +15 -0
- package/package.json +13 -23
- package/{utils/columnsToPercent.d.ts → properties/columns-to-percent.d.ts} +0 -0
- package/properties/columns-to-percent.js +11 -0
- package/properties/encoded-svg-url.d.ts +1 -0
- package/properties/encoded-svg-url.js +6 -0
- package/properties/repeat-grid-columns.d.ts +1 -0
- package/properties/repeat-grid-columns.js +10 -0
- package/{utils → properties}/transition.d.ts +0 -0
- package/properties/transition.js +15 -0
- package/responsive/match-between.d.ts +1 -0
- package/responsive/match-between.js +10 -0
- package/responsive/match-hidpi.d.ts +1 -0
- package/responsive/match-hidpi.js +10 -0
- package/responsive/match-max.d.ts +1 -0
- package/responsive/match-max.js +10 -0
- package/responsive/match-min.d.ts +1 -0
- package/responsive/match-min.js +10 -0
- package/responsive/mq-between.d.ts +1 -0
- package/responsive/mq-between.js +9 -0
- package/responsive/mq-hidpi.d.ts +1 -0
- package/responsive/mq-hidpi.js +22 -0
- package/responsive/mq-max.d.ts +1 -0
- package/responsive/mq-max.js +9 -0
- package/responsive/mq-min.d.ts +1 -0
- package/responsive/mq-min.js +9 -0
- package/types/index.d.ts +0 -108
- package/{utils → units}/em.d.ts +0 -0
- package/{utils → units}/em.js +1 -1
- package/units/format-css-value.d.ts +1 -0
- package/units/format-css-value.js +20 -0
- package/{utils → units}/percent.d.ts +0 -0
- package/{utils → units}/percent.js +1 -1
- package/{utils → units}/rem.d.ts +0 -0
- package/{utils → units}/rem.js +1 -1
- package/{utils → units}/spacing.d.ts +0 -0
- package/{utils → units}/spacing.js +1 -1
- package/{utils/withUnit.d.ts → units/with-unit.d.ts} +0 -0
- package/units/with-unit.js +6 -0
- package/components/AccesibleSvg/index.d.ts +0 -9
- package/components/AccesibleSvg/index.js +0 -64
- package/constants/index.d.ts +0 -15
- package/constants/index.js +0 -8
- package/mixins/appearanceReset.d.ts +0 -1
- package/mixins/appearanceReset.js +0 -11
- package/mixins/aspectRatio.d.ts +0 -2
- package/mixins/aspectRatio.js +0 -19
- package/mixins/injectCss.d.ts +0 -2
- package/mixins/injectCss.js +0 -17
- package/mixins/inputAutofill.d.ts +0 -2
- package/mixins/inputAutofill.js +0 -12
- package/mixins/inputReset.d.ts +0 -1
- package/mixins/inputReset.js +0 -12
- package/mixins/multilineTruncate.d.ts +0 -1
- package/mixins/multilineTruncate.js +0 -15
- package/mixins/noWrap.d.ts +0 -1
- package/mixins/noWrap.js +0 -11
- package/mixins/reboot.d.ts +0 -10
- package/mixins/reboot.js +0 -17
- package/mixins/responsiveHidden.d.ts +0 -2
- package/mixins/responsiveHidden.js +0 -17
- package/mixins/responsiveHideVisually.d.ts +0 -2
- package/mixins/responsiveHideVisually.js +0 -17
- package/mixins/responsiveMultilineTruncate.d.ts +0 -2
- package/mixins/responsiveMultilineTruncate.js +0 -8
- package/mixins/responsiveNoWrap.d.ts +0 -2
- package/mixins/responsiveNoWrap.js +0 -8
- package/mixins/responsiveTruncate.d.ts +0 -2
- package/mixins/responsiveTruncate.js +0 -18
- package/mixins/selectReset.d.ts +0 -2
- package/mixins/selectReset.js +0 -13
- package/mixins/textAreaReset.d.ts +0 -1
- package/mixins/textAreaReset.js +0 -12
- package/mixins/truncate.d.ts +0 -1
- package/mixins/truncate.js +0 -11
- package/properties/background.d.ts +0 -6
- package/properties/background.js +0 -14
- package/properties/borders.d.ts +0 -13
- package/properties/borders.js +0 -19
- package/properties/breaks.d.ts +0 -7
- package/properties/breaks.js +0 -15
- package/properties/character.d.ts +0 -12
- package/properties/character.js +0 -20
- package/properties/child.d.ts +0 -6
- package/properties/child.js +0 -19
- package/properties/colors.d.ts +0 -6
- package/properties/colors.js +0 -14
- package/properties/column.d.ts +0 -10
- package/properties/column.js +0 -18
- package/properties/display.d.ts +0 -5
- package/properties/display.js +0 -13
- package/properties/flexChild.d.ts +0 -9
- package/properties/flexChild.js +0 -17
- package/properties/flexParent.d.ts +0 -10
- package/properties/flexParent.js +0 -18
- package/properties/floating.d.ts +0 -6
- package/properties/floating.js +0 -14
- package/properties/gridChild.d.ts +0 -7
- package/properties/gridChild.js +0 -15
- package/properties/gridParent.d.ts +0 -20
- package/properties/gridParent.js +0 -31
- package/properties/interactions.d.ts +0 -8
- package/properties/interactions.js +0 -16
- package/properties/margins.d.ts +0 -10
- package/properties/margins.js +0 -16
- package/properties/maxLines.d.ts +0 -5
- package/properties/maxLines.js +0 -18
- package/properties/objectFitting.d.ts +0 -6
- package/properties/objectFitting.js +0 -14
- package/properties/overflow.d.ts +0 -7
- package/properties/overflow.js +0 -15
- package/properties/paddings.d.ts +0 -10
- package/properties/paddings.js +0 -16
- package/properties/paragraph.d.ts +0 -10
- package/properties/paragraph.js +0 -24
- package/properties/perspective.d.ts +0 -6
- package/properties/perspective.js +0 -14
- package/properties/position.d.ts +0 -11
- package/properties/position.js +0 -19
- package/properties/shadows.d.ts +0 -6
- package/properties/shadows.js +0 -14
- package/properties/sizing.d.ts +0 -10
- package/properties/sizing.js +0 -18
- package/properties/spacings.d.ts +0 -6
- package/properties/spacings.js +0 -14
- package/properties/textDecoration.d.ts +0 -5
- package/properties/textDecoration.js +0 -13
- package/properties/transform.d.ts +0 -7
- package/properties/transform.js +0 -15
- package/properties/transitions.d.ts +0 -10
- package/properties/transitions.js +0 -16
- package/properties/typography.d.ts +0 -7
- package/properties/typography.js +0 -16
- package/properties/visibility.d.ts +0 -8
- package/properties/visibility.js +0 -22
- package/utils/columnsToPercent.js +0 -11
- package/utils/encodedSvg.d.ts +0 -1
- package/utils/encodedSvg.js +0 -6
- package/utils/formatAspectRatio.d.ts +0 -3
- package/utils/formatAspectRatio.js +0 -22
- package/utils/formatGridColumns.d.ts +0 -2
- package/utils/formatGridColumns.js +0 -17
- package/utils/formatValue.d.ts +0 -3
- package/utils/formatValue.js +0 -36
- package/utils/getNumericValueFromArray.d.ts +0 -1
- package/utils/getNumericValueFromArray.js +0 -14
- package/utils/hiDPI.d.ts +0 -1
- package/utils/hiDPI.js +0 -21
- package/utils/nonEmptyStyle.d.ts +0 -2
- package/utils/nonEmptyStyle.js +0 -8
- package/utils/responsive.d.ts +0 -17
- package/utils/responsive.js +0 -89
- package/utils/responsiveMixin.d.ts +0 -3
- package/utils/responsiveMixin.js +0 -34
- package/utils/transition.js +0 -15
- package/utils/withUnit.js +0 -6
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { BreakpointsType, ResponsiveConditionProperty } from "../types";
|
|
2
|
-
export declare const responsiveNoWrap: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.responsiveNoWrap = void 0;
|
|
4
|
-
var responsiveMixin_1 = require("../utils/responsiveMixin");
|
|
5
|
-
var noWrap_1 = require("./noWrap");
|
|
6
|
-
var responsiveNoWrap = function (breakpoints, condition) { return (condition ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, noWrap_1.noWrap, condition) : null); };
|
|
7
|
-
exports.responsiveNoWrap = responsiveNoWrap;
|
|
8
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU5vV3JhcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZU5vV3JhcC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw0REFBMkQ7QUFFM0QsbUNBQWtDO0FBRTNCLElBQU0sZ0JBQWdCLEdBQUcsVUFDNUIsV0FBYyxFQUNkLFNBQTBDLElBQ3pDLE9BQUEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUEsaUNBQWUsRUFBQyxXQUFXLEVBQUUsZUFBTSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBcEUsQ0FBb0UsQ0FBQztBQUg3RCxRQUFBLGdCQUFnQixvQkFHNkMifQ==
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { BreakpointsType, ResponsiveConditionProperty } from "../types";
|
|
2
|
-
export declare const responsiveTruncate: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.responsiveTruncate = void 0;
|
|
8
|
-
var styled_components_1 = require("styled-components");
|
|
9
|
-
var responsiveMixin_1 = require("../utils/responsiveMixin");
|
|
10
|
-
var truncate_1 = require("./truncate");
|
|
11
|
-
var responsiveTruncate = function (breakpoints, condition) {
|
|
12
|
-
return condition
|
|
13
|
-
? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), truncate_1.truncate), condition)
|
|
14
|
-
: null;
|
|
15
|
-
};
|
|
16
|
-
exports.responsiveTruncate = responsiveTruncate;
|
|
17
|
-
var templateObject_1;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZVRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZXNwb25zaXZlVHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4Qyw0REFBMkQ7QUFFM0QsdUNBQXNDO0FBRS9CLElBQU0sa0JBQWtCLEdBQUcsVUFDOUIsV0FBYyxFQUNkLFNBQTBDO0lBRTFDLE9BQUEsU0FBUztRQUNMLENBQUMsQ0FBQyxJQUFBLGlDQUFlLEVBQ1gsV0FBVyxNQUNYLHVCQUFHLDhHQUFBLHNCQUNHLEVBQVEsa0JBQ2IsS0FESyxtQkFBUSxHQUVkLFNBQVMsQ0FDWjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUlYsQ0FRVSxDQUFDO0FBWkYsUUFBQSxrQkFBa0Isc0JBWWhCIn0=
|
package/mixins/selectReset.d.ts
DELETED
package/mixins/selectReset.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.selectReset = void 0;
|
|
8
|
-
var styled_components_1 = require("styled-components");
|
|
9
|
-
var appearanceReset_1 = require("./appearanceReset");
|
|
10
|
-
var selectReset = function (fontFamily) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-ms-expand {\n display: none;\n }\n /* stylelint-enable */\n\n option {\n font-family: ", ";\n font-size: 0.8rem;\n font-weight: 400;\n }\n"], ["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-ms-expand {\n display: none;\n }\n /* stylelint-enable */\n\n option {\n font-family: ", ";\n font-size: 0.8rem;\n font-weight: 400;\n }\n"])), appearanceReset_1.appearanceReset, fontFamily !== null && fontFamily !== void 0 ? fontFamily : null); };
|
|
11
|
-
exports.selectReset = selectReset;
|
|
12
|
-
var templateObject_1;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0UmVzZXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3NlbGVjdFJlc2V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFDQSx1REFBd0M7QUFDeEMscURBQW9EO0FBRTdDLElBQU0sV0FBVyxHQUFHLFVBQUMsVUFBZ0MsSUFBSyxXQUFBLHVCQUFHLHNaQUFBLFFBQzlELEVBQWUsbVFBYUUsRUFBa0IsbUVBSXhDLEtBakJLLGlDQUFlLEVBYUUsVUFBVSxhQUFWLFVBQVUsY0FBVixVQUFVLEdBQUksSUFBSSxHQWR3QixDQWtCaEUsQ0FBQztBQWxCVyxRQUFBLFdBQVcsZUFrQnRCIn0=
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const textAreaReset: import("styled-components").FlattenSimpleInterpolation;
|
package/mixins/textAreaReset.js
DELETED
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.textAreaReset = void 0;
|
|
8
|
-
var styled_components_1 = require("styled-components");
|
|
9
|
-
var appearanceReset_1 = require("./appearanceReset");
|
|
10
|
-
exports.textAreaReset = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-moz-placeholder {\n opacity: 1;\n }\n /* stylelint-enable */\n"], ["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-moz-placeholder {\n opacity: 1;\n }\n /* stylelint-enable */\n"])), appearanceReset_1.appearanceReset);
|
|
11
|
-
var templateObject_1;
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dEFyZWFSZXNldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvdGV4dEFyZWFSZXNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFEQUFvRDtBQUV2QyxRQUFBLGFBQWEsT0FBRyx1QkFBRywrU0FBQSxRQUMxQixFQUFlLGlPQVdwQixLQVhLLGlDQUFlLEVBV25CIn0=
|
package/mixins/truncate.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const truncate: import("styled-components").FlattenSimpleInterpolation;
|
package/mixins/truncate.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.truncate = void 0;
|
|
8
|
-
var styled_components_1 = require("styled-components");
|
|
9
|
-
exports.truncate = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n"], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n"])));
|
|
10
|
-
var templateObject_1;
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3RydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFFM0IsUUFBQSxRQUFRLE9BQUcsdUJBQUcsK0tBQUEsMkdBSzFCLEtBQUMifQ==
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Background {
|
|
3
|
-
$backgroundColor?: ResponsiveProperty.Color;
|
|
4
|
-
$background?: ResponsiveProperty.Background;
|
|
5
|
-
}
|
|
6
|
-
export declare const background: <B extends BreakpointsType>({ breakpoints, $backgroundColor, $background, }: Background & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/background.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.background = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var background = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $backgroundColor = _a.$backgroundColor, $background = _a.$background;
|
|
8
|
-
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
-
backgroundColor: (0, formatValue_1.formatResponsiveValue)($backgroundColor),
|
|
10
|
-
background: (0, formatValue_1.formatResponsiveValue)($background),
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
exports.background = background;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2dyb3VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JhY2tncm91bmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLFVBQVUsR0FBRyxVQUE0QixFQUl4QjtRQUgxQixXQUFXLGlCQUFBLEVBQ1gsZ0JBQWdCLHNCQUFBLEVBQ2hCLFdBQVcsaUJBQUE7SUFFWCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztLQUNqRCxDQUFDO0FBSEYsQ0FHRSxDQUFDO0FBUk0sUUFBQSxVQUFVLGNBUWhCIn0=
|
package/properties/borders.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Borders {
|
|
3
|
-
$border?: ResponsiveProperty.Border;
|
|
4
|
-
$borderBottom?: ResponsiveProperty.Border;
|
|
5
|
-
$borderLeft?: ResponsiveProperty.Border;
|
|
6
|
-
$borderRight?: ResponsiveProperty.Border;
|
|
7
|
-
$borderTop?: ResponsiveProperty.Border;
|
|
8
|
-
$borderX?: ResponsiveProperty.Border;
|
|
9
|
-
$borderY?: ResponsiveProperty.Border;
|
|
10
|
-
$borderRadius?: ResponsiveProperty.BorderRadius;
|
|
11
|
-
$outline?: ResponsiveProperty.Outline;
|
|
12
|
-
}
|
|
13
|
-
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
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.borders = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var borders = function (_a) {
|
|
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 (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
|
-
});
|
|
17
|
-
};
|
|
18
|
-
exports.borders = borders;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JvcmRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQWMzRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVd4QjtRQVZ2QixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUE7SUFFUixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLGFBQWIsYUFBYSxjQUFiLGFBQWEsR0FBSSxRQUFRLENBQUM7UUFDOUQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxhQUFYLFdBQVcsY0FBWCxXQUFXLEdBQUksUUFBUSxDQUFDO1FBQzFELFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLFFBQVEsQ0FBQztRQUM1RCxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLGFBQVYsVUFBVSxjQUFWLFVBQVUsR0FBSSxRQUFRLENBQUM7UUFDeEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztLQUMzQyxDQUFDO0FBUkYsQ0FRRSxDQUFDO0FBcEJNLFFBQUEsT0FBTyxXQW9CYiJ9
|
package/properties/breaks.d.ts
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Breaks {
|
|
3
|
-
$breakAfter?: ResponsiveProperty.BreakAfter;
|
|
4
|
-
$breakBefore?: ResponsiveProperty.BreakBefore;
|
|
5
|
-
$breakInside?: ResponsiveProperty.BreakInside;
|
|
6
|
-
}
|
|
7
|
-
export declare const breaks: <B extends BreakpointsType>({ breakpoints, $breakAfter, $breakBefore, $breakInside, }: Breaks & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/breaks.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.breaks = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var breaks = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $breakAfter = _a.$breakAfter, $breakBefore = _a.$breakBefore, $breakInside = _a.$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
|
-
});
|
|
13
|
-
};
|
|
14
|
-
exports.breaks = breaks;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvYnJlYWtzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFLeEI7UUFKdEIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQTtJQUVaLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksQ0FBQztRQUNoRCxXQUFXLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxZQUFZLENBQUM7S0FDbkQsQ0FBQztBQUpGLENBSUUsQ0FBQztBQVZNLFFBQUEsTUFBTSxVQVVaIn0=
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Character {
|
|
3
|
-
$fontFamily?: ResponsiveProperty.FontFamily;
|
|
4
|
-
$fontSize?: ResponsiveProperty.FontSize;
|
|
5
|
-
$fontStretch?: ResponsiveProperty.FontStretch;
|
|
6
|
-
$fontStyle?: ResponsiveProperty.FontStyle;
|
|
7
|
-
$fontWeight?: ResponsiveProperty.FontWeight;
|
|
8
|
-
$letterSpacing?: ResponsiveProperty.LetterSpacing;
|
|
9
|
-
$lineHeight?: ResponsiveProperty.LineHeight;
|
|
10
|
-
$textTransform?: ResponsiveProperty.TextTransform;
|
|
11
|
-
}
|
|
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
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.character = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var character = function (_a) {
|
|
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 (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
|
-
});
|
|
18
|
-
};
|
|
19
|
-
exports.character = character;
|
|
20
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcmFjdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY2hhcmFjdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFhM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFVeEI7UUFUekIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUE7SUFFZCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLEVBQUUsSUFBSSxDQUFDO1FBQ3BELGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGNBQWMsQ0FBQztRQUNwRCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO0tBQ3ZELENBQUM7QUFURixDQVNFLENBQUM7QUFwQk0sUUFBQSxTQUFTLGFBb0JmIn0=
|
package/properties/child.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType } from "../types";
|
|
2
|
-
import { FlexChild } from "./flexChild";
|
|
3
|
-
import { GridChild } from "./gridChild";
|
|
4
|
-
export interface Child extends FlexChild, GridChild {
|
|
5
|
-
}
|
|
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
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.child = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var child = function (_a) {
|
|
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 (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
|
-
});
|
|
17
|
-
};
|
|
18
|
-
exports.child = child;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9jaGlsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTTNELElBQU0sS0FBSyxHQUFHLFVBQTRCLEVBU3hCO1FBUnJCLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNULFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBO0lBRU4sT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUM7UUFDaEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxFQUFFLElBQUksQ0FBQztRQUNwRCxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDN0MsQ0FBQztBQVJGLENBUUUsQ0FBQztBQWxCTSxRQUFBLEtBQUssU0FrQlgifQ==
|
package/properties/colors.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Colors {
|
|
3
|
-
$backgroundColor?: ResponsiveProperty.Color;
|
|
4
|
-
$color?: ResponsiveProperty.Color;
|
|
5
|
-
}
|
|
6
|
-
export declare const colors: <B extends BreakpointsType>({ breakpoints, $backgroundColor, $color }: Colors & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/colors.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.colors = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var colors = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $backgroundColor = _a.$backgroundColor, $color = _a.$color;
|
|
8
|
-
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
-
backgroundColor: (0, formatValue_1.formatResponsiveValue)($backgroundColor),
|
|
10
|
-
color: (0, formatValue_1.formatResponsiveValue)($color),
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
exports.colors = colors;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sb3JzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFPM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFBa0U7UUFBaEUsV0FBVyxpQkFBQSxFQUFFLGdCQUFnQixzQkFBQSxFQUFFLE1BQU0sWUFBQTtJQUNyRixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sQ0FBQztLQUN2QyxDQUFDO0FBSEYsQ0FHRSxDQUFDO0FBSk0sUUFBQSxNQUFNLFVBSVoifQ==
|
package/properties/column.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Column {
|
|
3
|
-
$columnCount?: ResponsiveProperty.ColumnCount;
|
|
4
|
-
$columnFill?: ResponsiveProperty.ColumnFill;
|
|
5
|
-
$columnGap?: ResponsiveProperty.ColumnGap;
|
|
6
|
-
$columnRule?: ResponsiveProperty.ColumnRule;
|
|
7
|
-
$columnSpan?: ResponsiveProperty.ColumnSpan;
|
|
8
|
-
$columnWidth?: ResponsiveProperty.ColumnWidth;
|
|
9
|
-
}
|
|
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
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.column = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var column = function (_a) {
|
|
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 (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
|
-
});
|
|
16
|
-
};
|
|
17
|
-
exports.column = column;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sdW1uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFXM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFReEI7UUFQdEIsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQTtJQUVaLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxFQUFFLElBQUksQ0FBQztRQUN0RCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO0tBQ25ELENBQUM7QUFQRixDQU9FLENBQUM7QUFoQk0sUUFBQSxNQUFNLFVBZ0JaIn0=
|
package/properties/display.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Display {
|
|
3
|
-
$display?: ResponsiveProperty.Display;
|
|
4
|
-
}
|
|
5
|
-
export declare const display: <B extends BreakpointsType>({ breakpoints, $display }: Display & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/display.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.display = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var display = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $display = _a.$display;
|
|
8
|
-
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
-
display: (0, formatValue_1.formatResponsiveValue)($display),
|
|
10
|
-
});
|
|
11
|
-
};
|
|
12
|
-
exports.display = display;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzcGxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2Rpc3BsYXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU0zRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQUFtRDtRQUFqRCxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3RFLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsT0FBTyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsUUFBUSxDQUFDO0tBQzNDLENBQUM7QUFGRixDQUVFLENBQUM7QUFITSxRQUFBLE9BQU8sV0FHYiJ9
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface FlexChild {
|
|
3
|
-
$alignSelf?: ResponsiveProperty.AlignSelf;
|
|
4
|
-
$flexBasis?: ResponsiveProperty.FlexBasis;
|
|
5
|
-
$flexGrow?: ResponsiveProperty.FlexGrow;
|
|
6
|
-
$flexShrink?: ResponsiveProperty.FlexShrink;
|
|
7
|
-
$order?: ResponsiveProperty.Order;
|
|
8
|
-
}
|
|
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
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.flexChild = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var flexChild = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $flexBasis = _a.$flexBasis, $flexGrow = _a.$flexGrow, $flexShrink = _a.$flexShrink, $order = _a.$order;
|
|
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
|
-
});
|
|
15
|
-
};
|
|
16
|
-
exports.flexChild = flexChild;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZmxleENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFVM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFPeEI7UUFOekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQTtJQUVOLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQ2hELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsRUFBRSxJQUFJLENBQUM7UUFDcEQsS0FBSyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUM3QyxDQUFDO0FBTkYsQ0FNRSxDQUFDO0FBZE0sUUFBQSxTQUFTLGFBY2YifQ==
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface FlexParent {
|
|
3
|
-
$alignContent?: ResponsiveProperty.AlignContent;
|
|
4
|
-
$alignItems?: ResponsiveProperty.AlignItems;
|
|
5
|
-
$display?: ResponsiveProperty.Display;
|
|
6
|
-
$flexDirection?: ResponsiveProperty.FlexDirection;
|
|
7
|
-
$flexWrap?: ResponsiveProperty.FlexWrap;
|
|
8
|
-
$justifyContent?: ResponsiveProperty.JustifyContent;
|
|
9
|
-
}
|
|
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
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.flexParent = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var flexParent = function (_a) {
|
|
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 (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
|
-
});
|
|
16
|
-
};
|
|
17
|
-
exports.flexParent = flexParent;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2ZsZXhQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLFVBQVUsR0FBRyxVQUE0QixFQVF4QjtRQVAxQixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsU0FBUyxlQUFBLEVBQ1QsZUFBZSxxQkFBQTtJQUVmLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxNQUFNLENBQUM7UUFDbEQsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsQ0FBQztRQUMxQyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQVBGLENBT0UsQ0FBQztBQWhCTSxRQUFBLFVBQVUsY0FnQmhCIn0=
|
package/properties/floating.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Floating {
|
|
3
|
-
$clear?: ResponsiveProperty.Clear;
|
|
4
|
-
$float?: ResponsiveProperty.Float;
|
|
5
|
-
}
|
|
6
|
-
export declare const floating: <B extends BreakpointsType>({ breakpoints, $clear, $float }: Floating & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/floating.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.floating = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var floating = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $clear = _a.$clear, $float = _a.$float;
|
|
8
|
-
return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
|
|
9
|
-
clear: (0, formatValue_1.formatResponsiveValue)($clear),
|
|
10
|
-
float: (0, formatValue_1.formatResponsiveValue)($float),
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
exports.floating = floating;
|
|
14
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9mbG9hdGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTzNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBQTBEO1FBQXhELFdBQVcsaUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDN0UsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxLQUFLLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxNQUFNLENBQUM7UUFDcEMsS0FBSyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsTUFBTSxDQUFDO0tBQ3ZDLENBQUM7QUFIRixDQUdFLENBQUM7QUFKTSxRQUFBLFFBQVEsWUFJZCJ9
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface GridChild {
|
|
3
|
-
$alignSelf?: ResponsiveProperty.AlignSelf;
|
|
4
|
-
$gridArea?: ResponsiveProperty.GridArea;
|
|
5
|
-
$justifySelf?: ResponsiveProperty.JustifySelf;
|
|
6
|
-
}
|
|
7
|
-
export declare const gridChild: <B extends BreakpointsType>({ breakpoints, $alignSelf, $gridArea, $justifySelf, }: GridChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/gridChild.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.gridChild = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var gridChild = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $gridArea = _a.$gridArea, $justifySelf = _a.$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
|
-
});
|
|
13
|
-
};
|
|
14
|
-
exports.gridChild = gridChild;
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZ3JpZENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFLeEI7UUFKekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBO0lBRVosT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksQ0FBQztLQUNuRCxDQUFDO0FBSkYsQ0FJRSxDQUFDO0FBVk0sUUFBQSxTQUFTLGFBVWYifQ==
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface GridParent {
|
|
3
|
-
$alignContent?: ResponsiveProperty.AlignContent;
|
|
4
|
-
$alignItems?: ResponsiveProperty.AlignItems;
|
|
5
|
-
$display?: ResponsiveProperty.Display;
|
|
6
|
-
$gridAutoColumns?: ResponsiveProperty.GridAutoColumns;
|
|
7
|
-
$gridAutoFlow?: ResponsiveProperty.GridAutoFlow;
|
|
8
|
-
$gridAutoRows?: ResponsiveProperty.GridAutoRows;
|
|
9
|
-
$gridColumnCount?: ResponsiveProperty.GridColumnCount;
|
|
10
|
-
$gridGap?: ResponsiveProperty.GridGap;
|
|
11
|
-
$gridColumnGap?: ResponsiveProperty.GridColumnGap;
|
|
12
|
-
$gridRowGap?: ResponsiveProperty.GridRowGap;
|
|
13
|
-
$gridRowCount?: ResponsiveProperty.GridRowCount;
|
|
14
|
-
$gridTemplateAreas?: ResponsiveProperty.GridTemplateAreas;
|
|
15
|
-
$gridTemplateColumns?: ResponsiveProperty.GridTemplateColumns;
|
|
16
|
-
$gridTemplateRows?: ResponsiveProperty.GridTemplateRows;
|
|
17
|
-
$justifyContent?: ResponsiveProperty.JustifyContent;
|
|
18
|
-
$justifyItems?: ResponsiveProperty.JustifyItems;
|
|
19
|
-
}
|
|
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
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.gridParent = void 0;
|
|
4
|
-
var formatGridColumns_1 = require("../utils/formatGridColumns");
|
|
5
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
6
|
-
var responsive_1 = require("../utils/responsive");
|
|
7
|
-
var gridParent = function (_a) {
|
|
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 (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
|
-
gridTemplateColumns: $gridTemplateColumns
|
|
21
|
-
? (0, formatValue_1.formatResponsiveValue)($gridTemplateColumns)
|
|
22
|
-
: (0, formatGridColumns_1.formatResponsiveGridColumns)($gridColumnCount),
|
|
23
|
-
gridTemplateRows: $gridTemplateRows
|
|
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
|
-
});
|
|
29
|
-
};
|
|
30
|
-
exports.gridParent = gridParent;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2dyaWRQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EsZ0VBQXlFO0FBQ3pFLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFxQjNELElBQU0sVUFBVSxHQUFHLFVBQTRCLEVBa0J4QjtRQWpCMUIsV0FBVyxpQkFBQSxFQUNYLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsZ0JBQWdCLHNCQUFBLEVBQ2hCLGFBQWEsbUJBQUEsRUFDYixhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGtCQUFrQix3QkFBQSxFQUNsQixvQkFBb0IsMEJBQUEsRUFDcEIsaUJBQWlCLHVCQUFBLEVBQ2pCLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBO0lBRWIsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLE1BQU0sQ0FBQztRQUNsRCxlQUFlLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxnQkFBZ0IsQ0FBQztRQUN4RCxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztRQUN4QyxhQUFhLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxjQUFjLENBQUM7UUFDcEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLGlCQUFpQixFQUFFLElBQUEsbUNBQXFCLEVBQUMsa0JBQWtCLENBQUM7UUFDNUQsbUJBQW1CLEVBQUUsb0JBQW9CO1lBQ3JDLENBQUMsQ0FBQyxJQUFBLG1DQUFxQixFQUFDLG9CQUFvQixDQUFDO1lBQzdDLENBQUMsQ0FBQyxJQUFBLCtDQUEyQixFQUFDLGdCQUFnQixDQUFDO1FBQ25ELGdCQUFnQixFQUFFLGlCQUFpQjtZQUMvQixDQUFDLENBQUMsSUFBQSxtQ0FBcUIsRUFBQyxpQkFBaUIsQ0FBQztZQUMxQyxDQUFDLENBQUMsSUFBQSwrQ0FBMkIsRUFBQyxhQUFhLENBQUM7UUFDaEQsY0FBYyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsZUFBZSxDQUFDO1FBQ3RELFlBQVksRUFBRSxJQUFBLG1DQUFxQixFQUFDLGFBQWEsQ0FBQztLQUNyRCxDQUFDO0FBbkJGLENBbUJFLENBQUM7QUF0Q00sUUFBQSxVQUFVLGNBc0NoQiJ9
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Interactions {
|
|
3
|
-
$cursor?: ResponsiveProperty.Cursor;
|
|
4
|
-
$pointerEvents?: ResponsiveProperty.PointerEvents;
|
|
5
|
-
$resize?: ResponsiveProperty.Resize;
|
|
6
|
-
$userSelect?: ResponsiveProperty.UserSelect;
|
|
7
|
-
}
|
|
8
|
-
export declare const interactions: <B extends BreakpointsType>({ breakpoints, $cursor, $pointerEvents, $resize, $userSelect, }: Interactions & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.interactions = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var interactions = function (_a) {
|
|
7
|
-
var breakpoints = _a.breakpoints, $cursor = _a.$cursor, $pointerEvents = _a.$pointerEvents, $resize = _a.$resize, $userSelect = _a.$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
|
-
});
|
|
14
|
-
};
|
|
15
|
-
exports.interactions = interactions;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvaW50ZXJhY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFTM0QsSUFBTSxZQUFZLEdBQUcsVUFBNEIsRUFNeEI7UUFMNUIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLGNBQWMsb0JBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBO0lBRVgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQUxGLENBS0UsQ0FBQztBQVpNLFFBQUEsWUFBWSxnQkFZbEIifQ==
|
package/properties/margins.d.ts
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface Margins {
|
|
3
|
-
$mb?: ResponsiveProperty.Margin;
|
|
4
|
-
$ml?: ResponsiveProperty.Margin;
|
|
5
|
-
$mr?: ResponsiveProperty.Margin;
|
|
6
|
-
$mt?: ResponsiveProperty.Margin;
|
|
7
|
-
$my?: ResponsiveProperty.Margin;
|
|
8
|
-
$mx?: ResponsiveProperty.Margin;
|
|
9
|
-
}
|
|
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
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.margins = void 0;
|
|
4
|
-
var formatValue_1 = require("../utils/formatValue");
|
|
5
|
-
var responsive_1 = require("../utils/responsive");
|
|
6
|
-
var margins = function (_a) {
|
|
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 (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
|
-
});
|
|
14
|
-
};
|
|
15
|
-
exports.margins = margins;
|
|
16
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyZ2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL21hcmdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVF4QjtRQVB2QixXQUFXLGlCQUFBLEVBQ1gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBO0lBRUgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDL0MsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQzdDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUM5QyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7S0FDL0MsQ0FBQztBQUxGLENBS0UsQ0FBQztBQWRNLFFBQUEsT0FBTyxXQWNiIn0=
|
package/properties/maxLines.d.ts
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveMaxLinesProperty } from "../types";
|
|
2
|
-
export interface MaxLines<B extends BreakpointsType> {
|
|
3
|
-
$maxLines?: ResponsiveMaxLinesProperty<B>;
|
|
4
|
-
}
|
|
5
|
-
export declare const maxLines: <B extends BreakpointsType>({ breakpoints, $maxLines }: MaxLines<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|
package/properties/maxLines.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.maxLines = void 0;
|
|
8
|
-
var styled_components_1 = require("styled-components");
|
|
9
|
-
var responsiveMultilineTruncate_1 = require("../mixins/responsiveMultilineTruncate");
|
|
10
|
-
var maxLines = function (_a) {
|
|
11
|
-
var breakpoints = _a.breakpoints, $maxLines = _a.$maxLines;
|
|
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 })
|
|
14
|
-
: null);
|
|
15
|
-
};
|
|
16
|
-
exports.maxLines = maxLines;
|
|
17
|
-
var templateObject_1;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF4TGluZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9tYXhMaW5lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFGQUFvRjtBQU83RSxJQUFNLFFBQVEsR0FBRyxVQUE0QixFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBO0lBQXFDLFdBQUEsdUJBQUcsa0ZBQUEsUUFDOUcsRUFNUSxJQUNiLEtBUEssU0FBUztRQUNQLENBQUMsQ0FBQyxJQUFBLHlEQUEyQixFQUN2QixXQUFXLEVBQ1gsT0FBTyxTQUFTLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQzNELE9BQU8sU0FBUyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxDQUFDLEVBQUUsRUFBRSxDQUMzRjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUG1HLENBUWhILENBQUM7QUFSVyxRQUFBLFFBQVEsWUFRbkIifQ==
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
|
|
2
|
-
export interface ObjectFitting {
|
|
3
|
-
$objectFit?: ResponsiveProperty.ObjectFit;
|
|
4
|
-
$objectPosition?: ResponsiveProperty.ObjectPosition;
|
|
5
|
-
}
|
|
6
|
-
export declare const objectFitting: <B extends BreakpointsType>({ breakpoints, $objectFit, $objectPosition, }: ObjectFitting & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
|