@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
54 lines (53 loc) • 3.15 kB
JavaScript
import d from "@emotion/styled/base";
import { spacings as c } from "../../constants/units.js";
const l = {
xs: {
padding: `${c.xs} ${c.sm}`,
fontSize: "10px",
borderRadius: "4px"
},
sm: {
padding: `${c.sm} ${c.md}`,
fontSize: "12px",
borderRadius: "6px"
},
md: {
padding: `${c.md} ${c.lg}`,
fontSize: "14px",
borderRadius: "8px"
},
lg: {
padding: `${c.lg} ${c.xl}`,
fontSize: "16px",
borderRadius: "10px"
},
xl: {
padding: `${c.xl} ${c.xl}`,
fontSize: "18px",
borderRadius: "12px"
}
}, n = /* @__PURE__ */ d("div", process.env.NODE_ENV === "production" ? {
target: "eblm67u0"
} : {
target: "eblm67u0",
label: "StyledBadge"
})(({
theme: i,
$inset: b,
$size: g,
$badgeStyle: I
}) => ({
...l[g],
...I,
background: i.background,
borderRadius: i.borderRadius,
border: i.border,
height: "fit-content",
width: "fit-content",
boxShadow: b ? i.shadowInset : i.shadow,
...I
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvQmFkZ2UvYmFkZ2Uuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ0UiLCJmaWxlIjoiL1VzZXJzL2Jlbi9Eb2N1bWVudHMvUHJvamVjdHMvcmVhY3QtbmV1bW9ycGhpc21lL3NyYy9saWIvY29tcG9uZW50cy9CYWRnZS9iYWRnZS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTaXplcywgc3BhY2luZ3MgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBCQURHRV9TVFlMRVM6IFJlY29yZDxTaXplcywgUmVhY3QuQ1NTUHJvcGVydGllcz4gPSB7XG4gIHhzOiB7XG4gICAgcGFkZGluZzogYCR7c3BhY2luZ3MueHN9ICR7c3BhY2luZ3Muc219YCxcbiAgICBmb250U2l6ZTogXCIxMHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjRweFwiLFxuICB9LFxuICBzbToge1xuICAgIHBhZGRpbmc6IGAke3NwYWNpbmdzLnNtfSAke3NwYWNpbmdzLm1kfWAsXG4gICAgZm9udFNpemU6IFwiMTJweFwiLFxuICAgIGJvcmRlclJhZGl1czogXCI2cHhcIixcbiAgfSxcbiAgbWQ6IHtcbiAgICBwYWRkaW5nOiBgJHtzcGFjaW5ncy5tZH0gJHtzcGFjaW5ncy5sZ31gLFxuICAgIGZvbnRTaXplOiBcIjE0cHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiOHB4XCIsXG4gIH0sXG4gIGxnOiB7XG4gICAgcGFkZGluZzogYCR7c3BhY2luZ3MubGd9ICR7c3BhY2luZ3MueGx9YCxcbiAgICBmb250U2l6ZTogXCIxNnB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjEwcHhcIixcbiAgfSxcbiAgeGw6IHtcbiAgICBwYWRkaW5nOiBgJHtzcGFjaW5ncy54bH0gJHtzcGFjaW5ncy54bH1gLFxuICAgIGZvbnRTaXplOiBcIjE4cHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiMTJweFwiLFxuICB9LFxufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEJhZGdlID0gc3R5bGVkLmRpdjx7XG4gICRpbnNldDogYm9vbGVhbjtcbiAgJHNpemU6IFNpemVzO1xuICAkYmFkZ2VTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG59PmBcbiAgJHsoeyB0aGVtZSwgJGluc2V0LCAkc2l6ZSwgJGJhZGdlU3R5bGUgfSkgPT4gKHtcbiAgICAuLi5CQURHRV9TVFlMRVNbJHNpemVdLFxuICAgIC4uLiRiYWRnZVN0eWxlLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lLmJhY2tncm91bmQsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS5ib3JkZXJSYWRpdXMsXG4gICAgYm9yZGVyOiB0aGVtZS5ib3JkZXIsXG4gICAgaGVpZ2h0OiBcImZpdC1jb250ZW50XCIsXG4gICAgd2lkdGg6IFwiZml0LWNvbnRlbnRcIixcbiAgICBib3hTaGFkb3c6ICRpbnNldCA/IHRoZW1lLnNoYWRvd0luc2V0IDogdGhlbWUuc2hhZG93LFxuICAgIC4uLiRiYWRnZVN0eWxlLFxuICB9KX1cbmA7XG4iXX0= */"));
export {
l as BADGE_STYLES,
n as StyledBadge
};