@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
44 lines (43 loc) • 2.59 kB
JavaScript
import g from "@emotion/styled/base";
import { spacings as b } from "../../constants/units.js";
const l = {
xs: {
padding: `${b.xs} ${b.sm}`
},
sm: {
padding: `${b.sm} ${b.md}`
},
md: {
padding: `${b.md} ${b.lg}`
},
lg: {
padding: `${b.lg} ${b.xl}`
},
xl: {
padding: `${b.xl} ${b.xl}`
}
}, Z = /* @__PURE__ */ g("div", process.env.NODE_ENV === "production" ? {
target: "eksmgq90"
} : {
target: "eksmgq90",
label: "StyledBox"
})("width:fit-content;box-shadow:", ({
theme: c,
$inset: d
}) => d === !0 ? c.shadowInset : c.shadow, ";border:", ({
theme: c
}) => c.border, ";border-radius:", ({
theme: c
}) => c.borderRadius, ";background:", ({
theme: c
}) => c.background, ";", ({
$size: c,
$boxStyle: d
}) => ({
...l[c],
...d
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvQm94L2JveC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJFIiwiZmlsZSI6Ii9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvQm94L2JveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFNpemVzLCBzcGFjaW5ncyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxuZXhwb3J0IGNvbnN0IEJPWF9TVFlMRVM6IFJlY29yZDxTaXplcywgUmVhY3QuQ1NTUHJvcGVydGllcz4gPSB7XG4gIHhzOiB7XG4gICAgcGFkZGluZzogYCR7c3BhY2luZ3MueHN9ICR7c3BhY2luZ3Muc219YCxcbiAgfSxcbiAgc206IHtcbiAgICBwYWRkaW5nOiBgJHtzcGFjaW5ncy5zbX0gJHtzcGFjaW5ncy5tZH1gLFxuICB9LFxuICBtZDoge1xuICAgIHBhZGRpbmc6IGAke3NwYWNpbmdzLm1kfSAke3NwYWNpbmdzLmxnfWAsXG4gIH0sXG4gIGxnOiB7XG4gICAgcGFkZGluZzogYCR7c3BhY2luZ3MubGd9ICR7c3BhY2luZ3MueGx9YCxcbiAgfSxcbiAgeGw6IHtcbiAgICBwYWRkaW5nOiBgJHtzcGFjaW5ncy54bH0gJHtzcGFjaW5ncy54bH1gLFxuICB9LFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZC5kaXY8e1xuICAkaW5zZXQ/OiBib29sZWFuO1xuICAkc2l6ZTogU2l6ZXM7XG4gICRib3hTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG59PmBcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCAkaW5zZXQgfSkgPT5cbiAgICAkaW5zZXQgPT09IHRydWUgPyB0aGVtZS5zaGFkb3dJbnNldCA6IHRoZW1lLnNoYWRvd307XG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlclJhZGl1c307XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmFja2dyb3VuZH07XG4gICR7KHsgJHNpemUsICRib3hTdHlsZSB9KSA9PiAoe1xuICAgIC4uLkJPWF9TVFlMRVNbJHNpemVdLFxuICAgIC4uLiRib3hTdHlsZSxcbiAgfSl9XG5gO1xuIl19 */"));
export {
l as BOX_STYLES,
Z as StyledBox
};