nice-ui
Version:
React design system, components, and utilities
33 lines (32 loc) • 987 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.color = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
exports.color = '#430';
const blockClass = (0, nano_theme_1.rule)({
...nano_theme_1.theme.font.mono.bold,
fz: '0.96em',
pad: '0px 0.33em !important',
mar: '-4px -1px',
bdrad: '.24em',
col: exports.color,
letterSpacing: '-0.025em',
cur: 'alias',
});
const useBlockClass = (0, nano_theme_1.makeRule)((theme) => ({
bd: `.08em solid ${theme.g(0, 0.08)}`,
'&:hover': {
bd: `.08em solid ${theme.g(0, 0.16)}`,
col: theme.g(0.2),
},
'&:active': {
bd: `.08em solid ${theme.g(0, 0.32)}`,
col: theme.g(0),
},
}));
const GenericInlineCode = (props) => {
const dynamicBlockClass = useBlockClass();
return React.createElement("code", { ...props, className: blockClass + dynamicBlockClass });
};
exports.default = GenericInlineCode;