nice-ui
Version:
React design system, components, and utilities
31 lines (30 loc) • 1.75 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ThemeColors = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const Styles_1 = require("../../../../../styles/Styles");
const ColorHueGrid_1 = require("../ColorHueGrid");
const blockClass = (0, nano_theme_1.rule)({
d: 'flex',
jc: 'center',
});
const wrapClass = (0, nano_theme_1.rule)({
maxW: '1200px',
});
const ThemeColors = ({ theme }) => {
const styles = React.useMemo(() => {
return new Styles_1.Styles(theme);
}, [theme]);
const scales = styles.col.scales;
return (React.createElement("div", { className: blockClass },
React.createElement("div", { className: wrapClass },
React.createElement(ColorHueGrid_1.ColorHueGrid, { name: "Brand", hues: styles.theme.color.palette.brand, scales: scales }),
React.createElement(ColorHueGrid_1.ColorHueGrid, { name: "Accent", hues: styles.theme.color.palette.accent, scales: scales }),
React.createElement(ColorHueGrid_1.ColorHueGrid, { name: "Neutral", hues: styles.theme.color.palette.neutral, scales: scales }),
React.createElement(ColorHueGrid_1.ColorHueGrid, { name: "Success", hues: styles.theme.color.palette.success, scales: scales }),
React.createElement(ColorHueGrid_1.ColorHueGrid, { name: "Error", hues: styles.theme.color.palette.error, scales: scales }),
React.createElement(ColorHueGrid_1.ColorHueGrid, { name: "Warning", hues: styles.theme.color.palette.warning, scales: scales }),
React.createElement(ColorHueGrid_1.ColorHueGrid, { name: "Link", hues: styles.theme.color.palette.link, scales: scales }))));
};
exports.ThemeColors = ThemeColors;