@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.
47 lines (36 loc) • 2.25 kB
JavaScript
;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
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"));
var StyledFormFeedback = (0, _styledComponents.default)(function (_ref) {
var theme = _ref.theme,
type = _ref.type,
props = (0, _objectWithoutProperties2.default)(_ref, ["theme", "type"]);
return /*#__PURE__*/React.createElement("div", props);
}).withConfig({
displayName: "Feedback__StyledFormFeedback",
componentId: "sc-14pcvo1-0"
})(["", ""], function (_ref2) {
var theme = _ref2.theme;
return (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
};
var FormFeedback = function FormFeedback(props) {
var children = props.children,
dataTest = props.dataTest;
return /*#__PURE__*/React.createElement(StyledFormFeedback, {
"data-test": dataTest
}, children);
};
var _default = FormFeedback;
exports.default = _default;