@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
61 lines (60 loc) • 2.81 kB
JavaScript
"use client";
import { getSize } from "../../../core/utils/get-size/get-size.mjs";
import { createVarsResolver } from "../../../core/styles-api/create-vars-resolver/create-vars-resolver.mjs";
import { getThemeColor } from "../../../core/MantineProvider/color-functions/get-theme-color/get-theme-color.mjs";
import { useProps } from "../../../core/MantineProvider/use-props/use-props.mjs";
import { useStyles } from "../../../core/styles-api/use-styles/use-styles.mjs";
import { factory } from "../../../core/factory/factory.mjs";
import { Box } from "../../../core/Box/Box.mjs";
import Combobox_module_default from "../Combobox.module.mjs";
import { jsx } from "react/jsx-runtime";
//#region packages/@mantine/core/src/components/Combobox/ComboboxChevron/ComboboxChevron.tsx
const defaultProps = { error: null };
const varsResolver = createVarsResolver((theme, { size, color }) => ({ chevron: {
"--combobox-chevron-size": getSize(size, "combobox-chevron-size"),
"--combobox-chevron-color": color ? getThemeColor(color, theme) : void 0
} }));
const ComboboxChevron = factory((_props) => {
const props = useProps("ComboboxChevron", defaultProps, _props);
const { size, error, style, className, classNames, styles, unstyled, vars, attributes, mod, ...others } = props;
const getStyles = useStyles({
name: "ComboboxChevron",
classes: Combobox_module_default,
props,
style,
className,
classNames,
styles,
unstyled,
vars,
varsResolver,
attributes,
rootSelector: "chevron"
});
return /* @__PURE__ */ jsx(Box, {
component: "svg",
...others,
...getStyles("chevron"),
size,
viewBox: "0 0 15 15",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
mod: [
"combobox-chevron",
{ error },
mod
],
children: /* @__PURE__ */ jsx("path", {
d: "M4.93179 5.43179C4.75605 5.60753 4.75605 5.89245 4.93179 6.06819C5.10753 6.24392 5.39245 6.24392 5.56819 6.06819L7.49999 4.13638L9.43179 6.06819C9.60753 6.24392 9.89245 6.24392 10.0682 6.06819C10.2439 5.89245 10.2439 5.60753 10.0682 5.43179L7.81819 3.18179C7.73379 3.0974 7.61933 3.04999 7.49999 3.04999C7.38064 3.04999 7.26618 3.0974 7.18179 3.18179L4.93179 5.43179ZM10.0682 9.56819C10.2439 9.39245 10.2439 9.10753 10.0682 8.93179C9.89245 8.75606 9.60753 8.75606 9.43179 8.93179L7.49999 10.8636L5.56819 8.93179C5.39245 8.75606 5.10753 8.75606 4.93179 8.93179C4.75605 9.10753 4.75605 9.39245 4.93179 9.56819L7.18179 11.8182C7.35753 11.9939 7.64245 11.9939 7.81819 11.8182L10.0682 9.56819Z",
fill: "currentColor",
fillRule: "evenodd",
clipRule: "evenodd"
})
});
});
ComboboxChevron.classes = Combobox_module_default;
ComboboxChevron.varsResolver = varsResolver;
ComboboxChevron.displayName = "@mantine/core/ComboboxChevron";
//#endregion
export { ComboboxChevron };
//# sourceMappingURL=ComboboxChevron.mjs.map