mcp/carbon-components-svelte
1
0
Fork 0
mirror of https://github.com/carbon-design-system/carbon-components-svelte.git synced 2025-09-18 03:26:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

refactor(inline-loading): use class name directive, resolve svelte imports

Browse source
This commit is contained in:
Eric Liu 2020-12-05 17:10:18 -08:00
commit b6d3d1774b
2 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/ComposedModal/ComposedModal.svelte
View file

@ -54,15 +54,13 @@
});
function focus(element) {
if (selectorPrimaryFocus == null) {
return;
}
if (selectorPrimaryFocus == null) return;
const node =
(element || innerModal).querySelector(selectorPrimaryFocus) || buttonRef;
if (node != null) node.focus();
}
$: opened = false;
let opened = false;
$: didOpen = open;
onMount(async () => {
@ -116,7 +114,10 @@
<div
bind:this="{innerModal}"
class:bx--modal-container="{true}"
class="{size && `bx--modal-container--${size}`} {containerClass}"
class:bx--modal-container--xs="{size === 'xs'}"
class:bx--modal-container--sm="{size === 'sm'}"
class:bx--modal-container--lg="{size === 'lg'}"
class="{containerClass}"
on:click="{() => {
didClickInnerModal = true;
}}"

6
src/InlineLoading/InlineLoading.svelte
View file

@ -21,9 +21,9 @@
export let successDelay = 1500;
import { createEventDispatcher, afterUpdate, onMount } from "svelte";
import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";
import Error20 from "carbon-icons-svelte/lib/Error20";
import { Loading } from "../Loading";
import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16/CheckmarkFilled16.svelte";
import Error20 from "carbon-icons-svelte/lib/Error20/Error20.svelte";
import Loading from "../Loading/Loading.svelte";
const dispatch = createEventDispatcher();