@weareredlight/components/lib/elements/Text/style.js

> TODO: description

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TextStyle = void 0;
var TextStyle = {
  "default": {
    text: {
      flexWrap: 'wrap',
      width: '100%',
      __fun: [function (_ref) {
        var vars = _ref.vars;
        return {
          fontFamily: vars.text.fontFamily,
          fontSize: vars.text.fontSize,
          color: vars.text.color,
          padding: vars.spacing.s
        };
      }]
    }
  },
  h1: {
    text: {
      __fun: [function (_ref2) {
        var vars = _ref2.vars;
        return {
          fontFamily: vars.text.fontFamilyBold,
          fontSize: vars.text.fontSize * 2.4,
          paddingTop: vars.spacing.l
        };
      }]
    }
  },
  h2: {
    text: {
      __fun: [function (_ref3) {
        var vars = _ref3.vars;
        return {
          fontFamily: vars.text.fontFamilyBold,
          fontSize: vars.text.fontSize * 1.8,
          paddingTop: vars.spacing.m
        };
      }]
    }
  },
  h3: {
    text: {
      __fun: [function (_ref4) {
        var vars = _ref4.vars;
        return {
          fontSize: vars.text.fontSize * 1.4
        };
      }]
    }
  },
  small: {
    text: {
      __fun: [function (_ref5) {
        var vars = _ref5.vars;
        return {
          fontSize: vars.text.fontSize * 0.8
        };
      }]
    }
  },
  muted: {
    text: {
      __fun: [function (_ref6) {
        var vars = _ref6.vars;
        return {
          color: vars.colors.muted
        };
      }]
    }
  }
};
exports.TextStyle = TextStyle;