@neo4j-ndl/react 2.0.6 → 2.0.7
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/CHANGELOG.md +9 -0
- package/lib/cjs/text-input/TextInput.js +3 -3
- package/lib/cjs/text-input/TextInput.js.map +1 -1
- package/lib/cjs/textarea/Textarea.js +3 -2
- package/lib/cjs/textarea/Textarea.js.map +1 -1
- package/lib/esm/text-input/TextInput.js +3 -3
- package/lib/esm/text-input/TextInput.js.map +1 -1
- package/lib/esm/textarea/Textarea.js +3 -2
- package/lib/esm/textarea/Textarea.js.map +1 -1
- package/lib/types/text-input/TextInput.d.ts +1 -1
- package/lib/types/textarea/Textarea.d.ts +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.0.7
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#684](https://github.com/neo4j/neo4j-design/pull/684) [`c2e04dd`](https://github.com/neo4j/neo4j-design/commit/c2e04dd2e2b74bb3220c0dcb88c315b6bdffffae) Thanks [@konsalex](https://github.com/konsalex)! - fix text input and area sizings (this should have been a breaking change, ui may break in some products)
|
|
8
|
+
|
|
9
|
+
- Updated dependencies [[`c2e04dd`](https://github.com/neo4j/neo4j-design/commit/c2e04dd2e2b74bb3220c0dcb88c315b6bdffffae)]:
|
|
10
|
+
- @neo4j-ndl/base@2.0.3
|
|
11
|
+
|
|
3
12
|
## 2.0.6
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
|
@@ -46,11 +46,11 @@ const messages_1 = require("../_common/messages");
|
|
|
46
46
|
*
|
|
47
47
|
*/
|
|
48
48
|
const TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
|
|
49
|
-
const { label, fluid, errorText, helpText, leftIcon, rightIcon, isOptional = false, informationIconText, type = 'text', size = '
|
|
49
|
+
const { label, fluid, errorText, helpText, leftIcon, rightIcon, isOptional = false, informationIconText, type = 'text', size = 'medium', 'aria-label': ariaLabel, tooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "isOptional", "informationIconText", "type", "size", 'aria-label', "tooltipProps"]);
|
|
50
50
|
const containerWrappingClasses = (0, defaultImports_1.classNames)(`ndl-form-item ndl-type-text`, customProps.className, {
|
|
51
51
|
'ndl-disabled': customProps.disabled,
|
|
52
|
-
'ndl-extra-small': size === 'extra-small',
|
|
53
52
|
'ndl-small': size === 'small',
|
|
53
|
+
'ndl-medium': size === 'medium',
|
|
54
54
|
'ndl-large': size === 'large',
|
|
55
55
|
'ndl-has-error': errorText,
|
|
56
56
|
'ndl-has-left-icon': leftIcon,
|
|
@@ -74,7 +74,7 @@ const TextInput = (0, react_1.forwardRef)(function TextInput(props, ref) {
|
|
|
74
74
|
}, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);
|
|
75
75
|
const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
|
|
76
76
|
const informationIconClasses = (0, defaultImports_1.classNames)({
|
|
77
|
-
'ndl-information-icon-small': size === 'small' || size === '
|
|
77
|
+
'ndl-information-icon-small': size === 'small' || size === 'medium',
|
|
78
78
|
'ndl-information-icon-large': size === 'large',
|
|
79
79
|
});
|
|
80
80
|
return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClasses, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [(0, jsx_runtime_1.jsxs)("div", { className: "ndl-input-wrapper", children: [leftIcon && (0, jsx_runtime_1.jsx)("div", { className: "ndl-icon ndl-left-icon", children: leftIcon }), (0, jsx_runtime_1.jsx)("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-icon ndl-right-icon", children: rightIcon }))] }), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-form-item-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-form-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tip_1.Tip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [(0, jsx_runtime_1.jsx)(tip_1.Tip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: (0, jsx_runtime_1.jsx)("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) }) })), (0, jsx_runtime_1.jsx)(tip_1.Tip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-form-item-optional", children: "Optional" }))] }))] }), helpText && !errorText && (0, jsx_runtime_1.jsx)("div", { className: "ndl-form-msg", children: helpText }), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-form-msg", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAMe;AACf,8DAAuD;AAKvD,oCAGkB;AAClB,gCAA6B;AAC7B,4CAAwD;AACxD,kDAA8E;AAkC9E;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAC,SAAS,SAAS,CAC7C,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,mBAAmB,EACnB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,10 +46,11 @@ const icons_1 = require("../icons");
|
|
|
46
46
|
*
|
|
47
47
|
*/
|
|
48
48
|
const Textarea = (0, react_1.forwardRef)(function Textarea(props, ref) {
|
|
49
|
-
const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = '
|
|
49
|
+
const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = 'medium', 'aria-label': ariaLabel, tooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "isOptional", "informationIconText", "size", 'aria-label', "tooltipProps"]);
|
|
50
50
|
const containerWrappingClasses = (0, defaultImports_1.classNames)(`ndl-textarea ndl-type-text`, customProps.className, {
|
|
51
51
|
'ndl-disabled': customProps.disabled,
|
|
52
52
|
'ndl-small': size === 'small',
|
|
53
|
+
'ndl-medium': size === 'medium',
|
|
53
54
|
'ndl-large': size === 'large',
|
|
54
55
|
'ndl-has-error': errorText,
|
|
55
56
|
'ndl-has-right-icon': errorText,
|
|
@@ -72,7 +73,7 @@ const Textarea = (0, react_1.forwardRef)(function Textarea(props, ref) {
|
|
|
72
73
|
}, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);
|
|
73
74
|
const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
|
|
74
75
|
const informationIconClasses = (0, defaultImports_1.classNames)({
|
|
75
|
-
'ndl-information-icon-small': size === 'small',
|
|
76
|
+
'ndl-information-icon-small': size === 'small' || size === 'medium',
|
|
76
77
|
'ndl-information-icon-large': size === 'large',
|
|
77
78
|
});
|
|
78
79
|
return ((0, jsx_runtime_1.jsxs)("div", { className: containerWrappingClasses, children: [(0, jsx_runtime_1.jsxs)("label", { className: labelWrappingClasses, children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-textarea-wrapper", children: (0, jsx_runtime_1.jsx)("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) }), !hasEmptyLabelValue && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-textarea-wrapper", children: [(0, jsx_runtime_1.jsx)("span", { className: "ndl-textarea-label-text", children: label }), informationIconText && ((0, jsx_runtime_1.jsxs)(tip_1.Tip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [(0, jsx_runtime_1.jsx)(tip_1.Tip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: (0, jsx_runtime_1.jsx)("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: (0, jsx_runtime_1.jsx)(icons_1.InformationCircleIconOutline, {}) }) })), (0, jsx_runtime_1.jsx)(tip_1.Tip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && ((0, jsx_runtime_1.jsx)("span", { className: "ndl-textarea-optional", children: "Optional" }))] }))] }), helpText && !errorText && ((0, jsx_runtime_1.jsx)("div", { className: "ndl-textarea-msg", children: helpText })), errorText && ((0, jsx_runtime_1.jsxs)("div", { className: "ndl-textarea-msg", children: [(0, jsx_runtime_1.jsx)("div", { className: "ndl-error-icon", children: (0, jsx_runtime_1.jsx)(icons_1.ExclamationCircleIconSolid, {}) }), (0, jsx_runtime_1.jsx)("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,iCAMe;AACf,gCAA6B;AAC7B,8DAAuD;AACvD,4CAAwD;AACxD,kDAA8E;AAC9E,oCAGkB;AAyClB;;;;;;GAMG;AAEH,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAC3C,KAAoB,EACpB,GAAsC;IAEtC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,mBAAmB,EACnB,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,11 +44,11 @@ import { customLabelAndNoAriaLabelWarningMessage } from '../_common/messages';
|
|
|
44
44
|
*
|
|
45
45
|
*/
|
|
46
46
|
const TextInput = forwardRef(function TextInput(props, ref) {
|
|
47
|
-
const { label, fluid, errorText, helpText, leftIcon, rightIcon, isOptional = false, informationIconText, type = 'text', size = '
|
|
47
|
+
const { label, fluid, errorText, helpText, leftIcon, rightIcon, isOptional = false, informationIconText, type = 'text', size = 'medium', 'aria-label': ariaLabel, tooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "leftIcon", "rightIcon", "isOptional", "informationIconText", "type", "size", 'aria-label', "tooltipProps"]);
|
|
48
48
|
const containerWrappingClasses = classNames(`ndl-form-item ndl-type-text`, customProps.className, {
|
|
49
49
|
'ndl-disabled': customProps.disabled,
|
|
50
|
-
'ndl-extra-small': size === 'extra-small',
|
|
51
50
|
'ndl-small': size === 'small',
|
|
51
|
+
'ndl-medium': size === 'medium',
|
|
52
52
|
'ndl-large': size === 'large',
|
|
53
53
|
'ndl-has-error': errorText,
|
|
54
54
|
'ndl-has-left-icon': leftIcon,
|
|
@@ -72,7 +72,7 @@ const TextInput = forwardRef(function TextInput(props, ref) {
|
|
|
72
72
|
}, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);
|
|
73
73
|
const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
|
|
74
74
|
const informationIconClasses = classNames({
|
|
75
|
-
'ndl-information-icon-small': size === 'small' || size === '
|
|
75
|
+
'ndl-information-icon-small': size === 'small' || size === 'medium',
|
|
76
76
|
'ndl-information-icon-large': size === 'large',
|
|
77
77
|
});
|
|
78
78
|
return (_jsxs("div", { className: containerWrappingClasses, children: [_jsxs("label", { className: labelWrappingClasses, children: [_jsxs("div", { className: "ndl-input-wrapper", children: [leftIcon && _jsx("div", { className: "ndl-icon ndl-left-icon", children: leftIcon }), _jsx("input", Object.assign({}, customPropsClassNameStripped, { type: type, ref: ref, "aria-label": ariaLabel })), rightIcon && (_jsx("div", { className: "ndl-icon ndl-right-icon", children: rightIcon }))] }), !hasEmptyLabelValue && (_jsxs("div", { className: "ndl-form-item-wrapper", children: [_jsx("span", { className: "ndl-form-label-text", children: label }), informationIconText && (_jsxs(Tip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [_jsx(Tip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: _jsx("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: _jsx(InformationCircleIconOutline, {}) }) })), _jsx(Tip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx("span", { className: "ndl-form-item-optional", children: "Optional" }))] }))] }), helpText && !errorText && _jsx("div", { className: "ndl-form-msg", children: helpText }), errorText && (_jsxs("div", { className: "ndl-form-msg", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,UAAU,EACV,OAAO,GAIR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAKvD,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,GAC7B,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,uCAAuC,EAAE,MAAM,qBAAqB,CAAC;AAkC9E;;;;;;GAMG;AAEH,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,SAAS,CAC7C,KAA0B,EAC1B,GAAmC;IAEnC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,mBAAmB,EACnB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../src/text-input/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -44,10 +44,11 @@ import { ExclamationCircleIconSolid, InformationCircleIconOutline, } from '../ic
|
|
|
44
44
|
*
|
|
45
45
|
*/
|
|
46
46
|
const Textarea = forwardRef(function Textarea(props, ref) {
|
|
47
|
-
const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = '
|
|
47
|
+
const { label, fluid, errorText, helpText, isOptional = false, informationIconText, size = 'medium', 'aria-label': ariaLabel, tooltipProps } = props, customProps = __rest(props, ["label", "fluid", "errorText", "helpText", "isOptional", "informationIconText", "size", 'aria-label', "tooltipProps"]);
|
|
48
48
|
const containerWrappingClasses = classNames(`ndl-textarea ndl-type-text`, customProps.className, {
|
|
49
49
|
'ndl-disabled': customProps.disabled,
|
|
50
50
|
'ndl-small': size === 'small',
|
|
51
|
+
'ndl-medium': size === 'medium',
|
|
51
52
|
'ndl-large': size === 'large',
|
|
52
53
|
'ndl-has-error': errorText,
|
|
53
54
|
'ndl-has-right-icon': errorText,
|
|
@@ -70,7 +71,7 @@ const Textarea = forwardRef(function Textarea(props, ref) {
|
|
|
70
71
|
}, [label, ariaLabel, hasCustomLabelAndNoAriaLabel]);
|
|
71
72
|
const customPropsClassNameStripped = Object.assign(Object.assign({}, customProps), { className: undefined });
|
|
72
73
|
const informationIconClasses = classNames({
|
|
73
|
-
'ndl-information-icon-small': size === 'small',
|
|
74
|
+
'ndl-information-icon-small': size === 'small' || size === 'medium',
|
|
74
75
|
'ndl-information-icon-large': size === 'large',
|
|
75
76
|
});
|
|
76
77
|
return (_jsxs("div", { className: containerWrappingClasses, children: [_jsxs("label", { className: labelWrappingClasses, children: [_jsx("div", { className: "ndl-textarea-wrapper", children: _jsx("textarea", Object.assign({}, customPropsClassNameStripped, { ref: ref, "aria-label": ariaLabel })) }), !hasEmptyLabelValue && (_jsxs("div", { className: "ndl-textarea-wrapper", children: [_jsx("span", { className: "ndl-textarea-label-text", children: label }), informationIconText && (_jsxs(Tip, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipRoot, { children: [_jsx(Tip.Trigger, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipTrigger, { children: _jsx("div", { className: informationIconClasses, "data-testid": "ndl-information-icon", children: _jsx(InformationCircleIconOutline, {}) }) })), _jsx(Tip.Content, Object.assign({}, tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.tooltipContent, { children: informationIconText }))] }))), isOptional && (_jsx("span", { className: "ndl-textarea-optional", children: "Optional" }))] }))] }), helpText && !errorText && (_jsx("div", { className: "ndl-textarea-msg", children: helpText })), errorText && (_jsxs("div", { className: "ndl-textarea-msg", children: [_jsx("div", { className: "ndl-error-icon", children: _jsx(ExclamationCircleIconSolid, {}) }), _jsx("div", { className: "ndl-error-text", children: errorText })] }))] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,UAAU,EACV,OAAO,GAIR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,uCAAuC,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,GAC7B,MAAM,UAAU,CAAC;AAyClB;;;;;;GAMG;AAEH,MAAM,QAAQ,GAAG,UAAU,CAAC,SAAS,QAAQ,CAC3C,KAAoB,EACpB,GAAsC;IAEtC,MAAM,EACJ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,mBAAmB,EACnB,IAAI,GAAG,
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/textarea/Textarea.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,7 +34,7 @@ export interface TextInputProperties extends Omit<CommonInputProps, 'label'> {
|
|
|
34
34
|
/** Whether the input field is readonly */
|
|
35
35
|
readOnly?: boolean;
|
|
36
36
|
/** Size of the input field */
|
|
37
|
-
size?: '
|
|
37
|
+
size?: 'small' | 'medium' | 'large';
|
|
38
38
|
/** If the component is optional to fill in */
|
|
39
39
|
isOptional?: boolean;
|
|
40
40
|
/** Information to be displayed in the information tooltip */
|
|
@@ -37,7 +37,7 @@ export interface TextareaProps extends Omit<Omit<ComponentPropsWithoutRef<'texta
|
|
|
37
37
|
/** Error message */
|
|
38
38
|
errorText?: string;
|
|
39
39
|
/** Size of the textarea */
|
|
40
|
-
size?: 'small' | 'large';
|
|
40
|
+
size?: 'small' | 'medium' | 'large';
|
|
41
41
|
/** If the component is optional to fill in */
|
|
42
42
|
isOptional?: boolean;
|
|
43
43
|
/** Information to be displayed in the information tooltip */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/react",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.7",
|
|
4
4
|
"sideEffects": false,
|
|
5
5
|
"description": "React implementation of Neo4j Design System",
|
|
6
6
|
"keywords": [
|
|
@@ -93,7 +93,7 @@
|
|
|
93
93
|
"@floating-ui/react": "0.25.1",
|
|
94
94
|
"@heroicons/react": "2.0.13",
|
|
95
95
|
"@neo4j-cypher/react-codemirror": "^1.0.1",
|
|
96
|
-
"@neo4j-ndl/base": "^2.0.
|
|
96
|
+
"@neo4j-ndl/base": "^2.0.3",
|
|
97
97
|
"@table-nav/core": "0.0.7",
|
|
98
98
|
"@table-nav/react": "0.0.7",
|
|
99
99
|
"@tanstack/react-table": "^8.9.3",
|