@retriever-ui/system
Version:
21 lines (20 loc) • 2.97 kB
JavaScript
;
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = require("@emotion/react");
var _1 = require(".");
var spaces = function (_a) {
var theme = _a.theme, props = __rest(_a, ["theme"]);
return (0, react_1.css)((0, _1.responsive)(theme, 'margin', props.m), (0, _1.responsive)(theme, 'margin-left', props.mX), (0, _1.responsive)(theme, 'margin-right', props.mX), (0, _1.responsive)(theme, 'margin-top', props.mY), (0, _1.responsive)(theme, 'margin-bottom', props.mY), (0, _1.responsive)(theme, 'margin-left', props.marginX), (0, _1.responsive)(theme, 'margin-right', props.marginX), (0, _1.responsive)(theme, 'margin-top', props.marginY), (0, _1.responsive)(theme, 'margin-bottom', props.marginY), (0, _1.responsive)(theme, 'margin-top', props.mTop), (0, _1.responsive)(theme, 'margin-bottom', props.mBottom), (0, _1.responsive)(theme, 'margin-left', props.mLeft), (0, _1.responsive)(theme, 'margin-right', props.mRight), (0, _1.responsive)(theme, 'margin', props.margin), (0, _1.responsive)(theme, 'margin-top', props.marginTop), (0, _1.responsive)(theme, 'margin-bottom', props.marginBottom), (0, _1.responsive)(theme, 'margin-left', props.marginLeft), (0, _1.responsive)(theme, 'margin-right', props.marginRight), (0, _1.responsive)(theme, 'padding', props.p), (0, _1.responsive)(theme, 'padding-top', props.pTop), (0, _1.responsive)(theme, 'padding-bottom', props.pBottom), (0, _1.responsive)(theme, 'padding-left', props.pLeft), (0, _1.responsive)(theme, 'padding-right', props.pRight), (0, _1.responsive)(theme, 'padding', props.padding), (0, _1.responsive)(theme, 'padding-top', props.paddingTop), (0, _1.responsive)(theme, 'padding-bottom', props.paddingBottom), (0, _1.responsive)(theme, 'padding-left', props.paddingLeft), (0, _1.responsive)(theme, 'padding-right', props.paddingRight), (0, _1.responsive)(theme, 'padding-left', props.pX), (0, _1.responsive)(theme, 'padding-right', props.pX), (0, _1.responsive)(theme, 'padding-top', props.pY), (0, _1.responsive)(theme, 'padding-bottom', props.pY), (0, _1.responsive)(theme, 'padding-left', props.paddingX), (0, _1.responsive)(theme, 'padding-right', props.paddingX), (0, _1.responsive)(theme, 'padding-top', props.paddingY), (0, _1.responsive)(theme, 'padding-bottom', props.paddingY), (0, _1.responsive)(theme, 'column-gap', props.columnGap), (0, _1.responsive)(theme, 'row-gap', props.rowGap), (0, _1.responsive)(theme, 'gap', props.gap));
};
exports.default = spaces;