fui-fancyui
Version:
FancyUI Libary
38 lines (37 loc) • 1.17 kB
JavaScript
import { styled as o } from "styled-components";
import { sizeSettings as r } from "./sizeSettings.js";
import { getBackgroundColor as s } from "../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
import n from "../../../design/designFunctions/arrayToCssValues/arrayToCssValues.js";
const c = o.div`
position: relative;
width: 100%;
min-height: fit-content;
${({ $externalStyle: t }) => t};
`;
o.div`
height: 90%;
width: 100%;
max-height: 50px;
position: relative;
justify-content: center;
display: flex;
flex-direction: column;
`;
const l = o.div`
width: ${({ $width: t }) => t || "100%"}; // Set the width of the search bar listssss
height: auto;
transition: height 0.5s ease-in-out;
`, u = o.div`
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: fit-content;
background-color: ${({ theme: t, $themeType: i, $layer: e }) => s({ theme: t, $themeType: i, $layer: e })};
border-radius: ${({ $sizeC: t, $borderRadius: i, theme: e }) => i ? n(i, "borderRadius") : e.borderRadius[r[t].borderRadius]};
`;
export {
u as Background,
l as WrapperList,
c as WrapperListInput
};