@synerise/ds-result 1.0.48 → 1.0.49

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.0.49](https://github.com/Synerise/synerise-design/compare/@synerise/ds-result@1.0.48...@synerise/ds-result@1.0.49) (2026-03-24)
+
+**Note:** Version bump only for package @synerise/ds-result
+
 ## [1.0.48](https://github.com/Synerise/synerise-design/compare/@synerise/ds-result@1.0.47...@synerise/ds-result@1.0.48) (2026-03-20)
 
 **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';
+import { default as React } from 'react';
+import { ResultProps } from './Result.types';
 declare const Result: ({ className, type, title, description, panel, buttons, customIcon, }: ResultProps) => React.JSX.Element;
 export default Result;

package/dist/Result.js

@@ -1,51 +1,55 @@
-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, { CheckL, InfoL, InformationNoSearchResultL, TimeL, WarningL } from '@synerise/ds-icon';
-import * as S from './Result.styles';
-var mapTypeToStatus = {
+import { jsxs, jsx } from "react/jsx-runtime";
+import Icon, { InformationNoSearchResultL, TimeL, CheckL, WarningL, InfoL } from "@synerise/ds-icon";
+import { ResultContainer, ResultIconContainer, StatusIconContainer, ResultContent, Title, Description, PanelContainer, ButtonContainer } from "./Result.styles.js";
+const mapTypeToStatus = {
   info: {
     IconComponent: InfoL,
-    iconColor: 'blue-600'
+    iconColor: "blue-600"
   },
   warning: {
     IconComponent: WarningL,
-    iconColor: 'yellow-600'
+    iconColor: "yellow-600"
   },
   error: {
     IconComponent: WarningL,
-    iconColor: 'red-600'
+    iconColor: "red-600"
   },
   success: {
     IconComponent: CheckL,
-    iconColor: 'green-600'
+    iconColor: "green-600"
   },
   progress: {
     IconComponent: TimeL,
-    iconColor: 'grey-600'
+    iconColor: "grey-600"
   },
-  'no-results': {
+  "no-results": {
     IconComponent: InformationNoSearchResultL,
-    iconColor: 'grey-600'
+    iconColor: "grey-600"
   }
 };
-var Result = function Result(_ref) {
-  var className = _ref.className,
-    type = _ref.type,
-    title = _ref.title,
-    description = _ref.description,
-    panel = _ref.panel,
-    buttons = _ref.buttons,
-    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 || '')
-  }, /*#__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 || 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));
+const Result = ({
+  className,
+  type,
+  title,
+  description,
+  panel,
+  buttons,
+  customIcon
+}) => {
+  const {
+    IconComponent,
+    ...iconContainerStyles
+  } = mapTypeToStatus[type];
+  return /* @__PURE__ */ jsxs(ResultContainer, { className: `ds-result ${className || ""}`, children: [
+    /* @__PURE__ */ jsx(ResultIconContainer, { children: customIcon || /* @__PURE__ */ jsx(StatusIconContainer, { ...iconContainerStyles, children: /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(IconComponent, {}), size: mapTypeToStatus["no-results"] ? 48 : 24, color: iconContainerStyles.iconColor }) }) }),
+    (title || description) && /* @__PURE__ */ jsxs(ResultContent, { children: [
+      title && /* @__PURE__ */ jsx(Title, { children: title }),
+      description && /* @__PURE__ */ jsx(Description, { children: description })
+    ] }),
+    panel && /* @__PURE__ */ jsx(PanelContainer, { children: panel }),
+    buttons && /* @__PURE__ */ jsx(ButtonContainer, { children: buttons })
+  ] });
+};
+export {
+  Result as default
 };
-export default Result;

package/dist/Result.styles.d.ts

@@ -1,12 +1,12 @@
-export declare const Title: import("styled-components").StyledComponent<"h4", any, {}, never>;
-export declare const Description: import("styled-components").StyledComponent<"div", any, {
+export declare const Title: import('styled-components').StyledComponent<"h4", any, {}, never>;
+export declare const Description: import('styled-components').StyledComponent<"div", any, {
     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>;
-export declare const ResultIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StatusIconContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const ButtonContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const PanelContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ResultIconContainer: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const StatusIconContainer: import('styled-components').StyledComponent<"div", any, {
     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>;
+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,45 @@
-import styled from 'styled-components';
-import { ButtonStyles } from '@synerise/ds-button';
-import * as T from '@synerise/ds-typography';
-export var Title = styled.h4.withConfig({
+import styled from "styled-components";
+import { ButtonStyles } from "@synerise/ds-button";
+import * as T from "@synerise/ds-typography";
+const Title = /* @__PURE__ */ styled.h4.withConfig({
   displayName: "Resultstyles__Title",
   componentId: "sc-wep21m-0"
 })(["", ";margin:0;text-align:center;word-break:break-word;"], T.macro.h500);
-export var Description = styled(T.Description).withConfig({
+const Description = /* @__PURE__ */ styled(T.Description).withConfig({
   displayName: "Resultstyles__Description",
   componentId: "sc-wep21m-1"
 })(["padding:0;text-align:center;"]);
-export var ButtonContainer = styled.div.withConfig({
+const ButtonContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Resultstyles__ButtonContainer",
   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({
+const PanelContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Resultstyles__PanelContainer",
   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({
+})(["width:100%;&&&{textarea{max-height:234px;background-color:", ";}}.ant-list{border:1px solid ", ";border-radius:3px;padding:8px;}"], (props) => props.theme.palette.white, (props) => props.theme.palette["grey-300"]);
+const ResultIconContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Resultstyles__ResultIconContainer",
   componentId: "sc-wep21m-4"
 })([""]);
-export var StatusIconContainer = styled.div.withConfig({
+const StatusIconContainer = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Resultstyles__StatusIconContainer",
   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({
+})(["width:40px;height:40px;border-radius:20px;text-align:center;display:flex;align-items:center;justify-content:center;margin:0 auto;color:", ";"], (props) => props.theme.palette[props.iconColor]);
+const ResultContainer = /* @__PURE__ */ 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;padding:24px 0;margin:auto;"]);
-export var ResultContent = styled.div.withConfig({
+const ResultContent = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Resultstyles__ResultContent",
   componentId: "sc-wep21m-7"
-})(["display:flex;flex-direction:column;align-items:center;gap:8px;"]);
+})(["display:flex;flex-direction:column;align-items:center;gap:8px;"]);
+export {
+  ButtonContainer,
+  Description,
+  PanelContainer,
+  ResultContainer,
+  ResultContent,
+  ResultIconContainer,
+  StatusIconContainer,
+  Title
+};

package/dist/Result.types.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 export type ResultProps = {
     className?: string;
     title?: string | React.ReactNode;

package/dist/Result.types.js

@@ -1 +1 @@
-export {};
+

package/dist/index.js

@@ -1 +1,4 @@
-export { default } from './Result';
+import { default as default2 } from "./Result.js";
+export {
+  default2 as default
+};

package/dist/modules.d.js

@@ -1 +1 @@
-import '@testing-library/jest-dom';
+import "@testing-library/jest-dom";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-result",
-  "version": "1.0.48",
+  "version": "1.0.49",
   "description": "Result UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,10 +16,10 @@
     "access": "public"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
+    "build": "vite build",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "pnpm run build:js -- --watch",
+    "build:watch": "vite build --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
     "prepublish": "pnpm run build",
@@ -35,14 +35,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.17",
-    "@synerise/ds-icon": "^1.15.0",
-    "@synerise/ds-typography": "^1.1.12"
+    "@synerise/ds-button": "^1.5.18",
+    "@synerise/ds-icon": "^1.15.1",
+    "@synerise/ds-typography": "^1.1.13"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 <= 18.3.1",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
+  "gitHead": "e4ecca8944fc9b41c1b9d59c8bcad5e5e2013225"
 }