@frontify/fondue
Version:
Design system of Frontify
40 lines (39 loc) • 1.67 kB
JavaScript
import { FOCUS_VISIBLE_STYLE as s } from "../../../utilities/focusStyle.es.js";
import { merge as r } from "../../../utilities/merge.es.js";
import { TreeItemColorsClassMap as o, TreeItemBorderRadiusClassMap as a, TreeItemSpacingClassMap as i, TreeItemBorderClassMap as d, TreeItemBorderStyleClassMap as w, TreeItemShadowClassMap as c } from "../types.es.js";
const b = (t, e) => {
const n = o[t.activeColorStyle ?? "neutral"];
return r([
s,
"tw-box-content tw-relative tw-cursor-default tw-transition-colors tw-outline-none tw-ring-inset tw-group tw-no-underline tw-leading-5",
i[t.spacingY ?? "none"],
e ? "tw-text-text-disabled" : n.textColor
]);
}, m = (t, e, n) => {
const l = o[t.activeColorStyle ?? "neutral"];
return r([
"tw-block tw-absolute tw-inset-0 tw-transition-colors -tw-z-10",
t.borderWidth !== "none" ? a[t.borderRadius ?? "small"] : "",
(!e || t.activeColorStyle !== "neutral") && l.pressedBackgroundColor,
n ? o.none.backgroundColor : l.backgroundColor
]);
}, h = (t) => {
const e = t.borderWidth !== "none" ? r([
d[t.borderWidth ?? "none"],
a[t.borderRadius ?? "small"],
w[t.borderStyle ?? "none"]
]) : "";
return r([
"tw-relative tw-z-0 tw-transition-colors tw-flex tw-items-center tw-content-center tw-leading-5 tw-width-fit tw-justify-start tw-pl-2",
c[t.shadow ?? "none"],
e,
a[t.borderRadius ?? "small"],
t.contentHight === "single-line" ? "tw-h-10" : "tw-h-fit"
]);
};
export {
m as getMultiselectBackgroundClassName,
h as getMultiselectContainerClassName,
b as getMultiselectLiClassName
};
//# sourceMappingURL=multiselectTreeItemstyling.es.js.map