@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
68 lines (67 loc) • 7.51 kB
JavaScript
import c from "@emotion/styled/base";
import { spacings as g } from "../../constants/units.js";
const C = /* @__PURE__ */ c("label", process.env.NODE_ENV === "production" ? {
target: "eiovhbb1"
} : {
target: "eiovhbb1",
label: "StyledLabel"
})("width:100%;display:flex;flex-direction:column;gap:", ({
$textAreaSize: I
}) => I === "xs" ? g.xs : g.sm, ";", ({
$textAreaContainerStyle: I
}) => ({
...I
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvVGV4dEFyZWEvdGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZRSIsImZpbGUiOiIvVXNlcnMvYmVuL0RvY3VtZW50cy9Qcm9qZWN0cy9yZWFjdC1uZXVtb3JwaGlzbWUvc3JjL2xpYi9jb21wb25lbnRzL1RleHRBcmVhL3RleHRBcmVhLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFNpemVzLCBzcGFjaW5ncyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxudHlwZSBTdHlsZWRUZXh0QXJlYVByb3BzID0ge1xuICAkdGV4dEFyZWFTaXplOiBTaXplcztcbiAgJGVuYWJsZUR5bmFtaWNIZWlnaHQ6IGJvb2xlYW47XG4gICR0ZXh0QXJlYVN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbn07XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZC5sYWJlbDx7XG4gICR0ZXh0QXJlYVNpemU6IFNpemVzO1xuICAkdGV4dEFyZWFDb250YWluZXJTdHlsZT86IFJlYWN0LkNTU1Byb3BlcnRpZXM7XG59PmBcbiAgd2lkdGg6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGdhcDogJHsoeyAkdGV4dEFyZWFTaXplIH0pID0+XG4gICAgJHRleHRBcmVhU2l6ZSA9PT0gXCJ4c1wiID8gc3BhY2luZ3MueHMgOiBzcGFjaW5ncy5zbX07XG4gICR7KHsgJHRleHRBcmVhQ29udGFpbmVyU3R5bGUgfSkgPT4gKHtcbiAgICAuLi4kdGV4dEFyZWFDb250YWluZXJTdHlsZSxcbiAgfSl9XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWE8U3R5bGVkVGV4dEFyZWFQcm9wcz5gXG4gIG91dGxpbmU6IHVuc2V0O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogJHsoeyAkZW5hYmxlRHluYW1pY0hlaWdodCB9KSA9PlxuICAgICRlbmFibGVEeW5hbWljSGVpZ2h0ID8gXCJhdXRvXCIgOiBcIjEwMCVcIn07XG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJ9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlclJhZGl1c307XG4gIGJhY2tncm91bmQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYmFja2dyb3VuZH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc2hhZG93SW5zZXR9O1xuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5mb250Q29sb3J9O1xuICByZXNpemU6IG5vbmU7XG4gIHBhZGRpbmc6ICR7KHsgJHRleHRBcmVhU2l6ZSB9KSA9PiB7XG4gICAgc3dpdGNoICgkdGV4dEFyZWFTaXplKSB7XG4gICAgICBjYXNlIFwieHNcIjpcbiAgICAgIGNhc2UgXCJzbVwiOlxuICAgICAgICByZXR1cm4gYCR7c3BhY2luZ3MubWR9ICR7c3BhY2luZ3MubWR9YDtcbiAgICAgIGNhc2UgXCJtZFwiOlxuICAgICAgICByZXR1cm4gYCR7c3BhY2luZ3MubWR9ICR7c3BhY2luZ3MubGd9YDtcbiAgICAgIGNhc2UgXCJsZ1wiOlxuICAgICAgY2FzZSBcInhsXCI6XG4gICAgICAgIHJldHVybiBgJHtzcGFjaW5ncy5sZ30gJHtzcGFjaW5ncy54bH1gO1xuICAgIH1cbiAgfX07XG4gIGZvbnQtc2l6ZTogJHsoeyAkdGV4dEFyZWFTaXplIH0pID0+IHtcbiAgICBzd2l0Y2ggKCR0ZXh0QXJlYVNpemUpIHtcbiAgICAgIGNhc2UgXCJ4c1wiOlxuICAgICAgICByZXR1cm4gXCIxMHB4XCI7XG4gICAgICBjYXNlIFwic21cIjpcbiAgICAgICAgcmV0dXJuIFwiMTJweFwiO1xuICAgICAgY2FzZSBcIm1kXCI6XG4gICAgICAgIHJldHVybiBcIjE0cHhcIjtcbiAgICAgIGNhc2UgXCJsZ1wiOlxuICAgICAgICByZXR1cm4gXCIxNnB4XCI7XG4gICAgICBjYXNlIFwieGxcIjpcbiAgICAgICAgcmV0dXJuIFwiMThweFwiO1xuICAgIH1cbiAgfX07XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgb3BhY2l0eTogMC41O1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cbiAgJHsoeyAkdGV4dEFyZWFTdHlsZSB9KSA9PiAoeyAuLi4kdGV4dEFyZWFTdHlsZSB9KX1cbmA7XG4iXX0= */")), G = /* @__PURE__ */ c("textarea", process.env.NODE_ENV === "production" ? {
target: "eiovhbb0"
} : {
target: "eiovhbb0",
label: "StyledTextArea"
})("outline:unset;text-align:left;width:100%;min-height:", ({
$enableDynamicHeight: I
}) => I ? "auto" : "100%", ";border:", ({
theme: I
}) => I.border, ";border-radius:", ({
theme: I
}) => I.borderRadius, ";background:", ({
theme: I
}) => I.background, ";box-shadow:", ({
theme: I
}) => I.shadowInset, ";color:", ({
theme: I
}) => I.fontColor, ";resize:none;padding:", ({
$textAreaSize: I
}) => {
switch (I) {
case "xs":
case "sm":
return `${g.md} ${g.md}`;
case "md":
return `${g.md} ${g.lg}`;
case "lg":
case "xl":
return `${g.lg} ${g.xl}`;
}
}, ";font-size:", ({
$textAreaSize: I
}) => {
switch (I) {
case "xs":
return "10px";
case "sm":
return "12px";
case "md":
return "14px";
case "lg":
return "16px";
case "xl":
return "18px";
}
}, ";&:disabled{opacity:0.5;cursor:not-allowed;}", ({
$textAreaStyle: I
}) => ({
...I
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvVGV4dEFyZWEvdGV4dEFyZWEuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QmtFIiwiZmlsZSI6Ii9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvVGV4dEFyZWEvdGV4dEFyZWEuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU2l6ZXMsIHNwYWNpbmdzIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50c1wiO1xuXG50eXBlIFN0eWxlZFRleHRBcmVhUHJvcHMgPSB7XG4gICR0ZXh0QXJlYVNpemU6IFNpemVzO1xuICAkZW5hYmxlRHluYW1pY0hlaWdodDogYm9vbGVhbjtcbiAgJHRleHRBcmVhU3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xufTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkLmxhYmVsPHtcbiAgJHRleHRBcmVhU2l6ZTogU2l6ZXM7XG4gICR0ZXh0QXJlYUNvbnRhaW5lclN0eWxlPzogUmVhY3QuQ1NTUHJvcGVydGllcztcbn0+YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAkeyh7ICR0ZXh0QXJlYVNpemUgfSkgPT5cbiAgICAkdGV4dEFyZWFTaXplID09PSBcInhzXCIgPyBzcGFjaW5ncy54cyA6IHNwYWNpbmdzLnNtfTtcbiAgJHsoeyAkdGV4dEFyZWFDb250YWluZXJTdHlsZSB9KSA9PiAoe1xuICAgIC4uLiR0ZXh0QXJlYUNvbnRhaW5lclN0eWxlLFxuICB9KX1cbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0QXJlYSA9IHN0eWxlZC50ZXh0YXJlYTxTdHlsZWRUZXh0QXJlYVByb3BzPmBcbiAgb3V0bGluZTogdW5zZXQ7XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAkeyh7ICRlbmFibGVEeW5hbWljSGVpZ2h0IH0pID0+XG4gICAgJGVuYWJsZUR5bmFtaWNIZWlnaHQgPyBcImF1dG9cIiA6IFwiMTAwJVwifTtcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcn07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuYm9yZGVyUmFkaXVzfTtcbiAgYmFja2dyb3VuZDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5iYWNrZ3JvdW5kfTtcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zaGFkb3dJbnNldH07XG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRDb2xvcn07XG4gIHJlc2l6ZTogbm9uZTtcbiAgcGFkZGluZzogJHsoeyAkdGV4dEFyZWFTaXplIH0pID0+IHtcbiAgICBzd2l0Y2ggKCR0ZXh0QXJlYVNpemUpIHtcbiAgICAgIGNhc2UgXCJ4c1wiOlxuICAgICAgY2FzZSBcInNtXCI6XG4gICAgICAgIHJldHVybiBgJHtzcGFjaW5ncy5tZH0gJHtzcGFjaW5ncy5tZH1gO1xuICAgICAgY2FzZSBcIm1kXCI6XG4gICAgICAgIHJldHVybiBgJHtzcGFjaW5ncy5tZH0gJHtzcGFjaW5ncy5sZ31gO1xuICAgICAgY2FzZSBcImxnXCI6XG4gICAgICBjYXNlIFwieGxcIjpcbiAgICAgICAgcmV0dXJuIGAke3NwYWNpbmdzLmxnfSAke3NwYWNpbmdzLnhsfWA7XG4gICAgfVxuICB9fTtcbiAgZm9udC1zaXplOiAkeyh7ICR0ZXh0QXJlYVNpemUgfSkgPT4ge1xuICAgIHN3aXRjaCAoJHRleHRBcmVhU2l6ZSkge1xuICAgICAgY2FzZSBcInhzXCI6XG4gICAgICAgIHJldHVybiBcIjEwcHhcIjtcbiAgICAgIGNhc2UgXCJzbVwiOlxuICAgICAgICByZXR1cm4gXCIxMnB4XCI7XG4gICAgICBjYXNlIFwibWRcIjpcbiAgICAgICAgcmV0dXJuIFwiMTRweFwiO1xuICAgICAgY2FzZSBcImxnXCI6XG4gICAgICAgIHJldHVybiBcIjE2cHhcIjtcbiAgICAgIGNhc2UgXCJ4bFwiOlxuICAgICAgICByZXR1cm4gXCIxOHB4XCI7XG4gICAgfVxuICB9fTtcblxuICAmOmRpc2FibGVkIHtcbiAgICBvcGFjaXR5OiAwLjU7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuICAkeyh7ICR0ZXh0QXJlYVN0eWxlIH0pID0+ICh7IC4uLiR0ZXh0QXJlYVN0eWxlIH0pfVxuYDtcbiJdfQ== */"));
export {
C as StyledLabel,
G as StyledTextArea
};