@retriever-ui/system
Version:
21 lines (20 loc) • 1.46 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 typography = function (_a) {
var theme = _a.theme, props = __rest(_a, ["theme"]);
return (0, react_1.css)((0, _1.responsive)(theme, 'font-family', props.fontFamily), (0, _1.responsive)(theme, 'font-weight', props.fontWeight), (0, _1.responsive)(theme, 'font-size', props.fontSize), (0, _1.responsive)(theme, 'font-style', props.fontStyle), (0, _1.responsive)(theme, 'letter-spacing', props.letterSpacing), (0, _1.responsive)(theme, 'line-height', props.lineHeight), (0, _1.responsive)(theme, 'white-space', props.whiteSpace), (0, _1.responsive)(theme, 'text-align', props.textAlign), (0, _1.responsive)(theme, 'text-transform', props.textTransform), (0, _1.responsive)(theme, 'text-decoration', props.textDecoration), (0, _1.responsive)(theme, 'text-shadow', props.textShadow));
};
exports.default = typography;