@synerise/ds-alert 0.8.24 → 0.8.26

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.26](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.8.25...@synerise/ds-alert@0.8.26) (2024-09-03)
+
+**Note:** Version bump only for package @synerise/ds-alert
+
+
+
+
+
+## [0.8.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.8.24...@synerise/ds-alert@0.8.25) (2024-08-30)
+
+
+### Bug Fixes
+
+* **alert:** fixes to section message ([b8e40ce](https://github.com/Synerise/synerise-design/commit/b8e40ceb26fc53e91660047e9953600cf09c653d))
+
+
+
+
+
 ## [0.8.24](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.8.23...@synerise/ds-alert@0.8.24) (2024-08-27)
 
 **Note:** Version bump only for package @synerise/ds-alert

package/dist/SectionMessage/SectionMessage.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { Props } from './SectionMessage.types';
-declare const SectionMessage: ({ icon, type, message, description, showMoreLabel, onShowMore, onClose, newClient, moreButtons, withEmphasis, withLink, unorderedList, color, withClose, customColor, customColorIcon, customIcon, textButton, }: Props) => React.JSX.Element;
+declare const SectionMessage: ({ icon, type, message, description, showMoreLabel, onShowMore, onClose, suffixel, moreButtons, withEmphasis, withLink, unorderedList, color, withClose, customColor, customColorIcon, customIcon, }: Props) => React.JSX.Element;
 export default SectionMessage;

package/dist/SectionMessage/SectionMessage.js

@@ -1,6 +1,5 @@
 import React, { useMemo } from 'react';
-import Icon, { CloseM, WarningFillM, UserAddM, Check3M, HelpFillM, UserUpM, UpdateDataM, NotificationsReceiveM } from '@synerise/ds-icon';
-import Button from '@synerise/ds-button';
+import Icon, { CloseM, WarningFillM, Check3M, HelpFillM, UserUpM, UpdateDataM, NotificationsReceiveM } from '@synerise/ds-icon';
 import * as S from './SectionMessage.styles';
 var ICONS = {
   positive: /*#__PURE__*/React.createElement(Check3M, null),
@@ -21,7 +20,7 @@ var SectionMessage = function SectionMessage(_ref) {
       showMoreLabel = _ref.showMoreLabel,
       onShowMore = _ref.onShowMore,
       onClose = _ref.onClose,
-      newClient = _ref.newClient,
+      suffixel = _ref.suffixel,
       moreButtons = _ref.moreButtons,
       withEmphasis = _ref.withEmphasis,
       withLink = _ref.withLink,
@@ -30,8 +29,7 @@ var SectionMessage = function SectionMessage(_ref) {
       withClose = _ref.withClose,
       customColor = _ref.customColor,
       customColorIcon = _ref.customColorIcon,
-      customIcon = _ref.customIcon,
-      textButton = _ref.textButton;
+      customIcon = _ref.customIcon;
   var renderMessage = useMemo(function () {
     return /*#__PURE__*/React.createElement(S.AlertContent, {
       withLink: withLink
@@ -58,12 +56,7 @@ var SectionMessage = function SectionMessage(_ref) {
     customColorIcon: customColorIcon
   }, customIcon || /*#__PURE__*/React.createElement(Icon, {
     component: renderIcon
-  })), renderMessage), /*#__PURE__*/React.createElement(S.ButtonWrapper, null, newClient && /*#__PURE__*/React.createElement(Button, {
-    type: "ghost",
-    mode: "icon-label"
-  }, /*#__PURE__*/React.createElement(Icon, {
-    component: /*#__PURE__*/React.createElement(UserAddM, null)
-  }), textButton), withClose && /*#__PURE__*/React.createElement(S.IconCloseWrapper, {
+  })), renderMessage), /*#__PURE__*/React.createElement(S.ButtonWrapper, null, suffixel && /*#__PURE__*/React.createElement(S.SuffixWrapper, null, suffixel), withClose && /*#__PURE__*/React.createElement(S.IconCloseWrapper, {
     onClick: handleClose
   }, /*#__PURE__*/React.createElement(Icon, {
     component: /*#__PURE__*/React.createElement(CloseM, null)

package/dist/SectionMessage/SectionMessage.styles.d.ts

@@ -14,6 +14,7 @@ export declare const ButtonWrapper: import("styled-components").StyledComponent<
 export declare const FirstButtonWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const NumberWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ButtonsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SuffixWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const IconOrderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const OrderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/SectionMessage/SectionMessage.styles.js

@@ -49,9 +49,13 @@ export var ButtonsWrapper = styled.div.withConfig({
   displayName: "SectionMessagestyles__ButtonsWrapper",
   componentId: "sc-1kuq4h0-8"
 })(["padding:16px 0 0 0;display:flex;"]);
+export var SuffixWrapper = styled.div.withConfig({
+  displayName: "SectionMessagestyles__SuffixWrapper",
+  componentId: "sc-1kuq4h0-9"
+})(["display:flex;"]);
 export var IconOrderWrapper = styled.div.withConfig({
   displayName: "SectionMessagestyles__IconOrderWrapper",
-  componentId: "sc-1kuq4h0-9"
+  componentId: "sc-1kuq4h0-10"
 })(["display:none;margin:-4px 0;svg{fill:", ";}&:hover{svg{fill:", ";cursor:pointer;}}"], function (props) {
   return props.theme.palette['grey-700'];
 }, function (props) {
@@ -59,7 +63,7 @@ export var IconOrderWrapper = styled.div.withConfig({
 });
 export var OrderWrapper = styled.div.withConfig({
   displayName: "SectionMessagestyles__OrderWrapper",
-  componentId: "sc-1kuq4h0-10"
+  componentId: "sc-1kuq4h0-11"
 })(["display:flex;&:hover{", "{display:block;}", "{background-image:linear-gradient( to right,", " 20%,rgba(255,255,255,0) 10% );background-color:transparent;background-position:bottom left;background-size:5px 1px;background-repeat:repeat-x;color:", ";}}"], IconOrderWrapper, NumberWrapper, function (props) {
   return props.theme.palette['grey-400'];
 }, function (props) {
@@ -67,13 +71,13 @@ export var OrderWrapper = styled.div.withConfig({
 });
 export var Wrapper = styled.div.withConfig({
   displayName: "SectionMessagestyles__Wrapper",
-  componentId: "sc-1kuq4h0-11"
+  componentId: "sc-1kuq4h0-12"
 })(["margin-top:10px;color:", ";"], function (props) {
   return props.theme.palette['grey-700'];
 });
 export var Container = styled.div.withConfig({
   displayName: "SectionMessagestyles__Container",
-  componentId: "sc-1kuq4h0-12"
+  componentId: "sc-1kuq4h0-13"
 })(["width:100%;align-items:center;justify-content:center;background-color:", ";border:1px solid ", ";border-top:2px solid ", ";border-radius:2px;"], function (props) {
   return props.customColor ? props.theme.palette[props.customColor + "-050"] : props.theme.palette[props.color + "-050"];
 }, function (props) {
@@ -83,29 +87,29 @@ export var Container = styled.div.withConfig({
 });
 export var WrapperSectionMessage = styled.div.withConfig({
   displayName: "SectionMessagestyles__WrapperSectionMessage",
-  componentId: "sc-1kuq4h0-13"
+  componentId: "sc-1kuq4h0-14"
 })(["display:flex;font-size:13px;color:inherit;justify-content:space-between;"]);
 export var AlertMessage = styled.span.withConfig({
   displayName: "SectionMessagestyles__AlertMessage",
-  componentId: "sc-1kuq4h0-14"
+  componentId: "sc-1kuq4h0-15"
 })(["font-size:13px;line-height:1.39;font-weight:500;max-width:400px;overflow:hidden;text-overflow:ellipsis;color:", ";"], function (props) {
   return props.theme.palette['grey-700'];
 });
 export var AlertDescription = styled.span.withConfig({
   displayName: "SectionMessagestyles__AlertDescription",
-  componentId: "sc-1kuq4h0-15"
+  componentId: "sc-1kuq4h0-16"
 })(["display:flex;font-size:13px;line-height:1.39;font-weight:normal;padding-right:3px;margin-top:2px;color:", ";"], function (props) {
   return props.theme.palette['grey-700'];
 });
 export var EmphasisWrapper = styled.span.withConfig({
   displayName: "SectionMessagestyles__EmphasisWrapper",
-  componentId: "sc-1kuq4h0-16"
+  componentId: "sc-1kuq4h0-17"
 })(["display:flex;font-size:13px;line-height:1.39;font-weight:500;margin-top:2px;color:inherit;"]);
 export var LinkWrapper = styled.span.withConfig({
   displayName: "SectionMessagestyles__LinkWrapper",
-  componentId: "sc-1kuq4h0-17"
+  componentId: "sc-1kuq4h0-18"
 })(["display:flex;font-size:13px;line-height:1.5;font-weight:400;margin-top:2px;color:inherit;text-decoration:underline;cursor:pointer;a{color:inherit;}"]);
 export var AlertShowMore = styled.span.withConfig({
   displayName: "SectionMessagestyles__AlertShowMore",
-  componentId: "sc-1kuq4h0-18"
+  componentId: "sc-1kuq4h0-19"
 })(["display:flex;font-size:13px;font-weight:500;color:inherit;text-decoration:underline;cursor:pointer;margin-top:6px;"]);

package/dist/SectionMessage/SectionMessage.types.d.ts

@@ -15,12 +15,11 @@ export interface Props extends Omit<AlertProps, 'type' | 'message'> {
     showMoreLabel?: React.ReactNode;
     onShowMore?: () => void;
     onClose?: () => void;
-    newClient?: boolean | React.ReactNode;
+    suffixel?: React.ReactNode;
     moreButtons?: boolean | React.ReactNode;
     withEmphasis?: React.ReactNode;
     withLink?: React.ReactNode;
     unorderedList?: React.ReactNode;
     withClose?: React.ReactNode;
     customIcon?: React.ReactElement;
-    textButton?: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-alert",
-  "version": "0.8.24",
+  "version": "0.8.26",
   "description": "Alert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,10 +33,10 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.6",
-    "@synerise/ds-icon": "^0.65.1",
-    "@synerise/ds-unordered-list": "^0.3.0",
-    "@synerise/ds-utils": "^0.28.2",
+    "@synerise/ds-button": "^0.21.8",
+    "@synerise/ds-icon": "^0.65.3",
+    "@synerise/ds-unordered-list": "^0.3.2",
+    "@synerise/ds-utils": "^0.29.0",
     "animate.css": "^4.1.1",
     "react-animate-height": "^2.0.23",
     "react-dom": "16.13.0",
@@ -48,5 +48,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "a035aeea499cea00e72e20e3790c0ffcad4fe956"
+  "gitHead": "6fe94d574f25c5267c7593dec9399527f441b23a"
 }