@synerise/ds-input-number 0.9.12 → 0.9.13
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +11 -0
- package/dist/InputNumber.js +7 -13
- package/dist/InputNumber.styles.d.ts +0 -1
- package/dist/InputNumber.styles.js +6 -14
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,17 @@
|
|
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
|
+
## [0.9.13](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.9.12...@synerise/ds-input-number@0.9.13) (2024-04-29)
|
7
|
+
|
8
|
+
|
9
|
+
### Bug Fixes
|
10
|
+
|
11
|
+
* **input:** fixes styles for input / select / textarea labels ([51f9d6b](https://github.com/Synerise/synerise-design/commit/51f9d6bdf190a82d6e3b5ddb7437bfa81135d048))
|
12
|
+
|
13
|
+
|
14
|
+
|
15
|
+
|
16
|
+
|
6
17
|
## [0.9.12](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.9.11...@synerise/ds-input-number@0.9.12) (2024-04-15)
|
7
18
|
|
8
19
|
**Note:** Version bump only for package @synerise/ds-input-number
|
package/dist/InputNumber.js
CHANGED
@@ -7,8 +7,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
7
7
|
import React, { useState, useCallback, useMemo, useEffect } from 'react';
|
8
8
|
import { v4 as uuid } from 'uuid';
|
9
9
|
import '@synerise/ds-core/dist/js/style';
|
10
|
-
import
|
11
|
-
import Icon, { InfoFillS } from '@synerise/ds-icon';
|
10
|
+
import { Label } from '@synerise/ds-input';
|
12
11
|
import { useDataFormat } from '@synerise/ds-data-format';
|
13
12
|
import "./style/index.css";
|
14
13
|
import * as S from './InputNumber.styles';
|
@@ -65,17 +64,12 @@ var InputNumber = function InputNumber(_ref) {
|
|
65
64
|
setLocalValue(resultValue);
|
66
65
|
onChange && onChange(resultValue);
|
67
66
|
}, [formatter, parser, defaultValue, onChange]);
|
68
|
-
return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, label && !raw && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
transitionName: "zoom-big-fast"
|
75
|
-
}, tooltipConfig), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
|
76
|
-
size: 24,
|
77
|
-
component: /*#__PURE__*/React.createElement(InfoFillS, null)
|
78
|
-
}))))), /*#__PURE__*/React.createElement(S.InputNumberWrapper, {
|
67
|
+
return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, label && !raw && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(Label, {
|
68
|
+
id: id,
|
69
|
+
label: label,
|
70
|
+
tooltip: tooltip,
|
71
|
+
tooltipConfig: tooltipConfig
|
72
|
+
})), /*#__PURE__*/React.createElement(S.InputNumberWrapper, {
|
79
73
|
prefixel: !!prefixel,
|
80
74
|
suffixel: !!suffixel,
|
81
75
|
style: style
|
@@ -5,7 +5,6 @@ export declare const AntdInputNumber: import("styled-components").StyledComponen
|
|
5
5
|
error: boolean;
|
6
6
|
} & ThemeProps, never>;
|
7
7
|
export declare const ContentAbove: import("styled-components").StyledComponent<"div", any, {}, never>;
|
8
|
-
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
9
8
|
export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
|
10
9
|
export declare const ContentBelow: import("styled-components").StyledComponent<"div", any, {}, never>;
|
11
10
|
export declare const ErrorText: import("styled-components").StyledComponent<"div", any, {}, never>;
|
@@ -16,45 +16,37 @@ export var ContentAbove = styled.div.withConfig({
|
|
16
16
|
displayName: "InputNumberstyles__ContentAbove",
|
17
17
|
componentId: "sc-17jwffw-2"
|
18
18
|
})(["display:flex;justify-content:space-between;margin-bottom:8px;"]);
|
19
|
-
export var Label = styled.label.withConfig({
|
20
|
-
displayName: "InputNumberstyles__Label",
|
21
|
-
componentId: "sc-17jwffw-3"
|
22
|
-
})(["color:", ";font-weight:500;display:block;white-space:nowrap;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;cursor:pointer;.ds-icon > svg{margin-top:-1px;fill:", ";}"], function (props) {
|
23
|
-
return props.theme.palette['grey-800'];
|
24
|
-
}, function (props) {
|
25
|
-
return props.theme.palette['grey-400'];
|
26
|
-
});
|
27
19
|
export var Description = styled.div.withConfig({
|
28
20
|
displayName: "InputNumberstyles__Description",
|
29
|
-
componentId: "sc-17jwffw-
|
21
|
+
componentId: "sc-17jwffw-3"
|
30
22
|
})(["color:", ";"], function (props) {
|
31
23
|
return props.theme.palette['grey-600'];
|
32
24
|
});
|
33
25
|
export var ContentBelow = styled.div.withConfig({
|
34
26
|
displayName: "InputNumberstyles__ContentBelow",
|
35
|
-
componentId: "sc-17jwffw-
|
27
|
+
componentId: "sc-17jwffw-4"
|
36
28
|
})(["margin-top:8px;"]);
|
37
29
|
export var ErrorText = styled.div.withConfig({
|
38
30
|
displayName: "InputNumberstyles__ErrorText",
|
39
|
-
componentId: "sc-17jwffw-
|
31
|
+
componentId: "sc-17jwffw-5"
|
40
32
|
})(["color:", ";margin-bottom:4px;"], function (props) {
|
41
33
|
return props.theme.palette['red-600'];
|
42
34
|
});
|
43
35
|
export var Prefixel = styled.div.withConfig({
|
44
36
|
displayName: "InputNumberstyles__Prefixel",
|
45
|
-
componentId: "sc-17jwffw-
|
37
|
+
componentId: "sc-17jwffw-6"
|
46
38
|
})(["border:1px solid ", ";border-radius:3px 0 0 3px;border-right-width:0;"], function (props) {
|
47
39
|
return props.theme.palette['grey-300'];
|
48
40
|
});
|
49
41
|
export var Suffixel = styled.div.withConfig({
|
50
42
|
displayName: "InputNumberstyles__Suffixel",
|
51
|
-
componentId: "sc-17jwffw-
|
43
|
+
componentId: "sc-17jwffw-7"
|
52
44
|
})(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], function (props) {
|
53
45
|
return props.theme.palette['grey-300'];
|
54
46
|
});
|
55
47
|
export var InputNumberWrapper = styled.div.withConfig({
|
56
48
|
displayName: "InputNumberstyles__InputNumberWrapper",
|
57
|
-
componentId: "sc-17jwffw-
|
49
|
+
componentId: "sc-17jwffw-8"
|
58
50
|
})(["display:flex;align-items:center;", ",", "{background:", ";display:flex;align-items:center;align-self:stretch;padding:0 12px;}", " ", ""], Prefixel, Suffixel, function (props) {
|
59
51
|
return props.theme.palette['grey-050'];
|
60
52
|
}, function (props) {
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@synerise/ds-input-number",
|
3
|
-
"version": "0.9.
|
3
|
+
"version": "0.9.13",
|
4
4
|
"description": "Input-Number UI Component for the Synerise Design System",
|
5
5
|
"license": "ISC",
|
6
6
|
"repository": "Synerise/synerise-design",
|
@@ -34,7 +34,7 @@
|
|
34
34
|
"types": "dist/index.d.ts",
|
35
35
|
"dependencies": {
|
36
36
|
"@synerise/ds-data-format": "^0.4.8",
|
37
|
-
"@synerise/ds-
|
37
|
+
"@synerise/ds-input": "^0.20.7",
|
38
38
|
"@synerise/ds-tooltip": "^0.14.25",
|
39
39
|
"@synerise/ds-utils": "^0.26.3",
|
40
40
|
"uuid": "^8.3.2"
|
@@ -50,5 +50,5 @@
|
|
50
50
|
"@testing-library/react-hooks": "^8.0.1",
|
51
51
|
"@types/uuid": "9.0.4"
|
52
52
|
},
|
53
|
-
"gitHead": "
|
53
|
+
"gitHead": "6f0dc42ae79cea009e60fdb1f91ef72dcc82998e"
|
54
54
|
}
|