@sellmate/design-system-react 0.0.56 → 0.0.58
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 +5 -0
- package/dist/components/components.js +9 -0
- package/dist/components/components.server.d.ts +5 -0
- package/dist/components/components.server.js +11 -0
- package/lib/components/components.server.ts +15 -0
- package/lib/components/components.ts +12 -0
- package/package.json +2 -2
|
@@ -31,6 +31,7 @@ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/s
|
|
|
31
31
|
import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
|
|
32
32
|
import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
|
|
33
33
|
import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
|
|
34
|
+
import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
34
35
|
import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
|
|
35
36
|
import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
36
37
|
import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
|
|
@@ -147,6 +148,10 @@ export type SdTdEvents = NonNullable<unknown>;
|
|
|
147
148
|
export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
|
|
148
149
|
export type SdThEvents = NonNullable<unknown>;
|
|
149
150
|
export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
|
|
151
|
+
export type SdToggleEvents = {
|
|
152
|
+
onSdChange: EventName<CustomEvent<boolean>>;
|
|
153
|
+
};
|
|
154
|
+
export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
|
|
150
155
|
export type SdTooltipEvents = NonNullable<unknown>;
|
|
151
156
|
export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
|
|
152
157
|
export type SdTooltipPortalEvents = {
|
|
@@ -27,6 +27,7 @@ import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sell
|
|
|
27
27
|
import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
|
|
28
28
|
import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
|
|
29
29
|
import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
|
|
30
|
+
import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
30
31
|
import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
|
|
31
32
|
import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
32
33
|
import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
|
|
@@ -285,6 +286,14 @@ export const SdTh = /*@__PURE__*/ createComponent({
|
|
|
285
286
|
events: {},
|
|
286
287
|
defineCustomElement: defineSdTh
|
|
287
288
|
});
|
|
289
|
+
export const SdToggle = /*@__PURE__*/ createComponent({
|
|
290
|
+
tagName: 'sd-toggle',
|
|
291
|
+
elementClass: SdToggleElement,
|
|
292
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
293
|
+
react: React,
|
|
294
|
+
events: { onSdChange: 'sdChange' },
|
|
295
|
+
defineCustomElement: defineSdToggle
|
|
296
|
+
});
|
|
288
297
|
export const SdTooltip = /*@__PURE__*/ createComponent({
|
|
289
298
|
tagName: 'sd-tooltip',
|
|
290
299
|
elementClass: SdTooltipElement,
|
|
@@ -31,6 +31,7 @@ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/s
|
|
|
31
31
|
import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
|
|
32
32
|
import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
|
|
33
33
|
import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
|
|
34
|
+
import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
34
35
|
import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
|
|
35
36
|
import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
36
37
|
import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
|
|
@@ -149,6 +150,10 @@ export type SdTdEvents = NonNullable<unknown>;
|
|
|
149
150
|
export declare const SdTd: StencilReactComponent<SdTdElement, SdTdEvents>;
|
|
150
151
|
export type SdThEvents = NonNullable<unknown>;
|
|
151
152
|
export declare const SdTh: StencilReactComponent<SdThElement, SdThEvents>;
|
|
153
|
+
export type SdToggleEvents = {
|
|
154
|
+
onSdChange: EventName<CustomEvent<boolean>>;
|
|
155
|
+
};
|
|
156
|
+
export declare const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents>;
|
|
152
157
|
export type SdTooltipEvents = NonNullable<unknown>;
|
|
153
158
|
export declare const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents>;
|
|
154
159
|
export type SdTooltipPortalEvents = {
|
|
@@ -391,6 +391,17 @@ export const SdTh = /*@__PURE__*/ createComponent({
|
|
|
391
391
|
clientModule: clientComponents.SdTh,
|
|
392
392
|
serializeShadowRoot,
|
|
393
393
|
});
|
|
394
|
+
export const SdToggle = /*@__PURE__*/ createComponent({
|
|
395
|
+
tagName: 'sd-toggle',
|
|
396
|
+
properties: {
|
|
397
|
+
value: 'value',
|
|
398
|
+
label: 'label',
|
|
399
|
+
disabled: 'disabled'
|
|
400
|
+
},
|
|
401
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
402
|
+
clientModule: clientComponents.SdToggle,
|
|
403
|
+
serializeShadowRoot,
|
|
404
|
+
});
|
|
394
405
|
export const SdTooltip = /*@__PURE__*/ createComponent({
|
|
395
406
|
tagName: 'sd-tooltip',
|
|
396
407
|
properties: {
|
|
@@ -37,6 +37,7 @@ import { SdTag as SdTagElement } from "@sellmate/design-system/dist/components/s
|
|
|
37
37
|
import { SdTbody as SdTbodyElement } from "@sellmate/design-system/dist/components/sd-tbody.js";
|
|
38
38
|
import { SdTd as SdTdElement } from "@sellmate/design-system/dist/components/sd-td.js";
|
|
39
39
|
import { SdTh as SdThElement } from "@sellmate/design-system/dist/components/sd-th.js";
|
|
40
|
+
import { SdToggle as SdToggleElement } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
40
41
|
import { SdTooltipPortal as SdTooltipPortalElement } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
|
|
41
42
|
import { SdTooltip as SdTooltipElement } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
42
43
|
import { SdTr as SdTrElement } from "@sellmate/design-system/dist/components/sd-tr.js";
|
|
@@ -555,6 +556,20 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
|
|
|
555
556
|
serializeShadowRoot,
|
|
556
557
|
});
|
|
557
558
|
|
|
559
|
+
export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
|
|
560
|
+
|
|
561
|
+
export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
|
|
562
|
+
tagName: 'sd-toggle',
|
|
563
|
+
properties: {
|
|
564
|
+
value: 'value',
|
|
565
|
+
label: 'label',
|
|
566
|
+
disabled: 'disabled'
|
|
567
|
+
},
|
|
568
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
569
|
+
clientModule: clientComponents.SdToggle as ReactWebComponent<SdToggleElement, SdToggleEvents>,
|
|
570
|
+
serializeShadowRoot,
|
|
571
|
+
});
|
|
572
|
+
|
|
558
573
|
export type SdTooltipEvents = NonNullable<unknown>;
|
|
559
574
|
|
|
560
575
|
export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
|
|
@@ -36,6 +36,7 @@ import { SdTag as SdTagElement, defineCustomElement as defineSdTag } from "@sell
|
|
|
36
36
|
import { SdTbody as SdTbodyElement, defineCustomElement as defineSdTbody } from "@sellmate/design-system/dist/components/sd-tbody.js";
|
|
37
37
|
import { SdTd as SdTdElement, defineCustomElement as defineSdTd } from "@sellmate/design-system/dist/components/sd-td.js";
|
|
38
38
|
import { SdTh as SdThElement, defineCustomElement as defineSdTh } from "@sellmate/design-system/dist/components/sd-th.js";
|
|
39
|
+
import { SdToggle as SdToggleElement, defineCustomElement as defineSdToggle } from "@sellmate/design-system/dist/components/sd-toggle.js";
|
|
39
40
|
import { SdTooltipPortal as SdTooltipPortalElement, defineCustomElement as defineSdTooltipPortal } from "@sellmate/design-system/dist/components/sd-tooltip-portal.js";
|
|
40
41
|
import { SdTooltip as SdTooltipElement, defineCustomElement as defineSdTooltip } from "@sellmate/design-system/dist/components/sd-tooltip.js";
|
|
41
42
|
import { SdTr as SdTrElement, defineCustomElement as defineSdTr } from "@sellmate/design-system/dist/components/sd-tr.js";
|
|
@@ -422,6 +423,17 @@ export const SdTh: StencilReactComponent<SdThElement, SdThEvents> = /*@__PURE__*
|
|
|
422
423
|
defineCustomElement: defineSdTh
|
|
423
424
|
});
|
|
424
425
|
|
|
426
|
+
export type SdToggleEvents = { onSdChange: EventName<CustomEvent<boolean>> };
|
|
427
|
+
|
|
428
|
+
export const SdToggle: StencilReactComponent<SdToggleElement, SdToggleEvents> = /*@__PURE__*/ createComponent<SdToggleElement, SdToggleEvents>({
|
|
429
|
+
tagName: 'sd-toggle',
|
|
430
|
+
elementClass: SdToggleElement,
|
|
431
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
432
|
+
react: React,
|
|
433
|
+
events: { onSdChange: 'sdChange' } as SdToggleEvents,
|
|
434
|
+
defineCustomElement: defineSdToggle
|
|
435
|
+
});
|
|
436
|
+
|
|
425
437
|
export type SdTooltipEvents = NonNullable<unknown>;
|
|
426
438
|
|
|
427
439
|
export const SdTooltip: StencilReactComponent<SdTooltipElement, SdTooltipEvents> = /*@__PURE__*/ createComponent<SdTooltipElement, SdTooltipEvents>({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.58",
|
|
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": "^0.0.
|
|
57
|
+
"@sellmate/design-system": "^0.0.52",
|
|
58
58
|
"@stencil/react-output-target": "^1.2.0"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|