mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-16 10:51:06 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore: lift components folder

Browse source
This commit is contained in:
Eric Liu 2020-07-19 09:06:08 -07:00
commit 2200b29b92
301 changed files with 57 additions and 76 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/components/FileUploader/FileUploaderItem.svelte
View file

@ -1,46 +0,0 @@
<script>
export let errorBody = "";
export let errorSubject = "";
export let iconDescription = "";
export let id = "ccs-" + Math.random().toString(36);
export let invalid = false;
export let name = "";
export let status = "uploading";
import { createEventDispatcher } from "svelte";
import Filename from "./Filename.svelte";
const dispatch = createEventDispatcher();
</script>
<span
class:bx--file__selected-file={true}
class:bx--file__selected-file--invalid={invalid}
{...$$restProps}
on:mouseover
on:mouseenter
on:mouseleave>
<p class:bx--file-filename={true}>{name}</p>
<span class:bx--file__state-container={true}>
<Filename
on:keydown={({ key }) => {
if (key === ' ' || key === 'Enter') {
dispatch('delete', id);
}
}}
on:click={() => {
dispatch('delete', id);
}}
{iconDescription}
{status}
{invalid} />
</span>
{#if invalid && errorSubject}
<div class:bx--form-requirement={true}>
<div class:bx--form-requirement__title={true}>{errorSubject}</div>
{#if errorBody}
<p class:bx--form-requirement__supplement={true}>{errorBody}</p>
{/if}
</div>
{/if}
</span>