@sellmate/design-system-react 1.8.0 → 1.10.0

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 (9) hide show
  1. package/dist/components/components.d.ts +8 -1
  2. package/dist/components/components.js +13 -0
  3. package/dist/components/components.server.d.ts +8 -1
  4. package/dist/components/components.server.js +27 -1
  5. package/dist/define-custom-elements.js +2 -0
  6. package/lib/components/components.server.ts +35 -2
  7. package/lib/components/components.ts +21 -1
  8. package/lib/define-custom-elements.ts +2 -0
  9. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
5
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
6
- import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
6
+ import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdChipInputCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
7
7
  import type { Components } from "@sellmate/design-system/dist/components";
8
8
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
9
9
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
@@ -13,6 +13,7 @@ import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/co
13
13
  import { SdCallout as SdCalloutElement } from "@sellmate/design-system/dist/components/sd-callout.js";
14
14
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
15
15
  import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
16
+ import { SdChipInput as SdChipInputElement } from "@sellmate/design-system/dist/components/sd-chip-input.js";
16
17
  import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
17
18
  import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
18
19
  import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
@@ -103,6 +104,12 @@ export type SdChipEvents = {
103
104
  onSdBlur: EventName<SdChipCustomEvent<void>>;
104
105
  };
105
106
  export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents, Components.SdChip>;
107
+ export type SdChipInputEvents = {
108
+ onSdUpdate: EventName<SdChipInputCustomEvent<string[]>>;
109
+ onSdFocus: EventName<SdChipInputCustomEvent<void>>;
110
+ onSdBlur: EventName<SdChipInputCustomEvent<void>>;
111
+ };
112
+ export declare const SdChipInput: StencilReactComponent<SdChipInputElement, SdChipInputEvents, Components.SdChipInput>;
106
113
  export type SdCircleProgressEvents = NonNullable<unknown>;
107
114
  export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents, Components.SdCircleProgress>;
108
115
  export type SdConfirmModalEvents = {
package/dist/components/components.js CHANGED
@@ -9,6 +9,7 @@ import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalenda
9
9
  import { SdCallout as SdCalloutElement, defineCustomElement as defineSdCallout } from "@sellmate/design-system/dist/components/sd-callout.js";
10
10
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
11
11
  import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
12
+ import { SdChipInput as SdChipInputElement, defineCustomElement as defineSdChipInput } from "@sellmate/design-system/dist/components/sd-chip-input.js";
12
13
  import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
13
14
  import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
14
15
  import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
@@ -146,6 +147,18 @@ export const SdChip = /*@__PURE__*/ createComponent({
146
147
  },
147
148
  defineCustomElement: defineSdChip
148
149
  });
150
+ export const SdChipInput = /*@__PURE__*/ createComponent({
151
+ tagName: 'sd-chip-input',
152
+ elementClass: SdChipInputElement,
153
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
154
+ react: React,
155
+ events: {
156
+ onSdUpdate: 'sdUpdate',
157
+ onSdFocus: 'sdFocus',
158
+ onSdBlur: 'sdBlur'
159
+ },
160
+ defineCustomElement: defineSdChipInput
161
+ });
149
162
  export const SdCircleProgress = /*@__PURE__*/ createComponent({
150
163
  tagName: 'sd-circle-progress',
151
164
  elementClass: SdCircleProgressElement,
package/dist/components/components.server.d.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  */
5
5
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
6
6
  import { type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
7
- import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
7
+ import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdChipInputCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
8
8
  import type { Components } from "@sellmate/design-system/dist/components";
9
9
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
10
10
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
@@ -14,6 +14,7 @@ import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/co
14
14
  import { SdCallout as SdCalloutElement } from "@sellmate/design-system/dist/components/sd-callout.js";
15
15
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
16
16
  import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
17
+ import { SdChipInput as SdChipInputElement } from "@sellmate/design-system/dist/components/sd-chip-input.js";
17
18
  import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
18
19
  import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
19
20
  import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
@@ -105,6 +106,12 @@ export type SdChipEvents = {
105
106
  onSdBlur: EventName<SdChipCustomEvent<void>>;
106
107
  };
107
108
  export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents, Components.SdChip>;
109
+ export type SdChipInputEvents = {
110
+ onSdUpdate: EventName<SdChipInputCustomEvent<string[]>>;
111
+ onSdFocus: EventName<SdChipInputCustomEvent<void>>;
112
+ onSdBlur: EventName<SdChipInputCustomEvent<void>>;
113
+ };
114
+ export declare const SdChipInput: StencilReactComponent<SdChipInputElement, SdChipInputEvents, Components.SdChipInput>;
108
115
  export type SdCircleProgressEvents = NonNullable<unknown>;
109
116
  export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents, Components.SdCircleProgress>;
110
117
  export type SdConfirmModalEvents = {
package/dist/components/components.server.js CHANGED
@@ -124,6 +124,30 @@ export const SdChip = /*@__PURE__*/ createComponent({
124
124
  clientModule: clientComponents.SdChip,
125
125
  serializeShadowRoot
126
126
  });
127
+ export const SdChipInput = /*@__PURE__*/ createComponent({
128
+ tagName: 'sd-chip-input',
129
+ properties: {
130
+ size: 'size',
131
+ disabled: 'disabled',
132
+ placeholder: 'placeholder',
133
+ name: 'name',
134
+ error: 'error',
135
+ useReset: 'use-reset',
136
+ label: 'label',
137
+ labelWidth: 'label-width',
138
+ hint: 'hint',
139
+ errorMessage: 'error-message',
140
+ width: 'width',
141
+ status: 'status',
142
+ labelTooltip: 'label-tooltip',
143
+ values: 'values',
144
+ errors: 'errors',
145
+ rules: 'rules'
146
+ },
147
+ hydrateModule: import('@sellmate/design-system/hydrate'),
148
+ clientModule: clientComponents.SdChipInput,
149
+ serializeShadowRoot
150
+ });
127
151
  export const SdCircleProgress = /*@__PURE__*/ createComponent({
128
152
  tagName: 'sd-circle-progress',
129
153
  properties: {
@@ -338,6 +362,7 @@ export const SdGhostButton = /*@__PURE__*/ createComponent({
338
362
  size: 'size',
339
363
  intent: 'intent',
340
364
  ariaLabel: 'aria-label',
365
+ tooltipLabel: 'tooltip-label',
341
366
  disabled: 'disabled'
342
367
  },
343
368
  hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -713,6 +738,7 @@ export const SdTabs = /*@__PURE__*/ createComponent({
713
738
  value: 'value',
714
739
  size: 'size',
715
740
  isSub: 'is-sub',
741
+ vertical: 'vertical',
716
742
  tabs: 'tabs'
717
743
  },
718
744
  hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -764,7 +790,7 @@ export const SdTextLink = /*@__PURE__*/ createComponent({
764
790
  icon: 'icon',
765
791
  iconColor: 'icon-color',
766
792
  labelClass: 'label-class',
767
- useArrow: 'use-arrow',
793
+ rightArrow: 'right-arrow',
768
794
  underline: 'underline',
769
795
  disabled: 'disabled'
770
796
  },
package/dist/define-custom-elements.js CHANGED
@@ -8,6 +8,7 @@ import { defineCustomElement as defineSdTbody } from '@sellmate/design-system/di
8
8
  import { defineCustomElement as defineSdTd } from '@sellmate/design-system/dist/components/sd-td.js';
9
9
  import { defineCustomElement as defineSdThead } from '@sellmate/design-system/dist/components/sd-thead.js';
10
10
  import { defineCustomElement as defineSdTr } from '@sellmate/design-system/dist/components/sd-tr.js';
11
+ import { defineCustomElement as defineSdDivider } from '@sellmate/design-system/dist/components/sd-divider.js';
11
12
  export function defineCustomElements() {
12
13
  if (typeof customElements === 'undefined')
13
14
  return;
@@ -20,6 +21,7 @@ export function defineCustomElements() {
20
21
  defineSdTd();
21
22
  defineSdThead();
22
23
  defineSdTr();
24
+ defineSdDivider();
23
25
  // 나머지 컴포넌트는 Stencil loader가 lazy 등록
24
26
  defineLazyCustomElements();
25
27
  }
package/lib/components/components.server.ts CHANGED
@@ -10,7 +10,7 @@
10
10
  import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
11
11
  import { createComponent, type HydrateModule, type SerializeShadowRootOptions } from '@stencil/react-output-target/ssr';
12
12
 
13
- import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
13
+ import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdChipInputCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
14
14
  // @ts-ignore - ignore potential type issues as the project is importing itself
15
15
  import * as clientComponents from "@sellmate/design-system-react";
16
16
  import type { Components } from "@sellmate/design-system/dist/components";
@@ -22,6 +22,7 @@ import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/co
22
22
  import { SdCallout as SdCalloutElement } from "@sellmate/design-system/dist/components/sd-callout.js";
23
23
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
24
24
  import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
25
+ import { SdChipInput as SdChipInputElement } from "@sellmate/design-system/dist/components/sd-chip-input.js";
25
26
  import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
26
27
  import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
27
28
  import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
@@ -234,6 +235,36 @@ export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents, Componen
234
235
  serializeShadowRoot
235
236
  });
236
237
 
238
+ export type SdChipInputEvents = {
239
+ onSdUpdate: EventName<SdChipInputCustomEvent<string[]>>,
240
+ onSdFocus: EventName<SdChipInputCustomEvent<void>>,
241
+ onSdBlur: EventName<SdChipInputCustomEvent<void>>
242
+ };
243
+
244
+ export const SdChipInput: StencilReactComponent<SdChipInputElement, SdChipInputEvents, Components.SdChipInput> = /*@__PURE__*/ createComponent<SdChipInputElement, SdChipInputEvents, Components.SdChipInput>({
245
+ tagName: 'sd-chip-input',
246
+ properties: {
247
+ size: 'size',
248
+ disabled: 'disabled',
249
+ placeholder: 'placeholder',
250
+ name: 'name',
251
+ error: 'error',
252
+ useReset: 'use-reset',
253
+ label: 'label',
254
+ labelWidth: 'label-width',
255
+ hint: 'hint',
256
+ errorMessage: 'error-message',
257
+ width: 'width',
258
+ status: 'status',
259
+ labelTooltip: 'label-tooltip',
260
+ values: 'values',
261
+ errors: 'errors',
262
+ rules: 'rules'},
263
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
264
+ clientModule: clientComponents.SdChipInput as StencilReactComponent<SdChipInputElement, SdChipInputEvents, Components.SdChipInput>,
265
+ serializeShadowRoot
266
+ });
267
+
237
268
  export type SdCircleProgressEvents = NonNullable<unknown>;
238
269
 
239
270
  export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents, Components.SdCircleProgress> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents, Components.SdCircleProgress>({
@@ -509,6 +540,7 @@ export const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostB
509
540
  size: 'size',
510
541
  intent: 'intent',
511
542
  ariaLabel: 'aria-label',
543
+ tooltipLabel: 'tooltip-label',
512
544
  disabled: 'disabled'
513
545
  },
514
546
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
@@ -973,6 +1005,7 @@ export const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents, Componen
973
1005
  value: 'value',
974
1006
  size: 'size',
975
1007
  isSub: 'is-sub',
1008
+ vertical: 'vertical',
976
1009
  tabs: 'tabs'},
977
1010
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
978
1011
  clientModule: clientComponents.SdTabs as StencilReactComponent<SdTabsElement, SdTabsEvents, Components.SdTabs>,
@@ -1034,7 +1067,7 @@ export const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEven
1034
1067
  icon: 'icon',
1035
1068
  iconColor: 'icon-color',
1036
1069
  labelClass: 'label-class',
1037
- useArrow: 'use-arrow',
1070
+ rightArrow: 'right-arrow',
1038
1071
  underline: 'underline',
1039
1072
  disabled: 'disabled'
1040
1073
  },
package/lib/components/components.ts CHANGED
@@ -11,7 +11,7 @@ import type { EventName, StencilReactComponent } from '@stencil/react-output-tar
11
11
  import { createComponent } from '@stencil/react-output-target/runtime';
12
12
  import React from 'react';
13
13
 
14
- import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
14
+ import { type CheckedType, type DateRangeValue, type DropdownButtonValue, type Event, type RadioValue, type Row, type SdActionModalCustomEvent, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdCalendarCustomEvent, type SdCheckboxCustomEvent, type SdChipCustomEvent, type SdChipInputCustomEvent, type SdConfirmModalCustomEvent, type SdDateBoxCustomEvent, type SdDatePickerCustomEvent, type SdDatePickerTriggerCustomEvent, type SdDateRangePickerCalendarCustomEvent, type SdDateRangePickerCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdFloatingPortalCustomEvent, type SdFormCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdKeyValueChangeDetail, type SdKeyValueTableCustomEvent, type SdLoadingModalCustomEvent, type SdNumberInputCustomEvent, type SdPaginationCustomEvent, type SdPopoverCustomEvent, type SdPopupCustomEvent, type SdPortalCustomEvent, type SdRadioButtonCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectListItemCustomEvent, type SdSelectListItemSearchCustomEvent, type SdSelectListboxCustomEvent, type SdSelectTriggerCustomEvent, type SdSwitchCustomEvent, type SdTableColumn, type SdTableCustomEvent, type SdTabsCustomEvent, type SdTextLinkCustomEvent, type SdTextareaCustomEvent, type SdTheadCustomEvent, type SdToastContainerCustomEvent, type SdToastCustomEvent, type SdToggleCustomEvent, type SelectOption, type SelectOptionSelectDetail, type SelectValue } from "@sellmate/design-system";
15
15
  import type { Components } from "@sellmate/design-system/dist/components";
16
16
  import { SdActionModal as SdActionModalElement, defineCustomElement as defineSdActionModal } from "@sellmate/design-system/dist/components/sd-action-modal.js";
17
17
  import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
@@ -21,6 +21,7 @@ import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalenda
21
21
  import { SdCallout as SdCalloutElement, defineCustomElement as defineSdCallout } from "@sellmate/design-system/dist/components/sd-callout.js";
22
22
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
23
23
  import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
24
+ import { SdChipInput as SdChipInputElement, defineCustomElement as defineSdChipInput } from "@sellmate/design-system/dist/components/sd-chip-input.js";
24
25
  import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
25
26
  import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
26
27
  import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
@@ -201,6 +202,25 @@ export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents, Componen
201
202
  defineCustomElement: defineSdChip
202
203
  });
203
204
 
205
+ export type SdChipInputEvents = {
206
+ onSdUpdate: EventName<SdChipInputCustomEvent<string[]>>,
207
+ onSdFocus: EventName<SdChipInputCustomEvent<void>>,
208
+ onSdBlur: EventName<SdChipInputCustomEvent<void>>
209
+ };
210
+
211
+ export const SdChipInput: StencilReactComponent<SdChipInputElement, SdChipInputEvents, Components.SdChipInput> = /*@__PURE__*/ createComponent<SdChipInputElement, SdChipInputEvents, Components.SdChipInput>({
212
+ tagName: 'sd-chip-input',
213
+ elementClass: SdChipInputElement,
214
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
215
+ react: React,
216
+ events: {
217
+ onSdUpdate: 'sdUpdate',
218
+ onSdFocus: 'sdFocus',
219
+ onSdBlur: 'sdBlur'
220
+ } as SdChipInputEvents,
221
+ defineCustomElement: defineSdChipInput
222
+ });
223
+
204
224
  export type SdCircleProgressEvents = NonNullable<unknown>;
205
225
 
206
226
  export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents, Components.SdCircleProgress> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents, Components.SdCircleProgress>({
package/lib/define-custom-elements.ts CHANGED
@@ -9,6 +9,7 @@ import { defineCustomElement as defineSdTbody } from '@sellmate/design-system/di
9
9
  import { defineCustomElement as defineSdTd } from '@sellmate/design-system/dist/components/sd-td.js';
10
10
  import { defineCustomElement as defineSdThead } from '@sellmate/design-system/dist/components/sd-thead.js';
11
11
  import { defineCustomElement as defineSdTr } from '@sellmate/design-system/dist/components/sd-tr.js';
12
+ import { defineCustomElement as defineSdDivider } from '@sellmate/design-system/dist/components/sd-divider.js';
12
13
 
13
14
  export function defineCustomElements(): void {
14
15
  if (typeof customElements === 'undefined') return;
@@ -22,6 +23,7 @@ export function defineCustomElements(): void {
22
23
  defineSdTd();
23
24
  defineSdThead();
24
25
  defineSdTr();
26
+ defineSdDivider();
25
27
 
26
28
  // 나머지 컴포넌트는 Stencil loader가 lazy 등록
27
29
  defineLazyCustomElements();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "1.8.0",
3
+ "version": "1.10.0",
4
4
  "description": "Design System - React Component Wrappers",
5
5
  "keywords": [
6
6
  "react",
@@ -55,7 +55,7 @@
55
55
  "typecheck": "tsc --noEmit"
56
56
  },
57
57
  "dependencies": {
58
- "@sellmate/design-system": "^1.8.0",
58
+ "@sellmate/design-system": "^1.10.0",
59
59
  "@stencil/react-output-target": "^1.2.0"
60
60
  },
61
61
  "peerDependencies": {