@synerise/ds-information-card 1.1.7 → 1.2.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.
 
+# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.8...@synerise/ds-information-card@1.2.0) (2025-10-10)
+
+
+### Features
+
+* **list-item:** submenu and header ([71fa4bf](https://github.com/Synerise/synerise-design/commit/71fa4bfadd5fdb52d61dfe8fe87a9e47567e5d16))
+
+
+
+
+
+## [1.1.8](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.7...@synerise/ds-information-card@1.1.8) (2025-10-08)
+
+**Note:** Version bump only for package @synerise/ds-information-card
+
+
+
+
+
 ## [1.1.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.6...@synerise/ds-information-card@1.1.7) (2025-10-03)
 
 **Note:** Version bump only for package @synerise/ds-information-card

package/dist/InformationCard.js

@@ -70,6 +70,7 @@ var InformationCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
       setIsActionsMenuVisible(false);
     }
   });
+  var showBottomDivider = !!(summaryItems && (propertyListItems || descriptionConfig || notice || renderAdditionalDescription));
   return /*#__PURE__*/React.createElement(S.InfoCardWrapper, _extends({
     "data-testid": "information-card",
     "data-popup-container": true,
@@ -103,11 +104,14 @@ var InformationCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
     withoutPadding: true,
     lively: false,
     withHeader: true
-  }, (descriptionConfig !== null || notice) && /*#__PURE__*/React.createElement(InformationCardDescription, {
-    extraInformation: notice || /*#__PURE__*/React.createElement(React.Fragment, null),
+  }, (!!descriptionConfig || notice) && /*#__PURE__*/React.createElement(InformationCardDescription, {
+    extraInformation: notice,
     descriptionConfig: descriptionConfig
   }), renderAdditionalDescription && renderAdditionalDescription(), propertyListItems && /*#__PURE__*/React.createElement(InformationCardPropertyList, {
     items: propertyListItems
+  }), showBottomDivider && /*#__PURE__*/React.createElement(S.BottomDivider, {
+    dashed: true,
+    marginBottom: 8
   }), summaryItems && /*#__PURE__*/React.createElement(InformationCardSummary, {
     items: summaryItems
   }), renderFooter && renderFooter() || hasFooter && /*#__PURE__*/React.createElement(InformationCardFooter, {

package/dist/InformationCard.styles.d.ts

@@ -1,6 +1,7 @@
 export declare const Flex: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Copyable: import("styled-components").StyledComponent<({ copyValue, texts, className, onMouseEnter, onMouseLeave, }: import("@synerise/ds-description/dist/Row/Copy.types").CopyProps) => React.JSX.Element, any, {}, never>;
 export declare const Divider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => React.JSX.Element, any, {}, never>;
+export declare const BottomDivider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => React.JSX.Element, any, {}, never>;
 export declare const FooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ActionsMenuItems: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const FlexGrow: import("styled-components").StyledComponent<"div", any, {
@@ -30,9 +31,6 @@ export declare const HidePopoverArrowWrapper: import("styled-components").Styled
  */
 export declare const GlobalCSSHidePopoverArrow: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export declare const ExtraInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipComponentClassName: import("styled-components").StyledComponent<"div", any, {
-    tooltipType: import("@synerise/ds-tooltip").TooltipTypes;
-}, never>;
 export declare const InformationCardActionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InformationCardPropertyListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InformationCardPropertyItem: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/InformationCard.styles.js

@@ -2,7 +2,6 @@ import styled, { createGlobalStyle, css } from 'styled-components';
 import { CardStyles } from '@synerise/ds-card';
 import { DescriptionCopyable } from '@synerise/ds-description';
 import DSDivider from '@synerise/ds-divider';
-import * as S from '@synerise/ds-tooltip/dist/Tooltip.styles';
 import { macro } from '@synerise/ds-typography';
 var INFOCARD_WIDTH = 350;
 export var Flex = styled.div.withConfig({
@@ -16,12 +15,14 @@ export var Copyable = styled(DescriptionCopyable).withConfig({
 export var Divider = styled(DSDivider).withConfig({
   displayName: "InformationCardstyles__Divider",
   componentId: "sc-zxu5qa-2"
-})(["&&{border-color:", ";margin:8px 0;}"], function (props) {
-  return props.theme.palette['grey-300'];
-});
+})(["&&{margin:8px 0;width:100%;}"]);
+export var BottomDivider = styled(DSDivider).withConfig({
+  displayName: "InformationCardstyles__BottomDivider",
+  componentId: "sc-zxu5qa-3"
+})(["&&{margin-left:16px;margin-right:16px;}"]);
 export var FooterWrapper = styled(Flex).withConfig({
   displayName: "InformationCardstyles__FooterWrapper",
-  componentId: "sc-zxu5qa-3"
+  componentId: "sc-zxu5qa-4"
 })(["background:", ";border-top:solid 1px ", ";padding:8px;"], function (props) {
   return props.theme.palette['grey-050'];
 }, function (props) {
@@ -29,11 +30,11 @@ export var FooterWrapper = styled(Flex).withConfig({
 });
 export var ActionsMenuItems = styled.div.withConfig({
   displayName: "InformationCardstyles__ActionsMenuItems",
-  componentId: "sc-zxu5qa-4"
+  componentId: "sc-zxu5qa-5"
 })([""]);
 export var FlexGrow = styled.div.withConfig({
   displayName: "InformationCardstyles__FlexGrow",
-  componentId: "sc-zxu5qa-5"
+  componentId: "sc-zxu5qa-6"
 })(["flex-grow:", ";"], function (_ref) {
   var _ref$grow = _ref.grow,
     grow = _ref$grow === void 0 ? 1 : _ref$grow;
@@ -41,22 +42,22 @@ export var FlexGrow = styled.div.withConfig({
 });
 export var ActionButtonContainer = styled.div.withConfig({
   displayName: "InformationCardstyles__ActionButtonContainer",
-  componentId: "sc-zxu5qa-6"
+  componentId: "sc-zxu5qa-7"
 })([""]);
 export var InfoCardSlidesWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__InfoCardSlidesWrapper",
-  componentId: "sc-zxu5qa-7"
+  componentId: "sc-zxu5qa-8"
 })([""]);
 export var InfoCardSlide = styled.div.withConfig({
   displayName: "InformationCardstyles__InfoCardSlide",
-  componentId: "sc-zxu5qa-8"
+  componentId: "sc-zxu5qa-9"
 })(["", ""], function (props) {
   return props.height && "max-height: " + props.height + "px;";
 });
 export var InfoCardWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__InfoCardWrapper",
-  componentId: "sc-zxu5qa-9"
-})(["margin-left:", ";width:", "px;overflow:hidden;color:", ";text-align:left;font-size:13px;", "{width:", "px;display:flex;transition:left 0.3s;position:relative;left:", ";}", "{width:", "px;height:min-content;}overflow-wrap:anywhere;background-color:white;border-radius:3px;box-shadow:", ";", "{font-weight:400;", "}", "{padding-top:0;display:flex;flex-direction:column;gap:8px;}", "{padding:16px 16px 1px 16px;margin-bottom:16px;}", "{align-self:center;margin-left:10px;margin-right:10px;}", "{margin:0;gap:2px;}", "{margin:0;}", "", "{margin-bottom:0;font-size:14px;}", "", "{font-size:11px;}.ds-button{background:transparent;}.btn-focus,.btn-focus:hover{box-shadow:unset;}"], function (props) {
+  componentId: "sc-zxu5qa-10"
+})(["margin-left:", ";width:", "px;overflow:hidden;color:", ";text-align:left;font-size:13px;", "{width:", "px;display:flex;transition:left 0.3s;position:relative;left:", ";}", "{width:", "px;height:min-content;}overflow-wrap:anywhere;background-color:white;border-radius:3px;box-shadow:", ";", "{font-weight:400;gap:16px;", "}", "{padding-top:0;display:flex;flex-direction:column;gap:8px;}", "{padding:16px 16px 1px 16px;margin-bottom:0;}", "{align-self:center;margin-left:10px;margin-right:10px;}", "{margin:0;gap:2px;}", "{margin:0;}", "", "{margin-bottom:0;font-size:14px;}", "", "{font-size:11px;}.ds-button{background:transparent;}.btn-focus,.btn-focus:hover{box-shadow:unset;}"], function (props) {
   return props.asTooltip ? '0' : '8px';
 }, INFOCARD_WIDTH, function (props) {
   return props.theme.palette['grey-600'];
@@ -71,15 +72,15 @@ export var InfoCardWrapper = styled.div.withConfig({
 }, CardStyles.Card.PaddingWrapper, CardStyles.Card.Header, CardStyles.Card.IconContainer, CardStyles.Card.HeaderContent, CardStyles.Card.TitleWrapper, CardStyles.Card.Title, CardStyles.Card.Title, CardStyles.Card.Description, CardStyles.Card.Description);
 export var AlertWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__AlertWrapper",
-  componentId: "sc-zxu5qa-10"
+  componentId: "sc-zxu5qa-11"
 })(["padding-bottom:8px;:empty{display:none;}"]);
 export var NonEditableWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__NonEditableWrapper",
-  componentId: "sc-zxu5qa-11"
+  componentId: "sc-zxu5qa-12"
 })(["padding-bottom:8px;:empty{display:none;}"]);
 export var DescriptionWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__DescriptionWrapper",
-  componentId: "sc-zxu5qa-12"
+  componentId: "sc-zxu5qa-13"
 })(["padding:0 16px;"]);
 
 /**
@@ -87,7 +88,7 @@ export var DescriptionWrapper = styled.div.withConfig({
  */
 export var HidePopoverArrowWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__HidePopoverArrowWrapper",
-  componentId: "sc-zxu5qa-13"
+  componentId: "sc-zxu5qa-14"
 })([".ant-popover-arrow-content,.ant-tooltip-arrow-content{display:none;}"]);
 
 /**
@@ -96,34 +97,33 @@ export var HidePopoverArrowWrapper = styled.div.withConfig({
 export var GlobalCSSHidePopoverArrow = createGlobalStyle([".ant-popover-arrow-content,.ant-tooltip-arrow-content{display:none;}"]);
 export var ExtraInfo = styled.div.withConfig({
   displayName: "InformationCardstyles__ExtraInfo",
-  componentId: "sc-zxu5qa-14"
+  componentId: "sc-zxu5qa-15"
 })(["margin-bottom:1px;"]);
-export var TooltipComponentClassName = S.TooltipComponent;
 export var InformationCardActionsWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__InformationCardActionsWrapper",
-  componentId: "sc-zxu5qa-15"
+  componentId: "sc-zxu5qa-16"
 })(["padding:8px;"]);
 export var InformationCardPropertyListWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__InformationCardPropertyListWrapper",
-  componentId: "sc-zxu5qa-16"
+  componentId: "sc-zxu5qa-17"
 })(["display:flex;flex-direction:column;padding:0 16px 8px;gap:8px;"]);
 export var InformationCardPropertyItem = styled.div.withConfig({
   displayName: "InformationCardstyles__InformationCardPropertyItem",
-  componentId: "sc-zxu5qa-17"
+  componentId: "sc-zxu5qa-18"
 })(["display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:6px;"]);
 export var InformationCardPropertyItemLabel = styled.span.withConfig({
   displayName: "InformationCardstyles__InformationCardPropertyItemLabel",
-  componentId: "sc-zxu5qa-18"
+  componentId: "sc-zxu5qa-19"
 })(["", ""], macro.small);
 export var InformationCardPropertyItemValue = styled.span.withConfig({
   displayName: "InformationCardstyles__InformationCardPropertyItemValue",
-  componentId: "sc-zxu5qa-19"
+  componentId: "sc-zxu5qa-20"
 })(["", " font-weight:500;"], macro.small);
 export var InformationCardSummaryWrapper = styled(Flex).withConfig({
   displayName: "InformationCardstyles__InformationCardSummaryWrapper",
-  componentId: "sc-zxu5qa-20"
+  componentId: "sc-zxu5qa-21"
 })(["margin:0 16px;padding-bottom:8px;gap:0 4px;flex-wrap:wrap;"]);
 export var InformationCardSummaryItem = styled(Flex).withConfig({
   displayName: "InformationCardstyles__InformationCardSummaryItem",
-  componentId: "sc-zxu5qa-21"
+  componentId: "sc-zxu5qa-22"
 })(["font-weight:500;align-items:center;gap:4px;"]);

package/dist/InformationCardDescription/InformationCardDescription.js

@@ -21,12 +21,6 @@ export var InformationCardDescription = function InformationCardDescription(_ref
         placeholder: "placeholder",
         suffixTooltip: "Edit"
       }, descriptionConfig, {
-        // {...(descriptionConfig.error
-        //   ? {
-        //       error: descriptionConfig.error,
-        //       errorText: (isError: boolean, text: string) => (isError ? text : ''),
-        //     }
-        //   : {})}
         disabled: descriptionConfig.disabled
       }));
     }

package/dist/InformationCardSummary/InformationCardSummary.js

@@ -1,7 +1,6 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo } from 'react';
 import { v4 as uuid } from 'uuid';
-import Divider from '@synerise/ds-divider';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from '../InformationCard.styles';
 export var InformationCardSummary = function InformationCardSummary(_ref) {
@@ -13,12 +12,9 @@ export var InformationCardSummary = function InformationCardSummary(_ref) {
       }, item);
     });
   }, [items]);
-  return /*#__PURE__*/React.createElement(S.InformationCardSummaryWrapper, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(S.InformationCardSummaryWrapper, {
     "data-testid": "information-card-summary"
-  }, /*#__PURE__*/React.createElement(Divider, {
-    dashed: true,
-    marginBottom: 16
-  }), itemsWithIDs == null ? void 0 : itemsWithIDs.map(function (_ref2) {
+  }, itemsWithIDs == null ? void 0 : itemsWithIDs.map(function (_ref2) {
     var icon = _ref2.icon,
       label = _ref2.label,
       tooltip = _ref2.tooltip,
@@ -30,5 +26,5 @@ export var InformationCardSummary = function InformationCardSummary(_ref) {
     return tooltip ? /*#__PURE__*/React.createElement(Tooltip, _extends({
       title: tooltip
     }, tooltipProps), item) : item;
-  }));
+  })));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-information-card",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "description": "InformationCard UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -36,21 +36,21 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-alert": "^1.1.20",
-    "@synerise/ds-avatar": "^1.0.23",
-    "@synerise/ds-badge": "^1.0.23",
-    "@synerise/ds-button": "^1.4.12",
-    "@synerise/ds-card": "^1.2.12",
-    "@synerise/ds-description": "^1.1.11",
-    "@synerise/ds-divider": "^1.1.3",
-    "@synerise/ds-dropdown": "^1.0.29",
-    "@synerise/ds-icon": "^1.7.2",
-    "@synerise/ds-menu": "^1.0.26",
-    "@synerise/ds-scrollbar": "^1.1.8",
-    "@synerise/ds-subtle-form": "^1.1.29",
-    "@synerise/ds-tooltip": "^1.2.0",
-    "@synerise/ds-typography": "^1.0.21",
-    "@synerise/ds-utils": "^1.4.2",
+    "@synerise/ds-alert": "^1.1.22",
+    "@synerise/ds-avatar": "^1.0.25",
+    "@synerise/ds-badge": "^1.0.24",
+    "@synerise/ds-button": "^1.4.14",
+    "@synerise/ds-card": "^1.2.14",
+    "@synerise/ds-description": "^1.1.12",
+    "@synerise/ds-divider": "^1.2.0",
+    "@synerise/ds-dropdown": "^1.0.31",
+    "@synerise/ds-icon": "^1.7.3",
+    "@synerise/ds-menu": "^1.1.0",
+    "@synerise/ds-scrollbar": "^1.1.9",
+    "@synerise/ds-subtle-form": "^1.1.31",
+    "@synerise/ds-tooltip": "^1.2.1",
+    "@synerise/ds-typography": "^1.0.22",
+    "@synerise/ds-utils": "^1.5.0",
     "rc-trigger": "^5.3.4"
   },
   "peerDependencies": {
@@ -59,5 +59,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "1f909e1fc4174f1c05c148338e64652a893ef926"
+  "gitHead": "4e09fc37fa21ff2e27655e7bb305b136db0ca199"
 }