@synerise/ds-alert 0.9.5 → 0.9.7

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 (5) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/Toast/Toast.js +2 -2
  3. package/dist/Toast/Toast.styles.d.ts +3 -3
  4. package/dist/Toast/Toast.styles.js +4 -4
  5. package/package.json +6 -6
package/CHANGELOG.md CHANGED
@@ -3,6 +3,22 @@
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.7](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.9.6...@synerise/ds-alert@0.9.7) (2025-02-27)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-alert
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.9.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.9.5...@synerise/ds-alert@0.9.6) (2025-02-20)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-alert
17
+
18
+
19
+
20
+
21
+
6
22
  ## [0.9.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.9.4...@synerise/ds-alert@0.9.5) (2025-02-18)
7
23
 
8
24
  **Note:** Version bump only for package @synerise/ds-alert
package/dist/Toast/Toast.js CHANGED
@@ -32,8 +32,8 @@ var Toast = function Toast(_ref) {
32
32
  var toastContent = hasToastContent && /*#__PURE__*/React.createElement(S.AlertContent, {
33
33
  hasBottomMargin: Boolean(button || description || expandedContent && expanded)
34
34
  }, description && /*#__PURE__*/React.createElement(S.AlertDescription, {
35
- expandedContent: expandedContent,
36
- button: button,
35
+ expandedContent: !!expandedContent,
36
+ button: !!button,
37
37
  customColorText: customColorText,
38
38
  color: color
39
39
  }, description), expandedContent && /*#__PURE__*/React.createElement(S.ListWrapper, {
package/dist/Toast/Toast.styles.d.ts CHANGED
@@ -57,9 +57,9 @@ export declare const AlertMessage: import("styled-components").StyledComponent<"
57
57
  hasClose?: boolean | undefined;
58
58
  hasExpander?: boolean | undefined;
59
59
  }, never>;
60
- export declare const AlertDescription: import("styled-components").StyledComponent<"span", any, {
60
+ export declare const AlertDescription: import("styled-components").StyledComponent<"div", any, {
61
61
  customColorText?: CustomColorType | undefined;
62
62
  color?: ColorType | undefined;
63
- button?: ReactNode | boolean;
64
- expandedContent?: ReactNode | boolean;
63
+ button?: boolean | undefined;
64
+ expandedContent?: boolean | undefined;
65
65
  }, never>;
package/dist/Toast/Toast.styles.js CHANGED
@@ -152,21 +152,21 @@ export var Container = styled.div.withConfig({
152
152
  export var WrapperSectionMessage = styled.div.withConfig({
153
153
  displayName: "Toaststyles__WrapperSectionMessage",
154
154
  componentId: "q5tn0-14"
155
- })(["position:relative;font-size:13px;color:inherit;"]);
155
+ })(["position:relative;font-size:13px;min-width:0;color:inherit;"]);
156
156
  export var AlertMessage = styled.div.withConfig({
157
157
  displayName: "Toaststyles__AlertMessage",
158
158
  componentId: "q5tn0-15"
159
- })(["font-size:14px;line-height:20px;padding-top:14px;", ";font-weight:500;overflow:hidden;text-overflow:ellipsis;padding-right:", ";color:", ";"], function (props) {
159
+ })(["font-size:14px;line-height:20px;padding-top:14px;", ";font-weight:500;overflow:hidden;overflow-wrap:break-word;text-overflow:ellipsis;padding-right:", ";color:", ";"], function (props) {
160
160
  return props.noToastContent && 'padding-bottom: 14px;';
161
161
  }, function (props) {
162
162
  return getWidth(props.hasClose, props.hasExpander);
163
163
  }, function (props) {
164
164
  return props.customColorText ? props.theme.palette[props.customColorText + "-600"] : getColorText(props);
165
165
  });
166
- export var AlertDescription = styled.span.withConfig({
166
+ export var AlertDescription = styled.div.withConfig({
167
167
  displayName: "Toaststyles__AlertDescription",
168
168
  componentId: "q5tn0-16"
169
- })(["display:flex;font-size:13px;line-height:1.39;font-weight:normal;overflow-wrap:anywhere;padding-bottom:", ";margin-top:2px;color:", ";"], function (props) {
169
+ })(["font-size:13px;line-height:1.39;font-weight:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis;padding-bottom:", ";margin-top:2px;color:", ";"], function (props) {
170
170
  return props.button || props.expandedContent ? '16px' : '0';
171
171
  }, function (props) {
172
172
  return props.customColorText ? props.theme.palette[props.customColorText + "-600"] : getColorText(props);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-alert",
3
- "version": "0.9.5",
3
+ "version": "0.9.7",
4
4
  "description": "Alert UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -34,10 +34,10 @@
34
34
  ],
35
35
  "types": "dist/index.d.ts",
36
36
  "dependencies": {
37
- "@synerise/ds-button": "^0.23.1",
38
- "@synerise/ds-icon": "^0.71.1",
39
- "@synerise/ds-unordered-list": "^0.4.5",
40
- "@synerise/ds-utils": "^0.32.1",
37
+ "@synerise/ds-button": "^0.23.2",
38
+ "@synerise/ds-icon": "^0.71.2",
39
+ "@synerise/ds-unordered-list": "^0.4.7",
40
+ "@synerise/ds-utils": "^0.32.2",
41
41
  "animate.css": "^4.1.1"
42
42
  },
43
43
  "peerDependencies": {
@@ -46,5 +46,5 @@
46
46
  "react": ">=16.9.0 <= 18.3.1",
47
47
  "styled-components": "^5.3.3"
48
48
  },
49
- "gitHead": "b04de7b0a6e3d2883275c38c38211d3876328706"
49
+ "gitHead": "23054ac8e90293b1a722acdec723b4bfd5abd6c9"
50
50
  }