@sellmate/design-system-vue 0.0.52 → 0.0.54

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 +7 -2
  2. package/dist/components.js +55 -2
  3. package/lib/components.ts +73 -4
  4. package/package.json +54 -54
package/dist/components.d.ts CHANGED
@@ -7,6 +7,7 @@ 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"]>;
@@ -16,19 +17,23 @@ export declare const SdPagination: StencilVueComponent<JSX.SdPagination>;
16
17
  export declare const SdPopover: StencilVueComponent<JSX.SdPopover>;
17
18
  export declare const SdPortal: StencilVueComponent<JSX.SdPortal>;
18
19
  export declare const SdProgress: StencilVueComponent<JSX.SdProgress>;
20
+ export declare const SdRadioButtonGroup: StencilVueComponent<JSX.SdRadioButtonGroup, JSX.SdRadioButtonGroup["value"]>;
19
21
  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>;
22
+ export declare const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]>;
23
+ export declare const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]>;
22
24
  export declare const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup>;
23
25
  export declare const SdSelectOption: StencilVueComponent<JSX.SdSelectOption>;
24
26
  export declare const SdSelectOptionGroup: StencilVueComponent<JSX.SdSelectOptionGroup>;
25
27
  export declare const SdTable: StencilVueComponent<JSX.SdTable>;
26
28
  export declare const SdTableBackup: StencilVueComponent<JSX.SdTableBackup>;
29
+ export declare const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]>;
27
30
  export declare const SdTag: StencilVueComponent<JSX.SdTag>;
28
31
  export declare const SdTbody: StencilVueComponent<JSX.SdTbody>;
29
32
  export declare const SdTd: StencilVueComponent<JSX.SdTd>;
30
33
  export declare const SdTh: StencilVueComponent<JSX.SdTh>;
34
+ export declare const SdToastMessage: StencilVueComponent<JSX.SdToastMessage>;
31
35
  export declare const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>;
36
+ export declare const SdToggleButton: StencilVueComponent<JSX.SdToggleButton, JSX.SdToggleButton["value"]>;
32
37
  export declare const SdTooltip: StencilVueComponent<JSX.SdTooltip>;
33
38
  export declare const SdTooltipPortal: StencilVueComponent<JSX.SdTooltipPortal>;
34
39
  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',
@@ -171,6 +183,16 @@ export const SdProgress = /*@__PURE__*/ defineContainer('sd-progress', undefined
171
183
  'strokeWidth',
172
184
  'label'
173
185
  ]);
186
+ export const SdRadioButtonGroup = /*@__PURE__*/ defineContainer('sd-radio-button-group', undefined, [
187
+ 'value',
188
+ 'radioOptions',
189
+ 'size',
190
+ 'disabled',
191
+ 'name',
192
+ 'sdChange'
193
+ ], [
194
+ 'sdChange'
195
+ ], 'value', 'sdChange', undefined);
174
196
  export const SdRadioGroup = /*@__PURE__*/ defineContainer('sd-radio-group', undefined, [
175
197
  'value',
176
198
  'radioOptions',
@@ -198,7 +220,7 @@ export const SdSelect = /*@__PURE__*/ defineContainer('sd-select', undefined, [
198
220
  ], [
199
221
  'sdChange',
200
222
  'dropDownShow'
201
- ]);
223
+ ], 'value', 'sdChange', undefined);
202
224
  export const SdSelectMultiple = /*@__PURE__*/ defineContainer('sd-select-multiple', undefined, [
203
225
  'value',
204
226
  'label',
@@ -217,7 +239,7 @@ export const SdSelectMultiple = /*@__PURE__*/ defineContainer('sd-select-multipl
217
239
  ], [
218
240
  'sdChange',
219
241
  'dropDownShow'
220
- ]);
242
+ ], 'value', 'sdChange', undefined);
221
243
  export const SdSelectMultipleGroup = /*@__PURE__*/ defineContainer('sd-select-multiple-group', undefined, [
222
244
  'value',
223
245
  'label',
@@ -328,6 +350,15 @@ export const SdTableBackup = /*@__PURE__*/ defineContainer('sd-table-backup', un
328
350
  'sdPageChange',
329
351
  'sdRowsPerPageChange'
330
352
  ]);
353
+ export const SdTabs = /*@__PURE__*/ defineContainer('sd-tabs', undefined, [
354
+ 'value',
355
+ 'tabs',
356
+ 'size',
357
+ 'isSub',
358
+ 'sdChange'
359
+ ], [
360
+ 'sdChange'
361
+ ], 'value', 'sdChange', undefined);
331
362
  export const SdTag = /*@__PURE__*/ defineContainer('sd-tag', undefined, [
332
363
  'size',
333
364
  'color',
@@ -344,6 +375,20 @@ export const SdTd = /*@__PURE__*/ defineContainer('sd-td', undefined, [
344
375
  'tdClass'
345
376
  ]);
346
377
  export const SdTh = /*@__PURE__*/ defineContainer('sd-th', undefined);
378
+ export const SdToastMessage = /*@__PURE__*/ defineContainer('sd-toast-message', undefined, [
379
+ 'icon',
380
+ 'message',
381
+ 'link',
382
+ 'linkLabel',
383
+ 'buttonLabel',
384
+ 'close',
385
+ 'type',
386
+ 'sdClose',
387
+ 'sdButtonClick'
388
+ ], [
389
+ 'sdClose',
390
+ 'sdButtonClick'
391
+ ]);
347
392
  export const SdToggle = /*@__PURE__*/ defineContainer('sd-toggle', undefined, [
348
393
  'value',
349
394
  'label',
@@ -352,6 +397,14 @@ export const SdToggle = /*@__PURE__*/ defineContainer('sd-toggle', undefined, [
352
397
  ], [
353
398
  'sdChange'
354
399
  ], 'value', 'sdChange', undefined);
400
+ export const SdToggleButton = /*@__PURE__*/ defineContainer('sd-toggle-button', undefined, [
401
+ 'value',
402
+ 'label',
403
+ 'disabled',
404
+ 'sdChange'
405
+ ], [
406
+ 'sdChange'
407
+ ], 'value', 'sdChange', undefined);
355
408
  export const SdTooltip = /*@__PURE__*/ defineContainer('sd-tooltip', undefined, [
356
409
  'trigger',
357
410
  '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',
@@ -210,6 +225,19 @@ export const SdProgress: StencilVueComponent<JSX.SdProgress> = /*@__PURE__*/ def
210
225
  ]);
211
226
 
212
227
 
228
+ export const SdRadioButtonGroup: StencilVueComponent<JSX.SdRadioButtonGroup, JSX.SdRadioButtonGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.SdRadioButtonGroup, JSX.SdRadioButtonGroup["value"]>('sd-radio-button-group', undefined, [
229
+ 'value',
230
+ 'radioOptions',
231
+ 'size',
232
+ 'disabled',
233
+ 'name',
234
+ 'sdChange'
235
+ ], [
236
+ 'sdChange'
237
+ ],
238
+ 'value', 'sdChange', undefined);
239
+
240
+
213
241
  export const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.SdRadioGroup, JSX.SdRadioGroup["value"]>('sd-radio-group', undefined, [
214
242
  'value',
215
243
  'radioOptions',
@@ -223,7 +251,7 @@ export const SdRadioGroup: StencilVueComponent<JSX.SdRadioGroup, JSX.SdRadioGrou
223
251
  'value', 'sdChange', undefined);
224
252
 
225
253
 
226
- export const SdSelect: StencilVueComponent<JSX.SdSelect> = /*@__PURE__*/ defineContainer<JSX.SdSelect>('sd-select', undefined, [
254
+ export const SdSelect: StencilVueComponent<JSX.SdSelect, JSX.SdSelect["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSelect, JSX.SdSelect["value"]>('sd-select', undefined, [
227
255
  'value',
228
256
  'label',
229
257
  'options',
@@ -240,10 +268,11 @@ export const SdSelect: StencilVueComponent<JSX.SdSelect> = /*@__PURE__*/ defineC
240
268
  ], [
241
269
  'sdChange',
242
270
  'dropDownShow'
243
- ]);
271
+ ],
272
+ 'value', 'sdChange', undefined);
244
273
 
245
274
 
246
- export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultiple>('sd-select-multiple', undefined, [
275
+ export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultiple, JSX.SdSelectMultiple["value"]>('sd-select-multiple', undefined, [
247
276
  'value',
248
277
  'label',
249
278
  'options',
@@ -261,7 +290,8 @@ export const SdSelectMultiple: StencilVueComponent<JSX.SdSelectMultiple> = /*@__
261
290
  ], [
262
291
  'sdChange',
263
292
  'dropDownShow'
264
- ]);
293
+ ],
294
+ 'value', 'sdChange', undefined);
265
295
 
266
296
 
267
297
  export const SdSelectMultipleGroup: StencilVueComponent<JSX.SdSelectMultipleGroup> = /*@__PURE__*/ defineContainer<JSX.SdSelectMultipleGroup>('sd-select-multiple-group', undefined, [
@@ -384,6 +414,18 @@ export const SdTableBackup: StencilVueComponent<JSX.SdTableBackup> = /*@__PURE__
384
414
  ]);
385
415
 
386
416
 
417
+ export const SdTabs: StencilVueComponent<JSX.SdTabs, JSX.SdTabs["value"]> = /*@__PURE__*/ defineContainer<JSX.SdTabs, JSX.SdTabs["value"]>('sd-tabs', undefined, [
418
+ 'value',
419
+ 'tabs',
420
+ 'size',
421
+ 'isSub',
422
+ 'sdChange'
423
+ ], [
424
+ 'sdChange'
425
+ ],
426
+ 'value', 'sdChange', undefined);
427
+
428
+
387
429
  export const SdTag: StencilVueComponent<JSX.SdTag> = /*@__PURE__*/ defineContainer<JSX.SdTag>('sd-tag', undefined, [
388
430
  'size',
389
431
  'color',
@@ -408,6 +450,22 @@ export const SdTd: StencilVueComponent<JSX.SdTd> = /*@__PURE__*/ defineContainer
408
450
  export const SdTh: StencilVueComponent<JSX.SdTh> = /*@__PURE__*/ defineContainer<JSX.SdTh>('sd-th', undefined);
409
451
 
410
452
 
453
+ export const SdToastMessage: StencilVueComponent<JSX.SdToastMessage> = /*@__PURE__*/ defineContainer<JSX.SdToastMessage>('sd-toast-message', undefined, [
454
+ 'icon',
455
+ 'message',
456
+ 'link',
457
+ 'linkLabel',
458
+ 'buttonLabel',
459
+ 'close',
460
+ 'type',
461
+ 'sdClose',
462
+ 'sdButtonClick'
463
+ ], [
464
+ 'sdClose',
465
+ 'sdButtonClick'
466
+ ]);
467
+
468
+
411
469
  export const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]> = /*@__PURE__*/ defineContainer<JSX.SdToggle, JSX.SdToggle["value"]>('sd-toggle', undefined, [
412
470
  'value',
413
471
  'label',
@@ -419,6 +477,17 @@ export const SdToggle: StencilVueComponent<JSX.SdToggle, JSX.SdToggle["value"]>
419
477
  'value', 'sdChange', undefined);
420
478
 
421
479
 
480
+ export const SdToggleButton: StencilVueComponent<JSX.SdToggleButton, JSX.SdToggleButton["value"]> = /*@__PURE__*/ defineContainer<JSX.SdToggleButton, JSX.SdToggleButton["value"]>('sd-toggle-button', undefined, [
481
+ 'value',
482
+ 'label',
483
+ 'disabled',
484
+ 'sdChange'
485
+ ], [
486
+ 'sdChange'
487
+ ],
488
+ 'value', 'sdChange', undefined);
489
+
490
+
422
491
  export const SdTooltip: StencilVueComponent<JSX.SdTooltip> = /*@__PURE__*/ defineContainer<JSX.SdTooltip>('sd-tooltip', undefined, [
423
492
  'trigger',
424
493
  'placement',
package/package.json CHANGED
@@ -1,54 +1,54 @@
1
- {
2
- "name": "@sellmate/design-system-vue",
3
- "version": "0.0.52",
4
- "description": "Design System - Vue Component Wrappers",
5
- "keywords": [
6
- "vue",
7
- "web-components",
8
- "design-system",
9
- "ui-library"
10
- ],
11
- "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
12
- "repository": {
13
- "type": "git",
14
- "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
15
- },
16
- "bugs": {
17
- "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
18
- },
19
- "license": "MIT",
20
- "author": {
21
- "name": "MeeKyeong Kim",
22
- "email": "kmeijjing@gmail.com"
23
- },
24
- "main": "dist/index.js",
25
- "types": "dist/index.d.ts",
26
- "directories": {
27
- "lib": "lib",
28
- "test": "__tests__"
29
- },
30
- "files": [
31
- "lib",
32
- "dist"
33
- ],
34
- "publishConfig": {
35
- "access": "public"
36
- },
37
- "scripts": {
38
- "build": "tsc",
39
- "clean": "rm -rf lib",
40
- "dev": "tsc --watch"
41
- },
42
- "devDependencies": {
43
- "@types/node": "^24.9.1",
44
- "typescript": "^5.9.3",
45
- "vue": "^3.4.38"
46
- },
47
- "dependencies": {
48
- "@sellmate/design-system": "^0.0.51",
49
- "@stencil/vue-output-target": "^0.11.8"
50
- },
51
- "peerDependencies": {
52
- "vue": ">=3.0.0"
53
- }
54
- }
1
+ {
2
+ "name": "@sellmate/design-system-vue",
3
+ "version": "0.0.54",
4
+ "description": "Design System - Vue Component Wrappers",
5
+ "keywords": [
6
+ "vue",
7
+ "web-components",
8
+ "design-system",
9
+ "ui-library"
10
+ ],
11
+ "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
15
+ },
16
+ "bugs": {
17
+ "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
18
+ },
19
+ "license": "MIT",
20
+ "author": {
21
+ "name": "MeeKyeong Kim",
22
+ "email": "kmeijjing@gmail.com"
23
+ },
24
+ "main": "dist/index.js",
25
+ "types": "dist/index.d.ts",
26
+ "directories": {
27
+ "lib": "lib",
28
+ "test": "__tests__"
29
+ },
30
+ "files": [
31
+ "lib",
32
+ "dist"
33
+ ],
34
+ "publishConfig": {
35
+ "access": "public"
36
+ },
37
+ "scripts": {
38
+ "build": "tsc",
39
+ "clean": "rm -rf lib",
40
+ "dev": "tsc --watch"
41
+ },
42
+ "devDependencies": {
43
+ "@types/node": "^24.9.1",
44
+ "typescript": "^5.9.3",
45
+ "vue": "^3.4.38"
46
+ },
47
+ "dependencies": {
48
+ "@sellmate/design-system": "^0.0.53",
49
+ "@stencil/vue-output-target": "^0.11.8"
50
+ },
51
+ "peerDependencies": {
52
+ "vue": ">=3.0.0"
53
+ }
54
+ }