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,29 +0,0 @@
<script>
import { SelectItem } from "../Select";
import TimePicker from "./TimePicker.svelte";
import TimePickerSelect from "./TimePickerSelect.svelte";
$: value = "";
$: select1 = "PM";
$: select2 = "Time zone 1";
$: console.log(value, select1, select2);
</script>
<TimePicker id="time-picker" {...$$props.timepicker} bind:value>
<TimePickerSelect
{...$$props.select}
id="time-picker-select-1"
bind:value="{select1}"
>
<SelectItem value="AM" text="AM" />
<SelectItem value="PM" text="PM" />
</TimePickerSelect>
<TimePickerSelect
{...$$props.select}
id="time-picker-select-2"
bind:value="{select2}"
>
<SelectItem value="Time zone 1" text="Time zone 1" />
<SelectItem value="Time zone 2" text="Time zone 2" />
</TimePickerSelect>
</TimePicker>

View file

@ -1,51 +0,0 @@
import { withKnobs, number, boolean, text } from "@storybook/addon-knobs";
import Component from "./TimePicker.Story.svelte";
export default { title: "TimePicker", decorators: [withKnobs] };
export const Default = () => ({
Component,
props: {
timepicker: {
pattern: text(
"Regular expression for the value (pattern in <TimePicker>)",
"(1[012]|[1-9]):[0-5][0-9](\\s)?"
),
placeholder: text(
"Placeholder text (placeholder in <TimePicker>)",
"hh:mm"
),
disabled: boolean("Disabled (disabled in <TimePicker>)", false),
light: boolean("Light variant (light in <TimePicker>)", false),
hideLabel: boolean("No label (hideLabel in <TimePicker>)", false),
labelText: text(
"Label text (labelText in <TimePicker>)",
"Select a time"
),
invalid: boolean(
"Show form validation UI (invalid in <TimePicker>)",
false
),
invalidText: text(
"Form validation UI content (invalidText in <TimePicker>)",
"A valid value is required"
),
maxlength: number("Maximum length (maxlength in <TimePicker>)", 5),
id: text("TimePicker id", "time-picker-id"),
name: text("TimePicker name", "time-picker-name"),
},
select: {
disabled: boolean("Disabled (disabled in <TimePickerSelect>)", false),
labelText: text(
"Label text (labelText in <TimePickerSelect>)",
"Please select"
),
iconDescription: text(
"Trigger icon description (iconDescription in <TimePickerSelect>)",
"open list of options"
),
id: text("TimePickerSelect id", "time-picker-select-id"),
name: text("TimePickerSelect name", "time-picker-select-name"),
},
},
});