UNPKG

@carton-org/react-neumorphism

Version:

A React component library implementing the neumorphism design style

68 lines (67 loc) 7.51 kB
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 };