@synerise/ds-subtle-form 1.1.20 → 1.1.22

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.1.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@1.1.21...@synerise/ds-subtle-form@1.1.22) (2025-09-19)
+
+**Note:** Version bump only for package @synerise/ds-subtle-form
+
+
+
+
+
+## [1.1.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@1.1.20...@synerise/ds-subtle-form@1.1.21) (2025-09-16)
+
+**Note:** Version bump only for package @synerise/ds-subtle-form
+
+
+
+
+
 ## [1.1.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@1.1.19...@synerise/ds-subtle-form@1.1.20) (2025-08-28)
 
 **Note:** Version bump only for package @synerise/ds-subtle-form

package/dist/Elements/DatePicker/DatePicker.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { type SubtleDatePickerProps } from './DatePicker.types';
-declare const SubtleDatePicker: ({ value, suffix, suffixTooltip, format: dateFormat, label, children, labelTooltip, placeholder, onApply, onClear, errorText, error, activeProp, onDropdownVisibleChange, disabled, ...rest }: SubtleDatePickerProps) => React.JSX.Element;
+declare const SubtleDatePicker: {
+    ({ value, suffix, suffixTooltip, format: dateFormat, label, children, labelTooltip, placeholder, onApply, onClear, errorText, error, activeProp, onDropdownVisibleChange, disabled, ...rest }: SubtleDatePickerProps): React.JSX.Element;
+    displayName: string;
+};
 export default SubtleDatePicker;

package/dist/Elements/DatePicker/DatePicker.js

@@ -109,4 +109,5 @@ var SubtleDatePicker = function SubtleDatePicker(_ref) {
     color: theme.palette['grey-600']
   })))))));
 };
+SubtleDatePicker.displayName = 'SubtleDatePicker';
 export default SubtleDatePicker;

package/dist/Elements/Field/Field.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { type SubtleFieldProps } from '../../SubtleForm.types';
-declare const SubtleField: ({ disabled, suffix, suffixTooltip, label, labelTooltip, activeElement, inactiveElement, mask, maskVisible, errorText, active: activeProp, }: SubtleFieldProps) => React.JSX.Element;
+declare const SubtleField: {
+    ({ disabled, suffix, suffixTooltip, label, labelTooltip, activeElement, inactiveElement, mask, maskVisible, errorText, active: activeProp, }: SubtleFieldProps): React.JSX.Element;
+    displayName: string;
+};
 export default SubtleField;

package/dist/Elements/Field/Field.js

@@ -70,4 +70,5 @@ var SubtleField = function SubtleField(_ref) {
     color: theme.palette['grey-600']
   })))))));
 };
+SubtleField.displayName = 'SubtleField';
 export default SubtleField;

package/dist/Elements/Input/Input.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { type SubtleInputProps } from './Input.types';
-declare const SubtleInput: ({ disabled, value, onChange, placeholder, label, labelTooltip, suffixTooltip, suffix, error, errorText, inputProps, ...rest }: SubtleInputProps) => React.JSX.Element;
+declare const SubtleInput: {
+    ({ disabled, value, onChange, placeholder, label, labelTooltip, suffixTooltip, suffix, error, errorText, inputProps, ...rest }: SubtleInputProps): React.JSX.Element;
+    displayName: string;
+};
 export default SubtleInput;

package/dist/Elements/Input/Input.js

@@ -79,4 +79,5 @@ var SubtleInput = function SubtleInput(_ref) {
     color: theme.palette['grey-600']
   })))))));
 };
+SubtleInput.displayName = 'SubtleInput';
 export default SubtleInput;

package/dist/Elements/Select/Select.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { type SubtleSelectProps } from './Select.types';
-declare const SubtleSelect: ({ disabled, value, suffix, suffixTooltip, label, children, labelTooltip, placeholder, error, errorText, dropdownAlign, ...rest }: SubtleSelectProps) => React.JSX.Element;
+declare const SubtleSelect: {
+    ({ disabled, value, suffix, suffixTooltip, label, children, labelTooltip, placeholder, error, errorText, dropdownAlign, ...rest }: SubtleSelectProps): React.JSX.Element;
+    displayName: string;
+};
 export default SubtleSelect;

package/dist/Elements/Select/Select.js

@@ -80,4 +80,5 @@ var SubtleSelect = function SubtleSelect(_ref) {
     color: theme.palette['grey-600']
   })))))));
 };
+SubtleSelect.displayName = 'SubtleSelect';
 export default SubtleSelect;

package/dist/Elements/TextArea/TextArea.d.ts

@@ -1,4 +1,7 @@
 import React from 'react';
 import { type SubtleTextAreaProps } from './TextArea.types';
-declare const SubtleTextArea: ({ disabled, minRows, maxRows, value, onChange, placeholder, label, labelTooltip, suffixTooltip, suffix, error, errorText, textAreaProps, ...rest }: SubtleTextAreaProps) => React.JSX.Element;
+declare const SubtleTextArea: {
+    ({ disabled, minRows, maxRows, value, onChange, placeholder, label, labelTooltip, suffixTooltip, suffix, error, errorText, textAreaProps, ...rest }: SubtleTextAreaProps): React.JSX.Element;
+    displayName: string;
+};
 export default SubtleTextArea;

package/dist/Elements/TextArea/TextArea.js

@@ -131,4 +131,5 @@ var SubtleTextArea = function SubtleTextArea(_ref) {
     color: theme.palette['grey-600']
   })))))));
 };
+SubtleTextArea.displayName = 'SubtleTextArea';
 export default SubtleTextArea;

package/dist/SubtleForm.d.ts

@@ -1,4 +1,24 @@
-import { type FC } from 'react';
-import { type SubtleFormSubComponents } from './SubtleForm.types';
-declare const SubtleForm: FC & SubtleFormSubComponents;
+declare const SubtleForm: {
+    (): null;
+    TextArea: {
+        ({ disabled, minRows, maxRows, value, onChange, placeholder, label, labelTooltip, suffixTooltip, suffix, error, errorText, textAreaProps, ...rest }: import("./Elements/TextArea/TextArea.types").SubtleTextAreaProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Select: {
+        ({ disabled, value, suffix, suffixTooltip, label, children, labelTooltip, placeholder, error, errorText, dropdownAlign, ...rest }: import("./Elements/Select/Select.types").SubtleSelectProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    DatePicker: {
+        ({ value, suffix, suffixTooltip, format: dateFormat, label, children, labelTooltip, placeholder, onApply, onClear, errorText, error, activeProp, onDropdownVisibleChange, disabled, ...rest }: import("./Elements/DatePicker/DatePicker.types").SubtleDatePickerProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Field: {
+        ({ disabled, suffix, suffixTooltip, label, labelTooltip, activeElement, inactiveElement, mask, maskVisible, errorText, active: activeProp, }: import("./SubtleForm.types").SubtleFieldProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    Input: {
+        ({ disabled, value, onChange, placeholder, label, labelTooltip, suffixTooltip, suffix, error, errorText, inputProps, ...rest }: import("./Elements/Input/Input.types").SubtleInputProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
 export default SubtleForm;

package/dist/SubtleForm.js

@@ -6,24 +6,9 @@ import SubtleTextArea from './Elements/TextArea/TextArea';
 var SubtleForm = function SubtleForm() {
   return null;
 };
-SubtleForm.TextArea = function (props) {
-  return SubtleTextArea(props);
-};
-SubtleForm.TextArea.displayName = 'SubtleTextArea';
-SubtleForm.Select = function (props) {
-  return SubtleSelect(props);
-};
-SubtleForm.Select.displayName = 'SubtleSelect';
-SubtleForm.DatePicker = function (props) {
-  return SubtleDatePicker(props);
-};
-SubtleForm.DatePicker.displayName = 'SubtleDatePicker';
-SubtleForm.Field = function (props) {
-  return SubtleField(props);
-};
-SubtleForm.Field.displayName = 'SubtleField';
-SubtleForm.Input = function (props) {
-  return SubtleInput(props);
-};
-SubtleForm.Input.displayName = 'SubtleInput';
+SubtleForm.TextArea = SubtleTextArea;
+SubtleForm.Select = SubtleSelect;
+SubtleForm.DatePicker = SubtleDatePicker;
+SubtleForm.Field = SubtleField;
+SubtleForm.Input = SubtleInput;
 export default SubtleForm;

package/dist/SubtleForm.types.d.ts

@@ -1,24 +1,13 @@
-import type React from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import { type FormFieldCommonProps } from '@synerise/ds-form-field';
-import { type SubtleDatePickerProps } from './Elements/DatePicker/DatePicker.types';
-import { type SubtleInputProps } from './Elements/Input/Input.types';
-import { type SubtleSelectProps } from './Elements/Select/Select.types';
-import { type SubtleTextAreaProps } from './Elements/TextArea/TextArea.types';
-export type SubtleFormSubComponents = {
-    TextArea: React.ElementType<SubtleTextAreaProps>;
-    Select: React.ElementType<SubtleSelectProps>;
-    DatePicker: React.ElementType<SubtleDatePickerProps>;
-    Field: React.ElementType<SubtleFieldProps>;
-    Input: React.ElementType<SubtleInputProps>;
-};
 export type SubtleFieldProps = {
     active?: boolean;
     disabled?: boolean;
     labelTooltip?: FormFieldCommonProps['tooltip'];
-    suffix?: React.ReactNode | string;
-    suffixTooltip?: React.ReactNode | string;
-    activeElement?: () => React.ReactElement;
-    inactiveElement?: () => React.ReactElement;
+    suffix?: ReactNode;
+    suffixTooltip?: ReactNode;
+    activeElement?: () => ReactElement;
+    inactiveElement?: () => ReactElement;
     mask?: string;
     maskVisible?: boolean;
 } & Pick<FormFieldCommonProps, 'label' | 'errorText'>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-subtle-form",
-  "version": "1.1.20",
+  "version": "1.1.22",
   "description": "SubtleForm UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -26,6 +26,7 @@
     "test": "jest",
     "test:watch": "npm run test -- --watchAll",
     "types": "tsc --noEmit",
+    "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
   },
   "sideEffects": [
@@ -34,13 +35,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-date-picker": "^1.2.5",
-    "@synerise/ds-form-field": "^1.1.14",
-    "@synerise/ds-icon": "^1.7.1",
-    "@synerise/ds-input": "^1.3.8",
-    "@synerise/ds-select": "^1.1.16",
-    "@synerise/ds-tooltip": "^1.1.17",
-    "@synerise/ds-utils": "^1.4.1",
+    "@synerise/ds-date-picker": "^1.2.7",
+    "@synerise/ds-form-field": "^1.1.16",
+    "@synerise/ds-icon": "^1.7.2",
+    "@synerise/ds-input": "^1.3.10",
+    "@synerise/ds-select": "^1.1.18",
+    "@synerise/ds-tooltip": "^1.2.0",
+    "@synerise/ds-utils": "^1.4.2",
     "calculate-size": "^1.1.1"
   },
   "peerDependencies": {
@@ -49,5 +50,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "5f5d424cf8c7fa89e231c36a45f5ab3e4cfac8e7"
+  "gitHead": "5029af8713235b315d36bb3c73363f2feca86da0"
 }