@synerise/ds-select 0.15.49 → 0.16.0

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.16.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.50...@synerise/ds-select@0.16.0) (2024-05-16)
+
+
+### Features
+
+* **select:** fixed layout regression ([f75ac75](https://github.com/synerise/synerise-design/commit/f75ac75d35905259acd30b2e9f626ec5e3c7b4e3))
+
+
+
+
+
+## [0.15.50](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.49...@synerise/ds-select@0.15.50) (2024-05-10)
+
+**Note:** Version bump only for package @synerise/ds-select
+
+
+
+
+
 ## [0.15.49](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.48...@synerise/ds-select@0.15.49) (2024-05-08)
 
 **Note:** Version bump only for package @synerise/ds-select

package/dist/Select.js

@@ -1,4 +1,4 @@
-var _excluded = ["label", "description", "errorText", "error", "tooltip", "tooltipConfig", "clearTooltip", "prefixel", "suffixel", "style", "listHeight", "className", "getPopupContainer", "grey", "dropdownClassName"];
+var _excluded = ["label", "description", "errorText", "error", "tooltip", "tooltipConfig", "clearTooltip", "prefixel", "suffixel", "style", "listHeight", "className", "getPopupContainer", "grey", "dropdownClassName", "asFormElement"];
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -47,11 +47,14 @@ var Select = /*#__PURE__*/function (_Component) {
         getPopupContainer = _this$props$getPopupC === void 0 ? defaultGetPopupContainer : _this$props$getPopupC,
         grey = _this$props.grey,
         dropdownClassName = _this$props.dropdownClassName,
+        asFormElement = _this$props.asFormElement,
         antdProps = _objectWithoutPropertiesLoose(_this$props, _excluded);
 
     var size = antdProps.size;
+    var hasBottomMargin = asFormElement || Boolean(errorText || description);
     return /*#__PURE__*/React.createElement(S.SelectContainer, {
-      className: "ds-select-container"
+      className: "ds-select-container",
+      hasBottomMargin: hasBottomMargin
     }, /*#__PURE__*/React.createElement(S.Label, {
       label: label,
       tooltip: tooltip,

package/dist/Select.styles.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 import { Props } from './Select.types';
-export declare const SelectContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SelectContainer: import("styled-components").StyledComponent<"div", any, {
+    hasBottomMargin?: boolean | undefined;
+}, never>;
 export declare const AntdSelect: import("styled-components").StyledComponent<React.ComponentType<Props<import("antd/lib/select").SelectValue>>, any, {
     size?: string | undefined;
     prefixel?: boolean | undefined;

package/dist/Select.styles.js

@@ -29,7 +29,9 @@ var addonStyles = function addonStyles(props) {
 export var SelectContainer = styled.div.withConfig({
   displayName: "Selectstyles__SelectContainer",
   componentId: "n9lk0v-0"
-})(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0 0 16px;"]);
+})(["display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;margin:0 0 ", "px;"], function (props) {
+  return props.hasBottomMargin ? 16 : 0;
+});
 export var AntdSelect = styled(Select).withConfig({
   displayName: "Selectstyles__AntdSelect",
   componentId: "n9lk0v-1"

package/dist/Select.types.d.ts

@@ -15,5 +15,6 @@ export interface Props<T = SelectValue> extends Omit<SelectProps<T>, 'listHeight
     suffixel?: ReactNode;
     listHeight?: ReactText;
     grey?: boolean;
+    asFormElement?: boolean;
     selectorStyle?: CSSObject;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-select",
-  "version": "0.15.49",
+  "version": "0.16.0",
   "description": "Select UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -33,9 +33,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.60.8",
-    "@synerise/ds-input": "^0.21.1",
-    "@synerise/ds-tooltip": "^0.14.26",
+    "@synerise/ds-icon": "^0.61.0",
+    "@synerise/ds-input": "^0.21.3",
+    "@synerise/ds-tooltip": "^0.14.28",
     "@synerise/ds-typography": "^0.15.0",
     "classnames": "2.3.2"
   },
@@ -46,8 +46,8 @@
     "styled-components": "5.0.1"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.26.4",
+    "@synerise/ds-utils": "^0.26.6",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "1ad18b4b850f614943cd940a6b509d215ec025c7"
+  "gitHead": "fc089bbf34c691a313b3fa648851d7831a23e3d0"
 }