suomifi-ui-components/dist/cjs/core/Text/Text.baseStyles.js

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var styledComponents = require('styled-components');
var index = require('../theme/reset/index.js');
var spacing = require('../theme/utils/spacing.js');

var baseStyles = function baseStyles(theme, color, globalMargins, propMargins) {
  return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  color: ", ";\n\n  &.fi-text {\n    &--bold {\n      ", "\n    }\n    &--lead {\n      ", "\n    }\n    &--small-screen {\n      ", "\n      &.fi-text--bold {\n        ", "\n      }\n      &.fi-text--lead {\n        ", "\n      }\n    }\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  color: ", ";\n\n  &.fi-text {\n    &--bold {\n      ", "\n    }\n    &--lead {\n      ", "\n    }\n    &--small-screen {\n      ", "\n      &.fi-text--bold {\n        ", "\n      }\n      &.fi-text--lead {\n        ", "\n      }\n    }\n  }\n"])), index.element(theme), index.font(theme)('bodyText'), spacing.buildSpacingCSS(globalMargins), spacing.buildSpacingCSS(propMargins, true), !!color ? theme.colors[color] : theme.colors.blackBase, index.font(theme)('bodySemiBold'), index.font(theme)('leadText'), index.font(theme)('bodyTextSmall'), index.font(theme)('bodySemiBoldSmall'), index.font(theme)('leadTextSmallScreen'));
};
var templateObject_1;

exports.baseStyles = baseStyles;
//# sourceMappingURL=Text.baseStyles.js.map