Refactor createSvgIcon import for icons (#1694)

It fixes ts declarations resolution

src/icons/AccountCircle.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const AccountCircle = createSvgIcon(

src/icons/ArrowDropdown.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ArrowDropdown = createSvgIcon(

src/icons/ArrowSort.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ArrowSort = createSvgIcon(

src/icons/Attributes.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Attributes = createSvgIcon(

src/icons/Ballot.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Ballot = createSvgIcon(

src/icons/BoldIcon.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const BoldIcon = createSvgIcon(

src/icons/Bot.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Bot = createSvgIcon(

src/icons/Calendar.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 export const Calendar = createSvgIcon(

src/icons/Channels.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Channels = createSvgIcon(

src/icons/Checkbox.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Checkbox = createSvgIcon(

src/icons/CheckboxChecked.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const CheckboxChecked = createSvgIcon(

src/icons/CheckboxIndeterminate.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const CheckboxIndeterminate = createSvgIcon(

src/icons/CheckboxSemiChecked.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const CheckboxSemiChecked = createSvgIcon(

src/icons/ChevronUp.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ChevronUp = createSvgIcon(

src/icons/Draggable.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Draggable = createSvgIcon(

src/icons/ErrorExclamationCircle.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ErrorExclamationCircle = createSvgIcon(

src/icons/Folder.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Folder = createSvgIcon(

src/icons/HeaderOne.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const HeaderOne = createSvgIcon(

src/icons/HeaderThree.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const HeaderThree = createSvgIcon(

src/icons/HeaderTwo.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const HeaderTwo = createSvgIcon(

src/icons/Home.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Home = createSvgIcon(

src/icons/Image.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Image = createSvgIcon(

src/icons/ItalicIcon.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ItalicIcon = createSvgIcon(

src/icons/LinkIcon.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const LinkIcon = createSvgIcon(

src/icons/LocalShipping.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const LocalShipping = createSvgIcon(

src/icons/Monetization.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Monetization = createSvgIcon(

src/icons/Moon.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Moon = createSvgIcon(

src/icons/Navigation.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Navigation = createSvgIcon(

src/icons/NoPhoto.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const NoPhoto = createSvgIcon(

src/icons/OrderedListIcon.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const OrderedListIcon = createSvgIcon(

src/icons/Orders.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Orders = createSvgIcon(

src/icons/PageTypes.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const PageTypes = createSvgIcon(

src/icons/Pages.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Pages = createSvgIcon(

src/icons/PermissionGroups.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const PermissionGroups = createSvgIcon(

src/icons/Plugins.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Plugins = createSvgIcon(

src/icons/ProductTypes.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ProductTypes = createSvgIcon(

src/icons/QuotationIcon.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const QuotationIcon = createSvgIcon(

src/icons/Sales.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Sales = createSvgIcon(

src/icons/ShippingMethods.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const ShippingMethods = createSvgIcon(

src/icons/Shop.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Shop = createSvgIcon(

src/icons/SiteSettings.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const SiteSettings = createSvgIcon(

src/icons/StaffMembers.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const StaffMembers = createSvgIcon(

src/icons/StoreMall.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const StoreMall = createSvgIcon(

src/icons/Sun.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Sun = createSvgIcon(

src/icons/Taxes.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Taxes = createSvgIcon(

src/icons/Trash.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import { useTheme } from "@saleor/macaw-ui";
 import React from "react";
 

src/icons/Truck.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Truck = createSvgIcon(

src/icons/UnorderedListIcon.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const UnorderedListIcon = createSvgIcon(

src/icons/Unstyled.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Unstyled = createSvgIcon(

src/icons/Warehouses.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Warehouses = createSvgIcon(

src/icons/Webhooks.tsx

@@ -1,4 +1,4 @@
-import createSvgIcon from "@material-ui/icons/utils/createSvgIcon";
+import { createSvgIcon } from "@material-ui/core/utils";
 import React from "react";
 
 const Webhooks = createSvgIcon(