@sellmate/design-system-vue 0.0.57 → 1.0.0

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 (4) hide show
  1. package/dist/components.d.ts +9 -10
  2. package/dist/components.js +156 -118
  3. package/lib/components.ts +172 -132
  4. package/package.json +3 -3
package/dist/components.d.ts CHANGED
@@ -3,39 +3,38 @@ import type { JSX } from '@sellmate/design-system';
3
3
  export declare const SdBadge: StencilVueComponent<JSX.SdBadge>;
4
4
  export declare const SdButton: StencilVueComponent<JSX.SdButton>;
5
5
  export declare const SdCard: StencilVueComponent<JSX.SdCard>;
6
- export declare const SdCheckbox: StencilVueComponent<JSX.SdCheckbox, JSX.SdCheckbox["checked"]>;
6
+ export declare const SdCheckbox: StencilVueComponent<JSX.SdCheckbox, JSX.SdCheckbox["value"]>;
7
7
  export declare const SdDateBox: StencilVueComponent<JSX.SdDateBox>;
8
8
  export declare const SdDatePicker: StencilVueComponent<JSX.SdDatePicker, JSX.SdDatePicker["value"]>;
9
9
  export declare const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.SdDateRangePicker["value"]>;
10
+ export declare const SdField: StencilVueComponent<JSX.SdField>;
10
11
  export declare const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicker["value"]>;
12
+ export declare const SdFloatingPortal: StencilVueComponent<JSX.SdFloatingPortal>;
13
+ export declare const SdForm: StencilVueComponent<JSX.SdForm>;
11
14
  export declare const SdGuide: StencilVueComponent<JSX.SdGuide>;
12
15
  export declare const SdIcon: StencilVueComponent<JSX.SdIcon>;
13
16
  export declare const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]>;
14
17
  export declare const SdLoadingSpinner: StencilVueComponent<JSX.SdLoadingSpinner>;
15
18
  export declare const SdModalCard: StencilVueComponent<JSX.SdModalCard>;
16
19
  export declare const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberInput["value"]>;
17
- export declare const SdPagination: StencilVueComponent<JSX.SdPagination>;
20
+ export declare const SdPagination: StencilVueComponent<JSX.SdPagination, JSX.SdPagination["currentPage"]>;
18
21
  export declare const SdPopover: StencilVueComponent<JSX.SdPopover>;
19
22
  export declare const SdPortal: StencilVueComponent<JSX.SdPortal>;
20
23
  export declare const SdProgress: StencilVueComponent<JSX.SdProgress>;
21
24
  export declare const SdRadioButtonGroup: StencilVueComponent<JSX.SdRadioButtonGroup, JSX.SdRadioButtonGroup["value"]>;
22
25
  export declare const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]>;
23
26
  export declare const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]>;
27
+ export declare const SdSelectDropdown: StencilVueComponent<JSX.SdSelectDropdown>;
24
28
  export declare const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]>;
25
- export declare const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup>;
29
+ export declare const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup, JSX.SdSelectMultipleGroup["value"]>;
26
30
  export declare const SdSelectOption: StencilVueComponent<JSX.SdSelectOption>;
27
31
  export declare const SdSelectOptionGroup: StencilVueComponent<JSX.SdSelectOptionGroup>;
28
32
  export declare const SdSelectSearchInput: StencilVueComponent<JSX.SdSelectSearchInput>;
29
- export declare const SdTable: StencilVueComponent<JSX.SdTable>;
30
- export declare const SdTableBackup: StencilVueComponent<JSX.SdTableBackup>;
33
+ export declare const SdTable: StencilVueComponent<JSX.SdTable, JSX.SdTable["selected"]>;
31
34
  export declare const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]>;
32
35
  export declare const SdTag: StencilVueComponent<JSX.SdTag>;
33
- export declare const SdTbody: StencilVueComponent<JSX.SdTbody>;
34
- export declare const SdTd: StencilVueComponent<JSX.SdTd>;
35
- export declare const SdTh: StencilVueComponent<JSX.SdTh>;
36
+ export declare const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["value"]>;
36
37
  export declare const SdToastMessage: StencilVueComponent<JSX.SdToastMessage>;
37
38
  export declare const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>;
38
39
  export declare const SdToggleButton: StencilVueComponent<JSX.SdToggleButton, JSX.SdToggleButton["value"]>;
39
40
  export declare const SdTooltip: StencilVueComponent<JSX.SdTooltip>;
40
- export declare const SdTooltipPortal: StencilVueComponent<JSX.SdTooltipPortal>;
41
- export declare const SdTr: StencilVueComponent<JSX.SdTr>;
package/dist/components.js CHANGED
@@ -19,24 +19,21 @@ export const SdButton = /*@__PURE__*/ defineContainer('sd-button', undefined, [
19
19
  'iconSize',
20
20
  'iconRight',
21
21
  'noHover',
22
- 'class',
23
- 'sdClick'
24
- ], [
25
- 'sdClick'
22
+ 'class'
26
23
  ]);
27
24
  export const SdCard = /*@__PURE__*/ defineContainer('sd-card', undefined, [
28
25
  'bordered',
29
- 'class'
26
+ 'cardClassName'
30
27
  ]);
31
28
  export const SdCheckbox = /*@__PURE__*/ defineContainer('sd-checkbox', undefined, [
32
- 'checked',
29
+ 'value',
33
30
  'val',
34
31
  'disabled',
35
32
  'label',
36
- 'sdChange'
33
+ 'sdUpdate'
37
34
  ], [
38
- 'sdChange'
39
- ], 'checked', 'sdChange', undefined);
35
+ 'sdUpdate'
36
+ ], 'value', 'sdUpdate', undefined);
40
37
  export const SdDateBox = /*@__PURE__*/ defineContainer('sd-date-box', undefined, [
41
38
  'date',
42
39
  'disabled',
@@ -58,10 +55,10 @@ export const SdDatePicker = /*@__PURE__*/ defineContainer('sd-date-picker', unde
58
55
  'selectable',
59
56
  'disabled',
60
57
  'placeholder',
61
- 'sdChange'
58
+ 'sdUpdate'
62
59
  ], [
63
- 'sdChange'
64
- ], 'value', 'sdChange', undefined);
60
+ 'sdUpdate'
61
+ ], 'value', 'sdUpdate', undefined);
65
62
  export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-picker', undefined, [
66
63
  'value',
67
64
  'label',
@@ -69,10 +66,24 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
69
66
  'maxRange',
70
67
  'disabled',
71
68
  'placeholder',
72
- 'sdChange'
69
+ 'sdUpdate'
73
70
  ], [
74
- 'sdChange'
75
- ], 'value', 'sdChange', undefined);
71
+ 'sdUpdate'
72
+ ], 'value', 'sdUpdate', undefined);
73
+ export const SdField = /*@__PURE__*/ defineContainer('sd-field', undefined, [
74
+ 'name',
75
+ 'rules',
76
+ 'error',
77
+ 'disabled',
78
+ 'hovered',
79
+ 'focused',
80
+ 'status',
81
+ 'label',
82
+ 'insideLabel',
83
+ 'useLabelRequired',
84
+ 'labelTooltip',
85
+ 'labelTooltipProps'
86
+ ]);
76
87
  export const SdFilePicker = /*@__PURE__*/ defineContainer('sd-file-picker', undefined, [
77
88
  'value',
78
89
  'placeholder',
@@ -81,10 +92,28 @@ export const SdFilePicker = /*@__PURE__*/ defineContainer('sd-file-picker', unde
81
92
  'multiple',
82
93
  'accept',
83
94
  'width',
84
- 'sdChange'
95
+ 'sdUpdate'
85
96
  ], [
86
- 'sdChange'
87
- ], 'value', 'sdChange', undefined);
97
+ 'sdUpdate'
98
+ ], 'value', 'sdUpdate', undefined);
99
+ export const SdFloatingPortal = /*@__PURE__*/ defineContainer('sd-floating-portal', undefined, [
100
+ 'to',
101
+ 'parentRef',
102
+ 'offset',
103
+ 'zIndex',
104
+ 'placement',
105
+ 'open',
106
+ 'sdClose'
107
+ ], [
108
+ 'sdClose'
109
+ ]);
110
+ export const SdForm = /*@__PURE__*/ defineContainer('sd-form', undefined, [
111
+ 'sdSubmit',
112
+ 'sdValidationError'
113
+ ], [
114
+ 'sdSubmit',
115
+ 'sdValidationError'
116
+ ]);
88
117
  export const SdGuide = /*@__PURE__*/ defineContainer('sd-guide', undefined, [
89
118
  'type',
90
119
  'label',
@@ -103,7 +132,7 @@ export const SdIcon = /*@__PURE__*/ defineContainer('sd-icon', undefined, [
103
132
  ]);
104
133
  export const SdInput = /*@__PURE__*/ defineContainer('sd-input', undefined, [
105
134
  'value',
106
- 'label',
135
+ 'type',
107
136
  'insideLabel',
108
137
  'placeholder',
109
138
  'disabled',
@@ -115,19 +144,22 @@ export const SdInput = /*@__PURE__*/ defineContainer('sd-input', undefined, [
115
144
  'status',
116
145
  'inputClass',
117
146
  'readonly',
147
+ 'error',
148
+ 'focused',
149
+ 'hovered',
150
+ 'label',
151
+ 'useLabelRequired',
152
+ 'labelTooltip',
153
+ 'labelTooltipProps',
118
154
  'inputStyle',
119
- 'sdClick',
120
- 'sdInput',
121
- 'sdChange',
155
+ 'sdUpdate',
122
156
  'sdFocus',
123
157
  'sdBlur'
124
158
  ], [
125
- 'sdClick',
126
- 'sdInput',
127
- 'sdChange',
159
+ 'sdUpdate',
128
160
  'sdFocus',
129
161
  'sdBlur'
130
- ], 'value', 'sdInput', undefined);
162
+ ], 'value', 'sdUpdate', undefined);
131
163
  export const SdLoadingSpinner = /*@__PURE__*/ defineContainer('sd-loading-spinner', undefined, [
132
164
  'color'
133
165
  ]);
@@ -163,28 +195,22 @@ export const SdNumberInput = /*@__PURE__*/ defineContainer('sd-number-input', un
163
195
  'inputClass',
164
196
  'readonly',
165
197
  'inputStyle',
166
- 'sdIncrement',
167
- 'sdDecrement',
168
- 'sdInput',
169
- 'sdChange',
198
+ 'sdUpdate',
170
199
  'sdFocus',
171
200
  'sdBlur'
172
201
  ], [
173
- 'sdIncrement',
174
- 'sdDecrement',
175
- 'sdInput',
176
- 'sdChange',
202
+ 'sdUpdate',
177
203
  'sdFocus',
178
204
  'sdBlur'
179
- ], 'value', 'sdInput', undefined);
205
+ ], 'value', 'sdUpdate', undefined);
180
206
  export const SdPagination = /*@__PURE__*/ defineContainer('sd-pagination', undefined, [
181
207
  'currentPage',
182
208
  'lastPage',
183
209
  'simple',
184
- 'pageChange'
210
+ 'sdPageChange'
185
211
  ], [
186
- 'pageChange'
187
- ]);
212
+ 'sdPageChange'
213
+ ], 'currentPage', 'sdPageChange', undefined);
188
214
  export const SdPopover = /*@__PURE__*/ defineContainer('sd-popover', undefined, [
189
215
  'show',
190
216
  'placement',
@@ -225,60 +251,93 @@ export const SdRadioButtonGroup = /*@__PURE__*/ defineContainer('sd-radio-button
225
251
  'size',
226
252
  'disabled',
227
253
  'name',
228
- 'sdChange'
254
+ 'sdUpdate'
229
255
  ], [
230
- 'sdChange'
231
- ], 'value', 'sdChange', undefined);
256
+ 'sdUpdate'
257
+ ], 'value', 'sdUpdate', undefined);
232
258
  export const SdRadioGroup = /*@__PURE__*/ defineContainer('sd-radio-group', undefined, [
233
259
  'value',
234
260
  'radioOptions',
235
261
  'direction',
236
262
  'disabled',
237
263
  'name',
238
- 'sdChange'
264
+ 'sdUpdate'
239
265
  ], [
240
- 'sdChange'
241
- ], 'value', 'sdChange', undefined);
266
+ 'sdUpdate'
267
+ ], 'value', 'sdUpdate', undefined);
242
268
  export const SdSelect = /*@__PURE__*/ defineContainer('sd-select', undefined, [
243
269
  'value',
244
- 'label',
245
270
  'options',
246
271
  'placeholder',
247
272
  'optionPlaceholder',
248
273
  'width',
249
274
  'dropdownHeight',
275
+ 'autoFocus',
250
276
  'disabled',
251
277
  'clearable',
252
278
  'searchable',
279
+ 'label',
280
+ 'insideLabel',
281
+ 'useLabelRequired',
282
+ 'labelTooltip',
283
+ 'labelTooltipProps',
284
+ 'name',
285
+ 'rules',
286
+ 'error',
253
287
  'optionRenderer',
254
- 'sdChange',
255
- 'dropDownShow'
288
+ 'sdUpdate',
289
+ 'sdDropDownShow'
256
290
  ], [
257
- 'sdChange',
258
- 'dropDownShow'
259
- ], 'value', 'sdChange', undefined);
291
+ 'sdUpdate',
292
+ 'sdDropDownShow'
293
+ ], 'value', 'sdUpdate', undefined);
294
+ export const SdSelectDropdown = /*@__PURE__*/ defineContainer('sd-select-dropdown', undefined, [
295
+ 'itemIndex',
296
+ 'value',
297
+ 'options',
298
+ 'width',
299
+ 'dropdownHeight',
300
+ 'searchable',
301
+ 'optionPlaceholder',
302
+ 'useCheckbox',
303
+ 'useAll',
304
+ 'sdOptionClick',
305
+ 'sdOptionFiltered',
306
+ 'sdScroll'
307
+ ], [
308
+ 'sdOptionClick',
309
+ 'sdOptionFiltered',
310
+ 'sdScroll'
311
+ ]);
260
312
  export const SdSelectMultiple = /*@__PURE__*/ defineContainer('sd-select-multiple', undefined, [
261
313
  'value',
262
- 'label',
263
314
  'options',
264
315
  'placeholder',
265
316
  'optionPlaceholder',
266
317
  'width',
267
318
  'dropdownHeight',
319
+ 'autoFocus',
268
320
  'disabled',
269
321
  'clearable',
270
322
  'searchable',
323
+ 'useAll',
271
324
  'useCheckbox',
325
+ 'label',
326
+ 'useLabelRequired',
327
+ 'labelTooltip',
328
+ 'labelTooltipProps',
329
+ 'name',
330
+ 'rules',
331
+ 'error',
272
332
  'optionRenderer',
273
- 'sdChange',
274
- 'dropDownShow'
333
+ 'sdUpdate',
334
+ 'sdDropDownShow'
275
335
  ], [
276
- 'sdChange',
277
- 'dropDownShow'
278
- ], 'value', 'sdChange', undefined);
336
+ 'sdUpdate',
337
+ 'sdDropDownShow'
338
+ ], 'value', 'sdUpdate', undefined);
279
339
  export const SdSelectMultipleGroup = /*@__PURE__*/ defineContainer('sd-select-multiple-group', undefined, [
280
340
  'value',
281
- 'label',
282
341
  'options',
283
342
  'placeholder',
284
343
  'optionPlaceholder',
@@ -291,18 +350,25 @@ export const SdSelectMultipleGroup = /*@__PURE__*/ defineContainer('sd-select-mu
291
350
  'useAll',
292
351
  'allCheckedLabel',
293
352
  'allCheckOptionLabel',
353
+ 'label',
354
+ 'useLabelRequired',
355
+ 'labelTooltip',
356
+ 'labelTooltipProps',
357
+ 'name',
358
+ 'rules',
359
+ 'error',
294
360
  'containerStyle',
295
361
  'triggerStyle',
296
362
  'dropdownStyle',
297
363
  'optionStyle',
298
364
  'labelStyle',
299
365
  'optionRenderer',
300
- 'sdChange',
301
- 'dropDownShow'
366
+ 'sdUpdate',
367
+ 'sdDropDownShow'
302
368
  ], [
303
- 'sdChange',
304
- 'dropDownShow'
305
- ]);
369
+ 'sdUpdate',
370
+ 'sdDropDownShow'
371
+ ], 'value', 'sdUpdate', undefined);
306
372
  export const SdSelectOption = /*@__PURE__*/ defineContainer('sd-select-option', undefined, [
307
373
  'option',
308
374
  'index',
@@ -339,32 +405,6 @@ export const SdSelectSearchInput = /*@__PURE__*/ defineContainer('sd-select-sear
339
405
  'sdSearchFocus'
340
406
  ]);
341
407
  export const SdTable = /*@__PURE__*/ defineContainer('sd-table', undefined, [
342
- 'columns',
343
- 'rows',
344
- 'selected',
345
- 'rowKey',
346
- 'selectable',
347
- 'resizable',
348
- 'width',
349
- 'height',
350
- 'stickyHeader',
351
- 'stickyColumn',
352
- 'noDataLabel',
353
- 'isLoading',
354
- 'pagination',
355
- 'bodyCellRenderer',
356
- 'useInternalPagination',
357
- 'useRowsPerPageSelect',
358
- 'rowsPerPageOption',
359
- 'sdSelectChange',
360
- 'sdPageChange',
361
- 'sdRowsPerPageChange'
362
- ], [
363
- 'sdSelectChange',
364
- 'sdPageChange',
365
- 'sdRowsPerPageChange'
366
- ]);
367
- export const SdTableBackup = /*@__PURE__*/ defineContainer('sd-table-backup', undefined, [
368
408
  'columns',
369
409
  'rows',
370
410
  'selected',
@@ -394,16 +434,16 @@ export const SdTableBackup = /*@__PURE__*/ defineContainer('sd-table-backup', un
394
434
  'sdSelectChange',
395
435
  'sdPageChange',
396
436
  'sdRowsPerPageChange'
397
- ]);
437
+ ], 'selected', 'sdSelectChange', undefined);
398
438
  export const SdTabs = /*@__PURE__*/ defineContainer('sd-tabs', undefined, [
399
439
  'value',
400
440
  'tabs',
401
441
  'size',
402
442
  'isSub',
403
- 'sdChange'
443
+ 'sdUpdate'
404
444
  ], [
405
- 'sdChange'
406
- ], 'value', 'sdChange', undefined);
445
+ 'sdUpdate'
446
+ ], 'value', 'sdUpdate', undefined);
407
447
  export const SdTag = /*@__PURE__*/ defineContainer('sd-tag', undefined, [
408
448
  'size',
409
449
  'color',
@@ -412,21 +452,31 @@ export const SdTag = /*@__PURE__*/ defineContainer('sd-tag', undefined, [
412
452
  'bgColor',
413
453
  'textColor'
414
454
  ]);
415
- export const SdTbody = /*@__PURE__*/ defineContainer('sd-tbody', undefined);
416
- export const SdTd = /*@__PURE__*/ defineContainer('sd-td', undefined, [
455
+ export const SdTextarea = /*@__PURE__*/ defineContainer('sd-textarea', undefined, [
456
+ 'value',
417
457
  'name',
418
- 'align',
419
- 'tdStyle',
420
- 'tdClass'
421
- ]);
422
- export const SdTh = /*@__PURE__*/ defineContainer('sd-th', undefined);
458
+ 'disabled',
459
+ 'width',
460
+ 'autoFocus',
461
+ 'textareaClass',
462
+ 'helpText',
463
+ 'maxLength',
464
+ 'placeholder',
465
+ 'sdUpdate',
466
+ 'sdFocus',
467
+ 'sdBlur'
468
+ ], [
469
+ 'sdUpdate',
470
+ 'sdFocus',
471
+ 'sdBlur'
472
+ ], 'value', 'sdUpdate', undefined);
423
473
  export const SdToastMessage = /*@__PURE__*/ defineContainer('sd-toast-message', undefined, [
424
474
  'icon',
425
475
  'message',
426
476
  'link',
427
477
  'linkLabel',
428
478
  'buttonLabel',
429
- 'close',
479
+ 'useClose',
430
480
  'type',
431
481
  'sdClose',
432
482
  'sdButtonClick'
@@ -438,18 +488,18 @@ export const SdToggle = /*@__PURE__*/ defineContainer('sd-toggle', undefined, [
438
488
  'value',
439
489
  'label',
440
490
  'disabled',
441
- 'sdChange'
491
+ 'sdUpdate'
442
492
  ], [
443
- 'sdChange'
444
- ], 'value', 'sdChange', undefined);
493
+ 'sdUpdate'
494
+ ], 'value', 'sdUpdate', undefined);
445
495
  export const SdToggleButton = /*@__PURE__*/ defineContainer('sd-toggle-button', undefined, [
446
496
  'value',
447
497
  'label',
448
498
  'disabled',
449
- 'sdChange'
499
+ 'sdUpdate'
450
500
  ], [
451
- 'sdChange'
452
- ], 'value', 'sdChange', undefined);
501
+ 'sdUpdate'
502
+ ], 'value', 'sdUpdate', undefined);
453
503
  export const SdTooltip = /*@__PURE__*/ defineContainer('sd-tooltip', undefined, [
454
504
  'trigger',
455
505
  'placement',
@@ -463,15 +513,3 @@ export const SdTooltip = /*@__PURE__*/ defineContainer('sd-tooltip', undefined,
463
513
  'noHover',
464
514
  'useClose'
465
515
  ]);
466
- export const SdTooltipPortal = /*@__PURE__*/ defineContainer('sd-tooltip-portal', undefined, [
467
- 'to',
468
- 'parentRef',
469
- 'offset',
470
- 'zIndex',
471
- 'placement',
472
- 'open',
473
- 'sdClose'
474
- ], [
475
- 'sdClose'
476
- ]);
477
- export const SdTr = /*@__PURE__*/ defineContainer('sd-tr', undefined);
package/lib/components.ts CHANGED
@@ -27,29 +27,26 @@ export const SdButton: StencilVueComponent<JSX.SdButton> = /*@__PURE__*/ defineC
27
27
  'iconSize',
28
28
  'iconRight',
29
29
  'noHover',
30
- 'class',
31
- 'sdClick'
32
- ], [
33
- 'sdClick'
30
+ 'class'
34
31
  ]);
35
32
 
36
33
 
37
34
  export const SdCard: StencilVueComponent<JSX.SdCard> = /*@__PURE__*/ defineContainer<JSX.SdCard>('sd-card', undefined, [
38
35
  'bordered',
39
- 'class'
36
+ 'cardClassName'
40
37
  ]);
41
38
 
42
39
 
43
- export const SdCheckbox: StencilVueComponent<JSX.SdCheckbox, JSX.SdCheckbox["checked"]> = /*@__PURE__*/ defineContainer<JSX.SdCheckbox, JSX.SdCheckbox["checked"]>('sd-checkbox', undefined, [
44
- 'checked',
40
+ export const SdCheckbox: StencilVueComponent<JSX.SdCheckbox, JSX.SdCheckbox["value"]> = /*@__PURE__*/ defineContainer<JSX.SdCheckbox, JSX.SdCheckbox["value"]>('sd-checkbox', undefined, [
41
+ 'value',
45
42
  'val',
46
43
  'disabled',
47
44
  'label',
48
- 'sdChange'
45
+ 'sdUpdate'
49
46
  ], [
50
- 'sdChange'
47
+ 'sdUpdate'
51
48
  ],
52
- 'checked', 'sdChange', undefined);
49
+ 'value', 'sdUpdate', undefined);
53
50
 
54
51
 
55
52
  export const SdDateBox: StencilVueComponent<JSX.SdDateBox> = /*@__PURE__*/ defineContainer<JSX.SdDateBox>('sd-date-box', undefined, [
@@ -75,11 +72,11 @@ export const SdDatePicker: StencilVueComponent<JSX.SdDatePicker, JSX.SdDatePicke
75
72
  'selectable',
76
73
  'disabled',
77
74
  'placeholder',
78
- 'sdChange'
75
+ 'sdUpdate'
79
76
  ], [
80
- 'sdChange'
77
+ 'sdUpdate'
81
78
  ],
82
- 'value', 'sdChange', undefined);
79
+ 'value', 'sdUpdate', undefined);
83
80
 
84
81
 
85
82
  export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.SdDateRangePicker["value"]> = /*@__PURE__*/ defineContainer<JSX.SdDateRangePicker, JSX.SdDateRangePicker["value"]>('sd-date-range-picker', undefined, [
@@ -89,11 +86,27 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker, JSX.S
89
86
  'maxRange',
90
87
  'disabled',
91
88
  'placeholder',
92
- 'sdChange'
89
+ 'sdUpdate'
93
90
  ], [
94
- 'sdChange'
91
+ 'sdUpdate'
95
92
  ],
96
- 'value', 'sdChange', undefined);
93
+ 'value', 'sdUpdate', undefined);
94
+
95
+
96
+ export const SdField: StencilVueComponent<JSX.SdField> = /*@__PURE__*/ defineContainer<JSX.SdField>('sd-field', undefined, [
97
+ 'name',
98
+ 'rules',
99
+ 'error',
100
+ 'disabled',
101
+ 'hovered',
102
+ 'focused',
103
+ 'status',
104
+ 'label',
105
+ 'insideLabel',
106
+ 'useLabelRequired',
107
+ 'labelTooltip',
108
+ 'labelTooltipProps'
109
+ ]);
97
110
 
98
111
 
99
112
  export const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicker["value"]> = /*@__PURE__*/ defineContainer<JSX.SdFilePicker, JSX.SdFilePicker["value"]>('sd-file-picker', undefined, [
@@ -104,11 +117,33 @@ export const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicke
104
117
  'multiple',
105
118
  'accept',
106
119
  'width',
107
- 'sdChange'
120
+ 'sdUpdate'
108
121
  ], [
109
- 'sdChange'
122
+ 'sdUpdate'
110
123
  ],
111
- 'value', 'sdChange', undefined);
124
+ 'value', 'sdUpdate', undefined);
125
+
126
+
127
+ export const SdFloatingPortal: StencilVueComponent<JSX.SdFloatingPortal> = /*@__PURE__*/ defineContainer<JSX.SdFloatingPortal>('sd-floating-portal', undefined, [
128
+ 'to',
129
+ 'parentRef',
130
+ 'offset',
131
+ 'zIndex',
132
+ 'placement',
133
+ 'open',
134
+ 'sdClose'
135
+ ], [
136
+ 'sdClose'
137
+ ]);
138
+
139
+
140
+ export const SdForm: StencilVueComponent<JSX.SdForm> = /*@__PURE__*/ defineContainer<JSX.SdForm>('sd-form', undefined, [
141
+ 'sdSubmit',
142
+ 'sdValidationError'
143
+ ], [
144
+ 'sdSubmit',
145
+ 'sdValidationError'
146
+ ]);
112
147
 
113
148
 
114
149
  export const SdGuide: StencilVueComponent<JSX.SdGuide> = /*@__PURE__*/ defineContainer<JSX.SdGuide>('sd-guide', undefined, [
@@ -133,7 +168,7 @@ export const SdIcon: StencilVueComponent<JSX.SdIcon> = /*@__PURE__*/ defineConta
133
168
 
134
169
  export const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]> = /*@__PURE__*/ defineContainer<JSX.SdInput, JSX.SdInput["value"]>('sd-input', undefined, [
135
170
  'value',
136
- 'label',
171
+ 'type',
137
172
  'insideLabel',
138
173
  'placeholder',
139
174
  'disabled',
@@ -145,20 +180,23 @@ export const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]> = /
145
180
  'status',
146
181
  'inputClass',
147
182
  'readonly',
183
+ 'error',
184
+ 'focused',
185
+ 'hovered',
186
+ 'label',
187
+ 'useLabelRequired',
188
+ 'labelTooltip',
189
+ 'labelTooltipProps',
148
190
  'inputStyle',
149
- 'sdClick',
150
- 'sdInput',
151
- 'sdChange',
191
+ 'sdUpdate',
152
192
  'sdFocus',
153
193
  'sdBlur'
154
194
  ], [
155
- 'sdClick',
156
- 'sdInput',
157
- 'sdChange',
195
+ 'sdUpdate',
158
196
  'sdFocus',
159
197
  'sdBlur'
160
198
  ],
161
- 'value', 'sdInput', undefined);
199
+ 'value', 'sdUpdate', undefined);
162
200
 
163
201
 
164
202
  export const SdLoadingSpinner: StencilVueComponent<JSX.SdLoadingSpinner> = /*@__PURE__*/ defineContainer<JSX.SdLoadingSpinner>('sd-loading-spinner', undefined, [
@@ -200,31 +238,26 @@ export const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberI
200
238
  'inputClass',
201
239
  'readonly',
202
240
  'inputStyle',
203
- 'sdIncrement',
204
- 'sdDecrement',
205
- 'sdInput',
206
- 'sdChange',
241
+ 'sdUpdate',
207
242
  'sdFocus',
208
243
  'sdBlur'
209
244
  ], [
210
- 'sdIncrement',
211
- 'sdDecrement',
212
- 'sdInput',
213
- 'sdChange',
245
+ 'sdUpdate',
214
246
  'sdFocus',
215
247
  'sdBlur'
216
248
  ],
217
- 'value', 'sdInput', undefined);
249
+ 'value', 'sdUpdate', undefined);
218
250
 
219
251
 
220
- export const SdPagination: StencilVueComponent<JSX.SdPagination> = /*@__PURE__*/ defineContainer<JSX.SdPagination>('sd-pagination', undefined, [
252
+ export const SdPagination: StencilVueComponent<JSX.SdPagination, JSX.SdPagination["currentPage"]> = /*@__PURE__*/ defineContainer<JSX.SdPagination, JSX.SdPagination["currentPage"]>('sd-pagination', undefined, [
221
253
  'currentPage',
222
254
  'lastPage',
223
255
  'simple',
224
- 'pageChange'
256
+ 'sdPageChange'
225
257
  ], [
226
- 'pageChange'
227
- ]);
258
+ 'sdPageChange'
259
+ ],
260
+ 'currentPage', 'sdPageChange', undefined);
228
261
 
229
262
 
230
263
  export const SdPopover: StencilVueComponent<JSX.SdPopover> = /*@__PURE__*/ defineContainer<JSX.SdPopover>('sd-popover', undefined, [
@@ -273,11 +306,11 @@ export const SdRadioButtonGroup: StencilVueComponent<JSX.SdRadioButtonGroup, JSX
273
306
  'size',
274
307
  'disabled',
275
308
  'name',
276
- 'sdChange'
309
+ 'sdUpdate'
277
310
  ], [
278
- 'sdChange'
311
+ 'sdUpdate'
279
312
  ],
280
- 'value', 'sdChange', undefined);
313
+ 'value', 'sdUpdate', undefined);
281
314
 
282
315
 
283
316
  export const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]>('sd-radio-group', undefined, [
@@ -286,59 +319,94 @@ export const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGrou
286
319
  'direction',
287
320
  'disabled',
288
321
  'name',
289
- 'sdChange'
322
+ 'sdUpdate'
290
323
  ], [
291
- 'sdChange'
324
+ 'sdUpdate'
292
325
  ],
293
- 'value', 'sdChange', undefined);
326
+ 'value', 'sdUpdate', undefined);
294
327
 
295
328
 
296
329
  export const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSelect, JSX.SdSelect["value"]>('sd-select', undefined, [
297
330
  'value',
298
- 'label',
299
331
  'options',
300
332
  'placeholder',
301
333
  'optionPlaceholder',
302
334
  'width',
303
335
  'dropdownHeight',
336
+ 'autoFocus',
304
337
  'disabled',
305
338
  'clearable',
306
339
  'searchable',
340
+ 'label',
341
+ 'insideLabel',
342
+ 'useLabelRequired',
343
+ 'labelTooltip',
344
+ 'labelTooltipProps',
345
+ 'name',
346
+ 'rules',
347
+ 'error',
307
348
  'optionRenderer',
308
- 'sdChange',
309
- 'dropDownShow'
349
+ 'sdUpdate',
350
+ 'sdDropDownShow'
310
351
  ], [
311
- 'sdChange',
312
- 'dropDownShow'
352
+ 'sdUpdate',
353
+ 'sdDropDownShow'
313
354
  ],
314
- 'value', 'sdChange', undefined);
355
+ 'value', 'sdUpdate', undefined);
356
+
357
+
358
+ export const SdSelectDropdown: StencilVueComponent<JSX.SdSelectDropdown> = /*@__PURE__*/ defineContainer<JSX.SdSelectDropdown>('sd-select-dropdown', undefined, [
359
+ 'itemIndex',
360
+ 'value',
361
+ 'options',
362
+ 'width',
363
+ 'dropdownHeight',
364
+ 'searchable',
365
+ 'optionPlaceholder',
366
+ 'useCheckbox',
367
+ 'useAll',
368
+ 'sdOptionClick',
369
+ 'sdOptionFiltered',
370
+ 'sdScroll'
371
+ ], [
372
+ 'sdOptionClick',
373
+ 'sdOptionFiltered',
374
+ 'sdScroll'
375
+ ]);
315
376
 
316
377
 
317
378
  export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]>('sd-select-multiple', undefined, [
318
379
  'value',
319
- 'label',
320
380
  'options',
321
381
  'placeholder',
322
382
  'optionPlaceholder',
323
383
  'width',
324
384
  'dropdownHeight',
385
+ 'autoFocus',
325
386
  'disabled',
326
387
  'clearable',
327
388
  'searchable',
389
+ 'useAll',
328
390
  'useCheckbox',
391
+ 'label',
392
+ 'useLabelRequired',
393
+ 'labelTooltip',
394
+ 'labelTooltipProps',
395
+ 'name',
396
+ 'rules',
397
+ 'error',
329
398
  'optionRenderer',
330
- 'sdChange',
331
- 'dropDownShow'
399
+ 'sdUpdate',
400
+ 'sdDropDownShow'
332
401
  ], [
333
- 'sdChange',
334
- 'dropDownShow'
402
+ 'sdUpdate',
403
+ 'sdDropDownShow'
335
404
  ],
336
- 'value', 'sdChange', undefined);
405
+ 'value', 'sdUpdate', undefined);
337
406
 
338
407
 
339
- export const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultipleGroup>('sd-select-multiple-group', undefined, [
408
+ export const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup, JSX.SdSelectMultipleGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultipleGroup, JSX.SdSelectMultipleGroup["value"]>('sd-select-multiple-group', undefined, [
340
409
  'value',
341
- 'label',
342
410
  'options',
343
411
  'placeholder',
344
412
  'optionPlaceholder',
@@ -351,18 +419,26 @@ export const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGrou
351
419
  'useAll',
352
420
  'allCheckedLabel',
353
421
  'allCheckOptionLabel',
422
+ 'label',
423
+ 'useLabelRequired',
424
+ 'labelTooltip',
425
+ 'labelTooltipProps',
426
+ 'name',
427
+ 'rules',
428
+ 'error',
354
429
  'containerStyle',
355
430
  'triggerStyle',
356
431
  'dropdownStyle',
357
432
  'optionStyle',
358
433
  'labelStyle',
359
434
  'optionRenderer',
360
- 'sdChange',
361
- 'dropDownShow'
435
+ 'sdUpdate',
436
+ 'sdDropDownShow'
362
437
  ], [
363
- 'sdChange',
364
- 'dropDownShow'
365
- ]);
438
+ 'sdUpdate',
439
+ 'sdDropDownShow'
440
+ ],
441
+ 'value', 'sdUpdate', undefined);
366
442
 
367
443
 
368
444
  export const SdSelectOption: StencilVueComponent<JSX.SdSelectOption> = /*@__PURE__*/ defineContainer<JSX.SdSelectOption>('sd-select-option', undefined, [
@@ -406,35 +482,7 @@ export const SdSelectSearchInput: StencilVueComponent<JSX.SdSelectSearchInput> =
406
482
  ]);
407
483
 
408
484
 
409
- export const SdTable: StencilVueComponent<JSX.SdTable> = /*@__PURE__*/ defineContainer<JSX.SdTable>('sd-table', undefined, [
410
- 'columns',
411
- 'rows',
412
- 'selected',
413
- 'rowKey',
414
- 'selectable',
415
- 'resizable',
416
- 'width',
417
- 'height',
418
- 'stickyHeader',
419
- 'stickyColumn',
420
- 'noDataLabel',
421
- 'isLoading',
422
- 'pagination',
423
- 'bodyCellRenderer',
424
- 'useInternalPagination',
425
- 'useRowsPerPageSelect',
426
- 'rowsPerPageOption',
427
- 'sdSelectChange',
428
- 'sdPageChange',
429
- 'sdRowsPerPageChange'
430
- ], [
431
- 'sdSelectChange',
432
- 'sdPageChange',
433
- 'sdRowsPerPageChange'
434
- ]);
435
-
436
-
437
- export const SdTableBackup: StencilVueComponent<JSX.SdTableBackup> = /*@__PURE__*/ defineContainer<JSX.SdTableBackup>('sd-table-backup', undefined, [
485
+ export const SdTable: StencilVueComponent<JSX.SdTable, JSX.SdTable["selected"]> = /*@__PURE__*/ defineContainer<JSX.SdTable, JSX.SdTable["selected"]>('sd-table', undefined, [
438
486
  'columns',
439
487
  'rows',
440
488
  'selected',
@@ -464,7 +512,8 @@ export const SdTableBackup: StencilVueComponent<JSX.SdTableBackup> = /*@__PURE__
464
512
  'sdSelectChange',
465
513
  'sdPageChange',
466
514
  'sdRowsPerPageChange'
467
- ]);
515
+ ],
516
+ 'selected', 'sdSelectChange', undefined);
468
517
 
469
518
 
470
519
  export const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTabs, JSX.SdTabs["value"]>('sd-tabs', undefined, [
@@ -472,11 +521,11 @@ export const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]> = /*@_
472
521
  'tabs',
473
522
  'size',
474
523
  'isSub',
475
- 'sdChange'
524
+ 'sdUpdate'
476
525
  ], [
477
- 'sdChange'
526
+ 'sdUpdate'
478
527
  ],
479
- 'value', 'sdChange', undefined);
528
+ 'value', 'sdUpdate', undefined);
480
529
 
481
530
 
482
531
  export const SdTag: StencilVueComponent<JSX.SdTag> = /*@__PURE__*/ defineContainer<JSX.SdTag>('sd-tag', undefined, [
@@ -489,18 +538,25 @@ export const SdTag: StencilVueComponent<JSX.SdTag> = /*@__PURE__*/ defineContain
489
538
  ]);
490
539
 
491
540
 
492
- export const SdTbody: StencilVueComponent<JSX.SdTbody> = /*@__PURE__*/ defineContainer<JSX.SdTbody>('sd-tbody', undefined);
493
-
494
-
495
- export const SdTd: StencilVueComponent<JSX.SdTd> = /*@__PURE__*/ defineContainer<JSX.SdTd>('sd-td', undefined, [
541
+ export const SdTextarea: StencilVueComponent<JSX.SdTextarea, JSX.SdTextarea["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTextarea, JSX.SdTextarea["value"]>('sd-textarea', undefined, [
542
+ 'value',
496
543
  'name',
497
- 'align',
498
- 'tdStyle',
499
- 'tdClass'
500
- ]);
501
-
502
-
503
- export const SdTh: StencilVueComponent<JSX.SdTh> = /*@__PURE__*/ defineContainer<JSX.SdTh>('sd-th', undefined);
544
+ 'disabled',
545
+ 'width',
546
+ 'autoFocus',
547
+ 'textareaClass',
548
+ 'helpText',
549
+ 'maxLength',
550
+ 'placeholder',
551
+ 'sdUpdate',
552
+ 'sdFocus',
553
+ 'sdBlur'
554
+ ], [
555
+ 'sdUpdate',
556
+ 'sdFocus',
557
+ 'sdBlur'
558
+ ],
559
+ 'value', 'sdUpdate', undefined);
504
560
 
505
561
 
506
562
  export const SdToastMessage: StencilVueComponent<JSX.SdToastMessage> = /*@__PURE__*/ defineContainer<JSX.SdToastMessage>('sd-toast-message', undefined, [
@@ -509,7 +565,7 @@ export const SdToastMessage: StencilVueComponent<JSX.SdToastMessage> = /*@__PURE
509
565
  'link',
510
566
  'linkLabel',
511
567
  'buttonLabel',
512
- 'close',
568
+ 'useClose',
513
569
  'type',
514
570
  'sdClose',
515
571
  'sdButtonClick'
@@ -523,22 +579,22 @@ export const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>
523
579
  'value',
524
580
  'label',
525
581
  'disabled',
526
- 'sdChange'
582
+ 'sdUpdate'
527
583
  ], [
528
- 'sdChange'
584
+ 'sdUpdate'
529
585
  ],
530
- 'value', 'sdChange', undefined);
586
+ 'value', 'sdUpdate', undefined);
531
587
 
532
588
 
533
589
  export const SdToggleButton: StencilVueComponent<JSX.SdToggleButton, JSX.SdToggleButton["value"]> = /*@__PURE__*/ defineContainer<JSX.SdToggleButton, JSX.SdToggleButton["value"]>('sd-toggle-button', undefined, [
534
590
  'value',
535
591
  'label',
536
592
  'disabled',
537
- 'sdChange'
593
+ 'sdUpdate'
538
594
  ], [
539
- 'sdChange'
595
+ 'sdUpdate'
540
596
  ],
541
- 'value', 'sdChange', undefined);
597
+ 'value', 'sdUpdate', undefined);
542
598
 
543
599
 
544
600
  export const SdTooltip: StencilVueComponent<JSX.SdTooltip> = /*@__PURE__*/ defineContainer<JSX.SdTooltip>('sd-tooltip', undefined, [
@@ -555,19 +611,3 @@ export const SdTooltip: StencilVueComponent<JSX.SdTooltip> = /*@__PURE__*/ defin
555
611
  'useClose'
556
612
  ]);
557
613
 
558
-
559
- export const SdTooltipPortal: StencilVueComponent<JSX.SdTooltipPortal> = /*@__PURE__*/ defineContainer<JSX.SdTooltipPortal>('sd-tooltip-portal', undefined, [
560
- 'to',
561
- 'parentRef',
562
- 'offset',
563
- 'zIndex',
564
- 'placement',
565
- 'open',
566
- 'sdClose'
567
- ], [
568
- 'sdClose'
569
- ]);
570
-
571
-
572
- export const SdTr: StencilVueComponent<JSX.SdTr> = /*@__PURE__*/ defineContainer<JSX.SdTr>('sd-tr', undefined);
573
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-vue",
3
- "version": "0.0.57",
3
+ "version": "1.0.0",
4
4
  "description": "Design System - Vue Component Wrappers",
5
5
  "keywords": [
6
6
  "vue",
@@ -45,11 +45,11 @@
45
45
  "vue": "^3.4.38"
46
46
  },
47
47
  "dependencies": {
48
- "@sellmate/design-system": "^0.0.55",
48
+ "@sellmate/design-system": "^1.0.0",
49
49
  "@stencil/vue-output-target": "^0.11.8"
50
50
  },
51
51
  "peerDependencies": {
52
52
  "vue": ">=3.0.0"
53
53
  },
54
- "gitHead": "53240309bd3f60e3e9a0c25dbf8745a9994588aa"
54
+ "gitHead": "a7834711fc7cc92c4a14e93050660ab5f47d22da"
55
55
  }