fui-fancyui
Version:
FancyUI Libary
90 lines (89 loc) • 2.01 kB
JavaScript
import { css as i } from "styled-components";
import { getBackgroundColor as g } from "../../../../design/designFunctions/colorCalculatorForComponent/colorCalculatorForComponent.js";
const s = ({
theme: e,
$themeType: o = "accent",
$layer: r,
$indicatorHeight: n,
$indicatorWidth: t
}) => {
const c = g({ theme: e, $themeType: o, $layer: r });
return i`
width: ${t ?? "100%"};
height: ${n ?? "1.5px"};
background-color: ${c};
border-radius: 10px;
`;
}, a = ({
theme: e,
$themeType: o = "accent",
$layer: r,
$indicatorHeight: n,
$indicatorWidth: t
}) => {
const c = g({ theme: e, $themeType: o, $layer: r });
return i`
height: ${n ?? "100%"};
width: ${t ?? "1.5px"};
background-color: ${c};
border-radius: 10px;
`;
}, u = ({
theme: e,
$themeType: o = "accent",
$layer: r,
$indicatorHeight: n,
$indicatorWidth: t
}) => {
const c = s({ theme: e, $themeType: o, $layer: r, $indicatorHeight: n, $indicatorWidth: t });
return i`
${c}
bottom: 0;
box-sizing: border-box;
`;
}, x = ({
theme: e,
$themeType: o = "accent",
$layer: r,
$indicatorHeight: n,
$indicatorWidth: t
}) => {
const c = s({ theme: e, $themeType: o, $layer: r, $indicatorHeight: n, $indicatorWidth: t });
return i`
${c}
top: 0;
box-sizing: border-box;
`;
}, l = ({
theme: e,
$themeType: o = "accent",
$layer: r,
$indicatorHeight: n,
$indicatorWidth: t
}) => {
const c = a({ theme: e, $themeType: o, $layer: r, $indicatorHeight: n, $indicatorWidth: t });
return i`
${c}
left: 0;
box-sizing: border-box;
`;
}, $ = ({
theme: e,
$themeType: o = "accent",
$layer: r,
$indicatorHeight: n,
$indicatorWidth: t
}) => {
const c = a({ theme: e, $themeType: o, $layer: r, $indicatorHeight: n, $indicatorWidth: t });
return i`
${c}
right: 0;
box-sizing: border-box;
`;
};
export {
l as generateLeftLine,
$ as generateRightLine,
x as generateTopline,
u as generateUnderline
};