@sellmate/design-system-react 1.0.73 → 1.0.75

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>,
@@ -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>,
@@ -643,8 +645,7 @@ export const SdLoadingModal: StencilReactComponent<SdLoadingModalElement, SdLoad
         useButton: 'use-button',
         buttonLabel: 'button-label',
         width: 'width',
-        height: 'height'
-    },
+        height: 'height'},
     hydrateModule: import('@sellmate/design-system/hydrate') as Promise<HydrateModule>,
     clientModule: clientComponents.SdLoadingModal as ReactWebComponent<SdLoadingModalElement, SdLoadingModalEvents>,
     serializeShadowRoot,
@@ -694,6 +695,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 +839,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 +897,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 +1036,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 +1049,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 +1093,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 +1283,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/package.json

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