chore: remove storybook

This commit is contained in:
Eric Liu 2020-10-14 16:23:44 -07:00
commit 378fe06e03
116 changed files with 103 additions and 14249 deletions

View file

@ -1,58 +0,0 @@
<script>
export let story = undefined;
import ProgressIndicator from "./ProgressIndicator.svelte";
import ProgressIndicatorSkeleton from "./ProgressIndicator.Skeleton.svelte";
import ProgressStep from "./ProgressStep.svelte";
</script>
<div>
{#if story === 'skeleton'}
<ProgressIndicatorSkeleton {...$$props} />
{:else if story === 'interactive'}
<ProgressIndicator {...$$props}>
<ProgressStep description="Step 1: Register a onChange event" let:props>
<div {...props}>Click me</div>
</ProgressStep>
<ProgressStep
label="Really long label"
description="The progress indicator will listen for clicks on the steps"
/>
<ProgressStep
label="Tooltip and really long label"
description="The progress indicator will listen for clicks on the steps"
/>
</ProgressIndicator>
{:else}
<ProgressIndicator {...$$props}>
<ProgressStep
label="First step"
description="Step 1: Getting started with Carbon Design System"
secondaryLabel="Optional label"
on:click="{() => {
console.log('click');
}}"
/>
<ProgressStep
label="Second step with tooltip"
description="Step 2: Getting started with Carbon Design System"
secondaryLabel="Optional label"
/>
<ProgressStep
label="Third step with tooltip"
description="Step 3: Getting started with Carbon Design System"
/>
<ProgressStep
label="Fourth step"
description="Step 4: Getting started with Carbon Design System"
secondaryLabel="Example invalid step"
invalid
/>
<ProgressStep
label="Fifth step"
description="Step 5: Getting started with Carbon Design System"
disabled
/>
</ProgressIndicator>
{/if}
</div>

View file

@ -1,30 +0,0 @@
import { withKnobs, boolean, number } from "@storybook/addon-knobs";
import Component from "./ProgressIndicator.Story.svelte";
export default { title: "ProgressIndicator", decorators: [withKnobs] };
export const Default = () => ({
Component,
props: {
currentIndex: number("Current progress (currentIndex)", 1),
vertical: boolean("Vertical orientation (vertical)", false),
spaceEqually: boolean("Space Equally", false),
},
});
export const Interactive = () => ({
Component,
props: {
story: "interactive",
currentIndex: number("Current progress (currentIndex)", 1),
vertical: boolean("Vertical orientation (vertical)", false),
},
});
export const Skeleton = () => ({
Component,
props: {
story: "skeleton",
vertical: boolean("Vertical orientation (vertical)", false),
},
});