From 1fee16d4418650a51f1ebd9fa9a9b77112112b5e Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 12 Mar 2022 13:02:29 -0800
Subject: [PATCH] refactor: resolve svelte-check hints

---
 .../src/pages/framed/CodeSnippet/HiddenCodeSnippet.svelte | 5 +++--
 tests/DynamicCodeSnippet.test.svelte                      | 7 +------
 tests/HeaderUtilities.test.svelte                         | 2 --
 tests/HiddenCodeSnippet.test.svelte                       | 8 +-------
 tests/NumberInput.test.svelte                             | 2 ++
 5 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/docs/src/pages/framed/CodeSnippet/HiddenCodeSnippet.svelte b/docs/src/pages/framed/CodeSnippet/HiddenCodeSnippet.svelte
index 49584496..10634950 100644
--- a/docs/src/pages/framed/CodeSnippet/HiddenCodeSnippet.svelte
+++ b/docs/src/pages/framed/CodeSnippet/HiddenCodeSnippet.svelte
@@ -1,12 +1,13 @@
 <script>
-  import { ToggleSmall, CodeSnippet } from "carbon-components-svelte";
+  import { Toggle, CodeSnippet } from "carbon-components-svelte";
 
   let toggled = false;
 
   const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n");
 </script>
 
-<ToggleSmall
+<Toggle
+  size="sm"
   style="margin-bottom: var(--cds-spacing-05)"
   labelText="Show code snippets"
   bind:toggled
diff --git a/tests/DynamicCodeSnippet.test.svelte b/tests/DynamicCodeSnippet.test.svelte
index 2860df97..bf57b8c8 100644
--- a/tests/DynamicCodeSnippet.test.svelte
+++ b/tests/DynamicCodeSnippet.test.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ToggleSmall, CodeSnippet } from "../types";
+  import { CodeSnippet } from "../types";
 
   let toggled = false;
 
@@ -7,9 +7,4 @@
   $: code = Array.from({ length }, (_, i) => i + 1).join("\n");
 </script>
 
-<ToggleSmall
-  style="margin-bottom: var(--cds-spacing-05)"
-  labelText="Trigger snippet overflow"
-  bind:toggled
-/>
 <CodeSnippet type="multi" code="{code}" />
diff --git a/tests/HeaderUtilities.test.svelte b/tests/HeaderUtilities.test.svelte
index 77a414bb..1abc03d8 100644
--- a/tests/HeaderUtilities.test.svelte
+++ b/tests/HeaderUtilities.test.svelte
@@ -3,7 +3,6 @@
     Header,
     HeaderUtilities,
     HeaderAction,
-    HeaderActionSearch,
     HeaderGlobalAction,
     HeaderPanelLinks,
     HeaderPanelDivider,
@@ -31,7 +30,6 @@
     <SkipToContent />
   </div>
   <HeaderUtilities>
-    <HeaderActionSearch />
     <HeaderGlobalAction aria-label="Settings" icon="{SettingsAdjust20}" />
     <HeaderAction
       bind:isOpen
diff --git a/tests/HiddenCodeSnippet.test.svelte b/tests/HiddenCodeSnippet.test.svelte
index f9d7dd85..29baf9dc 100644
--- a/tests/HiddenCodeSnippet.test.svelte
+++ b/tests/HiddenCodeSnippet.test.svelte
@@ -1,17 +1,11 @@
 <script lang="ts">
-  import { ToggleSmall, CodeSnippet } from "../types";
+  import { CodeSnippet } from "../types";
 
   let toggled = false;
 
   const code = Array.from({ length: 20 }, (_, i) => i + 1).join("\n");
 </script>
 
-<ToggleSmall
-  style="margin-bottom: var(--cds-spacing-05)"
-  labelText="Show code snippets"
-  bind:toggled
-/>
-
 {#if toggled}
   <h5>"Show more" will not render</h5>
   <br />
diff --git a/tests/NumberInput.test.svelte b/tests/NumberInput.test.svelte
index 62ee4251..d687d8ae 100644
--- a/tests/NumberInput.test.svelte
+++ b/tests/NumberInput.test.svelte
@@ -5,6 +5,8 @@
   let value: NumberInputProps["value"] = null;
 </script>
 
+{value}
+
 <NumberInput
   label="Clusters"
   on:change="{(e) => {