@sellmate/design-system-react 1.0.78 → 1.1.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.
- package/README.md +50 -60
- package/dist/components/components.d.ts +120 -112
- package/dist/components/components.js +27 -12
- package/dist/components/components.server.d.ts +121 -113
- package/dist/components/components.server.js +96 -94
- package/dist/index.d.ts +1 -1
- package/lib/components/components.server.ts +274 -267
- package/lib/components/components.ts +149 -134
- package/lib/index.ts +2 -3
- package/package.json +68 -67
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
* This file was automatically generated by the Stencil React Output Target.
|
|
3
|
-
* Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
|
|
4
|
-
*/
|
|
5
|
-
/* eslint-disable */
|
|
6
|
-
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
7
|
-
import * as clientComponents from '@sellmate/design-system-react';
|
|
1
|
+
'use client';
|
|
8
2
|
import { createComponent } from '@stencil/react-output-target/ssr';
|
|
3
|
+
// @ts-ignore - ignore potential type issues as the project is importing itself
|
|
4
|
+
import * as clientComponents from "@sellmate/design-system-react";
|
|
9
5
|
export const serializeShadowRoot = { default: "declarative-shadow-dom" };
|
|
10
6
|
export const SdActionModal = /*@__PURE__*/ createComponent({
|
|
11
7
|
tagName: 'sd-action-modal',
|
|
@@ -16,17 +12,14 @@ export const SdActionModal = /*@__PURE__*/ createComponent({
|
|
|
16
12
|
},
|
|
17
13
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
18
14
|
clientModule: clientComponents.SdActionModal,
|
|
19
|
-
serializeShadowRoot
|
|
15
|
+
serializeShadowRoot
|
|
20
16
|
});
|
|
21
17
|
export const SdBadge = /*@__PURE__*/ createComponent({
|
|
22
18
|
tagName: 'sd-badge',
|
|
23
|
-
properties: {
|
|
24
|
-
color: 'color',
|
|
25
|
-
label: 'label'
|
|
26
|
-
},
|
|
19
|
+
properties: { color: 'color' },
|
|
27
20
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
28
21
|
clientModule: clientComponents.SdBadge,
|
|
29
|
-
serializeShadowRoot
|
|
22
|
+
serializeShadowRoot
|
|
30
23
|
});
|
|
31
24
|
export const SdBarcodeInput = /*@__PURE__*/ createComponent({
|
|
32
25
|
tagName: 'sd-barcode-input',
|
|
@@ -56,30 +49,10 @@ export const SdBarcodeInput = /*@__PURE__*/ createComponent({
|
|
|
56
49
|
},
|
|
57
50
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
58
51
|
clientModule: clientComponents.SdBarcodeInput,
|
|
59
|
-
serializeShadowRoot
|
|
52
|
+
serializeShadowRoot
|
|
60
53
|
});
|
|
61
54
|
export const SdButton = /*@__PURE__*/ createComponent({
|
|
62
55
|
tagName: 'sd-button',
|
|
63
|
-
properties: {
|
|
64
|
-
variant: 'variant',
|
|
65
|
-
size: 'size',
|
|
66
|
-
color: 'color',
|
|
67
|
-
label: 'label',
|
|
68
|
-
disabled: 'disabled',
|
|
69
|
-
type: 'type',
|
|
70
|
-
icon: 'icon',
|
|
71
|
-
iconColor: 'icon-color',
|
|
72
|
-
iconSize: 'icon-size',
|
|
73
|
-
iconRight: 'icon-right',
|
|
74
|
-
noHover: 'no-hover',
|
|
75
|
-
sdClass: 'sd-class'
|
|
76
|
-
},
|
|
77
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
78
|
-
clientModule: clientComponents.SdButton,
|
|
79
|
-
serializeShadowRoot,
|
|
80
|
-
});
|
|
81
|
-
export const SdButtonV2 = /*@__PURE__*/ createComponent({
|
|
82
|
-
tagName: 'sd-button-v2',
|
|
83
56
|
properties: {
|
|
84
57
|
name: 'name',
|
|
85
58
|
label: 'label',
|
|
@@ -90,15 +63,15 @@ export const SdButtonV2 = /*@__PURE__*/ createComponent({
|
|
|
90
63
|
type: 'type'
|
|
91
64
|
},
|
|
92
65
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
93
|
-
clientModule: clientComponents.
|
|
94
|
-
serializeShadowRoot
|
|
66
|
+
clientModule: clientComponents.SdButton,
|
|
67
|
+
serializeShadowRoot
|
|
95
68
|
});
|
|
96
69
|
export const SdCalendar = /*@__PURE__*/ createComponent({
|
|
97
70
|
tagName: 'sd-calendar',
|
|
98
71
|
properties: { value: 'value' },
|
|
99
72
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
100
73
|
clientModule: clientComponents.SdCalendar,
|
|
101
|
-
serializeShadowRoot
|
|
74
|
+
serializeShadowRoot
|
|
102
75
|
});
|
|
103
76
|
export const SdCard = /*@__PURE__*/ createComponent({
|
|
104
77
|
tagName: 'sd-card',
|
|
@@ -108,7 +81,7 @@ export const SdCard = /*@__PURE__*/ createComponent({
|
|
|
108
81
|
},
|
|
109
82
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
110
83
|
clientModule: clientComponents.SdCard,
|
|
111
|
-
serializeShadowRoot
|
|
84
|
+
serializeShadowRoot
|
|
112
85
|
});
|
|
113
86
|
export const SdCheckbox = /*@__PURE__*/ createComponent({
|
|
114
87
|
tagName: 'sd-checkbox',
|
|
@@ -121,7 +94,7 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
|
|
|
121
94
|
},
|
|
122
95
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
123
96
|
clientModule: clientComponents.SdCheckbox,
|
|
124
|
-
serializeShadowRoot
|
|
97
|
+
serializeShadowRoot
|
|
125
98
|
});
|
|
126
99
|
export const SdChip = /*@__PURE__*/ createComponent({
|
|
127
100
|
tagName: 'sd-chip',
|
|
@@ -135,7 +108,7 @@ export const SdChip = /*@__PURE__*/ createComponent({
|
|
|
135
108
|
},
|
|
136
109
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
137
110
|
clientModule: clientComponents.SdChip,
|
|
138
|
-
serializeShadowRoot
|
|
111
|
+
serializeShadowRoot
|
|
139
112
|
});
|
|
140
113
|
export const SdCircleProgress = /*@__PURE__*/ createComponent({
|
|
141
114
|
tagName: 'sd-circle-progress',
|
|
@@ -147,7 +120,7 @@ export const SdCircleProgress = /*@__PURE__*/ createComponent({
|
|
|
147
120
|
},
|
|
148
121
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
149
122
|
clientModule: clientComponents.SdCircleProgress,
|
|
150
|
-
serializeShadowRoot
|
|
123
|
+
serializeShadowRoot
|
|
151
124
|
});
|
|
152
125
|
export const SdConfirmModal = /*@__PURE__*/ createComponent({
|
|
153
126
|
tagName: 'sd-confirm-modal',
|
|
@@ -166,7 +139,7 @@ export const SdConfirmModal = /*@__PURE__*/ createComponent({
|
|
|
166
139
|
},
|
|
167
140
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
168
141
|
clientModule: clientComponents.SdConfirmModal,
|
|
169
|
-
serializeShadowRoot
|
|
142
|
+
serializeShadowRoot
|
|
170
143
|
});
|
|
171
144
|
export const SdDateBox = /*@__PURE__*/ createComponent({
|
|
172
145
|
tagName: 'sd-date-box',
|
|
@@ -182,7 +155,7 @@ export const SdDateBox = /*@__PURE__*/ createComponent({
|
|
|
182
155
|
},
|
|
183
156
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
184
157
|
clientModule: clientComponents.SdDateBox,
|
|
185
|
-
serializeShadowRoot
|
|
158
|
+
serializeShadowRoot
|
|
186
159
|
});
|
|
187
160
|
export const SdDatePicker = /*@__PURE__*/ createComponent({
|
|
188
161
|
tagName: 'sd-date-picker',
|
|
@@ -205,14 +178,14 @@ export const SdDatePicker = /*@__PURE__*/ createComponent({
|
|
|
205
178
|
},
|
|
206
179
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
207
180
|
clientModule: clientComponents.SdDatePicker,
|
|
208
|
-
serializeShadowRoot
|
|
181
|
+
serializeShadowRoot
|
|
209
182
|
});
|
|
210
183
|
export const SdDatePickerCalendar = /*@__PURE__*/ createComponent({
|
|
211
184
|
tagName: 'sd-date-picker-calendar',
|
|
212
185
|
properties: { value: 'value' },
|
|
213
186
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
214
187
|
clientModule: clientComponents.SdDatePickerCalendar,
|
|
215
|
-
serializeShadowRoot
|
|
188
|
+
serializeShadowRoot
|
|
216
189
|
});
|
|
217
190
|
export const SdDatePickerTrigger = /*@__PURE__*/ createComponent({
|
|
218
191
|
tagName: 'sd-date-picker-trigger',
|
|
@@ -224,7 +197,7 @@ export const SdDatePickerTrigger = /*@__PURE__*/ createComponent({
|
|
|
224
197
|
},
|
|
225
198
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
226
199
|
clientModule: clientComponents.SdDatePickerTrigger,
|
|
227
|
-
serializeShadowRoot
|
|
200
|
+
serializeShadowRoot
|
|
228
201
|
});
|
|
229
202
|
export const SdDateRangePicker = /*@__PURE__*/ createComponent({
|
|
230
203
|
tagName: 'sd-date-range-picker',
|
|
@@ -247,14 +220,14 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
|
|
|
247
220
|
},
|
|
248
221
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
249
222
|
clientModule: clientComponents.SdDateRangePicker,
|
|
250
|
-
serializeShadowRoot
|
|
223
|
+
serializeShadowRoot
|
|
251
224
|
});
|
|
252
225
|
export const SdDateRangePickerCalendar = /*@__PURE__*/ createComponent({
|
|
253
226
|
tagName: 'sd-date-range-picker-calendar',
|
|
254
227
|
properties: { maxRange: 'max-range' },
|
|
255
228
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
256
229
|
clientModule: clientComponents.SdDateRangePickerCalendar,
|
|
257
|
-
serializeShadowRoot
|
|
230
|
+
serializeShadowRoot
|
|
258
231
|
});
|
|
259
232
|
export const SdDropdownButton = /*@__PURE__*/ createComponent({
|
|
260
233
|
tagName: 'sd-dropdown-button',
|
|
@@ -266,7 +239,7 @@ export const SdDropdownButton = /*@__PURE__*/ createComponent({
|
|
|
266
239
|
},
|
|
267
240
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
268
241
|
clientModule: clientComponents.SdDropdownButton,
|
|
269
|
-
serializeShadowRoot
|
|
242
|
+
serializeShadowRoot
|
|
270
243
|
});
|
|
271
244
|
export const SdField = /*@__PURE__*/ createComponent({
|
|
272
245
|
tagName: 'sd-field',
|
|
@@ -274,6 +247,7 @@ export const SdField = /*@__PURE__*/ createComponent({
|
|
|
274
247
|
name: 'name',
|
|
275
248
|
error: 'error',
|
|
276
249
|
disabled: 'disabled',
|
|
250
|
+
readonly: 'readonly',
|
|
277
251
|
hovered: 'hovered',
|
|
278
252
|
focused: 'focused',
|
|
279
253
|
status: 'status',
|
|
@@ -290,7 +264,7 @@ export const SdField = /*@__PURE__*/ createComponent({
|
|
|
290
264
|
},
|
|
291
265
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
292
266
|
clientModule: clientComponents.SdField,
|
|
293
|
-
serializeShadowRoot
|
|
267
|
+
serializeShadowRoot
|
|
294
268
|
});
|
|
295
269
|
export const SdFilePicker = /*@__PURE__*/ createComponent({
|
|
296
270
|
tagName: 'sd-file-picker',
|
|
@@ -321,7 +295,7 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
|
|
|
321
295
|
},
|
|
322
296
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
323
297
|
clientModule: clientComponents.SdFilePicker,
|
|
324
|
-
serializeShadowRoot
|
|
298
|
+
serializeShadowRoot
|
|
325
299
|
});
|
|
326
300
|
export const SdFloatingPortal = /*@__PURE__*/ createComponent({
|
|
327
301
|
tagName: 'sd-floating-portal',
|
|
@@ -333,14 +307,14 @@ export const SdFloatingPortal = /*@__PURE__*/ createComponent({
|
|
|
333
307
|
},
|
|
334
308
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
335
309
|
clientModule: clientComponents.SdFloatingPortal,
|
|
336
|
-
serializeShadowRoot
|
|
310
|
+
serializeShadowRoot
|
|
337
311
|
});
|
|
338
312
|
export const SdForm = /*@__PURE__*/ createComponent({
|
|
339
313
|
tagName: 'sd-form',
|
|
340
314
|
properties: { formClass: 'form-class' },
|
|
341
315
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
342
316
|
clientModule: clientComponents.SdForm,
|
|
343
|
-
serializeShadowRoot
|
|
317
|
+
serializeShadowRoot
|
|
344
318
|
});
|
|
345
319
|
export const SdGhostButton = /*@__PURE__*/ createComponent({
|
|
346
320
|
tagName: 'sd-ghost-button',
|
|
@@ -353,7 +327,7 @@ export const SdGhostButton = /*@__PURE__*/ createComponent({
|
|
|
353
327
|
},
|
|
354
328
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
355
329
|
clientModule: clientComponents.SdGhostButton,
|
|
356
|
-
serializeShadowRoot
|
|
330
|
+
serializeShadowRoot
|
|
357
331
|
});
|
|
358
332
|
export const SdGuide = /*@__PURE__*/ createComponent({
|
|
359
333
|
tagName: 'sd-guide',
|
|
@@ -367,7 +341,7 @@ export const SdGuide = /*@__PURE__*/ createComponent({
|
|
|
367
341
|
},
|
|
368
342
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
369
343
|
clientModule: clientComponents.SdGuide,
|
|
370
|
-
serializeShadowRoot
|
|
344
|
+
serializeShadowRoot
|
|
371
345
|
});
|
|
372
346
|
export const SdIcon = /*@__PURE__*/ createComponent({
|
|
373
347
|
tagName: 'sd-icon',
|
|
@@ -380,7 +354,7 @@ export const SdIcon = /*@__PURE__*/ createComponent({
|
|
|
380
354
|
},
|
|
381
355
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
382
356
|
clientModule: clientComponents.SdIcon,
|
|
383
|
-
serializeShadowRoot
|
|
357
|
+
serializeShadowRoot
|
|
384
358
|
});
|
|
385
359
|
export const SdInput = /*@__PURE__*/ createComponent({
|
|
386
360
|
tagName: 'sd-input',
|
|
@@ -417,7 +391,18 @@ export const SdInput = /*@__PURE__*/ createComponent({
|
|
|
417
391
|
},
|
|
418
392
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
419
393
|
clientModule: clientComponents.SdInput,
|
|
420
|
-
serializeShadowRoot
|
|
394
|
+
serializeShadowRoot
|
|
395
|
+
});
|
|
396
|
+
export const SdKeyValueTable = /*@__PURE__*/ createComponent({
|
|
397
|
+
tagName: 'sd-key-value-table',
|
|
398
|
+
properties: {
|
|
399
|
+
search: 'search',
|
|
400
|
+
useTop: 'use-top',
|
|
401
|
+
fields: 'fields'
|
|
402
|
+
},
|
|
403
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
404
|
+
clientModule: clientComponents.SdKeyValueTable,
|
|
405
|
+
serializeShadowRoot
|
|
421
406
|
});
|
|
422
407
|
export const SdLinearProgress = /*@__PURE__*/ createComponent({
|
|
423
408
|
tagName: 'sd-linear-progress',
|
|
@@ -429,14 +414,14 @@ export const SdLinearProgress = /*@__PURE__*/ createComponent({
|
|
|
429
414
|
},
|
|
430
415
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
431
416
|
clientModule: clientComponents.SdLinearProgress,
|
|
432
|
-
serializeShadowRoot
|
|
417
|
+
serializeShadowRoot
|
|
433
418
|
});
|
|
434
419
|
export const SdLoadingContainer = /*@__PURE__*/ createComponent({
|
|
435
420
|
tagName: 'sd-loading-container',
|
|
436
421
|
properties: {},
|
|
437
422
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
438
423
|
clientModule: clientComponents.SdLoadingContainer,
|
|
439
|
-
serializeShadowRoot
|
|
424
|
+
serializeShadowRoot
|
|
440
425
|
});
|
|
441
426
|
export const SdLoadingModal = /*@__PURE__*/ createComponent({
|
|
442
427
|
tagName: 'sd-loading-modal',
|
|
@@ -450,14 +435,14 @@ export const SdLoadingModal = /*@__PURE__*/ createComponent({
|
|
|
450
435
|
},
|
|
451
436
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
452
437
|
clientModule: clientComponents.SdLoadingModal,
|
|
453
|
-
serializeShadowRoot
|
|
438
|
+
serializeShadowRoot
|
|
454
439
|
});
|
|
455
440
|
export const SdModalContainer = /*@__PURE__*/ createComponent({
|
|
456
441
|
tagName: 'sd-modal-container',
|
|
457
442
|
properties: { autoRemove: 'auto-remove' },
|
|
458
443
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
459
444
|
clientModule: clientComponents.SdModalContainer,
|
|
460
|
-
serializeShadowRoot
|
|
445
|
+
serializeShadowRoot
|
|
461
446
|
});
|
|
462
447
|
export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
463
448
|
tagName: 'sd-number-input',
|
|
@@ -492,7 +477,7 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
|
492
477
|
},
|
|
493
478
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
494
479
|
clientModule: clientComponents.SdNumberInput,
|
|
495
|
-
serializeShadowRoot
|
|
480
|
+
serializeShadowRoot
|
|
496
481
|
});
|
|
497
482
|
export const SdPagination = /*@__PURE__*/ createComponent({
|
|
498
483
|
tagName: 'sd-pagination',
|
|
@@ -503,7 +488,7 @@ export const SdPagination = /*@__PURE__*/ createComponent({
|
|
|
503
488
|
},
|
|
504
489
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
505
490
|
clientModule: clientComponents.SdPagination,
|
|
506
|
-
serializeShadowRoot
|
|
491
|
+
serializeShadowRoot
|
|
507
492
|
});
|
|
508
493
|
export const SdPopover = /*@__PURE__*/ createComponent({
|
|
509
494
|
tagName: 'sd-popover',
|
|
@@ -514,17 +499,30 @@ export const SdPopover = /*@__PURE__*/ createComponent({
|
|
|
514
499
|
icon: 'icon',
|
|
515
500
|
iconSize: 'icon-size',
|
|
516
501
|
label: 'label',
|
|
517
|
-
|
|
518
|
-
|
|
502
|
+
name: 'name',
|
|
503
|
+
rightIcon: 'right-icon',
|
|
504
|
+
ariaLabel: 'aria-label',
|
|
505
|
+
disabled: 'disabled',
|
|
506
|
+
type: 'type',
|
|
519
507
|
menuTitle: 'menu-title',
|
|
520
508
|
menuClass: 'menu-class',
|
|
521
509
|
useClose: 'use-close',
|
|
522
|
-
messages: 'messages'
|
|
523
|
-
buttons: 'buttons'
|
|
510
|
+
messages: 'messages'
|
|
524
511
|
},
|
|
525
512
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
526
513
|
clientModule: clientComponents.SdPopover,
|
|
527
|
-
serializeShadowRoot
|
|
514
|
+
serializeShadowRoot
|
|
515
|
+
});
|
|
516
|
+
export const SdPopup = /*@__PURE__*/ createComponent({
|
|
517
|
+
tagName: 'sd-popup',
|
|
518
|
+
properties: {
|
|
519
|
+
popupTitle: 'popup-title',
|
|
520
|
+
type: 'type',
|
|
521
|
+
useFooter: 'use-footer'
|
|
522
|
+
},
|
|
523
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
524
|
+
clientModule: clientComponents.SdPopup,
|
|
525
|
+
serializeShadowRoot
|
|
528
526
|
});
|
|
529
527
|
export const SdPortal = /*@__PURE__*/ createComponent({
|
|
530
528
|
tagName: 'sd-portal',
|
|
@@ -536,7 +534,7 @@ export const SdPortal = /*@__PURE__*/ createComponent({
|
|
|
536
534
|
},
|
|
537
535
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
538
536
|
clientModule: clientComponents.SdPortal,
|
|
539
|
-
serializeShadowRoot
|
|
537
|
+
serializeShadowRoot
|
|
540
538
|
});
|
|
541
539
|
export const SdRadio = /*@__PURE__*/ createComponent({
|
|
542
540
|
tagName: 'sd-radio',
|
|
@@ -548,7 +546,7 @@ export const SdRadio = /*@__PURE__*/ createComponent({
|
|
|
548
546
|
},
|
|
549
547
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
550
548
|
clientModule: clientComponents.SdRadio,
|
|
551
|
-
serializeShadowRoot
|
|
549
|
+
serializeShadowRoot
|
|
552
550
|
});
|
|
553
551
|
export const SdRadioButton = /*@__PURE__*/ createComponent({
|
|
554
552
|
tagName: 'sd-radio-button',
|
|
@@ -561,7 +559,7 @@ export const SdRadioButton = /*@__PURE__*/ createComponent({
|
|
|
561
559
|
},
|
|
562
560
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
563
561
|
clientModule: clientComponents.SdRadioButton,
|
|
564
|
-
serializeShadowRoot
|
|
562
|
+
serializeShadowRoot
|
|
565
563
|
});
|
|
566
564
|
export const SdRadioGroup = /*@__PURE__*/ createComponent({
|
|
567
565
|
tagName: 'sd-radio-group',
|
|
@@ -574,7 +572,7 @@ export const SdRadioGroup = /*@__PURE__*/ createComponent({
|
|
|
574
572
|
},
|
|
575
573
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
576
574
|
clientModule: clientComponents.SdRadioGroup,
|
|
577
|
-
serializeShadowRoot
|
|
575
|
+
serializeShadowRoot
|
|
578
576
|
});
|
|
579
577
|
export const SdSelect = /*@__PURE__*/ createComponent({
|
|
580
578
|
tagName: 'sd-select',
|
|
@@ -604,7 +602,7 @@ export const SdSelect = /*@__PURE__*/ createComponent({
|
|
|
604
602
|
},
|
|
605
603
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
606
604
|
clientModule: clientComponents.SdSelect,
|
|
607
|
-
serializeShadowRoot
|
|
605
|
+
serializeShadowRoot
|
|
608
606
|
});
|
|
609
607
|
export const SdSelectListItem = /*@__PURE__*/ createComponent({
|
|
610
608
|
tagName: 'sd-select-list-item',
|
|
@@ -616,14 +614,14 @@ export const SdSelectListItem = /*@__PURE__*/ createComponent({
|
|
|
616
614
|
},
|
|
617
615
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
618
616
|
clientModule: clientComponents.SdSelectListItem,
|
|
619
|
-
serializeShadowRoot
|
|
617
|
+
serializeShadowRoot
|
|
620
618
|
});
|
|
621
619
|
export const SdSelectListItemSearch = /*@__PURE__*/ createComponent({
|
|
622
620
|
tagName: 'sd-select-list-item-search',
|
|
623
621
|
properties: { isScrolled: 'is-scrolled' },
|
|
624
622
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
625
623
|
clientModule: clientComponents.SdSelectListItemSearch,
|
|
626
|
-
serializeShadowRoot
|
|
624
|
+
serializeShadowRoot
|
|
627
625
|
});
|
|
628
626
|
export const SdSelectListbox = /*@__PURE__*/ createComponent({
|
|
629
627
|
tagName: 'sd-select-listbox',
|
|
@@ -640,7 +638,7 @@ export const SdSelectListbox = /*@__PURE__*/ createComponent({
|
|
|
640
638
|
},
|
|
641
639
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
642
640
|
clientModule: clientComponents.SdSelectListbox,
|
|
643
|
-
serializeShadowRoot
|
|
641
|
+
serializeShadowRoot
|
|
644
642
|
});
|
|
645
643
|
export const SdSelectTrigger = /*@__PURE__*/ createComponent({
|
|
646
644
|
tagName: 'sd-select-trigger',
|
|
@@ -652,7 +650,7 @@ export const SdSelectTrigger = /*@__PURE__*/ createComponent({
|
|
|
652
650
|
},
|
|
653
651
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
654
652
|
clientModule: clientComponents.SdSelectTrigger,
|
|
655
|
-
serializeShadowRoot
|
|
653
|
+
serializeShadowRoot
|
|
656
654
|
});
|
|
657
655
|
export const SdSwitch = /*@__PURE__*/ createComponent({
|
|
658
656
|
tagName: 'sd-switch',
|
|
@@ -663,7 +661,7 @@ export const SdSwitch = /*@__PURE__*/ createComponent({
|
|
|
663
661
|
},
|
|
664
662
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
665
663
|
clientModule: clientComponents.SdSwitch,
|
|
666
|
-
serializeShadowRoot
|
|
664
|
+
serializeShadowRoot
|
|
667
665
|
});
|
|
668
666
|
export const SdTable = /*@__PURE__*/ createComponent({
|
|
669
667
|
tagName: 'sd-table',
|
|
@@ -675,6 +673,7 @@ export const SdTable = /*@__PURE__*/ createComponent({
|
|
|
675
673
|
width: 'width',
|
|
676
674
|
height: 'height',
|
|
677
675
|
stickyHeader: 'sticky-header',
|
|
676
|
+
radius: 'radius',
|
|
678
677
|
noDataLabel: 'no-data-label',
|
|
679
678
|
isLoading: 'is-loading',
|
|
680
679
|
useInternalPagination: 'use-internal-pagination',
|
|
@@ -690,7 +689,7 @@ export const SdTable = /*@__PURE__*/ createComponent({
|
|
|
690
689
|
},
|
|
691
690
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
692
691
|
clientModule: clientComponents.SdTable,
|
|
693
|
-
serializeShadowRoot
|
|
692
|
+
serializeShadowRoot
|
|
694
693
|
});
|
|
695
694
|
export const SdTabs = /*@__PURE__*/ createComponent({
|
|
696
695
|
tagName: 'sd-tabs',
|
|
@@ -702,7 +701,7 @@ export const SdTabs = /*@__PURE__*/ createComponent({
|
|
|
702
701
|
},
|
|
703
702
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
704
703
|
clientModule: clientComponents.SdTabs,
|
|
705
|
-
serializeShadowRoot
|
|
704
|
+
serializeShadowRoot
|
|
706
705
|
});
|
|
707
706
|
export const SdTag = /*@__PURE__*/ createComponent({
|
|
708
707
|
tagName: 'sd-tag',
|
|
@@ -714,7 +713,7 @@ export const SdTag = /*@__PURE__*/ createComponent({
|
|
|
714
713
|
},
|
|
715
714
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
716
715
|
clientModule: clientComponents.SdTag,
|
|
717
|
-
serializeShadowRoot
|
|
716
|
+
serializeShadowRoot
|
|
718
717
|
});
|
|
719
718
|
export const SdTbody = /*@__PURE__*/ createComponent({
|
|
720
719
|
tagName: 'sd-tbody',
|
|
@@ -723,7 +722,7 @@ export const SdTbody = /*@__PURE__*/ createComponent({
|
|
|
723
722
|
},
|
|
724
723
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
725
724
|
clientModule: clientComponents.SdTbody,
|
|
726
|
-
serializeShadowRoot
|
|
725
|
+
serializeShadowRoot
|
|
727
726
|
});
|
|
728
727
|
export const SdTd = /*@__PURE__*/ createComponent({
|
|
729
728
|
tagName: 'sd-td',
|
|
@@ -737,7 +736,7 @@ export const SdTd = /*@__PURE__*/ createComponent({
|
|
|
737
736
|
},
|
|
738
737
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
739
738
|
clientModule: clientComponents.SdTd,
|
|
740
|
-
serializeShadowRoot
|
|
739
|
+
serializeShadowRoot
|
|
741
740
|
});
|
|
742
741
|
export const SdTextLink = /*@__PURE__*/ createComponent({
|
|
743
742
|
tagName: 'sd-text-link',
|
|
@@ -752,7 +751,7 @@ export const SdTextLink = /*@__PURE__*/ createComponent({
|
|
|
752
751
|
},
|
|
753
752
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
754
753
|
clientModule: clientComponents.SdTextLink,
|
|
755
|
-
serializeShadowRoot
|
|
754
|
+
serializeShadowRoot
|
|
756
755
|
});
|
|
757
756
|
export const SdTextarea = /*@__PURE__*/ createComponent({
|
|
758
757
|
tagName: 'sd-textarea',
|
|
@@ -783,7 +782,7 @@ export const SdTextarea = /*@__PURE__*/ createComponent({
|
|
|
783
782
|
},
|
|
784
783
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
785
784
|
clientModule: clientComponents.SdTextarea,
|
|
786
|
-
serializeShadowRoot
|
|
785
|
+
serializeShadowRoot
|
|
787
786
|
});
|
|
788
787
|
export const SdThead = /*@__PURE__*/ createComponent({
|
|
789
788
|
tagName: 'sd-thead',
|
|
@@ -799,7 +798,7 @@ export const SdThead = /*@__PURE__*/ createComponent({
|
|
|
799
798
|
},
|
|
800
799
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
801
800
|
clientModule: clientComponents.SdThead,
|
|
802
|
-
serializeShadowRoot
|
|
801
|
+
serializeShadowRoot
|
|
803
802
|
});
|
|
804
803
|
export const SdToast = /*@__PURE__*/ createComponent({
|
|
805
804
|
tagName: 'sd-toast',
|
|
@@ -808,12 +807,13 @@ export const SdToast = /*@__PURE__*/ createComponent({
|
|
|
808
807
|
message: 'message',
|
|
809
808
|
link: 'link',
|
|
810
809
|
linkLabel: 'link-label',
|
|
810
|
+
buttonLabel: 'button-label',
|
|
811
811
|
useClose: 'use-close',
|
|
812
812
|
type: 'type'
|
|
813
813
|
},
|
|
814
814
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
815
815
|
clientModule: clientComponents.SdToast,
|
|
816
|
-
serializeShadowRoot
|
|
816
|
+
serializeShadowRoot
|
|
817
817
|
});
|
|
818
818
|
export const SdToastContainer = /*@__PURE__*/ createComponent({
|
|
819
819
|
tagName: 'sd-toast-container',
|
|
@@ -825,7 +825,7 @@ export const SdToastContainer = /*@__PURE__*/ createComponent({
|
|
|
825
825
|
},
|
|
826
826
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
827
827
|
clientModule: clientComponents.SdToastContainer,
|
|
828
|
-
serializeShadowRoot
|
|
828
|
+
serializeShadowRoot
|
|
829
829
|
});
|
|
830
830
|
export const SdToggle = /*@__PURE__*/ createComponent({
|
|
831
831
|
tagName: 'sd-toggle',
|
|
@@ -836,7 +836,7 @@ export const SdToggle = /*@__PURE__*/ createComponent({
|
|
|
836
836
|
},
|
|
837
837
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
838
838
|
clientModule: clientComponents.SdToggle,
|
|
839
|
-
serializeShadowRoot
|
|
839
|
+
serializeShadowRoot
|
|
840
840
|
});
|
|
841
841
|
export const SdTooltip = /*@__PURE__*/ createComponent({
|
|
842
842
|
tagName: 'sd-tooltip',
|
|
@@ -848,14 +848,16 @@ export const SdTooltip = /*@__PURE__*/ createComponent({
|
|
|
848
848
|
icon: 'icon',
|
|
849
849
|
iconSize: 'icon-size',
|
|
850
850
|
label: 'label',
|
|
851
|
-
|
|
852
|
-
|
|
853
|
-
|
|
851
|
+
name: 'name',
|
|
852
|
+
rightIcon: 'right-icon',
|
|
853
|
+
ariaLabel: 'aria-label',
|
|
854
|
+
disabled: 'disabled',
|
|
855
|
+
type: 'type',
|
|
854
856
|
sdClass: 'sd-class'
|
|
855
857
|
},
|
|
856
858
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
857
859
|
clientModule: clientComponents.SdTooltip,
|
|
858
|
-
serializeShadowRoot
|
|
860
|
+
serializeShadowRoot
|
|
859
861
|
});
|
|
860
862
|
export const SdTr = /*@__PURE__*/ createComponent({
|
|
861
863
|
tagName: 'sd-tr',
|
|
@@ -866,5 +868,5 @@ export const SdTr = /*@__PURE__*/ createComponent({
|
|
|
866
868
|
},
|
|
867
869
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
868
870
|
clientModule: clientComponents.SdTr,
|
|
869
|
-
serializeShadowRoot
|
|
871
|
+
serializeShadowRoot
|
|
870
872
|
});
|
package/dist/index.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ export { sdModal } from './sdModal';
|
|
|
6
6
|
export type { SdModalCreateOption } from './sdModal';
|
|
7
7
|
export { sdLoading } from '@sellmate/design-system/utils';
|
|
8
8
|
export type { SdLoadingShowOptions } from '@sellmate/design-system/utils';
|
|
9
|
-
export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption,
|
|
9
|
+
export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption, ButtonName, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, ToastPosition, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
|