@webiny/ui 5.21.0-beta.0 → 5.22.0-beta.2

package/Accordion/Accordion.stories.js

@@ -4,7 +4,7 @@ import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample
 import readme from "./README.md";
 import { Accordion } from "./Accordion";
 import { AccordionItem } from "./AccordionItem";
-import { ReactComponent as SettingsIcon } from "@svgr/webpack!./icons/round-settings-24px.svg";
+import { ReactComponent as SettingsIcon } from "./icons/round-settings-24px.svg";
 var story = storiesOf("Components/Accordion", module);
 story.add("usage", function () {
   return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {

package/Accordion/AccordionItem.js

@@ -8,8 +8,8 @@ import { Icon } from "../Icon";
 import styled from "@emotion/styled";
 import { css } from "emotion";
 import { Typography } from "../Typography";
-import { ReactComponent as UpArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_up-24px.svg";
-import { ReactComponent as DownArrow } from "@svgr/webpack!./icons/round-keyboard_arrow_down-24px.svg";
+import { ReactComponent as UpArrow } from "./icons/round-keyboard_arrow_up-24px.svg";
+import { ReactComponent as DownArrow } from "./icons/round-keyboard_arrow_down-24px.svg";
 import classNames from "classnames";
 var Content = /*#__PURE__*/styled("div", {
   target: "eypjd5u0",

package/AutoComplete/AutoComplete.d.ts

@@ -8,6 +8,7 @@ export declare type Props = AutoCompleteBaseProps & {
     placement?: Placement;
     onChange?: (value: any, selection: any) => void;
     loading?: boolean;
+    noResultFound?: Function;
 };
 declare type State = {
     inputValue: string;

package/AutoComplete/AutoComplete.js

@@ -144,7 +144,7 @@ var AutoComplete = /*#__PURE__*/function (_React$Component) {
           className: classNames("autocomplete__options-list", listStyles)
         }, getMenuProps()), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
           use: "body2"
-        }, "No results."))));
+        }, "No results."), this.props.noResultFound)));
       }
 
       return /*#__PURE__*/React.createElement(Elevation, {

package/AutoComplete/MultiAutoComplete.d.ts

@@ -21,6 +21,7 @@ export declare type MultiAutoCompleteProps = AutoCompleteBaseProps & {
      * Render list item when `useMultipleSelectionList` is used.
      */
     renderListItemLabel?: Function;
+    noResultFound?: Function;
 };
 declare type State = {
     inputValue: string;

package/AutoComplete/MultiAutoComplete.js

@@ -22,13 +22,13 @@ import { Elevation } from "../Elevation";
 import { Typography } from "../Typography";
 import { autoCompleteStyle, suggestionList } from "./styles";
 import { FormElementMessage } from "../FormElementMessage";
-import { ReactComponent as BaselineCloseIcon } from "@svgr/webpack!./icons/baseline-close-24px.svg";
-import { ReactComponent as PrevIcon } from "@svgr/webpack!./icons/navigate_before-24px.svg";
-import { ReactComponent as NextIcon } from "@svgr/webpack!./icons/navigate_next-24px.svg";
-import { ReactComponent as PrevAllIcon } from "@svgr/webpack!./icons/skip_previous-24px.svg";
-import { ReactComponent as NextAllIcon } from "@svgr/webpack!./icons/skip_next-24px.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!./icons/baseline-close-24px.svg";
-import { ReactComponent as ReorderIcon } from "@svgr/webpack!./icons/reorder_black_24dp.svg";
+import { ReactComponent as BaselineCloseIcon } from "./icons/baseline-close-24px.svg";
+import { ReactComponent as PrevIcon } from "./icons/navigate_before-24px.svg";
+import { ReactComponent as NextIcon } from "./icons/navigate_next-24px.svg";
+import { ReactComponent as PrevAllIcon } from "./icons/skip_previous-24px.svg";
+import { ReactComponent as NextAllIcon } from "./icons/skip_next-24px.svg";
+import { ReactComponent as DeleteIcon } from "./icons/baseline-close-24px.svg";
+import { ReactComponent as ReorderIcon } from "./icons/reorder_black_24dp.svg";
 import { css } from "emotion";
 import { ListItemGraphic } from "../List";
 var style = {
@@ -260,7 +260,7 @@ export var MultiAutoComplete = /*#__PURE__*/function (_React$Component) {
           className: classNames("multi-autocomplete__options-list", listStyles)
         }, getMenuProps()), /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(Typography, {
           use: "body2"
-        }, "No results."))));
+        }, "No results."), this.props.noResultFound)));
       }
 
       var renderItem = this.props.renderItem;

package/Button/Button.stories.js

@@ -3,7 +3,7 @@ import { storiesOf } from "@storybook/react";
 import { withKnobs, text, boolean } from "@storybook/addon-knobs";
 import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
 import readme from "./../Button/README.md";
-import { ReactComponent as CloudIcon } from "@svgr/webpack!./assets/baseline-cloud_done-24px.svg";
+import { ReactComponent as CloudIcon } from "./assets/baseline-cloud_done-24px.svg";
 import { ButtonPrimary, ButtonSecondary, ButtonDefault, ButtonFloating, ButtonIcon } from "./Button";
 var story = storiesOf("Components/Button", module);
 story.addDecorator(withKnobs);

package/Button/CopyButton/CopyButton.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["value", "onCopy"];
 import * as React from "react";
-import { ReactComponent as CopyToClipboardIcon } from "@svgr/webpack!../assets/file_copy-24px.svg";
+import { ReactComponent as CopyToClipboardIcon } from "../assets/file_copy-24px.svg";
 import { IconButton } from "../index";
 import { useCallback } from "react";
 

package/Button/IconButton/IconButton.stories.js

@@ -2,8 +2,8 @@ import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
 import readme from "./README.md";
-import { ReactComponent as CloudIcon } from "@svgr/webpack!./../assets/baseline-cloud_done-24px.svg";
-import { ReactComponent as MoreIcon } from "@svgr/webpack!./../assets/round-more_vert-24px.svg";
+import { ReactComponent as CloudIcon } from "./../assets/baseline-cloud_done-24px.svg";
+import { ReactComponent as MoreIcon } from "./../assets/round-more_vert-24px.svg";
 import { Menu, MenuItem } from "./../../Menu/index";
 import { IconButton } from "./IconButton";
 var story = storiesOf("Components/Button", module);

package/Chips/Chips.stories.js

@@ -2,8 +2,8 @@ import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
 import readme from "./README.md";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./icons/baseline-done-24px.svg";
-import { ReactComponent as BaselineEmailIcon } from "@svgr/webpack!./icons/baseline-email-24px.svg";
+import { ReactComponent as BaselineDoneIcon } from "./icons/baseline-done-24px.svg";
+import { ReactComponent as BaselineEmailIcon } from "./icons/baseline-email-24px.svg";
 import { Chip, ChipIcon, Chips } from "./index";
 var story = storiesOf("Components/Chips", module);
 story.add("usage", function () {

package/Icon/Icon.stories.js

@@ -2,10 +2,10 @@ import React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
 import readme from "./../Icon/README.md";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./svg/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./svg/baseline-cloud_done-24px.svg";
-import { ReactComponent as BaselineDeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
+import { ReactComponent as AutoRenewIcon } from "./svg/baseline-autorenew-24px.svg";
+import { ReactComponent as CloudDoneIcon } from "./svg/baseline-cloud_done-24px.svg";
+import { ReactComponent as BaselineDeleteIcon } from "./svg/baseline-delete-24px.svg";
+import { ReactComponent as BaselineDoneIcon } from "./svg/baseline-done-24px.svg";
 import { Icon } from "./Icon";
 var story = storiesOf("Components/Icon", module);
 story.add("usage", function () {

package/ImageEditor/toolbar/crop.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ReactComponent as CropIcon } from "@svgr/webpack!./icons/crop.svg";
+import { ReactComponent as CropIcon } from "./icons/crop.svg";
 import { IconButton } from "../../Button";
 import { Tooltip } from "../../Tooltip";
 import Cropper from "cropperjs";

package/ImageEditor/toolbar/filter.js

@@ -7,7 +7,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _debounce from "lodash/debounce";
 import React from "react";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!./icons/filter.svg";
+import { ReactComponent as FilterIcon } from "./icons/filter.svg";
 import { Slider } from "../../Slider";
 import { IconButton, ButtonDefault } from "../../Button";
 import { Tooltip } from "../../Tooltip";

package/ImageEditor/toolbar/flip.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { ReactComponent as FlipIcon } from "@svgr/webpack!./icons/flip.svg";
+import { ReactComponent as FlipIcon } from "./icons/flip.svg";
 import Cropper from "cropperjs";
 import "cropperjs/dist/cropper.css";
 import { IconButton, ButtonDefault } from "../../Button";

package/ImageEditor/toolbar/rotate.js

@@ -7,7 +7,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React from "react";
-import { ReactComponent as RotateRight } from "@svgr/webpack!./icons/rotateRight.svg";
+import { ReactComponent as RotateRight } from "./icons/rotateRight.svg";
 import { Slider } from "../../Slider";
 import { Tooltip } from "../../Tooltip";
 import { IconButton } from "../../Button";

package/ImageUpload/Image.js

@@ -5,9 +5,9 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import * as React from "react";
 import classNames from "classnames";
-import { ReactComponent as AddImageIcon } from "@svgr/webpack!./icons/round-add_photo_alternate-24px.svg";
-import { ReactComponent as RemoveImageIcon } from "@svgr/webpack!./icons/round-close-24px.svg";
-import { ReactComponent as EditImageIcon } from "@svgr/webpack!./icons/round-edit-24px.svg";
+import { ReactComponent as AddImageIcon } from "./icons/round-add_photo_alternate-24px.svg";
+import { ReactComponent as RemoveImageIcon } from "./icons/round-close-24px.svg";
+import { ReactComponent as EditImageIcon } from "./icons/round-edit-24px.svg";
 import { Typography } from "../Typography";
 import { CircularProgress } from "../Progress";
 import { AddImageIconWrapper, AddImageWrapper, AddImageWrapperRound, EditImage, ImagePreviewWrapper, RemoveImage } from "./styled";

package/Input/Input.stories.js

@@ -3,10 +3,10 @@ import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
 import { withKnobs, boolean } from "@storybook/addon-knobs";
 import readme from "./../Input/README.md";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./svg/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./svg/baseline-cloud_done-24px.svg";
-import { ReactComponent as BaselineDeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
+import { ReactComponent as AutoRenewIcon } from "./svg/baseline-autorenew-24px.svg";
+import { ReactComponent as CloudDoneIcon } from "./svg/baseline-cloud_done-24px.svg";
+import { ReactComponent as BaselineDeleteIcon } from "./svg/baseline-delete-24px.svg";
+import { ReactComponent as BaselineDoneIcon } from "./svg/baseline-done-24px.svg";
 import { Form } from "@webiny/form";
 import { Input } from "./Input";
 import { validation } from "@webiny/validation";

package/List/DataList/icons/index.js

@@ -1,13 +1,13 @@
 import * as React from "react";
 import { IconButton } from "../../../Button";
-import { ReactComponent as AutoRenew } from "@svgr/webpack!./baseline-autorenew-24px.svg";
-import { ReactComponent as Pen } from "@svgr/webpack!./baseline-edit-24px.svg";
-import { ReactComponent as Delete } from "@svgr/webpack!./baseline-delete-24px.svg";
-import { ReactComponent as Sort } from "@svgr/webpack!./baseline-sort-24px.svg";
-import { ReactComponent as Filter } from "@svgr/webpack!./filter_alt-24px.svg";
-import { ReactComponent as NavigateBefore } from "@svgr/webpack!./baseline-navigate_before-24px.svg";
-import { ReactComponent as NavigateNext } from "@svgr/webpack!./baseline-navigate_next-24px.svg";
-import { ReactComponent as TuneIcon } from "@svgr/webpack!./baseline-tune-24px.svg";
+import { ReactComponent as AutoRenew } from "./baseline-autorenew-24px.svg";
+import { ReactComponent as Pen } from "./baseline-edit-24px.svg";
+import { ReactComponent as Delete } from "./baseline-delete-24px.svg";
+import { ReactComponent as Sort } from "./baseline-sort-24px.svg";
+import { ReactComponent as Filter } from "./filter_alt-24px.svg";
+import { ReactComponent as NavigateBefore } from "./baseline-navigate_before-24px.svg";
+import { ReactComponent as NavigateNext } from "./baseline-navigate_next-24px.svg";
+import { ReactComponent as TuneIcon } from "./baseline-tune-24px.svg";
 export var RefreshIcon = function RefreshIcon(props) {
   return /*#__PURE__*/React.createElement(IconButton, Object.assign({
     icon: /*#__PURE__*/React.createElement(AutoRenew, null)

package/List/List.stories.js

@@ -4,10 +4,10 @@ import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample
 import readme from "./../List/README.md";
 import { Icon } from "./../Icon";
 import { ButtonPrimary } from "./../Button";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./icons/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./icons/baseline-cloud_done-24px.svg";
-import { ReactComponent as BaselineDeleteIcon } from "@svgr/webpack!./icons/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./icons/baseline-done-24px.svg";
+import { ReactComponent as AutoRenewIcon } from "./icons/baseline-autorenew-24px.svg";
+import { ReactComponent as CloudDoneIcon } from "./icons/baseline-cloud_done-24px.svg";
+import { ReactComponent as BaselineDeleteIcon } from "./icons/baseline-delete-24px.svg";
+import { ReactComponent as BaselineDoneIcon } from "./icons/baseline-done-24px.svg";
 import { List, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListItemGraphic, ListItemTextPrimary } from "./List";
 var story = storiesOf("Components/List", module);
 story.add("simple list", function () {

package/RichTextEditor/RichTextEditor.js

@@ -100,28 +100,13 @@ export var RichTextEditor = function RichTextEditor(props) {
         return tools;
       }, {})
     }));
-    return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(!editorRef.current || typeof editorRef.current.destroy !== "function")) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              editorRef.current.destroy();
+    return function () {
+      if (!editorRef.current || typeof editorRef.current.destroy !== "function") {
+        return;
+      }
 
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
+      editorRef.current.destroy();
+    };
   }, []);
   var label = props.label,
       description = props.description,

package/Ripple/Ripple.stories.js

@@ -4,10 +4,10 @@ import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample
 import readme from "./../Ripple/README.md";
 import { Icon } from "./../Icon";
 import { withKnobs, boolean } from "@storybook/addon-knobs";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./svg/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./svg/baseline-cloud_done-24px.svg";
-import { ReactComponent as BaselineDeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as BaselineDoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
+import { ReactComponent as AutoRenewIcon } from "./svg/baseline-autorenew-24px.svg";
+import { ReactComponent as CloudDoneIcon } from "./svg/baseline-cloud_done-24px.svg";
+import { ReactComponent as BaselineDeleteIcon } from "./svg/baseline-delete-24px.svg";
+import { ReactComponent as BaselineDoneIcon } from "./svg/baseline-done-24px.svg";
 import { Ripple } from "./Ripple";
 var story = storiesOf("Components/Ripple", module);
 story.addDecorator(withKnobs);

package/Select/Select.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { SelectProps as RmwcSelectProps } from "@rmwc/select";
 import { FormComponentProps } from "../types";
-declare type SelectProps = FormComponentProps & RmwcSelectProps & {
+export declare type SelectProps = FormComponentProps & RmwcSelectProps & {
     label?: string;
     disabled?: boolean;
     description?: string;

package/Tabs/Tabs.stories.js

@@ -2,8 +2,8 @@ import * as React from "react";
 import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
 import readme from "./../Tabs/README.md";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!./svg/baseline-delete-24px.svg";
-import { ReactComponent as DoneIcon } from "@svgr/webpack!./svg/baseline-done-24px.svg";
+import { ReactComponent as DeleteIcon } from "./svg/baseline-delete-24px.svg";
+import { ReactComponent as DoneIcon } from "./svg/baseline-done-24px.svg";
 import { withKnobs } from "@storybook/addon-knobs";
 import { Tabs, Tab } from "./index";
 var story = storiesOf("Components/Tabs", module);

package/Tags/Tags.js

@@ -13,7 +13,7 @@ import { Input } from "../Input";
 import { Chips, Chip } from "../Chips";
 import { css } from "emotion";
 import keycode from "keycode";
-import { ReactComponent as BaselineCloseIcon } from "@svgr/webpack!./icons/baseline-close-24px.svg";
+import { ReactComponent as BaselineCloseIcon } from "./icons/baseline-close-24px.svg";
 import { FormElementMessage } from "../FormElementMessage";
 var tagsStyle = /*#__PURE__*/css({
   position: "relative",

package/TopAppBar/TopAppBar.stories.js

@@ -3,10 +3,10 @@ import { storiesOf } from "@storybook/react";
 import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
 import readme from "./../TopAppBar/README.md";
 import { withKnobs, text } from "@storybook/addon-knobs";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./icons/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./icons/baseline-cloud_done-24px.svg";
-import { ReactComponent as EnvelopeIcon } from "@svgr/webpack!./icons/baseline-email-24px.svg";
-import { ReactComponent as MenuIcon } from "@svgr/webpack!./icons/baseline-menu-24px.svg";
+import { ReactComponent as AutoRenewIcon } from "./icons/baseline-autorenew-24px.svg";
+import { ReactComponent as CloudDoneIcon } from "./icons/baseline-cloud_done-24px.svg";
+import { ReactComponent as EnvelopeIcon } from "./icons/baseline-email-24px.svg";
+import { ReactComponent as MenuIcon } from "./icons/baseline-menu-24px.svg";
 import { TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem } from "./index";
 var story = storiesOf("Components/TopAppBar", module);
 story.addDecorator(withKnobs);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/ui",
-	"version": "5.21.0-beta.0",
+	"version": "5.22.0-beta.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -14,10 +14,10 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@babel/runtime": "7.16.3",
+		"@babel/runtime": "7.16.7",
 		"@editorjs/editorjs": "2.22.3",
-		"@emotion/core": "10.1.1",
-		"@emotion/styled": "10.0.27",
+		"@emotion/core": "10.3.1",
+		"@emotion/styled": "10.3.0",
 		"@material/base": "3.1.0",
 		"@material/textfield": "3.2.0",
 		"@rmwc/base": "5.7.2",
@@ -47,7 +47,7 @@
 		"@rmwc/top-app-bar": "5.7.2",
 		"@rmwc/types": "5.6.0",
 		"@rmwc/typography": "5.7.2",
-		"@svgr/webpack": "4.3.3",
+		"@svgr/webpack": "6.2.0",
 		"brace": "0.11.1",
 		"classnames": "2.3.1",
 		"cropperjs": "1.5.12",
@@ -72,23 +72,22 @@
 		"shortid": "2.2.16"
 	},
 	"devDependencies": {
-		"@babel/cli": "^7.5.5",
-		"@babel/core": "^7.5.5",
-		"@babel/plugin-proposal-class-properties": "^7.5.5",
-		"@babel/preset-env": "^7.5.5",
-		"@babel/preset-typescript": "^7.8.3",
+		"@babel/cli": "^7.16.0",
+		"@babel/core": "^7.16.0",
+		"@babel/plugin-proposal-class-properties": "^7.16.0",
+		"@babel/preset-env": "^7.16.4",
+		"@babel/preset-typescript": "^7.16.0",
 		"@storybook/addon-info": "^5.2.8",
 		"@storybook/addon-knobs": "^5.0.5",
 		"@storybook/addon-links": "^5.0.5",
 		"@storybook/react": "^5.2.8",
-		"@webiny/cli": "^5.21.0-beta.0",
-		"@webiny/form": "^5.21.0-beta.0",
-		"@webiny/project-utils": "^5.21.0-beta.0",
-		"@webiny/storybook-utils": "^5.21.0-beta.0",
-		"@webiny/validation": "^5.21.0-beta.0",
+		"@webiny/cli": "^5.22.0-beta.2",
+		"@webiny/form": "^5.22.0-beta.2",
+		"@webiny/project-utils": "^5.22.0-beta.2",
+		"@webiny/storybook-utils": "^5.22.0-beta.2",
+		"@webiny/validation": "^5.22.0-beta.2",
 		"babel-loader": "^8.0.0-beta.6",
 		"babel-plugin-emotion": "^9.2.8",
-		"babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
 		"execa": "^5.0.0",
 		"jest-dom": "^3.0.0",
 		"ncp": "^2.0.0",
@@ -104,8 +103,8 @@
 		"webpack": "^4.46.0"
 	},
 	"peerDependencies": {
-		"react": "16.14.0",
-		"react-dom": "16.14.0"
+		"react": "^16.14.0",
+		"react-dom": "^16.14.0"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -123,11 +122,6 @@
 		},
 		"setupTestFrameworkScriptFile": "jest-extended"
 	},
-	"svgo": {
-		"plugins": {
-			"removeViewBox": false
-		}
-	},
 	"adio": {
 		"ignore": {
 			"dependencies": [
@@ -138,5 +132,5 @@
 			]
 		}
 	},
-	"gitHead": "cad155812edbdd577a1cc858b41038fdd7a6d2d9"
+	"gitHead": "c472d20682885fb538354c206a148deaae14bfe8"
 }

package/rmwc/textfield/code/index.d.ts

@@ -81,8 +81,8 @@ export declare class TextField extends FoundationComponent<MDCTextFieldFoundatio
         hasOutline: () => boolean;
     };
     getInputAdapterMethods(): {
-        registerInputInteractionHandler: <K extends any>(evtType: K, handler: SpecificEventListener<any>) => void;
-        deregisterInputInteractionHandler: <K extends any>(evtType: K, handler: SpecificEventListener<any>) => void;
+        registerInputInteractionHandler: <K>(evtType: K, handler: SpecificEventListener<any>) => void;
+        deregisterInputInteractionHandler: <K>(evtType: K, handler: SpecificEventListener<any>) => void;
         getNativeInput: () => (HTMLInputElement & HTMLTextAreaElement) | null;
     };
     getFoundationMap(): {

package/rmwc/textfield/next/index.d.ts

@@ -81,8 +81,8 @@ export declare class TextField extends FoundationComponent<MDCTextFieldFoundatio
         hasOutline: () => boolean;
     };
     getInputAdapterMethods(): {
-        registerInputInteractionHandler: <K extends any>(evtType: K, handler: SpecificEventListener<any>) => void;
-        deregisterInputInteractionHandler: <K extends any>(evtType: K, handler: SpecificEventListener<any>) => void;
+        registerInputInteractionHandler: <K>(evtType: K, handler: SpecificEventListener<any>) => void;
+        deregisterInputInteractionHandler: <K>(evtType: K, handler: SpecificEventListener<any>) => void;
         getNativeInput: () => (HTMLInputElement & HTMLTextAreaElement) | null;
     };
     getFoundationMap(): {

package/rmwc/textfield/package.json

@@ -28,8 +28,8 @@
   },
   "homepage": "https://github.com/jamesmfriedman/rmwc/tree/master/src/textfield#readme",
   "peerDependencies": {
-    "react": "^16.3.x",
-    "react-dom": "^16.3.x"
+    "react": "16.14.0",
+    "react-dom": "16.14.0"
   },
   "dependencies": {
     "@material/textfield": "^3.1.0",