@14ch/svelte-ui 0.0.56 → 0.0.58

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 (37) hide show
  1. package/dist/assets/styles/import.css +23 -22
  2. package/dist/assets/styles/variables.scss +23 -22
  3. package/dist/components/Button.svelte +30 -4
  4. package/dist/components/Button.svelte.d.ts +3 -2
  5. package/dist/components/Checkbox.svelte +32 -4
  6. package/dist/components/Checkbox.svelte.d.ts +2 -2
  7. package/dist/components/ColorPicker.svelte +41 -4
  8. package/dist/components/ColorPicker.svelte.d.ts +2 -2
  9. package/dist/components/Combobox.svelte +31 -4
  10. package/dist/components/Combobox.svelte.d.ts +2 -2
  11. package/dist/components/Datepicker.svelte +31 -4
  12. package/dist/components/Datepicker.svelte.d.ts +2 -2
  13. package/dist/components/DatepickerCalendar.svelte +3 -3
  14. package/dist/components/Fab.svelte +28 -2
  15. package/dist/components/Fab.svelte.d.ts +1 -2
  16. package/dist/components/Icon.svelte +2 -4
  17. package/dist/components/Icon.svelte.d.ts +2 -2
  18. package/dist/components/IconButton.svelte +28 -4
  19. package/dist/components/IconButton.svelte.d.ts +1 -2
  20. package/dist/components/Input.svelte +43 -4
  21. package/dist/components/Input.svelte.d.ts +3 -2
  22. package/dist/components/MultiSelect.svelte +1 -1
  23. package/dist/components/PopupMenu.svelte +2 -2
  24. package/dist/components/Radio.svelte +32 -4
  25. package/dist/components/Radio.svelte.d.ts +2 -2
  26. package/dist/components/SegmentedControl.svelte +29 -4
  27. package/dist/components/SegmentedControl.svelte.d.ts +2 -2
  28. package/dist/components/Select.svelte +35 -5
  29. package/dist/components/Select.svelte.d.ts +2 -2
  30. package/dist/components/Slider.svelte +31 -4
  31. package/dist/components/Slider.svelte.d.ts +2 -2
  32. package/dist/components/SnackbarItem.svelte +1 -1
  33. package/dist/components/Switch.svelte +32 -4
  34. package/dist/components/Switch.svelte.d.ts +2 -2
  35. package/dist/components/Textarea.svelte +38 -4
  36. package/dist/components/Textarea.svelte.d.ts +1 -2
  37. package/package.json +1 -1
@@ -1,7 +1,8 @@
1
1
  import type { Snippet } from 'svelte';
2
+ import type { HTMLInputAttributes } from 'svelte/elements';
2
3
  import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
3
4
  import type { ComponentSize } from '../types/propOptions';
4
- export type SwitchProps = {
5
+ export type SwitchProps = Omit<HTMLInputAttributes, 'children' | 'value' | 'size' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange'> & {
5
6
  children?: Snippet;
6
7
  /** Supports `bind:value`. */
7
8
  value: boolean;
@@ -41,7 +42,6 @@ export type SwitchProps = {
41
42
  onpointermove?: PointerHandler;
42
43
  onpointercancel?: PointerHandler;
43
44
  onchange?: BivariantValueHandler<boolean>;
44
- [key: string]: any;
45
45
  };
46
46
  declare const Switch: import("svelte").Component<SwitchProps, {}, "value">;
47
47
  type Switch = ReturnType<typeof Switch>;
@@ -20,7 +20,44 @@
20
20
  // =========================================================================
21
21
  // Props, States & Constants
22
22
  // =========================================================================
23
- export type TextareaProps = {
23
+ export type TextareaProps = Omit<
24
+ HTMLTextareaAttributes,
25
+ // 独自の型で再定義するためベースの HTML 属性から除外
26
+ | 'value'
27
+ | 'id'
28
+ | 'tabindex'
29
+ | 'maxlength'
30
+ | 'autocomplete'
31
+ | 'wrap'
32
+ | 'spellcheck'
33
+ | 'autocapitalize'
34
+ // 独自ハンドラ型(callbackHandlers)で再定義するイベント系
35
+ | 'onfocus'
36
+ | 'onblur'
37
+ | 'onkeydown'
38
+ | 'onkeyup'
39
+ | 'onclick'
40
+ | 'onmousedown'
41
+ | 'onmouseup'
42
+ | 'onmouseenter'
43
+ | 'onmouseleave'
44
+ | 'onmouseover'
45
+ | 'onmouseout'
46
+ | 'oncontextmenu'
47
+ | 'onauxclick'
48
+ | 'ontouchstart'
49
+ | 'ontouchend'
50
+ | 'ontouchmove'
51
+ | 'ontouchcancel'
52
+ | 'onpointerdown'
53
+ | 'onpointerup'
54
+ | 'onpointerenter'
55
+ | 'onpointerleave'
56
+ | 'onpointermove'
57
+ | 'onpointercancel'
58
+ | 'onchange'
59
+ | 'oninput'
60
+ > & {
24
61
  // 基本プロパティ
25
62
  name?: string;
26
63
  value: string | null | undefined;
@@ -112,9 +149,6 @@
112
149
  // 入力イベント
113
150
  onchange?: BivariantValueHandler<string>;
114
151
  oninput?: BivariantValueHandler<string>;
115
-
116
- // その他
117
- [key: string]: any;
118
152
  };
119
153
 
120
154
  let {
@@ -2,7 +2,7 @@ import type { HTMLTextareaAttributes } from 'svelte/elements';
2
2
  import type { IconVariant, IconWeight, IconGrade, IconOpticalSize } from '../types/icon';
3
3
  import type { FocusHandler, KeyboardHandler, MouseHandler, TouchHandler, PointerHandler, BivariantValueHandler } from '../types/callbackHandlers';
4
4
  import type { FocusStyle } from '../types/propOptions';
5
- export type TextareaProps = {
5
+ export type TextareaProps = Omit<HTMLTextareaAttributes, 'value' | 'id' | 'tabindex' | 'maxlength' | 'autocomplete' | 'wrap' | 'spellcheck' | 'autocapitalize' | 'onfocus' | 'onblur' | 'onkeydown' | 'onkeyup' | 'onclick' | 'onmousedown' | 'onmouseup' | 'onmouseenter' | 'onmouseleave' | 'onmouseover' | 'onmouseout' | 'oncontextmenu' | 'onauxclick' | 'ontouchstart' | 'ontouchend' | 'ontouchmove' | 'ontouchcancel' | 'onpointerdown' | 'onpointerup' | 'onpointerenter' | 'onpointerleave' | 'onpointermove' | 'onpointercancel' | 'onchange' | 'oninput'> & {
6
6
  name?: string;
7
7
  value: string | null | undefined;
8
8
  placeholder?: string;
@@ -72,7 +72,6 @@ export type TextareaProps = {
72
72
  onpointercancel?: PointerHandler;
73
73
  onchange?: BivariantValueHandler<string>;
74
74
  oninput?: BivariantValueHandler<string>;
75
- [key: string]: any;
76
75
  };
77
76
  declare const Textarea: import("svelte").Component<TextareaProps, {
78
77
  focus: () => void;
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@14ch/svelte-ui",
3
3
  "description": "Modern Svelte UI components library with TypeScript support",
4
4
  "private": false,
5
- "version": "0.0.56",
5
+ "version": "0.0.58",
6
6
  "type": "module",
7
7
  "keywords": [
8
8
  "svelte",