@sellmate/design-system-react 1.0.67 → 1.0.69
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/dist/components/components.d.ts +8 -0
- package/dist/components/components.js +14 -0
- package/dist/components/components.server.d.ts +8 -0
- package/dist/components/components.server.js +27 -2
- package/lib/components/components.server.ts +35 -2
- package/lib/components/components.ts +22 -0
- package/package.json +2 -2
|
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
|
|
|
11
11
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
12
12
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
13
13
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
14
|
+
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
14
15
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
15
16
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
16
17
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -103,6 +104,13 @@ export type SdCheckboxEvents = {
|
|
|
103
104
|
onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
|
|
104
105
|
};
|
|
105
106
|
export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
|
|
107
|
+
export type SdChipEvents = {
|
|
108
|
+
onSdUpdate: EventName<CustomEvent<string>>;
|
|
109
|
+
onSdRemove: EventName<CustomEvent<void>>;
|
|
110
|
+
onSdFocus: EventName<CustomEvent<void>>;
|
|
111
|
+
onSdBlur: EventName<CustomEvent<void>>;
|
|
112
|
+
};
|
|
113
|
+
export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents>;
|
|
106
114
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
107
115
|
export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
|
|
108
116
|
export type SdConfirmModalEvents = {
|
|
@@ -7,6 +7,7 @@ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } fr
|
|
|
7
7
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
8
8
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
9
9
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
10
|
+
import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
10
11
|
import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
11
12
|
import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
12
13
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -139,6 +140,19 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
|
|
|
139
140
|
events: { onSdUpdate: 'sdUpdate' },
|
|
140
141
|
defineCustomElement: defineSdCheckbox
|
|
141
142
|
});
|
|
143
|
+
export const SdChip = /*@__PURE__*/ createComponent({
|
|
144
|
+
tagName: 'sd-chip',
|
|
145
|
+
elementClass: SdChipElement,
|
|
146
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
147
|
+
react: React,
|
|
148
|
+
events: {
|
|
149
|
+
onSdUpdate: 'sdUpdate',
|
|
150
|
+
onSdRemove: 'sdRemove',
|
|
151
|
+
onSdFocus: 'sdFocus',
|
|
152
|
+
onSdBlur: 'sdBlur'
|
|
153
|
+
},
|
|
154
|
+
defineCustomElement: defineSdChip
|
|
155
|
+
});
|
|
142
156
|
export const SdCircleProgress = /*@__PURE__*/ createComponent({
|
|
143
157
|
tagName: 'sd-circle-progress',
|
|
144
158
|
elementClass: SdCircleProgressElement,
|
|
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
|
|
|
11
11
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
12
12
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
13
13
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
14
|
+
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
14
15
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
15
16
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
16
17
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -105,6 +106,13 @@ export type SdCheckboxEvents = {
|
|
|
105
106
|
onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
|
|
106
107
|
};
|
|
107
108
|
export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
|
|
109
|
+
export type SdChipEvents = {
|
|
110
|
+
onSdUpdate: EventName<CustomEvent<string>>;
|
|
111
|
+
onSdRemove: EventName<CustomEvent<void>>;
|
|
112
|
+
onSdFocus: EventName<CustomEvent<void>>;
|
|
113
|
+
onSdBlur: EventName<CustomEvent<void>>;
|
|
114
|
+
};
|
|
115
|
+
export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents>;
|
|
108
116
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
109
117
|
export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
|
|
110
118
|
export type SdConfirmModalEvents = {
|
|
@@ -34,6 +34,7 @@ export const SdBarcodeInput = /*@__PURE__*/ createComponent({
|
|
|
34
34
|
value: 'value',
|
|
35
35
|
size: 'size',
|
|
36
36
|
addonLabel: 'addon-label',
|
|
37
|
+
addonAlign: 'addon-align',
|
|
37
38
|
placeholder: 'placeholder',
|
|
38
39
|
disabled: 'disabled',
|
|
39
40
|
clearable: 'clearable',
|
|
@@ -121,6 +122,20 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
|
|
|
121
122
|
clientModule: clientComponents.SdCheckbox,
|
|
122
123
|
serializeShadowRoot,
|
|
123
124
|
});
|
|
125
|
+
export const SdChip = /*@__PURE__*/ createComponent({
|
|
126
|
+
tagName: 'sd-chip',
|
|
127
|
+
properties: {
|
|
128
|
+
name: 'name',
|
|
129
|
+
value: 'value',
|
|
130
|
+
error: 'error',
|
|
131
|
+
disabled: 'disabled',
|
|
132
|
+
placeholder: 'placeholder',
|
|
133
|
+
rules: 'rules'
|
|
134
|
+
},
|
|
135
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
136
|
+
clientModule: clientComponents.SdChip,
|
|
137
|
+
serializeShadowRoot,
|
|
138
|
+
});
|
|
124
139
|
export const SdCircleProgress = /*@__PURE__*/ createComponent({
|
|
125
140
|
tagName: 'sd-circle-progress',
|
|
126
141
|
properties: {
|
|
@@ -178,6 +193,7 @@ export const SdDatePicker = /*@__PURE__*/ createComponent({
|
|
|
178
193
|
label: 'label',
|
|
179
194
|
labelWidth: 'label-width',
|
|
180
195
|
addonLabel: 'addon-label',
|
|
196
|
+
addonAlign: 'addon-align',
|
|
181
197
|
hint: 'hint',
|
|
182
198
|
errorMessage: 'error-message',
|
|
183
199
|
fieldName: 'field-name',
|
|
@@ -219,6 +235,7 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
|
|
|
219
235
|
label: 'label',
|
|
220
236
|
labelWidth: 'label-width',
|
|
221
237
|
addonLabel: 'addon-label',
|
|
238
|
+
addonAlign: 'addon-align',
|
|
222
239
|
hint: 'hint',
|
|
223
240
|
errorMessage: 'error-message',
|
|
224
241
|
fieldName: 'field-name',
|
|
@@ -265,6 +282,7 @@ export const SdField = /*@__PURE__*/ createComponent({
|
|
|
265
282
|
label: 'label',
|
|
266
283
|
labelWidth: 'label-width',
|
|
267
284
|
addonLabel: 'addon-label',
|
|
285
|
+
addonAlign: 'addon-align',
|
|
268
286
|
labelTooltip: 'label-tooltip',
|
|
269
287
|
rules: 'rules'
|
|
270
288
|
},
|
|
@@ -287,6 +305,7 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
|
|
|
287
305
|
label: 'label',
|
|
288
306
|
labelWidth: 'label-width',
|
|
289
307
|
addonLabel: 'addon-label',
|
|
308
|
+
addonAlign: 'addon-align',
|
|
290
309
|
hint: 'hint',
|
|
291
310
|
errorMessage: 'error-message',
|
|
292
311
|
width: 'width',
|
|
@@ -340,7 +359,7 @@ export const SdGuide = /*@__PURE__*/ createComponent({
|
|
|
340
359
|
type: 'type',
|
|
341
360
|
label: 'label',
|
|
342
361
|
message: 'message',
|
|
343
|
-
|
|
362
|
+
url: 'url',
|
|
344
363
|
popupTitle: 'popup-title',
|
|
345
364
|
popupWidth: 'popup-width'
|
|
346
365
|
},
|
|
@@ -368,6 +387,7 @@ export const SdInput = /*@__PURE__*/ createComponent({
|
|
|
368
387
|
type: 'type',
|
|
369
388
|
size: 'size',
|
|
370
389
|
addonLabel: 'addon-label',
|
|
390
|
+
addonAlign: 'addon-align',
|
|
371
391
|
placeholder: 'placeholder',
|
|
372
392
|
disabled: 'disabled',
|
|
373
393
|
clearable: 'clearable',
|
|
@@ -419,7 +439,7 @@ export const SdLoadingModal = /*@__PURE__*/ createComponent({
|
|
|
419
439
|
});
|
|
420
440
|
export const SdModalContainer = /*@__PURE__*/ createComponent({
|
|
421
441
|
tagName: 'sd-modal-container',
|
|
422
|
-
properties: {},
|
|
442
|
+
properties: { autoRemove: 'auto-remove' },
|
|
423
443
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
424
444
|
clientModule: clientComponents.SdModalContainer,
|
|
425
445
|
serializeShadowRoot,
|
|
@@ -437,6 +457,7 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
|
|
|
437
457
|
label: 'label',
|
|
438
458
|
labelWidth: 'label-width',
|
|
439
459
|
addonLabel: 'addon-label',
|
|
460
|
+
addonAlign: 'addon-align',
|
|
440
461
|
placeholder: 'placeholder',
|
|
441
462
|
disabled: 'disabled',
|
|
442
463
|
width: 'width',
|
|
@@ -568,6 +589,7 @@ export const SdSelect = /*@__PURE__*/ createComponent({
|
|
|
568
589
|
label: 'label',
|
|
569
590
|
labelWidth: 'label-width',
|
|
570
591
|
addonLabel: 'addon-label',
|
|
592
|
+
addonAlign: 'addon-align',
|
|
571
593
|
labelTooltip: 'label-tooltip',
|
|
572
594
|
error: 'error',
|
|
573
595
|
options: 'options',
|
|
@@ -609,6 +631,7 @@ export const SdSelectGroup = /*@__PURE__*/ createComponent({
|
|
|
609
631
|
label: 'label',
|
|
610
632
|
labelWidth: 'label-width',
|
|
611
633
|
addonLabel: 'addon-label',
|
|
634
|
+
addonAlign: 'addon-align',
|
|
612
635
|
labelTooltip: 'label-tooltip',
|
|
613
636
|
error: 'error',
|
|
614
637
|
options: 'options',
|
|
@@ -718,6 +741,7 @@ export const SdSelectV2 = /*@__PURE__*/ createComponent({
|
|
|
718
741
|
label: 'label',
|
|
719
742
|
labelWidth: 'label-width',
|
|
720
743
|
addonLabel: 'addon-label',
|
|
744
|
+
addonAlign: 'addon-align',
|
|
721
745
|
error: 'error',
|
|
722
746
|
hint: 'hint',
|
|
723
747
|
errorMessage: 'error-message',
|
|
@@ -891,6 +915,7 @@ export const SdTextarea = /*@__PURE__*/ createComponent({
|
|
|
891
915
|
label: 'label',
|
|
892
916
|
labelWidth: 'label-width',
|
|
893
917
|
addonLabel: 'addon-label',
|
|
918
|
+
addonAlign: 'addon-align',
|
|
894
919
|
hint: 'hint',
|
|
895
920
|
errorMessage: 'error-message',
|
|
896
921
|
labelTooltip: 'label-tooltip',
|
|
@@ -17,6 +17,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
|
|
|
17
17
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
18
18
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
19
19
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
20
|
+
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
20
21
|
import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
21
22
|
import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
22
23
|
import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -120,6 +121,7 @@ export const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarc
|
|
|
120
121
|
value: 'value',
|
|
121
122
|
size: 'size',
|
|
122
123
|
addonLabel: 'addon-label',
|
|
124
|
+
addonAlign: 'addon-align',
|
|
123
125
|
placeholder: 'placeholder',
|
|
124
126
|
disabled: 'disabled',
|
|
125
127
|
clearable: 'clearable',
|
|
@@ -225,6 +227,27 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
|
|
|
225
227
|
serializeShadowRoot,
|
|
226
228
|
});
|
|
227
229
|
|
|
230
|
+
export type SdChipEvents = {
|
|
231
|
+
onSdUpdate: EventName<CustomEvent<string>>,
|
|
232
|
+
onSdRemove: EventName<CustomEvent<void>>,
|
|
233
|
+
onSdFocus: EventName<CustomEvent<void>>,
|
|
234
|
+
onSdBlur: EventName<CustomEvent<void>>
|
|
235
|
+
};
|
|
236
|
+
|
|
237
|
+
export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents> = /*@__PURE__*/ createComponent<SdChipElement, SdChipEvents>({
|
|
238
|
+
tagName: 'sd-chip',
|
|
239
|
+
properties: {
|
|
240
|
+
name: 'name',
|
|
241
|
+
value: 'value',
|
|
242
|
+
error: 'error',
|
|
243
|
+
disabled: 'disabled',
|
|
244
|
+
placeholder: 'placeholder',
|
|
245
|
+
rules: 'rules'},
|
|
246
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
247
|
+
clientModule: clientComponents.SdChip as ReactWebComponent<SdChipElement, SdChipEvents>,
|
|
248
|
+
serializeShadowRoot,
|
|
249
|
+
});
|
|
250
|
+
|
|
228
251
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
229
252
|
|
|
230
253
|
export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents>({
|
|
@@ -302,6 +325,7 @@ export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePick
|
|
|
302
325
|
label: 'label',
|
|
303
326
|
labelWidth: 'label-width',
|
|
304
327
|
addonLabel: 'addon-label',
|
|
328
|
+
addonAlign: 'addon-align',
|
|
305
329
|
hint: 'hint',
|
|
306
330
|
errorMessage: 'error-message',
|
|
307
331
|
fieldName: 'field-name',
|
|
@@ -357,6 +381,7 @@ export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement,
|
|
|
357
381
|
label: 'label',
|
|
358
382
|
labelWidth: 'label-width',
|
|
359
383
|
addonLabel: 'addon-label',
|
|
384
|
+
addonAlign: 'addon-align',
|
|
360
385
|
hint: 'hint',
|
|
361
386
|
errorMessage: 'error-message',
|
|
362
387
|
fieldName: 'field-name',
|
|
@@ -416,6 +441,7 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
|
|
|
416
441
|
label: 'label',
|
|
417
442
|
labelWidth: 'label-width',
|
|
418
443
|
addonLabel: 'addon-label',
|
|
444
|
+
addonAlign: 'addon-align',
|
|
419
445
|
labelTooltip: 'label-tooltip',
|
|
420
446
|
rules: 'rules'},
|
|
421
447
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
@@ -446,6 +472,7 @@ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePick
|
|
|
446
472
|
label: 'label',
|
|
447
473
|
labelWidth: 'label-width',
|
|
448
474
|
addonLabel: 'addon-label',
|
|
475
|
+
addonAlign: 'addon-align',
|
|
449
476
|
hint: 'hint',
|
|
450
477
|
errorMessage: 'error-message',
|
|
451
478
|
width: 'width',
|
|
@@ -513,7 +540,7 @@ export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@
|
|
|
513
540
|
type: 'type',
|
|
514
541
|
label: 'label',
|
|
515
542
|
message: 'message',
|
|
516
|
-
|
|
543
|
+
url: 'url',
|
|
517
544
|
popupTitle: 'popup-title',
|
|
518
545
|
popupWidth: 'popup-width'},
|
|
519
546
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
@@ -550,6 +577,7 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
|
|
|
550
577
|
type: 'type',
|
|
551
578
|
size: 'size',
|
|
552
579
|
addonLabel: 'addon-label',
|
|
580
|
+
addonAlign: 'addon-align',
|
|
553
581
|
placeholder: 'placeholder',
|
|
554
582
|
disabled: 'disabled',
|
|
555
583
|
clearable: 'clearable',
|
|
@@ -609,7 +637,7 @@ export type SdModalContainerEvents = NonNullable<unknown>;
|
|
|
609
637
|
|
|
610
638
|
export const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents> = /*@__PURE__*/ createComponent<SdModalContainerElement, SdModalContainerEvents>({
|
|
611
639
|
tagName: 'sd-modal-container',
|
|
612
|
-
properties: {},
|
|
640
|
+
properties: { autoRemove: 'auto-remove' },
|
|
613
641
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
614
642
|
clientModule: clientComponents.SdModalContainer as ReactWebComponent<SdModalContainerElement, SdModalContainerEvents>,
|
|
615
643
|
serializeShadowRoot,
|
|
@@ -634,6 +662,7 @@ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumber
|
|
|
634
662
|
label: 'label',
|
|
635
663
|
labelWidth: 'label-width',
|
|
636
664
|
addonLabel: 'addon-label',
|
|
665
|
+
addonAlign: 'addon-align',
|
|
637
666
|
placeholder: 'placeholder',
|
|
638
667
|
disabled: 'disabled',
|
|
639
668
|
width: 'width',
|
|
@@ -788,6 +817,7 @@ export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> =
|
|
|
788
817
|
label: 'label',
|
|
789
818
|
labelWidth: 'label-width',
|
|
790
819
|
addonLabel: 'addon-label',
|
|
820
|
+
addonAlign: 'addon-align',
|
|
791
821
|
labelTooltip: 'label-tooltip',
|
|
792
822
|
error: 'error',
|
|
793
823
|
options: 'options',
|
|
@@ -844,6 +874,7 @@ export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelect
|
|
|
844
874
|
label: 'label',
|
|
845
875
|
labelWidth: 'label-width',
|
|
846
876
|
addonLabel: 'addon-label',
|
|
877
|
+
addonAlign: 'addon-align',
|
|
847
878
|
labelTooltip: 'label-tooltip',
|
|
848
879
|
error: 'error',
|
|
849
880
|
options: 'options',
|
|
@@ -993,6 +1024,7 @@ export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Even
|
|
|
993
1024
|
label: 'label',
|
|
994
1025
|
labelWidth: 'label-width',
|
|
995
1026
|
addonLabel: 'addon-label',
|
|
1027
|
+
addonAlign: 'addon-align',
|
|
996
1028
|
error: 'error',
|
|
997
1029
|
hint: 'hint',
|
|
998
1030
|
errorMessage: 'error-message',
|
|
@@ -1218,6 +1250,7 @@ export const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEven
|
|
|
1218
1250
|
label: 'label',
|
|
1219
1251
|
labelWidth: 'label-width',
|
|
1220
1252
|
addonLabel: 'addon-label',
|
|
1253
|
+
addonAlign: 'addon-align',
|
|
1221
1254
|
hint: 'hint',
|
|
1222
1255
|
errorMessage: 'error-message',
|
|
1223
1256
|
labelTooltip: 'label-tooltip',
|
|
@@ -16,6 +16,7 @@ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } fr
|
|
|
16
16
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
17
17
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
18
18
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
19
|
+
import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
19
20
|
import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
|
|
20
21
|
import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
|
|
21
22
|
import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
|
|
@@ -184,6 +185,27 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
|
|
|
184
185
|
defineCustomElement: defineSdCheckbox
|
|
185
186
|
});
|
|
186
187
|
|
|
188
|
+
export type SdChipEvents = {
|
|
189
|
+
onSdUpdate: EventName<CustomEvent<string>>,
|
|
190
|
+
onSdRemove: EventName<CustomEvent<void>>,
|
|
191
|
+
onSdFocus: EventName<CustomEvent<void>>,
|
|
192
|
+
onSdBlur: EventName<CustomEvent<void>>
|
|
193
|
+
};
|
|
194
|
+
|
|
195
|
+
export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents> = /*@__PURE__*/ createComponent<SdChipElement, SdChipEvents>({
|
|
196
|
+
tagName: 'sd-chip',
|
|
197
|
+
elementClass: SdChipElement,
|
|
198
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
199
|
+
react: React,
|
|
200
|
+
events: {
|
|
201
|
+
onSdUpdate: 'sdUpdate',
|
|
202
|
+
onSdRemove: 'sdRemove',
|
|
203
|
+
onSdFocus: 'sdFocus',
|
|
204
|
+
onSdBlur: 'sdBlur'
|
|
205
|
+
} as SdChipEvents,
|
|
206
|
+
defineCustomElement: defineSdChip
|
|
207
|
+
});
|
|
208
|
+
|
|
187
209
|
export type SdCircleProgressEvents = NonNullable<unknown>;
|
|
188
210
|
|
|
189
211
|
export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents>({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.69",
|
|
4
4
|
"description": "Design System - React Component Wrappers",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"dev": "tsc --watch"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@sellmate/design-system": "^1.0.
|
|
57
|
+
"@sellmate/design-system": "^1.0.69",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|