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.

github.com/kiwicom/orbit

kiwicom/orbit

9 lines (7 loc) • 557 B
1
2
3
4
5
6
7
8
9
import { css } from "styled-components"; import { convertHexToRgba } from "@kiwicom/orbit-design-tokens"; // TODO: adopt new design tokens `formElementFocus` and `formElementErrorFocus` const formElementFocus = () => css(["box-shadow:", ";"], ({ theme, error }) => error ? `inset 0 0 0 1px ${theme.orbit.paletteRedNormal}, 0 0 0 3px ${convertHexToRgba(theme.orbit.paletteRedNormal, 15)};` : `inset 0 0 0 1px ${theme.orbit.borderColorInputFocus}, 0 0 0 3px ${convertHexToRgba(theme.orbit.borderColorInputFocus, 15)};`); export default formElementFocus;