@sellmate/design-system-react 1.0.38 → 1.0.40

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 +7 -2
  2. package/dist/components/components.js +9 -0
  3. package/dist/components/components.server.d.ts +7 -2
  4. package/dist/components/components.server.js +30 -8
  5. package/lib/components/components.server.ts +36 -10
  6. package/lib/components/components.ts +14 -2
  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 DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2UpdateDetail, type SelectV2Value } from "@sellmate/design-system";
5
+ import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
8
8
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
@@ -47,6 +47,7 @@ import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/co
47
47
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
48
48
  import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
49
49
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
50
+ import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
50
51
  import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
51
52
  import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
52
53
  import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
@@ -228,7 +229,7 @@ export type SdSelectSearchInputEvents = {
228
229
  };
229
230
  export declare const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>;
230
231
  export type SdSelectV2Events = {
231
- onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2UpdateDetail | SelectV2Value>>;
232
+ onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>;
232
233
  onSdDropDownShow: EventName<CustomEvent<{
233
234
  isOpen: boolean;
234
235
  }>>;
@@ -257,6 +258,10 @@ export type SdTabsEvents = {
257
258
  export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
258
259
  export type SdTagEvents = NonNullable<unknown>;
259
260
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
261
+ export type SdTextLinkEvents = {
262
+ onSdClick: EventName<CustomEvent<void>>;
263
+ };
264
+ export declare const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents>;
260
265
  export type SdTextareaEvents = {
261
266
  onSdUpdate: EventName<CustomEvent<string | null>>;
262
267
  onSdFocus: EventName<SdTextareaCustomEvent<Event>>;
package/dist/components/components.js CHANGED
@@ -43,6 +43,7 @@ import { SdSelectV2 as SdSelectV2Element, defineCustomElement as defineSdSelectV
43
43
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
44
44
  import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
45
45
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
46
+ import { SdTextLink as SdTextLinkElement, defineCustomElement as defineSdTextLink } from "@sellmate/design-system/dist/components/sd-text-link.js";
46
47
  import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
47
48
  import { SdToastContainer as SdToastContainerElement, defineCustomElement as defineSdToastContainer } from "@sellmate/design-system/dist/components/sd-toast-container.js";
48
49
  import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from "@sellmate/design-system/dist/components/sd-toast.js";
@@ -460,6 +461,14 @@ export const SdTag = /*@__PURE__*/ createComponent({
460
461
  events: {},
461
462
  defineCustomElement: defineSdTag
462
463
  });
464
+ export const SdTextLink = /*@__PURE__*/ createComponent({
465
+ tagName: 'sd-text-link',
466
+ elementClass: SdTextLinkElement,
467
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
468
+ react: React,
469
+ events: { onSdClick: 'sdClick' },
470
+ defineCustomElement: defineSdTextLink
471
+ });
463
472
  export const SdTextarea = /*@__PURE__*/ createComponent({
464
473
  tagName: 'sd-textarea',
465
474
  elementClass: SdTextareaElement,
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 DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2UpdateDetail, type SelectV2Value } from "@sellmate/design-system";
5
+ import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } from "@sellmate/design-system";
6
6
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
7
7
  import { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
8
8
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
@@ -47,6 +47,7 @@ import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/co
47
47
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
48
48
  import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
49
49
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
50
+ import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
50
51
  import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
51
52
  import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
52
53
  import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
@@ -230,7 +231,7 @@ export type SdSelectSearchInputEvents = {
230
231
  };
231
232
  export declare const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputElement, SdSelectSearchInputEvents>;
232
233
  export type SdSelectV2Events = {
233
- onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2UpdateDetail | SelectV2Value>>;
234
+ onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>;
234
235
  onSdDropDownShow: EventName<CustomEvent<{
235
236
  isOpen: boolean;
236
237
  }>>;
@@ -259,6 +260,10 @@ export type SdTabsEvents = {
259
260
  export declare const SdTabs: StencilReactComponent<SdTabsElement, SdTabsEvents>;
260
261
  export type SdTagEvents = NonNullable<unknown>;
261
262
  export declare const SdTag: StencilReactComponent<SdTagElement, SdTagEvents>;
263
+ export type SdTextLinkEvents = {
264
+ onSdClick: EventName<CustomEvent<void>>;
265
+ };
266
+ export declare const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents>;
262
267
  export type SdTextareaEvents = {
263
268
  onSdUpdate: EventName<CustomEvent<string | null>>;
264
269
  onSdFocus: EventName<SdTextareaCustomEvent<Event>>;
package/dist/components/components.server.js CHANGED
@@ -160,8 +160,11 @@ export const SdField = /*@__PURE__*/ createComponent({
160
160
  hovered: 'hovered',
161
161
  focused: 'focused',
162
162
  status: 'status',
163
+ hint: 'hint',
164
+ errorMessage: 'error-message',
165
+ width: 'width',
163
166
  label: 'label',
164
- insideLabel: 'inside-label',
167
+ addonLabel: 'addon-label',
165
168
  labelTooltip: 'label-tooltip',
166
169
  rules: 'rules'
167
170
  },
@@ -234,14 +237,16 @@ export const SdInput = /*@__PURE__*/ createComponent({
234
237
  properties: {
235
238
  value: 'value',
236
239
  type: 'type',
237
- insideLabel: 'inside-label',
240
+ size: 'size',
241
+ addonLabel: 'addon-label',
238
242
  placeholder: 'placeholder',
239
243
  disabled: 'disabled',
240
244
  clearable: 'clearable',
241
245
  width: 'width',
242
- barcode: 'barcode',
243
246
  autoFocus: 'auto-focus',
244
247
  status: 'status',
248
+ hint: 'hint',
249
+ errorMessage: 'error-message',
245
250
  inputClass: 'input-class',
246
251
  readonly: 'readonly',
247
252
  error: 'error',
@@ -296,12 +301,14 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
296
301
  useDecimal: 'use-decimal',
297
302
  value: 'value',
298
303
  label: 'label',
299
- insideLabel: 'inside-label',
304
+ addonLabel: 'addon-label',
300
305
  placeholder: 'placeholder',
301
306
  disabled: 'disabled',
302
307
  width: 'width',
303
308
  autoFocus: 'auto-focus',
304
309
  status: 'status',
310
+ hint: 'hint',
311
+ errorMessage: 'error-message',
305
312
  inputClass: 'input-class',
306
313
  readonly: 'readonly',
307
314
  error: 'error',
@@ -422,7 +429,7 @@ export const SdSelect = /*@__PURE__*/ createComponent({
422
429
  clearable: 'clearable',
423
430
  searchable: 'searchable',
424
431
  label: 'label',
425
- insideLabel: 'inside-label',
432
+ addonLabel: 'addon-label',
426
433
  labelTooltip: 'label-tooltip',
427
434
  error: 'error',
428
435
  options: 'options',
@@ -462,7 +469,7 @@ export const SdSelectGroup = /*@__PURE__*/ createComponent({
462
469
  clearable: 'clearable',
463
470
  searchable: 'searchable',
464
471
  label: 'label',
465
- insideLabel: 'inside-label',
472
+ addonLabel: 'addon-label',
466
473
  labelTooltip: 'label-tooltip',
467
474
  error: 'error',
468
475
  options: 'options',
@@ -570,6 +577,8 @@ export const SdSelectV2 = /*@__PURE__*/ createComponent({
570
577
  label: 'label',
571
578
  addonLabel: 'addon-label',
572
579
  error: 'error',
580
+ hint: 'hint',
581
+ errorMessage: 'error-message',
573
582
  fieldName: 'field-name',
574
583
  labelTooltip: 'label-tooltip',
575
584
  emitValue: 'emit-value',
@@ -621,8 +630,7 @@ export const SdSelectV2Trigger = /*@__PURE__*/ createComponent({
621
630
  displayText: 'display-text',
622
631
  placeholder: 'placeholder',
623
632
  disabled: 'disabled',
624
- isOpen: 'is-open',
625
- addonLabel: 'addon-label'
633
+ isOpen: 'is-open'
626
634
  },
627
635
  hydrateModule: import('@sellmate/design-system/hydrate'),
628
636
  clientModule: clientComponents.SdSelectV2Trigger,
@@ -652,6 +660,20 @@ export const SdTag = /*@__PURE__*/ createComponent({
652
660
  clientModule: clientComponents.SdTag,
653
661
  serializeShadowRoot,
654
662
  });
663
+ export const SdTextLink = /*@__PURE__*/ createComponent({
664
+ tagName: 'sd-text-link',
665
+ properties: {
666
+ label: 'label',
667
+ icon: 'icon',
668
+ iconColor: 'icon-color',
669
+ useArrow: 'use-arrow',
670
+ underline: 'underline',
671
+ disabled: 'disabled'
672
+ },
673
+ hydrateModule: import('@sellmate/design-system/hydrate'),
674
+ clientModule: clientComponents.SdTextLink,
675
+ serializeShadowRoot,
676
+ });
655
677
  export const SdTextarea = /*@__PURE__*/ createComponent({
656
678
  tagName: 'sd-textarea',
657
679
  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 DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2UpdateDetail, type SelectV2Value } from "@sellmate/design-system";
11
+ import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } from "@sellmate/design-system";
12
12
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
13
13
  import { SdButtonV2 as SdButtonV2Element } from "@sellmate/design-system/dist/components/sd-button-v2.js";
14
14
  import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
@@ -53,6 +53,7 @@ import { SdSelectV2 as SdSelectV2Element } from "@sellmate/design-system/dist/co
53
53
  import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/components/sd-select.js";
54
54
  import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
55
55
  import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
56
+ import { SdTextLink as SdTextLinkElement } from "@sellmate/design-system/dist/components/sd-text-link.js";
56
57
  import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
57
58
  import { SdToastContainer as SdToastContainerElement } from "@sellmate/design-system/dist/components/sd-toast-container.js";
58
59
  import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
@@ -270,8 +271,11 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
270
271
  hovered: 'hovered',
271
272
  focused: 'focused',
272
273
  status: 'status',
274
+ hint: 'hint',
275
+ errorMessage: 'error-message',
276
+ width: 'width',
273
277
  label: 'label',
274
- insideLabel: 'inside-label',
278
+ addonLabel: 'addon-label',
275
279
  labelTooltip: 'label-tooltip',
276
280
  rules: 'rules'
277
281
  },
@@ -369,14 +373,16 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
369
373
  properties: {
370
374
  value: 'value',
371
375
  type: 'type',
372
- insideLabel: 'inside-label',
376
+ size: 'size',
377
+ addonLabel: 'addon-label',
373
378
  placeholder: 'placeholder',
374
379
  disabled: 'disabled',
375
380
  clearable: 'clearable',
376
381
  width: 'width',
377
- barcode: 'barcode',
378
382
  autoFocus: 'auto-focus',
379
383
  status: 'status',
384
+ hint: 'hint',
385
+ errorMessage: 'error-message',
380
386
  inputClass: 'input-class',
381
387
  readonly: 'readonly',
382
388
  error: 'error',
@@ -450,12 +456,14 @@ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumber
450
456
  useDecimal: 'use-decimal',
451
457
  value: 'value',
452
458
  label: 'label',
453
- insideLabel: 'inside-label',
459
+ addonLabel: 'addon-label',
454
460
  placeholder: 'placeholder',
455
461
  disabled: 'disabled',
456
462
  width: 'width',
457
463
  autoFocus: 'auto-focus',
458
464
  status: 'status',
465
+ hint: 'hint',
466
+ errorMessage: 'error-message',
459
467
  inputClass: 'input-class',
460
468
  readonly: 'readonly',
461
469
  error: 'error',
@@ -603,7 +611,7 @@ export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> =
603
611
  clearable: 'clearable',
604
612
  searchable: 'searchable',
605
613
  label: 'label',
606
- insideLabel: 'inside-label',
614
+ addonLabel: 'addon-label',
607
615
  labelTooltip: 'label-tooltip',
608
616
  error: 'error',
609
617
  options: 'options',
@@ -660,7 +668,7 @@ export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelect
660
668
  clearable: 'clearable',
661
669
  searchable: 'searchable',
662
670
  label: 'label',
663
- insideLabel: 'inside-label',
671
+ addonLabel: 'addon-label',
664
672
  labelTooltip: 'label-tooltip',
665
673
  error: 'error',
666
674
  options: 'options',
@@ -795,7 +803,7 @@ export const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputEleme
795
803
  });
796
804
 
797
805
  export type SdSelectV2Events = {
798
- onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2UpdateDetail | SelectV2Value>>,
806
+ onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>,
799
807
  onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
800
808
  };
801
809
 
@@ -811,6 +819,8 @@ export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Even
811
819
  label: 'label',
812
820
  addonLabel: 'addon-label',
813
821
  error: 'error',
822
+ hint: 'hint',
823
+ errorMessage: 'error-message',
814
824
  fieldName: 'field-name',
815
825
  labelTooltip: 'label-tooltip',
816
826
  emitValue: 'emit-value',
@@ -877,8 +887,7 @@ export const SdSelectV2Trigger: StencilReactComponent<SdSelectV2TriggerElement,
877
887
  displayText: 'display-text',
878
888
  placeholder: 'placeholder',
879
889
  disabled: 'disabled',
880
- isOpen: 'is-open',
881
- addonLabel: 'addon-label'
890
+ isOpen: 'is-open'
882
891
  },
883
892
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
884
893
  clientModule: clientComponents.SdSelectV2Trigger as ReactWebComponent<SdSelectV2TriggerElement, SdSelectV2TriggerEvents>,
@@ -915,6 +924,23 @@ export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE
915
924
  serializeShadowRoot,
916
925
  });
917
926
 
927
+ export type SdTextLinkEvents = { onSdClick: EventName<CustomEvent<void>> };
928
+
929
+ export const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents> = /*@__PURE__*/ createComponent<SdTextLinkElement, SdTextLinkEvents>({
930
+ tagName: 'sd-text-link',
931
+ properties: {
932
+ label: 'label',
933
+ icon: 'icon',
934
+ iconColor: 'icon-color',
935
+ useArrow: 'use-arrow',
936
+ underline: 'underline',
937
+ disabled: 'disabled'
938
+ },
939
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
940
+ clientModule: clientComponents.SdTextLink as ReactWebComponent<SdTextLinkElement, SdTextLinkEvents>,
941
+ serializeShadowRoot,
942
+ });
943
+
918
944
  export type SdTextareaEvents = {
919
945
  onSdUpdate: EventName<CustomEvent<string | null>>,
920
946
  onSdFocus: EventName<SdTextareaCustomEvent<Event>>,
package/lib/components/components.ts CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable */
9
9
 
10
- import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2UpdateDetail, type SelectV2Value } from "@sellmate/design-system";
10
+ import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2Value } 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 { SdButtonV2 as SdButtonV2Element, defineCustomElement as defineSdButtonV2 } from "@sellmate/design-system/dist/components/sd-button-v2.js";
13
13
  import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
@@ -52,6 +52,7 @@ import { SdSelectV2 as SdSelectV2Element, defineCustomElement as defineSdSelectV
52
52
  import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } from "@sellmate/design-system/dist/components/sd-select.js";
53
53
  import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
54
54
  import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
55
+ import { SdTextLink as SdTextLinkElement, defineCustomElement as defineSdTextLink } from "@sellmate/design-system/dist/components/sd-text-link.js";
55
56
  import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
56
57
  import { SdToastContainer as SdToastContainerElement, defineCustomElement as defineSdToastContainer } from "@sellmate/design-system/dist/components/sd-toast-container.js";
57
58
  import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from "@sellmate/design-system/dist/components/sd-toast.js";
@@ -589,7 +590,7 @@ export const SdSelectSearchInput: StencilReactComponent<SdSelectSearchInputEleme
589
590
  });
590
591
 
591
592
  export type SdSelectV2Events = {
592
- onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2UpdateDetail | SelectV2Value>>,
593
+ onSdUpdate: EventName<SdSelectV2CustomEvent<SelectV2Value>>,
593
594
  onSdDropDownShow: EventName<CustomEvent<{ isOpen: boolean }>>
594
595
  };
595
596
 
@@ -677,6 +678,17 @@ export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE
677
678
  defineCustomElement: defineSdTag
678
679
  });
679
680
 
681
+ export type SdTextLinkEvents = { onSdClick: EventName<CustomEvent<void>> };
682
+
683
+ export const SdTextLink: StencilReactComponent<SdTextLinkElement, SdTextLinkEvents> = /*@__PURE__*/ createComponent<SdTextLinkElement, SdTextLinkEvents>({
684
+ tagName: 'sd-text-link',
685
+ elementClass: SdTextLinkElement,
686
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
687
+ react: React,
688
+ events: { onSdClick: 'sdClick' } as SdTextLinkEvents,
689
+ defineCustomElement: defineSdTextLink
690
+ });
691
+
680
692
  export type SdTextareaEvents = {
681
693
  onSdUpdate: EventName<CustomEvent<string | null>>,
682
694
  onSdFocus: EventName<SdTextareaCustomEvent<Event>>,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "1.0.38",
3
+ "version": "1.0.40",
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.38",
57
+ "@sellmate/design-system": "^1.0.40",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {