@synerise/ds-field-set 0.2.25 → 0.2.27

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.2.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@0.2.26...@synerise/ds-field-set@0.2.27) (2024-06-21)
+
+
+### Bug Fixes
+
+* **field-set:** fix display in wrapper component ([fe04b8c](https://github.com/Synerise/synerise-design/commit/fe04b8c2c43c843dbfd6e85d24ae138262f8c661))
+
+
+
+
+
+## [0.2.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@0.2.25...@synerise/ds-field-set@0.2.26) (2024-05-29)
+
+**Note:** Version bump only for package @synerise/ds-field-set
+
+
+
+
+
 ## [0.2.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-field-set@0.2.24...@synerise/ds-field-set@0.2.25) (2024-05-16)
 
 **Note:** Version bump only for package @synerise/ds-field-set

package/dist/FieldSet.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FieldSetProps } from './FieldSet.types';
-declare const FieldSet: ({ className, prefix, title, description, component, button, onTitleClick }: FieldSetProps) => JSX.Element;
+declare const FieldSet: ({ className, prefix, title, description, component, button, onTitleClick }: FieldSetProps) => React.JSX.Element;
 export default FieldSet;

package/dist/FieldSet.js

@@ -12,7 +12,7 @@ var FieldSet = function FieldSet(_ref) {
       onTitleClick = _ref.onTitleClick;
   return /*#__PURE__*/React.createElement(S.ContainerWrapper, {
     className: "ds-field-set " + className
-  }, /*#__PURE__*/React.createElement(S.HeaderWrapper, null, /*#__PURE__*/React.createElement(S.ButtonWrapper, null, prefix), /*#__PURE__*/React.createElement(S.FieldSetTitle, {
+  }, /*#__PURE__*/React.createElement(S.HeaderWrapper, null, prefix && /*#__PURE__*/React.createElement(S.ButtonWrapper, null, prefix), /*#__PURE__*/React.createElement(S.FieldSetTitle, {
     description: Boolean(description)
   }, /*#__PURE__*/React.createElement(S.Title, {
     onClick: onTitleClick,
@@ -20,7 +20,7 @@ var FieldSet = function FieldSet(_ref) {
     description: Boolean(description)
   }, title), /*#__PURE__*/React.createElement(S.Description, {
     description: Boolean(description)
-  }, description))), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(S.ComponentWrapper, null, component), /*#__PURE__*/React.createElement(S.ActionButton, null, button));
+  }, description))), /*#__PURE__*/React.createElement(Divider, null), component && /*#__PURE__*/React.createElement(S.ComponentWrapper, null, component), button && /*#__PURE__*/React.createElement(S.ActionButton, null, button));
 };
 
 export default FieldSet;

package/dist/FieldSet.styles.js

@@ -3,7 +3,7 @@ export var Title = styled.div.withConfig({
   displayName: "FieldSetstyles__Title",
   componentId: "sc-1hezedi-0"
 })(["display:flex;line-height:16px;padding-bottom:", ";max-width:800px;font-size:16px;font-weight:500;word-wrap:break-word;align-items:center;color:", ";cursor:", ";"], function (props) {
-  return props.description ? '8px' : '14px';
+  return props.description ? '8px' : '0';
 }, function (props) {
   return props.theme.palette['grey-800'];
 }, function (props) {
@@ -12,7 +12,7 @@ export var Title = styled.div.withConfig({
 export var ContainerWrapper = styled.div.withConfig({
   displayName: "FieldSetstyles__ContainerWrapper",
   componentId: "sc-1hezedi-1"
-})([""]);
+})(["display:flex;flex-direction:column;gap:16px;"]);
 export var HeaderWrapper = styled.div.withConfig({
   displayName: "FieldSetstyles__HeaderWrapper",
   componentId: "sc-1hezedi-2"
@@ -42,10 +42,8 @@ export var FieldSetTitle = styled.div.withConfig({
 export var ComponentWrapper = styled.div.withConfig({
   displayName: "FieldSetstyles__ComponentWrapper",
   componentId: "sc-1hezedi-7"
-})(["display:flex;padding:16px 0px;"]);
+})(["display:flex;flex-direction:column;"]);
 export var Description = styled.div.withConfig({
   displayName: "FieldSetstyles__Description",
   componentId: "sc-1hezedi-8"
-})(["display:flex;line-height:16px;padding-bottom:", ";font-size:12px;word-wrap:break-word;text-align:center;"], function (props) {
-  return props.description ? '16px' : '0';
-});
+})(["display:flex;line-height:16px;font-size:12px;word-wrap:break-word;text-align:center;"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-field-set",
-  "version": "0.2.25",
+  "version": "0.2.27",
   "description": "FieldSet UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,7 +33,7 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-divider": "^0.6.19"
+    "@synerise/ds-divider": "^0.7.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -41,10 +41,10 @@
     "styled-components": "5.0.1"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.26.6",
+    "@synerise/ds-utils": "^0.27.0",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1",
     "@testing-library/user-event": "^10.3.1"
   },
-  "gitHead": "fc089bbf34c691a313b3fa648851d7831a23e3d0"
+  "gitHead": "ef835e848d4f02cca258130baa6c9f44dfa15dd0"
 }