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

10 lines (8 loc) • 580 B
1
2
3
4
5
6
7
8
9
10
import { css } from "styled-components"; import { convertHexToRgba } from "@kiwicom/orbit-design-tokens"; const formElementFocus = () => 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 ${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;