UNPKG

@kiwicom/orbit-components

Version:

Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.

51 lines (40 loc) 2.21 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default; var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = exports.StyledFormFeedback = void 0; var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var React = _interopRequireWildcard(require("react")); var _styledComponents = _interopRequireWildcard(require("styled-components")); var _defaultTheme = _interopRequireDefault(require("../../defaultTheme")); const _excluded = ["theme", "type"]; const StyledFormFeedback = (0, _styledComponents.default)((_ref) => { let { theme, type } = _ref, props = (0, _objectWithoutProperties2.default)(_ref, _excluded); return /*#__PURE__*/React.createElement("div", props); }).withConfig({ displayName: "Feedback__StyledFormFeedback", componentId: "sc-vm458u-0" })(["", ""], ({ theme }) => (0, _styledComponents.css)(["color:", ";font-family:", ";font-size:", ";font-weight:", ";line-height:", ";width:100%;margin-top:2px;position:absolute;top:100%;max-height:", "px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;& a{color:", ";font-weight:", ";text-decoration:underline;cursor:pointer;}strong,b{font-weight:", ";color:", ";}"], theme.orbit.colorTextError, theme.orbit.fontFamily, theme.orbit.fontSizeFormFeedback, theme.orbit.fontWeightMedium, theme.orbit.lineHeightText, Math.floor(theme.orbit.lineHeightText * parseInt(theme.orbit.fontSizeFormFeedback, 10)), theme.orbit.colorTextError, theme.orbit.fontWeightMedium, theme.fontWeightMedium, theme.paletteInkNormal)); // $FlowFixMe: https://github.com/flow-typed/flow-typed/issues/3653#issuecomment-568539198 exports.StyledFormFeedback = StyledFormFeedback; StyledFormFeedback.defaultProps = { theme: _defaultTheme.default }; const FormFeedback = props => { const { children, dataTest } = props; return /*#__PURE__*/React.createElement(StyledFormFeedback, { "data-test": dataTest }, children); }; var _default = FormFeedback; exports.default = _default;