fui-fancyui
Version:
FancyUI Libary
23 lines (21 loc) • 811 B
JavaScript
import { styled as t } from "styled-components";
import { getBackgroundColor as c } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
const d = t.input`
aspect-ratio: 4/5;
width: 1.5ch;
font-size: 24px;
text-align: center;
color: ${({ theme: o }) => o.color.secondary[0]};
border: 1.5px solid
${({ $hasValue: o, theme: n, $themeType: r = "secondary", $layer: e }) => o ? n.color.accent[0] : c({ theme: n, $themeType: r, $layer: e })};
border-radius: 5px;
padding: ${({ theme: o }) => o.spacing.xs};
background-color: transparent;
appearance: none;
outline: none;
box-shadow: ${({ $isFocused: o, theme: n }) => o ? `0 0 2px 1px${n.color.accent[1]}` : "none"};
${({ $externalStyle: o }) => o}
`;
export {
d as StyledSingleInput
};