16 |
18 |
--------------------------------------------------------------------------------
/src/lib/collections/breadcrumb/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Breadcrumb } from './breadcrumb'
2 | import { default as Section } from './section'
3 | import { default as Divider } from './divider'
4 |
5 | export function init() : void
6 |
7 | export { Section, Divider }
8 | export default Breadcrumb
9 |
--------------------------------------------------------------------------------
/src/lib/collections/breadcrumb/index.js:
--------------------------------------------------------------------------------
1 | import { default as Breadcrumb } from './breadcrumb.svelte'
2 | import { default as Section } from './section.svelte'
3 | import { default as Divider } from './divider.svelte'
4 |
5 | export function init() {
6 | // @ts-ignore
7 | Breadcrumb.Section = Section
8 | // @ts-ignore
9 | Divider.Divider = Divider
10 | }
11 |
12 | export { Section, Divider }
13 | export default Breadcrumb
14 |
--------------------------------------------------------------------------------
/src/lib/collections/breadcrumb/section.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte/internal'
2 | import type { DOMEvents, MountEvent, SvanticProps } from '../../common'
3 |
4 | type BreadcrumbSectionProps = SvanticProps & {
5 | active?: boolean
6 | as?: 'a' | 'div'
7 | }
8 |
9 | type BreadcrumbSectionEvents
26 |
28 | {/if}
29 |
--------------------------------------------------------------------------------
/src/lib/collections/form/field.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import { Wide } from '../../variations'
3 | import type { MountEvent, SvanticEvents, SvanticProps } from '../../common'
4 |
5 | declare type State = 'info' | 'warning' | 'error' | 'success' | 'disabled'
6 |
7 | type FieldProps = SvanticProps & {
8 | state?: State
9 | wide?: Wide
10 | inline?: boolean
11 | disabled?: boolean
12 | required?: boolean
13 | }
14 |
15 | type FieldEvents = MountEvent
31 |
33 |
--------------------------------------------------------------------------------
/src/lib/collections/form/fields.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import type { Style } from '../../style'
3 | import type { Wide } from '../../variations'
4 | import type { Component } from '../../component'
5 | import type { MountEvent, SvanticProps } from '../../common'
6 |
7 | type FieldsProps = SvanticProps & {
8 | wide?: Wide
9 | equal?: boolean
10 | inline?: boolean
11 | grouped?: boolean
12 | }
13 |
14 | type FieldsEvents = MountEvent
25 |
27 |
--------------------------------------------------------------------------------
/src/lib/collections/form/form.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte/internal'
2 | import type { Size } from '../../variations'
3 | import type { MountEvent, SvanticProps } from '../../common'
4 | import Field from './field'
5 | import Fields from './fields'
6 |
7 | declare type State = 'info' | 'warning' | 'error' | 'success' | 'loading'
8 |
9 | type FormProps = SvanticProps & {
10 | state?: State
11 | size?: Size
12 | inverted?: boolean
13 | equal?: boolean
14 | fluid?: boolean
15 | }
16 |
17 | type FormEvents = MountEvent
32 |
34 |
--------------------------------------------------------------------------------
/src/lib/collections/grid/grid.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 |
35 |
37 |
--------------------------------------------------------------------------------
/src/lib/collections/grid/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Grid } from './grid'
2 | import { default as Row } from './row'
3 | import { default as Column } from './column'
4 |
5 | export function init(): void
6 |
7 | export { Row, Column }
8 | export default Grid
9 |
--------------------------------------------------------------------------------
/src/lib/collections/grid/index.js:
--------------------------------------------------------------------------------
1 | import { default as Grid } from './grid.svelte'
2 | import { default as Row } from './row.svelte'
3 | import { default as Column } from './column.svelte'
4 |
5 | export function init() {
6 | // @ts-ignore
7 | Grid.Row = Row
8 | // @ts-ignore
9 | Grid.Column = Column
10 | }
11 |
12 | export { Row, Column }
13 | export default Grid
14 |
--------------------------------------------------------------------------------
/src/lib/collections/grid/row.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import { Style } from '../../style'
3 | import { Component } from '../../component'
4 | import { Align } from '../../variations'
5 | import { GridWide, Visibility } from './grid'
6 | type GridType =
7 | | 'divided'
8 | | 'vertically divided'
9 | | 'celled'
10 | | 'internally celled'
11 |
12 | interface RowProps extends Component {
13 | class?: string
14 | style?: Style
15 | type?: GridType
16 | column?: GridWide | GridWide[]
17 | equal?: boolean
18 | aligned?: 'top'|'middle'|'bottom'
19 | visibility?: Visibility
20 | }
21 | /**
22 | * Vomantic Grid Row
23 | */
24 | declare class Row extends SvelteComponentTyped
26 |
28 |
--------------------------------------------------------------------------------
/src/lib/collections/index.d.ts:
--------------------------------------------------------------------------------
1 | export { default as Form, Field, Fields, init as initForm } from './form'
2 | export { default as Grid, Row, Column, init as initGrid } from './grid'
3 | export { default as Message } from './message'
4 |
5 | export {
6 | default as Table,
7 | Body as TableBody,
8 | Cell as TableCell,
9 | Footer as TableFooter,
10 | HCell as TableHCell,
11 | Header as TableHeader,
12 | Row as TableRow,
13 | init as initTable
14 | } from './table'
15 |
16 | export {
17 | default as Breadcrumb,
18 | Divider as BreadcrumbDivider,
19 | Section as BreadcrumbSection,
20 | init as initBreadcrumb
21 | } from './breadcrumb'
22 |
23 | export { default as Menu, Item as MenuItem, init as initMenu } from './menu'
24 |
--------------------------------------------------------------------------------
/src/lib/collections/index.js:
--------------------------------------------------------------------------------
1 | export { default as Form, Field, Fields, init as initForm } from './form'
2 | export { default as Grid, Row, Column, init as initGrid } from './grid'
3 | export { default as Message } from './message'
4 |
5 | export {
6 | default as Table,
7 | Body as TableBody,
8 | Cell as TableCell,
9 | Footer as TableFooter,
10 | HCell as TableHCell,
11 | Header as TableHeader,
12 | Row as TableRow,
13 | init as initTable
14 | } from './table'
15 |
16 | export {
17 | default as Breadcrumb,
18 | Divider as BreadcrumbDivider,
19 | Section as BreadcrumbSection,
20 | init as initBreadcrumb
21 | } from './breadcrumb'
22 |
23 | export { default as Menu, Item as MenuItem, init as initMenu } from './menu'
24 |
--------------------------------------------------------------------------------
/src/lib/collections/menu/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Menu } from './menu'
2 | import { default as Item } from './item'
3 |
4 | export function init(): void
5 |
6 | export { Item }
7 | export default Menu
8 |
--------------------------------------------------------------------------------
/src/lib/collections/menu/index.js:
--------------------------------------------------------------------------------
1 | import { default as Menu } from './menu.svelte'
2 | import { default as Item } from './item.svelte'
3 |
4 | export function init() {
5 | // @ts-ignore
6 | Menu.item = Item
7 | }
8 |
9 | export { Item }
10 | export default Menu
11 |
--------------------------------------------------------------------------------
/src/lib/collections/menu/item.d.ts:
--------------------------------------------------------------------------------
1 | import type { Icons } from 'src/elements/icon/icon';
2 | import { SvelteComponentTyped} from 'svelte/internal';
3 | import type { Component } from '../../component';
4 |
5 | interface ItemProps extends Component {
6 | active?: boolean;
7 | horizontally?: boolean;
8 | fitted?: boolean | "vertically" | "horizontally";
9 | icon?: boolean | Icons;
10 | href?: string
11 | content?: string
12 | }
13 | /**
14 | * @description
15 | */
16 | declare class Item extends SvelteComponentTyped
26 |
28 |
--------------------------------------------------------------------------------
/src/lib/elements/container/index.d.ts:
--------------------------------------------------------------------------------
1 | export { default } from "./container";
2 |
--------------------------------------------------------------------------------
/src/lib/elements/container/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './container.svelte'
2 |
--------------------------------------------------------------------------------
/src/lib/elements/divider/divider.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import type { Component } from '../../component';
3 | import type { Align } from '../../variations';
4 | declare type Type = "horizontal" | "vertical";
5 | interface DividerProps extends Component {
6 | type?: Type;
7 | aligned?: Align;
8 | clearing?: boolean;
9 | section?: boolean;
10 | hidden?: boolean;
11 | fitted?: boolean;
12 | ignored?: boolean;
13 | vertical?: boolean;
14 | inverted?: boolean;
15 | }
16 | /**
17 | * Vomantic Divider
18 | */
19 | export default class Divider extends SvelteComponentTyped
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/elements/icon/icons.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 |
18 |
22 |
24 |
--------------------------------------------------------------------------------
/src/lib/elements/image/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Image } from "./image";
2 | import { default as Link } from "./link";
3 | import { default as Group } from "./images";
4 |
5 | export function init()
6 |
7 | export { Group , Link }
8 | export default Image
--------------------------------------------------------------------------------
/src/lib/elements/image/index.js:
--------------------------------------------------------------------------------
1 |
2 | import { default as Image } from './image.svelte'
3 | import { default as Link } from './link.svelte'
4 | import { default as Group } from './images.svelte'
5 |
6 | export function init() {
7 | // @ts-ignore
8 | Image.Link = Link
9 | // @ts-ignore
10 | Image.Group = Group
11 | }
12 |
13 | export { Group , Link }
14 | export default Image
15 |
--------------------------------------------------------------------------------
/src/lib/elements/image/link.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
20 |
40 |
42 |
--------------------------------------------------------------------------------
/src/lib/elements/input/index.d.ts:
--------------------------------------------------------------------------------
1 | export { default } from "./input";
2 |
--------------------------------------------------------------------------------
/src/lib/elements/input/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './input.svelte';
2 |
--------------------------------------------------------------------------------
/src/lib/elements/label/detail.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/elements/label/detail.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import type { Component } from '../../component';
3 | import type { Size, Color } from '../../variations';
4 |
5 | interface DetailProps extends Component {
6 | }
7 | /**
8 | * Vomantic Label detail
9 | */
10 | export default class Detail extends SvelteComponentTyped
38 |
40 |
--------------------------------------------------------------------------------
/src/lib/elements/label/labels.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import type { Component } from '../../component';
3 | import type { Size, Color } from '../../variations';
4 | interface LabelsProps extends Component {
5 | size?: Size;
6 | color?: Color;
7 | basic?: boolean;
8 | tag?: boolean;
9 | circular?: boolean;
10 | inverted?: boolean;
11 | }
12 | /**
13 | * Vomantic Labels
14 | */
15 | declare class Labels extends SvelteComponentTyped
42 |
44 |
--------------------------------------------------------------------------------
/src/lib/elements/placeholder/header.d.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '../../component';
2 | import { SvelteComponentTyped} from 'svelte';
3 |
4 | interface HeaderProps extends Component {
5 | inverted?: boolean;
6 | }
7 | /**
8 | * Vomantic Placeholder Header
9 | */
10 | declare class Header extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/elements/placeholder/image.d.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '../../component'
2 | import { SvelteComponentTyped } from 'svelte'
3 |
4 | interface ImageProps extends Component {
5 | header?: boolean
6 | square?: boolean
7 | }
8 | /**
9 | * Vomantic Placeholder Image
10 | */
11 | declare class Image extends SvelteComponentTyped
23 |
25 |
--------------------------------------------------------------------------------
/src/lib/elements/placeholder/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Placeholder } from './placeholder'
2 | import { default as Header } from './header'
3 | import { default as Image } from './image'
4 | import { default as Paragraph } from './paragraph'
5 | import { default as Line } from './line'
6 |
7 | export function init()
8 |
9 | export { Header, Image, Paragraph, Line }
10 | export default Placeholder
11 |
--------------------------------------------------------------------------------
/src/lib/elements/placeholder/index.js:
--------------------------------------------------------------------------------
1 | import { default as Placeholder } from './placeholder.svelte'
2 | import { default as Header } from './header.svelte'
3 | import { default as Image } from './image.svelte'
4 | import { default as Paragraph } from './paragragh.svelte'
5 | import { default as Line } from './line.svelte'
6 |
7 | export function init(){
8 | // @ts-ignore
9 | Placeholder.Header = Header
10 | // @ts-ignore
11 | Placeholder.Image = Image
12 | // @ts-ignore
13 | Placeholder.Paragraph = Paragraph
14 | // @ts-ignore
15 | Placeholder.Line = Line
16 | }
17 |
18 | export { Header, Image, Paragraph, Line }
19 |
20 | export default Placeholder
21 |
--------------------------------------------------------------------------------
/src/lib/elements/placeholder/line.d.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '../../component'
2 | import { SvelteComponentTyped } from 'svelte'
3 |
4 | interface LineProps extends Component {
5 | length?: 'full' | 'very long' | 'long' | 'medium' | 'short' | 'very short'
6 | fluid?: boolean
7 | }
8 | /**
9 | * Vomantic Placeholder Line
10 | */
11 | export default class Line extends SvelteComponentTyped
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/elements/placeholder/paragraph.d.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '../../component';
2 | import { SvelteComponentTyped} from 'svelte';
3 |
4 | interface ParagraphProps extends Component {
5 | inverted?: boolean;
6 | }
7 | /**
8 | * Vomantic Placeholder Paragraph
9 | */
10 | export default class Paragraph extends SvelteComponentTyped
25 |
27 |
--------------------------------------------------------------------------------
/src/lib/elements/rail/index.d.ts:
--------------------------------------------------------------------------------
1 | export { default } from "./rail";
2 |
--------------------------------------------------------------------------------
/src/lib/elements/rail/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './rail.svelte'
2 |
--------------------------------------------------------------------------------
/src/lib/elements/rail/rail.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import type { Style } from '../../style'
3 | import type { Component } from '../../component'
4 | import type { Size } from 'src/variations'
5 |
6 | type Side = 'left' | 'right'
7 | interface RailProps extends Component {
8 | side?: Side
9 | internal?: Side
10 | dividing?: Side
11 | attached?: Side
12 | close?: Side
13 | Size?: Size
14 | }
15 | /**
16 | * @description
17 | */
18 | declare class Rail extends SvelteComponentTyped
36 |
38 |
--------------------------------------------------------------------------------
/src/lib/elements/range/index.d.ts:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryu-man/svantic/744cae375142b870ab45496a596990c3ff21addb/src/lib/elements/range/index.d.ts
--------------------------------------------------------------------------------
/src/lib/elements/range/index.js:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryu-man/svantic/744cae375142b870ab45496a596990c3ff21addb/src/lib/elements/range/index.js
--------------------------------------------------------------------------------
/src/lib/elements/range/range.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import type { Component } from '../../component';
3 | interface RangeProps extends Component {
4 | active?: boolean;
5 | disabled?: boolean;
6 | fluid?: boolean;
7 | circular?: boolean;
8 | loading?: boolean;
9 | primary?: boolean;
10 | secondary?: boolean;
11 | compact?: boolean;
12 | basic?: boolean;
13 | toggle?: boolean;
14 | positive?: boolean;
15 | negative?: boolean;
16 | tertiary?: boolean;
17 | inverted?: boolean;
18 | icon?: boolean;
19 | }
20 | /**
21 | * Range
22 | */
23 | declare class Range extends SvelteComponentTyped
20 |
22 |
--------------------------------------------------------------------------------
/src/lib/elements/reveal/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Reveal } from './reveal'
2 | import { default as Content } from './content'
3 |
4 | export function init()
5 |
6 | export { Content}
7 | export default Reveal
--------------------------------------------------------------------------------
/src/lib/elements/reveal/index.js:
--------------------------------------------------------------------------------
1 | import { default as Reveal } from './reveal.svelte'
2 | import { default as Content } from './content.svelte'
3 |
4 | export function init() {
5 | // @ts-ignore
6 | Reveal.Content = Content
7 | }
8 |
9 | export { Content }
10 |
11 | export default Reveal
12 |
--------------------------------------------------------------------------------
/src/lib/elements/reveal/reveal.d.ts:
--------------------------------------------------------------------------------
1 | import { Component } from '../../component'
2 | import { SvelteComponentTyped } from 'svelte'
3 | import type Content from './content'
4 |
5 | type Type = 'fade'|'move'|'rotate'
6 | type Direction = 'up'|'down'|'left'|'right'
7 | type State = 'active'|'disable'
8 |
9 | interface RevealProps extends Component {
10 | type?: Type
11 | direction?:Direction
12 | state?:State
13 | instant?:boolean
14 | }
15 | /**
16 | * Vomantic Reveal
17 | */
18 | export default class Reveal extends SvelteComponentTyped
36 |
38 |
--------------------------------------------------------------------------------
/src/lib/elements/segment/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Segment} from './segment.svelte'
2 | export { default as Group } from './segments.svelte'
3 |
4 | export function init()
5 |
6 | export default Segment
--------------------------------------------------------------------------------
/src/lib/elements/segment/index.js:
--------------------------------------------------------------------------------
1 | import { default as Segment} from './segment.svelte'
2 | export { default as Group } from './segments.svelte'
3 |
4 | export function init(){
5 | // @ts-ignore
6 | Segment.Group = Group
7 | }
8 |
9 | export default Segment
10 |
--------------------------------------------------------------------------------
/src/lib/elements/segment/segment.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import { Float, Align, Attach, Color } from '../../variations'
3 | import { Component } from '../../component'
4 | import Group from './segments'
5 |
6 | interface SegmentProps extends Component {
7 | raised?: boolean
8 | placeholder?: boolean
9 | stacked?: boolean
10 | piled?: boolean
11 | vertical?: boolean
12 | loading?: boolean
13 | disabled?: boolean
14 | secondary?: boolean
15 | tertiary?: boolean
16 | floated?: Float
17 | attached?: Attach
18 | aligned?: Align
19 | color?: Color
20 | tall?: boolean
21 | double?: boolean
22 | inverted?: boolean
23 | padded?: boolean
24 | fitted?: boolean
25 | compact?: boolean
26 | circular?: boolean
27 | clearing?: boolean
28 | basic?: boolean
29 | blurring?: boolean
30 | dimmed?: boolean
31 | container?: boolean
32 | }
33 | /**
34 | * Segment
35 | */
36 | declare class Segment extends SvelteComponentTyped
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/elements/shape/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Shape } from './shape'
2 | import { default as Side } from './side'
3 |
4 | export function init()
5 |
6 | export { Side }
7 | export default Shape
8 |
--------------------------------------------------------------------------------
/src/lib/elements/shape/index.js:
--------------------------------------------------------------------------------
1 | import { default as Shape } from './shape.svelte'
2 | import { default as Side } from './side.svelte'
3 |
4 | export function init(){
5 | // @ts-ignore
6 | Shape.Side = Side
7 | }
8 |
9 | export { Side }
10 | export default Shape
11 |
--------------------------------------------------------------------------------
/src/lib/elements/shape/shape.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import { Style } from '../../style';
3 | import { Component } from '../../component';
4 | import Side from './side';
5 | interface ShapeProps extends Component {
6 | class?: string;
7 | active?: boolean;
8 | disabled?: boolean;
9 | fluid?: boolean;
10 | circular?: boolean;
11 | loading?: boolean;
12 | primary?: boolean;
13 | secondary?: boolean;
14 | compact?: boolean;
15 | basic?: boolean;
16 | toggle?: boolean;
17 | positive?: boolean;
18 | negative?: boolean;
19 | tertiary?: boolean;
20 | inverted?: boolean;
21 | icon?: boolean;
22 | style?: Style;
23 | }
24 | /**
25 | * Shape
26 | */
27 | declare class Shape extends SvelteComponentTyped
28 |
34 |
--------------------------------------------------------------------------------
/src/lib/elements/shape/side.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import { Style } from '../../style';
3 | import { Component } from '../../component';
4 |
5 | interface SideProps extends Component {
6 | class?: string;
7 | active?: boolean;
8 | disabled?: boolean;
9 | fluid?: boolean;
10 | circular?: boolean;
11 | loading?: boolean;
12 | primary?: boolean;
13 | secondary?: boolean;
14 | compact?: boolean;
15 | basic?: boolean;
16 | toggle?: boolean;
17 | positive?: boolean;
18 | negative?: boolean;
19 | tertiary?: boolean;
20 | inverted?: boolean;
21 | icon?: boolean;
22 | style?: Style;
23 | }
24 | /**
25 | * Vomantic Shape Side
26 | */
27 | export default class Side extends SvelteComponentTyped
29 |
30 |
31 |
32 |
33 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/elements/step/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Step } from './step'
2 | export { default as Group } from './steps'
3 |
4 | export function init()
5 |
6 | export default Step
--------------------------------------------------------------------------------
/src/lib/elements/step/index.js:
--------------------------------------------------------------------------------
1 | import { default as Step } from './step.svelte'
2 | export { default as Group } from './steps.svelte'
3 |
4 | export function init(){
5 | // @ts-ignore
6 | Step.Group = Group
7 | }
8 |
9 | export default Step
10 |
--------------------------------------------------------------------------------
/src/lib/elements/step/step.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import { Style } from '../../style'
3 | import { Component } from '../../component'
4 | import type { Icons } from '../icon/icon.svelte'
5 | import type Group from './steps'
6 |
7 | declare type State = 'completed' | 'active' | 'disabled'
8 | interface StepProps extends Component {
9 | completed?: boolean
10 | active?: boolean
11 | disabled?: boolean
12 | link?: boolean
13 | href?: string
14 | as?: 'div' | 'a'
15 | icon?: Icons
16 | }
17 | /**
18 | * Step
19 | */
20 | export default class Step extends SvelteComponentTyped
49 |
51 |
--------------------------------------------------------------------------------
/src/lib/elements/sticky/index.d.ts:
--------------------------------------------------------------------------------
1 | export { default } from "./sticky";
2 |
--------------------------------------------------------------------------------
/src/lib/elements/sticky/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './sticky.svelte'
2 |
--------------------------------------------------------------------------------
/src/lib/elements/sticky/sticky.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import { Style } from '../../style';
3 | import { Component } from '../../component';
4 | interface StickyProps extends Component {
5 | class?: string;
6 | active?: boolean;
7 | disabled?: boolean;
8 | fluid?: boolean;
9 | circular?: boolean;
10 | loading?: boolean;
11 | primary?: boolean;
12 | secondary?: boolean;
13 | compact?: boolean;
14 | basic?: boolean;
15 | toggle?: boolean;
16 | positive?: boolean;
17 | negative?: boolean;
18 | tertiary?: boolean;
19 | inverted?: boolean;
20 | icon?: boolean;
21 | style?: Style;
22 | }
23 | /**
24 | * Vomantic Sticky
25 | */
26 | declare class Sticky extends SvelteComponentTyped
19 |
21 |
--------------------------------------------------------------------------------
/src/lib/elements/text/index.d.ts:
--------------------------------------------------------------------------------
1 | export { default } from "./text";
2 |
--------------------------------------------------------------------------------
/src/lib/elements/text/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './text.svelte'
2 |
--------------------------------------------------------------------------------
/src/lib/elements/text/text.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import { Style } from '../../style';
3 | import { Component } from '../../component';
4 | interface TextProps extends Component {
5 | class?: string;
6 | active?: boolean;
7 | disabled?: boolean;
8 | fluid?: boolean;
9 | circular?: boolean;
10 | loading?: boolean;
11 | primary?: boolean;
12 | secondary?: boolean;
13 | compact?: boolean;
14 | basic?: boolean;
15 | toggle?: boolean;
16 | positive?: boolean;
17 | negative?: boolean;
18 | tertiary?: boolean;
19 | inverted?: boolean;
20 | icon?: boolean;
21 | style?: Style;
22 | }
23 | /**
24 | * Vomantic Text
25 | */
26 | export default class Text extends SvelteComponentTyped
23 |
25 |
--------------------------------------------------------------------------------
/src/lib/modules/accordion/content.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface ContentProps{
4 | active?: boolean
5 | }
6 |
7 | export default class Content extends SvelteComponentTyped
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/modules/accordion/title.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface TitleProps{
4 | active?: boolean
5 | }
6 |
7 | export default class Title extends SvelteComponentTyped
11 |
12 |
13 |
14 |
15 |
--------------------------------------------------------------------------------
/src/lib/modules/dimmer/dimmable.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import { Component } from '../../component';
3 | interface DimmableProps extends Component {
4 | }
5 | /**
6 | * @description Svantic Dimmable
7 | */
8 | declare class Dimmable extends SvelteComponentTyped
10 |
11 |
12 |
13 |
14 |
15 |
16 |
18 |
--------------------------------------------------------------------------------
/src/lib/modules/dimmer/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Dimmer } from './dimmer.svelte'
2 | import { default as Dimmable } from './dimmable.svelte'
3 |
4 | export { Dimmable }
5 | export default Dimmer
--------------------------------------------------------------------------------
/src/lib/modules/dimmer/index.js:
--------------------------------------------------------------------------------
1 | import { default as Dimmer } from './dimmer.svelte'
2 | import { default as Dimmable } from './dimmable.svelte'
3 |
4 | export { Dimmable }
5 | export default Dimmer
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/divider.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/divider.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte/internal'
2 | import type { MountEvent, SvanticProps } from '../../common'
3 |
4 | type DropdownDividerProps = SvanticProps & {}
5 |
6 | type DropdownDividerEvents = SvanticEvents & {}
7 | /**
8 | * @description Svantic DropdownDivider
9 | */
10 | declare class DropdownDivider extends SvelteComponentTyped<
11 | DropdownDividerProps,
12 | DropdownDividerEvents
13 | > {}
14 | export default DropdownDivider
15 |
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/header.svelte:
--------------------------------------------------------------------------------
1 |
17 |
18 |
19 | {#if typeof icon === 'string'}
20 |
24 |
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/header.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import type { Component } from '../../component'
3 | import type { Icons } from '../../elements/icon/icon.svelte'
4 | import type { MountEvent } from '../../common'
5 |
6 | export interface DropdownHeaderProps extends Component {
7 | icon?: Icons
8 | }
9 | /**
10 | * @description Svantic DropdownHeader
11 | */
12 | declare class DropdownHeader extends SvelteComponentTyped
31 |
33 |
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/item.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { Component } from '../../component'
2 | import { SvelteComponentTyped } from 'svelte/internal'
3 | import type { MountEvent } from '../../common'
4 |
5 | export interface DropdownMenuItemProps extends Component {
6 | value?: string
7 | text?: string
8 | disabled?: boolean
9 | image?: boolean
10 | label?: boolean
11 | selected?: boolean
12 | active?: boolean
13 | }
14 | /**
15 | * @description Svantic DropdownMenuItem
16 | */
17 | declare class DropdownMenuItem extends SvelteComponentTyped<
18 | DropdownMenuItemProps,
19 | {
20 | click: CustomEvent
21 | }
22 | > {}
23 | export default DropdownMenuItem
24 |
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/menu.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
26 |
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/menu.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import type { Component } from '../../component'
3 | import type { Float } from '../../variations'
4 | import type { MountEvent } from '../../common'
5 |
6 | export interface DropdownMenuProps extends Component {
7 | direction?: Float
8 | open?: boolean
9 | scrolling?: boolean
10 | }
11 | /**
12 | * @description Svantic DropdownMenu
13 | */
14 | declare class DropdownMenu extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/modules/dropdown/text.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import type { Component } from '../../component'
3 | import type { MountEvent } from '../../common'
4 |
5 | export interface DropdownTextProps extends Component {
6 | }
7 | /**
8 | * @description Svantic DropdownText
9 | */
10 | declare class DropdownText extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/modules/modal/actions.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 | import type { MountEvent } from '../../common'
3 |
4 | interface ActionsProps{
5 | }
6 |
7 | /**
8 | * @description ModalActions
9 | */
10 | export default class Actions extends SvelteComponentTyped
23 |
25 |
--------------------------------------------------------------------------------
/src/lib/modules/modal/content.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 | import type { MountEvent } from '../../common'
3 |
4 | interface ContentProps{
5 | image?: boolean
6 | scrolling?: boolean
7 | }
8 |
9 | /**
10 | * @description ModalContent
11 | */
12 | export default class Content extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/modules/modal/dimmer.svelte:
--------------------------------------------------------------------------------
1 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/src/lib/modules/modal/dimmer.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 | import type { MountEvent } from '../../common'
3 |
4 | interface ModalDimmerProps {
5 | /*A dimmer can be blurred*/
6 | blurring?: boolean
7 |
8 | /*A dimmer can center its contents in the viewport*/
9 | centered?: boolean
10 |
11 | /*A dimmer can be inverted*/
12 | inverted?: boolean
13 |
14 | /*The node where the modal should mount. Defaults to document.body*/
15 | mountNode?: any
16 |
17 | /*A dimmer can make body scrollable*/
18 | scrolling?: boolean
19 | }
20 |
21 | export default class ModalDimmer extends SvelteComponentTyped
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/modules/modal/header.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 | import type { MountEvent } from '../../common'
3 |
4 | interface HeaderProps{
5 | image?: boolean
6 | icon?: boolean
7 | }
8 |
9 | /**
10 | * @description Svantic ModalHeader
11 | */
12 | export default class Header extends SvelteComponentTyped
16 |
18 |
--------------------------------------------------------------------------------
/src/lib/modules/popup/header.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import { Style } from '../../style';
3 | import type { MountEvent } from '../../common'
4 |
5 | interface HeaderProps {
6 | class?: string;
7 | style?: Style;
8 | }
9 | /**
10 | * @description SVantic PopupHeader
11 | */
12 | declare class Header extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/modules/popup/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Popup } from './popup.svelte'
2 | import { default as Header } from './header.svelte'
3 | import { default as Body } from './Body.svelte'
4 | export { PopupSettings } from './settings'
5 |
6 | export function init()
7 |
8 | export { Header, Body }
9 | export default Popup
10 |
--------------------------------------------------------------------------------
/src/lib/modules/popup/index.js:
--------------------------------------------------------------------------------
1 | import { default as Popup } from './popup.svelte'
2 | import { default as Header } from './header.svelte'
3 | import { default as Body } from './Body.svelte'
4 |
5 | export function init() {
6 | Popup.Header = Header
7 | Popup.Body = Body
8 | }
9 |
10 | export { Header, Body }
11 | export default Popup
--------------------------------------------------------------------------------
/src/lib/modules/progress/Label.svelte:
--------------------------------------------------------------------------------
1 |
10 |
11 |
12 |
14 |
--------------------------------------------------------------------------------
/src/lib/modules/progress/Label.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 | import type { MountEvent } from '../../common'
3 |
4 | export default class Label extends SvelteComponentTyped {
5 |
6 | }
7 |
--------------------------------------------------------------------------------
/src/lib/modules/progress/bar.svelte:
--------------------------------------------------------------------------------
1 |
18 |
19 |
29 |
--------------------------------------------------------------------------------
/src/lib/modules/progress/bar.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import { Style } from '../../style'
3 | import { Component } from '../../component'
4 | import type { MountEvent } from '../../common'
5 |
6 | interface ProgressProps extends Component{
7 | color?: string
8 | inverted?: boolean
9 | progress?: boolean
10 | on?: {}
11 | }
12 |
13 | /**
14 | * Vomantic Bar
15 | */
16 | export default class Bar extends SvelteComponentTyped
25 |
27 |
--------------------------------------------------------------------------------
/src/lib/modules/rating/index.d.ts:
--------------------------------------------------------------------------------
1 | export { default } from "./rating";
2 | export {default as RatingSettings} from './settings'
--------------------------------------------------------------------------------
/src/lib/modules/rating/index.js:
--------------------------------------------------------------------------------
1 | export { default } from './rating.svelte'
--------------------------------------------------------------------------------
/src/lib/modules/rating/rating.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import { Color, Size } from '../../variations'
3 | import {Module} from '../utils'
4 | import RatingSettings from './settings'
5 | import type { MountEvent } from '../../common'
6 |
7 | interface RatingProps extends Module
2 |
4 |
--------------------------------------------------------------------------------
/src/lib/modules/side_bar/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Sidebar } from './side_bar.svelte'
2 | import { default as Item } from './item.svelte'
3 | import { default as Pusher } from './Pusher.svelte'
4 |
5 | export function init(): void
6 |
7 | export { Item, Pusher }
8 | export default Sidebar
9 |
--------------------------------------------------------------------------------
/src/lib/modules/side_bar/index.js:
--------------------------------------------------------------------------------
1 | import { default as Sidebar } from './side_bar.svelte'
2 | import { default as Item } from './item.svelte'
3 | import { default as Pusher } from './Pusher.svelte'
4 |
5 | export function init() {
6 | // @ts-ignore
7 | Sidebar.Item = Item
8 | // @ts-ignore
9 | Sidebar.Pusher = Pusher
10 | }
11 |
12 | export { Item, Pusher }
13 | export default Sidebar
14 |
--------------------------------------------------------------------------------
/src/lib/modules/side_bar/item.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
18 |
41 |
43 |
--------------------------------------------------------------------------------
/src/lib/modules/tab/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Tabs } from './tabs.svelte'
2 | import { default as Tab } from './tab.svelte'
3 | import { default as TabSettings } from './settings'
4 |
5 | export function init()
6 |
7 | export { Tab, TabsSettings }
8 | export default Tabs
9 |
--------------------------------------------------------------------------------
/src/lib/modules/tab/index.js:
--------------------------------------------------------------------------------
1 | import { default as Tabs } from './tabs.svelte'
2 | import { default as Tab } from './tab.svelte'
3 |
4 | export function init() {
5 | Tabs.Tab = Tab
6 | }
7 |
8 | export { Tab }
9 | export default Tabs
10 |
--------------------------------------------------------------------------------
/src/lib/modules/tab/item.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
24 |
26 |
--------------------------------------------------------------------------------
/src/lib/modules/tab/tab.svellte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import { Component } from '../../component'
3 |
4 | interface TabProps extends Component {
5 | attached: string
6 | active: boolean
7 | segment: boolean
8 | tab: string
9 | }
10 | /**
11 | * Vomantic Tab
12 | */
13 | export default class Tab extends SvelteComponentTyped
35 |
37 |
--------------------------------------------------------------------------------
/src/lib/modules/tab/tabs.svelte.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped } from 'svelte/internal'
2 | import Tab from './tab.svellte'
3 | import {Module} from '../utils'
4 | import TabularMenuSettings from './settings'
5 | import type { MountEvent } from '../../common'
6 |
7 | interface TabularMenuProps extends Module
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/comment/author.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 | import type { Component } from "../../component";
3 |
4 | interface AuthorProps extends Component{}
5 |
6 | type AuthorEvents = {
7 | mount: CustomEvent
18 |
20 |
--------------------------------------------------------------------------------
/src/lib/views/comment/comments.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 | import type { Size } from 'src/variations'
3 | import type { Component } from '../../component'
4 |
5 | interface CommentsProps extends Component {
6 | // Comments can be collapsed, or hidden from view
7 | collapsed?: boolean
8 | // A comment list can be threaded to showing the relationship between conversations
9 | threaded?: boolean
10 | // Comments can hide extra information unless a user shows intent to interact with a comment.
11 | minimal?: boolean
12 | // Comments can have different sizes
13 | size?: Size
14 | // Comments's colors can be inverted
15 | inverted?: boolean
16 | }
17 |
18 | type CommentEvents = {
19 | mount: CustomEvent
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/comment/content.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 | import type { Component } from '../../component'
3 |
4 | interface ContentProps extends Component {}
5 |
6 | type ContentEvents = {
7 | mount: CustomEvent
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/comment/date.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 | import type { Component } from '../../component'
3 |
4 | interface DateProps extends Component {}
5 |
6 | type DateEvents = {
7 | mount: CustomEvent
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/comment/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Comments } from './comments.svelte'
2 | import { default as Comment } from './comment.svelte'
3 | import { default as Avatar } from './avatar.svelte'
4 | import { default as Author } from './author.svelte'
5 | import { default as Content } from './content.svelte'
6 | import { default as Meta } from './meta.svelte'
7 | import { default as Date } from './date.svelte'
8 | import { default as Rating } from './rating.svelte'
9 | import { default as Reply } from './reply.svelte'
10 | import { default as Text } from './text.svelte'
11 | import { default as Actions } from './actions.svelte'
12 |
13 | export function init()
14 |
15 | export {
16 | Comments as Group,
17 | Avatar,
18 | Author,
19 | Content,
20 | Meta,
21 | Date,
22 | Rating,
23 | Reply,
24 | Text,
25 | Actions
26 | }
27 |
28 | export default Comment
29 |
--------------------------------------------------------------------------------
/src/lib/views/comment/meta.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 | import type { Component } from '../../component'
3 |
4 | interface MetaProps extends Component {}
5 |
6 | type MetaEvents = {
7 | mount: CustomEvent
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/feed/content.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface ContentProps extends Component{
4 |
5 | }
6 | export default class Content extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/feed/date.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface DateProps extends Component{
4 |
5 | }
6 | export default class Date extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/feed/extra_images.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface ExtraImagesProps extends Component{
4 |
5 | }
6 | export default class ExtraImages extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/feed/extra_text.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface ExtraTextProps extends Component{
4 |
5 | }
6 | export default class ExtraText extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/feed/feed.d.ts:
--------------------------------------------------------------------------------
1 | import type { Component } from 'src/component'
2 | import type { SvelteComponentTyped } from 'svelte'
3 | import type Content from './content'
4 | import type Date from './date'
5 | import type ExtraImages from './extra_images'
6 | import type ExtraText from './extra_text'
7 | import type Label from './label'
8 |
9 | interface FeedProps extends Component {}
10 |
11 | export default class Feed extends SvelteComponentTyped
26 |
30 |
--------------------------------------------------------------------------------
/src/lib/views/feed/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Feed } from './feed.svelte'
2 | import { default as Content } from './content.svelte'
3 | import { default as Date } from './date.svelte'
4 | import { default as ExtraImages } from './extra_images.svelte'
5 | import { default as ExtraText } from './extra_text.svelte'
6 | import { default as Label } from './label.svelte'
7 |
8 | export function init()
9 |
10 | export { Content, Date, ExtraImages, ExtraText, Label }
11 | export default Feed
12 |
--------------------------------------------------------------------------------
/src/lib/views/feed/index.js:
--------------------------------------------------------------------------------
1 | import { default as Feed } from './feed.svelte'
2 | import { default as Content } from './content.svelte'
3 | import { default as Date } from './date.svelte'
4 | import { default as ExtraImages } from './extra_images.svelte'
5 | import { default as ExtraText } from './extra_text.svelte'
6 | import { default as Label } from './label.svelte'
7 |
8 | export function init() {
9 | Feed.Label = Label
10 | Feed.Content = Content
11 | Feed.Date = Date
12 | Feed.ExtraText = ExtraText
13 | Feed.ExtraImages = ExtraImages
14 | }
15 |
16 | export { Content, Date, ExtraImages, ExtraText, Label }
17 | export default Feed
18 |
--------------------------------------------------------------------------------
/src/lib/views/feed/label.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface LabelProps extends Component{
4 |
5 | }
6 | export default class Label extends SvelteComponentTyped
27 |
29 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/feed/summary.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | interface SummaryProps extends Component{
4 |
5 | }
6 | export default class Summary extends SvelteComponentTyped
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/index.d.ts:
--------------------------------------------------------------------------------
1 | export { Card } from './card'
2 | export { default as Item, Group as Items, init as initItem } from './item'
3 | export {
4 | default as Statistic,
5 | Group as Statistics,
6 | init as initStatistic
7 | } from './statistic'
8 | export { Ad } from './ad'
9 | export {
10 | default as Comment,
11 | Group as Comments,
12 | init as initComment
13 | } from './comment'
14 | export { default as Feed } from './feed'
15 |
--------------------------------------------------------------------------------
/src/lib/views/index.js:
--------------------------------------------------------------------------------
1 | export { Card } from './card'
2 | export { default as Item, Group as Items, init as initItem } from './item'
3 | export {
4 | default as Statistic,
5 | Group as Statistics,
6 | init as initStatistic
7 | } from './statistic'
8 | export { Ad } from './ad'
9 | export {
10 | default as Comment,
11 | Group as Comments,
12 | init as initComment
13 | } from './comment'
14 | export { default as Feed } from './feed'
15 |
--------------------------------------------------------------------------------
/src/lib/views/item/content.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 | import type Extra from './extra'
3 |
4 | /**
5 | * @description An item can contain content
6 | */
7 | export default class Content extends SvelteComponentTyped {
8 | static Extra: new () => Extra
9 | }
10 |
--------------------------------------------------------------------------------
/src/lib/views/item/content.svelte:
--------------------------------------------------------------------------------
1 |
16 |
17 |
22 |
24 |
--------------------------------------------------------------------------------
/src/lib/views/item/description.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | /**
4 | * @description An item can contain a description with a single or multiple paragraphs
5 | */
6 | export default class Description extends SvelteComponentTyped{}
--------------------------------------------------------------------------------
/src/lib/views/item/description.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/item/extra.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | /**
4 | * @description An item can contain extra content meant to be formatted separately from the main content
5 | */
6 | export default class Extra extends SvelteComponentTyped{}
--------------------------------------------------------------------------------
/src/lib/views/item/extra.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/item/header.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | /**
4 | * @description An item can contain a header
5 | */
6 | export default class Header extends SvelteComponentTyped{}
--------------------------------------------------------------------------------
/src/lib/views/item/header.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
18 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/item/index.d.ts:
--------------------------------------------------------------------------------
1 | import { default as Items } from './items.svelte'
2 | import { default as Item } from './item.svelte'
3 | import { default as Content } from './content.svelte'
4 | import { default as Image } from './image.svelte'
5 | import { default as Link } from './link.svelte'
6 | import { default as Description } from './description.svelte'
7 | import { default as Extra } from './extra.svelte'
8 | import { default as Header } from './header.svelte'
9 | import { default as Meta } from './meta.svelte'
10 | import { default as Rating } from './rating.svelte'
11 |
12 | export function init()
13 |
14 | export {
15 | Items as Group,
16 | Content,
17 | Description,
18 | Extra,
19 | Header,
20 | Image,
21 | Link,
22 | Meta,
23 | Rating
24 | }
25 | export default Item
26 |
--------------------------------------------------------------------------------
/src/lib/views/item/index.js:
--------------------------------------------------------------------------------
1 | import { default as Items } from './items.svelte'
2 | import { default as Item } from './item.svelte'
3 | import { default as Content } from './content.svelte'
4 | import { default as Image } from './image.svelte'
5 | import { default as Link } from './link.svelte'
6 | import { default as Description } from './description.svelte'
7 | import { default as Extra } from './extra.svelte'
8 | import { default as Header } from './header.svelte'
9 | import { default as Meta } from './meta.svelte'
10 | import { default as Rating } from './rating.svelte'
11 |
12 | export function init() {
13 | Item.Content = Content
14 | Item.Image = Image
15 | Item.Link = Link
16 | Item.Description = Description
17 | Item.Extra = Extra
18 | Item.Header = Header
19 | Item.Meta = Meta
20 | Item.Rating = Rating
21 | Item.Group = Items
22 | }
23 |
24 | export { Items as Group, Content, Description, Extra, Header, Image, Link, Meta, Rating }
25 | export default Item
26 |
27 |
28 |
--------------------------------------------------------------------------------
/src/lib/views/item/item.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 |
3 | import Content from './content'
4 | import Image from './image'
5 | import Link from './link'
6 | import Description from './description'
7 | import Extra from './extra'
8 | import Header from './header'
9 | import Meta from './meta'
10 | import Rating from './rating'
11 |
12 | interface ItemProps {
13 | }
14 | /**
15 | * @description An item view presents large collections of site content for display
16 | */
17 | export default class Item extends SvelteComponentTyped
19 |
21 |
--------------------------------------------------------------------------------
/src/lib/views/item/items.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 |
3 | interface ItemsProps {
4 | unstackable?: boolean
5 | divided?: boolean
6 | relaxed?: boolean
7 | link?: boolean
8 | inverted?: boolean
9 | }
10 | /**
11 | * @description A group of items
12 | */
13 | export default class Items extends SvelteComponentTyped
31 |
33 |
--------------------------------------------------------------------------------
/src/lib/views/item/link.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from "svelte";
2 |
3 | /**
4 | * @description An item can contain links as images, headers, or inside content
5 | */
6 | export default class Link extends SvelteComponentTyped{
7 |
8 | }
--------------------------------------------------------------------------------
/src/lib/views/item/link.svelte:
--------------------------------------------------------------------------------
1 |
15 |
16 |
17 |
18 |
17 |
19 |
--------------------------------------------------------------------------------
/src/lib/views/statistic/statistic.d.ts:
--------------------------------------------------------------------------------
1 | // import {SvelteComponentTyped} from 'svelte/internal'
2 | import {SvelteComponentTyped} from 'svelte/internal'
3 | import { Style } from '../../style'
4 | import { Color, Float, Size } from '../../variations'
5 | import { Component } from '../../component'
6 | import Label from './label'
7 | import Value from './value'
8 |
9 | interface StatisticProps extends Component {
10 | class?: string
11 | style?: Style
12 | color?: Color
13 | size?: Size
14 | floated?: Float
15 | stackable?: boolean
16 | inverted?: boolean
17 | horizontal?: boolean
18 | }
19 | /**
20 | * @description
21 | */
22 | export default class Statistic extends SvelteComponentTyped
39 |
41 |
--------------------------------------------------------------------------------
/src/lib/views/statistic/statistics.d.ts:
--------------------------------------------------------------------------------
1 | import { SvelteComponentTyped} from 'svelte/internal';
2 | import { Style } from '../../style';
3 | import { Component } from '../../component';
4 | import { Wide } from '../../variations';
5 |
6 | interface StatisticProps extends Component {
7 | column?:Wide
8 | }
9 | /**
10 | * Vomantic Statistics
11 | */
12 | declare class Statistics extends SvelteComponentTyped
22 |
24 |
--------------------------------------------------------------------------------
/src/lib/views/statistic/value.d.ts:
--------------------------------------------------------------------------------
1 | import type { SvelteComponentTyped } from 'svelte'
2 |
3 | interface ValueProps {}
4 | /**
5 | * @description A statistic can contain a numeric, icon, image, or text value
6 | * @example
7 | *
18 |
20 |
--------------------------------------------------------------------------------
/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ryu-man/svantic/744cae375142b870ab45496a596990c3ff21addb/static/favicon.png
--------------------------------------------------------------------------------
/stories/collections/Form.stories.svelte:
--------------------------------------------------------------------------------
1 |
6 |
7 |
20 |
21 |
22 |
23 |
24 |
25 |
2 |
4 |
5 |
15 |
--------------------------------------------------------------------------------
/stories/components/index.js:
--------------------------------------------------------------------------------
1 | export {default as Centerize} from './Centerize.svelte'
--------------------------------------------------------------------------------
/stories/modules/Calendar.stories.svelte:
--------------------------------------------------------------------------------
1 |
8 |
9 |
10 |
11 | Tab 1 content
13 |Tab 2 content
16 |Tab 1 content
14 |Tab 2 content
17 | element in src/app.html
18 | target: '#svelte',
19 | vite: {
20 | resolve: {
21 | alias: {
22 | svantic: path.resolve('./src/lib')
23 | }
24 | },
25 | server: {
26 | fs: [".."]
27 | }
28 | }
29 | }
30 | };
31 |
32 | export default config;
33 |
--------------------------------------------------------------------------------
/test/classnames.test.js:
--------------------------------------------------------------------------------
1 | import { classNames } from '../src/utils'
2 |
3 | it('classNames test', () => {
4 | expect(classNames({ button: false })).toBe('')
5 | expect(classNames({ button: true })).toBe('button')
6 | expect(classNames('some',' class ',{ red: true, button: true, floated:'left', aligned:true })).toBe('some class red button left floated aligned')
7 | })
--------------------------------------------------------------------------------
/test/search/search.test.js:
--------------------------------------------------------------------------------
1 | import { render } from '@testing-library/svelte'
2 | import { Search } from '../../src'
3 |
4 | it('Search component', async () => {
5 | const { getByText, getByTestId, container } = render(Search)
6 | expect(container).toContainHTML("");
7 | })
--------------------------------------------------------------------------------
/test/toast/toast.test.js:
--------------------------------------------------------------------------------
1 | import { render } from '@testing-library/svelte'
2 | import {Toast} from '../../src'
3 |
4 | it('Toast component', async()=>{
5 | const { getByText, getByTestId, container } = render(Toast)
6 | expect(container).toContainHTML("");
7 | })
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "moduleResolution": "node",
4 | "module": "es2020",
5 | "lib": ["es2020", "DOM"],
6 | "target": "es2020",
7 | /**
8 | svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
9 | to enforce using \`import type\` instead of \`import\` for Types.
10 | */
11 | "importsNotUsedAsValues": "error",
12 | "isolatedModules": true,
13 | "resolveJsonModule": true,
14 | /**
15 | To have warnings/errors of the Svelte compiler at the correct position,
16 | enable source maps by default.
17 | */
18 | "sourceMap": true,
19 | "esModuleInterop": true,
20 | "skipLibCheck": true,
21 | "forceConsistentCasingInFileNames": true,
22 | "baseUrl": ".",
23 | "allowJs": true,
24 | "checkJs": true,
25 | "paths": {
26 | "$lib": ["src/lib"],
27 | "$lib/*": ["src/lib/*"],
28 | "svantic": ["src/lib"],
29 | "svantic/*": ["src/lib/*"]
30 | }
31 | },
32 | "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"]
33 | }
34 |
--------------------------------------------------------------------------------