@synerise/ds-subtle-form 1.1.56 → 1.1.58

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 (3) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/README.md +69 -2
  3. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.1.58](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@1.1.57...@synerise/ds-subtle-form@1.1.58) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-subtle-form
9
+
10
+ ## [1.1.57](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@1.1.56...@synerise/ds-subtle-form@1.1.57) (2026-03-09)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-subtle-form
13
+
6
14
  ## [1.1.56](https://github.com/Synerise/synerise-design/compare/@synerise/ds-subtle-form@1.1.55...@synerise/ds-subtle-form@1.1.56) (2026-02-23)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-subtle-form
package/README.md CHANGED
@@ -46,10 +46,77 @@ const [value, setValue] = React.useState('');
46
46
  | disabled | Disables hover effects and value editing | boolean | false |
47
47
  | label | Label text displayed above the textarea | string / React.ReactNode | --- |
48
48
  | labelTooltip | Tooltip displayed on label hover | string / React.ReactNode | --- |
49
- | maxRows | Maximum rows to be displayed | number | 0 |
49
+ | maxRows | Maximum rows to be displayed | number | - |
50
50
  | minRows | Minimum rows to be displayed | number | 1 |
51
51
  | onChange | Callback execute after input change | (value: string) => void | --- |
52
52
  | value | Value displayed in the input | string | --- |
53
53
  | placeholder | Placeholder displayed in the input | string | --- |
54
54
  | suffix | Suffix element rendered on the right-hand side | React.ReactNode | --- |
55
- | suffixTooltip | Suffix tooltip dispalyed on hover | string / React.ReactNode | --- |
55
+ | suffixTooltip | Suffix tooltip displayed on hover | React.ReactNode | --- |
56
+ | error | Error state; forces the textarea into edit mode | boolean | --- |
57
+ | errorText | Error message displayed below the field | React.ReactNode | --- |
58
+ | textAreaProps | Props forwarded to the underlying TextArea | TextAreaProps | --- |
59
+
60
+ ### Input
61
+
62
+ | Property | Description | Type | Default |
63
+ | ------------- | ---------------------------------------------- | ------------------------ | ------- |
64
+ | disabled | Disables hover effects and value editing | boolean | false |
65
+ | label | Label text displayed above the input | string / React.ReactNode | --- |
66
+ | labelTooltip | Tooltip displayed on label hover | string / React.ReactNode | --- |
67
+ | value | Value displayed in the input | string | --- |
68
+ | onChange | Callback executed after input change | (value: string) => void | --- |
69
+ | placeholder | Placeholder displayed in the input | string | --- |
70
+ | suffix | Suffix element rendered on the right-hand side | React.ReactNode | --- |
71
+ | suffixTooltip | Suffix tooltip displayed on hover | React.ReactNode | --- |
72
+ | error | Error state; forces the input into edit mode | boolean | --- |
73
+ | errorText | Error message displayed below the field | React.ReactNode | --- |
74
+ | inputProps | Props forwarded to the underlying Input | InputProps | --- |
75
+
76
+ ### Select
77
+
78
+ | Property | Description | Type | Default |
79
+ | ------------- | ---------------------------------------------- | ------------------------ | ------- |
80
+ | disabled | Disables hover effects and value editing | boolean | false |
81
+ | label | Label text displayed above the select | string / React.ReactNode | --- |
82
+ | labelTooltip | Tooltip displayed on label hover | string / React.ReactNode | --- |
83
+ | value | Selected value | SelectValue | --- |
84
+ | placeholder | Placeholder displayed when no value | string | --- |
85
+ | suffix | Suffix element rendered on the right-hand side | React.ReactNode | --- |
86
+ | suffixTooltip | Suffix tooltip displayed on hover | React.ReactNode | --- |
87
+ | error | Error state; forces the select into edit mode | boolean | --- |
88
+ | errorText | Error message displayed below the field | React.ReactNode | --- |
89
+ | children | `Select.Option` children | React.ReactNode | --- |
90
+
91
+ ### DatePicker
92
+
93
+ | Property | Description | Type | Default |
94
+ | ----------------------- | -------------------------------------------------- | ------------------------ | ---------------- |
95
+ | disabled | Disables hover effects and value editing | boolean | false |
96
+ | label | Label text displayed above the date picker | string / React.ReactNode | --- |
97
+ | labelTooltip | Tooltip displayed on label hover | string / React.ReactNode | --- |
98
+ | value | Selected date | Date | --- |
99
+ | onApply | Called when date is confirmed; also deactivates | (date: Date) => void | --- |
100
+ | onClear | Called when cleared; also deactivates | () => void | --- |
101
+ | format | Date format string | string | `'dd-MM-yyyy'` |
102
+ | placeholder | Placeholder displayed when no value | string | --- |
103
+ | suffix | Suffix element rendered on the right-hand side | React.ReactNode | --- |
104
+ | suffixTooltip | Suffix tooltip displayed on hover | React.ReactNode | --- |
105
+ | error | Error state; forces the picker into display mode | boolean | --- |
106
+ | errorText | Error message displayed below the field | React.ReactNode | --- |
107
+
108
+ ### Field
109
+
110
+ | Property | Description | Type | Default |
111
+ | -------------- | ---------------------------------------------------- | ------------------------ | ------- |
112
+ | disabled | Disables hover effects and interactions | boolean | false |
113
+ | label | Label text displayed above the field | string / React.ReactNode | --- |
114
+ | labelTooltip | Tooltip displayed on label hover | string / React.ReactNode | --- |
115
+ | active | Controlled active (edit) state | boolean | --- |
116
+ | activeElement | Render function for the edit state | () => ReactElement | --- |
117
+ | inactiveElement| Render function for the display state | () => ReactElement | --- |
118
+ | suffix | Suffix element rendered on the right-hand side | React.ReactNode | --- |
119
+ | suffixTooltip | Suffix tooltip displayed on hover | React.ReactNode | --- |
120
+ | errorText | Error message; forces the field into edit mode | React.ReactNode | --- |
121
+ | mask | Mask string shown below inactive content | string | --- |
122
+ | maskVisible | Whether to show the mask | boolean | --- |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-subtle-form",
3
- "version": "1.1.56",
3
+ "version": "1.1.58",
4
4
  "description": "SubtleForm UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -35,13 +35,13 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-date-picker": "^1.3.21",
39
- "@synerise/ds-form-field": "^1.3.7",
40
- "@synerise/ds-icon": "^1.14.1",
41
- "@synerise/ds-input": "^1.6.7",
42
- "@synerise/ds-select": "^1.3.17",
43
- "@synerise/ds-tooltip": "^1.4.7",
44
- "@synerise/ds-utils": "^1.6.0",
38
+ "@synerise/ds-date-picker": "^1.4.1",
39
+ "@synerise/ds-form-field": "^1.3.9",
40
+ "@synerise/ds-icon": "^1.15.0",
41
+ "@synerise/ds-input": "^1.6.9",
42
+ "@synerise/ds-select": "^1.3.19",
43
+ "@synerise/ds-tooltip": "^1.4.9",
44
+ "@synerise/ds-utils": "^1.7.0",
45
45
  "calculate-size": "^1.1.1"
46
46
  },
47
47
  "peerDependencies": {
@@ -50,5 +50,5 @@
50
50
  "react": ">=16.9.0 <= 18.3.1",
51
51
  "styled-components": "^5.3.3"
52
52
  },
53
- "gitHead": "2997f77d657c1aed2fc39901d3e0b8f88b05cc53"
53
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
54
54
  }