@synerise/ds-result 1.0.17 → 1.0.18

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-result@1.0.17...@synerise/ds-result@1.0.18) (2025-07-24)
+
+
+### Bug Fixes
+
+* **result:** fix styles to match figma ([1b17374](https://github.com/Synerise/synerise-design/commit/1b173747daf73f5a768241a3116ba7b3c7c90eb1))
+
+
+
+
+
 ## [1.0.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-result@1.0.16...@synerise/ds-result@1.0.17) (2025-07-17)
 
 **Note:** Version bump only for package @synerise/ds-result

package/dist/Result.js

@@ -42,10 +42,10 @@ var Result = function Result(_ref) {
     iconContainerStyles = _objectWithoutPropertiesLoose(_mapTypeToStatus$type, _excluded);
   return /*#__PURE__*/React.createElement(S.ResultContainer, {
     className: "ds-result " + (className || '')
-  }, /*#__PURE__*/React.createElement(S.MainPanel, null, /*#__PURE__*/React.createElement(S.ResultIconContainer, null, customIcon || /*#__PURE__*/React.createElement(S.StatusIconContainer, iconContainerStyles, /*#__PURE__*/React.createElement(Icon, {
+  }, /*#__PURE__*/React.createElement(S.ResultIconContainer, null, customIcon || /*#__PURE__*/React.createElement(S.StatusIconContainer, iconContainerStyles, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(IconComponent, null),
     size: mapTypeToStatus['no-results'] ? 48 : 24,
     color: iconContainerStyles.iconColor
-  }))), title && /*#__PURE__*/React.createElement(S.Title, null, title), description && /*#__PURE__*/React.createElement(S.Description, null, description), panel && /*#__PURE__*/React.createElement(S.PanelContainer, null, panel), buttons && /*#__PURE__*/React.createElement(S.ButtonContainer, null, buttons)));
+  }))), (title || description) && /*#__PURE__*/React.createElement(S.ResultContent, null, title && /*#__PURE__*/React.createElement(S.Title, null, title), description && /*#__PURE__*/React.createElement(S.Description, null, description)), panel && /*#__PURE__*/React.createElement(S.PanelContainer, null, panel), buttons && /*#__PURE__*/React.createElement(S.ButtonContainer, null, buttons));
 };
 export default Result;

package/dist/Result.styles.d.ts

@@ -1,7 +1,6 @@
-export declare const MainPanel: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Title: import("styled-components").StyledComponent<"h4", any, {}, never>;
 export declare const Description: import("styled-components").StyledComponent<"div", any, {
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }, never>;
 export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PanelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -10,3 +9,4 @@ export declare const StatusIconContainer: import("styled-components").StyledComp
     iconColor: string;
 }, never>;
 export declare const ResultContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ResultContent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Result.styles.js

@@ -1,41 +1,41 @@
 import styled from 'styled-components';
 import { ButtonStyles } from '@synerise/ds-button';
 import * as T from '@synerise/ds-typography';
-export var MainPanel = styled.div.withConfig({
-  displayName: "Resultstyles__MainPanel",
-  componentId: "sc-wep21m-0"
-})(["display:flex;flex-direction:column;align-items:center;justify-content:center;> div:last-of-type{margin-bottom:0;}"]);
 export var Title = styled.h4.withConfig({
   displayName: "Resultstyles__Title",
-  componentId: "sc-wep21m-1"
-})(["", ";margin:0 0 8px;text-align:center;word-break:break-word;"], T.macro.h500);
+  componentId: "sc-wep21m-0"
+})(["", ";margin:0;text-align:center;word-break:break-word;"], T.macro.h500);
 export var Description = styled(T.Description).withConfig({
   displayName: "Resultstyles__Description",
-  componentId: "sc-wep21m-2"
-})(["padding:0;text-align:center;margin:0 0 24px;"]);
+  componentId: "sc-wep21m-1"
+})(["padding:0;text-align:center;"]);
 export var ButtonContainer = styled.div.withConfig({
   displayName: "Resultstyles__ButtonContainer",
-  componentId: "sc-wep21m-3"
+  componentId: "sc-wep21m-2"
 })(["text-align:center;width:100%;", "{margin:0 4px;&:first-of-type{margin-left:0;}&:last-of-type{margin-right:0;}}"], ButtonStyles.Button.AntdButton);
 export var PanelContainer = styled.div.withConfig({
   displayName: "Resultstyles__PanelContainer",
-  componentId: "sc-wep21m-4"
-})(["margin:0 0 24px;width:100%;&&&{textarea{max-height:234px;background-color:", ";}}.ant-list{border:1px solid ", ";border-radius:3px;padding:8px;}"], function (props) {
+  componentId: "sc-wep21m-3"
+})(["width:100%;&&&{textarea{max-height:234px;background-color:", ";}}.ant-list{border:1px solid ", ";border-radius:3px;padding:8px;}"], function (props) {
   return props.theme.palette.white;
 }, function (props) {
   return props.theme.palette['grey-300'];
 });
 export var ResultIconContainer = styled.div.withConfig({
   displayName: "Resultstyles__ResultIconContainer",
-  componentId: "sc-wep21m-5"
-})(["margin:0 0 12px;"]);
+  componentId: "sc-wep21m-4"
+})([""]);
 export var StatusIconContainer = styled.div.withConfig({
   displayName: "Resultstyles__StatusIconContainer",
-  componentId: "sc-wep21m-6"
+  componentId: "sc-wep21m-5"
 })(["width:40px;height:40px;border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;margin:0 auto;color:", ";"], function (props) {
   return props.theme.palette[props.iconColor];
 });
 export var ResultContainer = styled.div.withConfig({
   displayName: "Resultstyles__ResultContainer",
+  componentId: "sc-wep21m-6"
+})(["display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:24px;max-width:440px;"]);
+export var ResultContent = styled.div.withConfig({
+  displayName: "Resultstyles__ResultContent",
   componentId: "sc-wep21m-7"
-})(["width:100%;padding:24px;position:relative;"]);
+})(["display:flex;flex-direction:column;align-items:center;gap:8px;"]);

package/dist/Result.types.d.ts

@@ -2,7 +2,7 @@ import type React from 'react';
 export type ResultProps = {
     className?: string;
     title?: string | React.ReactNode;
-    type: string | 'info' | 'warning' | 'error' | 'success' | 'progress' | 'no-results';
+    type: 'info' | 'warning' | 'error' | 'success' | 'progress' | 'no-results';
     description?: string | React.ReactNode;
     buttons?: React.ReactNode;
     panel?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-result",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "Result UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,15 +34,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.5",
-    "@synerise/ds-icon": "^1.6.1",
-    "@synerise/ds-typography": "^1.0.16",
-    "@synerise/ds-utils": "^1.3.1"
+    "@synerise/ds-button": "^1.4.6",
+    "@synerise/ds-icon": "^1.6.2",
+    "@synerise/ds-typography": "^1.0.17",
+    "@synerise/ds-utils": "^1.4.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "4e851d649cb25346f2f8e0575dde91cc50f43bc4"
+  "gitHead": "b35b1875727156fe9f5b3bad55aed5ca447c8c8d"
 }