@sellmate/design-system-vue 0.0.53 → 0.0.55

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 +8 -2
  2. package/dist/components.js +86 -2
  3. package/lib/components.ts +107 -4
  4. package/package.json +2 -2
package/dist/components.d.ts CHANGED
@@ -7,28 +7,34 @@ export declare const SdCheckbox: StencilVueComponent<JSX.SdCheckbox>;
7
7
  export declare const SdDateBox: StencilVueComponent<JSX.SdDateBox>;
8
8
  export declare const SdDatePicker: StencilVueComponent<JSX.SdDatePicker>;
9
9
  export declare const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker>;
10
+ export declare const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicker["value"]>;
10
11
  export declare const SdGuide: StencilVueComponent<JSX.SdGuide>;
11
12
  export declare const SdIcon: StencilVueComponent<JSX.SdIcon>;
12
13
  export declare const SdInput: StencilVueComponent<JSX.SdInput, JSX.SdInput["value"]>;
13
14
  export declare const SdLoadingSpinner: StencilVueComponent<JSX.SdLoadingSpinner>;
14
15
  export declare const SdModalCard: StencilVueComponent<JSX.SdModalCard>;
16
+ export declare const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberInput["value"]>;
15
17
  export declare const SdPagination: StencilVueComponent<JSX.SdPagination>;
16
18
  export declare const SdPopover: StencilVueComponent<JSX.SdPopover>;
17
19
  export declare const SdPortal: StencilVueComponent<JSX.SdPortal>;
18
20
  export declare const SdProgress: StencilVueComponent<JSX.SdProgress>;
21
+ export declare const SdRadioButtonGroup: StencilVueComponent<JSX.SdRadioButtonGroup, JSX.SdRadioButtonGroup["value"]>;
19
22
  export declare const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]>;
20
- export declare const SdSelect: StencilVueComponent<JSX.SdSelect>;
21
- export declare const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple>;
23
+ export declare const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]>;
24
+ export declare const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]>;
22
25
  export declare const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup>;
23
26
  export declare const SdSelectOption: StencilVueComponent<JSX.SdSelectOption>;
24
27
  export declare const SdSelectOptionGroup: StencilVueComponent<JSX.SdSelectOptionGroup>;
25
28
  export declare const SdTable: StencilVueComponent<JSX.SdTable>;
26
29
  export declare const SdTableBackup: StencilVueComponent<JSX.SdTableBackup>;
30
+ export declare const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]>;
27
31
  export declare const SdTag: StencilVueComponent<JSX.SdTag>;
28
32
  export declare const SdTbody: StencilVueComponent<JSX.SdTbody>;
29
33
  export declare const SdTd: StencilVueComponent<JSX.SdTd>;
30
34
  export declare const SdTh: StencilVueComponent<JSX.SdTh>;
35
+ export declare const SdToastMessage: StencilVueComponent<JSX.SdToastMessage>;
31
36
  export declare const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>;
37
+ export declare const SdToggleButton: StencilVueComponent<JSX.SdToggleButton, JSX.SdToggleButton["value"]>;
32
38
  export declare const SdTooltip: StencilVueComponent<JSX.SdTooltip>;
33
39
  export declare const SdTooltipPortal: StencilVueComponent<JSX.SdTooltipPortal>;
34
40
  export declare const SdTr: StencilVueComponent<JSX.SdTr>;
package/dist/components.js CHANGED
@@ -71,6 +71,18 @@ export const SdDateRangePicker = /*@__PURE__*/ defineContainer('sd-date-range-pi
71
71
  ], [
72
72
  'sdChange'
73
73
  ]);
74
+ export const SdFilePicker = /*@__PURE__*/ defineContainer('sd-file-picker', undefined, [
75
+ 'value',
76
+ 'placeholder',
77
+ 'disabled',
78
+ 'inline',
79
+ 'multiple',
80
+ 'accept',
81
+ 'width',
82
+ 'sdChange'
83
+ ], [
84
+ 'sdChange'
85
+ ], 'value', 'sdChange', undefined);
74
86
  export const SdGuide = /*@__PURE__*/ defineContainer('sd-guide', undefined, [
75
87
  'type',
76
88
  'label',
@@ -129,6 +141,37 @@ export const SdModalCard = /*@__PURE__*/ defineContainer('sd-modal-card', undefi
129
141
  'sdClose',
130
142
  'sdConfirm'
131
143
  ]);
144
+ export const SdNumberInput = /*@__PURE__*/ defineContainer('sd-number-input', undefined, [
145
+ 'min',
146
+ 'max',
147
+ 'step',
148
+ 'useButton',
149
+ 'useDecimal',
150
+ 'value',
151
+ 'label',
152
+ 'placeholder',
153
+ 'disabled',
154
+ 'width',
155
+ 'rules',
156
+ 'autoFocus',
157
+ 'status',
158
+ 'inputClass',
159
+ 'readonly',
160
+ 'inputStyle',
161
+ 'sdIncrement',
162
+ 'sdDecrement',
163
+ 'sdInput',
164
+ 'sdChange',
165
+ 'sdFocus',
166
+ 'sdBlur'
167
+ ], [
168
+ 'sdIncrement',
169
+ 'sdDecrement',
170
+ 'sdInput',
171
+ 'sdChange',
172
+ 'sdFocus',
173
+ 'sdBlur'
174
+ ], 'value', 'sdInput', undefined);
132
175
  export const SdPagination = /*@__PURE__*/ defineContainer('sd-pagination', undefined, [
133
176
  'currentPage',
134
177
  'lastPage',
@@ -171,6 +214,16 @@ export const SdProgress = /*@__PURE__*/ defineContainer('sd-progress', undefined
171
214
  'strokeWidth',
172
215
  'label'
173
216
  ]);
217
+ export const SdRadioButtonGroup = /*@__PURE__*/ defineContainer('sd-radio-button-group', undefined, [
218
+ 'value',
219
+ 'radioOptions',
220
+ 'size',
221
+ 'disabled',
222
+ 'name',
223
+ 'sdChange'
224
+ ], [
225
+ 'sdChange'
226
+ ], 'value', 'sdChange', undefined);
174
227
  export const SdRadioGroup = /*@__PURE__*/ defineContainer('sd-radio-group', undefined, [
175
228
  'value',
176
229
  'radioOptions',
@@ -198,7 +251,7 @@ export const SdSelect = /*@__PURE__*/ defineContainer('sd-select', undefined, [
198
251
  ], [
199
252
  'sdChange',
200
253
  'dropDownShow'
201
- ]);
254
+ ], 'value', 'sdChange', undefined);
202
255
  export const SdSelectMultiple = /*@__PURE__*/ defineContainer('sd-select-multiple', undefined, [
203
256
  'value',
204
257
  'label',
@@ -217,7 +270,7 @@ export const SdSelectMultiple = /*@__PURE__*/ defineContainer('sd-select-multipl
217
270
  ], [
218
271
  'sdChange',
219
272
  'dropDownShow'
220
- ]);
273
+ ], 'value', 'sdChange', undefined);
221
274
  export const SdSelectMultipleGroup = /*@__PURE__*/ defineContainer('sd-select-multiple-group', undefined, [
222
275
  'value',
223
276
  'label',
@@ -328,6 +381,15 @@ export const SdTableBackup = /*@__PURE__*/ defineContainer('sd-table-backup', un
328
381
  'sdPageChange',
329
382
  'sdRowsPerPageChange'
330
383
  ]);
384
+ export const SdTabs = /*@__PURE__*/ defineContainer('sd-tabs', undefined, [
385
+ 'value',
386
+ 'tabs',
387
+ 'size',
388
+ 'isSub',
389
+ 'sdChange'
390
+ ], [
391
+ 'sdChange'
392
+ ], 'value', 'sdChange', undefined);
331
393
  export const SdTag = /*@__PURE__*/ defineContainer('sd-tag', undefined, [
332
394
  'size',
333
395
  'color',
@@ -344,6 +406,20 @@ export const SdTd = /*@__PURE__*/ defineContainer('sd-td', undefined, [
344
406
  'tdClass'
345
407
  ]);
346
408
  export const SdTh = /*@__PURE__*/ defineContainer('sd-th', undefined);
409
+ export const SdToastMessage = /*@__PURE__*/ defineContainer('sd-toast-message', undefined, [
410
+ 'icon',
411
+ 'message',
412
+ 'link',
413
+ 'linkLabel',
414
+ 'buttonLabel',
415
+ 'close',
416
+ 'type',
417
+ 'sdClose',
418
+ 'sdButtonClick'
419
+ ], [
420
+ 'sdClose',
421
+ 'sdButtonClick'
422
+ ]);
347
423
  export const SdToggle = /*@__PURE__*/ defineContainer('sd-toggle', undefined, [
348
424
  'value',
349
425
  'label',
@@ -352,6 +428,14 @@ export const SdToggle = /*@__PURE__*/ defineContainer('sd-toggle', undefined, [
352
428
  ], [
353
429
  'sdChange'
354
430
  ], 'value', 'sdChange', undefined);
431
+ export const SdToggleButton = /*@__PURE__*/ defineContainer('sd-toggle-button', undefined, [
432
+ 'value',
433
+ 'label',
434
+ 'disabled',
435
+ 'sdChange'
436
+ ], [
437
+ 'sdChange'
438
+ ], 'value', 'sdChange', undefined);
355
439
  export const SdTooltip = /*@__PURE__*/ defineContainer('sd-tooltip', undefined, [
356
440
  'trigger',
357
441
  'placement',
package/lib/components.ts CHANGED
@@ -91,6 +91,21 @@ export const SdDateRangePicker: StencilVueComponent<JSX.SdDateRangePicker> = /*@
91
91
  ]);
92
92
 
93
93
 
94
+ export const SdFilePicker: StencilVueComponent<JSX.SdFilePicker, JSX.SdFilePicker["value"]> = /*@__PURE__*/ defineContainer<JSX.SdFilePicker, JSX.SdFilePicker["value"]>('sd-file-picker', undefined, [
95
+ 'value',
96
+ 'placeholder',
97
+ 'disabled',
98
+ 'inline',
99
+ 'multiple',
100
+ 'accept',
101
+ 'width',
102
+ 'sdChange'
103
+ ], [
104
+ 'sdChange'
105
+ ],
106
+ 'value', 'sdChange', undefined);
107
+
108
+
94
109
  export const SdGuide: StencilVueComponent<JSX.SdGuide> = /*@__PURE__*/ defineContainer<JSX.SdGuide>('sd-guide', undefined, [
95
110
  'type',
96
111
  'label',
@@ -160,6 +175,40 @@ export const SdModalCard: StencilVueComponent<JSX.SdModalCard> = /*@__PURE__*/ d
160
175
  ]);
161
176
 
162
177
 
178
+ export const SdNumberInput: StencilVueComponent<JSX.SdNumberInput, JSX.SdNumberInput["value"]> = /*@__PURE__*/ defineContainer<JSX.SdNumberInput, JSX.SdNumberInput["value"]>('sd-number-input', undefined, [
179
+ 'min',
180
+ 'max',
181
+ 'step',
182
+ 'useButton',
183
+ 'useDecimal',
184
+ 'value',
185
+ 'label',
186
+ 'placeholder',
187
+ 'disabled',
188
+ 'width',
189
+ 'rules',
190
+ 'autoFocus',
191
+ 'status',
192
+ 'inputClass',
193
+ 'readonly',
194
+ 'inputStyle',
195
+ 'sdIncrement',
196
+ 'sdDecrement',
197
+ 'sdInput',
198
+ 'sdChange',
199
+ 'sdFocus',
200
+ 'sdBlur'
201
+ ], [
202
+ 'sdIncrement',
203
+ 'sdDecrement',
204
+ 'sdInput',
205
+ 'sdChange',
206
+ 'sdFocus',
207
+ 'sdBlur'
208
+ ],
209
+ 'value', 'sdInput', undefined);
210
+
211
+
163
212
  export const SdPagination: StencilVueComponent<JSX.SdPagination> = /*@__PURE__*/ defineContainer<JSX.SdPagination>('sd-pagination', undefined, [
164
213
  'currentPage',
165
214
  'lastPage',
@@ -210,6 +259,19 @@ export const SdProgress: StencilVueComponent<JSX.SdProgress> = /*@__PURE__*/ def
210
259
  ]);
211
260
 
212
261
 
262
+ export const SdRadioButtonGroup: StencilVueComponent<JSX.SdRadioButtonGroup, JSX.SdRadioButtonGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.SdRadioButtonGroup, JSX.SdRadioButtonGroup["value"]>('sd-radio-button-group', undefined, [
263
+ 'value',
264
+ 'radioOptions',
265
+ 'size',
266
+ 'disabled',
267
+ 'name',
268
+ 'sdChange'
269
+ ], [
270
+ 'sdChange'
271
+ ],
272
+ 'value', 'sdChange', undefined);
273
+
274
+
213
275
  export const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]>('sd-radio-group', undefined, [
214
276
  'value',
215
277
  'radioOptions',
@@ -223,7 +285,7 @@ export const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGrou
223
285
  'value', 'sdChange', undefined);
224
286
 
225
287
 
226
- export const SdSelect: StencilVueComponent<JSX.SdSelect> = /*@__PURE__*/ defineContainer<JSX.SdSelect>('sd-select', undefined, [
288
+ export const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSelect, JSX.SdSelect["value"]>('sd-select', undefined, [
227
289
  'value',
228
290
  'label',
229
291
  'options',
@@ -240,10 +302,11 @@ export const SdSelect: StencilVueComponent<JSX.SdSelect> = /*@__PURE__*/ defineC
240
302
  ], [
241
303
  'sdChange',
242
304
  'dropDownShow'
243
- ]);
305
+ ],
306
+ 'value', 'sdChange', undefined);
244
307
 
245
308
 
246
- export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultiple>('sd-select-multiple', undefined, [
309
+ export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]>('sd-select-multiple', undefined, [
247
310
  'value',
248
311
  'label',
249
312
  'options',
@@ -261,7 +324,8 @@ export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple> = /*@__
261
324
  ], [
262
325
  'sdChange',
263
326
  'dropDownShow'
264
- ]);
327
+ ],
328
+ 'value', 'sdChange', undefined);
265
329
 
266
330
 
267
331
  export const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultipleGroup>('sd-select-multiple-group', undefined, [
@@ -384,6 +448,18 @@ export const SdTableBackup: StencilVueComponent<JSX.SdTableBackup> = /*@__PURE__
384
448
  ]);
385
449
 
386
450
 
451
+ export const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTabs, JSX.SdTabs["value"]>('sd-tabs', undefined, [
452
+ 'value',
453
+ 'tabs',
454
+ 'size',
455
+ 'isSub',
456
+ 'sdChange'
457
+ ], [
458
+ 'sdChange'
459
+ ],
460
+ 'value', 'sdChange', undefined);
461
+
462
+
387
463
  export const SdTag: StencilVueComponent<JSX.SdTag> = /*@__PURE__*/ defineContainer<JSX.SdTag>('sd-tag', undefined, [
388
464
  'size',
389
465
  'color',
@@ -408,6 +484,22 @@ export const SdTd: StencilVueComponent<JSX.SdTd> = /*@__PURE__*/ defineContainer
408
484
  export const SdTh: StencilVueComponent<JSX.SdTh> = /*@__PURE__*/ defineContainer<JSX.SdTh>('sd-th', undefined);
409
485
 
410
486
 
487
+ export const SdToastMessage: StencilVueComponent<JSX.SdToastMessage> = /*@__PURE__*/ defineContainer<JSX.SdToastMessage>('sd-toast-message', undefined, [
488
+ 'icon',
489
+ 'message',
490
+ 'link',
491
+ 'linkLabel',
492
+ 'buttonLabel',
493
+ 'close',
494
+ 'type',
495
+ 'sdClose',
496
+ 'sdButtonClick'
497
+ ], [
498
+ 'sdClose',
499
+ 'sdButtonClick'
500
+ ]);
501
+
502
+
411
503
  export const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]> = /*@__PURE__*/ defineContainer<JSX.SdToggle, JSX.SdToggle["value"]>('sd-toggle', undefined, [
412
504
  'value',
413
505
  'label',
@@ -419,6 +511,17 @@ export const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>
419
511
  'value', 'sdChange', undefined);
420
512
 
421
513
 
514
+ export const SdToggleButton: StencilVueComponent<JSX.SdToggleButton, JSX.SdToggleButton["value"]> = /*@__PURE__*/ defineContainer<JSX.SdToggleButton, JSX.SdToggleButton["value"]>('sd-toggle-button', undefined, [
515
+ 'value',
516
+ 'label',
517
+ 'disabled',
518
+ 'sdChange'
519
+ ], [
520
+ 'sdChange'
521
+ ],
522
+ 'value', 'sdChange', undefined);
523
+
524
+
422
525
  export const SdTooltip: StencilVueComponent<JSX.SdTooltip> = /*@__PURE__*/ defineContainer<JSX.SdTooltip>('sd-tooltip', undefined, [
423
526
  'trigger',
424
527
  'placement',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-vue",
3
- "version": "0.0.53",
3
+ "version": "0.0.55",
4
4
  "description": "Design System - Vue Component Wrappers",
5
5
  "keywords": [
6
6
  "vue",
@@ -45,7 +45,7 @@
45
45
  "vue": "^3.4.38"
46
46
  },
47
47
  "dependencies": {
48
- "@sellmate/design-system": "^0.0.52",
48
+ "@sellmate/design-system": "^0.0.54",
49
49
  "@stencil/vue-output-target": "^0.11.8"
50
50
  },
51
51
  "peerDependencies": {