mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-15 02:11:05 +00:00
chore(deps-dev): upgrade svelte-check to v2.4.5 (#1159)
This commit is contained in:
parent
48348df43d
commit
cb014219fd
9 changed files with 32 additions and 60 deletions
|
@ -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}" />
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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 />
|
||||
|
|
|
@ -1,23 +0,0 @@
|
|||
<script lang="ts">
|
||||
import { Icon } from "../types";
|
||||
import Add16 from "carbon-icons-svelte/lib/Add16";
|
||||
import Add20 from "carbon-icons-svelte/lib/Add20";
|
||||
import Add24 from "carbon-icons-svelte/lib/Add24";
|
||||
import Add32 from "carbon-icons-svelte/lib/Add32";
|
||||
</script>
|
||||
|
||||
<Icon render="{Add16}" />
|
||||
|
||||
<Icon render="{Add20}" />
|
||||
|
||||
<Icon render="{Add24}" />
|
||||
|
||||
<Icon render="{Add32}" />
|
||||
|
||||
<Icon skeleton render="{Add16}" />
|
||||
|
||||
<Icon skeleton size="{20}" render="{Add20}" />
|
||||
|
||||
<Icon skeleton size="{24}" render="{Add24}" />
|
||||
|
||||
<Icon skeleton size="{32}" render="{Add32}" />
|
|
@ -5,6 +5,8 @@
|
|||
let value: NumberInputProps["value"] = null;
|
||||
</script>
|
||||
|
||||
{value}
|
||||
|
||||
<NumberInput
|
||||
label="Clusters"
|
||||
on:change="{(e) => {
|
||||
|
|
|
@ -1,13 +0,0 @@
|
|||
<script lang="ts">
|
||||
import { ToggleSmall, ToggleSmallSkeleton } from "../types";
|
||||
</script>
|
||||
|
||||
<ToggleSmall labelText="Push notifications" />
|
||||
|
||||
<ToggleSmall labelText="Push notifications" toggled />
|
||||
|
||||
<ToggleSmall labelText="Push notifications" labelA="No" labelB="Yes" />
|
||||
|
||||
<ToggleSmall labelText="Push notifications" disabled />
|
||||
|
||||
<ToggleSmallSkeleton />
|
Loading…
Add table
Add a link
Reference in a new issue