{"dependencies":[{"name":"simple-assign","loc":{"line":7,"column":28}},{"name":"react","loc":{"line":11,"column":21}},{"name":"prop-types","loc":{"line":15,"column":25}},{"name":"../styles/transitions","loc":{"line":19,"column":27}}],"generated":{"js":"'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _simpleAssign = require('simple-assign');\n\nvar _simpleAssign2 = _interopRequireDefault(_simpleAssign);\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _propTypes = require('prop-types');\n\nvar _propTypes2 = _interopRequireDefault(_propTypes);\n\nvar _transitions = require('../styles/transitions');\n\nvar _transitions2 = _interopRequireDefault(_transitions);\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : { default: obj };\n}\n\nvar propTypes = {\n  /**\n   * True if the parent `TextField` is disabled.\n   */\n  disabled: _propTypes2.default.bool,\n  /**\n   * Override the inline-styles of the underline when parent `TextField` is disabled.\n   */\n  disabledStyle: _propTypes2.default.object,\n  /**\n   * True if the parent `TextField` has an error.\n   */\n  error: _propTypes2.default.bool,\n  /**\n   * Override the inline-styles of the underline when parent `TextField` has an error.\n   */\n  errorStyle: _propTypes2.default.object,\n  /**\n   * True if the parent `TextField` is focused.\n   */\n  focus: _propTypes2.default.bool,\n  /**\n   * Override the inline-styles of the underline when parent `TextField` is focused.\n   */\n  focusStyle: _propTypes2.default.object,\n  /**\n   * @ignore\n   * The material-ui theme applied to this component.\n   */\n  muiTheme: _propTypes2.default.object.isRequired,\n  /**\n   * Override the inline-styles of the root element.\n   */\n  style: _propTypes2.default.object\n};\n\nvar defaultProps = {\n  disabled: false,\n  disabledStyle: {},\n  error: false,\n  errorStyle: {},\n  focus: false,\n  focusStyle: {},\n  style: {}\n};\n\nvar TextFieldUnderline = function TextFieldUnderline(props) {\n  var disabled = props.disabled,\n      disabledStyle = props.disabledStyle,\n      error = props.error,\n      errorStyle = props.errorStyle,\n      focus = props.focus,\n      focusStyle = props.focusStyle,\n      muiTheme = props.muiTheme,\n      style = props.style;\n  var errorStyleColor = errorStyle.color;\n  var prepareStyles = muiTheme.prepareStyles,\n      _muiTheme$textField = muiTheme.textField,\n      borderColor = _muiTheme$textField.borderColor,\n      disabledTextColor = _muiTheme$textField.disabledTextColor,\n      errorColor = _muiTheme$textField.errorColor,\n      focusColor = _muiTheme$textField.focusColor;\n\n  var styles = {\n    root: {\n      borderTop: 'none',\n      borderLeft: 'none',\n      borderRight: 'none',\n      borderBottomStyle: 'solid',\n      borderBottomWidth: 1,\n      borderColor: borderColor,\n      bottom: 8,\n      boxSizing: 'content-box',\n      margin: 0,\n      position: 'absolute',\n      width: '100%'\n    },\n    disabled: {\n      borderBottomStyle: 'dotted',\n      borderBottomWidth: 2,\n      borderColor: disabledTextColor\n    },\n    focus: {\n      borderBottomStyle: 'solid',\n      borderBottomWidth: 2,\n      borderColor: focusColor,\n      transform: 'scaleX(0)',\n      transition: _transitions2.default.easeOut()\n    },\n    error: {\n      borderColor: errorStyleColor ? errorStyleColor : errorColor,\n      transform: 'scaleX(1)'\n    }\n  };\n\n  var underline = (0, _simpleAssign2.default)({}, styles.root, style);\n  var focusedUnderline = (0, _simpleAssign2.default)({}, underline, styles.focus, focusStyle);\n\n  if (disabled) underline = (0, _simpleAssign2.default)({}, underline, styles.disabled, disabledStyle);\n  if (focus) focusedUnderline = (0, _simpleAssign2.default)({}, focusedUnderline, { transform: 'scaleX(1)' });\n  if (error) focusedUnderline = (0, _simpleAssign2.default)({}, focusedUnderline, styles.error);\n\n  return _react2.default.createElement('div', null, _react2.default.createElement('hr', { 'aria-hidden': 'true', style: prepareStyles(underline) }), _react2.default.createElement('hr', { 'aria-hidden': 'true', style: prepareStyles(focusedUnderline) }));\n};\n\nTextFieldUnderline.propTypes = \"development\" !== \"production\" ? propTypes : {};\nTextFieldUnderline.defaultProps = defaultProps;\n\nexports.default = TextFieldUnderline;"},"hash":"e8641742a832427cfad5a3c09a66dfc7"}