@synerise/ds-confirmation 1.1.37 → 1.2.0

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.1.38...@synerise/ds-confirmation@1.2.0) (2026-02-02)
+
+### Features
+
+- **panel:** new component ([a9d4ff8](https://github.com/Synerise/synerise-design/commit/a9d4ff8f766e2a7b6b6fe34068d7231584eb3056))
+
+## [1.1.38](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.1.37...@synerise/ds-confirmation@1.1.38) (2026-01-29)
+
+**Note:** Version bump only for package @synerise/ds-confirmation
+
 ## [1.1.37](https://github.com/Synerise/synerise-design/compare/@synerise/ds-confirmation@1.1.36...@synerise/ds-confirmation@1.1.37) (2026-01-22)
 
 **Note:** Version bump only for package @synerise/ds-confirmation

package/dist/Confirmation.styles.d.ts

@@ -8,6 +8,6 @@ export declare const Footer: import("styled-components").StyledComponent<"div",
 export declare const ConfirmationExtra: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ConfirmationExtraTitle: import("styled-components").StyledComponent<({ level, withoutMargin, children, className, ellipsis, ...antdProps }: import("@synerise/ds-typography/dist/Title.types").Props) => React.JSX.Element, any, {}, never>;
 export declare const BatchItemsList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<(import("@synerise/ds-scrollbar").ScrollbarProps | import("@synerise/ds-scrollbar").VirtualScrollbarProps) & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export declare const AdditionalInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DecisionOptions: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const AdditionalInfo: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-panel").PanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DecisionOptions: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("@synerise/ds-panel").PanelProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
 export declare const ModalBackTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/Confirmation.styles.js

@@ -1,10 +1,8 @@
 import styled, { css } from 'styled-components';
+import Panel from '@synerise/ds-panel';
 import { AdditionalData, RadioWrapper } from '@synerise/ds-radio/dist/Radio.styles';
 import Scrollbar from '@synerise/ds-scrollbar';
 import { Title as TypographyTitle } from '@synerise/ds-typography';
-var roundedWrapperCSS = css(["border:solid ", " 1px;border-radius:8px;padding:8px;"], function (props) {
-  return props.theme.palette['grey-200'];
-});
 var sectionTitleCSS = css(["margin-bottom:8px;"]);
 var modalContentCSS = css(["padding:36px 48px 48px;"]);
 export var ConfirmationModalContent = styled.div.withConfig({
@@ -46,15 +44,15 @@ export var ConfirmationExtraTitle = styled(TypographyTitle).withConfig({
 export var BatchItemsList = styled(Scrollbar).withConfig({
   displayName: "Confirmationstyles__BatchItemsList",
   componentId: "sc-17izghl-9"
-})(["", ""], roundedWrapperCSS);
-export var AdditionalInfo = styled.div.withConfig({
+})([""]);
+export var AdditionalInfo = styled(Panel).withConfig({
   displayName: "Confirmationstyles__AdditionalInfo",
   componentId: "sc-17izghl-10"
-})(["", " padding:8px 18px;"], roundedWrapperCSS);
-export var DecisionOptions = styled.div.withConfig({
+})(["padding:8px 18px;"]);
+export var DecisionOptions = styled(Panel).withConfig({
   displayName: "Confirmationstyles__DecisionOptions",
   componentId: "sc-17izghl-11"
-})(["", "{padding:7px 0;margin-bottom:0;}", ":empty{display:none;}", " padding:8px 18px;"], RadioWrapper, AdditionalData, roundedWrapperCSS);
+})(["", "{padding:7px 0;margin-bottom:0;}", ":empty{display:none;}padding:8px 18px;"], RadioWrapper, AdditionalData);
 export var ModalBackTitle = styled.div.withConfig({
   displayName: "Confirmationstyles__ModalBackTitle",
   componentId: "sc-17izghl-12"

package/dist/components/BatchItemsList.js

@@ -1,6 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import ListItem from '@synerise/ds-list-item';
+import Panel from '@synerise/ds-panel';
 import { ITEM_SIZE, MAX_ITEMS } from '../Confirmation.const';
 import * as S from '../Confirmation.styles';
 export var BatchItemsList = function BatchItemsList(_ref) {
@@ -8,12 +9,12 @@ export var BatchItemsList = function BatchItemsList(_ref) {
     title = _ref.title;
   return /*#__PURE__*/React.createElement(S.ConfirmationExtra, null, /*#__PURE__*/React.createElement(S.ConfirmationExtraTitle, {
     level: 6
-  }, title), /*#__PURE__*/React.createElement(S.BatchItemsList, {
+  }, title), /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(S.BatchItemsList, {
     maxHeight: ITEM_SIZE * MAX_ITEMS,
     absolute: true
   }, items.map(function (item) {
     return /*#__PURE__*/React.createElement(ListItem, _extends({
       key: item.id
     }, item));
-  })));
+  }))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-confirmation",
-  "version": "1.1.37",
+  "version": "1.2.0",
   "description": "Confirmation UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -16,15 +16,15 @@
     "access": "public"
   },
   "scripts": {
-    "build": "npm run build:js && npm run build:css && npm run defs",
+    "build": "pnpm run build:js && pnpm run build:css && pnpm run defs",
     "build:css": "node ../../../scripts/style/less.js",
     "build:js": "babel --delete-dir-on-start --root-mode upward src --out-dir dist --extensions '.js,.ts,.tsx'",
-    "build:watch": "npm run build:js -- --watch",
+    "build:watch": "pnpm run build:js -- --watch",
     "defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
     "pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
-    "prepublish": "npm run build",
+    "prepublish": "pnpm run build",
     "test": "jest",
-    "test:watch": "npm run test -- --watchAll",
+    "test:watch": "pnpm run test -- --watchAll",
     "types": "tsc --noEmit",
     "check:circular-dependencies": "madge --circular --extensions ts,tsx,js,jsx --ts-config tsconfig.json src/ --exclude '/dist/'",
     "upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
@@ -35,14 +35,15 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^1.5.5",
-    "@synerise/ds-icon": "^1.10.0",
-    "@synerise/ds-list-item": "^1.3.2",
-    "@synerise/ds-modal": "^1.2.23",
-    "@synerise/ds-radio": "^1.0.33",
-    "@synerise/ds-scrollbar": "^1.2.5",
-    "@synerise/ds-typography": "^1.1.0",
-    "@synerise/ds-utils": "^1.5.3"
+    "@synerise/ds-button": "^1.5.7",
+    "@synerise/ds-icon": "^1.11.0",
+    "@synerise/ds-list-item": "^1.3.4",
+    "@synerise/ds-modal": "^1.3.0",
+    "@synerise/ds-panel": "^1.1.0",
+    "@synerise/ds-radio": "^1.0.35",
+    "@synerise/ds-scrollbar": "^1.2.7",
+    "@synerise/ds-typography": "^1.1.2",
+    "@synerise/ds-utils": "^1.5.4"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -50,5 +51,5 @@
     "react-intl": "^6.8.7",
     "styled-components": "^5.3.3"
   },
-  "gitHead": "13055ac4f0b05cc3eb06021d51c93c8d32328053"
+  "gitHead": "6a3a82f8bc80e10eeb818795035e05393550e82e"
 }