@tolokoban/ui
Version:
React components with theme
16 lines • 2.85 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { useId } from "react";
import { styleColor, styleSpace, Theme, } from "../../theme/index.js";
import { styleDimension, } from "../../theme/styles/dimension.js";
import { stylePosition } from "../../theme/styles/position.js";
import { styleChild } from "../../theme/styles/child.js";
import Styles from "./Tooltip.module.css";
export function ViewTooltip(props) {
const id = useId();
const styleContainer = Object.assign(Object.assign({}, stylePosition(props)), styleChild(props));
const styleContent = Object.assign(Object.assign(Object.assign({}, styleDimension(props)), styleColor(Object.assign({ shadow: 3, color: "primary-8" }, props))), styleSpace(Object.assign({ padding: "M", borderRadius: "S" }, props)));
styleContent["--custom-back"] = styleContent.backgroundColor;
const { content, children, attach = "top" } = props;
return (_jsxs("div", { className: Theme.classNames.join(props.className, Styles.tooltip), style: styleContainer, "aria-details": id, children: [children, content && (_jsx("div", { className: [Styles.content, Styles[attach]].join(" "), style: styleContent, id: id, children: content }))] }));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy92aWV3L1Rvb2x0aXAvVG9vbHRpcC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQWMsRUFBRSxLQUFLLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFcEMsT0FBTyxFQUdILFVBQVUsRUFDVixVQUFVLEVBQ1YsS0FBSyxHQUNSLE1BQU0sYUFBYSxDQUFBO0FBQ3BCLE9BQU8sRUFFSCxjQUFjLEdBQ2pCLE1BQU0sOEJBQThCLENBQUE7QUFDckMsT0FBTyxFQUFzQixhQUFhLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUMvRSxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRXRFLE9BQU8sTUFBTSxNQUFNLHNCQUFzQixDQUFBO0FBY3pDLE1BQU0sVUFBVSxXQUFXLENBQUMsS0FBbUI7SUFDM0MsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUE7SUFDbEIsTUFBTSxjQUFjLG1DQUNiLGFBQWEsQ0FBQyxLQUFLLENBQUMsR0FDcEIsVUFBVSxDQUFDLEtBQUssQ0FBQyxDQUN2QixDQUFBO0lBQ0QsTUFBTSxZQUFZLGlEQUNYLGNBQWMsQ0FBQyxLQUFLLENBQUMsR0FDckIsVUFBVSxpQkFDVCxNQUFNLEVBQUUsQ0FBQyxFQUNULEtBQUssRUFBRSxXQUFXLElBQ2YsS0FBSyxFQUNWLEdBQ0MsVUFBVSxpQkFDVCxPQUFPLEVBQUUsR0FBRyxFQUNaLFlBQVksRUFBRSxHQUFHLElBQ2QsS0FBSyxFQUNWLENBQ0wsQ0FBQTtJQUNELFlBQVksQ0FBQyxlQUFlLENBQUMsR0FBRyxZQUFZLENBQUMsZUFBZSxDQUFBO0lBQzVELE1BQU0sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sR0FBRyxLQUFLLEVBQUUsR0FBRyxLQUFLLENBQUE7SUFFbkQsT0FBTyxDQUNILGVBQ0ksU0FBUyxFQUFFLEtBQUssQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLE9BQU8sQ0FBQyxFQUNqRSxLQUFLLEVBQUUsY0FBYyxrQkFDUCxFQUFFLGFBRWYsUUFBUSxFQUNSLE9BQU8sSUFBSSxDQUNSLGNBQ0ksU0FBUyxFQUFFLENBQUMsTUFBTSxDQUFDLE9BQU8sRUFBRSxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEVBQ3JELEtBQUssRUFBRSxZQUFZLEVBQ25CLEVBQUUsRUFBRSxFQUFFLFlBRUwsT0FBTyxHQUNOLENBQ1QsSUFDQyxDQUNULENBQUE7QUFDTCxDQUFDIn0=