mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 02:11:05 +00:00
Code Issues Projects Releases Packages Wiki Activity

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

Browse source 
* chore: update ignore rules, remove unused files

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

* docs(time-picker): fix default value

* chore: upgrade carbon-icons-svelte to v11

* docs: update examples to use icons from carbon-icons-svelte@11

* docs: update number of icons [ci skip]
This commit is contained in:
metonym 2022-04-03 11:57:28 -07:00 • committed by GitHub
commit ba58ba8f00
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
176 changed files with 1410 additions and 2487 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">