@sellmate/design-system-react 1.0.72 → 1.0.74

package/dist/components/components.d.ts

@@ -184,7 +184,9 @@ export type SdFloatingPortalEvents = {
 export declare const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, SdFloatingPortalEvents>;
 export type SdFormEvents = {
     onSdSubmit: EventName<CustomEvent<void>>;
-    onSdValidationError: EventName<CustomEvent<void>>;
+    onSdValidationError: EventName<CustomEvent<{
+        names: string[];
+    }>>;
 };
 export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
 export type SdGhostButtonEvents = {

package/dist/components/components.server.d.ts

@@ -186,7 +186,9 @@ export type SdFloatingPortalEvents = {
 export declare const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, SdFloatingPortalEvents>;
 export type SdFormEvents = {
     onSdSubmit: EventName<CustomEvent<void>>;
-    onSdValidationError: EventName<CustomEvent<void>>;
+    onSdValidationError: EventName<CustomEvent<{
+        names: string[];
+    }>>;
 };
 export declare const SdForm: StencilReactComponent<SdFormElement, SdFormEvents>;
 export type SdGhostButtonEvents = {

package/dist/components/components.server.js

@@ -51,6 +51,7 @@ export const SdBarcodeInput = /*@__PURE__*/ createComponent({
         label: 'label',
         labelWidth: 'label-width',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -197,9 +198,9 @@ export const SdDatePicker = /*@__PURE__*/ createComponent({
         addonAlign: 'addon-align',
         hint: 'hint',
         errorMessage: 'error-message',
-        fieldName: 'field-name',
         error: 'error',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -239,9 +240,9 @@ export const SdDateRangePicker = /*@__PURE__*/ createComponent({
         addonAlign: 'addon-align',
         hint: 'hint',
         errorMessage: 'error-message',
-        fieldName: 'field-name',
         error: 'error',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -411,6 +412,7 @@ export const SdInput = /*@__PURE__*/ createComponent({
         label: 'label',
         labelWidth: 'label-width',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -485,6 +487,7 @@ export const SdNumberInput = /*@__PURE__*/ createComponent({
         error: 'error',
         focused: 'focused',
         hovered: 'hovered',
+        name: 'name',
         rules: 'rules'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),
@@ -605,6 +608,7 @@ export const SdSelect = /*@__PURE__*/ createComponent({
         addonAlign: 'addon-align',
         labelTooltip: 'label-tooltip',
         error: 'error',
+        name: 'name',
         options: 'options',
         rules: 'rules'
     },
@@ -647,6 +651,7 @@ export const SdSelectGroup = /*@__PURE__*/ createComponent({
         addonAlign: 'addon-align',
         labelTooltip: 'label-tooltip',
         error: 'error',
+        name: 'name',
         options: 'options',
         rules: 'rules'
     },
@@ -745,7 +750,7 @@ export const SdSelectSearchInput = /*@__PURE__*/ createComponent({
 export const SdSelectV2 = /*@__PURE__*/ createComponent({
     tagName: 'sd-select-v2',
     properties: {
-        name: 'name',
+        type: 'type',
         value: 'value',
         placeholder: 'placeholder',
         maxDropdownWidth: 'max-dropdown-width',
@@ -758,10 +763,10 @@ export const SdSelectV2 = /*@__PURE__*/ createComponent({
         error: 'error',
         hint: 'hint',
         errorMessage: 'error-message',
-        fieldName: 'field-name',
         labelTooltip: 'label-tooltip',
         emitValue: 'emit-value',
         width: 'width',
+        name: 'name',
         options: 'options',
         rules: 'rules'
     },
@@ -791,7 +796,7 @@ export const SdSelectV2ListItemSearch = /*@__PURE__*/ createComponent({
 export const SdSelectV2Listbox = /*@__PURE__*/ createComponent({
     tagName: 'sd-select-v2-listbox',
     properties: {
-        name: 'name',
+        type: 'type',
         value: 'value',
         emitValue: 'emit-value',
         triggerWidth: 'trigger-width',
@@ -936,6 +941,7 @@ export const SdTextarea = /*@__PURE__*/ createComponent({
         status: 'status',
         focused: 'focused',
         hovered: 'hovered',
+        name: 'name',
         rules: 'rules'
     },
     hydrateModule: import('@sellmate/design-system/hydrate'),

package/lib/components/components.server.ts

@@ -139,6 +139,7 @@ export const SdBarcodeInput: StencilReactComponent<SdBarcodeInputElement, SdBarc
         label: 'label',
         labelWidth: 'label-width',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdBarcodeInput as ReactWebComponent<SdBarcodeInputElement, SdBarcodeInputEvents>,
@@ -330,9 +331,9 @@ export const SdDatePicker: StencilReactComponent<SdDatePickerElement, SdDatePick
         addonAlign: 'addon-align',
         hint: 'hint',
         errorMessage: 'error-message',
-        fieldName: 'field-name',
         error: 'error',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdDatePicker as ReactWebComponent<SdDatePickerElement, SdDatePickerEvents>,
@@ -386,9 +387,9 @@ export const SdDateRangePicker: StencilReactComponent<SdDateRangePickerElement,
         addonAlign: 'addon-align',
         hint: 'hint',
         errorMessage: 'error-message',
-        fieldName: 'field-name',
         error: 'error',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdDateRangePicker as ReactWebComponent<SdDateRangePickerElement, SdDateRangePickerEvents>,
@@ -507,7 +508,7 @@ export const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, Sd
 
 export type SdFormEvents = {
     onSdSubmit: EventName<CustomEvent<void>>,
-    onSdValidationError: EventName<CustomEvent<void>>
+    onSdValidationError: EventName<CustomEvent<{ names: string[] }>>
 };
 
 export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__PURE__*/ createComponent<SdFormElement, SdFormEvents>({
@@ -602,6 +603,7 @@ export const SdInput: StencilReactComponent<SdInputElement, SdInputEvents> = /*@
         label: 'label',
         labelWidth: 'label-width',
         labelTooltip: 'label-tooltip',
+        name: 'name',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdInput as ReactWebComponent<SdInputElement, SdInputEvents>,
@@ -694,6 +696,7 @@ export const SdNumberInput: StencilReactComponent<SdNumberInputElement, SdNumber
         error: 'error',
         focused: 'focused',
         hovered: 'hovered',
+        name: 'name',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdNumberInput as ReactWebComponent<SdNumberInputElement, SdNumberInputEvents>,
@@ -837,6 +840,7 @@ export const SdSelect: StencilReactComponent<SdSelectElement, SdSelectEvents> =
         addonAlign: 'addon-align',
         labelTooltip: 'label-tooltip',
         error: 'error',
+        name: 'name',
         options: 'options',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
@@ -894,6 +898,7 @@ export const SdSelectGroup: StencilReactComponent<SdSelectGroupElement, SdSelect
         addonAlign: 'addon-align',
         labelTooltip: 'label-tooltip',
         error: 'error',
+        name: 'name',
         options: 'options',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
@@ -1032,7 +1037,7 @@ export type SdSelectV2Events = {
 export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Events> = /*@__PURE__*/ createComponent<SdSelectV2Element, SdSelectV2Events>({
     tagName: 'sd-select-v2',
     properties: {
-        name: 'name',
+        type: 'type',
         value: 'value',
         placeholder: 'placeholder',
         maxDropdownWidth: 'max-dropdown-width',
@@ -1045,10 +1050,10 @@ export const SdSelectV2: StencilReactComponent<SdSelectV2Element, SdSelectV2Even
         error: 'error',
         hint: 'hint',
         errorMessage: 'error-message',
-        fieldName: 'field-name',
         labelTooltip: 'label-tooltip',
         emitValue: 'emit-value',
         width: 'width',
+        name: 'name',
         options: 'options',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
@@ -1089,7 +1094,7 @@ export type SdSelectV2ListboxEvents = { onSdOptionSelect: EventName<SdSelectV2Li
 export const SdSelectV2Listbox: StencilReactComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents> = /*@__PURE__*/ createComponent<SdSelectV2ListboxElement, SdSelectV2ListboxEvents>({
     tagName: 'sd-select-v2-listbox',
     properties: {
-        name: 'name',
+        type: 'type',
         value: 'value',
         emitValue: 'emit-value',
         triggerWidth: 'trigger-width',
@@ -1279,6 +1284,7 @@ export const SdTextarea: StencilReactComponent<SdTextareaElement, SdTextareaEven
         status: 'status',
         focused: 'focused',
         hovered: 'hovered',
+        name: 'name',
         rules: 'rules'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdTextarea as ReactWebComponent<SdTextareaElement, SdTextareaEvents>,

package/lib/components/components.ts

@@ -394,7 +394,7 @@ export const SdFloatingPortal: StencilReactComponent<SdFloatingPortalElement, Sd
 
 export type SdFormEvents = {
     onSdSubmit: EventName<CustomEvent<void>>,
-    onSdValidationError: EventName<CustomEvent<void>>
+    onSdValidationError: EventName<CustomEvent<{ names: string[] }>>
 };
 
 export const SdForm: StencilReactComponent<SdFormElement, SdFormEvents> = /*@__PURE__*/ createComponent<SdFormElement, SdFormEvents>({

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@sellmate/design-system-react",
- "version": "1.0.72",
+ "version": "1.0.74",
  "description": "Design System - React Component Wrappers",
  "keywords": [
   "react",
@@ -54,7 +54,7 @@
   "dev": "tsc --watch"
  },
  "dependencies": {
-  "@sellmate/design-system": "^1.0.72",
+  "@sellmate/design-system": "^1.0.74",
   "@stencil/react-output-target": "^1.2.0"
  },
  "peerDependencies": {