@synerise/ds-information-card 1.3.1 → 1.3.3
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.
- package/CHANGELOG.md +11 -125
- package/README.md +0 -8
- package/dist/InformationCard.d.ts +1 -1
- package/dist/InformationCard.js +1 -2
- package/dist/InformationCard.styles.d.ts +4 -1
- package/dist/InformationCard.styles.js +33 -26
- package/package.json +21 -18
package/CHANGELOG.md
CHANGED
|
@@ -3,258 +3,144 @@
|
|
|
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.
|
|
6
|
+
## [1.3.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.3.2...@synerise/ds-information-card@1.3.3) (2025-12-15)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
9
9
|
|
|
10
|
+
## [1.3.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.3.1...@synerise/ds-information-card@1.3.2) (2025-11-28)
|
|
10
11
|
|
|
12
|
+
### Bug Fixes
|
|
11
13
|
|
|
14
|
+
- **information-card:** styles 4 components within property list ([0155693](https://github.com/Synerise/synerise-design/commit/01556934649db5aefdc3525fea6862e26b8853a4))
|
|
12
15
|
|
|
16
|
+
## [1.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.3.0...@synerise/ds-information-card@1.3.1) (2025-11-13)
|
|
13
17
|
|
|
14
|
-
|
|
18
|
+
**Note:** Version bump only for package @synerise/ds-information-card
|
|
15
19
|
|
|
20
|
+
# [1.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.2.3...@synerise/ds-information-card@1.3.0) (2025-11-06)
|
|
16
21
|
|
|
17
22
|
### Features
|
|
18
23
|
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
+
- **dropdown:** dropdownMenu component ([f0ec827](https://github.com/Synerise/synerise-design/commit/f0ec82792cdcb021fa9a454912f6e7a892e53895))
|
|
24
25
|
|
|
25
26
|
## [1.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.2.2...@synerise/ds-information-card@1.2.3) (2025-10-31)
|
|
26
27
|
|
|
27
28
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
28
29
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
30
|
## [1.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.2.1...@synerise/ds-information-card@1.2.2) (2025-10-22)
|
|
34
31
|
|
|
35
32
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
36
33
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
34
|
## [1.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.2.0...@synerise/ds-information-card@1.2.1) (2025-10-16)
|
|
42
35
|
|
|
43
36
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
44
37
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
38
|
# [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)
|
|
50
39
|
|
|
51
|
-
|
|
52
40
|
### Features
|
|
53
41
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
42
|
+
- **list-item:** submenu and header ([71fa4bf](https://github.com/Synerise/synerise-design/commit/71fa4bfadd5fdb52d61dfe8fe87a9e47567e5d16))
|
|
59
43
|
|
|
60
44
|
## [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)
|
|
61
45
|
|
|
62
46
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
63
47
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
48
|
## [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)
|
|
69
49
|
|
|
70
50
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
71
51
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
52
|
## [1.1.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.5...@synerise/ds-information-card@1.1.6) (2025-09-30)
|
|
77
53
|
|
|
78
54
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
79
55
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
56
|
## [1.1.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.4...@synerise/ds-information-card@1.1.5) (2025-09-30)
|
|
85
57
|
|
|
86
|
-
|
|
87
58
|
### Bug Fixes
|
|
88
59
|
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
60
|
+
- **divider:** fix style ([7a1db45](https://github.com/Synerise/synerise-design/commit/7a1db453d85eb52f887486f74575de17bb3f8ee0))
|
|
94
61
|
|
|
95
62
|
## [1.1.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.3...@synerise/ds-information-card@1.1.4) (2025-09-26)
|
|
96
63
|
|
|
97
64
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
98
65
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
66
|
## [1.1.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.2...@synerise/ds-information-card@1.1.3) (2025-09-25)
|
|
104
67
|
|
|
105
68
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
106
69
|
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
70
|
## [1.1.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.1...@synerise/ds-information-card@1.1.2) (2025-09-24)
|
|
112
71
|
|
|
113
72
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
114
73
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
74
|
## [1.1.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.1.0...@synerise/ds-information-card@1.1.1) (2025-09-23)
|
|
120
75
|
|
|
121
76
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
122
77
|
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
78
|
# [1.1.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.30...@synerise/ds-information-card@1.1.0) (2025-09-19)
|
|
128
79
|
|
|
129
|
-
|
|
130
80
|
### Features
|
|
131
81
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
82
|
+
- **tag:** Implementation Infocard in Tag component ([d1f31fa](https://github.com/Synerise/synerise-design/commit/d1f31fa44a73da3787df1966e2046c5a577afd96))
|
|
137
83
|
|
|
138
84
|
## [1.0.30](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.29...@synerise/ds-information-card@1.0.30) (2025-09-16)
|
|
139
85
|
|
|
140
86
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
141
87
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
88
|
## [1.0.29](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.28...@synerise/ds-information-card@1.0.29) (2025-09-05)
|
|
147
89
|
|
|
148
90
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
149
91
|
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
92
|
## [1.0.28](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.27...@synerise/ds-information-card@1.0.28) (2025-09-05)
|
|
155
93
|
|
|
156
94
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
157
95
|
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
96
|
## [1.0.27](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.26...@synerise/ds-information-card@1.0.27) (2025-08-28)
|
|
163
97
|
|
|
164
98
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
165
99
|
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
100
|
## [1.0.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.25...@synerise/ds-information-card@1.0.26) (2025-08-21)
|
|
171
101
|
|
|
172
102
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
173
103
|
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
104
|
## [1.0.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.24...@synerise/ds-information-card@1.0.25) (2025-08-20)
|
|
179
105
|
|
|
180
106
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
181
107
|
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
108
|
## [1.0.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.23...@synerise/ds-information-card@1.0.24) (2025-08-14)
|
|
187
109
|
|
|
188
110
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
189
111
|
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
112
|
## [1.0.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.22...@synerise/ds-information-card@1.0.23) (2025-07-24)
|
|
195
113
|
|
|
196
114
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
197
115
|
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
116
|
## [1.0.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.21...@synerise/ds-information-card@1.0.22) (2025-07-17)
|
|
203
117
|
|
|
204
118
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
205
119
|
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
120
|
## [1.0.21](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.20...@synerise/ds-information-card@1.0.21) (2025-07-15)
|
|
211
121
|
|
|
212
122
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
213
123
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
124
|
## [1.0.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.19...@synerise/ds-information-card@1.0.20) (2025-07-08)
|
|
219
125
|
|
|
220
126
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
221
127
|
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
128
|
## [1.0.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.18...@synerise/ds-information-card@1.0.19) (2025-07-04)
|
|
227
129
|
|
|
228
130
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
229
131
|
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
132
|
## [1.0.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.17...@synerise/ds-information-card@1.0.18) (2025-07-01)
|
|
235
133
|
|
|
236
134
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
237
135
|
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
136
|
## [1.0.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.16...@synerise/ds-information-card@1.0.17) (2025-06-26)
|
|
243
137
|
|
|
244
138
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
245
139
|
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
140
|
## [1.0.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.15...@synerise/ds-information-card@1.0.16) (2025-06-24)
|
|
251
141
|
|
|
252
142
|
**Note:** Version bump only for package @synerise/ds-information-card
|
|
253
143
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
144
|
## [1.0.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@1.0.14...@synerise/ds-information-card@1.0.15) (2025-06-12)
|
|
259
145
|
|
|
260
146
|
**Note:** Version bump only for package @synerise/ds-information-card
|
package/README.md
CHANGED
|
@@ -16,14 +16,6 @@ or
|
|
|
16
16
|
yarn add @synerise/ds-information-card
|
|
17
17
|
```
|
|
18
18
|
|
|
19
|
-
## Development
|
|
20
|
-
|
|
21
|
-
```zsh
|
|
22
|
-
# lerna bootstrap # install all required reused shared lerna packages
|
|
23
|
-
yarn workspace @synerise/ds-information-card lint
|
|
24
|
-
yarn workspace @synerise/ds-information-card build
|
|
25
|
-
```
|
|
26
|
-
|
|
27
19
|
## Usage
|
|
28
20
|
|
|
29
21
|
```js
|
|
@@ -22,5 +22,5 @@ declare const InformationCard: React.ForwardRefExoticComponent<{
|
|
|
22
22
|
renderAdditionalDescription?: () => React.ReactNode;
|
|
23
23
|
propertyListItems?: import(".").InformationCardPropertyListProps["items"];
|
|
24
24
|
summaryItems?: import("./InformationCardSummary/InformationCardSummary.types").InformationCardSummaryProps["items"];
|
|
25
|
-
} & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "className" | "actionButton" | "actionButtonCallback" | "actionButtonTooltipText" | "actionsMenu" | "asTooltip" | "avatarTooltipText" | "copyTooltip" | "copiedTooltip" | "descriptionConfig" | "renderFooter" | "footerText" | "
|
|
25
|
+
} & Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "className" | "icon" | "actionButton" | "actionButtonCallback" | "actionButtonTooltipText" | "actionsMenu" | "asTooltip" | "avatarTooltipText" | "copyTooltip" | "copiedTooltip" | "descriptionConfig" | "renderFooter" | "footerText" | "iconColor" | "notice" | "renderBadge" | "subtitle" | "renderAdditionalDescription" | "propertyListItems" | "summaryItems"> & import("@synerise/ds-utils").DataAttributes & React.RefAttributes<HTMLDivElement>>;
|
|
26
26
|
export default InformationCard;
|
package/dist/InformationCard.js
CHANGED
|
@@ -4,7 +4,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
|
|
|
4
4
|
import "rc-trigger/assets/index.css";
|
|
5
5
|
import React, { forwardRef, useEffect, useRef, useState } from 'react';
|
|
6
6
|
import Card from '@synerise/ds-card';
|
|
7
|
-
import { RowWrapper } from '@synerise/ds-description/dist/Row/DescriptionRow.styles';
|
|
8
7
|
import { SegmentM } from '@synerise/ds-icon';
|
|
9
8
|
import { useResizeObserver } from '@synerise/ds-utils';
|
|
10
9
|
import * as S from './InformationCard.styles';
|
|
@@ -45,7 +44,7 @@ var InformationCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
45
44
|
var _useResizeObserver = useResizeObserver(mainSlideRef),
|
|
46
45
|
height = _useResizeObserver.height;
|
|
47
46
|
var copyableSlot = function copyableSlot(content) {
|
|
48
|
-
return content && /*#__PURE__*/React.createElement(
|
|
47
|
+
return content && /*#__PURE__*/React.createElement(S.CopyWrapper, {
|
|
49
48
|
copyable: true
|
|
50
49
|
}, /*#__PURE__*/React.createElement(S.Flex, {
|
|
51
50
|
style: {
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
export declare const Flex: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const Copyable: import("styled-components").StyledComponent<({ copyValue, texts,
|
|
2
|
+
export declare const Copyable: import("styled-components").StyledComponent<({ copyValue, texts, onMouseEnter, onMouseLeave, icon, placement, onCopy, ...rest }: import("@synerise/ds-copy-icon").CopyIconProps) => React.JSX.Element, any, {}, never>;
|
|
3
|
+
export declare const CopyWrapper: import("styled-components").StyledComponent<"div", any, {
|
|
4
|
+
copyable: boolean;
|
|
5
|
+
}, never>;
|
|
3
6
|
export declare const Divider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => React.JSX.Element, any, {}, never>;
|
|
4
7
|
export declare const BottomDivider: import("styled-components").StyledComponent<(props: import("@synerise/ds-divider").DividerProps) => React.JSX.Element, any, {}, never>;
|
|
5
8
|
export declare const FooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,28 +1,35 @@
|
|
|
1
1
|
import styled, { createGlobalStyle, css } from 'styled-components';
|
|
2
2
|
import { CardStyles } from '@synerise/ds-card';
|
|
3
|
-
import
|
|
3
|
+
import CopyIcon from '@synerise/ds-copy-icon';
|
|
4
|
+
import { RowWrapper } from '@synerise/ds-description/dist/Row/DescriptionRow.styles';
|
|
4
5
|
import DSDivider from '@synerise/ds-divider';
|
|
6
|
+
import { Container } from '@synerise/ds-skeleton/dist/Skeleton.styles';
|
|
7
|
+
import { StatusTag } from '@synerise/ds-status/dist/Status.styles';
|
|
5
8
|
import { macro } from '@synerise/ds-typography';
|
|
6
9
|
var INFOCARD_WIDTH = 350;
|
|
7
10
|
export var Flex = styled.div.withConfig({
|
|
8
11
|
displayName: "InformationCardstyles__Flex",
|
|
9
12
|
componentId: "sc-zxu5qa-0"
|
|
10
13
|
})(["display:flex;"]);
|
|
11
|
-
export var Copyable = styled(
|
|
14
|
+
export var Copyable = styled(CopyIcon).withConfig({
|
|
12
15
|
displayName: "InformationCardstyles__Copyable",
|
|
13
16
|
componentId: "sc-zxu5qa-1"
|
|
14
|
-
})(["display:flex;align-items:center;height:20px;"]);
|
|
17
|
+
})(["display:flex;align-items:center;height:20px;visibility:hidden;position:relative;margin-left:8px;opacity:0;"]);
|
|
18
|
+
export var CopyWrapper = styled(RowWrapper).withConfig({
|
|
19
|
+
displayName: "InformationCardstyles__CopyWrapper",
|
|
20
|
+
componentId: "sc-zxu5qa-2"
|
|
21
|
+
})(["&:hover{", "{visibility:visible;opacity:1;}}"], Copyable);
|
|
15
22
|
export var Divider = styled(DSDivider).withConfig({
|
|
16
23
|
displayName: "InformationCardstyles__Divider",
|
|
17
|
-
componentId: "sc-zxu5qa-
|
|
24
|
+
componentId: "sc-zxu5qa-3"
|
|
18
25
|
})(["&&{margin:8px 0;width:100%;}"]);
|
|
19
26
|
export var BottomDivider = styled(DSDivider).withConfig({
|
|
20
27
|
displayName: "InformationCardstyles__BottomDivider",
|
|
21
|
-
componentId: "sc-zxu5qa-
|
|
28
|
+
componentId: "sc-zxu5qa-4"
|
|
22
29
|
})(["&&{margin-left:16px;margin-right:16px;}"]);
|
|
23
30
|
export var FooterWrapper = styled(Flex).withConfig({
|
|
24
31
|
displayName: "InformationCardstyles__FooterWrapper",
|
|
25
|
-
componentId: "sc-zxu5qa-
|
|
32
|
+
componentId: "sc-zxu5qa-5"
|
|
26
33
|
})(["background:", ";border-top:solid 1px ", ";padding:8px;"], function (props) {
|
|
27
34
|
return props.theme.palette['grey-050'];
|
|
28
35
|
}, function (props) {
|
|
@@ -30,11 +37,11 @@ export var FooterWrapper = styled(Flex).withConfig({
|
|
|
30
37
|
});
|
|
31
38
|
export var ActionsMenuItems = styled.div.withConfig({
|
|
32
39
|
displayName: "InformationCardstyles__ActionsMenuItems",
|
|
33
|
-
componentId: "sc-zxu5qa-
|
|
40
|
+
componentId: "sc-zxu5qa-6"
|
|
34
41
|
})([""]);
|
|
35
42
|
export var FlexGrow = styled.div.withConfig({
|
|
36
43
|
displayName: "InformationCardstyles__FlexGrow",
|
|
37
|
-
componentId: "sc-zxu5qa-
|
|
44
|
+
componentId: "sc-zxu5qa-7"
|
|
38
45
|
})(["flex-grow:", ";"], function (_ref) {
|
|
39
46
|
var _ref$grow = _ref.grow,
|
|
40
47
|
grow = _ref$grow === void 0 ? 1 : _ref$grow;
|
|
@@ -42,21 +49,21 @@ export var FlexGrow = styled.div.withConfig({
|
|
|
42
49
|
});
|
|
43
50
|
export var ActionButtonContainer = styled.div.withConfig({
|
|
44
51
|
displayName: "InformationCardstyles__ActionButtonContainer",
|
|
45
|
-
componentId: "sc-zxu5qa-
|
|
52
|
+
componentId: "sc-zxu5qa-8"
|
|
46
53
|
})([""]);
|
|
47
54
|
export var InfoCardSlidesWrapper = styled.div.withConfig({
|
|
48
55
|
displayName: "InformationCardstyles__InfoCardSlidesWrapper",
|
|
49
|
-
componentId: "sc-zxu5qa-
|
|
56
|
+
componentId: "sc-zxu5qa-9"
|
|
50
57
|
})([""]);
|
|
51
58
|
export var InfoCardSlide = styled.div.withConfig({
|
|
52
59
|
displayName: "InformationCardstyles__InfoCardSlide",
|
|
53
|
-
componentId: "sc-zxu5qa-
|
|
60
|
+
componentId: "sc-zxu5qa-10"
|
|
54
61
|
})(["", ""], function (props) {
|
|
55
62
|
return props.height && "max-height: " + props.height + "px;";
|
|
56
63
|
});
|
|
57
64
|
export var InfoCardWrapper = styled.div.withConfig({
|
|
58
65
|
displayName: "InformationCardstyles__InfoCardWrapper",
|
|
59
|
-
componentId: "sc-zxu5qa-
|
|
66
|
+
componentId: "sc-zxu5qa-11"
|
|
60
67
|
})(["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) {
|
|
61
68
|
return props.asTooltip ? '0' : '8px';
|
|
62
69
|
}, INFOCARD_WIDTH, function (props) {
|
|
@@ -72,15 +79,15 @@ export var InfoCardWrapper = styled.div.withConfig({
|
|
|
72
79
|
}, 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);
|
|
73
80
|
export var AlertWrapper = styled.div.withConfig({
|
|
74
81
|
displayName: "InformationCardstyles__AlertWrapper",
|
|
75
|
-
componentId: "sc-zxu5qa-
|
|
82
|
+
componentId: "sc-zxu5qa-12"
|
|
76
83
|
})(["padding-bottom:8px;:empty{display:none;}"]);
|
|
77
84
|
export var NonEditableWrapper = styled.div.withConfig({
|
|
78
85
|
displayName: "InformationCardstyles__NonEditableWrapper",
|
|
79
|
-
componentId: "sc-zxu5qa-
|
|
86
|
+
componentId: "sc-zxu5qa-13"
|
|
80
87
|
})(["padding-bottom:8px;:empty{display:none;}"]);
|
|
81
88
|
export var DescriptionWrapper = styled.div.withConfig({
|
|
82
89
|
displayName: "InformationCardstyles__DescriptionWrapper",
|
|
83
|
-
componentId: "sc-zxu5qa-
|
|
90
|
+
componentId: "sc-zxu5qa-14"
|
|
84
91
|
})(["padding:0 16px;"]);
|
|
85
92
|
|
|
86
93
|
/**
|
|
@@ -88,7 +95,7 @@ export var DescriptionWrapper = styled.div.withConfig({
|
|
|
88
95
|
*/
|
|
89
96
|
export var HidePopoverArrowWrapper = styled.div.withConfig({
|
|
90
97
|
displayName: "InformationCardstyles__HidePopoverArrowWrapper",
|
|
91
|
-
componentId: "sc-zxu5qa-
|
|
98
|
+
componentId: "sc-zxu5qa-15"
|
|
92
99
|
})([".ant-popover-arrow-content,.ant-tooltip-arrow-content{display:none;}"]);
|
|
93
100
|
|
|
94
101
|
/**
|
|
@@ -97,33 +104,33 @@ export var HidePopoverArrowWrapper = styled.div.withConfig({
|
|
|
97
104
|
export var GlobalCSSHidePopoverArrow = createGlobalStyle([".ant-popover-arrow-content,.ant-tooltip-arrow-content{display:none;}"]);
|
|
98
105
|
export var ExtraInfo = styled.div.withConfig({
|
|
99
106
|
displayName: "InformationCardstyles__ExtraInfo",
|
|
100
|
-
componentId: "sc-zxu5qa-
|
|
107
|
+
componentId: "sc-zxu5qa-16"
|
|
101
108
|
})(["margin-bottom:1px;"]);
|
|
102
109
|
export var InformationCardActionsWrapper = styled.div.withConfig({
|
|
103
110
|
displayName: "InformationCardstyles__InformationCardActionsWrapper",
|
|
104
|
-
componentId: "sc-zxu5qa-
|
|
111
|
+
componentId: "sc-zxu5qa-17"
|
|
105
112
|
})(["padding:8px;"]);
|
|
106
113
|
export var InformationCardPropertyListWrapper = styled.div.withConfig({
|
|
107
114
|
displayName: "InformationCardstyles__InformationCardPropertyListWrapper",
|
|
108
|
-
componentId: "sc-zxu5qa-
|
|
109
|
-
})(["display:flex;flex-direction:column;padding:0 16px 8px;gap:8px;"]);
|
|
115
|
+
componentId: "sc-zxu5qa-18"
|
|
116
|
+
})(["display:flex;flex-direction:column;padding:0 16px 8px;gap:8px;", "{padding:0;}", "{margin:0;}"], Container, StatusTag);
|
|
110
117
|
export var InformationCardPropertyItem = styled.div.withConfig({
|
|
111
118
|
displayName: "InformationCardstyles__InformationCardPropertyItem",
|
|
112
|
-
componentId: "sc-zxu5qa-
|
|
119
|
+
componentId: "sc-zxu5qa-19"
|
|
113
120
|
})(["display:flex;align-items:center;flex-wrap:wrap;column-gap:8px;row-gap:6px;"]);
|
|
114
121
|
export var InformationCardPropertyItemLabel = styled.span.withConfig({
|
|
115
122
|
displayName: "InformationCardstyles__InformationCardPropertyItemLabel",
|
|
116
|
-
componentId: "sc-zxu5qa-
|
|
123
|
+
componentId: "sc-zxu5qa-20"
|
|
117
124
|
})(["", ""], macro.small);
|
|
118
125
|
export var InformationCardPropertyItemValue = styled.span.withConfig({
|
|
119
126
|
displayName: "InformationCardstyles__InformationCardPropertyItemValue",
|
|
120
|
-
componentId: "sc-zxu5qa-
|
|
121
|
-
})(["", " font-weight:500;"], macro.small);
|
|
127
|
+
componentId: "sc-zxu5qa-21"
|
|
128
|
+
})(["", " flex-grow:1;font-weight:500;"], macro.small);
|
|
122
129
|
export var InformationCardSummaryWrapper = styled(Flex).withConfig({
|
|
123
130
|
displayName: "InformationCardstyles__InformationCardSummaryWrapper",
|
|
124
|
-
componentId: "sc-zxu5qa-
|
|
131
|
+
componentId: "sc-zxu5qa-22"
|
|
125
132
|
})(["margin:0 16px;padding-bottom:8px;gap:0 4px;flex-wrap:wrap;"]);
|
|
126
133
|
export var InformationCardSummaryItem = styled(Flex).withConfig({
|
|
127
134
|
displayName: "InformationCardstyles__InformationCardSummaryItem",
|
|
128
|
-
componentId: "sc-zxu5qa-
|
|
135
|
+
componentId: "sc-zxu5qa-23"
|
|
129
136
|
})(["font-weight:500;align-items:center;gap:4px;"]);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-information-card",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.3",
|
|
4
4
|
"description": "InformationCard UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
"build:watch": "npm run build:js -- --watch",
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
24
|
"lint": "eslint . --ext .ts --ext .tsx --max-warnings 0 --ignore-pattern dist",
|
|
25
|
-
"pack:ci": "
|
|
25
|
+
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
26
26
|
"prepublish": "npm run build",
|
|
27
27
|
"test": "jest",
|
|
28
28
|
"test:watch": "npm run test -- --watchAll",
|
|
@@ -36,21 +36,24 @@
|
|
|
36
36
|
],
|
|
37
37
|
"types": "dist/index.d.ts",
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@synerise/ds-alert": "^1.1.
|
|
40
|
-
"@synerise/ds-avatar": "^1.1.
|
|
41
|
-
"@synerise/ds-badge": "^1.0.
|
|
42
|
-
"@synerise/ds-button": "^1.5.
|
|
43
|
-
"@synerise/ds-card": "^1.2.
|
|
44
|
-
"@synerise/ds-
|
|
45
|
-
"@synerise/ds-
|
|
46
|
-
"@synerise/ds-
|
|
47
|
-
"@synerise/ds-
|
|
48
|
-
"@synerise/ds-
|
|
49
|
-
"@synerise/ds-
|
|
50
|
-
"@synerise/ds-
|
|
51
|
-
"@synerise/ds-
|
|
52
|
-
"@synerise/ds-
|
|
53
|
-
"@synerise/ds-
|
|
39
|
+
"@synerise/ds-alert": "^1.1.27",
|
|
40
|
+
"@synerise/ds-avatar": "^1.1.2",
|
|
41
|
+
"@synerise/ds-badge": "^1.0.27",
|
|
42
|
+
"@synerise/ds-button": "^1.5.2",
|
|
43
|
+
"@synerise/ds-card": "^1.2.18",
|
|
44
|
+
"@synerise/ds-copy-icon": "^1.0.2",
|
|
45
|
+
"@synerise/ds-description": "^1.1.15",
|
|
46
|
+
"@synerise/ds-divider": "^1.2.3",
|
|
47
|
+
"@synerise/ds-dropdown": "^1.1.3",
|
|
48
|
+
"@synerise/ds-icon": "^1.9.1",
|
|
49
|
+
"@synerise/ds-menu": "^1.2.2",
|
|
50
|
+
"@synerise/ds-scrollbar": "^1.2.2",
|
|
51
|
+
"@synerise/ds-skeleton": "^1.0.27",
|
|
52
|
+
"@synerise/ds-status": "^1.3.2",
|
|
53
|
+
"@synerise/ds-subtle-form": "^1.1.38",
|
|
54
|
+
"@synerise/ds-tooltip": "^1.3.2",
|
|
55
|
+
"@synerise/ds-typography": "^1.0.25",
|
|
56
|
+
"@synerise/ds-utils": "^1.5.1",
|
|
54
57
|
"rc-trigger": "^5.3.4"
|
|
55
58
|
},
|
|
56
59
|
"peerDependencies": {
|
|
@@ -59,5 +62,5 @@
|
|
|
59
62
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
60
63
|
"styled-components": "^5.3.3"
|
|
61
64
|
},
|
|
62
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "b1279d5354132a2bf0b6f0cfa343db4c6c928f72"
|
|
63
66
|
}
|