@sellmate/design-system-react 1.0.18 → 1.0.20
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.
- package/dist/components/components.d.ts +3 -3
- package/dist/components/components.js +5 -5
- package/dist/components/components.server.d.ts +3 -3
- package/dist/components/components.server.js +3 -3
- package/lib/components/components.server.ts +5 -5
- package/lib/components/components.ts +7 -7
- package/package.json +2 -2
|
@@ -37,7 +37,7 @@ import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/compon
|
|
|
37
37
|
import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
38
38
|
import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
39
39
|
import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
40
|
-
import {
|
|
40
|
+
import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
41
41
|
import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
|
|
42
42
|
import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
43
43
|
import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
@@ -188,11 +188,11 @@ export type SdTextareaEvents = {
|
|
|
188
188
|
onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
|
|
189
189
|
};
|
|
190
190
|
export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
|
|
191
|
-
export type
|
|
191
|
+
export type SdToastEvents = {
|
|
192
192
|
onSdClose: EventName<CustomEvent<void>>;
|
|
193
193
|
onSdButtonClick: EventName<CustomEvent<void>>;
|
|
194
194
|
};
|
|
195
|
-
export declare const
|
|
195
|
+
export declare const SdToast: StencilReactComponent<SdToastElement, SdToastEvents>;
|
|
196
196
|
export type SdToggleEvents = {
|
|
197
197
|
onSdUpdate: EventName<CustomEvent<boolean>>;
|
|
198
198
|
};
|
|
@@ -33,7 +33,7 @@ import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } fr
|
|
|
33
33
|
import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
34
34
|
import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
35
35
|
import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
36
|
-
import {
|
|
36
|
+
import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
37
37
|
import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
|
|
38
38
|
import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
39
39
|
import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
@@ -348,16 +348,16 @@ export const SdTextarea = /*@__PURE__*/ createComponent({
|
|
|
348
348
|
},
|
|
349
349
|
defineCustomElement: defineSdTextarea
|
|
350
350
|
});
|
|
351
|
-
export const
|
|
352
|
-
tagName: 'sd-toast
|
|
353
|
-
elementClass:
|
|
351
|
+
export const SdToast = /*@__PURE__*/ createComponent({
|
|
352
|
+
tagName: 'sd-toast',
|
|
353
|
+
elementClass: SdToastElement,
|
|
354
354
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
355
355
|
react: React,
|
|
356
356
|
events: {
|
|
357
357
|
onSdClose: 'sdClose',
|
|
358
358
|
onSdButtonClick: 'sdButtonClick'
|
|
359
359
|
},
|
|
360
|
-
defineCustomElement:
|
|
360
|
+
defineCustomElement: defineSdToast
|
|
361
361
|
});
|
|
362
362
|
export const SdToggle = /*@__PURE__*/ createComponent({
|
|
363
363
|
tagName: 'sd-toggle',
|
|
@@ -37,7 +37,7 @@ import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/compon
|
|
|
37
37
|
import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
38
38
|
import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
39
39
|
import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
40
|
-
import {
|
|
40
|
+
import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
41
41
|
import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
|
|
42
42
|
import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
43
43
|
import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
@@ -190,11 +190,11 @@ export type SdTextareaEvents = {
|
|
|
190
190
|
onSdBlur: EventName<SdTextareaCustomEvent<Event>>;
|
|
191
191
|
};
|
|
192
192
|
export declare const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEvents>;
|
|
193
|
-
export type
|
|
193
|
+
export type SdToastEvents = {
|
|
194
194
|
onSdClose: EventName<CustomEvent<void>>;
|
|
195
195
|
onSdButtonClick: EventName<CustomEvent<void>>;
|
|
196
196
|
};
|
|
197
|
-
export declare const
|
|
197
|
+
export declare const SdToast: StencilReactComponent<SdToastElement, SdToastEvents>;
|
|
198
198
|
export type SdToggleEvents = {
|
|
199
199
|
onSdUpdate: EventName<CustomEvent<boolean>>;
|
|
200
200
|
};
|
|
@@ -503,8 +503,8 @@ export const SdTextarea = /*@__PURE__*/ createComponent({
|
|
|
503
503
|
clientModule: clientComponents.SdTextarea,
|
|
504
504
|
serializeShadowRoot,
|
|
505
505
|
});
|
|
506
|
-
export const
|
|
507
|
-
tagName: 'sd-toast
|
|
506
|
+
export const SdToast = /*@__PURE__*/ createComponent({
|
|
507
|
+
tagName: 'sd-toast',
|
|
508
508
|
properties: {
|
|
509
509
|
icon: 'icon',
|
|
510
510
|
message: 'message',
|
|
@@ -515,7 +515,7 @@ export const SdToastMessage = /*@__PURE__*/ createComponent({
|
|
|
515
515
|
type: 'type'
|
|
516
516
|
},
|
|
517
517
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
518
|
-
clientModule: clientComponents.
|
|
518
|
+
clientModule: clientComponents.SdToast,
|
|
519
519
|
serializeShadowRoot,
|
|
520
520
|
});
|
|
521
521
|
export const SdToggle = /*@__PURE__*/ createComponent({
|
|
@@ -43,7 +43,7 @@ import { SdSelect as SdSelectElement } from "@sellmate/design-system/dist/compon
|
|
|
43
43
|
import { SdTabs as SdTabsElement } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
44
44
|
import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
45
45
|
import { SdTextarea as SdTextareaElement } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
46
|
-
import {
|
|
46
|
+
import { SdToast as SdToastElement } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
47
47
|
import { SdToggleButton as SdToggleButtonElement } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
|
|
48
48
|
import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
49
49
|
import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
@@ -704,13 +704,13 @@ export const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEven
|
|
|
704
704
|
serializeShadowRoot,
|
|
705
705
|
});
|
|
706
706
|
|
|
707
|
-
export type
|
|
707
|
+
export type SdToastEvents = {
|
|
708
708
|
onSdClose: EventName<CustomEvent<void>>,
|
|
709
709
|
onSdButtonClick: EventName<CustomEvent<void>>
|
|
710
710
|
};
|
|
711
711
|
|
|
712
|
-
export const
|
|
713
|
-
tagName: 'sd-toast
|
|
712
|
+
export const SdToast: StencilReactComponent<SdToastElement, SdToastEvents> = /*@__PURE__*/ createComponent<SdToastElement, SdToastEvents>({
|
|
713
|
+
tagName: 'sd-toast',
|
|
714
714
|
properties: {
|
|
715
715
|
icon: 'icon',
|
|
716
716
|
message: 'message',
|
|
@@ -721,7 +721,7 @@ export const SdToastMessage: StencilReactComponent<SdToastMessageElement, SdToas
|
|
|
721
721
|
type: 'type'
|
|
722
722
|
},
|
|
723
723
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
724
|
-
clientModule: clientComponents.
|
|
724
|
+
clientModule: clientComponents.SdToast as ReactWebComponent<SdToastElement, SdToastEvents>,
|
|
725
725
|
serializeShadowRoot,
|
|
726
726
|
});
|
|
727
727
|
|
|
@@ -42,7 +42,7 @@ import { SdSelect as SdSelectElement, defineCustomElement as defineSdSelect } fr
|
|
|
42
42
|
import { SdTabs as SdTabsElement, defineCustomElement as defineSdTabs } from "@sellmate/design-system/dist/components/sd-tabs.js";
|
|
43
43
|
import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sellmate/design-system/dist/components/sd-tag.js";
|
|
44
44
|
import { SdTextarea as SdTextareaElement, defineCustomElement as defineSdTextarea } from "@sellmate/design-system/dist/components/sd-textarea.js";
|
|
45
|
-
import {
|
|
45
|
+
import { SdToast as SdToastElement, defineCustomElement as defineSdToast } from "@sellmate/design-system/dist/components/sd-toast.js";
|
|
46
46
|
import { SdToggleButton as SdToggleButtonElement, defineCustomElement as defineSdToggleButton } from "@sellmate/design-system/dist/components/sd-toggle-button.js";
|
|
47
47
|
import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
48
48
|
import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
@@ -515,21 +515,21 @@ export const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEven
|
|
|
515
515
|
defineCustomElement: defineSdTextarea
|
|
516
516
|
});
|
|
517
517
|
|
|
518
|
-
export type
|
|
518
|
+
export type SdToastEvents = {
|
|
519
519
|
onSdClose: EventName<CustomEvent<void>>,
|
|
520
520
|
onSdButtonClick: EventName<CustomEvent<void>>
|
|
521
521
|
};
|
|
522
522
|
|
|
523
|
-
export const
|
|
524
|
-
tagName: 'sd-toast
|
|
525
|
-
elementClass:
|
|
523
|
+
export const SdToast: StencilReactComponent<SdToastElement, SdToastEvents> = /*@__PURE__*/ createComponent<SdToastElement, SdToastEvents>({
|
|
524
|
+
tagName: 'sd-toast',
|
|
525
|
+
elementClass: SdToastElement,
|
|
526
526
|
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
527
527
|
react: React,
|
|
528
528
|
events: {
|
|
529
529
|
onSdClose: 'sdClose',
|
|
530
530
|
onSdButtonClick: 'sdButtonClick'
|
|
531
|
-
} as
|
|
532
|
-
defineCustomElement:
|
|
531
|
+
} as SdToastEvents,
|
|
532
|
+
defineCustomElement: defineSdToast
|
|
533
533
|
});
|
|
534
534
|
|
|
535
535
|
export type SdToggleEvents = { onSdUpdate: EventName<CustomEvent<boolean>> };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.20",
|
|
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.
|
|
57
|
+
"@sellmate/design-system": "^1.0.19",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|