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

refactor: resolve svelte-check hints

Browse source
This commit is contained in:
Eric Liu 2022-03-12 13:02:29 -08:00
commit 1fee16d441
5 changed files with 7 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

5
docs/src/pages/framed/CodeSnippet/HiddenCodeSnippet.svelte
View file

@ -1,12 +1,13 @@
<script> <script>
import { ToggleSmall, CodeSnippet } from "carbon-components-svelte"; import { Toggle, CodeSnippet } from "carbon-components-svelte";
let toggled = false; let toggled = false;
const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n"); const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n");
</script> </script>
<ToggleSmall <Toggle
size="sm"
style="margin-bottom: var(--cds-spacing-05)" style="margin-bottom: var(--cds-spacing-05)"
labelText="Show code snippets" labelText="Show code snippets"
bind:toggled bind:toggled

7
tests/DynamicCodeSnippet.test.svelte
View file

@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import { ToggleSmall, CodeSnippet } from "../types"; import { CodeSnippet } from "../types";
let toggled = false; let toggled = false;
@ -7,9 +7,4 @@
$: code = Array.from({ length }, (_, i) => i + 1).join("\n"); $: code = Array.from({ length }, (_, i) => i + 1).join("\n");
</script> </script>
<ToggleSmall
style="margin-bottom: var(--cds-spacing-05)"
labelText="Trigger snippet overflow"
bind:toggled
/>
<CodeSnippet type="multi" code="{code}" /> <CodeSnippet type="multi" code="{code}" />

2
tests/HeaderUtilities.test.svelte
View file

@ -3,7 +3,6 @@
Header, Header,
HeaderUtilities, HeaderUtilities,
HeaderAction, HeaderAction,
HeaderActionSearch,
HeaderGlobalAction, HeaderGlobalAction,
HeaderPanelLinks, HeaderPanelLinks,
HeaderPanelDivider, HeaderPanelDivider,
@ -31,7 +30,6 @@
<SkipToContent /> <SkipToContent />
</div> </div>
<HeaderUtilities> <HeaderUtilities>
<HeaderActionSearch />
<HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust20}" /> <HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust20}" />
<HeaderAction <HeaderAction
bind:isOpen bind:isOpen

8
tests/HiddenCodeSnippet.test.svelte
View file

@ -1,17 +1,11 @@
<script lang="ts"> <script lang="ts">
import { ToggleSmall, CodeSnippet } from "../types"; import { CodeSnippet } from "../types";
let toggled = false; let toggled = false;
const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n"); const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n");
</script> </script>
<ToggleSmall
style="margin-bottom: var(--cds-spacing-05)"
labelText="Show code snippets"
bind:toggled
/>
{#if toggled} {#if toggled}
<h5>"Show more" will not render</h5> <h5>"Show more" will not render</h5>
<br /> <br />

2
tests/NumberInput.test.svelte
View file

@ -5,6 +5,8 @@
let value: NumberInputProps["value"] = null; let value: NumberInputProps["value"] = null;
</script> </script>
{value}
<NumberInput <NumberInput
label="Clusters" label="Clusters"
on:change="{(e) => { on:change="{(e) => {