@sellmate/design-system-react 1.0.1 → 1.0.2

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 +6 -1
  2. package/dist/components/components.js +9 -0
  3. package/dist/components/components.server.d.ts +6 -1
  4. package/dist/components/components.server.js +14 -3
  5. package/lib/components/components.server.ts +19 -4
  6. package/lib/components/components.ts +13 -1
  7. package/package.json +3 -3
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 SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type RadioValue, type Row, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, 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";
@@ -26,6 +26,7 @@ import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/compon
26
26
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
27
27
  import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
28
28
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
29
+ import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
29
30
  import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
30
31
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
31
32
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -115,6 +116,10 @@ export type SdPortalEvents = {
115
116
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
116
117
  export type SdProgressEvents = NonNullable<unknown>;
117
118
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
119
+ export type SdRadioEvents = {
120
+ onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>>;
121
+ };
122
+ export declare const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents>;
118
123
  export type SdRadioButtonGroupEvents = {
119
124
  onSdUpdate: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
120
125
  };
package/dist/components/components.js CHANGED
@@ -22,6 +22,7 @@ import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } fr
22
22
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
23
23
  import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
24
24
  import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
25
+ import { SdRadio as SdRadioElement, defineCustomElement as defineSdRadio } from "@sellmate/design-system/dist/components/sd-radio.js";
25
26
  import { SdSelectDropdown as SdSelectDropdownElement, defineCustomElement as defineSdSelectDropdown } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
26
27
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
27
28
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -224,6 +225,14 @@ export const SdProgress = /*@__PURE__*/ createComponent({
224
225
  events: {},
225
226
  defineCustomElement: defineSdProgress
226
227
  });
228
+ export const SdRadio = /*@__PURE__*/ createComponent({
229
+ tagName: 'sd-radio',
230
+ elementClass: SdRadioElement,
231
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
232
+ react: React,
233
+ events: { onSdUpdate: 'sdUpdate' },
234
+ defineCustomElement: defineSdRadio
235
+ });
227
236
  export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
228
237
  tagName: 'sd-radio-button-group',
229
238
  elementClass: SdRadioButtonGroupElement,
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 SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
5
+ import { type CheckedType, type RadioValue, type Row, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, 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";
@@ -26,6 +26,7 @@ import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/compon
26
26
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
27
27
  import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
28
28
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
29
+ import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
29
30
  import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
30
31
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
31
32
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -117,6 +118,10 @@ export type SdPortalEvents = {
117
118
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
118
119
  export type SdProgressEvents = NonNullable<unknown>;
119
120
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
121
+ export type SdRadioEvents = {
122
+ onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>>;
123
+ };
124
+ export declare const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents>;
120
125
  export type SdRadioButtonGroupEvents = {
121
126
  onSdUpdate: EventName<SdRadioButtonGroupCustomEvent<RadioValue>>;
122
127
  };
package/dist/components/components.server.js CHANGED
@@ -125,8 +125,7 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
125
125
  disabled: 'disabled',
126
126
  inline: 'inline',
127
127
  multiple: 'multiple',
128
- accept: 'accept',
129
- width: 'width'
128
+ accept: 'accept'
130
129
  },
131
130
  hydrateModule: import('@sellmate/design-system/hydrate'),
132
131
  clientModule: clientComponents.SdFilePicker,
@@ -303,6 +302,18 @@ export const SdProgress = /*@__PURE__*/ createComponent({
303
302
  clientModule: clientComponents.SdProgress,
304
303
  serializeShadowRoot,
305
304
  });
305
+ export const SdRadio = /*@__PURE__*/ createComponent({
306
+ tagName: 'sd-radio',
307
+ properties: {
308
+ value: 'value',
309
+ disabled: 'disabled',
310
+ val: 'val',
311
+ label: 'label'
312
+ },
313
+ hydrateModule: import('@sellmate/design-system/hydrate'),
314
+ clientModule: clientComponents.SdRadio,
315
+ serializeShadowRoot,
316
+ });
306
317
  export const SdRadioButtonGroup = /*@__PURE__*/ createComponent({
307
318
  tagName: 'sd-radio-button-group',
308
319
  properties: {
@@ -321,7 +332,7 @@ export const SdRadioGroup = /*@__PURE__*/ createComponent({
321
332
  value: 'value',
322
333
  direction: 'direction',
323
334
  disabled: 'disabled',
324
- name: 'name'
335
+ groupName: 'group-name'
325
336
  },
326
337
  hydrateModule: import('@sellmate/design-system/hydrate'),
327
338
  clientModule: clientComponents.SdRadioGroup,
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 SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
11
+ import { type CheckedType, type Event, type RadioValue, type Row, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, 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";
@@ -32,6 +32,7 @@ import { SdPortal as SdPortalElement } from "@sellmate/design-system/dist/compon
32
32
  import { SdProgress as SdProgressElement } from "@sellmate/design-system/dist/components/sd-progress.js";
33
33
  import { SdRadioButtonGroup as SdRadioButtonGroupElement } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
34
34
  import { SdRadioGroup as SdRadioGroupElement } from "@sellmate/design-system/dist/components/sd-radio-group.js";
35
+ import { SdRadio as SdRadioElement } from "@sellmate/design-system/dist/components/sd-radio.js";
35
36
  import { SdSelectDropdown as SdSelectDropdownElement } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
36
37
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
37
38
  import { SdSelectMultiple as SdSelectMultipleElement } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -199,8 +200,7 @@ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePick
199
200
  disabled: 'disabled',
200
201
  inline: 'inline',
201
202
  multiple: 'multiple',
202
- accept: 'accept',
203
- width: 'width'
203
+ accept: 'accept'
204
204
  },
205
205
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
206
206
  clientModule: clientComponents.SdFilePicker as ReactWebComponent<SdFilePickerElement, SdFilePickerEvents>,
@@ -428,6 +428,21 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
428
428
  serializeShadowRoot,
429
429
  });
430
430
 
431
+ export type SdRadioEvents = { onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>> };
432
+
433
+ export const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents> = /*@__PURE__*/ createComponent<SdRadioElement, SdRadioEvents>({
434
+ tagName: 'sd-radio',
435
+ properties: {
436
+ value: 'value',
437
+ disabled: 'disabled',
438
+ val: 'val',
439
+ label: 'label'
440
+ },
441
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
442
+ clientModule: clientComponents.SdRadio as ReactWebComponent<SdRadioElement, SdRadioEvents>,
443
+ serializeShadowRoot,
444
+ });
445
+
431
446
  export type SdRadioButtonGroupEvents = { onSdUpdate: EventName<SdRadioButtonGroupCustomEvent<RadioValue>> };
432
447
 
433
448
  export const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents> = /*@__PURE__*/ createComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>({
@@ -451,7 +466,7 @@ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGro
451
466
  value: 'value',
452
467
  direction: 'direction',
453
468
  disabled: 'disabled',
454
- name: 'name'
469
+ groupName: 'group-name'
455
470
  },
456
471
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
457
472
  clientModule: clientComponents.SdRadioGroup as ReactWebComponent<SdRadioGroupElement, SdRadioGroupEvents>,
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 SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup } from "@sellmate/design-system";
10
+ import { type CheckedType, type Event, type RadioValue, type Row, type SdCheckboxCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdModalCardCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdTableCustomEvent, type SdTextareaCustomEvent, 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";
@@ -31,6 +31,7 @@ import { SdPortal as SdPortalElement, defineCustomElement as defineSdPortal } fr
31
31
  import { SdProgress as SdProgressElement, defineCustomElement as defineSdProgress } from "@sellmate/design-system/dist/components/sd-progress.js";
32
32
  import { SdRadioButtonGroup as SdRadioButtonGroupElement, defineCustomElement as defineSdRadioButtonGroup } from "@sellmate/design-system/dist/components/sd-radio-button-group.js";
33
33
  import { SdRadioGroup as SdRadioGroupElement, defineCustomElement as defineSdRadioGroup } from "@sellmate/design-system/dist/components/sd-radio-group.js";
34
+ import { SdRadio as SdRadioElement, defineCustomElement as defineSdRadio } from "@sellmate/design-system/dist/components/sd-radio.js";
34
35
  import { SdSelectDropdown as SdSelectDropdownElement, defineCustomElement as defineSdSelectDropdown } from "@sellmate/design-system/dist/components/sd-select-dropdown.js";
35
36
  import { SdSelectMultipleGroup as SdSelectMultipleGroupElement, defineCustomElement as defineSdSelectMultipleGroup } from "@sellmate/design-system/dist/components/sd-select-multiple-group.js";
36
37
  import { SdSelectMultiple as SdSelectMultipleElement, defineCustomElement as defineSdSelectMultiple } from "@sellmate/design-system/dist/components/sd-select-multiple.js";
@@ -315,6 +316,17 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
315
316
  defineCustomElement: defineSdProgress
316
317
  });
317
318
 
319
+ export type SdRadioEvents = { onSdUpdate: EventName<SdRadioCustomEvent<RadioValue>> };
320
+
321
+ export const SdRadio: StencilReactComponent<SdRadioElement, SdRadioEvents> = /*@__PURE__*/ createComponent<SdRadioElement, SdRadioEvents>({
322
+ tagName: 'sd-radio',
323
+ elementClass: SdRadioElement,
324
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
325
+ react: React,
326
+ events: { onSdUpdate: 'sdUpdate' } as SdRadioEvents,
327
+ defineCustomElement: defineSdRadio
328
+ });
329
+
318
330
  export type SdRadioButtonGroupEvents = { onSdUpdate: EventName<SdRadioButtonGroupCustomEvent<RadioValue>> };
319
331
 
320
332
  export const SdRadioButtonGroup: StencilReactComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents> = /*@__PURE__*/ createComponent<SdRadioButtonGroupElement, SdRadioButtonGroupEvents>({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
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.0",
57
+ "@sellmate/design-system": "^1.0.1",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {
@@ -68,5 +68,5 @@
68
68
  "rimraf": "^6.0.1",
69
69
  "typescript": "^5.9.3"
70
70
  },
71
- "gitHead": "ae544f9699f123d0b3c2a2077018863ca9fb4af5"
71
+ "gitHead": "7ed8dfc2b3860b29f8494d9655f57b96b39df520"
72
72
  }