@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
44 lines (43 loc) • 8.5 kB
JavaScript
import g from "@emotion/styled/base";
import { spacings as I } from "../../constants/units.js";
const c = /* @__PURE__ */ g("div", process.env.NODE_ENV === "production" ? {
target: "e107edsx2"
} : {
target: "e107edsx2",
label: "StyledOverlay"
})("position:fixed;z-index:9999998;top:0;left:0;background:", ({
theme: b
}) => b.background, ";opacity:0.9;width:100%;height:100%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvTW9kYWwvbW9kYWwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUMiLCJmaWxlIjoiL1VzZXJzL2Jlbi9Eb2N1bWVudHMvUHJvamVjdHMvcmVhY3QtbmV1bW9ycGhpc21lL3NyYy9saWIvY29tcG9uZW50cy9Nb2RhbC9tb2RhbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5ncyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5OTg7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iYWNrZ3JvdW5kfTtcbiAgb3BhY2l0eTogMC45O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gc3R5bGVkLmRpdjx7XG4gICR3aWR0aDogbnVtYmVyO1xuICAkaGVpZ2h0OiBudW1iZXI7XG59PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiA5OTk5OTk5O1xuICB0b3A6IGNhbGMoNTAlIC0gJHsoeyAkaGVpZ2h0IH0pID0+ICRoZWlnaHQgLyAyfXB4KTtcbiAgbGVmdDogY2FsYyg1MCUgLSAkeyh7ICR3aWR0aCB9KSA9PiAkd2lkdGggLyAyfXB4KTtcbiAgd2lkdGg6ICR7KHsgJHdpZHRoIH0pID0+ICR3aWR0aH1weDtcbiAgaGVpZ2h0OiAkeyh7ICRoZWlnaHQgfSkgPT4gJGhlaWdodH1weDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iYWNrZ3JvdW5kfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJSYWRpdXN9O1xuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dJbnNldH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZ3MueGx9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZ3MubWR9O1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcn07XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArIDIgKiAke3NwYWNpbmdzLnhsfSk7XG4gICAgbGVmdDogLSR7c3BhY2luZ3MueGx9O1xuICB9XG5gO1xuIl19 */")), l = /* @__PURE__ */ g("div", process.env.NODE_ENV === "production" ? {
target: "e107edsx1"
} : {
target: "e107edsx1",
label: "StyledModal"
})("position:fixed;z-index:9999999;top:calc(50% - ", ({
$height: b
}) => b / 2, "px);left:calc(50% - ", ({
$width: b
}) => b / 2, "px);width:", ({
$width: b
}) => b, "px;height:", ({
$height: b
}) => b, "px;background:", ({
theme: b
}) => b.background, ";border-radius:", ({
theme: b
}) => b.borderRadius, ";border:", ({
theme: b
}) => b.border, ";box-shadow:", ({
theme: b
}) => b.shadowInset, ";display:flex;flex-direction:column;padding:", I.xl, ";@media (max-width: 768px){width:100%;height:100%;top:0;left:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvTW9kYWwvbW9kYWwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQkUiLCJmaWxlIjoiL1VzZXJzL2Jlbi9Eb2N1bWVudHMvUHJvamVjdHMvcmVhY3QtbmV1bW9ycGhpc21lL3NyYy9saWIvY29tcG9uZW50cy9Nb2RhbC9tb2RhbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBzcGFjaW5ncyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHotaW5kZXg6IDk5OTk5OTg7XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iYWNrZ3JvdW5kfTtcbiAgb3BhY2l0eTogMC45O1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gc3R5bGVkLmRpdjx7XG4gICR3aWR0aDogbnVtYmVyO1xuICAkaGVpZ2h0OiBudW1iZXI7XG59PmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiA5OTk5OTk5O1xuICB0b3A6IGNhbGMoNTAlIC0gJHsoeyAkaGVpZ2h0IH0pID0+ICRoZWlnaHQgLyAyfXB4KTtcbiAgbGVmdDogY2FsYyg1MCUgLSAkeyh7ICR3aWR0aCB9KSA9PiAkd2lkdGggLyAyfXB4KTtcbiAgd2lkdGg6ICR7KHsgJHdpZHRoIH0pID0+ICR3aWR0aH1weDtcbiAgaGVpZ2h0OiAkeyh7ICRoZWlnaHQgfSkgPT4gJGhlaWdodH1weDtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iYWNrZ3JvdW5kfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJSYWRpdXN9O1xuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dJbnNldH07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7c3BhY2luZ3MueGx9O1xuXG4gIEBtZWRpYSAobWF4LXdpZHRoOiA3NjhweCkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206ICR7c3BhY2luZ3MubWR9O1xuXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGJvdHRvbTogMDtcbiAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcn07XG4gICAgd2lkdGg6IGNhbGMoMTAwJSArIDIgKiAke3NwYWNpbmdzLnhsfSk7XG4gICAgbGVmdDogLSR7c3BhY2luZ3MueGx9O1xuICB9XG5gO1xuIl19 */")), i = /* @__PURE__ */ g("div", process.env.NODE_ENV === "production" ? {
target: "e107edsx0"
} : {
target: "e107edsx0",
label: "StyledHeader"
})("display:flex;justify-content:space-between;width:100%;position:relative;padding-bottom:", I.md, ';&:after{content:"";position:absolute;bottom:0;border-bottom:', ({
theme: b
}) => b.border, ";width:calc(100% + 2 * ", I.xl, ");left:-", I.xl, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvTW9kYWwvbW9kYWwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3NDIiwiZmlsZSI6Ii9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvTW9kYWwvbW9kYWwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgc3BhY2luZ3MgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRPdmVybGF5ID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IGZpeGVkO1xuICB6LWluZGV4OiA5OTk5OTk4O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmFja2dyb3VuZH07XG4gIG9wYWNpdHk6IDAuOTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRNb2RhbCA9IHN0eWxlZC5kaXY8e1xuICAkd2lkdGg6IG51bWJlcjtcbiAgJGhlaWdodDogbnVtYmVyO1xufT5gXG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgei1pbmRleDogOTk5OTk5OTtcbiAgdG9wOiBjYWxjKDUwJSAtICR7KHsgJGhlaWdodCB9KSA9PiAkaGVpZ2h0IC8gMn1weCk7XG4gIGxlZnQ6IGNhbGMoNTAlIC0gJHsoeyAkd2lkdGggfSkgPT4gJHdpZHRoIC8gMn1weCk7XG4gIHdpZHRoOiAkeyh7ICR3aWR0aCB9KSA9PiAkd2lkdGh9cHg7XG4gIGhlaWdodDogJHsoeyAkaGVpZ2h0IH0pID0+ICRoZWlnaHR9cHg7XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmFja2dyb3VuZH07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyUmFkaXVzfTtcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcn07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93SW5zZXR9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAke3NwYWNpbmdzLnhsfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogNzY4cHgpIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgdG9wOiAwO1xuICAgIGxlZnQ6IDA7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIHBhZGRpbmctYm90dG9tOiAke3NwYWNpbmdzLm1kfTtcblxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiBcIlwiO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBib3R0b206IDA7XG4gICAgYm9yZGVyLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJ9O1xuICAgIHdpZHRoOiBjYWxjKDEwMCUgKyAyICogJHtzcGFjaW5ncy54bH0pO1xuICAgIGxlZnQ6IC0ke3NwYWNpbmdzLnhsfTtcbiAgfVxuYDtcbiJdfQ== */"));
export {
i as StyledHeader,
l as StyledModal,
c as StyledOverlay
};