@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.
- package/dist/assets/styles/import.css +23 -22
- package/dist/assets/styles/variables.scss +23 -22
- package/dist/components/Button.svelte +30 -4
- package/dist/components/Button.svelte.d.ts +3 -2
- package/dist/components/Checkbox.svelte +32 -4
- package/dist/components/Checkbox.svelte.d.ts +2 -2
- package/dist/components/ColorPicker.svelte +41 -4
- package/dist/components/ColorPicker.svelte.d.ts +2 -2
- package/dist/components/Combobox.svelte +31 -4
- package/dist/components/Combobox.svelte.d.ts +2 -2
- package/dist/components/Datepicker.svelte +31 -4
- package/dist/components/Datepicker.svelte.d.ts +2 -2
- package/dist/components/DatepickerCalendar.svelte +3 -3
- package/dist/components/Fab.svelte +28 -2
- package/dist/components/Fab.svelte.d.ts +1 -2
- package/dist/components/Icon.svelte +2 -4
- package/dist/components/Icon.svelte.d.ts +2 -2
- package/dist/components/IconButton.svelte +28 -4
- package/dist/components/IconButton.svelte.d.ts +1 -2
- package/dist/components/Input.svelte +43 -4
- package/dist/components/Input.svelte.d.ts +3 -2
- package/dist/components/MultiSelect.svelte +1 -1
- package/dist/components/PopupMenu.svelte +2 -2
- package/dist/components/Radio.svelte +32 -4
- package/dist/components/Radio.svelte.d.ts +2 -2
- package/dist/components/SegmentedControl.svelte +29 -4
- package/dist/components/SegmentedControl.svelte.d.ts +2 -2
- package/dist/components/Select.svelte +35 -5
- package/dist/components/Select.svelte.d.ts +2 -2
- package/dist/components/Slider.svelte +31 -4
- package/dist/components/Slider.svelte.d.ts +2 -2
- package/dist/components/SnackbarItem.svelte +1 -1
- package/dist/components/Switch.svelte +32 -4
- package/dist/components/Switch.svelte.d.ts +2 -2
- package/dist/components/Textarea.svelte +38 -4
- package/dist/components/Textarea.svelte.d.ts +1 -2
- 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;
|