@sellmate/design-system-react 0.0.54 → 0.0.56

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 +12 -0
  5. package/lib/components/components.server.ts +17 -1
  6. package/lib/components/components.ts +13 -1
  7. package/package.json +71 -71
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";
@@ -90,6 +91,10 @@ export type SdPortalEvents = {
90
91
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
91
92
  export type SdProgressEvents = NonNullable<unknown>;
92
93
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
94
+ export type SdRadioGroupEvents = {
95
+ onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
96
+ };
97
+ export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
93
98
  export type SdSelectEvents = {
94
99
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
95
100
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
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";
@@ -171,6 +172,14 @@ export const SdProgress = /*@__PURE__*/ createComponent({
171
172
  events: {},
172
173
  defineCustomElement: defineSdProgress
173
174
  });
175
+ export const SdRadioGroup = /*@__PURE__*/ createComponent({
176
+ tagName: 'sd-radio-group',
177
+ elementClass: SdRadioGroupElement,
178
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
179
+ react: React,
180
+ events: { onSdChange: 'sdChange' },
181
+ defineCustomElement: defineSdRadioGroup
182
+ });
174
183
  export const SdSelect = /*@__PURE__*/ createComponent({
175
184
  tagName: 'sd-select',
176
185
  elementClass: SdSelectElement,
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";
@@ -92,6 +93,10 @@ export type SdPortalEvents = {
92
93
  export declare const SdPortal: StencilReactComponent<SdPortalElement, SdPortalEvents>;
93
94
  export type SdProgressEvents = NonNullable<unknown>;
94
95
  export declare const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEvents>;
96
+ export type SdRadioGroupEvents = {
97
+ onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>>;
98
+ };
99
+ export declare const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents>;
95
100
  export type SdSelectEvents = {
96
101
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>;
97
102
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>;
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: {
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";
@@ -318,6 +319,21 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
318
319
  serializeShadowRoot,
319
320
  });
320
321
 
322
+ export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
323
+
324
+ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
325
+ tagName: 'sd-radio-group',
326
+ properties: {
327
+ value: 'value',
328
+ direction: 'direction',
329
+ disabled: 'disabled',
330
+ name: 'name'
331
+ },
332
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
333
+ clientModule: clientComponents.SdRadioGroup as ReactWebComponent<SdRadioGroupElement, SdRadioGroupEvents>,
334
+ serializeShadowRoot,
335
+ });
336
+
321
337
  export type SdSelectEvents = {
322
338
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
323
339
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
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";
@@ -242,6 +243,17 @@ export const SdProgress: StencilReactComponent<SdProgressElement, SdProgressEven
242
243
  defineCustomElement: defineSdProgress
243
244
  });
244
245
 
246
+ export type SdRadioGroupEvents = { onSdChange: EventName<SdRadioGroupCustomEvent<RadioValue>> };
247
+
248
+ export const SdRadioGroup: StencilReactComponent<SdRadioGroupElement, SdRadioGroupEvents> = /*@__PURE__*/ createComponent<SdRadioGroupElement, SdRadioGroupEvents>({
249
+ tagName: 'sd-radio-group',
250
+ elementClass: SdRadioGroupElement,
251
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
252
+ react: React,
253
+ events: { onSdChange: 'sdChange' } as SdRadioGroupEvents,
254
+ defineCustomElement: defineSdRadioGroup
255
+ });
256
+
245
257
  export type SdSelectEvents = {
246
258
  onSdChange: EventName<SdSelectCustomEvent<SelectEvents['sdChange']>>,
247
259
  onDropDownShow: EventName<SdSelectCustomEvent<SelectEvents['dropDownShow']>>
package/package.json CHANGED
@@ -1,71 +1,71 @@
1
- {
2
- "name": "@sellmate/design-system-react",
3
- "version": "0.0.54",
4
- "description": "Design System - React Component Wrappers",
5
- "keywords": [
6
- "react",
7
- "web-components",
8
- "design-system",
9
- "ui-library"
10
- ],
11
- "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
12
- "repository": {
13
- "type": "git",
14
- "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
15
- },
16
- "bugs": {
17
- "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
18
- },
19
- "license": "MIT",
20
- "author": {
21
- "name": "MeeKyeong Kim",
22
- "email": "kmeijjing@gmail.com"
23
- },
24
- "main": "dist/index.js",
25
- "module": "dist/index.js",
26
- "types": "dist/index.d.ts",
27
- "exports": {
28
- ".": {
29
- "types": "./dist/index.d.ts",
30
- "import": "./dist/index.js",
31
- "require": "./dist/index.js"
32
- },
33
- "./next": {
34
- "types": "./dist/components/components.server.d.ts",
35
- "import": "./dist/components/components.server.js",
36
- "require": "./dist/components/components.server.js"
37
- }
38
- },
39
- "directories": {
40
- "lib": "lib",
41
- "test": "__tests__"
42
- },
43
- "files": [
44
- "dist",
45
- "lib"
46
- ],
47
- "publishConfig": {
48
- "access": "public"
49
- },
50
- "scripts": {
51
- "prebuild": "rimraf dist",
52
- "build": "tsc",
53
- "clean": "rimraf lib dist",
54
- "dev": "tsc --watch"
55
- },
56
- "dependencies": {
57
- "@sellmate/design-system": "^0.0.48",
58
- "@stencil/react-output-target": "^1.2.0"
59
- },
60
- "peerDependencies": {
61
- "react": ">=16.8.0",
62
- "react-dom": ">=16.8.0"
63
- },
64
- "devDependencies": {
65
- "@types/react": "^19.2.2",
66
- "react": "^19.2.0",
67
- "react-dom": "^19.2.0",
68
- "rimraf": "^6.0.1",
69
- "typescript": "^5.9.3"
70
- }
71
- }
1
+ {
2
+ "name": "@sellmate/design-system-react",
3
+ "version": "0.0.56",
4
+ "description": "Design System - React Component Wrappers",
5
+ "keywords": [
6
+ "react",
7
+ "web-components",
8
+ "design-system",
9
+ "ui-library"
10
+ ],
11
+ "homepage": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/blob/main/README.md?ref_type=heads",
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system.git"
15
+ },
16
+ "bugs": {
17
+ "url": "https://gitlab.corp.sellmate.co.kr/sellmate/frontend/design-system/-/issues"
18
+ },
19
+ "license": "MIT",
20
+ "author": {
21
+ "name": "MeeKyeong Kim",
22
+ "email": "kmeijjing@gmail.com"
23
+ },
24
+ "main": "dist/index.js",
25
+ "module": "dist/index.js",
26
+ "types": "dist/index.d.ts",
27
+ "exports": {
28
+ ".": {
29
+ "types": "./dist/index.d.ts",
30
+ "import": "./dist/index.js",
31
+ "require": "./dist/index.js"
32
+ },
33
+ "./next": {
34
+ "types": "./dist/components/components.server.d.ts",
35
+ "import": "./dist/components/components.server.js",
36
+ "require": "./dist/components/components.server.js"
37
+ }
38
+ },
39
+ "directories": {
40
+ "lib": "lib",
41
+ "test": "__tests__"
42
+ },
43
+ "files": [
44
+ "dist",
45
+ "lib"
46
+ ],
47
+ "publishConfig": {
48
+ "access": "public"
49
+ },
50
+ "scripts": {
51
+ "prebuild": "rimraf dist",
52
+ "build": "tsc",
53
+ "clean": "rimraf lib dist",
54
+ "dev": "tsc --watch"
55
+ },
56
+ "dependencies": {
57
+ "@sellmate/design-system": "^0.0.50",
58
+ "@stencil/react-output-target": "^1.2.0"
59
+ },
60
+ "peerDependencies": {
61
+ "react": ">=16.8.0",
62
+ "react-dom": ">=16.8.0"
63
+ },
64
+ "devDependencies": {
65
+ "@types/react": "^19.2.2",
66
+ "react": "^19.2.0",
67
+ "react-dom": "^19.2.0",
68
+ "rimraf": "^6.0.1",
69
+ "typescript": "^5.9.3"
70
+ }
71
+ }