@sellmate/design-system-react 0.0.55 → 0.0.57

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 +11 -1
  2. package/dist/components/components.js +18 -0
  3. package/dist/components/components.server.d.ts +11 -1
  4. package/dist/components/components.server.js +23 -0
  5. package/lib/components/components.server.ts +32 -1
  6. package/lib/components/components.ts +25 -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 Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, 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 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";
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";
@@ -19,6 +19,7 @@ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dis
19
19
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
20
20
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
21
21
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
22
+ import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
22
23
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
23
24
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
24
25
  import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
@@ -30,6 +31,7 @@ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/s
30
31
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
31
32
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
32
33
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
34
+ import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
33
35
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
34
36
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
35
37
  import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
@@ -90,6 +92,10 @@ export type SdPortalEvents = {
90
92
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
91
93
  export type SdProgressEvents = NonNullable<unknown>;
92
94
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
95
+ export type SdRadioGroupEvents = {
96
+ onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
97
+ };
98
+ export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
93
99
  export type SdSelectEvents = {
94
100
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
95
101
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
@@ -142,6 +148,10 @@ export type SdTdEvents = NonNullable<unknown>;
142
148
  export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
143
149
  export type SdThEvents = NonNullable<unknown>;
144
150
  export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
151
+ export type SdToggleEvents = {
152
+ onSdChange: EventName<CustomEvent<boolean>>;
153
+ };
154
+ export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
145
155
  export type SdTooltipEvents = NonNullable<unknown>;
146
156
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
147
157
  export type SdTooltipPortalEvents = {
package/dist/components/components.js CHANGED
@@ -15,6 +15,7 @@ import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPag
15
15
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
16
16
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
17
17
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
18
+ import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
18
19
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
19
20
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
20
21
  import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
@@ -26,6 +27,7 @@ import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sell
26
27
  import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
27
28
  import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
28
29
  import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
30
+ import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
29
31
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
30
32
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
31
33
  import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
@@ -171,6 +173,14 @@ export const SdProgress = /*@__PURE__*/ createComponent({
171
173
  events: {},
172
174
  defineCustomElement: defineSdProgress
173
175
  });
176
+ export const SdRadioGroup = /*@__PURE__*/ createComponent({
177
+ tagName: 'sd-radio-group',
178
+ elementClass: SdRadioGroupElement,
179
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
180
+ react: React,
181
+ events: { onSdChange: 'sdChange' },
182
+ defineCustomElement: defineSdRadioGroup
183
+ });
174
184
  export const SdSelect = /*@__PURE__*/ createComponent({
175
185
  tagName: 'sd-select',
176
186
  elementClass: SdSelectElement,
@@ -276,6 +286,14 @@ export const SdTh = /*@__PURE__*/ createComponent({
276
286
  events: {},
277
287
  defineCustomElement: defineSdTh
278
288
  });
289
+ export const SdToggle = /*@__PURE__*/ createComponent({
290
+ tagName: 'sd-toggle',
291
+ elementClass: SdToggleElement,
292
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
293
+ react: React,
294
+ events: { onSdChange: 'sdChange' },
295
+ defineCustomElement: defineSdToggle
296
+ });
279
297
  export const SdTooltip = /*@__PURE__*/ createComponent({
280
298
  tagName: 'sd-tooltip',
281
299
  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 Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, 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 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";
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";
@@ -19,6 +19,7 @@ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dis
19
19
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
20
20
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
21
21
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
22
+ import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
22
23
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
23
24
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
24
25
  import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
@@ -30,6 +31,7 @@ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/s
30
31
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
31
32
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
32
33
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
34
+ import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
33
35
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
34
36
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
35
37
  import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
@@ -92,6 +94,10 @@ export type SdPortalEvents = {
92
94
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
93
95
  export type SdProgressEvents = NonNullable<unknown>;
94
96
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
97
+ export type SdRadioGroupEvents = {
98
+ onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
99
+ };
100
+ export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
95
101
  export type SdSelectEvents = {
96
102
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
97
103
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
@@ -144,6 +150,10 @@ export type SdTdEvents = NonNullable<unknown>;
144
150
  export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
145
151
  export type SdThEvents = NonNullable<unknown>;
146
152
  export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
153
+ export type SdToggleEvents = {
154
+ onSdChange: EventName<CustomEvent<boolean>>;
155
+ };
156
+ export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
147
157
  export type SdTooltipEvents = NonNullable<unknown>;
148
158
  export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
149
159
  export type SdTooltipPortalEvents = {
package/dist/components/components.server.js CHANGED
@@ -221,6 +221,18 @@ export const SdProgress = /*@__PURE__*/ createComponent({
221
221
  clientModule: clientComponents.SdProgress,
222
222
  serializeShadowRoot,
223
223
  });
224
+ export const SdRadioGroup = /*@__PURE__*/ createComponent({
225
+ tagName: 'sd-radio-group',
226
+ properties: {
227
+ value: 'value',
228
+ direction: 'direction',
229
+ disabled: 'disabled',
230
+ name: 'name'
231
+ },
232
+ hydrateModule: import('@sellmate/design-system/hydrate'),
233
+ clientModule: clientComponents.SdRadioGroup,
234
+ serializeShadowRoot,
235
+ });
224
236
  export const SdSelect = /*@__PURE__*/ createComponent({
225
237
  tagName: 'sd-select',
226
238
  properties: {
@@ -379,6 +391,17 @@ export const SdTh = /*@__PURE__*/ createComponent({
379
391
  clientModule: clientComponents.SdTh,
380
392
  serializeShadowRoot,
381
393
  });
394
+ export const SdToggle = /*@__PURE__*/ createComponent({
395
+ tagName: 'sd-toggle',
396
+ properties: {
397
+ value: 'value',
398
+ label: 'label',
399
+ disabled: 'disabled'
400
+ },
401
+ hydrateModule: import('@sellmate/design-system/hydrate'),
402
+ clientModule: clientComponents.SdToggle,
403
+ serializeShadowRoot,
404
+ });
382
405
  export const SdTooltip = /*@__PURE__*/ createComponent({
383
406
  tagName: 'sd-tooltip',
384
407
  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 Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, 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 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";
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";
@@ -25,6 +25,7 @@ import { SdPagination as SdPaginationElement } from "@sellmate/design-system/dis
25
25
  import { SdPopover as SdPopoverElement } from "@sellmate/design-system/dist/components/sd-popover.js";
26
26
  import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/components/sd-portal.js";
27
27
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
28
+ import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
28
29
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
29
30
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
30
31
  import { SdSelectOptionGroup as SdSelectOptionGroupElement } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
@@ -36,6 +37,7 @@ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/s
36
37
  import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
37
38
  import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
38
39
  import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
40
+ import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
39
41
  import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
40
42
  import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
41
43
  import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
@@ -318,6 +320,21 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
318
320
  serializeShadowRoot,
319
321
  });
320
322
 
323
+ export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
324
+
325
+ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
326
+ tagName: 'sd-radio-group',
327
+ properties: {
328
+ value: 'value',
329
+ direction: 'direction',
330
+ disabled: 'disabled',
331
+ name: 'name'
332
+ },
333
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
334
+ clientModule: clientComponents.SdRadioGroup as ReactWebComponent<SdRadioGroupElement, SdRadioGroupEvents>,
335
+ serializeShadowRoot,
336
+ });
337
+
321
338
  export type SdSelectEvents = {
322
339
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
323
340
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
@@ -539,6 +556,20 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
539
556
  serializeShadowRoot,
540
557
  });
541
558
 
559
+ export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
560
+
561
+ export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
562
+ tagName: 'sd-toggle',
563
+ properties: {
564
+ value: 'value',
565
+ label: 'label',
566
+ disabled: 'disabled'
567
+ },
568
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
569
+ clientModule: clientComponents.SdToggle as ReactWebComponent<SdToggleElement, SdToggleEvents>,
570
+ serializeShadowRoot,
571
+ });
572
+
542
573
  export type SdTooltipEvents = NonNullable<unknown>;
543
574
 
544
575
  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 Row, type SdButtonCustomEvent, type SdCheckboxCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, 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 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
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";
@@ -24,6 +24,7 @@ import { SdPagination as SdPaginationElement, defineCustomElement as defineSdPag
24
24
  import { SdPopover as SdPopoverElement, defineCustomElement as defineSdPopover } from "@sellmate/design-system/dist/components/sd-popover.js";
25
25
  import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } from "@sellmate/design-system/dist/components/sd-portal.js";
26
26
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
27
+ import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
27
28
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
28
29
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
29
30
  import { SdSelectOptionGroup as SdSelectOptionGroupElement, defineCustomElement as defineSdSelectOptionGroup } from "@sellmate/design-system/dist/components/sd-select-option-group.js";
@@ -35,6 +36,7 @@ import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sell
35
36
  import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
36
37
  import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
37
38
  import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
39
+ import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
38
40
  import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
39
41
  import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
40
42
  import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
@@ -242,6 +244,17 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
242
244
  defineCustomElement: defineSdProgress
243
245
  });
244
246
 
247
+ export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
248
+
249
+ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
250
+ tagName: 'sd-radio-group',
251
+ elementClass: SdRadioGroupElement,
252
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
253
+ react: React,
254
+ events: { onSdChange: 'sdChange' } as SdRadioGroupEvents,
255
+ defineCustomElement: defineSdRadioGroup
256
+ });
257
+
245
258
  export type SdSelectEvents = {
246
259
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
247
260
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
@@ -410,6 +423,17 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
410
423
  defineCustomElement: defineSdTh
411
424
  });
412
425
 
426
+ export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
427
+
428
+ export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
429
+ tagName: 'sd-toggle',
430
+ elementClass: SdToggleElement,
431
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
432
+ react: React,
433
+ events: { onSdChange: 'sdChange' } as SdToggleEvents,
434
+ defineCustomElement: defineSdToggle
435
+ });
436
+
413
437
  export type SdTooltipEvents = NonNullable<unknown>;
414
438
 
415
439
  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.55",
3
+ "version": "0.0.57",
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.49",
57
+ "@sellmate/design-system": "^0.0.51",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {