fui-fancyui
Version:
FancyUI Libary
32 lines (30 loc) • 1.07 kB
JavaScript
import { styled as d } from "styled-components";
import n from "../../../design/designFunctions/calcBorderRadiusOnAlignment/calcBorderRadiusOnAlignment.js";
import { getBackgroundColor as e } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
import { boxShadow as l } from "../../../design/designFunctions/shadows/shadows.js";
const s = d.div`
${({ $alignHorizontal: o, $alignVertical: i, $borderRadius: r }) => n({ $alignHorizontal: o, $alignVertical: i, $borderRadius: r })};
position: absolute;
overflow: hidden;
width: ${({ $width: o }) => o};
z-index: 100;
`, m = d.ul`
display: flex;
flex-direction: column;
box-sizing: border-box;
padding: 0;
margin: 0;
width: 100%;
padding: ${({ theme: o }) => o.spacing.lg};
background-color: ${({ theme: o, $themeType: i = "primary", $layer: r = 1 }) => e({ theme: o, $themeType: i, $layer: r })};
${l.lg}
gap: ${({ theme: o }) => o.spacing.xs};
overflow: hidden;
li {
list-style: none;
}
`;
export {
m as StyledUL,
s as WrapperUL
};