@sellmate/design-system-react 1.3.0 → 1.5.0
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.
- package/dist/components/components.d.ts +3 -0
- package/dist/components/components.js +9 -0
- package/dist/components/components.server.d.ts +3 -0
- package/dist/components/components.server.js +11 -0
- package/lib/components/components.server.ts +16 -2
- package/lib/components/components.ts +12 -0
- package/package.json +2 -2
|
@@ -10,6 +10,7 @@ import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/componen
|
|
|
10
10
|
import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
11
11
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
12
12
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
13
|
+
import { SdCallout as SdCalloutElement } from "@sellmate/design-system/dist/components/sd-callout.js";
|
|
13
14
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
14
15
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
15
16
|
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
@@ -86,6 +87,8 @@ export type SdCalendarEvents = {
|
|
|
86
87
|
}>>;
|
|
87
88
|
};
|
|
88
89
|
export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar>;
|
|
90
|
+
export type SdCalloutEvents = NonNullable<unknown>;
|
|
91
|
+
export declare const SdCallout: StencilReactComponent<SdCalloutElement, SdCalloutEvents, Components.SdCallout>;
|
|
89
92
|
export type SdCardEvents = NonNullable<unknown>;
|
|
90
93
|
export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents, Components.SdCard>;
|
|
91
94
|
export type SdCheckboxEvents = {
|
|
@@ -6,6 +6,7 @@ import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from
|
|
|
6
6
|
import { SdBarcodeInput as SdBarcodeInputElement, defineCustomElement as defineSdBarcodeInput } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
7
7
|
import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
8
8
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
9
|
+
import { SdCallout as SdCalloutElement, defineCustomElement as defineSdCallout } from "@sellmate/design-system/dist/components/sd-callout.js";
|
|
9
10
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
10
11
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
11
12
|
import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
@@ -107,6 +108,14 @@ export const SdCalendar = /*@__PURE__*/ createComponent({
|
|
|
107
108
|
},
|
|
108
109
|
defineCustomElement: defineSdCalendar
|
|
109
110
|
});
|
|
111
|
+
export const SdCallout = /*@__PURE__*/ createComponent({
|
|
112
|
+
tagName: 'sd-callout',
|
|
113
|
+
elementClass: SdCalloutElement,
|
|
114
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
115
|
+
react: React,
|
|
116
|
+
events: {},
|
|
117
|
+
defineCustomElement: defineSdCallout
|
|
118
|
+
});
|
|
110
119
|
export const SdCard = /*@__PURE__*/ createComponent({
|
|
111
120
|
tagName: 'sd-card',
|
|
112
121
|
elementClass: SdCardElement,
|
|
@@ -11,6 +11,7 @@ import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/componen
|
|
|
11
11
|
import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
12
12
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
13
13
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
14
|
+
import { SdCallout as SdCalloutElement } from "@sellmate/design-system/dist/components/sd-callout.js";
|
|
14
15
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
15
16
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
16
17
|
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
@@ -88,6 +89,8 @@ export type SdCalendarEvents = {
|
|
|
88
89
|
}>>;
|
|
89
90
|
};
|
|
90
91
|
export declare const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar>;
|
|
92
|
+
export type SdCalloutEvents = NonNullable<unknown>;
|
|
93
|
+
export declare const SdCallout: StencilReactComponent<SdCalloutElement, SdCalloutEvents, Components.SdCallout>;
|
|
91
94
|
export type SdCardEvents = NonNullable<unknown>;
|
|
92
95
|
export declare const SdCard: StencilReactComponent<SdCardElement, SdCardEvents, Components.SdCard>;
|
|
93
96
|
export type SdCheckboxEvents = {
|
|
@@ -70,12 +70,23 @@ export const SdCalendar = /*@__PURE__*/ createComponent({
|
|
|
70
70
|
tagName: 'sd-calendar',
|
|
71
71
|
properties: {
|
|
72
72
|
value: 'value',
|
|
73
|
+
elevated: 'elevated',
|
|
73
74
|
events: 'events'
|
|
74
75
|
},
|
|
75
76
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
76
77
|
clientModule: clientComponents.SdCalendar,
|
|
77
78
|
serializeShadowRoot
|
|
78
79
|
});
|
|
80
|
+
export const SdCallout = /*@__PURE__*/ createComponent({
|
|
81
|
+
tagName: 'sd-callout',
|
|
82
|
+
properties: {
|
|
83
|
+
type: 'type',
|
|
84
|
+
message: 'message'
|
|
85
|
+
},
|
|
86
|
+
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
87
|
+
clientModule: clientComponents.SdCallout,
|
|
88
|
+
serializeShadowRoot
|
|
89
|
+
});
|
|
79
90
|
export const SdCard = /*@__PURE__*/ createComponent({
|
|
80
91
|
tagName: 'sd-card',
|
|
81
92
|
properties: {
|
|
@@ -19,6 +19,7 @@ import { SdBadge as SdBadgeElement } from "@sellmate/design-system/dist/componen
|
|
|
19
19
|
import { SdBarcodeInput as SdBarcodeInputElement } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
20
20
|
import { SdButton as SdButtonElement } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
21
21
|
import { SdCalendar as SdCalendarElement } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
22
|
+
import { SdCallout as SdCalloutElement } from "@sellmate/design-system/dist/components/sd-callout.js";
|
|
22
23
|
import { SdCard as SdCardElement } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
23
24
|
import { SdCheckbox as SdCheckboxElement } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
24
25
|
import { SdChip as SdChipElement } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
@@ -162,13 +163,26 @@ export type SdCalendarEvents = {
|
|
|
162
163
|
export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar> = /*@__PURE__*/ createComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar>({
|
|
163
164
|
tagName: 'sd-calendar',
|
|
164
165
|
properties: {
|
|
165
|
-
|
|
166
|
-
|
|
166
|
+
value: 'value',
|
|
167
|
+
elevated: 'elevated',
|
|
168
|
+
events: 'events'},
|
|
167
169
|
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
168
170
|
clientModule: clientComponents.SdCalendar as StencilReactComponent<SdCalendarElement, SdCalendarEvents, Components.SdCalendar>,
|
|
169
171
|
serializeShadowRoot
|
|
170
172
|
});
|
|
171
173
|
|
|
174
|
+
export type SdCalloutEvents = NonNullable<unknown>;
|
|
175
|
+
|
|
176
|
+
export const SdCallout: StencilReactComponent<SdCalloutElement, SdCalloutEvents, Components.SdCallout> = /*@__PURE__*/ createComponent<SdCalloutElement, SdCalloutEvents, Components.SdCallout>({
|
|
177
|
+
tagName: 'sd-callout',
|
|
178
|
+
properties: {
|
|
179
|
+
type: 'type',
|
|
180
|
+
message: 'message'},
|
|
181
|
+
hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
|
|
182
|
+
clientModule: clientComponents.SdCallout as StencilReactComponent<SdCalloutElement, SdCalloutEvents, Components.SdCallout>,
|
|
183
|
+
serializeShadowRoot
|
|
184
|
+
});
|
|
185
|
+
|
|
172
186
|
export type SdCardEvents = NonNullable<unknown>;
|
|
173
187
|
|
|
174
188
|
export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents, Components.SdCard> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents, Components.SdCard>({
|
|
@@ -18,6 +18,7 @@ import { SdBadge as SdBadgeElement, defineCustomElement as defineSdBadge } from
|
|
|
18
18
|
import { SdBarcodeInput as SdBarcodeInputElement, defineCustomElement as defineSdBarcodeInput } from "@sellmate/design-system/dist/components/sd-barcode-input.js";
|
|
19
19
|
import { SdButton as SdButtonElement, defineCustomElement as defineSdButton } from "@sellmate/design-system/dist/components/sd-button.js";
|
|
20
20
|
import { SdCalendar as SdCalendarElement, defineCustomElement as defineSdCalendar } from "@sellmate/design-system/dist/components/sd-calendar.js";
|
|
21
|
+
import { SdCallout as SdCalloutElement, defineCustomElement as defineSdCallout } from "@sellmate/design-system/dist/components/sd-callout.js";
|
|
21
22
|
import { SdCard as SdCardElement, defineCustomElement as defineSdCard } from "@sellmate/design-system/dist/components/sd-card.js";
|
|
22
23
|
import { SdCheckbox as SdCheckboxElement, defineCustomElement as defineSdCheckbox } from "@sellmate/design-system/dist/components/sd-checkbox.js";
|
|
23
24
|
import { SdChip as SdChipElement, defineCustomElement as defineSdChip } from "@sellmate/design-system/dist/components/sd-chip.js";
|
|
@@ -145,6 +146,17 @@ export const SdCalendar: StencilReactComponent<SdCalendarElement, SdCalendarEven
|
|
|
145
146
|
defineCustomElement: defineSdCalendar
|
|
146
147
|
});
|
|
147
148
|
|
|
149
|
+
export type SdCalloutEvents = NonNullable<unknown>;
|
|
150
|
+
|
|
151
|
+
export const SdCallout: StencilReactComponent<SdCalloutElement, SdCalloutEvents, Components.SdCallout> = /*@__PURE__*/ createComponent<SdCalloutElement, SdCalloutEvents, Components.SdCallout>({
|
|
152
|
+
tagName: 'sd-callout',
|
|
153
|
+
elementClass: SdCalloutElement,
|
|
154
|
+
// @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
|
|
155
|
+
react: React,
|
|
156
|
+
events: {} as SdCalloutEvents,
|
|
157
|
+
defineCustomElement: defineSdCallout
|
|
158
|
+
});
|
|
159
|
+
|
|
148
160
|
export type SdCardEvents = NonNullable<unknown>;
|
|
149
161
|
|
|
150
162
|
export const SdCard: StencilReactComponent<SdCardElement, SdCardEvents, Components.SdCard> = /*@__PURE__*/ createComponent<SdCardElement, SdCardEvents, Components.SdCard>({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sellmate/design-system-react",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.5.0",
|
|
4
4
|
"description": "Design System - React Component Wrappers",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"typecheck": "tsc --noEmit"
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
|
-
"@sellmate/design-system": "^1.
|
|
58
|
+
"@sellmate/design-system": "^1.5.0",
|
|
59
59
|
"@stencil/react-output-target": "^1.2.0"
|
|
60
60
|
},
|
|
61
61
|
"peerDependencies": {
|