@studious-creative/yumekit 0.1.7 → 0.1.9

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 (16) hide show
  1. package/dist/components/y-appbar.js +316 -7
  2. package/dist/components/y-icon.d.ts +3 -0
  3. package/dist/components/y-icon.js +29 -4
  4. package/dist/components/y-tag.d.ts +1 -1
  5. package/dist/components/y-tag.js +30 -5
  6. package/dist/components/y-theme.js +1 -1
  7. package/dist/components/y-toast.d.ts +1 -1
  8. package/dist/components/y-toast.js +5 -3
  9. package/dist/icons/all.js +67 -28
  10. package/dist/index.js +611 -398
  11. package/dist/react.d.ts +211 -130
  12. package/dist/styles/variables.css +3 -0
  13. package/dist/yumekit.min.js +1 -1
  14. package/package.json +1 -1
  15. package/dist/modules/load-defaults.d.ts +0 -1
  16. package/dist/modules/load-defaults.js +0 -45
package/dist/react.d.ts CHANGED
@@ -1,134 +1,215 @@
1
- import type { DetailedHTMLProps, HTMLAttributes } from 'react';
1
+ import type { DetailedHTMLProps, HTMLAttributes } from "react";
2
2
 
3
- type El<T = object> = DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> & T;
3
+ type El<T = object> = DetailedHTMLProps<
4
+ HTMLAttributes<HTMLElement>,
5
+ HTMLElement
6
+ > &
7
+ T;
4
8
 
5
- declare module 'react' {
6
- namespace JSX {
7
- interface IntrinsicElements {
8
- 'y-appbar': El;
9
- 'y-avatar': El<{
10
- src?: string;
11
- alt?: string;
12
- size?: string;
13
- color?: string;
14
- }>;
15
- 'y-badge': El<{
16
- color?: string;
17
- size?: string;
18
- }>;
19
- 'y-button': El<{
20
- 'left-icon'?: string;
21
- 'right-icon'?: string;
22
- color?: string;
23
- size?: 'small' | 'medium' | 'large';
24
- 'style-type'?: 'outlined' | 'filled' | 'flat';
25
- type?: string;
26
- disabled?: boolean | string;
27
- name?: string;
28
- value?: string;
29
- autofocus?: boolean | string;
30
- form?: string;
31
- formaction?: string;
32
- formenctype?: string;
33
- formmethod?: string;
34
- formnovalidate?: boolean | string;
35
- formtarget?: string;
36
- }>;
37
- 'y-card': El;
38
- 'y-checkbox': El<{
39
- name?: string;
40
- value?: string;
41
- checked?: boolean | string;
42
- disabled?: boolean | string;
43
- color?: string;
44
- size?: string;
45
- }>;
46
- 'y-dialog': El<{
47
- open?: boolean | string;
48
- size?: string;
49
- }>;
50
- 'y-drawer': El<{
51
- open?: boolean | string;
52
- position?: string;
53
- }>;
54
- 'y-input': El<{
55
- type?: string;
56
- name?: string;
57
- value?: string;
58
- placeholder?: string;
59
- disabled?: boolean | string;
60
- required?: boolean | string;
61
- color?: string;
62
- size?: string;
63
- label?: string;
64
- }>;
65
- 'y-menu': El;
66
- 'y-panel': El<{ open?: boolean | string }>;
67
- 'y-panelbar': El;
68
- 'y-progress': El<{
69
- value?: string | number;
70
- max?: string | number;
71
- color?: string;
72
- size?: string;
73
- }>;
74
- 'y-radio': El<{
75
- name?: string;
76
- value?: string;
77
- checked?: boolean | string;
78
- disabled?: boolean | string;
79
- color?: string;
80
- size?: string;
81
- }>;
82
- 'y-select': El<{
83
- name?: string;
84
- value?: string;
85
- disabled?: boolean | string;
86
- multiple?: boolean | string;
87
- color?: string;
88
- size?: string;
89
- placeholder?: string;
90
- }>;
91
- 'y-slider': El<{
92
- name?: string;
93
- value?: string | number;
94
- min?: string | number;
95
- max?: string | number;
96
- step?: string | number;
97
- disabled?: boolean | string;
98
- color?: string;
99
- size?: string;
100
- }>;
101
- 'y-switch': El<{
102
- name?: string;
103
- checked?: boolean | string;
104
- disabled?: boolean | string;
105
- color?: string;
106
- size?: string;
107
- }>;
108
- 'y-table': El;
109
- 'y-tabs': El;
110
- 'y-tag': El<{
111
- color?: string;
112
- size?: string;
113
- removable?: boolean | string;
114
- }>;
115
- 'y-theme': El<{
116
- theme?: string;
117
- color?: string;
118
- mode?: string;
119
- 'theme-path'?: string;
120
- }>;
121
- 'y-toast': El<{
122
- open?: boolean | string;
123
- color?: string;
124
- position?: string;
125
- duration?: string | number;
126
- }>;
127
- 'y-tooltip': El<{
128
- content?: string;
129
- position?: string;
130
- color?: string;
131
- }>;
9
+ declare module "react" {
10
+ namespace JSX {
11
+ interface IntrinsicElements {
12
+ "y-appbar": El<{
13
+ orientation?: "vertical" | "horizontal";
14
+ collapsed?: boolean | string;
15
+ items?: string;
16
+ size?: "small" | "medium" | "large";
17
+ "menu-direction"?: "right" | "down" | "";
18
+ sticky?: "start" | "end";
19
+ }>;
20
+ "y-avatar": El<{
21
+ src?: string;
22
+ alt?: string;
23
+ size?: "small" | "medium" | "large";
24
+ shape?: string;
25
+ }>;
26
+ "y-badge": El<{
27
+ value?: string;
28
+ position?: "top" | "bottom";
29
+ alignment?: "right" | "left";
30
+ color?: string;
31
+ size?: "small" | "medium" | "large";
32
+ }>;
33
+ "y-button": El<{
34
+ "left-icon"?: string;
35
+ "right-icon"?: string;
36
+ color?: string;
37
+ size?: "small" | "medium" | "large";
38
+ "style-type"?: "outlined" | "filled" | "flat";
39
+ type?: string;
40
+ disabled?: boolean | string;
41
+ name?: string;
42
+ value?: string;
43
+ autofocus?: boolean | string;
44
+ form?: string;
45
+ formaction?: string;
46
+ formenctype?: string;
47
+ formmethod?: string;
48
+ formnovalidate?: boolean | string;
49
+ formtarget?: string;
50
+ "aria-label"?: string;
51
+ "aria-pressed"?: string;
52
+ "aria-hidden"?: string;
53
+ }>;
54
+ "y-card": El<{
55
+ color?: string;
56
+ raised?: boolean | string;
57
+ }>;
58
+ "y-checkbox": El<{
59
+ name?: string;
60
+ value?: string;
61
+ checked?: boolean | string;
62
+ disabled?: boolean | string;
63
+ indeterminate?: boolean | string;
64
+ "label-position"?: "top" | "bottom" | "left" | "right";
65
+ color?: string;
66
+ size?: string;
67
+ }>;
68
+ "y-dialog": El<{
69
+ visible?: boolean | string;
70
+ anchor?: string;
71
+ closable?: boolean | string;
72
+ }>;
73
+ "y-drawer": El<{
74
+ visible?: boolean | string;
75
+ anchor?: string;
76
+ position?: "left" | "right" | "top" | "bottom";
77
+ resizable?: boolean | string;
78
+ }>;
79
+ "y-icon": El<{
80
+ name?: string;
81
+ size?: "small" | "medium" | "large";
82
+ color?: string;
83
+ label?: string;
84
+ weight?: "thin" | "regular" | "thick";
85
+ }>;
86
+ "y-input": El<{
87
+ type?: string;
88
+ name?: string;
89
+ value?: string;
90
+ placeholder?: string;
91
+ disabled?: boolean | string;
92
+ invalid?: boolean | string;
93
+ required?: boolean | string;
94
+ color?: string;
95
+ size?: "small" | "medium" | "large";
96
+ label?: string;
97
+ "label-position"?: string;
98
+ }>;
99
+ "y-menu": El<{
100
+ items?: string;
101
+ anchor?: string;
102
+ visible?: boolean | string;
103
+ direction?: "down" | "up" | "left" | "right";
104
+ size?: "small" | "medium" | "large";
105
+ }>;
106
+ "y-panel": El<{
107
+ selected?: boolean | string;
108
+ expanded?: boolean | string;
109
+ href?: string;
110
+ history?: string;
111
+ }>;
112
+ "y-panelbar": El<{
113
+ exclusive?: boolean | string;
114
+ }>;
115
+ "y-progress": El<{
116
+ value?: string | number;
117
+ min?: string | number;
118
+ max?: string | number;
119
+ step?: string | number;
120
+ color?: string;
121
+ size?: "small" | "medium" | "large";
122
+ "label-display"?: boolean | string;
123
+ "label-format"?: "percent" | "value" | "fraction";
124
+ indeterminate?: boolean | string;
125
+ disabled?: boolean | string;
126
+ }>;
127
+ "y-radio": El<{
128
+ name?: string;
129
+ value?: string;
130
+ options?: string;
131
+ disabled?: boolean | string;
132
+ color?: string;
133
+ size?: string;
134
+ }>;
135
+ "y-select": El<{
136
+ name?: string;
137
+ value?: string;
138
+ disabled?: boolean | string;
139
+ multiple?: boolean | string;
140
+ color?: string;
141
+ size?: string;
142
+ placeholder?: string;
143
+ options?: string;
144
+ invalid?: boolean | string;
145
+ required?: boolean | string;
146
+ "label-position"?: string;
147
+ "display-mode"?: string;
148
+ "close-on-click-outside"?: string;
149
+ }>;
150
+ "y-slider": El<{
151
+ name?: string;
152
+ value?: string | number;
153
+ min?: string | number;
154
+ max?: string | number;
155
+ step?: string | number;
156
+ disabled?: boolean | string;
157
+ color?: string;
158
+ size?: "small" | "medium" | "large";
159
+ orientation?: "horizontal" | "vertical";
160
+ }>;
161
+ "y-switch": El<{
162
+ name?: string;
163
+ value?: string;
164
+ checked?: boolean | string;
165
+ disabled?: boolean | string;
166
+ animate?: string;
167
+ "toggle-label"?: boolean | string;
168
+ "label-display"?: string;
169
+ "label-position"?: "top" | "bottom" | "left" | "right";
170
+ color?: string;
171
+ size?: "small" | "medium" | "large";
172
+ }>;
173
+ "y-table": El<{
174
+ columns?: string;
175
+ data?: string;
176
+ striped?: boolean | string;
177
+ size?: "small" | "medium" | "large";
178
+ }>;
179
+ "y-tabs": El<{
180
+ options?: string;
181
+ size?: "small" | "medium" | "large";
182
+ position?: "top" | "bottom" | "left" | "right";
183
+ }>;
184
+ "y-tag": El<{
185
+ color?: string;
186
+ size?: "small" | "medium" | "large";
187
+ removable?: boolean | string;
188
+ "style-type"?: "filled" | "outlined" | "flat";
189
+ shape?: "square" | "round";
190
+ }>;
191
+ "y-theme": El<{
192
+ theme?: string;
193
+ mode?: "light" | "dark";
194
+ "theme-path"?: string;
195
+ }>;
196
+ "y-toast": El<{
197
+ position?:
198
+ | "top-right"
199
+ | "top-left"
200
+ | "top-center"
201
+ | "bottom-right"
202
+ | "bottom-left"
203
+ | "bottom-center";
204
+ duration?: string | number;
205
+ max?: string | number;
206
+ }>;
207
+ "y-tooltip": El<{
208
+ text?: string;
209
+ position?: "top" | "bottom" | "left" | "right";
210
+ color?: string;
211
+ delay?: string | number;
212
+ }>;
213
+ }
132
214
  }
133
- }
134
215
  }
package/dist/styles/variables.css CHANGED
@@ -433,6 +433,9 @@
433
433
  --component-tag-padding-large: var(--spacing-small);
434
434
  --component-tag-padding-medium: var(--spacing-x-small);
435
435
  --component-tag-padding-small: var(--spacing-2x-small);
436
+ --component-tag-height-large: 38px;
437
+ --component-tag-height-medium: 28px;
438
+ --component-tag-height-small: 22px;
436
439
  --component-tag-size-large: var(--sizing-large);
437
440
  --component-tag-size-medium: var(--sizing-medium);
438
441
  --component-tag-size-small: var(--sizing-small);