@carton-org/react-neumorphism
Version:
A React component library implementing the neumorphism design style
25 lines (24 loc) • 1.93 kB
JavaScript
import { jsx as c } from "@emotion/react/jsx-runtime";
import { css as b, keyframes as i } from "@emotion/react";
const g = i`
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
`, C = ({
color: I
}) => /* @__PURE__ */ c("div", { css: /* @__PURE__ */ b({
width: "1em",
height: "1em",
border: "2px solid transparent",
borderTopColor: I,
borderRightColor: I,
borderRadius: "50%",
animation: `${g} 0.8s linear infinite`,
display: "inline-block"
}, process.env.NODE_ENV === "production" ? "" : ";label:SpinnerIcon;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9iZW4vRG9jdW1lbnRzL1Byb2plY3RzL3JlYWN0LW5ldW1vcnBoaXNtZS9zcmMvbGliL2ljb25zL1NwaW5uZXJJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQlciLCJmaWxlIjoiL1VzZXJzL2Jlbi9Eb2N1bWVudHMvUHJvamVjdHMvcmVhY3QtbmV1bW9ycGhpc21lL3NyYy9saWIvaWNvbnMvU3Bpbm5lckljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICB9XG4gIDEwMCUge1xuICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7XG4gIH1cbmA7XG5cbmNvbnN0IFNwaW5uZXJJY29uID0gKHtcbiAgY29sb3IsXG59OiB7XG4gIGNvbG9yOiBSZWFjdC5DU1NQcm9wZXJ0aWVzW1wiY29sb3JcIl07XG59KTogUmVhY3QuUmVhY3ROb2RlID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzcyh7XG4gICAgICAgIHdpZHRoOiBcIjFlbVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMWVtXCIsXG4gICAgICAgIGJvcmRlcjogXCIycHggc29saWQgdHJhbnNwYXJlbnRcIixcbiAgICAgICAgYm9yZGVyVG9wQ29sb3I6IGNvbG9yLFxuICAgICAgICBib3JkZXJSaWdodENvbG9yOiBjb2xvcixcbiAgICAgICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgICAgICBhbmltYXRpb246IGAke3NwaW59IDAuOHMgbGluZWFyIGluZmluaXRlYCxcbiAgICAgICAgZGlzcGxheTogXCJpbmxpbmUtYmxvY2tcIixcbiAgICAgIH0pfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTcGlubmVySWNvbjtcbiJdfQ== */") });
export {
C as default
};