@synerise/ds-input-number 0.9.11 → 0.9.13

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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)
+
+
+### Bug Fixes
+
+* **input:** fixes styles for input / select / textarea labels ([51f9d6b](https://github.com/Synerise/synerise-design/commit/51f9d6bdf190a82d6e3b5ddb7437bfa81135d048))
+
+
+
+
+
+## [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)
+
+**Note:** Version bump only for package @synerise/ds-input-number
+
+
+
+
+
 ## [0.9.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-input-number@0.9.10...@synerise/ds-input-number@0.9.11) (2024-04-05)
 
 **Note:** Version bump only for package @synerise/ds-input-number

package/dist/InputNumber.js

@@ -7,8 +7,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useState, useCallback, useMemo, useEffect } from 'react';
 import { v4 as uuid } from 'uuid';
 import '@synerise/ds-core/dist/js/style';
-import Tooltip from '@synerise/ds-tooltip';
-import Icon, { InfoFillS } from '@synerise/ds-icon';
+import { Label } from '@synerise/ds-input';
 import { useDataFormat } from '@synerise/ds-data-format';
 import "./style/index.css";
 import * as S from './InputNumber.styles';
@@ -65,17 +64,12 @@ var InputNumber = function InputNumber(_ref) {
     setLocalValue(resultValue);
     onChange && onChange(resultValue);
   }, [formatter, parser, defaultValue, onChange]);
-  return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, label && !raw && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(S.Label, {
-    htmlFor: id
-  }, label, (tooltip || tooltipConfig) && /*#__PURE__*/React.createElement(Tooltip, _extends({
-    title: tooltip,
-    placement: "top",
-    trigger: "hover",
-    transitionName: "zoom-big-fast"
-  }, tooltipConfig), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
-    size: 24,
-    component: /*#__PURE__*/React.createElement(InfoFillS, null)
-  }))))), /*#__PURE__*/React.createElement(S.InputNumberWrapper, {
+  return /*#__PURE__*/React.createElement(S.InputNumberContainer, null, label && !raw && /*#__PURE__*/React.createElement(S.ContentAbove, null, /*#__PURE__*/React.createElement(Label, {
+    id: id,
+    label: label,
+    tooltip: tooltip,
+    tooltipConfig: tooltipConfig
+  })), /*#__PURE__*/React.createElement(S.InputNumberWrapper, {
     prefixel: !!prefixel,
     suffixel: !!suffixel,
     style: style

package/dist/InputNumber.styles.d.ts

@@ -5,7 +5,6 @@ export declare const AntdInputNumber: import("styled-components").StyledComponen
     error: boolean;
 } & ThemeProps, never>;
 export declare const ContentAbove: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
 export declare const Description: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentBelow: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ErrorText: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/InputNumber.styles.js

@@ -16,45 +16,37 @@ export var ContentAbove = styled.div.withConfig({
   displayName: "InputNumberstyles__ContentAbove",
   componentId: "sc-17jwffw-2"
 })(["display:flex;justify-content:space-between;margin-bottom:8px;"]);
-export var Label = styled.label.withConfig({
-  displayName: "InputNumberstyles__Label",
-  componentId: "sc-17jwffw-3"
-})(["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) {
-  return props.theme.palette['grey-800'];
-}, function (props) {
-  return props.theme.palette['grey-400'];
-});
 export var Description = styled.div.withConfig({
   displayName: "InputNumberstyles__Description",
-  componentId: "sc-17jwffw-4"
+  componentId: "sc-17jwffw-3"
 })(["color:", ";"], function (props) {
   return props.theme.palette['grey-600'];
 });
 export var ContentBelow = styled.div.withConfig({
   displayName: "InputNumberstyles__ContentBelow",
-  componentId: "sc-17jwffw-5"
+  componentId: "sc-17jwffw-4"
 })(["margin-top:8px;"]);
 export var ErrorText = styled.div.withConfig({
   displayName: "InputNumberstyles__ErrorText",
-  componentId: "sc-17jwffw-6"
+  componentId: "sc-17jwffw-5"
 })(["color:", ";margin-bottom:4px;"], function (props) {
   return props.theme.palette['red-600'];
 });
 export var Prefixel = styled.div.withConfig({
   displayName: "InputNumberstyles__Prefixel",
-  componentId: "sc-17jwffw-7"
+  componentId: "sc-17jwffw-6"
 })(["border:1px solid ", ";border-radius:3px 0 0 3px;border-right-width:0;"], function (props) {
   return props.theme.palette['grey-300'];
 });
 export var Suffixel = styled.div.withConfig({
   displayName: "InputNumberstyles__Suffixel",
-  componentId: "sc-17jwffw-8"
+  componentId: "sc-17jwffw-7"
 })(["border:1px solid ", ";border-radius:0 3px 3px 0;border-left-width:0;"], function (props) {
   return props.theme.palette['grey-300'];
 });
 export var InputNumberWrapper = styled.div.withConfig({
   displayName: "InputNumberstyles__InputNumberWrapper",
-  componentId: "sc-17jwffw-9"
+  componentId: "sc-17jwffw-8"
 })(["display:flex;align-items:center;", ",", "{background:", ";display:flex;align-items:center;align-self:stretch;padding:0 12px;}", " ", ""], Prefixel, Suffixel, function (props) {
   return props.theme.palette['grey-050'];
 }, function (props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-input-number",
-  "version": "0.9.11",
+  "version": "0.9.13",
   "description": "Input-Number UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,9 +34,9 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-data-format": "^0.4.8",
-    "@synerise/ds-icon": "^0.60.6",
-    "@synerise/ds-tooltip": "^0.14.24",
-    "@synerise/ds-utils": "^0.26.2",
+    "@synerise/ds-input": "^0.20.7",
+    "@synerise/ds-tooltip": "^0.14.25",
+    "@synerise/ds-utils": "^0.26.3",
     "uuid": "^8.3.2"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@types/uuid": "9.0.4"
   },
-  "gitHead": "84c9ff34c60369cc819ab1d4307373fafaf06462"
+  "gitHead": "6f0dc42ae79cea009e60fdb1f91ef72dcc82998e"
 }