@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
46 lines (45 loc) • 6.89 kB
JavaScript
import { jsx as B } from "@emotion/react/jsx-runtime";
import { withTheme as m, css as d } from "@emotion/react";
import { defaultStyle as a } from "./typography.styles.js";
import { sizes as g } from "../../constants/sizes.js";
const p = (l, c, b) => {
if (c) {
const I = g.indexOf(l);
return g[I <= 0 ? 0 : I - 1];
}
if (b) {
const I = g.indexOf(l);
return g[I >= g.length - 1 ? g.length - 1 : I + 1];
}
return l;
}, V = ({
theme: l,
children: c,
size: b = "sm",
variant: I = "span",
bold: C = !1,
italic: Z = !1,
underline: u = !1,
ellipsis: x = !1,
underSized: W = !1,
overSized: A = !1,
labelStyle: G,
...X
}) => {
const i = p(b, W, A);
return /* @__PURE__ */ B(I, { css: [a({
variant: I,
theme: l,
size: i,
bold: C,
italic: Z,
underline: u,
ellipsis: x
}), /* @__PURE__ */ d({
margin: 0,
...G
}, process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RVEiLCJmaWxlIjoiL1VzZXJzL2Jlbi9Eb2N1bWVudHMvUHJvamVjdHMvcmVhY3QtbmV1bW9ycGhpc21lL3NyYy9saWIvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgd2l0aFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBkZWZhdWx0U3R5bGUsIFR5cG9ncmFwaHlWYXJpYW50IH0gZnJvbSBcIi4vdHlwb2dyYXBoeS5zdHlsZXNcIjtcbmltcG9ydCB7IHNpemVzLCBTaXplcyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxudHlwZSBUeXBvZ3JhcGh5UmVmID1cbiAgfCBIVE1MRWxlbWVudFxuICB8IEhUTUxIZWFkaW5nRWxlbWVudFxuICB8IEhUTUxQYXJhZ3JhcGhFbGVtZW50XG4gIHwgSFRNTFNwYW5FbGVtZW50O1xuXG50eXBlIFR5cG9ncmFwaHlQcm9wcyA9IHtcbiAgdGhlbWU6IFRoZW1lO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogU2l6ZXM7XG4gIGJvbGQ/OiBib29sZWFuO1xuICBpdGFsaWM/OiBib29sZWFuO1xuICB1bmRlcmxpbmU/OiBib29sZWFuO1xuICBlbGxpcHNpcz86IGJvb2xlYW47XG4gIHVuZGVyU2l6ZWQ/OiBib29sZWFuO1xuICBvdmVyU2l6ZWQ/OiBib29sZWFuO1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIGxhYmVsU3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xufSAmIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPFR5cG9ncmFwaHlSZWY+O1xuXG5jb25zdCBnZXRTaXplID0gKFxuICBzaXplOiBTaXplcyxcbiAgdW5kZXJTaXplZDogYm9vbGVhbixcbiAgb3ZlclNpemVkOiBib29sZWFuLFxuKTogU2l6ZXMgPT4ge1xuICBpZiAodW5kZXJTaXplZCkge1xuICAgIGNvbnN0IGluZGV4ID0gc2l6ZXMuaW5kZXhPZihzaXplKTtcblxuICAgIHJldHVybiBzaXplc1tpbmRleCA8PSAwID8gMCA6IGluZGV4IC0gMV07XG4gIH1cblxuICBpZiAob3ZlclNpemVkKSB7XG4gICAgY29uc3QgaW5kZXggPSBzaXplcy5pbmRleE9mKHNpemUpO1xuXG4gICAgcmV0dXJuIHNpemVzW2luZGV4ID49IHNpemVzLmxlbmd0aCAtIDEgPyBzaXplcy5sZW5ndGggLSAxIDogaW5kZXggKyAxXTtcbiAgfVxuXG4gIHJldHVybiBzaXplO1xufTtcblxuY29uc3QgVHlwb2dyYXBoeTogUmVhY3QuRkM8VHlwb2dyYXBoeVByb3BzPiA9ICh7XG4gIHRoZW1lLFxuICBjaGlsZHJlbixcbiAgc2l6ZSA9IFwic21cIixcbiAgdmFyaWFudCA9IFwic3BhblwiLFxuICBib2xkID0gZmFsc2UsXG4gIGl0YWxpYyA9IGZhbHNlLFxuICB1bmRlcmxpbmUgPSBmYWxzZSxcbiAgZWxsaXBzaXMgPSBmYWxzZSxcbiAgdW5kZXJTaXplZCA9IGZhbHNlLFxuICBvdmVyU2l6ZWQgPSBmYWxzZSxcbiAgbGFiZWxTdHlsZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBjdXJyZW50U2l6ZSA9IGdldFNpemUoc2l6ZSwgdW5kZXJTaXplZCwgb3ZlclNpemVkKTtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudDtcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNzcz17W1xuICAgICAgICBkZWZhdWx0U3R5bGUoe1xuICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgc2l6ZTogY3VycmVudFNpemUsXG4gICAgICAgICAgYm9sZCxcbiAgICAgICAgICBpdGFsaWMsXG4gICAgICAgICAgdW5kZXJsaW5lLFxuICAgICAgICAgIGVsbGlwc2lzLFxuICAgICAgICB9KSxcbiAgICAgICAgY3NzKHtcbiAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgLi4ubGFiZWxTdHlsZSxcbiAgICAgICAgfSksXG4gICAgICBdfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRoZW1lKFR5cG9ncmFwaHkpO1xuIl19 */"), process.env.NODE_ENV === "production" ? "" : ";label:Typography;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRE0iLCJmaWxlIjoiL1VzZXJzL2Jlbi9Eb2N1bWVudHMvUHJvamVjdHMvcmVhY3QtbmV1bW9ycGhpc21lL3NyYy9saWIvY29tcG9uZW50cy9UeXBvZ3JhcGh5L1R5cG9ncmFwaHkudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgd2l0aFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBkZWZhdWx0U3R5bGUsIFR5cG9ncmFwaHlWYXJpYW50IH0gZnJvbSBcIi4vdHlwb2dyYXBoeS5zdHlsZXNcIjtcbmltcG9ydCB7IHNpemVzLCBTaXplcyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHNcIjtcblxudHlwZSBUeXBvZ3JhcGh5UmVmID1cbiAgfCBIVE1MRWxlbWVudFxuICB8IEhUTUxIZWFkaW5nRWxlbWVudFxuICB8IEhUTUxQYXJhZ3JhcGhFbGVtZW50XG4gIHwgSFRNTFNwYW5FbGVtZW50O1xuXG50eXBlIFR5cG9ncmFwaHlQcm9wcyA9IHtcbiAgdGhlbWU6IFRoZW1lO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBzaXplPzogU2l6ZXM7XG4gIGJvbGQ/OiBib29sZWFuO1xuICBpdGFsaWM/OiBib29sZWFuO1xuICB1bmRlcmxpbmU/OiBib29sZWFuO1xuICBlbGxpcHNpcz86IGJvb2xlYW47XG4gIHVuZGVyU2l6ZWQ/OiBib29sZWFuO1xuICBvdmVyU2l6ZWQ/OiBib29sZWFuO1xuICB2YXJpYW50PzogVHlwb2dyYXBoeVZhcmlhbnQ7XG4gIGxhYmVsU3R5bGU/OiBSZWFjdC5DU1NQcm9wZXJ0aWVzO1xufSAmIFJlYWN0LkhUTUxBdHRyaWJ1dGVzPFR5cG9ncmFwaHlSZWY+O1xuXG5jb25zdCBnZXRTaXplID0gKFxuICBzaXplOiBTaXplcyxcbiAgdW5kZXJTaXplZDogYm9vbGVhbixcbiAgb3ZlclNpemVkOiBib29sZWFuLFxuKTogU2l6ZXMgPT4ge1xuICBpZiAodW5kZXJTaXplZCkge1xuICAgIGNvbnN0IGluZGV4ID0gc2l6ZXMuaW5kZXhPZihzaXplKTtcblxuICAgIHJldHVybiBzaXplc1tpbmRleCA8PSAwID8gMCA6IGluZGV4IC0gMV07XG4gIH1cblxuICBpZiAob3ZlclNpemVkKSB7XG4gICAgY29uc3QgaW5kZXggPSBzaXplcy5pbmRleE9mKHNpemUpO1xuXG4gICAgcmV0dXJuIHNpemVzW2luZGV4ID49IHNpemVzLmxlbmd0aCAtIDEgPyBzaXplcy5sZW5ndGggLSAxIDogaW5kZXggKyAxXTtcbiAgfVxuXG4gIHJldHVybiBzaXplO1xufTtcblxuY29uc3QgVHlwb2dyYXBoeTogUmVhY3QuRkM8VHlwb2dyYXBoeVByb3BzPiA9ICh7XG4gIHRoZW1lLFxuICBjaGlsZHJlbixcbiAgc2l6ZSA9IFwic21cIixcbiAgdmFyaWFudCA9IFwic3BhblwiLFxuICBib2xkID0gZmFsc2UsXG4gIGl0YWxpYyA9IGZhbHNlLFxuICB1bmRlcmxpbmUgPSBmYWxzZSxcbiAgZWxsaXBzaXMgPSBmYWxzZSxcbiAgdW5kZXJTaXplZCA9IGZhbHNlLFxuICBvdmVyU2l6ZWQgPSBmYWxzZSxcbiAgbGFiZWxTdHlsZSxcbiAgLi4ucmVzdFxufSkgPT4ge1xuICBjb25zdCBjdXJyZW50U2l6ZSA9IGdldFNpemUoc2l6ZSwgdW5kZXJTaXplZCwgb3ZlclNpemVkKTtcbiAgY29uc3QgQ29tcG9uZW50ID0gdmFyaWFudDtcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNzcz17W1xuICAgICAgICBkZWZhdWx0U3R5bGUoe1xuICAgICAgICAgIHZhcmlhbnQsXG4gICAgICAgICAgdGhlbWUsXG4gICAgICAgICAgc2l6ZTogY3VycmVudFNpemUsXG4gICAgICAgICAgYm9sZCxcbiAgICAgICAgICBpdGFsaWMsXG4gICAgICAgICAgdW5kZXJsaW5lLFxuICAgICAgICAgIGVsbGlwc2lzLFxuICAgICAgICB9KSxcbiAgICAgICAgY3NzKHtcbiAgICAgICAgICBtYXJnaW46IDAsXG4gICAgICAgICAgLi4ubGFiZWxTdHlsZSxcbiAgICAgICAgfSksXG4gICAgICBdfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgd2l0aFRoZW1lKFR5cG9ncmFwaHkpO1xuIl19 */"], ...X, children: c });
}, y = m(V);
export {
y as default
};