@sellmate/design-system-react 0.0.58 → 0.0.60

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 (7) hide show
  1. package/dist/components/components.d.ts +43 -1
  2. package/dist/components/components.js +64 -0
  3. package/dist/components/components.server.d.ts +43 -1
  4. package/dist/components/components.server.js +85 -0
  5. package/lib/components/components.server.ts +120 -1
  6. package/lib/components/components.ts +93 -1
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -10,15 +10,18 @@ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/co
10
10
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
11
11
  import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
12
12
  import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
13
+ import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
13
14
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
14
15
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
16
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
16
17
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
17
18
  import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
19
+ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
18
20
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
19
21
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
20
22
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
21
23
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
24
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
22
25
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
23
26
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
24
27
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -27,10 +30,13 @@ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system
27
30
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
28
31
  import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
29
32
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
33
+ import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
30
34
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
31
35
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
32
36
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
33
37
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
38
+ import { SdToastMessage as SdToastMessageElement } from "@sellmate/design-system/dist/components/sd-toast-message.js";
39
+ import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
34
40
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
35
41
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
36
42
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -61,6 +67,10 @@ export type SdDateRangePickerEvents = {
61
67
  onSdChange: EventName<CustomEvent<[string, string]>>;
62
68
  };
63
69
  export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
70
+ export type SdFilePickerEvents = {
71
+ onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
72
+ };
73
+ export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
64
74
  export type SdGuideEvents = NonNullable<unknown>;
65
75
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
66
76
  export type SdIconEvents = NonNullable<unknown>;
@@ -80,6 +90,21 @@ export type SdModalCardEvents = {
80
90
  onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>;
81
91
  };
82
92
  export declare const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents>;
93
+ export type SdNumberInputEvents = {
94
+ onSdIncrement: EventName<CustomEvent<{
95
+ currentVal: number;
96
+ prevVal: number;
97
+ }>>;
98
+ onSdDecrement: EventName<CustomEvent<{
99
+ currentVal: number;
100
+ prevVal: number;
101
+ }>>;
102
+ onSdInput: EventName<CustomEvent<number | null>>;
103
+ onSdChange: EventName<CustomEvent<number | null>>;
104
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
105
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>;
106
+ };
107
+ export declare const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents>;
83
108
  export type SdPaginationEvents = {
84
109
  onPageChange: EventName<CustomEvent<number>>;
85
110
  };
@@ -92,6 +117,10 @@ export type SdPortalEvents = {
92
117
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
93
118
  export type SdProgressEvents = NonNullable<unknown>;
94
119
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
120
+ export type SdRadioButtonGroupEvents = {
121
+ onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
122
+ };
123
+ export declare const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>;
95
124
  export type SdRadioGroupEvents = {
96
125
  onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
97
126
  };
@@ -140,6 +169,10 @@ export type SdTableBackupEvents = {
140
169
  onSdRowsPerPageChange: EventName<CustomEvent<number>>;
141
170
  };
142
171
  export declare const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents>;
172
+ export type SdTabsEvents = {
173
+ onSdChange: EventName<CustomEvent<string>>;
174
+ };
175
+ export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
143
176
  export type SdTagEvents = NonNullable<unknown>;
144
177
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
145
178
  export type SdTbodyEvents = NonNullable<unknown>;
@@ -148,10 +181,19 @@ export type SdTdEvents = NonNullable<unknown>;
148
181
  export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
149
182
  export type SdThEvents = NonNullable<unknown>;
150
183
  export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
184
+ export type SdToastMessageEvents = {
185
+ onSdClose: EventName<CustomEvent<void>>;
186
+ onSdButtonClick: EventName<CustomEvent<void>>;
187
+ };
188
+ export declare const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents>;
151
189
  export type SdToggleEvents = {
152
190
  onSdChange: EventName<CustomEvent<boolean>>;
153
191
  };
154
192
  export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
193
+ export type SdToggleButtonEvents = {
194
+ onSdChange: EventName<CustomEvent<boolean>>;
195
+ };
196
+ export declare const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents>;
155
197
  export type SdTooltipEvents = NonNullable<unknown>;
156
198
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
157
199
  export type SdTooltipPortalEvents = {
package/dist/components/components.js CHANGED
@@ -6,15 +6,18 @@ import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbo
6
6
  import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
7
7
  import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
8
8
  import { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
9
+ import { SdFilePicker as SdFilePickerElement, defineCustomElement as defineSdFilePicker } from "@sellmate/design-system/dist/components/sd-file-picker.js";
9
10
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
10
11
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
11
12
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
12
13
  import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
13
14
  import { SdModalCard as SdModalCardElement, defineCustomElement as defineSdModalCard } from "@sellmate/design-system/dist/components/sd-modal-card.js";
15
+ import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdNumberInput } from "@sellmate/design-system/dist/components/sd-number-input.js";
14
16
  import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
15
17
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
16
18
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
17
19
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
20
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
18
21
  import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
19
22
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
20
23
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -23,10 +26,13 @@ import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineS
23
26
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
24
27
  import { SdTableBackup as SdTableBackupElement, defineCustomElement as defineSdTableBackup } from "@sellmate/design-system/dist/components/sd-table-backup.js";
25
28
  import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
29
+ import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
26
30
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
27
31
  import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
28
32
  import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
29
33
  import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
34
+ import { SdToastMessage as SdToastMessageElement, defineCustomElement as defineSdToastMessage } from "@sellmate/design-system/dist/components/sd-toast-message.js";
35
+ import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
30
36
  import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
31
37
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
32
38
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -92,6 +98,14 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
92
98
  events: { onSdChange: 'sdChange' },
93
99
  defineCustomElement: defineSdDateRangePicker
94
100
  });
101
+ export const SdFilePicker = /*@__PURE__*/ createComponent({
102
+ tagName: 'sd-file-picker',
103
+ elementClass: SdFilePickerElement,
104
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
105
+ react: React,
106
+ events: { onSdChange: 'sdChange' },
107
+ defineCustomElement: defineSdFilePicker
108
+ });
95
109
  export const SdGuide = /*@__PURE__*/ createComponent({
96
110
  tagName: 'sd-guide',
97
111
  elementClass: SdGuideElement,
@@ -141,6 +155,21 @@ export const SdModalCard = /*@__PURE__*/ createComponent({
141
155
  },
142
156
  defineCustomElement: defineSdModalCard
143
157
  });
158
+ export const SdNumberInput = /*@__PURE__*/ createComponent({
159
+ tagName: 'sd-number-input',
160
+ elementClass: SdNumberInputElement,
161
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
162
+ react: React,
163
+ events: {
164
+ onSdIncrement: 'sdIncrement',
165
+ onSdDecrement: 'sdDecrement',
166
+ onSdInput: 'sdInput',
167
+ onSdChange: 'sdChange',
168
+ onSdFocus: 'sdFocus',
169
+ onSdBlur: 'sdBlur'
170
+ },
171
+ defineCustomElement: defineSdNumberInput
172
+ });
144
173
  export const SdPagination = /*@__PURE__*/ createComponent({
145
174
  tagName: 'sd-pagination',
146
175
  elementClass: SdPaginationElement,
@@ -173,6 +202,14 @@ export const SdProgress = /*@__PURE__*/ createComponent({
173
202
  events: {},
174
203
  defineCustomElement: defineSdProgress
175
204
  });
205
+ export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
206
+ tagName: 'sd-radio-button-group',
207
+ elementClass: SdRadioButtonGroupElement,
208
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
209
+ react: React,
210
+ events: { onSdChange: 'sdChange' },
211
+ defineCustomElement: defineSdRadioButtonGroup
212
+ });
176
213
  export const SdRadioGroup = /*@__PURE__*/ createComponent({
177
214
  tagName: 'sd-radio-group',
178
215
  elementClass: SdRadioGroupElement,
@@ -254,6 +291,14 @@ export const SdTableBackup = /*@__PURE__*/ createComponent({
254
291
  },
255
292
  defineCustomElement: defineSdTableBackup
256
293
  });
294
+ export const SdTabs = /*@__PURE__*/ createComponent({
295
+ tagName: 'sd-tabs',
296
+ elementClass: SdTabsElement,
297
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
298
+ react: React,
299
+ events: { onSdChange: 'sdChange' },
300
+ defineCustomElement: defineSdTabs
301
+ });
257
302
  export const SdTag = /*@__PURE__*/ createComponent({
258
303
  tagName: 'sd-tag',
259
304
  elementClass: SdTagElement,
@@ -286,6 +331,17 @@ export const SdTh = /*@__PURE__*/ createComponent({
286
331
  events: {},
287
332
  defineCustomElement: defineSdTh
288
333
  });
334
+ export const SdToastMessage = /*@__PURE__*/ createComponent({
335
+ tagName: 'sd-toast-message',
336
+ elementClass: SdToastMessageElement,
337
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
338
+ react: React,
339
+ events: {
340
+ onSdClose: 'sdClose',
341
+ onSdButtonClick: 'sdButtonClick'
342
+ },
343
+ defineCustomElement: defineSdToastMessage
344
+ });
289
345
  export const SdToggle = /*@__PURE__*/ createComponent({
290
346
  tagName: 'sd-toggle',
291
347
  elementClass: SdToggleElement,
@@ -294,6 +350,14 @@ export const SdToggle = /*@__PURE__*/ createComponent({
294
350
  events: { onSdChange: 'sdChange' },
295
351
  defineCustomElement: defineSdToggle
296
352
  });
353
+ export const SdToggleButton = /*@__PURE__*/ createComponent({
354
+ tagName: 'sd-toggle-button',
355
+ elementClass: SdToggleButtonElement,
356
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
357
+ react: React,
358
+ events: { onSdChange: 'sdChange' },
359
+ defineCustomElement: defineSdToggleButton
360
+ });
297
361
  export const SdTooltip = /*@__PURE__*/ createComponent({
298
362
  tagName: 'sd-tooltip',
299
363
  elementClass: SdTooltipElement,
package/dist/components/components.server.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
8
8
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -10,15 +10,18 @@ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/co
10
10
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
11
11
  import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
12
12
  import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
13
+ import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
13
14
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
14
15
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
15
16
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
16
17
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
17
18
  import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
19
+ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
18
20
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
19
21
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
20
22
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
21
23
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
24
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
22
25
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
23
26
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
24
27
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -27,10 +30,13 @@ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system
27
30
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
28
31
  import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
29
32
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
33
+ import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
30
34
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
31
35
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
32
36
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
33
37
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
38
+ import { SdToastMessage as SdToastMessageElement } from "@sellmate/design-system/dist/components/sd-toast-message.js";
39
+ import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
34
40
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
35
41
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
36
42
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -63,6 +69,10 @@ export type SdDateRangePickerEvents = {
63
69
  onSdChange: EventName<CustomEvent<[string, string]>>;
64
70
  };
65
71
  export declare const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement, SdDateRangePickerEvents>;
72
+ export type SdFilePickerEvents = {
73
+ onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
74
+ };
75
+ export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
66
76
  export type SdGuideEvents = NonNullable<unknown>;
67
77
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
68
78
  export type SdIconEvents = NonNullable<unknown>;
@@ -82,6 +92,21 @@ export type SdModalCardEvents = {
82
92
  onSdConfirm: EventName<SdModalCardCustomEvent<MouseEvent>>;
83
93
  };
84
94
  export declare const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardEvents>;
95
+ export type SdNumberInputEvents = {
96
+ onSdIncrement: EventName<CustomEvent<{
97
+ currentVal: number;
98
+ prevVal: number;
99
+ }>>;
100
+ onSdDecrement: EventName<CustomEvent<{
101
+ currentVal: number;
102
+ prevVal: number;
103
+ }>>;
104
+ onSdInput: EventName<CustomEvent<number | null>>;
105
+ onSdChange: EventName<CustomEvent<number | null>>;
106
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>;
107
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>;
108
+ };
109
+ export declare const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents>;
85
110
  export type SdPaginationEvents = {
86
111
  onPageChange: EventName<CustomEvent<number>>;
87
112
  };
@@ -94,6 +119,10 @@ export type SdPortalEvents = {
94
119
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
95
120
  export type SdProgressEvents = NonNullable<unknown>;
96
121
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
122
+ export type SdRadioButtonGroupEvents = {
123
+ onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
124
+ };
125
+ export declare const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>;
97
126
  export type SdRadioGroupEvents = {
98
127
  onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
99
128
  };
@@ -142,6 +171,10 @@ export type SdTableBackupEvents = {
142
171
  onSdRowsPerPageChange: EventName<CustomEvent<number>>;
143
172
  };
144
173
  export declare const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableBackupEvents>;
174
+ export type SdTabsEvents = {
175
+ onSdChange: EventName<CustomEvent<string>>;
176
+ };
177
+ export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
145
178
  export type SdTagEvents = NonNullable<unknown>;
146
179
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
147
180
  export type SdTbodyEvents = NonNullable<unknown>;
@@ -150,10 +183,19 @@ export type SdTdEvents = NonNullable<unknown>;
150
183
  export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
151
184
  export type SdThEvents = NonNullable<unknown>;
152
185
  export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
186
+ export type SdToastMessageEvents = {
187
+ onSdClose: EventName<CustomEvent<void>>;
188
+ onSdButtonClick: EventName<CustomEvent<void>>;
189
+ };
190
+ export declare const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents>;
153
191
  export type SdToggleEvents = {
154
192
  onSdChange: EventName<CustomEvent<boolean>>;
155
193
  };
156
194
  export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
195
+ export type SdToggleButtonEvents = {
196
+ onSdChange: EventName<CustomEvent<boolean>>;
197
+ };
198
+ export declare const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents>;
157
199
  export type SdTooltipEvents = NonNullable<unknown>;
158
200
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
159
201
  export type SdTooltipPortalEvents = {
package/dist/components/components.server.js CHANGED
@@ -98,6 +98,20 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
98
98
  clientModule: clientComponents.SdDateRangePicker,
99
99
  serializeShadowRoot,
100
100
  });
101
+ export const SdFilePicker = /*@__PURE__*/ createComponent({
102
+ tagName: 'sd-file-picker',
103
+ properties: {
104
+ placeholder: 'placeholder',
105
+ disabled: 'disabled',
106
+ inline: 'inline',
107
+ multiple: 'multiple',
108
+ accept: 'accept',
109
+ width: 'width'
110
+ },
111
+ hydrateModule: import('@sellmate/design-system/hydrate'),
112
+ clientModule: clientComponents.SdFilePicker,
113
+ serializeShadowRoot,
114
+ });
101
115
  export const SdGuide = /*@__PURE__*/ createComponent({
102
116
  tagName: 'sd-guide',
103
117
  properties: {
@@ -165,6 +179,28 @@ export const SdModalCard = /*@__PURE__*/ createComponent({
165
179
  clientModule: clientComponents.SdModalCard,
166
180
  serializeShadowRoot,
167
181
  });
182
+ export const SdNumberInput = /*@__PURE__*/ createComponent({
183
+ tagName: 'sd-number-input',
184
+ properties: {
185
+ min: 'min',
186
+ max: 'max',
187
+ step: 'step',
188
+ useButton: 'use-button',
189
+ useDecimal: 'use-decimal',
190
+ value: 'value',
191
+ label: 'label',
192
+ placeholder: 'placeholder',
193
+ disabled: 'disabled',
194
+ width: 'width',
195
+ autoFocus: 'auto-focus',
196
+ status: 'status',
197
+ inputClass: 'input-class',
198
+ readonly: 'readonly'
199
+ },
200
+ hydrateModule: import('@sellmate/design-system/hydrate'),
201
+ clientModule: clientComponents.SdNumberInput,
202
+ serializeShadowRoot,
203
+ });
168
204
  export const SdPagination = /*@__PURE__*/ createComponent({
169
205
  tagName: 'sd-pagination',
170
206
  properties: {
@@ -221,6 +257,18 @@ export const SdProgress = /*@__PURE__*/ createComponent({
221
257
  clientModule: clientComponents.SdProgress,
222
258
  serializeShadowRoot,
223
259
  });
260
+ export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
261
+ tagName: 'sd-radio-button-group',
262
+ properties: {
263
+ value: 'value',
264
+ size: 'size',
265
+ disabled: 'disabled',
266
+ name: 'name'
267
+ },
268
+ hydrateModule: import('@sellmate/design-system/hydrate'),
269
+ clientModule: clientComponents.SdRadioButtonGroup,
270
+ serializeShadowRoot,
271
+ });
224
272
  export const SdRadioGroup = /*@__PURE__*/ createComponent({
225
273
  tagName: 'sd-radio-group',
226
274
  properties: {
@@ -352,6 +400,17 @@ export const SdTableBackup = /*@__PURE__*/ createComponent({
352
400
  clientModule: clientComponents.SdTableBackup,
353
401
  serializeShadowRoot,
354
402
  });
403
+ export const SdTabs = /*@__PURE__*/ createComponent({
404
+ tagName: 'sd-tabs',
405
+ properties: {
406
+ value: 'value',
407
+ size: 'size',
408
+ isSub: 'is-sub'
409
+ },
410
+ hydrateModule: import('@sellmate/design-system/hydrate'),
411
+ clientModule: clientComponents.SdTabs,
412
+ serializeShadowRoot,
413
+ });
355
414
  export const SdTag = /*@__PURE__*/ createComponent({
356
415
  tagName: 'sd-tag',
357
416
  properties: {
@@ -391,6 +450,21 @@ export const SdTh = /*@__PURE__*/ createComponent({
391
450
  clientModule: clientComponents.SdTh,
392
451
  serializeShadowRoot,
393
452
  });
453
+ export const SdToastMessage = /*@__PURE__*/ createComponent({
454
+ tagName: 'sd-toast-message',
455
+ properties: {
456
+ icon: 'icon',
457
+ message: 'message',
458
+ link: 'link',
459
+ linkLabel: 'link-label',
460
+ buttonLabel: 'button-label',
461
+ close: 'close',
462
+ type: 'type'
463
+ },
464
+ hydrateModule: import('@sellmate/design-system/hydrate'),
465
+ clientModule: clientComponents.SdToastMessage,
466
+ serializeShadowRoot,
467
+ });
394
468
  export const SdToggle = /*@__PURE__*/ createComponent({
395
469
  tagName: 'sd-toggle',
396
470
  properties: {
@@ -402,6 +476,17 @@ export const SdToggle = /*@__PURE__*/ createComponent({
402
476
  clientModule: clientComponents.SdToggle,
403
477
  serializeShadowRoot,
404
478
  });
479
+ export const SdToggleButton = /*@__PURE__*/ createComponent({
480
+ tagName: 'sd-toggle-button',
481
+ properties: {
482
+ value: 'value',
483
+ label: 'label',
484
+ disabled: 'disabled'
485
+ },
486
+ hydrateModule: import('@sellmate/design-system/hydrate'),
487
+ clientModule: clientComponents.SdToggleButton,
488
+ serializeShadowRoot,
489
+ });
405
490
  export const SdTooltip = /*@__PURE__*/ createComponent({
406
491
  tagName: 'sd-tooltip',
407
492
  properties: {
package/lib/components/components.server.ts CHANGED
@@ -8,7 +8,7 @@
8
8
  // @ts-ignore - ignore potential type issues as the project is importing itself
9
9
  import * as clientComponents from '@sellmate/design-system-react';
10
10
 
11
- import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
+ import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
12
12
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
13
13
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
14
14
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -16,15 +16,18 @@ import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/co
16
16
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
17
17
  import { SdDatePicker as SdDatePickerElement } from "@sellmate/design-system/dist/components/sd-date-picker.js";
18
18
  import { SdDateRangePicker as SdDateRangePickerElement } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
19
+ import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
19
20
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
20
21
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
21
22
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
22
23
  import { SdLoadingSpinner as SdLoadingSpinnerElement } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
23
24
  import { SdModalCard as SdModalCardElement } from "@sellmate/design-system/dist/components/sd-modal-card.js";
25
+ import { SdNumberInput as SdNumberInputElement } from "@sellmate/design-system/dist/components/sd-number-input.js";
24
26
  import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dist/components/sd-pagination.js";
25
27
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
26
28
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
27
29
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
30
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
28
31
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
29
32
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
30
33
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -33,10 +36,13 @@ import { SdSelectOption as SdSelectOptionElement } from "@sellmate/design-system
33
36
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
34
37
  import { SdTableBackup as SdTableBackupElement } from "@sellmate/design-system/dist/components/sd-table-backup.js";
35
38
  import { SdTable as SdTableElement } from "@sellmate/design-system/dist/components/sd-table.js";
39
+ import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
36
40
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
37
41
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
38
42
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
39
43
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
44
+ import { SdToastMessage as SdToastMessageElement } from "@sellmate/design-system/dist/components/sd-toast-message.js";
45
+ import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
40
46
  import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
41
47
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
42
48
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -161,6 +167,23 @@ export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement,
161
167
  serializeShadowRoot,
162
168
  });
163
169
 
170
+ export type SdFilePickerEvents = { onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
171
+
172
+ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
173
+ tagName: 'sd-file-picker',
174
+ properties: {
175
+ placeholder: 'placeholder',
176
+ disabled: 'disabled',
177
+ inline: 'inline',
178
+ multiple: 'multiple',
179
+ accept: 'accept',
180
+ width: 'width'
181
+ },
182
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
183
+ clientModule: clientComponents.SdFilePicker as ReactWebComponent<SdFilePickerElement, SdFilePickerEvents>,
184
+ serializeShadowRoot,
185
+ });
186
+
164
187
  export type SdGuideEvents = NonNullable<unknown>;
165
188
 
166
189
  export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@__PURE__*/ createComponent<SdGuideElement, SdGuideEvents>({
@@ -252,6 +275,38 @@ export const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardE
252
275
  serializeShadowRoot,
253
276
  });
254
277
 
278
+ export type SdNumberInputEvents = {
279
+ onSdIncrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
280
+ onSdDecrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
281
+ onSdInput: EventName<CustomEvent<number | null>>,
282
+ onSdChange: EventName<CustomEvent<number | null>>,
283
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
284
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>
285
+ };
286
+
287
+ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents> = /*@__PURE__*/ createComponent<SdNumberInputElement, SdNumberInputEvents>({
288
+ tagName: 'sd-number-input',
289
+ properties: {
290
+ min: 'min',
291
+ max: 'max',
292
+ step: 'step',
293
+ useButton: 'use-button',
294
+ useDecimal: 'use-decimal',
295
+ value: 'value',
296
+ label: 'label',
297
+ placeholder: 'placeholder',
298
+ disabled: 'disabled',
299
+ width: 'width',
300
+ autoFocus: 'auto-focus',
301
+ status: 'status',
302
+ inputClass: 'input-class',
303
+ readonly: 'readonly'
304
+ },
305
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
306
+ clientModule: clientComponents.SdNumberInput as ReactWebComponent<SdNumberInputElement, SdNumberInputEvents>,
307
+ serializeShadowRoot,
308
+ });
309
+
255
310
  export type SdPaginationEvents = { onPageChange: EventName<CustomEvent<number>> };
256
311
 
257
312
  export const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents> = /*@__PURE__*/ createComponent<SdPaginationElement, SdPaginationEvents>({
@@ -320,6 +375,21 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
320
375
  serializeShadowRoot,
321
376
  });
322
377
 
378
+ export type SdRadioButtonGroupEvents = { onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>> };
379
+
380
+ export const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents> = /*@__PURE__*/ createComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>({
381
+ tagName: 'sd-radio-button-group',
382
+ properties: {
383
+ value: 'value',
384
+ size: 'size',
385
+ disabled: 'disabled',
386
+ name: 'name'
387
+ },
388
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
389
+ clientModule: clientComponents.SdRadioButtonGroup as ReactWebComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>,
390
+ serializeShadowRoot,
391
+ });
392
+
323
393
  export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
324
394
 
325
395
  export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
@@ -505,6 +575,20 @@ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableB
505
575
  serializeShadowRoot,
506
576
  });
507
577
 
578
+ export type SdTabsEvents = { onSdChange: EventName<CustomEvent<string>> };
579
+
580
+ export const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents> = /*@__PURE__*/ createComponent<SdTabsElement, SdTabsEvents>({
581
+ tagName: 'sd-tabs',
582
+ properties: {
583
+ value: 'value',
584
+ size: 'size',
585
+ isSub: 'is-sub'
586
+ },
587
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
588
+ clientModule: clientComponents.SdTabs as ReactWebComponent<SdTabsElement, SdTabsEvents>,
589
+ serializeShadowRoot,
590
+ });
591
+
508
592
  export type SdTagEvents = NonNullable<unknown>;
509
593
 
510
594
  export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
@@ -556,6 +640,27 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
556
640
  serializeShadowRoot,
557
641
  });
558
642
 
643
+ export type SdToastMessageEvents = {
644
+ onSdClose: EventName<CustomEvent<void>>,
645
+ onSdButtonClick: EventName<CustomEvent<void>>
646
+ };
647
+
648
+ export const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents> = /*@__PURE__*/ createComponent<SdToastMessageElement, SdToastMessageEvents>({
649
+ tagName: 'sd-toast-message',
650
+ properties: {
651
+ icon: 'icon',
652
+ message: 'message',
653
+ link: 'link',
654
+ linkLabel: 'link-label',
655
+ buttonLabel: 'button-label',
656
+ close: 'close',
657
+ type: 'type'
658
+ },
659
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
660
+ clientModule: clientComponents.SdToastMessage as ReactWebComponent<SdToastMessageElement, SdToastMessageEvents>,
661
+ serializeShadowRoot,
662
+ });
663
+
559
664
  export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
560
665
 
561
666
  export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
@@ -570,6 +675,20 @@ export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> =
570
675
  serializeShadowRoot,
571
676
  });
572
677
 
678
+ export type SdToggleButtonEvents = { onSdChange: EventName<CustomEvent<boolean>> };
679
+
680
+ export const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents> = /*@__PURE__*/ createComponent<SdToggleButtonElement, SdToggleButtonEvents>({
681
+ tagName: 'sd-toggle-button',
682
+ properties: {
683
+ value: 'value',
684
+ label: 'label',
685
+ disabled: 'disabled'
686
+ },
687
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
688
+ clientModule: clientComponents.SdToggleButton as ReactWebComponent<SdToggleButtonElement, SdToggleButtonEvents>,
689
+ serializeShadowRoot,
690
+ });
691
+
573
692
  export type SdTooltipEvents = NonNullable<unknown>;
574
693
 
575
694
  export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
package/lib/components/components.ts CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable */
9
9
 
10
- import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
10
+ import { type CheckedType, type Event, type RadioValue, type Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableBackupCustomEvent, type SdTableCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
11
  import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
12
12
  import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
13
13
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
@@ -15,15 +15,18 @@ import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbo
15
15
  import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
16
16
  import { SdDatePicker as SdDatePickerElement, defineCustomElement as defineSdDatePicker } from "@sellmate/design-system/dist/components/sd-date-picker.js";
17
17
  import { SdDateRangePicker as SdDateRangePickerElement, defineCustomElement as defineSdDateRangePicker } from "@sellmate/design-system/dist/components/sd-date-range-picker.js";
18
+ import { SdFilePicker as SdFilePickerElement, defineCustomElement as defineSdFilePicker } from "@sellmate/design-system/dist/components/sd-file-picker.js";
18
19
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
19
20
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
20
21
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
21
22
  import { SdLoadingSpinner as SdLoadingSpinnerElement, defineCustomElement as defineSdLoadingSpinner } from "@sellmate/design-system/dist/components/sd-loading-spinner.js";
22
23
  import { SdModalCard as SdModalCardElement, defineCustomElement as defineSdModalCard } from "@sellmate/design-system/dist/components/sd-modal-card.js";
24
+ import { SdNumberInput as SdNumberInputElement, defineCustomElement as defineSdNumberInput } from "@sellmate/design-system/dist/components/sd-number-input.js";
23
25
  import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPagination } from "@sellmate/design-system/dist/components/sd-pagination.js";
24
26
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
25
27
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
26
28
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
29
+ import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
27
30
  import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
28
31
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
29
32
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -32,10 +35,13 @@ import { SdSelectOption as SdSelectOptionElement, defineCustomElement as defineS
32
35
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
33
36
  import { SdTableBackup as SdTableBackupElement, defineCustomElement as defineSdTableBackup } from "@sellmate/design-system/dist/components/sd-table-backup.js";
34
37
  import { SdTable as SdTableElement, defineCustomElement as defineSdTable } from "@sellmate/design-system/dist/components/sd-table.js";
38
+ import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
35
39
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
36
40
  import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
37
41
  import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
38
42
  import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
43
+ import { SdToastMessage as SdToastMessageElement, defineCustomElement as defineSdToastMessage } from "@sellmate/design-system/dist/components/sd-toast-message.js";
44
+ import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
39
45
  import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
40
46
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
41
47
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
@@ -127,6 +133,17 @@ export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement,
127
133
  defineCustomElement: defineSdDateRangePicker
128
134
  });
129
135
 
136
+ export type SdFilePickerEvents = { onSdChange: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
137
+
138
+ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
139
+ tagName: 'sd-file-picker',
140
+ elementClass: SdFilePickerElement,
141
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
142
+ react: React,
143
+ events: { onSdChange: 'sdChange' } as SdFilePickerEvents,
144
+ defineCustomElement: defineSdFilePicker
145
+ });
146
+
130
147
  export type SdGuideEvents = NonNullable<unknown>;
131
148
 
132
149
  export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@__PURE__*/ createComponent<SdGuideElement, SdGuideEvents>({
@@ -200,6 +217,31 @@ export const SdModalCard: StencilReactComponent<SdModalCardElement, SdModalCardE
200
217
  defineCustomElement: defineSdModalCard
201
218
  });
202
219
 
220
+ export type SdNumberInputEvents = {
221
+ onSdIncrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
222
+ onSdDecrement: EventName<CustomEvent<{ currentVal: number; prevVal: number }>>,
223
+ onSdInput: EventName<CustomEvent<number | null>>,
224
+ onSdChange: EventName<CustomEvent<number | null>>,
225
+ onSdFocus: EventName<SdNumberInputCustomEvent<Event>>,
226
+ onSdBlur: EventName<SdNumberInputCustomEvent<Event>>
227
+ };
228
+
229
+ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumberInputEvents> = /*@__PURE__*/ createComponent<SdNumberInputElement, SdNumberInputEvents>({
230
+ tagName: 'sd-number-input',
231
+ elementClass: SdNumberInputElement,
232
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
233
+ react: React,
234
+ events: {
235
+ onSdIncrement: 'sdIncrement',
236
+ onSdDecrement: 'sdDecrement',
237
+ onSdInput: 'sdInput',
238
+ onSdChange: 'sdChange',
239
+ onSdFocus: 'sdFocus',
240
+ onSdBlur: 'sdBlur'
241
+ } as SdNumberInputEvents,
242
+ defineCustomElement: defineSdNumberInput
243
+ });
244
+
203
245
  export type SdPaginationEvents = { onPageChange: EventName<CustomEvent<number>> };
204
246
 
205
247
  export const SdPagination: StencilReactComponent<SdPaginationElement, SdPaginationEvents> = /*@__PURE__*/ createComponent<SdPaginationElement, SdPaginationEvents>({
@@ -244,6 +286,17 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
244
286
  defineCustomElement: defineSdProgress
245
287
  });
246
288
 
289
+ export type SdRadioButtonGroupEvents = { onSdChange: EventName<SdRadioButtonGroupCustomEvent<RadioValue>> };
290
+
291
+ export const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents> = /*@__PURE__*/ createComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>({
292
+ tagName: 'sd-radio-button-group',
293
+ elementClass: SdRadioButtonGroupElement,
294
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
295
+ react: React,
296
+ events: { onSdChange: 'sdChange' } as SdRadioButtonGroupEvents,
297
+ defineCustomElement: defineSdRadioButtonGroup
298
+ });
299
+
247
300
  export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
248
301
 
249
302
  export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
@@ -379,6 +432,17 @@ export const SdTableBackup: StencilReactComponent<SdTableBackupElement, SdTableB
379
432
  defineCustomElement: defineSdTableBackup
380
433
  });
381
434
 
435
+ export type SdTabsEvents = { onSdChange: EventName<CustomEvent<string>> };
436
+
437
+ export const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents> = /*@__PURE__*/ createComponent<SdTabsElement, SdTabsEvents>({
438
+ tagName: 'sd-tabs',
439
+ elementClass: SdTabsElement,
440
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
441
+ react: React,
442
+ events: { onSdChange: 'sdChange' } as SdTabsEvents,
443
+ defineCustomElement: defineSdTabs
444
+ });
445
+
382
446
  export type SdTagEvents = NonNullable<unknown>;
383
447
 
384
448
  export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE__*/ createComponent<SdTagElement, SdTagEvents>({
@@ -423,6 +487,23 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
423
487
  defineCustomElement: defineSdTh
424
488
  });
425
489
 
490
+ export type SdToastMessageEvents = {
491
+ onSdClose: EventName<CustomEvent<void>>,
492
+ onSdButtonClick: EventName<CustomEvent<void>>
493
+ };
494
+
495
+ export const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToastMessageEvents> = /*@__PURE__*/ createComponent<SdToastMessageElement, SdToastMessageEvents>({
496
+ tagName: 'sd-toast-message',
497
+ elementClass: SdToastMessageElement,
498
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
499
+ react: React,
500
+ events: {
501
+ onSdClose: 'sdClose',
502
+ onSdButtonClick: 'sdButtonClick'
503
+ } as SdToastMessageEvents,
504
+ defineCustomElement: defineSdToastMessage
505
+ });
506
+
426
507
  export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
427
508
 
428
509
  export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
@@ -434,6 +515,17 @@ export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> =
434
515
  defineCustomElement: defineSdToggle
435
516
  });
436
517
 
518
+ export type SdToggleButtonEvents = { onSdChange: EventName<CustomEvent<boolean>> };
519
+
520
+ export const SdToggleButton: StencilReactComponent<SdToggleButtonElement, SdToggleButtonEvents> = /*@__PURE__*/ createComponent<SdToggleButtonElement, SdToggleButtonEvents>({
521
+ tagName: 'sd-toggle-button',
522
+ elementClass: SdToggleButtonElement,
523
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
524
+ react: React,
525
+ events: { onSdChange: 'sdChange' } as SdToggleButtonEvents,
526
+ defineCustomElement: defineSdToggleButton
527
+ });
528
+
437
529
  export type SdTooltipEvents = NonNullable<unknown>;
438
530
 
439
531
  export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "0.0.58",
3
+ "version": "0.0.60",
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": "^0.0.52",
57
+ "@sellmate/design-system": "^0.0.54",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {