Inline carbon icons, remove carbon-icons-svelte from dependencies (#904)

* feat(icons): inline carbon icons used by components

* feat(icons): update svelte components to use inlined carbon icons

* breaking(deps): remove carbon-icons-svelte

* chore(deps-dev): install carbon-icons-svelte as a devDependency
This commit is contained in:
Eric Liu 2021-11-11 08:54:45 -08:00 committed by GitHub
commit 040e3d3372
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
90 changed files with 2077 additions and 58 deletions

View file

@ -61,7 +61,7 @@
export let iconClose = Close20;
import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte";
import Menu20 from "carbon-icons-svelte/lib/Menu20/Menu20.svelte";
import Menu20 from "../../icons/Menu20.svelte";
import { shouldRenderHamburgerMenu } from "../navStore";
import HamburgerMenu from "../SideNav/HamburgerMenu.svelte";

View file

@ -38,7 +38,7 @@
import { createEventDispatcher } from "svelte";
import { slide } from "svelte/transition";
import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte";
import AppSwitcher20 from "carbon-icons-svelte/lib/AppSwitcher20/AppSwitcher20.svelte";
import AppSwitcher20 from "../../icons/AppSwitcher20.svelte";
import Icon from "../../Icon/Icon.svelte";
const dispatch = createEventDispatcher();

View file

@ -14,7 +14,7 @@
import { createEventDispatcher } from "svelte";
import Close20 from "carbon-icons-svelte/lib/Close20";
import Search20 from "carbon-icons-svelte/lib/Search20";
import Search20 from "../../icons/Search20.svelte";
import searchStore from "../searchStore";
const dispatch = createEventDispatcher();

View file

@ -14,7 +14,7 @@
/** Obtain a reference to the HTML anchor element */
export let ref = null;
import ChevronDown16 from "carbon-icons-svelte/lib/ChevronDown16";
import ChevronDown16 from "../../icons/ChevronDown16.svelte";
</script>
<svelte:window

View file

@ -28,7 +28,7 @@
import { createEventDispatcher, tick } from "svelte";
import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte";
import Search20 from "carbon-icons-svelte/lib/Search20/Search20.svelte";
import Search20 from "../icons/Search20.svelte";
const dispatch = createEventDispatcher();

View file

@ -26,7 +26,7 @@
export let ref = null;
import Close20 from "carbon-icons-svelte/lib/Close20/Close20.svelte";
import Menu20 from "carbon-icons-svelte/lib/Menu20/Menu20.svelte";
import Menu20 from "../../icons/Menu20.svelte";
</script>
<button

View file

@ -17,7 +17,7 @@
/** Obtain a reference to the HTML button element */
export let ref = null;
import ChevronDown16 from "carbon-icons-svelte/lib/ChevronDown16/ChevronDown16.svelte";
import ChevronDown16 from "../../icons/ChevronDown16.svelte";
</script>
<li class:bx--side-nav__item="{true}" class:bx--side-nav__item--icon="{icon}">