"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.styles = undefined;

var _colors = require("./colors");

var _sizes = require("./sizes");

var _typography = require("./typography");

var _spaces = require("./spaces");

var _breakpoints = require("./breakpoints");

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var styles = exports.styles = {
  input: {
    border: "1px solid palette.grey[300]}",
    borderRadius: _sizes.radius["default"],
    color: _colors.palette.grey[900],
    fontSize: _typography.fontSizes.s,
    height: "2.25rem",
    padding: "0 ".concat(_spaces.spaces.s),
    width: "100%",
    ":focus": {
      borderColor: _colors.palette.purple[400],
      boxShadow: "0 0 0 3px ".concat(_colors.palette.purple[200]),
      outline: "0",
      transition: "box-shadow 0.15s ease-in-out"
    }
  },
  heading: {
    color: _colors.palette.grey[900],
    fontFamily: _typography.fontFamilies.headerFontFamily,
    fontSize: _typography.fontSizes.xl,
    margin: "0",
    "strong": {
      color: _colors.colors.lilac
    },
    "small": {
      color: _colors.palette.grey[500],
      display: "block",
      fontSize: _typography.fontSizes.xs,
      fontWeight: "normal",
      letterSpacing: "0.03em",
      margin: "0",
      textTransform: "uppercase"
    },
    site: {
      color: _colors.palette.grey[900],
      fontFamily: _typography.fontFamilies.headerFontFamily,
      fontSize: _typography.fontSizes.xl,
      margin: "0",
      "strong": {
        color: _colors.colors.lilac
      }
    },
    emphatic: _defineProperty({
      color: _colors.palette.grey[900],
      fontFamily: _typography.fontFamilies.headerFontFamily,
      fontSize: _typography.fontSizes["3xl"],
      fontWeight: "800",
      letterSpacing: "-0.02em",
      lineHeight: "1",
      margin: "0"
    }, "@media (min-width: ".concat(_breakpoints.breakpoints.desktop, "px)"), {
      fontSize: _typography.fontSizes["4xl"]
    })
  },
  subheading: {
    color: _colors.palette.grey[900],
    fontFamily: _typography.fontFamilies.headerFontFamily,
    fontSize: _typography.fontSizes.m,
    margin: "1.5rem 0 0",
    "small": {
      color: _colors.palette.grey[500],
      display: "block",
      fontSize: _typography.fontSizes["2xs"],
      fontWeight: "normal",
      letterSpacing: "0.03em",
      marginBottom: _spaces.spaces.xs,
      textTransform: "uppercase"
    }
  },
  lede: {
    color: _colors.palette.grey[700],
    fontFamily: _typography.fontFamilies.bodyFontFamily,
    fontSize: _typography.fontSizes.m,
    margin: "0.5rem 0 0",
    emphatic: {
      color: _colors.palette.grey[700],
      fontFamily: _typography.fontFamilies.headerFontFamily,
      fontSize: _typography.fontSizes.xl,
      lineHeight: "1.3",
      margin: "1em 0 0"
    }
  },
  text: {
    color: _colors.palette.grey[700],
    fontFamily: _typography.fontFamilies.bodyFontFamily,
    fontSize: _typography.fontSizes.s,
    lineHeight: "1.5",
    ":last-child": {
      margin: "0"
    },
    emphasized: {
      fontWeight: "bold"
    },
    error: {
      "svg": {
        marginRight: _spaces.spaces.xs,
        verticalAlign: "middle",
        marginTop: "-0.1rem",
        fill: _colors.palette.red[500]
      }
    }
  }
};