@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 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
@@ -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 Tooltip from '@synerise/ds-tooltip';
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(S.Label, {
69
- htmlFor: id
70
- }, label, (tooltip || tooltipConfig) && /*#__PURE__*/React.createElement(Tooltip, _extends({
71
- title: tooltip,
72
- placement: "top",
73
- trigger: "hover",
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-4"
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-5"
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-6"
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-7"
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-8"
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-9"
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.12",
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-icon": "^0.60.7",
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": "fcc57aef73d1309a366e4c6e80ce4defdd9f20f8"
53
+ "gitHead": "6f0dc42ae79cea009e60fdb1f91ef72dcc82998e"
54
54
  }