@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.
25 lines (24 loc) • 1.58 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _orbitDesignTokens = require("@kiwicom/orbit-design-tokens");
var _defaultTheme = _interopRequireDefault(require("../../../defaultTheme"));
var _helpers = require("./helpers");
const pulseAnimation = (0, _styledComponents.keyframes)(["0%{transform:scale(0.01);}50%{transform:scale(1);}100%{transform:scale(0.01);}"]);
const StyledIconWrapper = _styledComponents.default.div.withConfig({
displayName: "StyledIconWrapper",
componentId: "sc-1l9vlmm-0"
})(["", ";"], ({
theme,
mobile,
status,
active
}) => (0, _styledComponents.css)(["display:flex;align-items:center;justify-content:center;min-width:", ";z-index:1;text-align:center;position:relative;height:20px;line-height:", ";&:after{position:absolute;top:0px;left:", ";content:\"\";height:20px;width:20px;border-radius:100%;", ";background:", ";}"], mobile && theme.orbit.spaceLarge, theme.orbit.lineHeightTextSmall, mobile ? "2px" : "-2px", active && (0, _styledComponents.css)(["animation:", " 2.5s ease-in-out infinite;"], pulseAnimation), status && (0, _orbitDesignTokens.convertHexToRgba)((0, _helpers.renderStatus)(status, theme), 10)));
StyledIconWrapper.defaultProps = {
theme: _defaultTheme.default
};
var _default = StyledIconWrapper;
exports.default = _default;