@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.
12 lines (10 loc) • 712 B
JavaScript
import { css } from "styled-components";
import { TOKENS, BUTTON_STATES } from "../consts";
import getTypeToken from "./getTypeToken";
import getButtonBoxShadow from "./getButtonBoxShadow";
const getFocus = ({
bordered
}) => {
return css([":focus{", ";background:", ";}:focus:not(:focus-visible){box-shadow:none;background:", ";}:-moz-focusring,:focus-visible{", ";background:", ";}"], getButtonBoxShadow(BUTTON_STATES.FOCUS), bordered && getTypeToken(TOKENS.backgroundButtonFocus), bordered ? getTypeToken(TOKENS.backgroundButtonBordered) : getTypeToken(TOKENS.backgroundButton), getButtonBoxShadow(BUTTON_STATES.FOCUS), bordered && getTypeToken(TOKENS.backgroundButtonFocus));
};
export default getFocus;