@sellmate/design-system-react 1.0.67 → 1.0.68

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 +8 -0
  2. package/dist/components/components.js +14 -0
  3. package/dist/components/components.server.d.ts +8 -0
  4. package/dist/components/components.server.js +16 -2
  5. package/lib/components/components.server.ts +24 -2
  6. package/lib/components/components.ts +22 -0
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
11
11
  import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
12
12
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
13
13
  import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
14
+ import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
14
15
  import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
15
16
  import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
16
17
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
@@ -103,6 +104,13 @@ export type SdCheckboxEvents = {
103
104
  onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
104
105
  };
105
106
  export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
107
+ export type SdChipEvents = {
108
+ onSdUpdate: EventName<CustomEvent<string>>;
109
+ onSdRemove: EventName<CustomEvent<void>>;
110
+ onSdFocus: EventName<CustomEvent<void>>;
111
+ onSdBlur: EventName<CustomEvent<void>>;
112
+ };
113
+ export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents>;
106
114
  export type SdCircleProgressEvents = NonNullable<unknown>;
107
115
  export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
108
116
  export type SdConfirmModalEvents = {
package/dist/components/components.js CHANGED
@@ -7,6 +7,7 @@ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } fr
7
7
  import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
8
8
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
9
9
  import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
10
+ import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
10
11
  import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
11
12
  import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
12
13
  import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
@@ -139,6 +140,19 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
139
140
  events: { onSdUpdate: 'sdUpdate' },
140
141
  defineCustomElement: defineSdCheckbox
141
142
  });
143
+ export const SdChip = /*@__PURE__*/ createComponent({
144
+ tagName: 'sd-chip',
145
+ elementClass: SdChipElement,
146
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
147
+ react: React,
148
+ events: {
149
+ onSdUpdate: 'sdUpdate',
150
+ onSdRemove: 'sdRemove',
151
+ onSdFocus: 'sdFocus',
152
+ onSdBlur: 'sdBlur'
153
+ },
154
+ defineCustomElement: defineSdChip
155
+ });
142
156
  export const SdCircleProgress = /*@__PURE__*/ createComponent({
143
157
  tagName: 'sd-circle-progress',
144
158
  elementClass: SdCircleProgressElement,
package/dist/components/components.server.d.ts CHANGED
@@ -11,6 +11,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
11
11
  import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
12
12
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
13
13
  import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
14
+ import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
14
15
  import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
15
16
  import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
16
17
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
@@ -105,6 +106,13 @@ export type SdCheckboxEvents = {
105
106
  onSdUpdate: EventName<SdCheckboxCustomEvent<CheckedType>>;
106
107
  };
107
108
  export declare const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEvents>;
109
+ export type SdChipEvents = {
110
+ onSdUpdate: EventName<CustomEvent<string>>;
111
+ onSdRemove: EventName<CustomEvent<void>>;
112
+ onSdFocus: EventName<CustomEvent<void>>;
113
+ onSdBlur: EventName<CustomEvent<void>>;
114
+ };
115
+ export declare const SdChip: StencilReactComponent<SdChipElement, SdChipEvents>;
108
116
  export type SdCircleProgressEvents = NonNullable<unknown>;
109
117
  export declare const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents>;
110
118
  export type SdConfirmModalEvents = {
package/dist/components/components.server.js CHANGED
@@ -121,6 +121,20 @@ export const SdCheckbox = /*@__PURE__*/ createComponent({
121
121
  clientModule: clientComponents.SdCheckbox,
122
122
  serializeShadowRoot,
123
123
  });
124
+ export const SdChip = /*@__PURE__*/ createComponent({
125
+ tagName: 'sd-chip',
126
+ properties: {
127
+ name: 'name',
128
+ value: 'value',
129
+ error: 'error',
130
+ disabled: 'disabled',
131
+ placeholder: 'placeholder',
132
+ rules: 'rules'
133
+ },
134
+ hydrateModule: import('@sellmate/design-system/hydrate'),
135
+ clientModule: clientComponents.SdChip,
136
+ serializeShadowRoot,
137
+ });
124
138
  export const SdCircleProgress = /*@__PURE__*/ createComponent({
125
139
  tagName: 'sd-circle-progress',
126
140
  properties: {
@@ -340,7 +354,7 @@ export const SdGuide = /*@__PURE__*/ createComponent({
340
354
  type: 'type',
341
355
  label: 'label',
342
356
  message: 'message',
343
- guideUrl: 'guide-url',
357
+ url: 'url',
344
358
  popupTitle: 'popup-title',
345
359
  popupWidth: 'popup-width'
346
360
  },
@@ -419,7 +433,7 @@ export const SdLoadingModal = /*@__PURE__*/ createComponent({
419
433
  });
420
434
  export const SdModalContainer = /*@__PURE__*/ createComponent({
421
435
  tagName: 'sd-modal-container',
422
- properties: {},
436
+ properties: { autoRemove: 'auto-remove' },
423
437
  hydrateModule: import('@sellmate/design-system/hydrate'),
424
438
  clientModule: clientComponents.SdModalContainer,
425
439
  serializeShadowRoot,
package/lib/components/components.server.ts CHANGED
@@ -17,6 +17,7 @@ import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/compon
17
17
  import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
18
18
  import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
19
19
  import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
20
+ import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
20
21
  import { SdCircleProgress as SdCircleProgressElement } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
21
22
  import { SdConfirmModal as SdConfirmModalElement } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
22
23
  import { SdDateBox as SdDateBoxElement } from "@sellmate/design-system/dist/components/sd-date-box.js";
@@ -225,6 +226,27 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
225
226
  serializeShadowRoot,
226
227
  });
227
228
 
229
+ export type SdChipEvents = {
230
+ onSdUpdate: EventName<CustomEvent<string>>,
231
+ onSdRemove: EventName<CustomEvent<void>>,
232
+ onSdFocus: EventName<CustomEvent<void>>,
233
+ onSdBlur: EventName<CustomEvent<void>>
234
+ };
235
+
236
+ export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents> = /*@__PURE__*/ createComponent<SdChipElement, SdChipEvents>({
237
+ tagName: 'sd-chip',
238
+ properties: {
239
+ name: 'name',
240
+ value: 'value',
241
+ error: 'error',
242
+ disabled: 'disabled',
243
+ placeholder: 'placeholder',
244
+ rules: 'rules'},
245
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
246
+ clientModule: clientComponents.SdChip as ReactWebComponent<SdChipElement, SdChipEvents>,
247
+ serializeShadowRoot,
248
+ });
249
+
228
250
  export type SdCircleProgressEvents = NonNullable<unknown>;
229
251
 
230
252
  export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents>({
@@ -513,7 +535,7 @@ export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@
513
535
  type: 'type',
514
536
  label: 'label',
515
537
  message: 'message',
516
- guideUrl: 'guide-url',
538
+ url: 'url',
517
539
  popupTitle: 'popup-title',
518
540
  popupWidth: 'popup-width'},
519
541
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
@@ -609,7 +631,7 @@ export type SdModalContainerEvents = NonNullable<unknown>;
609
631
 
610
632
  export const SdModalContainer: StencilReactComponent<SdModalContainerElement, SdModalContainerEvents> = /*@__PURE__*/ createComponent<SdModalContainerElement, SdModalContainerEvents>({
611
633
  tagName: 'sd-modal-container',
612
- properties: {},
634
+ properties: { autoRemove: 'auto-remove' },
613
635
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
614
636
  clientModule: clientComponents.SdModalContainer as ReactWebComponent<SdModalContainerElement, SdModalContainerEvents>,
615
637
  serializeShadowRoot,
package/lib/components/components.ts CHANGED
@@ -16,6 +16,7 @@ import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } fr
16
16
  import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
17
17
  import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
18
18
  import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
19
+ import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
19
20
  import { SdCircleProgress as SdCircleProgressElement, defineCustomElement as defineSdCircleProgress } from "@sellmate/design-system/dist/components/sd-circle-progress.js";
20
21
  import { SdConfirmModal as SdConfirmModalElement, defineCustomElement as defineSdConfirmModal } from "@sellmate/design-system/dist/components/sd-confirm-modal.js";
21
22
  import { SdDateBox as SdDateBoxElement, defineCustomElement as defineSdDateBox } from "@sellmate/design-system/dist/components/sd-date-box.js";
@@ -184,6 +185,27 @@ export const SdCheckbox: StencilReactComponent<SdCheckboxElement, SdCheckboxEven
184
185
  defineCustomElement: defineSdCheckbox
185
186
  });
186
187
 
188
+ export type SdChipEvents = {
189
+ onSdUpdate: EventName<CustomEvent<string>>,
190
+ onSdRemove: EventName<CustomEvent<void>>,
191
+ onSdFocus: EventName<CustomEvent<void>>,
192
+ onSdBlur: EventName<CustomEvent<void>>
193
+ };
194
+
195
+ export const SdChip: StencilReactComponent<SdChipElement, SdChipEvents> = /*@__PURE__*/ createComponent<SdChipElement, SdChipEvents>({
196
+ tagName: 'sd-chip',
197
+ elementClass: SdChipElement,
198
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
199
+ react: React,
200
+ events: {
201
+ onSdUpdate: 'sdUpdate',
202
+ onSdRemove: 'sdRemove',
203
+ onSdFocus: 'sdFocus',
204
+ onSdBlur: 'sdBlur'
205
+ } as SdChipEvents,
206
+ defineCustomElement: defineSdChip
207
+ });
208
+
187
209
  export type SdCircleProgressEvents = NonNullable<unknown>;
188
210
 
189
211
  export const SdCircleProgress: StencilReactComponent<SdCircleProgressElement, SdCircleProgressEvents> = /*@__PURE__*/ createComponent<SdCircleProgressElement, SdCircleProgressEvents>({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "1.0.67",
3
+ "version": "1.0.68",
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.67",
57
+ "@sellmate/design-system": "^1.0.68",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {