@tolokoban/ui
Version:
React components with theme
16 lines • 2.57 kB
JavaScript
import { __rest } from "tslib";
import { jsx as _jsx } from "react/jsx-runtime";
import { Theme } from "../../theme/index.js";
import { styleColor } from "../../theme/styles/color.js";
import { styleSpace } from "../../theme/styles/space.js";
import { styleDimension, } from "../../theme/styles/dimension.js";
import { styleDisplay } from "../../theme/styles/display.js";
import { stylePosition, } from "../../theme/styles/position.js";
import { styleChild } from "../../theme/styles/child.js";
import Styles from "./Scroll.module.css";
const $ = Theme.classNames;
export function ViewScroll(_a) {
var { className, children, color = "neutral-7", bannerSize = "5em" } = _a, props = __rest(_a, ["className", "children", "color", "bannerSize"]);
return (_jsx("div", { className: $.join(className, Styles.Scroll), style: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ "--custom-banner-size": bannerSize, "--custom-banner-color": `var(--theme-color-${color})` }, styleColor({ color })), styleSpace(props)), styleDimension(props)), styleDisplay(props)), stylePosition(props)), styleChild(props)), children: _jsx("div", { children: children }) }));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2Nyb2xsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3ZpZXcvU2Nyb2xsL1Njcm9sbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFFQSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFFNUMsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN0RSxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFFSCxjQUFjLEdBQ2pCLE1BQU0saUNBQWlDLENBQUE7QUFDeEMsT0FBTyxFQUFxQixZQUFZLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM1RSxPQUFPLEVBRUgsYUFBYSxHQUNoQixNQUFNLGdDQUFnQyxDQUFBO0FBQ3ZDLE9BQU8sRUFBbUIsVUFBVSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFekUsT0FBTyxNQUFNLE1BQU0scUJBQXFCLENBQUE7QUFFeEMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQXlCMUIsTUFBTSxVQUFVLFVBQVUsQ0FBQyxFQU1UO1FBTlMsRUFDdkIsU0FBUyxFQUNULFFBQVEsRUFDUixLQUFLLEdBQUcsV0FBVyxFQUNuQixVQUFVLEdBQUcsS0FBSyxPQUVKLEVBRFgsS0FBSyxjQUxlLGdEQU0xQixDQURXO0lBRVIsT0FBTyxDQUNILGNBQ0ksU0FBUyxFQUFFLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFDM0MsS0FBSyx3RkFDRCxzQkFBc0IsRUFBRSxVQUFVLEVBQ2xDLHVCQUF1QixFQUFFLHFCQUFxQixLQUFLLEdBQUcsSUFDbkQsVUFBVSxDQUFDLEVBQUUsS0FBSyxFQUFFLENBQUMsR0FDckIsVUFBVSxDQUFDLEtBQUssQ0FBQyxHQUNqQixjQUFjLENBQUMsS0FBSyxDQUFDLEdBQ3JCLFlBQVksQ0FBQyxLQUFLLENBQUMsR0FDbkIsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLGFBR3hCLHdCQUFNLFFBQVEsR0FBTyxHQUNuQixDQUNULENBQUE7QUFDTCxDQUFDIn0=