@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.
@@ -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.56",
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.50",
57
+ "@sellmate/design-system": "^0.0.52",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {