@helpscout/hsds-react/styles/mixins/stateStyles.css.js

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.makeStateColorStyles = void 0;

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

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

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

/**
 * Generates the color CSS property for various states.
 *
 * @returns The compiled CSS styles.
 */
var makeStateColorStyles = function makeStateColorStyles(prop) {
  if (prop === void 0) {
    prop = 'color';
  }

  return (0, _forEach.default)(_constants.STATES, function (state) {
    return "\n    &.is-" + state + " {\n      color: " + (0, _color.getColor)('state', state, prop) + ";\n    }\n  ";
  });
};

exports.makeStateColorStyles = makeStateColorStyles;