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

16
src/TextInput/PasswordInput.svelte
View file

@ -81,10 +81,10 @@
export let ref = null;
import { getContext } from "svelte";
import WarningFilled16 from "../icons/WarningFilled16.svelte";
import WarningAltFilled16 from "../icons/WarningAltFilled16.svelte";
import View16 from "../icons/View16.svelte";
import ViewOff16 from "../icons/ViewOff16.svelte";
import WarningFilled from "../icons/WarningFilled.svelte";
import WarningAltFilled from "../icons/WarningAltFilled.svelte";
import View from "../icons/View.svelte";
import ViewOff from "../icons/ViewOff.svelte";
const ctx = getContext("Form");
@ -154,10 +154,10 @@
data-invalid="{invalid || undefined}"
>
{#if invalid}
<WarningFilled16 class="bx--text-input__invalid-icon" />
<WarningFilled class="bx--text-input__invalid-icon" />
{/if}
{#if !invalid && warn}
<WarningAltFilled16
<WarningAltFilled
class="bx--text-input__invalid-icon
bx--text-input__invalid-icon--warning"
/>
@ -213,9 +213,9 @@
</span>
{/if}
{#if type === "text"}
<ViewOff16 class="bx--icon-visibility-off" />
<ViewOff class="bx--icon-visibility-off" />
{:else}
<View16 class="bx--icon-visibility-on" />
<View class="bx--icon-visibility-on" />
{/if}
</button>
</div>

12
src/TextInput/TextInput.svelte
View file

@ -71,9 +71,9 @@
export let readonly = false;
import { createEventDispatcher, getContext } from "svelte";
import WarningFilled16 from "../icons/WarningFilled16.svelte";
import WarningAltFilled16 from "../icons/WarningAltFilled16.svelte";
import EditOff16 from "../icons/EditOff16.svelte";
import WarningFilled from "../icons/WarningFilled.svelte";
import WarningAltFilled from "../icons/WarningAltFilled.svelte";
import EditOff from "../icons/EditOff.svelte";
const ctx = getContext("Form");
const dispatch = createEventDispatcher();
@ -163,16 +163,16 @@
class:bx--text-input__field-wrapper--warning="{!invalid && warn}"
>
{#if invalid}
<WarningFilled16 class="bx--text-input__invalid-icon" />
<WarningFilled class="bx--text-input__invalid-icon" />
{/if}
{#if !invalid && warn}
<WarningAltFilled16
<WarningAltFilled
class="bx--text-input__invalid-icon
bx--text-input__invalid-icon--warning"
/>
{/if}
{#if readonly}
<EditOff16 class="bx--text-input__readonly-icon" />
<EditOff class="bx--text-input__readonly-icon" />
{/if}
<input
bind:this="{ref}"