@sveltia/ui 0.1.1 → 0.1.3

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 (56) hide show
  1. package/package/components/composite/calendar.svelte +1 -0
  2. package/package/components/composite/calendar.svelte.d.ts +1 -8
  3. package/package/components/composite/checkbox-group.svelte.d.ts +1 -11
  4. package/package/components/composite/combobox.svelte +14 -1
  5. package/package/components/composite/combobox.svelte.d.ts +1 -16
  6. package/package/components/composite/disclosure.svelte.d.ts +1 -10
  7. package/package/components/composite/grid.svelte.d.ts +1 -10
  8. package/package/components/composite/listbox.svelte.d.ts +7 -20
  9. package/package/components/composite/menu-item-group.svelte.d.ts +1 -11
  10. package/package/components/composite/menu.svelte.d.ts +5 -14
  11. package/package/components/composite/radio-button-group.svelte +1 -0
  12. package/package/components/composite/radio-button-group.svelte.d.ts +1 -10
  13. package/package/components/composite/select-button-group.svelte +1 -0
  14. package/package/components/composite/select-button-group.svelte.d.ts +1 -14
  15. package/package/components/composite/select.svelte.d.ts +2 -14
  16. package/package/components/composite/tab-list.svelte +4 -4
  17. package/package/components/composite/tab-list.svelte.d.ts +9 -22
  18. package/package/components/core/button.svelte +7 -7
  19. package/package/components/core/button.svelte.d.ts +25 -55
  20. package/package/components/core/checkbox.svelte.d.ts +1 -14
  21. package/package/components/core/dialog.svelte.d.ts +1 -29
  22. package/package/components/core/grid-cell.svelte.d.ts +1 -9
  23. package/package/components/core/group.svelte.d.ts +1 -11
  24. package/package/components/core/icon.svelte.d.ts +1 -8
  25. package/package/components/core/menu-button.svelte.d.ts +1 -12
  26. package/package/components/core/menu-item-checkbox.svelte.d.ts +2 -12
  27. package/package/components/core/menu-item-radio.svelte.d.ts +2 -12
  28. package/package/components/core/menu-item.svelte.d.ts +2 -17
  29. package/package/components/core/number-input.svelte.d.ts +3 -17
  30. package/package/components/core/option.svelte.d.ts +6 -21
  31. package/package/components/core/password-input.svelte.d.ts +4 -15
  32. package/package/components/core/radio-button.svelte.d.ts +1 -11
  33. package/package/components/core/row-group.svelte.d.ts +1 -9
  34. package/package/components/core/row.svelte.d.ts +1 -11
  35. package/package/components/core/search-bar.svelte.d.ts +11 -25
  36. package/package/components/core/select-button.svelte.d.ts +2 -13
  37. package/package/components/core/separator.svelte.d.ts +1 -7
  38. package/package/components/core/slider.svelte +270 -0
  39. package/package/components/core/slider.svelte.d.ts +35 -0
  40. package/package/components/core/spacer.svelte.d.ts +1 -7
  41. package/package/components/core/switch.svelte.d.ts +1 -11
  42. package/package/components/core/tab-panel.svelte.d.ts +1 -9
  43. package/package/components/core/tab.svelte.d.ts +1 -9
  44. package/package/components/core/text-area.svelte.d.ts +11 -25
  45. package/package/components/core/text-input.svelte.d.ts +15 -33
  46. package/package/components/core/toolbar.svelte.d.ts +1 -10
  47. package/package/components/editor/markdown.svelte.d.ts +1 -7
  48. package/package/components/helpers/popup.d.ts +2 -7
  49. package/package/components/helpers/popup.js +1 -1
  50. package/package/components/util/app-shell.svelte.d.ts +1 -11
  51. package/package/components/util/popup.svelte +24 -16
  52. package/package/components/util/popup.svelte.d.ts +9 -18
  53. package/package/components/util/portal.svelte.d.ts +1 -8
  54. package/package/index.d.ts +1 -0
  55. package/package/index.js +1 -0
  56. package/package.json +26 -18
@@ -5,39 +5,11 @@
5
5
  * @see https://w3c.github.io/aria/#dialog
6
6
  * @see https://w3c.github.io/aria-practices/#dialog_modal
7
7
  */
8
- export default class Dialog extends SvelteComponentTyped<{
9
- class?: string;
10
- size?: "small" | "medium" | "large";
11
- title?: string;
12
- open?: boolean;
13
- modal?: boolean;
14
- showCancel?: boolean;
15
- showOk?: boolean;
16
- showClose?: boolean;
17
- okLabel?: string;
18
- okDisabled?: boolean;
19
- cancelLabel?: string;
20
- cancelDisabled?: boolean;
21
- closeOnBackdropClick?: boolean;
22
- }, {
23
- submit: SubmitEvent;
24
- ok: CustomEvent<any>;
25
- cancel: CustomEvent<any>;
26
- close: CustomEvent<any>;
27
- } & {
28
- [evt: string]: CustomEvent<any>;
29
- }, {
30
- header: {};
31
- 'header-extra': {};
32
- default: {};
33
- footer: {};
34
- 'footer-extra': {};
35
- }> {
8
+ export default class Dialog {
36
9
  }
37
10
  export type DialogProps = typeof __propDef.props;
38
11
  export type DialogEvents = typeof __propDef.events;
39
12
  export type DialogSlots = typeof __propDef.slots;
40
- import { SvelteComponentTyped } from "svelte";
41
13
  declare const __propDef: {
42
14
  props: {
43
15
  class?: string;
@@ -1,19 +1,11 @@
1
1
  /** @typedef {typeof __propDef.props} GridCellProps */
2
2
  /** @typedef {typeof __propDef.events} GridCellEvents */
3
3
  /** @typedef {typeof __propDef.slots} GridCellSlots */
4
- export default class GridCell extends SvelteComponentTyped<{
5
- [x: string]: any;
6
- class?: string;
7
- }, {
8
- [evt: string]: CustomEvent<any>;
9
- }, {
10
- default: {};
11
- }> {
4
+ export default class GridCell {
12
5
  }
13
6
  export type GridCellProps = typeof __propDef.props;
14
7
  export type GridCellEvents = typeof __propDef.events;
15
8
  export type GridCellSlots = typeof __propDef.slots;
16
- import { SvelteComponentTyped } from "svelte";
17
9
  declare const __propDef: {
18
10
  props: {
19
11
  [x: string]: any;
@@ -1,21 +1,11 @@
1
1
  /** @typedef {typeof __propDef.props} GroupProps */
2
2
  /** @typedef {typeof __propDef.events} GroupEvents */
3
3
  /** @typedef {typeof __propDef.slots} GroupSlots */
4
- export default class Group extends SvelteComponentTyped<{
5
- [x: string]: any;
6
- class?: string;
7
- title?: string;
8
- ariaLabel?: string;
9
- }, {
10
- [evt: string]: CustomEvent<any>;
11
- }, {
12
- default: {};
13
- }> {
4
+ export default class Group {
14
5
  }
15
6
  export type GroupProps = typeof __propDef.props;
16
7
  export type GroupEvents = typeof __propDef.events;
17
8
  export type GroupSlots = typeof __propDef.slots;
18
- import { SvelteComponentTyped } from "svelte";
19
9
  declare const __propDef: {
20
10
  props: {
21
11
  [x: string]: any;
@@ -1,18 +1,11 @@
1
1
  /** @typedef {typeof __propDef.props} IconProps */
2
2
  /** @typedef {typeof __propDef.events} IconEvents */
3
3
  /** @typedef {typeof __propDef.slots} IconSlots */
4
- export default class Icon extends SvelteComponentTyped<{
5
- class?: string;
6
- name?: string;
7
- label?: string;
8
- }, {
9
- [evt: string]: CustomEvent<any>;
10
- }, {}> {
4
+ export default class Icon {
11
5
  }
12
6
  export type IconProps = typeof __propDef.props;
13
7
  export type IconEvents = typeof __propDef.events;
14
8
  export type IconSlots = typeof __propDef.slots;
15
- import { SvelteComponentTyped } from "svelte";
16
9
  declare const __propDef: {
17
10
  props: {
18
11
  class?: string;
@@ -2,22 +2,11 @@
2
2
  /** @typedef {typeof __propDef.events} MenuButtonEvents */
3
3
  /** @typedef {typeof __propDef.slots} MenuButtonSlots */
4
4
  /** @see https://w3c.github.io/aria-practices/#menubutton */
5
- export default class MenuButton extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- position?: any;
9
- showArrow?: boolean;
10
- }, {
11
- [evt: string]: CustomEvent<any>;
12
- }, {
13
- button: {};
14
- default: {};
15
- }> {
5
+ export default class MenuButton {
16
6
  }
17
7
  export type MenuButtonProps = typeof __propDef.props;
18
8
  export type MenuButtonEvents = typeof __propDef.events;
19
9
  export type MenuButtonSlots = typeof __propDef.slots;
20
- import { SvelteComponentTyped } from "svelte";
21
10
  declare const __propDef: {
22
11
  props: {
23
12
  [x: string]: any;
@@ -2,28 +2,18 @@
2
2
  /** @typedef {typeof __propDef.events} MenuItemCheckboxEvents */
3
3
  /** @typedef {typeof __propDef.slots} MenuItemCheckboxSlots */
4
4
  /** @see https://w3c.github.io/aria/#menuitemcheckbox */
5
- export default class MenuItemCheckbox extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- }, {
9
- click: MouseEvent;
10
- } & {
11
- [evt: string]: CustomEvent<any>;
12
- }, {
13
- default: {};
14
- }> {
5
+ export default class MenuItemCheckbox {
15
6
  }
16
7
  export type MenuItemCheckboxProps = typeof __propDef.props;
17
8
  export type MenuItemCheckboxEvents = typeof __propDef.events;
18
9
  export type MenuItemCheckboxSlots = typeof __propDef.slots;
19
- import { SvelteComponentTyped } from "svelte";
20
10
  declare const __propDef: {
21
11
  props: {
22
12
  [x: string]: any;
23
13
  class?: string;
24
14
  };
25
15
  events: {
26
- click: MouseEvent;
16
+ click: any;
27
17
  } & {
28
18
  [evt: string]: CustomEvent<any>;
29
19
  };
@@ -2,28 +2,18 @@
2
2
  /** @typedef {typeof __propDef.events} MenuItemRadioEvents */
3
3
  /** @typedef {typeof __propDef.slots} MenuItemRadioSlots */
4
4
  /** @see https://w3c.github.io/aria/#menuitemradio */
5
- export default class MenuItemRadio extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- }, {
9
- click: MouseEvent;
10
- } & {
11
- [evt: string]: CustomEvent<any>;
12
- }, {
13
- default: {};
14
- }> {
5
+ export default class MenuItemRadio {
15
6
  }
16
7
  export type MenuItemRadioProps = typeof __propDef.props;
17
8
  export type MenuItemRadioEvents = typeof __propDef.events;
18
9
  export type MenuItemRadioSlots = typeof __propDef.slots;
19
- import { SvelteComponentTyped } from "svelte";
20
10
  declare const __propDef: {
21
11
  props: {
22
12
  [x: string]: any;
23
13
  class?: string;
24
14
  };
25
15
  events: {
26
- click: MouseEvent;
16
+ click: any;
27
17
  } & {
28
18
  [evt: string]: CustomEvent<any>;
29
19
  };
@@ -2,26 +2,11 @@
2
2
  /** @typedef {typeof __propDef.events} MenuItemEvents */
3
3
  /** @typedef {typeof __propDef.slots} MenuItemSlots */
4
4
  /** @see https://w3c.github.io/aria/#menuitem */
5
- export default class MenuItem extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- label?: string;
9
- role?: "menuitem" | "menuitemcheckbox" | "menuitemradio";
10
- iconName?: string;
11
- iconLabel?: string;
12
- checked?: boolean;
13
- }, {
14
- click: MouseEvent;
15
- } & {
16
- [evt: string]: CustomEvent<any>;
17
- }, {
18
- default: {};
19
- }> {
5
+ export default class MenuItem {
20
6
  }
21
7
  export type MenuItemProps = typeof __propDef.props;
22
8
  export type MenuItemEvents = typeof __propDef.events;
23
9
  export type MenuItemSlots = typeof __propDef.slots;
24
- import { SvelteComponentTyped } from "svelte";
25
10
  declare const __propDef: {
26
11
  props: {
27
12
  [x: string]: any;
@@ -33,7 +18,7 @@ declare const __propDef: {
33
18
  checked?: boolean;
34
19
  };
35
20
  events: {
36
- click: MouseEvent;
21
+ click: any;
37
22
  } & {
38
23
  [evt: string]: CustomEvent<any>;
39
24
  };
@@ -2,25 +2,11 @@
2
2
  /** @typedef {typeof __propDef.events} NumberInputEvents */
3
3
  /** @typedef {typeof __propDef.slots} NumberInputSlots */
4
4
  /** @see https://w3c.github.io/aria/#textbox */
5
- export default class NumberInput extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- disabled?: boolean;
9
- value?: string;
10
- min?: any;
11
- max?: any;
12
- step?: number;
13
- }, {
14
- keypress: KeyboardEvent;
15
- input: Event;
16
- } & {
17
- [evt: string]: CustomEvent<any>;
18
- }, {}> {
5
+ export default class NumberInput {
19
6
  }
20
7
  export type NumberInputProps = typeof __propDef.props;
21
8
  export type NumberInputEvents = typeof __propDef.events;
22
9
  export type NumberInputSlots = typeof __propDef.slots;
23
- import { SvelteComponentTyped } from "svelte";
24
10
  declare const __propDef: {
25
11
  props: {
26
12
  [x: string]: any;
@@ -32,8 +18,8 @@ declare const __propDef: {
32
18
  step?: number;
33
19
  };
34
20
  events: {
35
- keypress: KeyboardEvent;
36
- input: Event;
21
+ keypress: any;
22
+ input: any;
37
23
  } & {
38
24
  [evt: string]: CustomEvent<any>;
39
25
  };
@@ -2,26 +2,11 @@
2
2
  /** @typedef {typeof __propDef.events} OptionEvents */
3
3
  /** @typedef {typeof __propDef.slots} OptionSlots */
4
4
  /** @see https://w3c.github.io/aria/#option */
5
- export default class Option extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- selected?: boolean;
9
- }, {
10
- click: MouseEvent;
11
- dragover: DragEvent;
12
- dragleave: DragEvent;
13
- dragend: DragEvent;
14
- drop: DragEvent;
15
- } & {
16
- [evt: string]: CustomEvent<any>;
17
- }, {
18
- default: {};
19
- }> {
5
+ export default class Option {
20
6
  }
21
7
  export type OptionProps = typeof __propDef.props;
22
8
  export type OptionEvents = typeof __propDef.events;
23
9
  export type OptionSlots = typeof __propDef.slots;
24
- import { SvelteComponentTyped } from "svelte";
25
10
  declare const __propDef: {
26
11
  props: {
27
12
  [x: string]: any;
@@ -29,11 +14,11 @@ declare const __propDef: {
29
14
  selected?: boolean;
30
15
  };
31
16
  events: {
32
- click: MouseEvent;
33
- dragover: DragEvent;
34
- dragleave: DragEvent;
35
- dragend: DragEvent;
36
- drop: DragEvent;
17
+ click: any;
18
+ dragover: any;
19
+ dragleave: any;
20
+ dragend: any;
21
+ drop: any;
37
22
  } & {
38
23
  [evt: string]: CustomEvent<any>;
39
24
  };
@@ -2,22 +2,11 @@
2
2
  /** @typedef {typeof __propDef.events} PasswordInputEvents */
3
3
  /** @typedef {typeof __propDef.slots} PasswordInputSlots */
4
4
  /** @see https://w3c.github.io/aria/#textbox */
5
- export default class PasswordInput extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- value?: string;
9
- }, {
10
- input: Event;
11
- keypress: KeyboardEvent;
12
- change: Event;
13
- } & {
14
- [evt: string]: CustomEvent<any>;
15
- }, {}> {
5
+ export default class PasswordInput {
16
6
  }
17
7
  export type PasswordInputProps = typeof __propDef.props;
18
8
  export type PasswordInputEvents = typeof __propDef.events;
19
9
  export type PasswordInputSlots = typeof __propDef.slots;
20
- import { SvelteComponentTyped } from "svelte";
21
10
  declare const __propDef: {
22
11
  props: {
23
12
  [x: string]: any;
@@ -25,9 +14,9 @@ declare const __propDef: {
25
14
  value?: (string | undefined);
26
15
  };
27
16
  events: {
28
- input: Event;
29
- keypress: KeyboardEvent;
30
- change: Event;
17
+ input: any;
18
+ keypress: any;
19
+ change: any;
31
20
  } & {
32
21
  [evt: string]: CustomEvent<any>;
33
22
  };
@@ -5,21 +5,11 @@
5
5
  * @see https://w3c.github.io/aria/#radio
6
6
  * @see https://w3c.github.io/aria-practices/#radiobutton
7
7
  */
8
- export default class RadioButton extends SvelteComponentTyped<{
9
- class?: string;
10
- name?: string;
11
- value?: string;
12
- selected?: boolean;
13
- }, {
14
- [evt: string]: CustomEvent<any>;
15
- }, {
16
- default: {};
17
- }> {
8
+ export default class RadioButton {
18
9
  }
19
10
  export type RadioButtonProps = typeof __propDef.props;
20
11
  export type RadioButtonEvents = typeof __propDef.events;
21
12
  export type RadioButtonSlots = typeof __propDef.slots;
22
- import { SvelteComponentTyped } from "svelte";
23
13
  declare const __propDef: {
24
14
  props: {
25
15
  class?: string;
@@ -1,19 +1,11 @@
1
1
  /** @typedef {typeof __propDef.props} RowGroupProps */
2
2
  /** @typedef {typeof __propDef.events} RowGroupEvents */
3
3
  /** @typedef {typeof __propDef.slots} RowGroupSlots */
4
- export default class RowGroup extends SvelteComponentTyped<{
5
- [x: string]: any;
6
- class?: string;
7
- }, {
8
- [evt: string]: CustomEvent<any>;
9
- }, {
10
- default: {};
11
- }> {
4
+ export default class RowGroup {
12
5
  }
13
6
  export type RowGroupProps = typeof __propDef.props;
14
7
  export type RowGroupEvents = typeof __propDef.events;
15
8
  export type RowGroupSlots = typeof __propDef.slots;
16
- import { SvelteComponentTyped } from "svelte";
17
9
  declare const __propDef: {
18
10
  props: {
19
11
  [x: string]: any;
@@ -1,21 +1,11 @@
1
1
  /** @typedef {typeof __propDef.props} RowProps */
2
2
  /** @typedef {typeof __propDef.events} RowEvents */
3
3
  /** @typedef {typeof __propDef.slots} RowSlots */
4
- export default class Row extends SvelteComponentTyped<{
5
- [x: string]: any;
6
- class?: string;
7
- }, {
8
- click: MouseEvent;
9
- } & {
10
- [evt: string]: CustomEvent<any>;
11
- }, {
12
- default: {};
13
- }> {
4
+ export default class Row {
14
5
  }
15
6
  export type RowProps = typeof __propDef.props;
16
7
  export type RowEvents = typeof __propDef.events;
17
8
  export type RowSlots = typeof __propDef.slots;
18
- import { SvelteComponentTyped } from "svelte";
19
9
  declare const __propDef: {
20
10
  props: {
21
11
  [x: string]: any;
@@ -2,32 +2,18 @@
2
2
  /** @typedef {typeof __propDef.events} SearchBarEvents */
3
3
  /** @typedef {typeof __propDef.slots} SearchBarSlots */
4
4
  /** @see https://w3c.github.io/aria/#search */
5
- export default class SearchBar extends SvelteComponentTyped<{
6
- [x: string]: any;
7
- class?: string;
8
- focus?: () => void;
9
- value?: string;
10
- }, {
11
- input: Event;
12
- keydown: KeyboardEvent;
13
- keyup: KeyboardEvent;
14
- keypress: KeyboardEvent;
15
- change: Event;
16
- } & {
17
- [evt: string]: CustomEvent<any>;
18
- }, {}> {
19
- get focus(): () => void;
5
+ export default class SearchBar {
6
+ get focus(): any;
20
7
  /**accessor*/
21
- set class(arg: string);
22
- get class(): string;
8
+ set class(arg: any);
9
+ get class(): any;
23
10
  /**accessor*/
24
- set value(arg: string);
25
- get value(): string;
11
+ set value(arg: any);
12
+ get value(): any;
26
13
  }
27
14
  export type SearchBarProps = typeof __propDef.props;
28
15
  export type SearchBarEvents = typeof __propDef.events;
29
16
  export type SearchBarSlots = typeof __propDef.slots;
30
- import { SvelteComponentTyped } from "svelte";
31
17
  declare const __propDef: {
32
18
  props: {
33
19
  [x: string]: any;
@@ -36,11 +22,11 @@ declare const __propDef: {
36
22
  value?: string;
37
23
  };
38
24
  events: {
39
- input: Event;
40
- keydown: KeyboardEvent;
41
- keyup: KeyboardEvent;
42
- keypress: KeyboardEvent;
43
- change: Event;
25
+ input: any;
26
+ keydown: any;
27
+ keyup: any;
28
+ keypress: any;
29
+ change: any;
44
30
  } & {
45
31
  [evt: string]: CustomEvent<any>;
46
32
  };
@@ -6,22 +6,11 @@
6
6
  * @see https://w3c.github.io/aria/#radio
7
7
  * @see https://w3c.github.io/aria-practices/#radiobutton
8
8
  */
9
- export default class SelectButton extends SvelteComponentTyped<{
10
- [x: string]: any;
11
- class?: string;
12
- selected?: boolean;
13
- }, {
14
- click: MouseEvent;
15
- } & {
16
- [evt: string]: CustomEvent<any>;
17
- }, {
18
- default: {};
19
- }> {
9
+ export default class SelectButton {
20
10
  }
21
11
  export type SelectButtonProps = typeof __propDef.props;
22
12
  export type SelectButtonEvents = typeof __propDef.events;
23
13
  export type SelectButtonSlots = typeof __propDef.slots;
24
- import { SvelteComponentTyped } from "svelte";
25
14
  declare const __propDef: {
26
15
  props: {
27
16
  [x: string]: any;
@@ -29,7 +18,7 @@ declare const __propDef: {
29
18
  selected?: boolean;
30
19
  };
31
20
  events: {
32
- click: MouseEvent;
21
+ click: any;
33
22
  } & {
34
23
  [evt: string]: CustomEvent<any>;
35
24
  };
@@ -2,17 +2,11 @@
2
2
  /** @typedef {typeof __propDef.events} SeparatorEvents */
3
3
  /** @typedef {typeof __propDef.slots} SeparatorSlots */
4
4
  /** @see https://w3c.github.io/aria/#separator */
5
- export default class Separator extends SvelteComponentTyped<{
6
- class?: string;
7
- orientation?: string;
8
- }, {
9
- [evt: string]: CustomEvent<any>;
10
- }, {}> {
5
+ export default class Separator {
11
6
  }
12
7
  export type SeparatorProps = typeof __propDef.props;
13
8
  export type SeparatorEvents = typeof __propDef.events;
14
9
  export type SeparatorSlots = typeof __propDef.slots;
15
- import { SvelteComponentTyped } from "svelte";
16
10
  declare const __propDef: {
17
11
  props: {
18
12
  class?: string;