@sellmate/design-system-react 1.0.71 → 1.0.73

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 +6 -1
  2. package/dist/components/components.js +9 -0
  3. package/dist/components/components.server.d.ts +6 -1
  4. package/dist/components/components.server.js +14 -1
  5. package/lib/components/components.server.ts +19 -2
  6. package/lib/components/components.ts +13 -1
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -29,6 +29,7 @@ import { SdGhostButton as SdGhostButtonElement } from "@sellmate/design-system/d
29
29
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
30
30
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
31
31
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
32
+ import { SdLinearProgress as SdLinearProgressElement } from "@sellmate/design-system/dist/components/sd-linear-progress.js";
32
33
  import { SdLoadingContainer as SdLoadingContainerElement } from "@sellmate/design-system/dist/components/sd-loading-container.js";
33
34
  import { SdLoadingModal as SdLoadingModalElement } from "@sellmate/design-system/dist/components/sd-loading-modal.js";
34
35
  import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
@@ -183,7 +184,9 @@ export type SdFloatingPortalEvents = {
183
184
  export declare const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, SdFloatingPortalEvents>;
184
185
  export type SdFormEvents = {
185
186
  onSdSubmit: EventName<CustomEvent<void>>;
186
- onSdValidationError: EventName<CustomEvent<void>>;
187
+ onSdValidationError: EventName<CustomEvent<{
188
+ names: string[];
189
+ }>>;
187
190
  };
188
191
  export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
189
192
  export type SdGhostButtonEvents = {
@@ -200,6 +203,8 @@ export type SdInputEvents = {
200
203
  onSdBlur: EventName<SdInputCustomEvent<Event>>;
201
204
  };
202
205
  export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
206
+ export type SdLinearProgressEvents = NonNullable<unknown>;
207
+ export declare const SdLinearProgress: StencilReactComponent<SdLinearProgressElement, SdLinearProgressEvents>;
203
208
  export type SdLoadingContainerEvents = NonNullable<unknown>;
204
209
  export declare const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents>;
205
210
  export type SdLoadingModalEvents = {
package/dist/components/components.js CHANGED
@@ -25,6 +25,7 @@ import { SdGhostButton as SdGhostButtonElement, defineCustomElement as defineSdG
25
25
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
26
26
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
27
27
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
28
+ import { SdLinearProgress as SdLinearProgressElement, defineCustomElement as defineSdLinearProgress } from "@sellmate/design-system/dist/components/sd-linear-progress.js";
28
29
  import { SdLoadingContainer as SdLoadingContainerElement, defineCustomElement as defineSdLoadingContainer } from "@sellmate/design-system/dist/components/sd-loading-container.js";
29
30
  import { SdLoadingModal as SdLoadingModalElement, defineCustomElement as defineSdLoadingModal } from "@sellmate/design-system/dist/components/sd-loading-modal.js";
30
31
  import { SdModalContainer as SdModalContainerElement, defineCustomElement as defineSdModalContainer } from "@sellmate/design-system/dist/components/sd-modal-container.js";
@@ -321,6 +322,14 @@ export const SdInput = /*@__PURE__*/ createComponent({
321
322
  },
322
323
  defineCustomElement: defineSdInput
323
324
  });
325
+ export const SdLinearProgress = /*@__PURE__*/ createComponent({
326
+ tagName: 'sd-linear-progress',
327
+ elementClass: SdLinearProgressElement,
328
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
329
+ react: React,
330
+ events: {},
331
+ defineCustomElement: defineSdLinearProgress
332
+ });
324
333
  export const SdLoadingContainer = /*@__PURE__*/ createComponent({
325
334
  tagName: 'sd-loading-container',
326
335
  elementClass: SdLoadingContainerElement,
package/dist/components/components.server.d.ts CHANGED
@@ -29,6 +29,7 @@ import { SdGhostButton as SdGhostButtonElement } from "@sellmate/design-system/d
29
29
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
30
30
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
31
31
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
32
+ import { SdLinearProgress as SdLinearProgressElement } from "@sellmate/design-system/dist/components/sd-linear-progress.js";
32
33
  import { SdLoadingContainer as SdLoadingContainerElement } from "@sellmate/design-system/dist/components/sd-loading-container.js";
33
34
  import { SdLoadingModal as SdLoadingModalElement } from "@sellmate/design-system/dist/components/sd-loading-modal.js";
34
35
  import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
@@ -185,7 +186,9 @@ export type SdFloatingPortalEvents = {
185
186
  export declare const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, SdFloatingPortalEvents>;
186
187
  export type SdFormEvents = {
187
188
  onSdSubmit: EventName<CustomEvent<void>>;
188
- onSdValidationError: EventName<CustomEvent<void>>;
189
+ onSdValidationError: EventName<CustomEvent<{
190
+ names: string[];
191
+ }>>;
189
192
  };
190
193
  export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
191
194
  export type SdGhostButtonEvents = {
@@ -202,6 +205,8 @@ export type SdInputEvents = {
202
205
  onSdBlur: EventName<SdInputCustomEvent<Event>>;
203
206
  };
204
207
  export declare const SdInput: StencilReactComponent<SdInputElement, SdInputEvents>;
208
+ export type SdLinearProgressEvents = NonNullable<unknown>;
209
+ export declare const SdLinearProgress: StencilReactComponent<SdLinearProgressElement, SdLinearProgressEvents>;
205
210
  export type SdLoadingContainerEvents = NonNullable<unknown>;
206
211
  export declare const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents>;
207
212
  export type SdLoadingModalEvents = {
package/dist/components/components.server.js CHANGED
@@ -141,7 +141,8 @@ export const SdCircleProgress = /*@__PURE__*/ createComponent({
141
141
  properties: {
142
142
  indeterminate: 'indeterminate',
143
143
  value: 'value',
144
- type: 'type'
144
+ type: 'type',
145
+ label: 'label'
145
146
  },
146
147
  hydrateModule: import('@sellmate/design-system/hydrate'),
147
148
  clientModule: clientComponents.SdCircleProgress,
@@ -416,6 +417,18 @@ export const SdInput = /*@__PURE__*/ createComponent({
416
417
  clientModule: clientComponents.SdInput,
417
418
  serializeShadowRoot,
418
419
  });
420
+ export const SdLinearProgress = /*@__PURE__*/ createComponent({
421
+ tagName: 'sd-linear-progress',
422
+ properties: {
423
+ indeterminate: 'indeterminate',
424
+ value: 'value',
425
+ type: 'type',
426
+ label: 'label'
427
+ },
428
+ hydrateModule: import('@sellmate/design-system/hydrate'),
429
+ clientModule: clientComponents.SdLinearProgress,
430
+ serializeShadowRoot,
431
+ });
419
432
  export const SdLoadingContainer = /*@__PURE__*/ createComponent({
420
433
  tagName: 'sd-loading-container',
421
434
  properties: {},
package/lib/components/components.server.ts CHANGED
@@ -35,6 +35,7 @@ import { SdGhostButton as SdGhostButtonElement } from "@sellmate/design-system/d
35
35
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
36
36
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
37
37
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
38
+ import { SdLinearProgress as SdLinearProgressElement } from "@sellmate/design-system/dist/components/sd-linear-progress.js";
38
39
  import { SdLoadingContainer as SdLoadingContainerElement } from "@sellmate/design-system/dist/components/sd-loading-container.js";
39
40
  import { SdLoadingModal as SdLoadingModalElement } from "@sellmate/design-system/dist/components/sd-loading-modal.js";
40
41
  import { SdModalContainer as SdModalContainerElement } from "@sellmate/design-system/dist/components/sd-modal-container.js";
@@ -255,7 +256,8 @@ export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, Sd
255
256
  properties: {
256
257
  indeterminate: 'indeterminate',
257
258
  value: 'value',
258
- type: 'type'
259
+ type: 'type',
260
+ label: 'label'
259
261
  },
260
262
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
261
263
  clientModule: clientComponents.SdCircleProgress as ReactWebComponent<SdCircleProgressElement, SdCircleProgressEvents>,
@@ -505,7 +507,7 @@ export const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, Sd
505
507
 
506
508
  export type SdFormEvents = {
507
509
  onSdSubmit: EventName<CustomEvent<void>>,
508
- onSdValidationError: EventName<CustomEvent<void>>
510
+ onSdValidationError: EventName<CustomEvent<{ names: string[] }>>
509
511
  };
510
512
 
511
513
  export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__PURE__*/ createComponent<SdFormElement, SdFormEvents>({
@@ -606,6 +608,21 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
606
608
  serializeShadowRoot,
607
609
  });
608
610
 
611
+ export type SdLinearProgressEvents = NonNullable<unknown>;
612
+
613
+ export const SdLinearProgress: StencilReactComponent<SdLinearProgressElement, SdLinearProgressEvents> = /*@__PURE__*/ createComponent<SdLinearProgressElement, SdLinearProgressEvents>({
614
+ tagName: 'sd-linear-progress',
615
+ properties: {
616
+ indeterminate: 'indeterminate',
617
+ value: 'value',
618
+ type: 'type',
619
+ label: 'label'
620
+ },
621
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
622
+ clientModule: clientComponents.SdLinearProgress as ReactWebComponent<SdLinearProgressElement, SdLinearProgressEvents>,
623
+ serializeShadowRoot,
624
+ });
625
+
609
626
  export type SdLoadingContainerEvents = NonNullable<unknown>;
610
627
 
611
628
  export const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents> = /*@__PURE__*/ createComponent<SdLoadingContainerElement, SdLoadingContainerEvents>({
package/lib/components/components.ts CHANGED
@@ -34,6 +34,7 @@ import { SdGhostButton as SdGhostButtonElement, defineCustomElement as defineSdG
34
34
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
35
35
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
36
36
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
37
+ import { SdLinearProgress as SdLinearProgressElement, defineCustomElement as defineSdLinearProgress } from "@sellmate/design-system/dist/components/sd-linear-progress.js";
37
38
  import { SdLoadingContainer as SdLoadingContainerElement, defineCustomElement as defineSdLoadingContainer } from "@sellmate/design-system/dist/components/sd-loading-container.js";
38
39
  import { SdLoadingModal as SdLoadingModalElement, defineCustomElement as defineSdLoadingModal } from "@sellmate/design-system/dist/components/sd-loading-modal.js";
39
40
  import { SdModalContainer as SdModalContainerElement, defineCustomElement as defineSdModalContainer } from "@sellmate/design-system/dist/components/sd-modal-container.js";
@@ -393,7 +394,7 @@ export const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, Sd
393
394
 
394
395
  export type SdFormEvents = {
395
396
  onSdSubmit: EventName<CustomEvent<void>>,
396
- onSdValidationError: EventName<CustomEvent<void>>
397
+ onSdValidationError: EventName<CustomEvent<{ names: string[] }>>
397
398
  };
398
399
 
399
400
  export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__PURE__*/ createComponent<SdFormElement, SdFormEvents>({
@@ -460,6 +461,17 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
460
461
  defineCustomElement: defineSdInput
461
462
  });
462
463
 
464
+ export type SdLinearProgressEvents = NonNullable<unknown>;
465
+
466
+ export const SdLinearProgress: StencilReactComponent<SdLinearProgressElement, SdLinearProgressEvents> = /*@__PURE__*/ createComponent<SdLinearProgressElement, SdLinearProgressEvents>({
467
+ tagName: 'sd-linear-progress',
468
+ elementClass: SdLinearProgressElement,
469
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
470
+ react: React,
471
+ events: {} as SdLinearProgressEvents,
472
+ defineCustomElement: defineSdLinearProgress
473
+ });
474
+
463
475
  export type SdLoadingContainerEvents = NonNullable<unknown>;
464
476
 
465
477
  export const SdLoadingContainer: StencilReactComponent<SdLoadingContainerElement, SdLoadingContainerEvents> = /*@__PURE__*/ createComponent<SdLoadingContainerElement, SdLoadingContainerEvents>({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "1.0.71",
3
+ "version": "1.0.73",
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.71",
57
+ "@sellmate/design-system": "^1.0.73",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {