@synerise/ds-card 1.3.0 → 1.3.2

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 +8 -0
  2. package/README.md +7 -7
  3. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
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.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@1.3.1...@synerise/ds-card@1.3.2) (2026-03-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-card
9
+
10
+ ## [1.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@1.3.0...@synerise/ds-card@1.3.1) (2026-03-09)
11
+
12
+ **Note:** Version bump only for package @synerise/ds-card
13
+
6
14
  # [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@1.2.33...@synerise/ds-card@1.3.0) (2026-02-26)
7
15
 
8
16
  ### Features
package/README.md CHANGED
@@ -72,9 +72,9 @@ yarn add @synerise/ds-card
72
72
 
73
73
  | Property | Description | Type | Default |
74
74
  | -------------------------------- | --------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------- | ------- |
75
- | background | Background of Card container | `white` / `white-shadow` / `grey` / `grey-shadow` / `outline` | `white` |
75
+ | background | Background of Card container | `white` / `white-shadow` / `grey` / `grey-shadow` / `outline` | `white-shadow` |
76
76
  | children | Defines if the button casts a shadow when the cursor is hovered over | React.ReactNode | - |
77
- | renderBadge | Custom slot content for badge icon | React.ReactNode? | - |
77
+ | renderBadge | Custom slot content for badge icon | `() => React.ReactNode` | - |
78
78
  | className | Defines the class name of the container | string | - |
79
79
  | compactHeader | Set as `true`, displays the description next to the header. Set as `false`, displays the description below the header | boolean | - |
80
80
  | description | Defines the content of the card description (in the header) | React.ReactNode | string |
@@ -89,8 +89,7 @@ yarn add @synerise/ds-card
89
89
  | lively | Defines if the container casts a shadow when the cursor is hovered over | boolean | - |
90
90
  | raised | Defines if the container casts a shadow on the background | boolean | - |
91
91
  | style | Defines the CSS of the container | React.CSSProperties | - |
92
- | size | Defines the width of the container (the container width is set to 100% when this property is not passed). | `small` (472px) / `medium` (588px) / `large` (966px) / `extraLarge` (1232px) | - |
93
- | title | Defines the title of the card (in the header) | string | - |
92
+ | title | Defines the title of the card (in the header) | React.ReactNode | - |
94
93
  | titleTag | an optional status tag next to title | ReactElement | - |
95
94
  | withHeader | Defines if the header is shown | boolean | - |
96
95
  | withoutPadding | Reset padding of ContentContainer | boolean | `false` |
@@ -101,8 +100,8 @@ yarn add @synerise/ds-card
101
100
 
102
101
  | Property | Description | Type | Default |
103
102
  | -------- | ----------------------------------- | ------------------------------------------- | --------- |
104
- | Icon | Icon rendered in badge | React.ReactNode | - |
105
- | Status | Defines the color of badge and icon | `success` / `error` / `warning` / `default` | `default` |
103
+ | icon | Icon rendered in badge | React.ReactNode | - |
104
+ | status | Defines the color of badge and icon | `success` / `checked` / `error` / `warning` / `default` | `default` |
106
105
 
107
106
  #### CardSummary
108
107
 
@@ -120,5 +119,6 @@ Renders a summary in a bulletted list form. Can be assigned to Card.staticConten
120
119
  | key | Unique key | `React.Key` | - |
121
120
  | label | Optional label to display | `React.ReactNode` | - |
122
121
  | value | Mandatory value to display | `React.ReactNode` | - |
122
+ | valueButton | Optional action button placed to the right of the value | `React.ReactNode` | - |
123
123
  | summaryObjects | Optional array of react elements, renders in a toggleable container | `React.ReactElement[]` | - |
124
- | summaryObjectsDirection | Direction of summary objects layout | `'row'` / `'column'` | - |
124
+ | summaryObjectsDirection | Direction of summary objects layout | `'row'` / `'column'` | `'row'` |
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-card",
3
- "version": "1.3.0",
3
+ "version": "1.3.2",
4
4
  "description": "Card UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -23,8 +23,8 @@
23
23
  "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
24
24
  "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
25
25
  "prepublish": "pnpm run build",
26
- "test": "vitest",
27
- "test:watch": "pnpm run test -- --watch",
26
+ "test": "vitest run",
27
+ "test:watch": "vitest",
28
28
  "types": "tsc --noEmit",
29
29
  "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
30
30
  "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -35,11 +35,11 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-avatar": "^1.3.2",
39
- "@synerise/ds-icon": "^1.14.1",
40
- "@synerise/ds-tag": "^1.4.15",
41
- "@synerise/ds-typography": "^1.1.10",
42
- "@synerise/ds-utils": "^1.6.0",
38
+ "@synerise/ds-avatar": "^1.3.4",
39
+ "@synerise/ds-icon": "^1.15.0",
40
+ "@synerise/ds-tag": "^1.4.17",
41
+ "@synerise/ds-typography": "^1.1.12",
42
+ "@synerise/ds-utils": "^1.7.0",
43
43
  "react-animate-height": "^2.0.23",
44
44
  "react-visibility-sensor": "^5.1.1",
45
45
  "uuid": "^8.3.2"
@@ -51,5 +51,5 @@
51
51
  "styled-components": "^5.3.3",
52
52
  "vitest": "4"
53
53
  },
54
- "gitHead": "4ffbd56e9bf6277c4507efeaf000b66b9bb09781"
54
+ "gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
55
55
  }