@kiwicom/orbit-components/lib/InputField/helpers/formElementFocus.js

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

"use strict";

exports.__esModule = true;
exports.default = void 0;

var _styledComponents = require("styled-components");

var _orbitDesignTokens = require("@kiwicom/orbit-design-tokens");

const formElementFocus = () => (0, _styledComponents.css)(["box-shadow:", ";"], ({
  theme,
  error
}) => error ? // TODO: UPDATE TOKENS ==> `${theme.orbit.borderWidthInputFocus} ${theme.orbit.borderColorInputFocus}`
`inset 0 0 0 1px ${theme.orbit.paletteRedNormal}, 0 0 0 3px ${(0, _orbitDesignTokens.convertHexToRgba)(theme.orbit.paletteRedNormal, 15)};` : `inset 0 0 0 1px ${theme.orbit.borderColorInputFocus}, 0 0 0 3px ${(0, _orbitDesignTokens.convertHexToRgba)(theme.orbit.borderColorInputFocus, 15)};`);

var _default = formElementFocus;
exports.default = _default;