@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
20 lines (15 loc) • 754 B
JavaScript
;
Object.defineProperty(exports, '__esModule', { value: true });
var createMemoStyles = require('../../theme/create-memo-styles.js');
var getSizeValue = require('../../theme/utils/get-size-value/get-size-value.js');
var useStyles = createMemoStyles.createMemoStyles({
paper: ({ theme, radius, shadow, padding }) => ({
backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
boxSizing: "border-box",
borderRadius: getSizeValue.getSizeValue({ size: radius, sizes: theme.radius }),
boxShadow: theme.shadows[shadow] || shadow || "none",
padding: getSizeValue.getSizeValue({ size: padding, sizes: theme.spacing })
})
});
exports.default = useStyles;
//# sourceMappingURL=Paper.styles.js.map