@retriever-ui/system
Version:
21 lines (20 loc) • 1.85 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 layout = function (_a) {
var theme = _a.theme, props = __rest(_a, ["theme"]);
return (0, react_1.css)((0, _1.responsive)(theme, 'display', props.d), (0, _1.responsive)(theme, 'width', props.w), (0, _1.responsive)(theme, 'min-width', props.minW), (0, _1.responsive)(theme, 'max-width', props.maxW), (0, _1.responsive)(theme, 'height', props.h), (0, _1.responsive)(theme, 'height', props.height), (0, _1.responsive)(theme, 'min-height', props.minH), (0, _1.responsive)(theme, 'max-height', props.maxH), (0, _1.responsive)(theme, 'display', props.display), (0, _1.responsive)(theme, 'width', props.width), (0, _1.responsive)(theme, 'min-width', props.minWidth), (0, _1.responsive)(theme, 'max-width', props.maxWidth), (0, _1.responsive)(theme, 'overflow', props.overflow), (0, _1.responsive)(theme, 'overflow-x', props.overflowX), (0, _1.responsive)(theme, 'overflow-y', props.overflowY), (0, _1.responsive)(theme, 'vertical-align', props.verticalAlign), (0, _1.responsive)(theme, 'box-sizing', props.boxSizing), (0, _1.responsive)(theme, 'object-fit', props.objectFit), (0, _1.responsive)(theme, 'box-shadow', props.boxShadow), (0, _1.responsive)(theme, 'box-shadow', props.shadow));
};
exports.default = layout;