@redocly/theme/lib/components/Typography/Typography.js

Shared UI components lib

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Typography = void 0;
const styled_components_1 = __importDefault(require("styled-components"));
exports.Typography = styled_components_1.default.span.attrs(({ className }) => ({
    'data-component-name': 'Typography/Typography',
    className,
})) `
  color: ${({ color }) => color || 'var(--text-color-primary)'};
  font-family: ${({ fontFamily }) => fontFamily || 'var(--font-family-base)'};
  font-size: ${({ fontSize }) => fontSize || 'var(--font-size-base)'};
  font-style: ${({ fontStyle }) => fontStyle};
  font-weight: ${({ fontWeight }) => fontWeight || 'var(--font-weight-regular)'};
  line-height: ${({ lineHeight }) => lineHeight || 'var(--line-height-base)'};
  letter-spacing: ${({ letterSpacing }) => letterSpacing};
  margin-bottom: ${({ marginBottom }) => marginBottom};
  margin-top: ${({ marginTop }) => marginTop};
  text-align: ${({ textAlign }) => textAlign};
`;
//# sourceMappingURL=Typography.js.map