feat: local icons

Author: TheComputerM

packages/svelte-materialify/src/components/Chip/Chip.svelte

@@ -1,11 +1,7 @@
-<script context="module">
-  const closeIcon =
-    'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z';
-</script>
-
 <script>
   import Ripple from '../../actions/Ripple';
   import Icon from '../Icon';
+  import closeIcon from '../../internal/Icons/close';
   import { createEventDispatcher } from 'svelte';
 
   // Classes to add to chip.

packages/svelte-materialify/src/components/ExpansionPanels/ExpansionPanel.svelte

@@ -1,12 +1,9 @@
-<script context="module">
-  const down = 'M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z';
-</script>
-
 <script>
   import { getContext } from 'svelte';
   import { EXPANSION_PANELS } from './ExpansionPanels.svelte';
   import { slide } from 'svelte/transition';
   import Icon from '../Icon';
+  import down from '../../internal/Icons/down';
 
   const { values, Disabled, selectPanel, index } = getContext(EXPANSION_PANELS);
 

packages/svelte-materialify/src/components/Select/Select.svelte

@@ -1,14 +1,11 @@
-<script context="module">
-  const DOWN_ICON = 'M7,10L12,15L17,10H7Z';
-</script>
-
 <script>
   import TextField from '../TextField';
   import Menu from '../Menu';
   import { ListItemGroup, ListItem } from '../List';
   import Chip from '../Chip';
   import Checkbox from '../Checkbox';
   import Icon from '../Icon';
+  import DOWN_ICON from '../../internal/Icons/down';
 
   let klass = '';
   export { klass as class };

packages/svelte-materialify/src/components/SlideGroup/SlideGroup.svelte

@@ -1,12 +1,12 @@
 <script context="module">
   export const SLIDE_GROUP = {};
-  const prevIcon = 'M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z';
-  const nextIcon = 'M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z';
 </script>
 
 <script>
   import { setContext, afterUpdate } from 'svelte';
   import ItemGroup from '../ItemGroup';
+  import prevIcon from '../../internal/Icons/prev';
+  import nextIcon from '../../internal/Icons/next';
   import Icon from '../Icon';
 
   let contentWidth;

packages/svelte-materialify/src/components/TextField/TextField.svelte

@@ -1,13 +1,8 @@
-<script context="module">
-  import uid from '../../internal/uid';
-
-  const clearIcon =
-    'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z';
-</script>
-
 <script>
   import Input from '../Input';
   import Icon from '../Icon';
+  import uid from '../../internal/uid';
+  import clearIcon from '../../internal/Icons/close';
 
   let klass = '';
   export { klass as class };

packages/svelte-materialify/src/components/Textarea/Textarea.svelte

@@ -1,13 +1,8 @@
-<script context="module">
-  import uid from '../../internal/uid';
-
-  const clearIcon =
-    'M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z';
-</script>
-
 <script>
   import Input from '../Input';
   import Icon from '../Icon';
+  import uid from '../../internal/uid';
+  import clearIcon from '../../internal/Icons/close';
 
   export let value = '';
   export let color = 'primary';

packages/svelte-materialify/src/internal/Icons/close.js

@@ -0,0 +1 @@
+export default 'M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z';

packages/svelte-materialify/src/internal/Icons/down.js

@@ -0,0 +1 @@
+export default 'M7,10L12,15L17,10H7Z';

packages/svelte-materialify/src/internal/Icons/next.js

@@ -0,0 +1 @@
+export default 'M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z';

packages/svelte-materialify/src/internal/Icons/prev.js

@@ -0,0 +1 @@
+export default 'M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z';