@synerise/ds-select 0.15.45 → 0.15.47

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.15.47](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.46...@synerise/ds-select@0.15.47) (2024-04-29)
+
+
+### Bug Fixes
+
+* **input:** fixes styles for input / select / textarea labels ([51f9d6b](https://github.com/synerise/synerise-design/commit/51f9d6bdf190a82d6e3b5ddb7437bfa81135d048))
+
+
+
+
+
+## [0.15.46](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.45...@synerise/ds-select@0.15.46) (2024-04-26)
+
+
+### Bug Fixes
+
+* **select:** add className to SelectContainer ([dcf78eb](https://github.com/synerise/synerise-design/commit/dcf78eb6b2d2fe01c91c659ca2447535357c3937))
+
+
+
+
+
 ## [0.15.45](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.44...@synerise/ds-select@0.15.45) (2024-04-15)
 
 **Note:** Version bump only for package @synerise/ds-select

package/dist/Select.js

@@ -19,12 +19,12 @@ import classNames from 'classnames';
 import * as S from './Select.styles';
 
 var Select = /*#__PURE__*/function (_Component) {
-  _inheritsLoose(Select, _Component);
-
   function Select() {
     return _Component.apply(this, arguments) || this;
   }
 
+  _inheritsLoose(Select, _Component);
+
   var _proto = Select.prototype;
 
   _proto.render = function render() {
@@ -50,7 +50,9 @@ var Select = /*#__PURE__*/function (_Component) {
         antdProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
 
     var size = antdProps.size;
-    return /*#__PURE__*/React.createElement(S.SelectContainer, null, /*#__PURE__*/React.createElement(S.Label, {
+    return /*#__PURE__*/React.createElement(S.SelectContainer, {
+      className: "ds-select-container"
+    }, /*#__PURE__*/React.createElement(S.Label, {
       label: label,
       tooltip: tooltip,
       tooltipConfig: tooltipConfig

package/dist/Select.styles.d.ts

@@ -10,7 +10,7 @@ export declare const AntdSelectOption: import("styled-components").StyledCompone
 export declare const AntdSelectOptGroup: import("styled-components").StyledComponent<import("rc-select/lib/OptGroup").OptionGroupFC, any, {}, never>;
 export declare const LabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ContentBelow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Label: import("styled-components").StyledComponent<React.FC<import("@synerise/ds-input/dist/Label/Label.types").LabelProps>, any, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<({ id, className, label, tooltip, tooltipConfig, style }: import("@synerise/ds-input/dist/Label/Label.types").LabelProps) => JSX.Element, any, {}, never>;
 export declare const PrefixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {

package/dist/Select.styles.js

@@ -5,7 +5,7 @@ var OptGroup = Select.OptGroup,
     Option = Select.Option;
 
 var errorStyle = function errorStyle(props) {
-  return "\nborder-color: " + props.theme.palette['red-600'] + ";\nbox-shadow: inset 0 0 0 1px " + props.theme.palette['red-600'] + ";\nbackground: " + props.theme.palette['red-050'] + ";\n";
+  return "\n  border-color: " + props.theme.palette['red-600'] + ";\n  box-shadow: inset 0 0 0 1px " + props.theme.palette['red-600'] + ";\n  background: " + props.theme.palette['red-050'] + ";\n";
 };
 
 var searchIconWithCustomColor = function searchIconWithCustomColor(color) {
@@ -33,7 +33,7 @@ export var SelectContainer = styled.div.withConfig({
 export var AntdSelect = styled(Select).withConfig({
   displayName: "Selectstyles__AntdSelect",
   componentId: "n9lk0v-1"
-})(["", " &.ant-select-multiple{.ant-select-arrow{top:16px;}}&&{.ant-select-selector{", "}}&&&{width:100%;.ant-select-clear{height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0;}.ant-select-selector{", " ", "}span[aria-label='search']{svg{display:none;}width:24px;height:24px;background-color:rgba(0,0,0,0);background-image:", ";}}&.error{.ant-select-selector{", "}.ant-select-clear{background-color:", ";}}"], function (props) {
+})(["", " &.ant-select-multiple{.ant-select-arrow{top:16px;}}&&{.ant-select-selector{", "}}&&&{width:100%;.ant-select-clear{height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0;}.ant-select-selector{", " ", "}span[aria-label='search']{svg{display:none;}width:24px;height:24px;background-color:rgba(0,0,0,0);background-image:", ";}}&.error{.ant-select-selector.ant-select-selector{", "}.ant-select-clear{background-color:", ";}}"], function (props) {
   return props.size === 'large' && "\n\n    &.ant-select-single .ant-select-selector, \n    &.ant-select-single .ant-select-selection-search-input {\n      height:48px;\n    }\n\n    &.ant-select-single .ant-select-selection-item, \n    &.ant-select-single .ant-select-selection-placeholder {\n      line-height:46px;\n    }\n    \n    &.ant-select-multiple.ant-select-lg {\n      .ant-select-arrow {\n        top: 23px\n      }\n      .ant-select-selector {\n        padding: 8px;\n      }\n\n      .ant-select-selector::after,\n      .ant-select-selection-item,\n      .ant-select-selection-search {\n        height: 24px; \n        line-height: 22px;\n      }\n    }\n\n  ";
 }, function (props) {
   return !!props.selectorStyle && css(props.selectorStyle);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-select",
-  "version": "0.15.45",
+  "version": "0.15.47",
   "description": "Select 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-icon": "^0.60.7",
-    "@synerise/ds-input": "^0.20.6",
+    "@synerise/ds-input": "^0.20.7",
     "@synerise/ds-tooltip": "^0.14.25",
-    "@synerise/ds-typography": "^0.14.3",
+    "@synerise/ds-typography": "^0.15.0",
     "classnames": "2.3.2"
   },
   "peerDependencies": {
@@ -49,5 +49,5 @@
     "@synerise/ds-utils": "^0.26.3",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "fcc57aef73d1309a366e4c6e80ce4defdd9f20f8"
+  "gitHead": "6f0dc42ae79cea009e60fdb1f91ef72dcc82998e"
 }