@retriever-ui/system
Version:
21 lines (20 loc) • 3.18 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 border = function (_a) {
var theme = _a.theme, props = __rest(_a, ["theme"]);
return (0, react_1.css)((0, _1.responsive)(theme, 'border', props.border), (0, _1.responsive)(theme, 'border-top', props.borderTop), (0, _1.responsive)(theme, 'border-bottom', props.borderBottom), (0, _1.responsive)(theme, 'border-left', props.borderLeft), (0, _1.responsive)(theme, 'border-right', props.borderRight), (0, _1.responsive)(theme, 'border', props.borderWidth), (0, _1.responsive)(theme, 'border-top-width', props.borderTopWidth), (0, _1.responsive)(theme, 'border-bottom-width', props.borderBottomWidth), (0, _1.responsive)(theme, 'border-left-width', props.borderLeftWidth), (0, _1.responsive)(theme, 'border-right-width', props.borderRightWidth), (0, _1.responsive)(theme, 'border-radius', props.borderRadius), (0, _1.responsive)(theme, 'border-top-left-radius', props.borderTopLeftRadius), (0, _1.responsive)(theme, 'border-top-right-radius', props.borderTopRightRadius), (0, _1.responsive)(theme, 'border-bottom-left-radius', props.borderBottomLeftRadius), (0, _1.responsive)(theme, 'border-bottom-right-radius', props.borderBottomRightRadius), (0, _1.responsive)(theme, 'border-radius', props.radius), (0, _1.responsive)(theme, 'border-top-left-radius', props.radiusTopLeft), (0, _1.responsive)(theme, 'border-top-right-radius', props.radiusTopRight), (0, _1.responsive)(theme, 'border-bottom-left-radius', props.radiusBottomLeft), (0, _1.responsive)(theme, 'border-bottom-right-radius', props.radiusBottomRight), (0, _1.responsive)(theme, 'border-top-left-radius', props.radiusTop), (0, _1.responsive)(theme, 'border-top-right-radius', props.radiusTop), (0, _1.responsive)(theme, 'border-bottom-left-radius', props.radiusBottom), (0, _1.responsive)(theme, 'border-bottom-right-radius', props.radiusBottom), (0, _1.responsive)(theme, 'border-color', props.borderColor), (0, _1.responsive)(theme, 'border-top-color', props.borderTopColor), (0, _1.responsive)(theme, 'border-bottom-color', props.borderBottomColor), (0, _1.responsive)(theme, 'border-left-color', props.borderLeftColor), (0, _1.responsive)(theme, 'border-right-color', props.borderRightColor), (0, _1.responsive)(theme, 'border-style', props.borderStyle), (0, _1.responsive)(theme, 'border-top-style', props.borderTopStyle), (0, _1.responsive)(theme, 'border-bottom-style', props.borderBottomStyle), (0, _1.responsive)(theme, 'border-left-style', props.borderLeftStyle), (0, _1.responsive)(theme, 'border-right-style', props.borderRightStyle));
};
exports.default = border;