Merged in feat/svg-instead-of-fonts (pull request #3411)

feat(SW-3695): use svg icons instead of font icons

* feat(icons): use svg instead of font icons

* feat(icons): use webpack/svgr for inlined svgs. Now support for isFilled again

* Merge master

* Remove old font icon


Approved-by: Joakim Jäderberg

packages/design-system/lib/components/Input/Input.stories.tsx

@@ -5,7 +5,7 @@ import { expect } from "storybook/test"
 import { Input } from "./Input"
 import { TextField } from "react-aria-components"
 import { MaterialIcon } from "../Icons/MaterialIcon"
-import type { SymbolCodepoints } from "../Icons/MaterialIcon/MaterialSymbol/types"
+import { MaterialIconName } from "../Icons/MaterialIcon/generated"
 
 const meta: Meta<typeof Input> = {
   title: "Core Components/Input",
@@ -176,12 +176,12 @@ export const Default: Story = {
           data-validation-state={validationState}
           leftIcon={
             showLeftIcon && leftIconName ? (
-              <MaterialIcon icon={leftIconName as SymbolCodepoints} />
+              <MaterialIcon icon={leftIconName as MaterialIconName} />
             ) : undefined
           }
           rightIcon={
             showRightIcon && rightIconName ? (
-              <MaterialIcon icon={rightIconName as SymbolCodepoints} />
+              <MaterialIcon icon={rightIconName as MaterialIconName} />
             ) : undefined
           }
         />