@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
46 lines (45 loc) • 3.17 kB
JavaScript
import { css as X } from "@emotion/react";
const G = {
xs: {
fontSize: "12px"
},
sm: {
fontSize: "14px"
},
md: {
fontSize: "16px"
},
lg: {
fontSize: "18px"
},
xl: {
fontSize: "20px"
}
}, x = ({
variant: I,
size: i,
theme: c,
bold: b,
italic: g,
underline: l,
ellipsis: C
}) => /* @__PURE__ */ X({
...I === "span" || I === "p" ? {
...G[i]
} : {},
color: c.fontColor,
fontWeight: b ? "bold" : "normal",
fontStyle: g ? "italic" : "normal",
textDecoration: l ? "underline" : "none",
fontFamily: c.fontFamily,
pointerEvents: "none",
...C === !0 && {
textOverflow: "ellipsis",
overflow: "hidden",
whiteSpace: "nowrap"
}
}, process.env.NODE_ENV === "production" ? "" : ";label:defaultStyle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2NvbXBvbmVudHMvVHlwb2dyYXBoeS90eXBvZ3JhcGh5LnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpREUiLCJmaWxlIjoiL1VzZXJzL2Jlbi9Eb2N1bWVudHMvUHJvamVjdHMvcmVhY3QtbmV1bW9ycGhpc21lL3NyYy9saWIvY29tcG9uZW50cy9UeXBvZ3JhcGh5L3R5cG9ncmFwaHkuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1NTUHJvcGVydGllcyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzLCBTZXJpYWxpemVkU3R5bGVzLCBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU2l6ZXMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzXCI7XG5cbmV4cG9ydCB0eXBlIFR5cG9ncmFwaHlWYXJpYW50ID1cbiAgfCBcImgxXCJcbiAgfCBcImgyXCJcbiAgfCBcImgzXCJcbiAgfCBcImg0XCJcbiAgfCBcImg1XCJcbiAgfCBcImg2XCJcbiAgfCBcInBcIlxuICB8IFwic3BhblwiO1xuXG5leHBvcnQgY29uc3QgVFlQT0dSQVBIWV9TVFlMRVM6IFJlY29yZDxTaXplcywgQ1NTUHJvcGVydGllcz4gPSB7XG4gIHhzOiB7XG4gICAgZm9udFNpemU6IFwiMTJweFwiLFxuICB9LFxuICBzbToge1xuICAgIGZvbnRTaXplOiBcIjE0cHhcIixcbiAgfSxcbiAgbWQ6IHtcbiAgICBmb250U2l6ZTogXCIxNnB4XCIsXG4gIH0sXG4gIGxnOiB7XG4gICAgZm9udFNpemU6IFwiMThweFwiLFxuICB9LFxuICB4bDoge1xuICAgIGZvbnRTaXplOiBcIjIwcHhcIixcbiAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBkZWZhdWx0U3R5bGUgPSAoe1xuICB2YXJpYW50LFxuICBzaXplLFxuICB0aGVtZSxcbiAgYm9sZCxcbiAgaXRhbGljLFxuICB1bmRlcmxpbmUsXG4gIGVsbGlwc2lzLFxufToge1xuICB2YXJpYW50OiBUeXBvZ3JhcGh5VmFyaWFudDtcbiAgdGhlbWU6IFRoZW1lO1xuICBzaXplOiBTaXplcztcbiAgYm9sZDogYm9vbGVhbjtcbiAgaXRhbGljOiBib29sZWFuO1xuICB1bmRlcmxpbmU6IGJvb2xlYW47XG4gIGVsbGlwc2lzPzogYm9vbGVhbjtcbn0pOiBTZXJpYWxpemVkU3R5bGVzID0+XG4gIGNzcyh7XG4gICAgLi4uKHZhcmlhbnQgPT09IFwic3BhblwiIHx8IHZhcmlhbnQgPT09IFwicFwiXG4gICAgICA/IHtcbiAgICAgICAgICAuLi5UWVBPR1JBUEhZX1NUWUxFU1tzaXplXSxcbiAgICAgICAgfVxuICAgICAgOiB7fSksXG4gICAgY29sb3I6IHRoZW1lLmZvbnRDb2xvcixcbiAgICBmb250V2VpZ2h0OiBib2xkID8gXCJib2xkXCIgOiBcIm5vcm1hbFwiLFxuICAgIGZvbnRTdHlsZTogaXRhbGljID8gXCJpdGFsaWNcIiA6IFwibm9ybWFsXCIsXG4gICAgdGV4dERlY29yYXRpb246IHVuZGVybGluZSA/IFwidW5kZXJsaW5lXCIgOiBcIm5vbmVcIixcbiAgICBmb250RmFtaWx5OiB0aGVtZS5mb250RmFtaWx5LFxuICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIC4uLihlbGxpcHNpcyA9PT0gdHJ1ZSAmJiB7XG4gICAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgICAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgICB9KSxcbiAgfSk7XG4iXX0= */");
export {
G as TYPOGRAPHY_STYLES,
x as defaultStyle
};