@helpscout/hsds-react/styles/configs/shadows.js

React component library for Help Scout's Design System

"use strict";

exports.__esModule = true;
exports.default = exports.shadows = exports.makeShadows = void 0;

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

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

var makeShadows = function makeShadows() {
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
    args[_key] = arguments[_key];
  }

  return args.join(',');
};

exports.makeShadows = makeShadows;
var shadows = {
  '100': makeShadows("0 1px 7px " + (0, _color2.rgba)('#000000', 0.08)),
  '150': makeShadows("0 0 0 1px " + (0, _color2.rgba)('#000000', 0.04), "0 2px 8px " + (0, _color2.rgba)('#000000', 0.04), "0 5px 8px " + (0, _color2.rgba)((0, _color.getColor)('grey.300'), 0.04)),
  '200': makeShadows("0 3px 6px " + (0, _color2.rgba)((0, _color.getColor)('grey.600'), 0.5)),
  '250': makeShadows("0 4px 7px " + (0, _color2.rgba)('#000000', 0.1)),
  '300': makeShadows("0 4px 6px " + (0, _color2.rgba)((0, _color.getColor)('charcoal.200'), 0.5)),
  '400': makeShadows("0 3px 8px " + (0, _color2.rgba)('#000000', 0.2)),
  '800': makeShadows("0 0 0 1px " + (0, _color2.rgba)('#000000', 0.05), "0 5px 30px " + (0, _color2.rgba)('#000000', 0.15), "0 3px 3px " + (0, _color2.rgba)('#000000', 0.05)),
  '900': makeShadows("0 2px 3px " + (0, _color2.rgba)((0, _color.getColor)('charcoal.500'), 0.2), "0 10px 40px " + (0, _color2.rgba)((0, _color.getColor)('charcoal.500'), 0.3))
};
exports.shadows = shadows;
var _default = shadows;
exports.default = _default;