@synerise/ds-alert 0.8.22 → 0.8.23

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.8.23](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.8.22...@synerise/ds-alert@0.8.23) (2024-08-19)
+
+
+### Bug Fixes
+
+* **alert:** inlineAlert and IconAlert text color updated ([7c330cb](https://github.com/Synerise/synerise-design/commit/7c330cba6f5a8516d94c21417e3584ad65630cf7))
+
+
+
+
+
 ## [0.8.22](https://github.com/Synerise/synerise-design/compare/@synerise/ds-alert@0.8.21...@synerise/ds-alert@0.8.22) (2024-08-06)
 
 **Note:** Version bump only for package @synerise/ds-alert

package/dist/IconAlert/IconAlert.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { IconAlertProps } from './IconAlert.types';
-declare const IconAlert: React.FC<IconAlertProps>;
+declare const IconAlert: ({ type, iconAlert, message, withLink, withEmphasis, hoverButton, disabled, customIcon, ...rest }: IconAlertProps) => React.JSX.Element;
 export default IconAlert;

package/dist/IconAlert/IconAlert.js

@@ -4,14 +4,14 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-import Icon, { Check2M, WarningFillM, InfoM } from '@synerise/ds-icon';
-import * as React from 'react';
+import React, { useMemo } from 'react';
+import Icon, { Check3M, WarningFillM, InfoFillM } from '@synerise/ds-icon';
 import * as S from './IconAlert.styles';
 var ICONS = {
-  success: /*#__PURE__*/React.createElement(Check2M, null),
+  success: /*#__PURE__*/React.createElement(Check3M, null),
   alert: /*#__PURE__*/React.createElement(WarningFillM, null),
   warning: /*#__PURE__*/React.createElement(WarningFillM, null),
-  info: /*#__PURE__*/React.createElement(InfoM, null)
+  info: /*#__PURE__*/React.createElement(InfoFillM, null)
 };
 
 var IconAlert = function IconAlert(_ref) {
@@ -26,7 +26,7 @@ var IconAlert = function IconAlert(_ref) {
       customIcon = _ref.customIcon,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var icon = React.useMemo(function () {
+  var icon = useMemo(function () {
     return ICONS[type];
   }, [type]);
   return /*#__PURE__*/React.createElement(S.IconAlertWrapper, _extends({}, rest, {

package/dist/IconAlert/IconAlert.styles.js

@@ -5,12 +5,6 @@ var COLORS = {
   alert: 'red-600',
   info: 'grey-600'
 };
-var COLORS_TEXT = {
-  success: 'green-700',
-  warning: 'yellow-700',
-  alert: 'red-700',
-  info: 'grey-700'
-};
 var COLORS_HOVER = {
   success: 'green-700',
   warning: 'yellow-700',
@@ -41,7 +35,7 @@ export var IconAlertWrapper = styled.span.withConfig({
 }, function (props) {
   return !!props.disabled && css(["pointer-events:none;opacity:0.4;"]);
 }, Message, function (props) {
-  return props.theme.palette[COLORS_TEXT[props.type]];
+  return props.theme.palette['grey-600'];
 });
 export var EmphasisWrapper = styled.span.withConfig({
   displayName: "IconAlertstyles__EmphasisWrapper",

package/dist/InlineAlert/InlineAlert.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import { InlineAlertProps } from './InlineAlert.types';
-declare const InlineAlert: React.FC<InlineAlertProps>;
+declare const InlineAlert: ({ type, message }: InlineAlertProps) => React.JSX.Element;
 export default InlineAlert;

package/dist/InlineAlert/InlineAlert.js

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import Icon, { Check3M, WarningFillM, InfoM } from '@synerise/ds-icon';
+import React, { useMemo } from 'react';
+import Icon, { Check3M, WarningFillM, InfoFillM } from '@synerise/ds-icon';
 import * as S from './InlineAlert.styles';
 var ICONS = {
   success: /*#__PURE__*/React.createElement(Check3M, null),
   alert: /*#__PURE__*/React.createElement(WarningFillM, null),
   warning: /*#__PURE__*/React.createElement(WarningFillM, null),
-  info: /*#__PURE__*/React.createElement(InfoM, null)
+  info: /*#__PURE__*/React.createElement(InfoFillM, null)
 };
 
 var InlineAlert = function InlineAlert(_ref) {
   var _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'warning' : _ref$type,
       message = _ref.message;
-  var icon = React.useMemo(function () {
+  var icon = useMemo(function () {
     return ICONS[type];
   }, [type]);
   return /*#__PURE__*/React.createElement(S.InlineAlertWrapper, {

package/dist/InlineAlert/InlineAlert.styles.js

@@ -17,5 +17,5 @@ export var InlineAlertWrapper = styled.span.withConfig({
 }, function (props) {
   return props.theme.palette[COLORS[props.type]];
 }, Message, function (props) {
-  return props.theme.palette[COLORS[props.type]];
+  return props.theme.palette['grey-600'];
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-alert",
-  "version": "0.8.22",
+  "version": "0.8.23",
   "description": "Alert UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -33,9 +33,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.4",
-    "@synerise/ds-icon": "^0.64.1",
-    "@synerise/ds-unordered-list": "^0.2.93",
+    "@synerise/ds-button": "^0.21.5",
+    "@synerise/ds-icon": "^0.65.0",
+    "@synerise/ds-unordered-list": "^0.2.94",
     "animate.css": "^4.1.1",
     "react-animate-height": "^2.0.23",
     "react-dom": "16.13.0",
@@ -47,5 +47,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "14a9cfb86e5d548d5511ed7cdb23088dcb8b9a2d"
+  "gitHead": "2e6de17b64023536c24be8fcb67b1e53e8bffa3d"
 }