@sellmate/design-system-react 1.0.49 → 1.0.51

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 +10 -1
  2. package/dist/components/components.js +13 -1
  3. package/dist/components/components.server.d.ts +10 -1
  4. package/dist/components/components.server.js +29 -1
  5. package/lib/components/components.server.ts +38 -3
  6. package/lib/components/components.ts +21 -3
  7. package/package.json +2 -2
package/dist/components/components.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
5
+ import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
6
6
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
7
7
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
8
8
  import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -20,6 +20,7 @@ import { SdField as SdFieldElement } from "@sellmate/design-system/dist/componen
20
20
  import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
21
21
  import { SdFloatingPortal as SdFloatingPortalElement } from "@sellmate/design-system/dist/components/sd-floating-portal.js";
22
22
  import { SdForm as SdFormElement } from "@sellmate/design-system/dist/components/sd-form.js";
23
+ import { SdGhostButton as SdGhostButtonElement } from "@sellmate/design-system/dist/components/sd-ghost-button.js";
23
24
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
24
25
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
25
26
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -129,6 +130,10 @@ export type SdFieldEvents = NonNullable<unknown>;
129
130
  export declare const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents>;
130
131
  export type SdFilePickerEvents = {
131
132
  onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
133
+ onSdReject: EventName<SdFilePickerCustomEvent<{
134
+ files: File[];
135
+ reason: 'max-file-size' | 'max-total-size' | 'max-files';
136
+ }>>;
132
137
  };
133
138
  export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
134
139
  export type SdFloatingPortalEvents = {
@@ -140,6 +145,10 @@ export type SdFormEvents = {
140
145
  onSdValidationError: EventName<CustomEvent<void>>;
141
146
  };
142
147
  export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
148
+ export type SdGhostButtonEvents = {
149
+ onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>>;
150
+ };
151
+ export declare const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents>;
143
152
  export type SdGuideEvents = NonNullable<unknown>;
144
153
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
145
154
  export type SdIconEvents = NonNullable<unknown>;
package/dist/components/components.js CHANGED
@@ -16,6 +16,7 @@ import { SdField as SdFieldElement, defineCustomElement as defineSdField } from
16
16
  import { SdFilePicker as SdFilePickerElement, defineCustomElement as defineSdFilePicker } from "@sellmate/design-system/dist/components/sd-file-picker.js";
17
17
  import { SdFloatingPortal as SdFloatingPortalElement, defineCustomElement as defineSdFloatingPortal } from "@sellmate/design-system/dist/components/sd-floating-portal.js";
18
18
  import { SdForm as SdFormElement, defineCustomElement as defineSdForm } from "@sellmate/design-system/dist/components/sd-form.js";
19
+ import { SdGhostButton as SdGhostButtonElement, defineCustomElement as defineSdGhostButton } from "@sellmate/design-system/dist/components/sd-ghost-button.js";
19
20
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
20
21
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
21
22
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -196,7 +197,10 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
196
197
  elementClass: SdFilePickerElement,
197
198
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
198
199
  react: React,
199
- events: { onSdUpdate: 'sdUpdate' },
200
+ events: {
201
+ onSdUpdate: 'sdUpdate',
202
+ onSdReject: 'sdReject'
203
+ },
200
204
  defineCustomElement: defineSdFilePicker
201
205
  });
202
206
  export const SdFloatingPortal = /*@__PURE__*/ createComponent({
@@ -218,6 +222,14 @@ export const SdForm = /*@__PURE__*/ createComponent({
218
222
  },
219
223
  defineCustomElement: defineSdForm
220
224
  });
225
+ export const SdGhostButton = /*@__PURE__*/ createComponent({
226
+ tagName: 'sd-ghost-button',
227
+ elementClass: SdGhostButtonElement,
228
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
229
+ react: React,
230
+ events: { onSdClick: 'sdClick' },
231
+ defineCustomElement: defineSdGhostButton
232
+ });
221
233
  export const SdGuide = /*@__PURE__*/ createComponent({
222
234
  tagName: 'sd-guide',
223
235
  elementClass: SdGuideElement,
package/dist/components/components.server.d.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  * This file was automatically generated by the Stencil React Output Target.
3
3
  * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
4
4
  */
5
- import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
5
+ import { type CheckedType, type DropdownButtonValue, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
6
6
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
7
7
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
8
8
  import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -20,6 +20,7 @@ import { SdField as SdFieldElement } from "@sellmate/design-system/dist/componen
20
20
  import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
21
21
  import { SdFloatingPortal as SdFloatingPortalElement } from "@sellmate/design-system/dist/components/sd-floating-portal.js";
22
22
  import { SdForm as SdFormElement } from "@sellmate/design-system/dist/components/sd-form.js";
23
+ import { SdGhostButton as SdGhostButtonElement } from "@sellmate/design-system/dist/components/sd-ghost-button.js";
23
24
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
24
25
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
25
26
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -131,6 +132,10 @@ export type SdFieldEvents = NonNullable<unknown>;
131
132
  export declare const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents>;
132
133
  export type SdFilePickerEvents = {
133
134
  onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>;
135
+ onSdReject: EventName<SdFilePickerCustomEvent<{
136
+ files: File[];
137
+ reason: 'max-file-size' | 'max-total-size' | 'max-files';
138
+ }>>;
134
139
  };
135
140
  export declare const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents>;
136
141
  export type SdFloatingPortalEvents = {
@@ -142,6 +147,10 @@ export type SdFormEvents = {
142
147
  onSdValidationError: EventName<CustomEvent<void>>;
143
148
  };
144
149
  export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
150
+ export type SdGhostButtonEvents = {
151
+ onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>>;
152
+ };
153
+ export declare const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents>;
145
154
  export type SdGuideEvents = NonNullable<unknown>;
146
155
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
147
156
  export type SdIconEvents = NonNullable<unknown>;
package/dist/components/components.server.js CHANGED
@@ -217,7 +217,22 @@ export const SdFilePicker = /*@__PURE__*/ createComponent({
217
217
  inline: 'inline',
218
218
  multiple: 'multiple',
219
219
  accept: 'accept',
220
- value: 'value'
220
+ maxFileSize: 'max-file-size',
221
+ maxTotalSize: 'max-total-size',
222
+ maxFiles: 'max-files',
223
+ name: 'name',
224
+ label: 'label',
225
+ addonLabel: 'addon-label',
226
+ hint: 'hint',
227
+ errorMessage: 'error-message',
228
+ width: 'width',
229
+ error: 'error',
230
+ status: 'status',
231
+ labelTooltip: 'label-tooltip',
232
+ focused: 'focused',
233
+ hovered: 'hovered',
234
+ value: 'value',
235
+ rules: 'rules'
221
236
  },
222
237
  hydrateModule: import('@sellmate/design-system/hydrate'),
223
238
  clientModule: clientComponents.SdFilePicker,
@@ -242,6 +257,19 @@ export const SdForm = /*@__PURE__*/ createComponent({
242
257
  clientModule: clientComponents.SdForm,
243
258
  serializeShadowRoot,
244
259
  });
260
+ export const SdGhostButton = /*@__PURE__*/ createComponent({
261
+ tagName: 'sd-ghost-button',
262
+ properties: {
263
+ icon: 'icon',
264
+ size: 'size',
265
+ intent: 'intent',
266
+ ariaLabel: 'aria-label',
267
+ disabled: 'disabled'
268
+ },
269
+ hydrateModule: import('@sellmate/design-system/hydrate'),
270
+ clientModule: clientComponents.SdGhostButton,
271
+ serializeShadowRoot,
272
+ });
245
273
  export const SdGuide = /*@__PURE__*/ createComponent({
246
274
  tagName: 'sd-guide',
247
275
  properties: {
package/lib/components/components.server.ts CHANGED
@@ -8,7 +8,7 @@
8
8
  // @ts-ignore - ignore potential type issues as the project is importing itself
9
9
  import * as clientComponents from '@sellmate/design-system-react';
10
10
 
11
- import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
11
+ import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
12
12
  import { SdActionModal as SdActionModalElement } from "@sellmate/design-system/dist/components/sd-action-modal.js";
13
13
  import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/components/sd-badge.js";
14
14
  import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -26,6 +26,7 @@ import { SdField as SdFieldElement } from "@sellmate/design-system/dist/componen
26
26
  import { SdFilePicker as SdFilePickerElement } from "@sellmate/design-system/dist/components/sd-file-picker.js";
27
27
  import { SdFloatingPortal as SdFloatingPortalElement } from "@sellmate/design-system/dist/components/sd-floating-portal.js";
28
28
  import { SdForm as SdFormElement } from "@sellmate/design-system/dist/components/sd-form.js";
29
+ import { SdGhostButton as SdGhostButtonElement } from "@sellmate/design-system/dist/components/sd-ghost-button.js";
29
30
  import { SdGuide as SdGuideElement } from "@sellmate/design-system/dist/components/sd-guide.js";
30
31
  import { SdIcon as SdIconElement } from "@sellmate/design-system/dist/components/sd-icon.js";
31
32
  import { SdInput as SdInputElement } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -336,7 +337,10 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
336
337
  serializeShadowRoot,
337
338
  });
338
339
 
339
- export type SdFilePickerEvents = { onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
340
+ export type SdFilePickerEvents = {
341
+ onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>,
342
+ onSdReject: EventName<SdFilePickerCustomEvent<{ files: File[]; reason: 'max-file-size' | 'max-total-size' | 'max-files' }>>
343
+ };
340
344
 
341
345
  export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
342
346
  tagName: 'sd-file-picker',
@@ -346,7 +350,22 @@ export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePick
346
350
  inline: 'inline',
347
351
  multiple: 'multiple',
348
352
  accept: 'accept',
349
- value: 'value'
353
+ maxFileSize: 'max-file-size',
354
+ maxTotalSize: 'max-total-size',
355
+ maxFiles: 'max-files',
356
+ name: 'name',
357
+ label: 'label',
358
+ addonLabel: 'addon-label',
359
+ hint: 'hint',
360
+ errorMessage: 'error-message',
361
+ width: 'width',
362
+ error: 'error',
363
+ status: 'status',
364
+ labelTooltip: 'label-tooltip',
365
+ focused: 'focused',
366
+ hovered: 'hovered',
367
+ value: 'value',
368
+ rules: 'rules'
350
369
  },
351
370
  hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
352
371
  clientModule: clientComponents.SdFilePicker as ReactWebComponent<SdFilePickerElement, SdFilePickerEvents>,
@@ -381,6 +400,22 @@ export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__P
381
400
  serializeShadowRoot,
382
401
  });
383
402
 
403
+ export type SdGhostButtonEvents = { onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>> };
404
+
405
+ export const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents> = /*@__PURE__*/ createComponent<SdGhostButtonElement, SdGhostButtonEvents>({
406
+ tagName: 'sd-ghost-button',
407
+ properties: {
408
+ icon: 'icon',
409
+ size: 'size',
410
+ intent: 'intent',
411
+ ariaLabel: 'aria-label',
412
+ disabled: 'disabled'
413
+ },
414
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
415
+ clientModule: clientComponents.SdGhostButton as ReactWebComponent<SdGhostButtonElement, SdGhostButtonEvents>,
416
+ serializeShadowRoot,
417
+ });
418
+
384
419
  export type SdGuideEvents = NonNullable<unknown>;
385
420
 
386
421
  export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@__PURE__*/ createComponent<SdGuideElement, SdGuideEvents>({
package/lib/components/components.ts CHANGED
@@ -7,7 +7,7 @@
7
7
 
8
8
  /* eslint-disable */
9
9
 
10
- import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
10
+ import { type CheckedType, type DropdownButtonValue, type Event, type RadioValue, type SdBarcodeInputCustomEvent, type SdButtonCustomEvent, type SdButtonV2CustomEvent, type SdCheckboxCustomEvent, type SdDropdownButtonCustomEvent, type SdFilePickerCustomEvent, type SdGhostButtonCustomEvent, type SdInputCustomEvent, type SdNumberInputCustomEvent, type SdRadioButtonGroupCustomEvent, type SdRadioCustomEvent, type SdRadioGroupCustomEvent, type SdSelectCustomEvent, type SdSelectDropdownCustomEvent, type SdSelectGroupCustomEvent, type SdSelectMultipleCustomEvent, type SdSelectMultipleGroupCustomEvent, type SdSelectOptionCustomEvent, type SdSelectOptionGroupCustomEvent, type SdSelectV2CustomEvent, type SdSelectV2ListItemCustomEvent, type SdSelectV2ListboxCustomEvent, type SdTextareaCustomEvent, type SelectEvents, type SelectMultipleEvents, type SelectOption, type SelectOptionGroup, type SelectV2Option, type SelectV2OptionSelectDetail, type SelectV2Value } from "@sellmate/design-system";
11
11
  import { SdActionModal as SdActionModalElement, defineCustomElement as defineSdActionModal } from "@sellmate/design-system/dist/components/sd-action-modal.js";
12
12
  import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from "@sellmate/design-system/dist/components/sd-badge.js";
13
13
  import { SdBarcodeInput as SdBarcodeInputElement, defineCustomElement as defineSdBarcodeInput } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
@@ -25,6 +25,7 @@ import { SdField as SdFieldElement, defineCustomElement as defineSdField } from
25
25
  import { SdFilePicker as SdFilePickerElement, defineCustomElement as defineSdFilePicker } from "@sellmate/design-system/dist/components/sd-file-picker.js";
26
26
  import { SdFloatingPortal as SdFloatingPortalElement, defineCustomElement as defineSdFloatingPortal } from "@sellmate/design-system/dist/components/sd-floating-portal.js";
27
27
  import { SdForm as SdFormElement, defineCustomElement as defineSdForm } from "@sellmate/design-system/dist/components/sd-form.js";
28
+ import { SdGhostButton as SdGhostButtonElement, defineCustomElement as defineSdGhostButton } from "@sellmate/design-system/dist/components/sd-ghost-button.js";
28
29
  import { SdGuide as SdGuideElement, defineCustomElement as defineSdGuide } from "@sellmate/design-system/dist/components/sd-guide.js";
29
30
  import { SdIcon as SdIconElement, defineCustomElement as defineSdIcon } from "@sellmate/design-system/dist/components/sd-icon.js";
30
31
  import { SdInput as SdInputElement, defineCustomElement as defineSdInput } from "@sellmate/design-system/dist/components/sd-input.js";
@@ -270,14 +271,20 @@ export const SdField: StencilReactComponent<SdFieldElement, SdFieldEvents> = /*@
270
271
  defineCustomElement: defineSdField
271
272
  });
272
273
 
273
- export type SdFilePickerEvents = { onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>> };
274
+ export type SdFilePickerEvents = {
275
+ onSdUpdate: EventName<SdFilePickerCustomEvent<File[] | File | null>>,
276
+ onSdReject: EventName<SdFilePickerCustomEvent<{ files: File[]; reason: 'max-file-size' | 'max-total-size' | 'max-files' }>>
277
+ };
274
278
 
275
279
  export const SdFilePicker: StencilReactComponent<SdFilePickerElement, SdFilePickerEvents> = /*@__PURE__*/ createComponent<SdFilePickerElement, SdFilePickerEvents>({
276
280
  tagName: 'sd-file-picker',
277
281
  elementClass: SdFilePickerElement,
278
282
  // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
279
283
  react: React,
280
- events: { onSdUpdate: 'sdUpdate' } as SdFilePickerEvents,
284
+ events: {
285
+ onSdUpdate: 'sdUpdate',
286
+ onSdReject: 'sdReject'
287
+ } as SdFilePickerEvents,
281
288
  defineCustomElement: defineSdFilePicker
282
289
  });
283
290
 
@@ -309,6 +316,17 @@ export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__P
309
316
  defineCustomElement: defineSdForm
310
317
  });
311
318
 
319
+ export type SdGhostButtonEvents = { onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>> };
320
+
321
+ export const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents> = /*@__PURE__*/ createComponent<SdGhostButtonElement, SdGhostButtonEvents>({
322
+ tagName: 'sd-ghost-button',
323
+ elementClass: SdGhostButtonElement,
324
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
325
+ react: React,
326
+ events: { onSdClick: 'sdClick' } as SdGhostButtonEvents,
327
+ defineCustomElement: defineSdGhostButton
328
+ });
329
+
312
330
  export type SdGuideEvents = NonNullable<unknown>;
313
331
 
314
332
  export const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents> = /*@__PURE__*/ createComponent<SdGuideElement, SdGuideEvents>({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellmate/design-system-react",
3
- "version": "1.0.49",
3
+ "version": "1.0.51",
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.49",
57
+ "@sellmate/design-system": "^1.0.51",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {