@sellmate/design-system-react 1.0.39 → 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 +5 -0
  2. package/dist/components/components.js +9 -0
  3. package/dist/components/components.server.d.ts +5 -0
  4. package/dist/components/components.server.js +23 -0
  5. package/lib/components/components.server.ts +27 -0
  6. package/lib/components/components.ts +12 -0
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -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";
@@ -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
@@ -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";
@@ -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,6 +160,9 @@ 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
167
  addonLabel: 'addon-label',
165
168
  labelTooltip: 'label-tooltip',
@@ -242,6 +245,8 @@ export const SdInput = /*@__PURE__*/ createComponent({
242
245
  width: 'width',
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',
@@ -302,6 +307,8 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
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',
@@ -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',
@@ -651,6 +660,20 @@ export const SdTag = /*@__PURE__*/ createComponent({
651
660
  clientModule: clientComponents.SdTag,
652
661
  serializeShadowRoot,
653
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
+ });
654
677
  export const SdTextarea = /*@__PURE__*/ createComponent({
655
678
  tagName: 'sd-textarea',
656
679
  properties: {
package/lib/components/components.server.ts CHANGED
@@ -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,6 +271,9 @@ 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
278
  addonLabel: 'addon-label',
275
279
  labelTooltip: 'label-tooltip',
@@ -377,6 +381,8 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
377
381
  width: 'width',
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',
@@ -456,6 +462,8 @@ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumber
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',
@@ -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',
@@ -914,6 +924,23 @@ export const SdTag: StencilReactComponent<SdTagElement, SdTagEvents> = /*@__PURE
914
924
  serializeShadowRoot,
915
925
  });
916
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
+
917
944
  export type SdTextareaEvents = {
918
945
  onSdUpdate: EventName<CustomEvent<string | null>>,
919
946
  onSdFocus: EventName<SdTextareaCustomEvent<Event>>,
package/lib/components/components.ts CHANGED
@@ -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";
@@ -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.39",
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.39",
57
+ "@sellmate/design-system": "^1.0.40",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {