@synerise/ds-result 1.0.16 → 1.0.17

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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
+
+
+
+
+
 ## [1.0.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-result@1.0.15...@synerise/ds-result@1.0.16) (2025-07-15)
 
 **Note:** Version bump only for package @synerise/ds-result

package/dist/Result.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type ResultProps } from './Result.types';
-declare const Result: React.FC<ResultProps>;
+declare const Result: ({ className, type, title, description, panel, buttons, customIcon, }: ResultProps) => React.JSX.Element;
 export default Result;

package/dist/Result.js

@@ -1,33 +1,28 @@
 var _excluded = ["IconComponent"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
-import Icon, { CheckM, HourglassM, InfoM, InformationNoSearchResultL, WarningM } from '@synerise/ds-icon';
+import Icon, { CheckL, InfoL, InformationNoSearchResultL, TimeL, WarningL } from '@synerise/ds-icon';
 import * as S from './Result.styles';
 var mapTypeToStatus = {
   info: {
-    IconComponent: InfoM,
-    iconColor: 'blue-600',
-    background: 'blue-050'
+    IconComponent: InfoL,
+    iconColor: 'blue-600'
   },
   warning: {
-    IconComponent: WarningM,
-    iconColor: 'yellow-600',
-    background: 'yellow-100'
+    IconComponent: WarningL,
+    iconColor: 'yellow-600'
   },
   error: {
-    IconComponent: WarningM,
-    iconColor: 'red-600',
-    background: 'red-100'
+    IconComponent: WarningL,
+    iconColor: 'red-600'
   },
   success: {
-    IconComponent: CheckM,
-    iconColor: 'green-600',
-    background: 'green-100'
+    IconComponent: CheckL,
+    iconColor: 'green-600'
   },
   progress: {
-    IconComponent: HourglassM,
-    iconColor: 'grey-600',
-    background: 'grey-100'
+    IconComponent: TimeL,
+    iconColor: 'grey-600'
   },
   'no-results': {
     IconComponent: InformationNoSearchResultL,
@@ -41,19 +36,16 @@ var Result = function Result(_ref) {
     description = _ref.description,
     panel = _ref.panel,
     buttons = _ref.buttons,
-    _ref$customIcon = _ref.customIcon,
-    customIcon = _ref$customIcon === void 0 ? null : _ref$customIcon,
-    _ref$noSearchResults = _ref.noSearchResults,
-    noSearchResults = _ref$noSearchResults === void 0 ? false : _ref$noSearchResults;
+    customIcon = _ref.customIcon;
   var _mapTypeToStatus$type = mapTypeToStatus[type],
     IconComponent = _mapTypeToStatus$type.IconComponent,
     iconContainerStyles = _objectWithoutPropertiesLoose(_mapTypeToStatus$type, _excluded);
   return /*#__PURE__*/React.createElement(S.ResultContainer, {
-    className: "ds-result " + (className || ''),
-    noSearchResults: noSearchResults
+    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, {
     component: /*#__PURE__*/React.createElement(IconComponent, null),
-    size: mapTypeToStatus['no-results'] ? 48 : 24
+    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)));
 };
 export default Result;

package/dist/Result.styles.d.ts

@@ -8,8 +8,5 @@ export declare const PanelContainer: import("styled-components").StyledComponent
 export declare const ResultIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StatusIconContainer: import("styled-components").StyledComponent<"div", any, {
     iconColor: string;
-    background: string;
-}, never>;
-export declare const ResultContainer: import("styled-components").StyledComponent<"div", any, {
-    noSearchResults: boolean;
 }, never>;
+export declare const ResultContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Result.styles.js

@@ -1,4 +1,4 @@
-import styled, { css } from 'styled-components';
+import styled from 'styled-components';
 import { ButtonStyles } from '@synerise/ds-button';
 import * as T from '@synerise/ds-typography';
 export var MainPanel = styled.div.withConfig({
@@ -8,7 +8,7 @@ export var MainPanel = styled.div.withConfig({
 export var Title = styled.h4.withConfig({
   displayName: "Resultstyles__Title",
   componentId: "sc-wep21m-1"
-})(["", ";margin:0 0 24px;text-align:center;word-break:break-word;"], T.macro.h500);
+})(["", ";margin:0 0 8px;text-align:center;word-break:break-word;"], T.macro.h500);
 export var Description = styled(T.Description).withConfig({
   displayName: "Resultstyles__Description",
   componentId: "sc-wep21m-2"
@@ -28,18 +28,14 @@ export var PanelContainer = styled.div.withConfig({
 export var ResultIconContainer = styled.div.withConfig({
   displayName: "Resultstyles__ResultIconContainer",
   componentId: "sc-wep21m-5"
-})(["margin:0 0 24px;"]);
+})(["margin:0 0 12px;"]);
 export var StatusIconContainer = styled.div.withConfig({
   displayName: "Resultstyles__StatusIconContainer",
   componentId: "sc-wep21m-6"
-})(["background-color:", ";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.background];
-}, function (props) {
+})(["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-7"
-})(["width:100%;padding:24px;position:relative;", ""], function (props) {
-  return props.noSearchResults && css(["", "{margin:0 0 16px;}", "{margin:0 0 16px;}", "{margin:0 0 16px;font-size:14px;line-height:1.43;color:", ";}"], ResultIconContainer, Title, Description, props.theme.palette['grey-600']);
-});
+})(["width:100%;padding:24px;position:relative;"]);

package/dist/Result.types.d.ts

@@ -7,5 +7,6 @@ export type ResultProps = {
     buttons?: React.ReactNode;
     panel?: React.ReactNode;
     customIcon?: React.ReactElement;
+    /** @deprecated */
     noSearchResults?: boolean;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-result",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Result 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-button": "^1.4.4",
-    "@synerise/ds-icon": "^1.6.0",
-    "@synerise/ds-typography": "^1.0.15",
+    "@synerise/ds-button": "^1.4.5",
+    "@synerise/ds-icon": "^1.6.1",
+    "@synerise/ds-typography": "^1.0.16",
     "@synerise/ds-utils": "^1.3.1"
   },
   "peerDependencies": {
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "f7c362a4f370d86b51df9aba9e91ac8f7fe4ed8f"
+  "gitHead": "4e851d649cb25346f2f8e0575dde91cc50f43bc4"
 }