@onsvisual/svelte-components 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/@types/datavis/Table/Table.svelte.d.ts +33 -0
  2. package/dist/@types/index.d.ts +17 -2
  3. package/dist/@types/inputs/Button/Button.svelte.d.ts +1 -1
  4. package/dist/@types/inputs/Dropdown/Dropdown.svelte.d.ts +2 -2
  5. package/dist/@types/inputs/Input/Input.svelte.d.ts +6 -6
  6. package/dist/@types/inputs/Select/Select.svelte.d.ts +4 -4
  7. package/dist/@types/inputs/Textarea/Textarea.svelte.d.ts +2 -2
  8. package/dist/@types/layout/Accordion/AccordionItem.svelte.d.ts +2 -2
  9. package/dist/@types/layout/Hero/Hero.svelte.d.ts +2 -2
  10. package/dist/@types/layout/List/List.svelte.d.ts +27 -0
  11. package/dist/@types/layout/NavSections/NavSection.svelte.d.ts +31 -0
  12. package/dist/@types/layout/NavSections/NavSections.svelte.d.ts +43 -0
  13. package/dist/@types/layout/NavSections/SectionBacklink.svelte.d.ts +23 -0
  14. package/dist/@types/layout/Scroller/ScrollerSection.svelte.d.ts +2 -2
  15. package/dist/@types/layout/Section/Section.svelte.d.ts +2 -2
  16. package/dist/@types/layout/TitleBlock/TitleBlock.svelte.d.ts +24 -4
  17. package/dist/css/main.css +2 -2
  18. package/dist/datavis/Table/Table.svelte +129 -0
  19. package/dist/index.js +21 -2
  20. package/dist/layout/List/List.svelte +32 -0
  21. package/dist/layout/NavSections/NavSection.svelte +51 -0
  22. package/dist/layout/NavSections/NavSections.svelte +92 -0
  23. package/dist/layout/NavSections/SectionBacklink.svelte +31 -0
  24. package/dist/layout/TitleBlock/TitleBlock.svelte +97 -0
  25. package/dist/wrappers/Embed/Embed.svelte +4 -2
  26. package/dist/wrappers/Theme/Theme.svelte +1 -1
  27. package/package.json +7 -2
  28. /package/dist/@types/{layout → decorators}/Divider/Divider.svelte.d.ts +0 -0
  29. /package/dist/{layout → decorators}/Divider/Divider.svelte +0 -0
@@ -0,0 +1,33 @@
1
+ /** @typedef {typeof __propDef.props} TableProps */
2
+ /** @typedef {typeof __propDef.events} TableEvents */
3
+ /** @typedef {typeof __propDef.slots} TableSlots */
4
+ export default class Table extends SvelteComponentTyped<{
5
+ compact?: boolean;
6
+ title?: string;
7
+ responsive?: boolean;
8
+ rowHover?: boolean;
9
+ data?: any[];
10
+ columns?: any[];
11
+ }, {
12
+ [evt: string]: CustomEvent<any>;
13
+ }, {}> {
14
+ }
15
+ export type TableProps = typeof __propDef.props;
16
+ export type TableEvents = typeof __propDef.events;
17
+ export type TableSlots = typeof __propDef.slots;
18
+ import { SvelteComponentTyped } from "svelte";
19
+ declare const __propDef: {
20
+ props: {
21
+ compact?: boolean;
22
+ title?: string;
23
+ responsive?: boolean;
24
+ rowHover?: boolean;
25
+ data?: any[];
26
+ columns?: any[];
27
+ };
28
+ events: {
29
+ [evt: string]: CustomEvent<any>;
30
+ };
31
+ slots: {};
32
+ };
33
+ export {};
@@ -1,12 +1,27 @@
1
- export { default as Theme } from "./wrappers/Theme/Theme.svelte";
2
1
  export { default as Container } from "./wrappers/Container/Container.svelte";
2
+ export { default as Embed } from "./wrappers/Embed/Embed.svelte";
3
+ export { default as Main } from "./wrappers/Main/Main.svelte";
4
+ export { default as Theme } from "./wrappers/Theme/Theme.svelte";
3
5
  export { default as Accordion } from "./layout/Accordion/Accordion.svelte";
6
+ export { default as Filler } from "./layout/Filler/Filler.svelte";
4
7
  export { default as Footer } from "./layout/Footer/Footer.svelte";
8
+ export { default as Grid } from "./layout/Grid/Grid.svelte";
5
9
  export { default as Header } from "./layout/Header/Header.svelte";
10
+ export { default as Hero } from "./layout/Hero/Hero.svelte";
11
+ export { default as List } from "./layout/List/List.svelte";
12
+ export { default as NavSection } from "./layout/NavSections/NavSection.svelte";
13
+ export { default as NavSections } from "./layout/NavSections/NavSections.svelte";
14
+ export { default as Scroller } from "./layout/Scroller/Scroller.svelte";
15
+ export { default as ScrollerSection } from "./layout/Scroller/ScrollerSection.svelte";
16
+ export { default as Section } from "./layout/Section/Section.svelte";
17
+ export { default as TitleBlock } from "./layout/TitleBlock/TitleBlock.svelte";
6
18
  export { default as Twisty } from "./layout/Twisty/Twisty.svelte";
7
19
  export { default as Button } from "./inputs/Button/Button.svelte";
8
20
  export { default as Dropdown } from "./inputs/Dropdown/Dropdown.svelte";
9
- export { default as Em } from "./decorators/Em/Em.svelte";
10
21
  export { default as Input } from "./inputs/Input/Input.svelte";
11
22
  export { default as Select } from "./inputs/Select/Select.svelte";
12
23
  export { default as Textarea } from "./inputs/Textarea/Textarea.svelte";
24
+ export { default as Blockquote } from "./decorators/Blockquote/Blockquote.svelte";
25
+ export { default as Divider } from "./decorators/Divider/Divider.svelte";
26
+ export { default as Em } from "./decorators/Em/Em.svelte";
27
+ export { default as Table } from "./datavis/Table/Table.svelte";
@@ -2,7 +2,7 @@
2
2
  /** @typedef {typeof __propDef.events} ButtonEvents */
3
3
  /** @typedef {typeof __propDef.slots} ButtonSlots */
4
4
  export default class Button extends SvelteComponentTyped<{
5
- type?: "button" | "sumbit" | "reset";
5
+ type?: "button" | "reset" | "sumbit";
6
6
  variant?: "primary" | "secondary" | "ghost";
7
7
  href?: string;
8
8
  small?: boolean;
@@ -2,8 +2,8 @@
2
2
  /** @typedef {typeof __propDef.events} DropdownEvents */
3
3
  /** @typedef {typeof __propDef.slots} DropdownSlots */
4
4
  export default class Dropdown extends SvelteComponentTyped<{
5
- label?: string;
6
5
  id?: string;
6
+ label?: string;
7
7
  hideLabel?: boolean;
8
8
  placeholder?: string;
9
9
  value?: any;
@@ -20,8 +20,8 @@ export type DropdownSlots = typeof __propDef.slots;
20
20
  import { SvelteComponentTyped } from "svelte";
21
21
  declare const __propDef: {
22
22
  props: {
23
- label?: string;
24
23
  id?: string;
24
+ label?: string;
25
25
  hideLabel?: boolean;
26
26
  placeholder?: string;
27
27
  value?: object;
@@ -3,8 +3,10 @@
3
3
  /** @typedef {typeof __propDef.slots} InputSlots */
4
4
  export default class Input extends SvelteComponentTyped<{
5
5
  width?: number;
6
- label?: string;
7
6
  id?: string;
7
+ label?: string;
8
+ numeric?: boolean;
9
+ error?: boolean;
8
10
  hideLabel?: boolean;
9
11
  value?: string;
10
12
  description?: string;
@@ -13,8 +15,6 @@ export default class Input extends SvelteComponentTyped<{
13
15
  suffix?: string;
14
16
  unitLabel?: string;
15
17
  pattern?: string;
16
- numeric?: boolean;
17
- error?: boolean;
18
18
  }, {
19
19
  change: CustomEvent<any>;
20
20
  } & {
@@ -28,8 +28,10 @@ import { SvelteComponentTyped } from "svelte";
28
28
  declare const __propDef: {
29
29
  props: {
30
30
  width?: number;
31
- label?: string;
32
31
  id?: string;
32
+ label?: string;
33
+ numeric?: boolean;
34
+ error?: boolean;
33
35
  hideLabel?: boolean;
34
36
  value?: string;
35
37
  description?: string;
@@ -38,8 +40,6 @@ declare const __propDef: {
38
40
  suffix?: string;
39
41
  unitLabel?: string;
40
42
  pattern?: string;
41
- numeric?: boolean;
42
- error?: boolean;
43
43
  };
44
44
  events: {
45
45
  change: CustomEvent<any>;
@@ -3,13 +3,13 @@
3
3
  /** @typedef {typeof __propDef.slots} SelectSlots */
4
4
  export default class Select extends SvelteComponentTyped<{
5
5
  width?: number;
6
- label?: string;
7
6
  id?: string;
7
+ label?: string;
8
+ mode?: "default" | "search";
8
9
  hideLabel?: boolean;
9
10
  placeholder?: string;
10
11
  value?: any;
11
12
  options?: any[];
12
- mode?: "default" | "search";
13
13
  multiple?: boolean;
14
14
  maxSelected?: number;
15
15
  clearable?: boolean;
@@ -36,13 +36,13 @@ import { SvelteComponentTyped } from "svelte";
36
36
  declare const __propDef: {
37
37
  props: {
38
38
  width?: number;
39
- label?: string;
40
39
  id?: string;
40
+ label?: string;
41
+ mode?: "default" | "search";
41
42
  hideLabel?: boolean;
42
43
  placeholder?: string;
43
44
  value?: object;
44
45
  options?: any[];
45
- mode?: "default" | "search";
46
46
  multiple?: boolean;
47
47
  maxSelected?: number;
48
48
  clearable?: boolean;
@@ -3,8 +3,8 @@
3
3
  /** @typedef {typeof __propDef.slots} TextareaSlots */
4
4
  export default class Textarea extends SvelteComponentTyped<{
5
5
  width?: number;
6
- label?: string;
7
6
  id?: string;
7
+ label?: string;
8
8
  hideLabel?: boolean;
9
9
  value?: string;
10
10
  description?: string;
@@ -21,8 +21,8 @@ import { SvelteComponentTyped } from "svelte";
21
21
  declare const __propDef: {
22
22
  props: {
23
23
  width?: number;
24
- label?: string;
25
24
  id?: string;
25
+ label?: string;
26
26
  hideLabel?: boolean;
27
27
  value?: string;
28
28
  description?: string;
@@ -2,9 +2,9 @@
2
2
  /** @typedef {typeof __propDef.events} AccordionItemEvents */
3
3
  /** @typedef {typeof __propDef.slots} AccordionItemSlots */
4
4
  export default class AccordionItem extends SvelteComponentTyped<{
5
+ id?: string;
5
6
  title?: string;
6
7
  open?: boolean;
7
- id?: string;
8
8
  }, {
9
9
  [evt: string]: CustomEvent<any>;
10
10
  }, {
@@ -17,9 +17,9 @@ export type AccordionItemSlots = typeof __propDef.slots;
17
17
  import { SvelteComponentTyped } from "svelte";
18
18
  declare const __propDef: {
19
19
  props: {
20
+ id?: string;
20
21
  title?: string;
21
22
  open?: boolean;
22
- id?: string;
23
23
  };
24
24
  events: {
25
25
  [evt: string]: CustomEvent<any>;
@@ -7,8 +7,8 @@ export default class Hero extends SvelteComponentTyped<{
7
7
  width?: "narrow" | "medium" | "wide" | "full";
8
8
  height?: "full" | "auto" | "tall";
9
9
  themeOverrides?: any;
10
- title?: string;
11
10
  id?: string;
11
+ title?: string;
12
12
  lede?: string;
13
13
  date?: string;
14
14
  }, {
@@ -28,8 +28,8 @@ declare const __propDef: {
28
28
  width?: "narrow" | "medium" | "wide" | "full";
29
29
  height?: "auto" | "tall" | "full";
30
30
  themeOverrides?: object;
31
- title?: string;
32
31
  id?: string;
32
+ title?: string;
33
33
  lede?: string;
34
34
  date?: string;
35
35
  };
@@ -0,0 +1,27 @@
1
+ /** @typedef {typeof __propDef.props} ListProps */
2
+ /** @typedef {typeof __propDef.events} ListEvents */
3
+ /** @typedef {typeof __propDef.slots} ListSlots */
4
+ export default class List extends SvelteComponentTyped<{
5
+ mode?: "number" | "bullet" | "dash" | "bare";
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {
9
+ default: {};
10
+ }> {
11
+ }
12
+ export type ListProps = typeof __propDef.props;
13
+ export type ListEvents = typeof __propDef.events;
14
+ export type ListSlots = typeof __propDef.slots;
15
+ import { SvelteComponentTyped } from "svelte";
16
+ declare const __propDef: {
17
+ props: {
18
+ mode?: "bullet" | "dash" | "number" | "bare";
19
+ };
20
+ events: {
21
+ [evt: string]: CustomEvent<any>;
22
+ };
23
+ slots: {
24
+ default: {};
25
+ };
26
+ };
27
+ export {};
@@ -0,0 +1,31 @@
1
+ /** @typedef {typeof __propDef.props} NavSectionProps */
2
+ /** @typedef {typeof __propDef.events} NavSectionEvents */
3
+ /** @typedef {typeof __propDef.slots} NavSectionSlots */
4
+ export default class NavSection extends SvelteComponentTyped<{
5
+ id?: string;
6
+ title?: string;
7
+ hideTitle?: boolean;
8
+ }, {
9
+ [evt: string]: CustomEvent<any>;
10
+ }, {
11
+ default: {};
12
+ }> {
13
+ }
14
+ export type NavSectionProps = typeof __propDef.props;
15
+ export type NavSectionEvents = typeof __propDef.events;
16
+ export type NavSectionSlots = typeof __propDef.slots;
17
+ import { SvelteComponentTyped } from "svelte";
18
+ declare const __propDef: {
19
+ props: {
20
+ id?: string;
21
+ title?: string;
22
+ hideTitle?: boolean;
23
+ };
24
+ events: {
25
+ [evt: string]: CustomEvent<any>;
26
+ };
27
+ slots: {
28
+ default: {};
29
+ };
30
+ };
31
+ export {};
@@ -0,0 +1,43 @@
1
+ /** @typedef {typeof __propDef.props} NavSectionsProps */
2
+ /** @typedef {typeof __propDef.events} NavSectionsEvents */
3
+ /** @typedef {typeof __propDef.slots} NavSectionsSlots */
4
+ export default class NavSections extends SvelteComponentTyped<{
5
+ tocId?: string;
6
+ contentsLabel?: string;
7
+ noContents?: boolean;
8
+ }, {
9
+ [evt: string]: CustomEvent<any>;
10
+ }, {
11
+ header: {};
12
+ 'before-nav': {};
13
+ 'after-nav': {};
14
+ before: {};
15
+ default: {};
16
+ after: {};
17
+ footer: {};
18
+ }> {
19
+ }
20
+ export type NavSectionsProps = typeof __propDef.props;
21
+ export type NavSectionsEvents = typeof __propDef.events;
22
+ export type NavSectionsSlots = typeof __propDef.slots;
23
+ import { SvelteComponentTyped } from "svelte";
24
+ declare const __propDef: {
25
+ props: {
26
+ tocId?: string;
27
+ contentsLabel?: string;
28
+ noContents?: boolean;
29
+ };
30
+ events: {
31
+ [evt: string]: CustomEvent<any>;
32
+ };
33
+ slots: {
34
+ header: {};
35
+ 'before-nav': {};
36
+ 'after-nav': {};
37
+ before: {};
38
+ default: {};
39
+ after: {};
40
+ footer: {};
41
+ };
42
+ };
43
+ export {};
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} SectionBacklinkProps */
2
+ /** @typedef {typeof __propDef.events} SectionBacklinkEvents */
3
+ /** @typedef {typeof __propDef.slots} SectionBacklinkSlots */
4
+ export default class SectionBacklink extends SvelteComponentTyped<{
5
+ tocId?: string;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type SectionBacklinkProps = typeof __propDef.props;
11
+ export type SectionBacklinkEvents = typeof __propDef.events;
12
+ export type SectionBacklinkSlots = typeof __propDef.slots;
13
+ import { SvelteComponentTyped } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ tocId?: string;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
@@ -3,8 +3,8 @@
3
3
  /** @typedef {typeof __propDef.slots} ScrollerSectionSlots */
4
4
  export default class ScrollerSection extends SvelteComponentTyped<{
5
5
  theme?: "light" | "dark" | "lightblue";
6
- title?: string;
7
6
  id?: string;
7
+ title?: string;
8
8
  hideTitle?: boolean;
9
9
  }, {
10
10
  [evt: string]: CustomEvent<any>;
@@ -19,8 +19,8 @@ import { SvelteComponentTyped } from "svelte";
19
19
  declare const __propDef: {
20
20
  props: {
21
21
  theme?: "light" | "dark" | "lightblue";
22
- title?: string;
23
22
  id?: string;
23
+ title?: string;
24
24
  hideTitle?: boolean;
25
25
  };
26
26
  events: {
@@ -7,8 +7,8 @@ export default class Section extends SvelteComponentTyped<{
7
7
  marginTop?: boolean;
8
8
  marginBottom?: boolean;
9
9
  themeOverrides?: any;
10
- title?: string;
11
10
  id?: string;
11
+ title?: string;
12
12
  hideTitle?: boolean;
13
13
  }, {
14
14
  [evt: string]: CustomEvent<any>;
@@ -27,8 +27,8 @@ declare const __propDef: {
27
27
  marginTop?: boolean;
28
28
  marginBottom?: boolean;
29
29
  themeOverrides?: object;
30
- title?: string;
31
30
  id?: string;
31
+ title?: string;
32
32
  hideTitle?: boolean;
33
33
  };
34
34
  events: {
@@ -2,10 +2,20 @@
2
2
  /** @typedef {typeof __propDef.events} TitleBlockEvents */
3
3
  /** @typedef {typeof __propDef.slots} TitleBlockSlots */
4
4
  export default class TitleBlock extends SvelteComponentTyped<{
5
- [x: string]: never;
5
+ theme?: "light" | "dark" | "lightblue";
6
+ background?: string;
7
+ themeOverrides?: any;
8
+ title?: string;
9
+ meta?: any[];
10
+ natStatBadge?: boolean;
11
+ censusLogo?: boolean;
6
12
  }, {
7
13
  [evt: string]: CustomEvent<any>;
8
- }, {}> {
14
+ }, {
15
+ before: {};
16
+ brand: {};
17
+ after: {};
18
+ }> {
9
19
  }
10
20
  export type TitleBlockProps = typeof __propDef.props;
11
21
  export type TitleBlockEvents = typeof __propDef.events;
@@ -13,11 +23,21 @@ export type TitleBlockSlots = typeof __propDef.slots;
13
23
  import { SvelteComponentTyped } from "svelte";
14
24
  declare const __propDef: {
15
25
  props: {
16
- [x: string]: never;
26
+ theme?: "light" | "dark" | "lightblue";
27
+ background?: string;
28
+ themeOverrides?: object;
29
+ title?: string;
30
+ meta?: any[];
31
+ natStatBadge?: boolean;
32
+ censusLogo?: boolean;
17
33
  };
18
34
  events: {
19
35
  [evt: string]: CustomEvent<any>;
20
36
  };
21
- slots: {};
37
+ slots: {
38
+ before: {};
39
+ brand: {};
40
+ after: {};
41
+ };
22
42
  };
23
43
  export {};