@synerise/ds-confirmation 1.1.18 → 1.1.20

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.
 
+## [1.1.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.1.19...@synerise/ds-confirmation@1.1.20) (2025-09-23)
+
+
+### Bug Fixes
+
+* **confirmation:** apply icon color ([3ad7ced](https://github.com/Synerise/synerise-design/commit/3ad7cedfca3e530939c7ae2767c23f13f7ea5e44))
+
+
+
+
+
+## [1.1.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.1.18...@synerise/ds-confirmation@1.1.19) (2025-09-19)
+
+**Note:** Version bump only for package @synerise/ds-confirmation
+
+
+
+
+
 ## [1.1.18](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.1.17...@synerise/ds-confirmation@1.1.18) (2025-09-16)
 
 **Note:** Version bump only for package @synerise/ds-confirmation

package/dist/Confirmation.const.d.ts

@@ -1,4 +1,5 @@
 import type { ConfirmationType } from './Confirmation.types';
 export declare const BUTTON_COLOR_MAPPING: Record<ConfirmationType, string>;
+export declare const ICON_COLOR_MAPPING: Record<ConfirmationType, string>;
 export declare const ITEM_SIZE = 32;
 export declare const MAX_ITEMS = 6;

package/dist/Confirmation.const.js

@@ -4,5 +4,11 @@ export var BUTTON_COLOR_MAPPING = {
   warning: 'yellow',
   informative: 'blue'
 };
+export var ICON_COLOR_MAPPING = {
+  negative: 'red-600',
+  success: 'green-600',
+  warning: 'yellow-600',
+  informative: 'grey-600'
+};
 export var ITEM_SIZE = 32;
 export var MAX_ITEMS = 6;

package/dist/Confirmation.js

@@ -9,6 +9,7 @@ import Modal from '@synerise/ds-modal';
 import { Paragraph } from '@synerise/ds-typography';
 import { BUTTON_COLOR_MAPPING } from './Confirmation.const';
 import * as S from './Confirmation.styles';
+import { getIconColor } from './Confirmation.utils';
 import { BatchItemsList } from './components/BatchItemsList';
 import { DecisionSection } from './components/DecisionSection';
 import { useDefaultTexts } from './hooks/useDefaultTexts';
@@ -33,7 +34,7 @@ var Confirmation = function Confirmation(_ref) {
   var theme = useTheme();
   var allTexts = useDefaultTexts(texts);
   var buttonColor = BUTTON_COLOR_MAPPING[type];
-  var iconColor = type === 'negative' ? theme.palette['red-600'] : theme.palette['grey-800'];
+  var iconColor = getIconColor(type, theme);
   var modalContent = useMemo(function () {
     if (mode === 'default') {
       return /*#__PURE__*/React.createElement(S.ConfirmationModalContent, null, /*#__PURE__*/React.createElement(S.ConfirmationModalContentMain, null, /*#__PURE__*/React.createElement(Icon, {

package/dist/Confirmation.utils.d.ts

@@ -0,0 +1,3 @@
+import { type ThemePropsVars } from '@synerise/ds-core';
+import { type ConfirmationType } from './Confirmation.types';
+export declare const getIconColor: (type: ConfirmationType, theme: ThemePropsVars) => string;

package/dist/Confirmation.utils.js

@@ -0,0 +1,5 @@
+import { ICON_COLOR_MAPPING } from './Confirmation.const';
+export var getIconColor = function getIconColor(type, theme) {
+  var colorToken = ICON_COLOR_MAPPING[type];
+  return theme.palette[colorToken];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-confirmation",
-  "version": "1.1.18",
+  "version": "1.1.20",
   "description": "Confirmation UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -35,13 +35,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.4.10",
+    "@synerise/ds-button": "^1.4.11",
     "@synerise/ds-icon": "^1.7.2",
-    "@synerise/ds-list-item": "^1.0.20",
-    "@synerise/ds-modal": "^1.2.10",
-    "@synerise/ds-radio": "^1.0.21",
+    "@synerise/ds-list-item": "^1.0.21",
+    "@synerise/ds-modal": "^1.2.11",
+    "@synerise/ds-radio": "^1.0.22",
     "@synerise/ds-scrollbar": "^1.1.8",
-    "@synerise/ds-typography": "^1.0.20",
+    "@synerise/ds-typography": "^1.0.21",
     "@synerise/ds-utils": "^1.4.2"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "react-intl": "^6.8.7",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "5beb6ab5f2d77b9e98e04caab7dff20b8436078b"
+  "gitHead": "4f56489ade5b08524578821d0c51c963002ff48c"
 }