"use strict";

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

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

var _colors2 = _interopRequireDefault(_colors);

var _presets = require("../../utils/presets");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var input = {
  border: "1px solid ".concat(_colors2["default"].grey[30]),
  borderRadius: _presets.radius["default"],
  color: _colors2["default"].grey[90],
  fontSize: _presets.fontSizes.s,
  height: "2.25rem",
  padding: "0 ".concat(_presets.spaces.s),
  width: "100%",
  ":focus": {
    borderColor: _colors2["default"].purple[40],
    boxShadow: "0 0 0 3px ".concat(_colors2["default"].purple[20]),
    outline: "0",
    transition: "box-shadow 0.15s ease-in-out"
  }
};
exports["default"] = input;