@helpscout/hsds-react/components/Text/Text.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.makeWeightStyles = makeWeightStyles;
exports.TextUI = exports.TEXT_WEIGHTS = exports.TEXT_SIZES = exports.VAR_NAMESPACE_SIZE = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _linkStyles = _interopRequireDefault(require("../../styles/mixins/linkStyles.css"));

var _stateStyles = require("../../styles/mixins/stateStyles.css");

var _color = require("../../styles/utilities/color");

var _forEach = _interopRequireDefault(require("../../styles/utilities/forEach"));

var _variableFontSize = _interopRequireDefault(require("../../styles/utilities/variableFontSize"));

var _constants = require("../../styles/configs/constants");

var VAR_NAMESPACE_SIZE = 'HSDSGlobalTextFontSize';
exports.VAR_NAMESPACE_SIZE = VAR_NAMESPACE_SIZE;
var TEXT_SIZES = [10, 11, 12, 13, 14, 15, 16, 20, 48];
exports.TEXT_SIZES = TEXT_SIZES;
var TEXT_WEIGHTS = [100, 200, 300, 400, 500, 600, 700, 800, 900];
exports.TEXT_WEIGHTS = TEXT_WEIGHTS;

var TextUI = _styledComponents.default.span.withConfig({
  displayName: "Textcss__TextUI",
  componentId: "cdrlb6-0"
})(["line-height:1.5;&.is-disableSelect{user-select:none;}", " ", " ", " ", " &.is-truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}&.is-wordWrap{word-break:break-word;}&.is-no-wrap{white-space:nowrap;}&.is-lineHeightInherit{line-height:inherit;}&.is-lineHeightReset{line-height:1;}&.is-all-caps{letter-spacing:0.4px;text-transform:uppercase;}&.is-block{display:block;}&.is-center{text-align:center;}&.is-linkStyle{", "}&.is-noUnderline{text-decoration:none;&:hover{text-decoration:none;}}&.is-plainLink{color:", ";}&.is-samp{font-family:'SFMono-Regular',Consolas,Menlo,monospace;font-family:var(--HSDSGlobalFontFamilyMono);}"], makeShadeStyles(), makeSizeStyles(), (0, _stateStyles.makeStateColorStyles)(), makeWeightStyles(), (0, _linkStyles.default)(), (0, _color.getColor)('link.base'));

exports.TextUI = TextUI;

function makeShadeStyles() {
  return (0, _forEach.default)(_constants.TEXT_SHADES, function (shade) {
    return "\n    &.is-shade-" + shade + " {\n      color: " + (0, _color.getColor)('text', shade) + ";\n    }\n  ";
  });
}

function makeSizeStyles() {
  return (0, _forEach.default)(TEXT_SIZES, function (size) {
    return "\n    &.is-" + size + " {\n      " + (0, _variableFontSize.default)({
      varName: VAR_NAMESPACE_SIZE,
      fontSize: size
    }) + "\n    }\n  ";
  });
}

function makeWeightStyles() {
  return (0, _forEach.default)(TEXT_WEIGHTS, function (weight) {
    return "\n    &.is-" + weight + " {\n      font-weight: " + weight + ";\n    }\n    ";
  });
}