@sellmate/design-system-react 1.0.48 → 1.0.50

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 +13 -0
  5. package/lib/components/components.server.ts +18 -1
  6. package/lib/components/components.ts +13 -1
  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";
@@ -140,6 +141,10 @@ export type SdFormEvents = {
140
141
  onSdValidationError: EventName<CustomEvent<void>>;
141
142
  };
142
143
  export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
144
+ export type SdGhostButtonEvents = {
145
+ onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>>;
146
+ };
147
+ export declare const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents>;
143
148
  export type SdGuideEvents = NonNullable<unknown>;
144
149
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
145
150
  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";
@@ -218,6 +219,14 @@ export const SdForm = /*@__PURE__*/ createComponent({
218
219
  },
219
220
  defineCustomElement: defineSdForm
220
221
  });
222
+ export const SdGhostButton = /*@__PURE__*/ createComponent({
223
+ tagName: 'sd-ghost-button',
224
+ elementClass: SdGhostButtonElement,
225
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
226
+ react: React,
227
+ events: { onSdClick: 'sdClick' },
228
+ defineCustomElement: defineSdGhostButton
229
+ });
221
230
  export const SdGuide = /*@__PURE__*/ createComponent({
222
231
  tagName: 'sd-guide',
223
232
  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";
@@ -142,6 +143,10 @@ export type SdFormEvents = {
142
143
  onSdValidationError: EventName<CustomEvent<void>>;
143
144
  };
144
145
  export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
146
+ export type SdGhostButtonEvents = {
147
+ onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>>;
148
+ };
149
+ export declare const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents>;
145
150
  export type SdGuideEvents = NonNullable<unknown>;
146
151
  export declare const SdGuide: StencilReactComponent<SdGuideElement, SdGuideEvents>;
147
152
  export type SdIconEvents = NonNullable<unknown>;
package/dist/components/components.server.js CHANGED
@@ -242,6 +242,19 @@ export const SdForm = /*@__PURE__*/ createComponent({
242
242
  clientModule: clientComponents.SdForm,
243
243
  serializeShadowRoot,
244
244
  });
245
+ export const SdGhostButton = /*@__PURE__*/ createComponent({
246
+ tagName: 'sd-ghost-button',
247
+ properties: {
248
+ icon: 'icon',
249
+ size: 'size',
250
+ intent: 'intent',
251
+ ariaLabel: 'aria-label',
252
+ disabled: 'disabled'
253
+ },
254
+ hydrateModule: import('@sellmate/design-system/hydrate'),
255
+ clientModule: clientComponents.SdGhostButton,
256
+ serializeShadowRoot,
257
+ });
245
258
  export const SdGuide = /*@__PURE__*/ createComponent({
246
259
  tagName: 'sd-guide',
247
260
  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";
@@ -381,6 +382,22 @@ export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__P
381
382
  serializeShadowRoot,
382
383
  });
383
384
 
385
+ export type SdGhostButtonEvents = { onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>> };
386
+
387
+ export const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents> = /*@__PURE__*/ createComponent<SdGhostButtonElement, SdGhostButtonEvents>({
388
+ tagName: 'sd-ghost-button',
389
+ properties: {
390
+ icon: 'icon',
391
+ size: 'size',
392
+ intent: 'intent',
393
+ ariaLabel: 'aria-label',
394
+ disabled: 'disabled'
395
+ },
396
+ hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
397
+ clientModule: clientComponents.SdGhostButton as ReactWebComponent<SdGhostButtonElement, SdGhostButtonEvents>,
398
+ serializeShadowRoot,
399
+ });
400
+
384
401
  export type SdGuideEvents = NonNullable<unknown>;
385
402
 
386
403
  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";
@@ -309,6 +310,17 @@ export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__P
309
310
  defineCustomElement: defineSdForm
310
311
  });
311
312
 
313
+ export type SdGhostButtonEvents = { onSdClick: EventName<SdGhostButtonCustomEvent<MouseEvent>> };
314
+
315
+ export const SdGhostButton: StencilReactComponent<SdGhostButtonElement, SdGhostButtonEvents> = /*@__PURE__*/ createComponent<SdGhostButtonElement, SdGhostButtonEvents>({
316
+ tagName: 'sd-ghost-button',
317
+ elementClass: SdGhostButtonElement,
318
+ // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
319
+ react: React,
320
+ events: { onSdClick: 'sdClick' } as SdGhostButtonEvents,
321
+ defineCustomElement: defineSdGhostButton
322
+ });
323
+
312
324
  export type SdGuideEvents = NonNullable<unknown>;
313
325
 
314
326
  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.48",
3
+ "version": "1.0.50",
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.48",
57
+ "@sellmate/design-system": "^1.0.50",
58
58
  "@stencil/react-output-target": "^1.2.0"
59
59
  },
60
60
  "peerDependencies": {