mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-21 12:49:20 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(icons): use icons from carbon-icons-svelte@11

Browse source
This commit is contained in:
Eric Liu 2022-04-03 11:09:06 -07:00
commit 0a28d64acf
118 changed files with 1122 additions and 2201 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/UIShell/HeaderAction.svelte
View file

@ -3,16 +3,18 @@
export let isOpen = false;
/**
* Specify the icon to render
* Specify the icon to render when the action panel is closed.
* Defaults to `<Switcher size={20} />`
* @type {typeof import("svelte").SvelteComponent}
*/
export let icon = AppSwitcher20;
export let icon = Switcher;
/**
* Specify the icon to render when the action panel is open
* Specify the icon to render when the action panel is open.
* Defaults to `<Close size={20} />`
* @type {typeof import("svelte").SvelteComponent}
*/
export let closeIcon = Close20;
export let closeIcon = Close;
/**
* Specify the text
@ -33,8 +35,8 @@
import { createEventDispatcher } from "svelte";
import { slide } from "svelte/transition";
import Close20 from "../icons/Close20.svelte";
import AppSwitcher20 from "../icons/AppSwitcher20.svelte";
import Close from "../icons/Close.svelte";
import Switcher from "../icons/Switcher.svelte";
const dispatch = createEventDispatcher();
@ -65,11 +67,11 @@
>
{#if isOpen}
<slot name="closeIcon">
<svelte:component this="{closeIcon}" />
<svelte:component this="{closeIcon}" size="{20}" />
</slot>
{:else}
<slot name="icon">
<svelte:component this="{icon}" />
<svelte:component this="{icon}" size="{20}" />
</slot>
{/if}
<slot name="text">