@synerise/ds-information-card 1.6.3 → 1.6.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +9 -7
  3. package/package.json +21 -21
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.6.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.6.3...@synerise/ds-information-card@1.6.4) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-information-card
9
+
6
10
  ## [1.6.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.6.2...@synerise/ds-information-card@1.6.3) (2026-03-09)
7
11
 
8
12
  **Note:** Version bump only for package @synerise/ds-information-card
package/README.md CHANGED
@@ -29,8 +29,8 @@ import { InformationCardTooltip } from '@synerise/ds-information-card';
29
29
  iconColor: 'mars',
30
30
  avatarTooltipText: 'Tooltip Text',
31
31
  }}
32
- triggerProps={{
33
- popupPlacement: 'top',
32
+ popoverProps={{
33
+ placement: 'top',
34
34
  }}
35
35
  >
36
36
  <button>Element to attach infocard to</button>
@@ -40,9 +40,9 @@ import { InformationCardTooltip } from '@synerise/ds-information-card';
40
40
  Generally, components require being capable of rendering this and usually an additional effort is required to get them to support rendering.
41
41
  See text's menu item element `packages/components/menu/src/Elements/Item/Text/Text.tsx`.
42
42
 
43
- Note that `title` and `subtitle` are required props. For just a single line of text consider using @synerise/ds-tooltip.
43
+ Note that `title` is a required prop; `subtitle` is optional. For just a single line of text consider using @synerise/ds-tooltip.
44
44
 
45
- ### Usage with dropdown and other components relying on `rc-trigger` `getPopupContainer`
45
+ ### Usage with dropdown and other components
46
46
 
47
47
  Some components render elements via portal, in such a case if tthey are listening for global events like click (for e.g. closing the dropdown) - developer using this component is responsible for proper handling of such a clicks. One of ways is making use of `overlayInnerClass` popover's class property to later.
48
48
  By default class is `ignore-click-outside` (so looking for `domElement.closest('.ignore-click-outside')` to determine whether handler should be skipped should be fine).
@@ -71,8 +71,8 @@ By default class is `ignore-click-outside` (so looking for `domElement.closest('
71
71
  | renderAdditionalDescription | Render prop for displaying additional content above footer | `() => ReactNode` | - |
72
72
  | renderBadge | Custom render prop for displaying. If set to `null` - badge won't be shown. | `Function` &#124; `null` | - |
73
73
  | renderFooter | render prop for rendering the bottom part of (by default section with a small text and an optional action button on the right) | `() => JSX.Element` | - |
74
- | subtitle | Second line. Required prop. Can be copied. | `string` | - |
75
- | title | Title of the information-card. Can be copied. | `string` | - |
74
+ | subtitle | Second line. Optional. String values are copyable on click. | `ReactNode` | - |
75
+ | title | Title of the information-card. Required. String values are copyable on click. | `ReactNode` | - |
76
76
  | actionsMenu | Config for displaying "quick actions" - a button in footer that reveals a menu with links | `ActionsMenuProps` | - |
77
77
  | propertyListItems | an array of object properties to list, can also include dividers | `InformationCardPropertyListItem[]` | - |
78
78
  | summaryItems | An array of (label + icon + optional tooltip) summary items to display below properties | `InformationCardSummaryItem[]` | - |
@@ -116,5 +116,7 @@ Displays InformationCard as a tooltip with `children` node as trigger
116
116
  | Property | Description | Type | Default |
117
117
  | -------------------- | --------------------------------------- | ------------------------------------------------------------------ | ------- |
118
118
  | informationCardProps | Props for rendering the InformationCard | `InformationCardProps` | - |
119
- | triggerProps | Trigger props. See rc-trigger | `Partial<TriggerProps> & { ref?: React.LegacyRef<TriggerHandle> }` | - |
119
+ | popoverProps | Floating-ui popover options (see @synerise/ds-popover) | `Partial<PopoverOptions>` | - |
120
+ | content | Custom content (alternative to informationCardProps) | `ReactNode` | - |
121
+ | asChild | Forward trigger props to first child (Radix-style) | `boolean` | - |
120
122
  | children | trigger element | `ReactNode` | - |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-information-card",
3
- "version": "1.6.3",
3
+ "version": "1.6.4",
4
4
  "description": "InformationCard UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -37,25 +37,25 @@
37
37
  "types": "dist/index.d.ts",
38
38
  "dependencies": {
39
39
  "@floating-ui/react": "^0.27.16",
40
- "@synerise/ds-alert": "^1.1.43",
41
- "@synerise/ds-avatar": "^1.3.3",
42
- "@synerise/ds-badge": "^1.0.42",
43
- "@synerise/ds-button": "^1.5.16",
44
- "@synerise/ds-card": "^1.3.1",
45
- "@synerise/ds-copy-icon": "^1.2.0",
46
- "@synerise/ds-description": "^1.3.0",
47
- "@synerise/ds-divider": "^1.3.0",
48
- "@synerise/ds-dropdown": "^1.3.0",
49
- "@synerise/ds-icon": "^1.14.1",
50
- "@synerise/ds-menu": "^1.4.11",
51
- "@synerise/ds-popover": "^1.5.1",
52
- "@synerise/ds-scrollbar": "^1.2.15",
53
- "@synerise/ds-skeleton": "^1.0.43",
54
- "@synerise/ds-status": "^1.3.16",
55
- "@synerise/ds-subtle-form": "^1.1.57",
56
- "@synerise/ds-tooltip": "^1.4.8",
57
- "@synerise/ds-typography": "^1.1.11",
58
- "@synerise/ds-utils": "^1.6.0",
40
+ "@synerise/ds-alert": "^1.1.44",
41
+ "@synerise/ds-avatar": "^1.3.4",
42
+ "@synerise/ds-badge": "^1.0.43",
43
+ "@synerise/ds-button": "^1.5.17",
44
+ "@synerise/ds-card": "^1.3.2",
45
+ "@synerise/ds-copy-icon": "^1.2.1",
46
+ "@synerise/ds-description": "^1.3.1",
47
+ "@synerise/ds-divider": "^1.3.1",
48
+ "@synerise/ds-dropdown": "^1.3.1",
49
+ "@synerise/ds-icon": "^1.15.0",
50
+ "@synerise/ds-menu": "^1.4.12",
51
+ "@synerise/ds-popover": "^1.5.2",
52
+ "@synerise/ds-scrollbar": "^1.2.16",
53
+ "@synerise/ds-skeleton": "^1.0.44",
54
+ "@synerise/ds-status": "^1.3.17",
55
+ "@synerise/ds-subtle-form": "^1.1.58",
56
+ "@synerise/ds-tooltip": "^1.4.9",
57
+ "@synerise/ds-typography": "^1.1.12",
58
+ "@synerise/ds-utils": "^1.7.0",
59
59
  "uuid": "^8.3.2"
60
60
  },
61
61
  "peerDependencies": {
@@ -64,5 +64,5 @@
64
64
  "react-intl": ">=3.12.0 <= 6.8",
65
65
  "styled-components": "^5.3.3"
66
66
  },
67
- "gitHead": "8dfafc5d7278f09d430f1e7499782d05c76b47c0"
67
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
68
68
  }