@ddsys/material/lib/styles/input.js

<p> <a href="https://bhp-dev.gitlab.io/dds-digital-design-system/">Read the docs</a> · <a href="mailto:UserExperience@bhpbilliton.com">Request feature</a> </p>

"use strict";

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

exports.default = function (theme) {
  var colors = theme.colors,
      variables = theme.variables;
  var common = variables.common,
      fonts = variables.fonts;


  return {
    style: {
      borderRadius: common.spacing / 4 + "rem",
      fontSize: fonts.size.normal + "rem",
      padding: "10px 12px",
      transition: "border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
      "&:focus": {
        backgroundColor: colors.white,
        outline: 0,
        borderColor: (0, _color2.default)(colors.bhp_blue_3).lighten(common.lighten).hex(),
        boxShadow: "0 0 0 0.2rem " + (0, _color2.default)(colors.blue).alpha(0.25)
      }
    }
  };
};

var _color = require("color");

var _color2 = _interopRequireDefault(_color);

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