@synerise/ds-information-card 0.9.4 → 1.0.0

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/dist/InformationCard.styles.js +23 -25
  3. package/package.json +18 -18
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
+ ## [0.9.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.9.4...@synerise/ds-information-card@0.9.5) (2025-03-10)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-information-card
9
+
10
+
11
+
12
+
13
+
6
14
  ## [0.9.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.9.3...@synerise/ds-information-card@0.9.4) (2025-03-04)
7
15
 
8
16
  **Note:** Version bump only for package @synerise/ds-information-card
package/dist/InformationCard.styles.js CHANGED
@@ -1,5 +1,3 @@
1
- var _templateObject;
2
- function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
3
1
  import styled, { createGlobalStyle, css } from 'styled-components';
4
2
  import { CardStyles } from '@synerise/ds-card';
5
3
  import { DescriptionCopyable } from '@synerise/ds-description';
@@ -9,21 +7,21 @@ import * as S from '@synerise/ds-tooltip/dist/Tooltip.styles';
9
7
  var INFOCARD_WIDTH = 350;
10
8
  export var Flex = styled.div.withConfig({
11
9
  displayName: "InformationCardstyles__Flex",
12
- componentId: "zxu5qa-0"
10
+ componentId: "sc-zxu5qa-0"
13
11
  })(["display:flex;"]);
14
12
  export var Copyable = styled(DescriptionCopyable).withConfig({
15
13
  displayName: "InformationCardstyles__Copyable",
16
- componentId: "zxu5qa-1"
14
+ componentId: "sc-zxu5qa-1"
17
15
  })(["display:flex;align-items:center;height:20px;"]);
18
16
  export var Divider = styled(DSDivider).withConfig({
19
17
  displayName: "InformationCardstyles__Divider",
20
- componentId: "zxu5qa-2"
18
+ componentId: "sc-zxu5qa-2"
21
19
  })(["&&{border-color:", ";margin:8px 0;}"], function (props) {
22
20
  return props.theme.palette['grey-300'];
23
21
  });
24
22
  export var FooterWrapper = styled(Flex).withConfig({
25
23
  displayName: "InformationCardstyles__FooterWrapper",
26
- componentId: "zxu5qa-3"
24
+ componentId: "sc-zxu5qa-3"
27
25
  })(["background:", ";border-top:solid 1px ", ";padding:8px;"], function (props) {
28
26
  return props.theme.palette['grey-050'];
29
27
  }, function (props) {
@@ -31,11 +29,11 @@ export var FooterWrapper = styled(Flex).withConfig({
31
29
  });
32
30
  export var ActionsMenuItems = styled.div.withConfig({
33
31
  displayName: "InformationCardstyles__ActionsMenuItems",
34
- componentId: "zxu5qa-4"
32
+ componentId: "sc-zxu5qa-4"
35
33
  })([""]);
36
34
  export var FlexGrow = styled.div.withConfig({
37
35
  displayName: "InformationCardstyles__FlexGrow",
38
- componentId: "zxu5qa-5"
36
+ componentId: "sc-zxu5qa-5"
39
37
  })(["flex-grow:", ";"], function (_ref) {
40
38
  var _ref$grow = _ref.grow,
41
39
  grow = _ref$grow === void 0 ? 1 : _ref$grow;
@@ -43,21 +41,21 @@ export var FlexGrow = styled.div.withConfig({
43
41
  });
44
42
  export var ActionButtonContainer = styled.div.withConfig({
45
43
  displayName: "InformationCardstyles__ActionButtonContainer",
46
- componentId: "zxu5qa-6"
44
+ componentId: "sc-zxu5qa-6"
47
45
  })([""]);
48
46
  export var InfoCardSlidesWrapper = styled.div.withConfig({
49
47
  displayName: "InformationCardstyles__InfoCardSlidesWrapper",
50
- componentId: "zxu5qa-7"
48
+ componentId: "sc-zxu5qa-7"
51
49
  })([""]);
52
50
  export var InfoCardSlide = styled.div.withConfig({
53
51
  displayName: "InformationCardstyles__InfoCardSlide",
54
- componentId: "zxu5qa-8"
52
+ componentId: "sc-zxu5qa-8"
55
53
  })(["", ""], function (props) {
56
54
  return props.height && "max-height: " + props.height + "px;";
57
55
  });
58
56
  export var InfoCardWrapper = styled.div.withConfig({
59
57
  displayName: "InformationCardstyles__InfoCardWrapper",
60
- componentId: "zxu5qa-9"
58
+ componentId: "sc-zxu5qa-9"
61
59
  })(["margin-left:", ";width:", "px;overflow:hidden;", "{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) {
62
60
  return props.asTooltip ? '0' : '8px';
63
61
  }, INFOCARD_WIDTH, InfoCardSlidesWrapper, function (props) {
@@ -71,15 +69,15 @@ export var InfoCardWrapper = styled.div.withConfig({
71
69
  }, 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);
72
70
  export var AlertWrapper = styled.div.withConfig({
73
71
  displayName: "InformationCardstyles__AlertWrapper",
74
- componentId: "zxu5qa-10"
72
+ componentId: "sc-zxu5qa-10"
75
73
  })(["padding-bottom:8px;:empty{display:none;}"]);
76
74
  export var NonEditableWrapper = styled.div.withConfig({
77
75
  displayName: "InformationCardstyles__NonEditableWrapper",
78
- componentId: "zxu5qa-11"
76
+ componentId: "sc-zxu5qa-11"
79
77
  })(["padding-bottom:8px;:empty{display:none;}"]);
80
78
  export var DescriptionWrapper = styled.div.withConfig({
81
79
  displayName: "InformationCardstyles__DescriptionWrapper",
82
- componentId: "zxu5qa-12"
80
+ componentId: "sc-zxu5qa-12"
83
81
  })(["padding:0 16px;"]);
84
82
 
85
83
  /**
@@ -87,45 +85,45 @@ export var DescriptionWrapper = styled.div.withConfig({
87
85
  */
88
86
  export var HidePopoverArrowWrapper = styled.div.withConfig({
89
87
  displayName: "InformationCardstyles__HidePopoverArrowWrapper",
90
- componentId: "zxu5qa-13"
88
+ componentId: "sc-zxu5qa-13"
91
89
  })([".ant-popover-arrow-content,.ant-tooltip-arrow-content{display:none;}"]);
92
90
 
93
91
  /**
94
92
  * Should be mounted in application where.
95
93
  */
96
- export var GlobalCSSHidePopoverArrow = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n .ant-popover-arrow-content,.ant-tooltip-arrow-content {\n display: none;\n}"])));
94
+ export var GlobalCSSHidePopoverArrow = createGlobalStyle([".ant-popover-arrow-content,.ant-tooltip-arrow-content{display:none;}"]);
97
95
  export var ExtraInfo = styled.div.withConfig({
98
96
  displayName: "InformationCardstyles__ExtraInfo",
99
- componentId: "zxu5qa-14"
97
+ componentId: "sc-zxu5qa-14"
100
98
  })(["margin-bottom:1px;"]);
101
99
  export var TooltipComponentClassName = S.TooltipComponent;
102
100
  export var InformationCardActionsWrapper = styled.div.withConfig({
103
101
  displayName: "InformationCardstyles__InformationCardActionsWrapper",
104
- componentId: "zxu5qa-15"
102
+ componentId: "sc-zxu5qa-15"
105
103
  })(["padding:8px;"]);
106
104
  export var InformationCardPropertyListWrapper = styled.div.withConfig({
107
105
  displayName: "InformationCardstyles__InformationCardPropertyListWrapper",
108
- componentId: "zxu5qa-16"
106
+ componentId: "sc-zxu5qa-16"
109
107
  })(["display:flex;flex-direction:column;padding:0 16px 8px;"]);
110
108
  export var InformationCardPropertyItem = styled.div.withConfig({
111
109
  displayName: "InformationCardstyles__InformationCardPropertyItem",
112
- componentId: "zxu5qa-17"
110
+ componentId: "sc-zxu5qa-17"
113
111
  })(["display:flex;align-items:center;height:24px;gap:8px;"]);
114
112
  export var InformationCardPropertyItemLabel = styled.span.withConfig({
115
113
  displayName: "InformationCardstyles__InformationCardPropertyItemLabel",
116
- componentId: "zxu5qa-18"
114
+ componentId: "sc-zxu5qa-18"
117
115
  })(["", ""], macro.small);
118
116
  export var InformationCardPropertyItemValue = styled.span.withConfig({
119
117
  displayName: "InformationCardstyles__InformationCardPropertyItemValue",
120
- componentId: "zxu5qa-19"
118
+ componentId: "sc-zxu5qa-19"
121
119
  })(["", " font-weight:500;"], macro.small);
122
120
  export var InformationCardSummaryWrapper = styled(Flex).withConfig({
123
121
  displayName: "InformationCardstyles__InformationCardSummaryWrapper",
124
- componentId: "zxu5qa-20"
122
+ componentId: "sc-zxu5qa-20"
125
123
  })(["margin:0 16px;border-top:dashed 1px ", ";padding-top:16px;padding-bottom:8px;gap:4px;flex-wrap:wrap;"], function (props) {
126
124
  return props.theme.palette['grey-300'];
127
125
  });
128
126
  export var InformationCardSummaryItem = styled(Flex).withConfig({
129
127
  displayName: "InformationCardstyles__InformationCardSummaryItem",
130
- componentId: "zxu5qa-21"
128
+ componentId: "sc-zxu5qa-21"
131
129
  })(["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": "0.9.4",
3
+ "version": "1.0.0",
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": "npm pack --pack-destination ../../portal/storybook-static/static",
25
+ "pack:ci": "npm 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",
@@ -35,21 +35,21 @@
35
35
  ],
36
36
  "types": "dist/index.d.ts",
37
37
  "dependencies": {
38
- "@synerise/ds-alert": "^0.9.9",
39
- "@synerise/ds-avatar": "^0.18.8",
40
- "@synerise/ds-badge": "^0.9.6",
41
- "@synerise/ds-button": "^0.23.3",
42
- "@synerise/ds-card": "^0.20.8",
43
- "@synerise/ds-description": "^0.5.6",
44
- "@synerise/ds-divider": "^0.9.5",
45
- "@synerise/ds-dropdown": "^0.19.8",
46
- "@synerise/ds-icon": "^0.72.0",
47
- "@synerise/ds-menu": "^0.21.9",
48
- "@synerise/ds-scrollbar": "^0.12.6",
49
- "@synerise/ds-subtle-form": "^0.10.8",
50
- "@synerise/ds-tooltip": "^0.16.2",
51
- "@synerise/ds-typography": "^0.17.6",
52
- "@synerise/ds-utils": "^0.32.2",
38
+ "@synerise/ds-alert": "^1.0.0",
39
+ "@synerise/ds-avatar": "^1.0.0",
40
+ "@synerise/ds-badge": "^1.0.0",
41
+ "@synerise/ds-button": "^1.0.0",
42
+ "@synerise/ds-card": "^1.0.0",
43
+ "@synerise/ds-description": "^1.0.0",
44
+ "@synerise/ds-divider": "^1.0.0",
45
+ "@synerise/ds-dropdown": "^1.0.0",
46
+ "@synerise/ds-icon": "^1.0.0",
47
+ "@synerise/ds-menu": "^1.0.0",
48
+ "@synerise/ds-scrollbar": "^1.0.0",
49
+ "@synerise/ds-subtle-form": "^1.0.0",
50
+ "@synerise/ds-tooltip": "^1.0.0",
51
+ "@synerise/ds-typography": "^1.0.0",
52
+ "@synerise/ds-utils": "^1.0.0",
53
53
  "rc-trigger": "^5.3.4"
54
54
  },
55
55
  "peerDependencies": {
@@ -58,5 +58,5 @@
58
58
  "react-intl": ">=3.12.0 <= 6.8",
59
59
  "styled-components": "^5.3.3"
60
60
  },
61
- "gitHead": "c5a647bd7a24a2c9294e781b2b69223e8543859f"
61
+ "gitHead": "e4c3690238a44b584b9ea41e4aa52b1eec42174b"
62
62
  }