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/Button/types.ts

@@ -3,8 +3,8 @@ import { Button } from "react-aria-components"
 import type { VariantProps } from "class-variance-authority"
 import type { ComponentProps } from "react"
 
-import type { SymbolCodepoints } from "../Icons/MaterialIcon/MaterialSymbol/types"
 import type { variants } from "./variants"
+import { MaterialIconName } from "../Icons/MaterialIcon/generated"
 
 export const buttonIconNames = [
   "add_circle",
@@ -25,13 +25,8 @@ export const buttonIconNames = [
   "chevron_left",
 ] as const
 
-export type ButtonIconName = Extract<
-  SymbolCodepoints,
-  (typeof buttonIconNames)[number]
->
-
 export interface ButtonProps
   extends ComponentProps<typeof Button>, VariantProps<typeof variants> {
-  leadingIconName?: ButtonIconName | null
-  trailingIconName?: ButtonIconName | null
+  leadingIconName?: MaterialIconName | null
+  trailingIconName?: MaterialIconName | null
 }