fui-fancyui
Version:
FancyUI Libary
34 lines (31 loc) • 972 B
JavaScript
import { css as t, styled as n } from "styled-components";
import a from "../../atoms/FancyBox/FancyBox.js";
import { disabledStyle as e } from "../../../design/designFunctions/disabledStyle/disableStyle.js";
const p = (i, s) => t`
padding: ${i.spacing.xxs} ${i.spacing.sm} ${i.spacing.xxs};
height: ${""};
`, x = (i, s) => t`
padding: ${`2px ${i.spacing.sm} ${i.spacing.xxs}`};
height: ${""};
`, l = n(a)`
display: flex;
gap: 8px;
border-radius: 12px;
position: relative;
align-items: center;
${({ $hasLabel: i, theme: s }) => i ? p(s) : x(s)};
width: ${({ $autoWidth: i }) => i ? "auto" : "100%"};
${({ $boxShadow: i, $isActive: s, theme: o }) => i && s && t`
box-shadow: 0 0 0 1px ${o.color.accent[0]} inset;
`}
${({ $isDisabled: i }) => i && e};
`, d = (i) => t`
flex-shrink: 0;
margin-top: ${i ? "10px" : "5px"};
transition: 0.25s;
align-self: self-start;
`;
export {
l as ExtendedFancyBox,
d as generateIconStyle
};