mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-15 18:31:06 +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

5
src/Notification/NotificationButton.svelte
View file

@ -9,7 +9,7 @@
* Specify the icon to render
* @type {typeof import("svelte").SvelteComponent}
*/
export let icon = Close20;
export let icon = Close;
/**
* Specify the title of the icon
@ -20,7 +20,7 @@
/** Specify the ARIA label for the icon */
export let iconDescription = "Close icon";
import Close20 from "../icons/Close20.svelte";
import Close from "../icons/Close.svelte";
</script>
<!-- svelte-ignore a11y-mouse-events-have-key-events -->
@ -38,6 +38,7 @@
>
<svelte:component
this="{icon}"
size="{20}"
title="{title}"
class="bx--{notificationType}-notification__close-icon"
/>

25
src/Notification/NotificationIcon.svelte
View file

@ -14,25 +14,26 @@
/** Specify the ARIA label for the icon */
export let iconDescription = "Closes notification";
import CheckmarkFilled20 from "../icons/CheckmarkFilled20.svelte";
import ErrorFilled20 from "../icons/ErrorFilled20.svelte";
import InformationFilled20 from "../icons/InformationFilled20.svelte";
import InformationSquareFilled20 from "../icons/InformationSquareFilled20.svelte";
import WarningFilled20 from "../icons/WarningFilled20.svelte";
import WarningAltFilled20 from "../icons/WarningAltFilled20.svelte";
import CheckmarkFilled from "../icons/CheckmarkFilled.svelte";
import ErrorFilled from "../icons/ErrorFilled.svelte";
import InformationFilled from "../icons/InformationFilled.svelte";
import InformationSquareFilled from "../icons/InformationSquareFilled.svelte";
import WarningFilled from "../icons/WarningFilled.svelte";
import WarningAltFilled from "../icons/WarningAltFilled.svelte";
const icons = {
error: ErrorFilled20,
"info-square": InformationSquareFilled20,
info: InformationFilled20,
success: CheckmarkFilled20,
warning: WarningFilled20,
"warning-alt": WarningAltFilled20,
error: ErrorFilled,
"info-square": InformationSquareFilled,
info: InformationFilled,
success: CheckmarkFilled,
warning: WarningFilled,
"warning-alt": WarningAltFilled,
};
</script>
<svelte:component
this="{icons[kind]}"
size="{20}"
title="{iconDescription}"
class="bx--{notificationType}-notification__icon"
/>