fui-fancyui
Version:
FancyUI Libary
37 lines (35 loc) • 1.27 kB
JavaScript
import { css as m } from "styled-components";
import { getBackgroundColor as u } from "../colorCalculatorForComponent/colorCalculatorForComponent.js";
import $ from "../colorTransparencyCalculator/colorTransparencyCalculator.js";
import p from "../../theme/themeStore/themeStore.js";
import y from "../../../utils/functions/clampLayer/clampLayer.js";
const h = (a) => {
const { $themeType: e, theme: r, $layer: o = 3, $outlinedBackgroundStrength: t = 0.5, $outlinedRemoveBorder: l } = a, d = u({ theme: r, $themeType: e ?? "primary", $layer: o ?? 3 }), n = $(
u({ theme: r, $themeType: e || "primary", $layer: y(o - 3) }),
t
);
return m`
background-color: ${n};
${!l && m`
border: 1.5px solid ${d};
`};
`;
};
function T(a) {
const { $themeType: e, theme: r, $outlined: o, $layer: t, $outlinedBackgroundStrength: l, $outlinedRemoveBorder: d } = a;
let n, c;
const g = p((i) => i.theme.outlined.outlinedBackgroundStrength);
return o ? n = h({
$themeType: e,
theme: r,
$layer: t,
$outlinedBackgroundStrength: l || g,
$outlinedRemoveBorder: d
}) : c = u({ theme: r, $themeType: e ?? "primary", $layer: t ?? 1 }), m`
background-color: ${e !== "transparent" && c};
${n}
`;
}
export {
T as default
};