@webiny/ui 5.40.0-beta.2 → 5.40.0-beta.4

package/ImageUpload/styled.js

@@ -6,96 +6,84 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RemoveImage = exports.ImagePreviewWrapper = exports.EditImage = exports.AddImageWrapperRound = exports.AddImageWrapper = exports.AddImageIconWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _styled2 = _interopRequireDefault(require("@emotion/styled"));
-var _hover, _styled;
-var AddImageIconWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq0",
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var AddImageIconWrapper = exports.AddImageIconWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq5"
+} : {
+  target: "e1engwcq5",
   label: "AddImageIconWrapper"
-})({
-  color: "var(--mdc-theme-text-secondary-on-background)",
-  ">svg": {
-    width: "100%",
-    height: "100%",
-    maxWidth: 50,
-    maxHeight: 50,
-    display: "block",
-    opacity: 0.5,
-    margin: "0 auto"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "dkc958",
+  styles: "color:var(--mdc-theme-text-secondary-on-background);>svg{width:100%;height:100%;max-width:50px;max-height:50px;display:block;opacity:0.5;margin:0 auto;}"
+} : {
+  name: "dkc958",
+  styles: "color:var(--mdc-theme-text-secondary-on-background);>svg{width:100%;height:100%;max-width:50px;max-height:50px;display:block;opacity:0.5;margin:0 auto;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFbUMiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBFZGl0SW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIGxlZnQ6IDEwLFxuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIGNvbG9yOiBcIndoaXRlXCIsXG4gICAgb3BhY2l0eTogMC41LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNzVcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEltYWdlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogNTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0VkaXRJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9XG4gICAgfVxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.AddImageIconWrapper = AddImageIconWrapper;
-var AddImageWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq1",
+var AddImageWrapper = exports.AddImageWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq4"
+} : {
+  target: "e1engwcq4",
   label: "AddImageWrapper"
-})({
-  width: "100%",
-  height: "100%",
-  minHeight: 50,
-  minWidth: 50,
-  textAlign: "center",
-  backgroundColor: "var(--mdc-theme-on-background)",
-  borderRadius: 0,
-  borderBottom: "1px solid var(--mdc-theme-text-hint-on-background)",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "space-around",
-  flexDirection: "column",
-  transition: "color 0.2s",
-  cursor: "pointer",
-  padding: 10,
-  boxSizing: "border-box",
-  "&:hover": {
-    backgroundColor: "rgba(0,0,0, 0.5)",
-    borderBottom: "1px solid var(--mdc-theme-on-surface)"
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "4pf0ii",
+  styles: "width:100%;height:100%;min-height:50px;min-width:50px;text-align:center;background-color:var(--mdc-theme-on-background);border-radius:0;border-bottom:1px solid var(--mdc-theme-text-hint-on-background);display:flex;align-items:center;justify-content:space-around;flex-direction:column;transition:color 0.2s;cursor:pointer;padding:10px;box-sizing:border-box;&:hover{background-color:rgba(0,0,0, 0.5);border-bottom:1px solid var(--mdc-theme-on-surface);}"
+} : {
+  name: "4pf0ii",
+  styles: "width:100%;height:100%;min-height:50px;min-width:50px;text-align:center;background-color:var(--mdc-theme-on-background);border-radius:0;border-bottom:1px solid var(--mdc-theme-text-hint-on-background);display:flex;align-items:center;justify-content:space-around;flex-direction:column;transition:color 0.2s;cursor:pointer;padding:10px;box-sizing:border-box;&:hover{background-color:rgba(0,0,0, 0.5);border-bottom:1px solid var(--mdc-theme-on-surface);}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlK0IiLCJmaWxlIjoic3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZUljb25XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZClcIixcbiAgICBcIj5zdmdcIjoge1xuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIG1heFdpZHRoOiA1MCxcbiAgICAgICAgbWF4SGVpZ2h0OiA1MCxcbiAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgIG1hcmdpbjogXCIwIGF1dG9cIlxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICB0ZXh0QWxpZ246IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIGJvcmRlclJhZGl1czogMCxcbiAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS10ZXh0LWhpbnQtb24tYmFja2dyb3VuZClcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgdHJhbnNpdGlvbjogXCJjb2xvciAwLjJzXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBwYWRkaW5nOiAxMCxcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjUpXCIsXG4gICAgICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlclJvdW5kID0gc3R5bGVkKEFkZEltYWdlV3JhcHBlcikoe1xuICAgIG1hcmdpbjogXCJhdXRvXCIsXG4gICAgd2lkdGg6IFwiMTUwcHhcIixcbiAgICBoZWlnaHQ6IFwiMTUwcHhcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgUmVtb3ZlSW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIHJpZ2h0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBFZGl0SW1hZ2UgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB0b3A6IDEwLFxuICAgIGxlZnQ6IDEwLFxuICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgIGNvbG9yOiBcIndoaXRlXCIsXG4gICAgb3BhY2l0eTogMC41LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIG9wYWNpdHk6IDAuNzVcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEltYWdlUHJldmlld1dyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgIG1pbkhlaWdodDogNTAsXG4gICAgbWluV2lkdGg6IDUwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYXJvdW5kXCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgIFtBZGRJbWFnZVdyYXBwZXJdOiB7XG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIGRpc3BsYXk6IFwibm9uZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBcInJnYmEoMCwwLDAsIDAuNzUpXCIsXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlSWNvbldyYXBwZXJdOiB7XG4gICAgICAgICAgICB0b3A6IFwiNTAlXCIsXG4gICAgICAgICAgICBsZWZ0OiBcIjUwJVwiLFxuICAgICAgICAgICAgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZVkoLTUwJSkgdHJhbnNsYXRlWCgtNTAlKVwiLFxuICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgIGNvbG9yOiBcIndoaXRlXCJcbiAgICAgICAgfVxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgLy8gQHRzLWV4cGVjdC1lcnJvclxuICAgICAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW1JlbW92ZUltYWdlXToge1xuICAgICAgICAgICAgZGlzcGxheTogXCJibG9ja1wiLFxuICAgICAgICAgICAgekluZGV4OiAyXG4gICAgICAgIH0sXG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0VkaXRJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9XG4gICAgfVxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.AddImageWrapper = AddImageWrapper;
-var AddImageWrapperRound = /*#__PURE__*/(0, _styled2.default)(AddImageWrapper, {
-  target: "e1engwcq2",
+var AddImageWrapperRound = exports.AddImageWrapperRound = /*#__PURE__*/(0, _base.default)(AddImageWrapper, process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq3"
+} : {
+  target: "e1engwcq3",
   label: "AddImageWrapperRound"
-})({
-  margin: "auto",
-  width: "150px",
-  height: "150px",
-  borderRadius: "50%"
+})(process.env.NODE_ENV === "production" ? {
+  name: "k3f3kd",
+  styles: "margin:auto;width:150px;height:150px;border-radius:50%"
+} : {
+  name: "k3f3kd",
+  styles: "margin:auto;width:150px;height:150px;border-radius:50%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQ29DIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.AddImageWrapperRound = AddImageWrapperRound;
-var RemoveImage = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq3",
+var RemoveImage = exports.RemoveImage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq2"
+} : {
+  target: "e1engwcq2",
   label: "RemoveImage"
-})({
-  position: "absolute",
-  cursor: "pointer",
-  top: 10,
-  right: 10,
-  display: "none",
-  color: "white",
-  opacity: 0.5,
-  "&:hover": {
-    opacity: 0.75
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "1opwi5t",
+  styles: "position:absolute;cursor:pointer;top:10px;right:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}"
+} : {
+  name: "1opwi5t",
+  styles: "position:absolute;cursor:pointer;top:10px;right:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2QzJCIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.RemoveImage = RemoveImage;
-var EditImage = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq4",
+var EditImage = exports.EditImage = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq1"
+} : {
+  target: "e1engwcq1",
   label: "EditImage"
-})({
-  position: "absolute",
-  cursor: "pointer",
-  top: 10,
-  left: 10,
-  display: "none",
-  color: "white",
-  opacity: 0.5,
-  "&:hover": {
-    opacity: 0.75
-  }
+})(process.env.NODE_ENV === "production" ? {
+  name: "4ngyna",
+  styles: "position:absolute;cursor:pointer;top:10px;left:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}"
+} : {
+  name: "4ngyna",
+  styles: "position:absolute;cursor:pointer;top:10px;left:10px;display:none;color:white;opacity:0.5;&:hover{opacity:0.75;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRHlCIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.EditImage = EditImage;
-var ImagePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
-  target: "e1engwcq5",
+var ImagePreviewWrapper = exports.ImagePreviewWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "e1engwcq0"
+} : {
+  target: "e1engwcq0",
   label: "ImagePreviewWrapper"
-})((_styled = {
+})((0, _defineProperty2.default)((0, _defineProperty2.default)({
   width: "100%",
   height: "100%",
   minHeight: 50,
@@ -106,7 +94,7 @@ var ImagePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
   flexDirection: "column",
   boxSizing: "border-box",
   position: "relative"
-}, (0, _defineProperty2.default)(_styled, AddImageWrapper, (0, _defineProperty2.default)({
+}, AddImageWrapper, (0, _defineProperty2.default)({
   position: "absolute",
   display: "none",
   top: 0,
@@ -119,15 +107,14 @@ var ImagePreviewWrapper = /*#__PURE__*/(0, _styled2.default)("div", {
   transform: "translateY(-50%) translateX(-50%)",
   position: "absolute",
   color: "white"
-})), (0, _defineProperty2.default)(_styled, "&:hover", (_hover = {}, (0, _defineProperty2.default)(_hover, AddImageWrapper, {
+})), "&:hover", (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, AddImageWrapper, {
   display: "block"
-}), (0, _defineProperty2.default)(_hover, RemoveImage, {
+}), RemoveImage, {
   display: "block",
   zIndex: 2
-}), (0, _defineProperty2.default)(_hover, EditImage, {
+}), EditImage, {
   display: "block",
   zIndex: 2
-}), _hover)), _styled));
-exports.ImagePreviewWrapper = ImagePreviewWrapper;
+})), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RW1DIiwiZmlsZSI6InN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5leHBvcnQgY29uc3QgQWRkSW1hZ2VJY29uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpXCIsXG4gICAgXCI+c3ZnXCI6IHtcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBtYXhXaWR0aDogNTAsXG4gICAgICAgIG1heEhlaWdodDogNTAsXG4gICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICBtYXJnaW46IFwiMCBhdXRvXCJcbiAgICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IEFkZEltYWdlV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgbWluSGVpZ2h0OiA1MCxcbiAgICBtaW5XaWR0aDogNTAsXG4gICAgdGV4dEFsaWduOiBcImNlbnRlclwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgYm9yZGVyQm90dG9tOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtdGV4dC1oaW50LW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1hcm91bmRcIixcbiAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuICAgIHRyYW5zaXRpb246IFwiY29sb3IgMC4yc1wiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgcGFkZGluZzogMTAsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwicmdiYSgwLDAsMCwgMC41KVwiLFxuICAgICAgICBib3JkZXJCb3R0b206IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1zdXJmYWNlKVwiXG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBBZGRJbWFnZVdyYXBwZXJSb3VuZCA9IHN0eWxlZChBZGRJbWFnZVdyYXBwZXIpKHtcbiAgICBtYXJnaW46IFwiYXV0b1wiLFxuICAgIHdpZHRoOiBcIjE1MHB4XCIsXG4gICAgaGVpZ2h0OiBcIjE1MHB4XCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFJlbW92ZUltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICByaWdodDogMTAsXG4gICAgZGlzcGxheTogXCJub25lXCIsXG4gICAgY29sb3I6IFwid2hpdGVcIixcbiAgICBvcGFjaXR5OiAwLjUsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgb3BhY2l0eTogMC43NVxuICAgIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgRWRpdEltYWdlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgdG9wOiAxMCxcbiAgICBsZWZ0OiAxMCxcbiAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICBjb2xvcjogXCJ3aGl0ZVwiLFxuICAgIG9wYWNpdHk6IDAuNSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICBvcGFjaXR5OiAwLjc1XG4gICAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBJbWFnZVByZXZpZXdXcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICBtaW5IZWlnaHQ6IDUwLFxuICAgIG1pbldpZHRoOiA1MCxcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICBbQWRkSW1hZ2VXcmFwcGVyXToge1xuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICBkaXNwbGF5OiBcIm5vbmVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogXCJyZ2JhKDAsMCwwLCAwLjc1KVwiLFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtBZGRJbWFnZUljb25XcmFwcGVyXToge1xuICAgICAgICAgICAgdG9wOiBcIjUwJVwiLFxuICAgICAgICAgICAgbGVmdDogXCI1MCVcIixcbiAgICAgICAgICAgIHRyYW5zZm9ybTogXCJ0cmFuc2xhdGVZKC01MCUpIHRyYW5zbGF0ZVgoLTUwJSlcIixcbiAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICBjb2xvcjogXCJ3aGl0ZVwiXG4gICAgICAgIH1cbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIC8vIEB0cy1leHBlY3QtZXJyb3JcbiAgICAgICAgW0FkZEltYWdlV3JhcHBlcl06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtSZW1vdmVJbWFnZV06IHtcbiAgICAgICAgICAgIGRpc3BsYXk6IFwiYmxvY2tcIixcbiAgICAgICAgICAgIHpJbmRleDogMlxuICAgICAgICB9LFxuICAgICAgICAvLyBAdHMtZXhwZWN0LWVycm9yXG4gICAgICAgIFtFZGl0SW1hZ2VdOiB7XG4gICAgICAgICAgICBkaXNwbGF5OiBcImJsb2NrXCIsXG4gICAgICAgICAgICB6SW5kZXg6IDJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuIl19 */");
 
 //# sourceMappingURL=styled.js.map

package/ImageUpload/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled2","_interopRequireDefault","require","_hover","_styled","AddImageIconWrapper","styled","target","label","color","width","height","maxWidth","maxHeight","display","opacity","margin","exports","AddImageWrapper","minHeight","minWidth","textAlign","backgroundColor","borderRadius","borderBottom","alignItems","justifyContent","flexDirection","transition","cursor","padding","boxSizing","AddImageWrapperRound","RemoveImage","position","top","right","EditImage","left","ImagePreviewWrapper","_defineProperty2","default","zIndex","transform"],"sources":["styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const EditImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    left: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const ImagePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        },\n        // @ts-expect-error\n        [EditImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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"}
+{"version":3,"names":["AddImageIconWrapper","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","AddImageWrapper","AddImageWrapperRound","RemoveImage","EditImage","ImagePreviewWrapper","_defineProperty2","width","height","minHeight","minWidth","display","alignItems","justifyContent","flexDirection","boxSizing","position","top","zIndex","backgroundColor","left","transform","color"],"sources":["styled.ts"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const AddImageIconWrapper = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    \">svg\": {\n        width: \"100%\",\n        height: \"100%\",\n        maxWidth: 50,\n        maxHeight: 50,\n        display: \"block\",\n        opacity: 0.5,\n        margin: \"0 auto\"\n    }\n});\n\nexport const AddImageWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    textAlign: \"center\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    borderRadius: 0,\n    borderBottom: \"1px solid var(--mdc-theme-text-hint-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    transition: \"color 0.2s\",\n    cursor: \"pointer\",\n    padding: 10,\n    boxSizing: \"border-box\",\n    \"&:hover\": {\n        backgroundColor: \"rgba(0,0,0, 0.5)\",\n        borderBottom: \"1px solid var(--mdc-theme-on-surface)\"\n    }\n});\n\nexport const AddImageWrapperRound = styled(AddImageWrapper)({\n    margin: \"auto\",\n    width: \"150px\",\n    height: \"150px\",\n    borderRadius: \"50%\"\n});\n\nexport const RemoveImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    right: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const EditImage = styled(\"div\")({\n    position: \"absolute\",\n    cursor: \"pointer\",\n    top: 10,\n    left: 10,\n    display: \"none\",\n    color: \"white\",\n    opacity: 0.5,\n    \"&:hover\": {\n        opacity: 0.75\n    }\n});\n\nexport const ImagePreviewWrapper = styled(\"div\")({\n    width: \"100%\",\n    height: \"100%\",\n    minHeight: 50,\n    minWidth: 50,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    flexDirection: \"column\",\n    boxSizing: \"border-box\",\n    position: \"relative\",\n    // @ts-expect-error\n    [AddImageWrapper]: {\n        position: \"absolute\",\n        display: \"none\",\n        top: 0,\n        height: \"100%\",\n        zIndex: 1,\n        backgroundColor: \"rgba(0,0,0, 0.75)\",\n        // @ts-expect-error\n        [AddImageIconWrapper]: {\n            top: \"50%\",\n            left: \"50%\",\n            transform: \"translateY(-50%) translateX(-50%)\",\n            position: \"absolute\",\n            color: \"white\"\n        }\n    },\n    \"&:hover\": {\n        // @ts-expect-error\n        [AddImageWrapper]: {\n            display: \"block\"\n        },\n        // @ts-expect-error\n        [RemoveImage]: {\n            display: \"block\",\n            zIndex: 2\n        },\n        // @ts-expect-error\n        [EditImage]: {\n            display: \"block\",\n            zIndex: 2\n        }\n    }\n});\n"],"mappings":"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","ignoreList":[]}

package/Input/Input.d.ts

@@ -18,9 +18,7 @@ export declare type InputProps<TValue = any> = FormComponentProps<TValue> & Text
     size?: "small" | "medium" | "large";
     children?: React.ReactNode;
 };
-export declare const Input: {
-    (props: InputProps): JSX.Element;
-    defaultProps: {
-        rawOnChange: boolean;
-    };
+export declare type InputOnKeyDownProps = React.SyntheticEvent<HTMLInputElement> & {
+    key?: string;
 };
+export declare const Input: (props: InputProps) => React.JSX.Element;

package/Input/Input.js

@@ -17,9 +17,11 @@ var _excluded = ["autoFocus", "value", "label", "description", "placeholder", "r
 /**
  * Use Input component to store short string values, like first name, last name, e-mail etc.
  * Additionally, with rows prop, it can also be turned into a text area, to store longer strings.
- */ // IconProps directly passed to RMWC
+ */
+
+// IconProps directly passed to RMWC
 var rmwcProps = ["label", "type", "step", "disabled", "readOnly", "placeholder", "outlined", "onKeyDown", "onKeyPress", "onKeyUp", "onFocus", "rootProps", "fullwidth", "inputRef", "className", "maxLength", "characterCount"];
-var Input = function Input(props) {
+var Input = exports.Input = function Input(props) {
   var onChange = (0, _react.useCallback)(function (e) {
     var onChange = props.onChange,
       rawOnChange = props.rawOnChange;
@@ -86,9 +88,5 @@ var Input = function Input(props) {
     error: true
   }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
-exports.Input = Input;
-Input.defaultProps = {
-  rawOnChange: false
-};
 
 //# sourceMappingURL=Input.js.map

package/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_textfield","_FormElementMessage","_pick","_interopRequireDefault","_classnames","_styled","_excluded","rmwcProps","Input","props","onChange","useCallback","e","rawOnChange","target","value","onBlur","validate","persist","autoFocus","label","description","placeholder","rows","validation","icon","trailingIcon","onEnter","size","rest","_objectWithoutProperties2","default","inputValue","_ref","validationIsValid","isValid","validationMessage","message","inputOnKeyDown","key","onKeyDown","createElement","Fragment","TextField","Object","assign","pick","textarea","Boolean","className","classNames","webinyInputStyles","concat","FormElementMessage","error","exports","defaultProps"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { TextField, TextFieldProps } from \"@rmwc/textfield\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport pick from \"lodash/pick\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { webinyInputStyles } from \"./styled\";\n\nexport type InputProps<TValue = any> = FormComponentProps<TValue> &\n    TextFieldProps & {\n        // Should this input be filled with browser values\n        autoComplete?: string;\n\n        // If true, will pass native `event` to the `onChange` callback\n        rawOnChange?: boolean;\n\n        // Auto-focus input\n        autoFocus?: boolean;\n\n        // Input placeholder\n        placeholder?: string;\n\n        // Description beneath the input.\n        description?: string | ReactElement;\n\n        // Converts input into a text area with given number of rows.\n        rows?: number;\n\n        maxLength?: number;\n\n        // A callback that is executed when input focus is lost.\n        onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        // A callback that gets triggered when the user presses the \"Enter\" key.\n        onEnter?: () => any;\n\n        // CSS class name\n        className?: string;\n\n        // For testing purposes.\n        \"data-testid\"?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n\n        children?: React.ReactNode;\n    };\n\n/**\n * Use Input component to store short string values, like first name, last name, e-mail etc.\n * Additionally, with rows prop, it can also be turned into a text area, to store longer strings.\n */\n\n// IconProps directly passed to RMWC\nconst rmwcProps = [\n    \"label\",\n    \"type\",\n    \"step\",\n    \"disabled\",\n    \"readOnly\",\n    \"placeholder\",\n    \"outlined\",\n    \"onKeyDown\",\n    \"onKeyPress\",\n    \"onKeyUp\",\n    \"onFocus\",\n    \"rootProps\",\n    \"fullwidth\",\n    \"inputRef\",\n    \"className\",\n    \"maxLength\",\n    \"characterCount\"\n];\n\nexport const Input = (props: InputProps) => {\n    const onChange = useCallback(\n        (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { onChange, rawOnChange } = props;\n            if (!onChange) {\n                return;\n            }\n\n            // @ts-expect-error\n            onChange(rawOnChange ? e : e.target.value);\n        },\n        [props.onChange, props.rawOnChange]\n    );\n\n    const onBlur = useCallback(\n        async (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { validate, onBlur } = props;\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            onBlur && onBlur(e);\n        },\n        [props.validate, props.onBlur]\n    );\n\n    const {\n        autoFocus,\n        value,\n        label,\n        description,\n        placeholder,\n        rows,\n        validation,\n        icon,\n        trailingIcon,\n        onEnter,\n        size,\n        ...rest\n    } = props;\n\n    let inputValue = value;\n    if (value === null || typeof value === \"undefined\") {\n        inputValue = \"\";\n    }\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof rest.onKeyDown === \"function\") {\n                return rest.onKeyDown(e);\n            }\n        },\n        [rest.onKeyDown, onEnter]\n    );\n\n    return (\n        <React.Fragment>\n            <TextField\n                {...pick(rest, rmwcProps)}\n                onKeyDown={inputOnKeyDown}\n                autoFocus={autoFocus}\n                textarea={Boolean(rows)}\n                value={inputValue}\n                onChange={onChange}\n                onBlur={onBlur}\n                label={label}\n                icon={icon}\n                placeholder={placeholder}\n                trailingIcon={trailingIcon}\n                rows={rows}\n                className={classNames(\n                    \"webiny-ui-input\",\n                    webinyInputStyles,\n                    props.size ? `webiny-ui-input--size-${size}` : null\n                )}\n                data-testid={props[\"data-testid\"]}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nInput.defaultProps = { rawOnChange: false };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_textfield","_FormElementMessage","_pick","_interopRequireDefault","_classnames","_styled","_excluded","rmwcProps","Input","exports","props","onChange","useCallback","e","rawOnChange","target","value","onBlur","validate","persist","autoFocus","label","description","placeholder","rows","validation","icon","trailingIcon","onEnter","size","rest","_objectWithoutProperties2","default","inputValue","_ref","validationIsValid","isValid","validationMessage","message","inputOnKeyDown","key","onKeyDown","createElement","Fragment","TextField","Object","assign","pick","textarea","Boolean","className","classNames","webinyInputStyles","concat","FormElementMessage","error"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { TextField, TextFieldProps } from \"@rmwc/textfield\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport pick from \"lodash/pick\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { webinyInputStyles } from \"./styled\";\n\nexport type InputProps<TValue = any> = FormComponentProps<TValue> &\n    TextFieldProps & {\n        // Should this input be filled with browser values\n        autoComplete?: string;\n\n        // If true, will pass native `event` to the `onChange` callback\n        rawOnChange?: boolean;\n\n        // Auto-focus input\n        autoFocus?: boolean;\n\n        // Input placeholder\n        placeholder?: string;\n\n        // Description beneath the input.\n        description?: string | ReactElement;\n\n        // Converts input into a text area with given number of rows.\n        rows?: number;\n\n        maxLength?: number;\n\n        // A callback that is executed when input focus is lost.\n        onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        // A callback that gets triggered when the user presses the \"Enter\" key.\n        onEnter?: () => any;\n\n        // CSS class name\n        className?: string;\n\n        // For testing purposes.\n        \"data-testid\"?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n\n        children?: React.ReactNode;\n    };\n\nexport type InputOnKeyDownProps = React.SyntheticEvent<HTMLInputElement> & {\n    key?: string;\n};\n/**\n * Use Input component to store short string values, like first name, last name, e-mail etc.\n * Additionally, with rows prop, it can also be turned into a text area, to store longer strings.\n */\n\n// IconProps directly passed to RMWC\nconst rmwcProps = [\n    \"label\",\n    \"type\",\n    \"step\",\n    \"disabled\",\n    \"readOnly\",\n    \"placeholder\",\n    \"outlined\",\n    \"onKeyDown\",\n    \"onKeyPress\",\n    \"onKeyUp\",\n    \"onFocus\",\n    \"rootProps\",\n    \"fullwidth\",\n    \"inputRef\",\n    \"className\",\n    \"maxLength\",\n    \"characterCount\"\n];\n\nexport const Input = (props: InputProps) => {\n    const onChange = useCallback(\n        (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { onChange, rawOnChange } = props;\n            if (!onChange) {\n                return;\n            }\n\n            // @ts-expect-error\n            onChange(rawOnChange ? e : e.target.value);\n        },\n        [props.onChange, props.rawOnChange]\n    );\n\n    const onBlur = useCallback(\n        async (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { validate, onBlur } = props;\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            onBlur && onBlur(e);\n        },\n        [props.validate, props.onBlur]\n    );\n\n    const {\n        autoFocus,\n        value,\n        label,\n        description,\n        placeholder,\n        rows,\n        validation,\n        icon,\n        trailingIcon,\n        onEnter,\n        size,\n        ...rest\n    } = props;\n\n    let inputValue = value;\n    if (value === null || typeof value === \"undefined\") {\n        inputValue = \"\";\n    }\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const inputOnKeyDown = useCallback(\n        (e: InputOnKeyDownProps) => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof rest.onKeyDown === \"function\") {\n                return rest.onKeyDown(e);\n            }\n        },\n        [rest.onKeyDown, onEnter]\n    );\n\n    return (\n        <React.Fragment>\n            <TextField\n                {...pick(rest, rmwcProps)}\n                onKeyDown={inputOnKeyDown}\n                autoFocus={autoFocus}\n                textarea={Boolean(rows)}\n                value={inputValue}\n                onChange={onChange}\n                onBlur={onBlur}\n                label={label}\n                icon={icon}\n                placeholder={placeholder}\n                trailingIcon={trailingIcon}\n                rows={rows}\n                className={classNames(\n                    \"webiny-ui-input\",\n                    webinyInputStyles,\n                    props.size ? `webiny-ui-input--size-${size}` : null\n                )}\n                data-testid={props[\"data-testid\"]}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/Input/__tests__/Input.test.js

@@ -4,9 +4,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _index = require("../index");
@@ -20,6 +19,9 @@ function setup() {
     onChange: function onChange(_) {},
     value: null
   };
+
+  // We cast "as unknown as React.ReactNode" here because renderProp has a "jest.Mock<null, [controllerArg: any]>" type,
+  // but the "Input" component expect React.ReactNode to be the type of the "children" property.
   var renderProp = jest.fn(function (controllerArg) {
     Object.assign(renderArg, controllerArg);
     return null;
@@ -28,26 +30,25 @@ function setup() {
     return void 0;
   };
   var Test = /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2.default)(Test, _React$Component);
-    var _super = (0, _createSuper2.default)(Test);
     function Test() {
       var _this;
       (0, _classCallCheck2.default)(this, Test);
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      _this = _super.call.apply(_super, [this].concat(args));
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
+      _this = (0, _callSuper2.default)(this, Test, [].concat(args));
+      (0, _defineProperty2.default)(_this, "state", {
         value: "init-value"
       });
-      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (value) {
+      (0, _defineProperty2.default)(_this, "onChange", function (value) {
         _this.setState({
           value: value
         });
       });
       return _this;
     }
-    (0, _createClass2.default)(Test, [{
+    (0, _inherits2.default)(Test, _React$Component);
+    return (0, _createClass2.default)(Test, [{
       key: "render",
       value: function render() {
         return /*#__PURE__*/_react.default.createElement(_index.Input, Object.assign({}, props, {
@@ -56,7 +57,6 @@ function setup() {
         }), renderProp);
       }
     }]);
-    return Test;
   }(_react.default.Component);
   var utils = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(Test, null));
   return (0, _objectSpread2.default)({

package/Input/__tests__/Input.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_index","_react2","afterEach","cleanup","setup","props","arguments","length","undefined","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","setState","_createClass2","key","render","createElement","Input","state","callAll","React","Component","utils","_objectSpread2","_len2","fns","_key2","_len3","_key3","forEach","describe","test","_setup","expect","toContainKeys","_setup2","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport \"jest-dom/extend-expect\";\nimport { render, cleanup } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n    onChange?: () => void;\n}\n\nfunction setup(props: SetupProps = {}) {\n    const renderArg = {\n        // eslint-disable-next-line\n        onChange: (_: string) => {},\n        value: null\n    };\n    const renderProp = jest.fn(controllerArg => {\n        Object.assign(renderArg, controllerArg);\n        return null;\n    });\n\n    const onChange = props.onChange\n        ? props.onChange\n        : () => {\n              return void 0;\n          };\n\n    class Test extends React.Component {\n        public override state = { value: \"init-value\" };\n\n        onChange = (value: string) => {\n            this.setState({ value });\n        };\n\n        public override render() {\n            return (\n                <Input\n                    {...props}\n                    value={this.state.value}\n                    onChange={callAll(onChange, this.onChange)}\n                >\n                    {renderProp}\n                </Input>\n            );\n        }\n    }\n\n    const utils = render(<Test />);\n\n    return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: ((...params: any) => void)[]) {\n    return (...args: any) => {\n        fns.forEach(fn => {\n            fn && fn(...args);\n        });\n    };\n}\n\ndescribe(\"Input tests\", () => {\n    test(\"passes expected props to render prop\", () => {\n        const { renderArg } = setup();\n\n        expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n    });\n\n    test(\"updates value via onChange\", () => {\n        const { renderArg } = setup();\n        expect(renderArg.value).toBe(\"init-value\");\n        renderArg.onChange(\"new-value\");\n        expect(renderArg.value).toBe(\"new-value\");\n        renderArg.onChange(\"third-value\");\n        expect(renderArg.value).toBe(\"third-value\");\n    });\n});\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_index","_react2","afterEach","cleanup","setup","props","arguments","length","undefined","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","_React$Component","_this","_classCallCheck2","default","_len","args","Array","_key","_callSuper2","concat","_defineProperty2","setState","_inherits2","_createClass2","key","render","createElement","Input","state","callAll","React","Component","utils","_objectSpread2","_len2","fns","_key2","_len3","_key3","forEach","apply","describe","test","_setup","expect","toContainKeys","_setup2","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport \"jest-dom/extend-expect\";\nimport { render, cleanup } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n    onChange?: () => void;\n}\n\nfunction setup(props: SetupProps = {}) {\n    const renderArg = {\n        // eslint-disable-next-line\n        onChange: (_: string) => {},\n        value: null\n    };\n\n    // We cast \"as unknown as React.ReactNode\" here because renderProp has a \"jest.Mock<null, [controllerArg: any]>\" type,\n    // but the \"Input\" component expect React.ReactNode to be the type of the \"children\" property.\n    const renderProp = jest.fn(controllerArg => {\n        Object.assign(renderArg, controllerArg);\n        return null;\n    }) as unknown as React.ReactNode;\n\n    const onChange = props.onChange\n        ? props.onChange\n        : () => {\n              return void 0;\n          };\n\n    class Test extends React.Component {\n        public override state = { value: \"init-value\" };\n\n        onChange = (value: string) => {\n            this.setState({ value });\n        };\n\n        public override render() {\n            return (\n                <Input\n                    {...props}\n                    value={this.state.value}\n                    onChange={callAll(onChange, this.onChange)}\n                >\n                    {renderProp}\n                </Input>\n            );\n        }\n    }\n\n    const utils = render(<Test />);\n\n    return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: ((...params: any) => void)[]) {\n    return (...args: any) => {\n        fns.forEach(fn => {\n            fn && fn(...args);\n        });\n    };\n}\n\ndescribe(\"Input tests\", () => {\n    test(\"passes expected props to render prop\", () => {\n        const { renderArg } = setup();\n\n        expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n    });\n\n    test(\"updates value via onChange\", () => {\n        const { renderArg } = setup();\n        expect(renderArg.value).toBe(\"init-value\");\n        renderArg.onChange(\"new-value\");\n        expect(renderArg.value).toBe(\"new-value\");\n        renderArg.onChange(\"third-value\");\n        expect(renderArg.value).toBe(\"third-value\");\n    });\n});\n"],"mappings":"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","ignoreList":[]}

package/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Input\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Input\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/Input/styled.js

@@ -1,14 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.webinyInputStyles = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _emotion = require("emotion");
+var _templateObject;
 /**
  * @type {string}
  */
-var webinyInputStyles = /*#__PURE__*/(0, _emotion.css)(".mdc-text-field__input:-webkit-autofill + .mdc-floating-label{transform:translateY(-106%) scale(0.75);}&.webiny-ui-input--size-medium{&.mdc-text-field{height:40px;font-size:0.85em;}}&.webiny-ui-input--size-small{&.mdc-text-field{height:30px;font-size:0.75em;}}label:webinyInputStyles;");
-exports.webinyInputStyles = webinyInputStyles;
+var webinyInputStyles = exports.webinyInputStyles = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    //  fix label position when autofilled\n\n    .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n        transform: translateY(-106%) scale(0.75);\n    }\n\n    .mdc-floating-label {\n        margin-left: 0 !important;\n    }\n\n    .mdc-text-field__input::-webkit-calendar-picker-indicator {\n        display: initial;\n    }\n\n    // medium input styles\n    &.webiny-ui-input--size-medium {\n        &.mdc-text-field {\n            height: 40px;\n            font-size: 0.85em;\n        }\n    }\n\n    // small input styles\n    &.webiny-ui-input--size-small {\n        &.mdc-text-field {\n            height: 30px;\n            font-size: 0.75em;\n        }\n    }\n\n    // textarea\n    &.mdc-text-field--textarea {\n        display: flex;\n        flex-direction: row;\n\n        &.mdc-text-field--with-trailing-icon {\n            padding-left: 0;\n            padding-right: 0;\n\n            .mdc-text-field__input {\n                padding-right: 0;\n            }\n        }\n    }\n"])));
 
 //# sourceMappingURL=styled.js.map

package/Input/styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_emotion","require","webinyInputStyles","css","exports"],"sources":["styled.tsx"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * @type {string}\n */\nexport const webinyInputStyles = css`\n    //  fix label position when autofilled\n    .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n        transform: translateY(-106%) scale(0.75);\n    }\n\n    // medium input styles\n    &.webiny-ui-input--size-medium {\n        &.mdc-text-field {\n            height: 40px;\n            font-size: 0.85em;\n        }\n    }\n\n    // small input styles\n    &.webiny-ui-input--size-small {\n        &.mdc-text-field {\n            height: 30px;\n            font-size: 0.75em;\n        }\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,iBAAiB,oBAAGC,YAAG,iSAqBnC;AAACC,OAAA,CAAAF,iBAAA,GAAAA,iBAAA"}
+{"version":3,"names":["_emotion","require","_templateObject","webinyInputStyles","exports","css","_taggedTemplateLiteral2","default"],"sources":["styled.tsx"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * @type {string}\n */\nexport const webinyInputStyles = css`\n    //  fix label position when autofilled\n\n    .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n        transform: translateY(-106%) scale(0.75);\n    }\n\n    .mdc-floating-label {\n        margin-left: 0 !important;\n    }\n\n    .mdc-text-field__input::-webkit-calendar-picker-indicator {\n        display: initial;\n    }\n\n    // medium input styles\n    &.webiny-ui-input--size-medium {\n        &.mdc-text-field {\n            height: 40px;\n            font-size: 0.85em;\n        }\n    }\n\n    // small input styles\n    &.webiny-ui-input--size-small {\n        &.mdc-text-field {\n            height: 30px;\n            font-size: 0.75em;\n        }\n    }\n\n    // textarea\n    &.mdc-text-field--textarea {\n        display: flex;\n        flex-direction: row;\n\n        &.mdc-text-field--with-trailing-icon {\n            padding-left: 0;\n            padding-right: 0;\n\n            .mdc-text-field__input {\n                padding-right: 0;\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAA8B,IAAAC,eAAA;AAE9B;AACA;AACA;AACO,IAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,OAAGE,YAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,mgCA6CnC","ignoreList":[]}

package/List/CollapsibleList/index.css

@@ -13,16 +13,16 @@
   opacity: 1;
 }
 
-.rmwc-collapsible-list__handle .mdc-list-item__meta {
+.rmwc-collapsible-list__handle .mdc-deprecated-list-item__meta {
   transition: transform 0.3s;
   user-select: none;
 }
 
-.rmwc-collapsible-list--open > .rmwc-collapsible-list__handle .mdc-list-item__meta {
+.rmwc-collapsible-list--open > .rmwc-collapsible-list__handle .mdc-deprecated-list-item__meta {
   transform: rotate(90deg);
 }
 
-.rmwc-collapsible-list__children .mdc-list-item {
+.rmwc-collapsible-list__children .mdc-deprecated-list-item {
   padding-left: 2rem;
 }
 

package/List/CollapsibleList/index.d.ts

@@ -4,5 +4,5 @@ import { CollapsibleListProps as RmwcCollapsibleListProps } from "@rmwc/list";
 export declare type CollapsibleListProps = RmwcCollapsibleListProps & {
     children: React.ReactNode;
 };
-export declare const CollapsibleList: (props: CollapsibleListProps) => JSX.Element;
+export declare const CollapsibleList: (props: CollapsibleListProps) => React.JSX.Element;
 export default CollapsibleList;

package/List/CollapsibleList/index.js

@@ -8,11 +8,9 @@ exports.default = exports.CollapsibleList = void 0;
 require("./index.css");
 var _react = _interopRequireDefault(require("react"));
 var _list = require("@rmwc/list");
-var CollapsibleList = function CollapsibleList(props) {
+var CollapsibleList = exports.CollapsibleList = function CollapsibleList(props) {
   return /*#__PURE__*/_react.default.createElement(_list.CollapsibleList, props);
 };
-exports.CollapsibleList = CollapsibleList;
-var _default = CollapsibleList;
-exports.default = _default;
+var _default = exports.default = CollapsibleList;
 
 //# sourceMappingURL=index.js.map

package/List/CollapsibleList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["require","_react","_interopRequireDefault","_list","CollapsibleList","props","default","createElement","exports","_default"],"sources":["index.tsx"],"sourcesContent":["import \"./index.css\";\nimport React from \"react\";\nimport {\n    CollapsibleList as RmwcCollapsibleList,\n    CollapsibleListProps as RmwcCollapsibleListProps\n} from \"@rmwc/list\";\n\nexport type CollapsibleListProps = RmwcCollapsibleListProps & {\n    children: React.ReactNode;\n};\n\nexport const CollapsibleList = (props: CollapsibleListProps) => {\n    return <RmwcCollapsibleList {...props} />;\n};\n\nexport default CollapsibleList;\n"],"mappings":";;;;;;;AAAAA,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AASO,IAAMI,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,KAA2B,EAAK;EAC5D,oBAAOJ,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACJ,KAAA,CAAAC,eAAmB,EAAKC,KAAQ,CAAC;AAC7C,CAAC;AAACG,OAAA,CAAAJ,eAAA,GAAAA,eAAA;AAAA,IAAAK,QAAA,GAEaL,eAAe;AAAAI,OAAA,CAAAF,OAAA,GAAAG,QAAA"}
+{"version":3,"names":["require","_react","_interopRequireDefault","_list","CollapsibleList","exports","props","default","createElement","_default"],"sources":["index.tsx"],"sourcesContent":["import \"./index.css\";\nimport React from \"react\";\nimport {\n    CollapsibleList as RmwcCollapsibleList,\n    CollapsibleListProps as RmwcCollapsibleListProps\n} from \"@rmwc/list\";\n\nexport type CollapsibleListProps = RmwcCollapsibleListProps & {\n    children: React.ReactNode;\n};\n\nexport const CollapsibleList = (props: CollapsibleListProps) => {\n    return <RmwcCollapsibleList {...props} />;\n};\n\nexport default CollapsibleList;\n"],"mappings":";;;;;;;AAAAA,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AASO,IAAMI,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAIE,KAA2B,EAAK;EAC5D,oBAAOL,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACL,KAAA,CAAAC,eAAmB,EAAKE,KAAQ,CAAC;AAC7C,CAAC;AAAC,IAAAG,QAAA,GAAAJ,OAAA,CAAAE,OAAA,GAEaH,eAAe","ignoreList":[]}