mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
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:
parent
4df812bc3f
commit
040e3d3372
90 changed files with 2077 additions and 58 deletions
|
@ -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";
|
||||
|
||||
|
|
|
@ -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();
|
||||
|
|
|
@ -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();
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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();
|
||||
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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}">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue