@synerise/ds-action-area 0.2.29 → 0.3.1

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.3.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-action-area@0.3.0...@synerise/ds-action-area@0.3.1) (2023-09-26)
+
+**Note:** Version bump only for package @synerise/ds-action-area
+
+
+
+
+
+# [0.3.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-action-area@0.2.29...@synerise/ds-action-area@0.3.0) (2023-09-08)
+
+
+### Features
+
+* **action-area:** extended button with props ([09e31f6](https://github.com/Synerise/synerise-design/commit/09e31f6bf443301f9b39578f3f314fea43c9cffe))
+
+
+
+
+
 ## [0.2.29](https://github.com/Synerise/synerise-design/compare/@synerise/ds-action-area@0.2.28...@synerise/ds-action-area@0.2.29) (2023-09-05)
 
 **Note:** Version bump only for package @synerise/ds-action-area

package/README.md

@@ -29,7 +29,8 @@ import ActionArea from '@synerise/ds-action-area'
 | Property    | Description                                      | Type                        | Default |
 | ---         | ---                                              | ---                         | ---     |
 | action      | Function called when user clicks on ActionButton | `Function`                  | -       |
-| actionLabel | Label of action button                           | `string`/ `React.ReactNode` | -       |
-| description | Description of ActionArea                        | `string`/ `React.ReactNode` | -       |
-| label       | Label of ActionArea                              | `string`/ `React.ReactNode` | -       |
+| actionLabel | Label of action button                           | `React.ReactNode`           | -       |
+| description | Description of ActionArea                        | `React.ReactNode`           | -       |
+| label       | Label of ActionArea                              | `React.ReactNode`           | -       |
+| buttonProps | optional additional button props                 | see ds-button               | -       |
 

package/dist/ActionArea.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { ActionAreaProps } from './ActionArea.types';
-declare const ActionArea: React.FC<ActionAreaProps>;
+declare const ActionArea: ({ label, description, action, actionLabel, buttonProps }: ActionAreaProps) => JSX.Element;
 export default ActionArea;

package/dist/ActionArea.js

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import * as React from 'react';
 import Button from '@synerise/ds-button';
 import { Title, Description } from '@synerise/ds-typography';
@@ -7,15 +9,16 @@ var ActionArea = function ActionArea(_ref) {
   var label = _ref.label,
       description = _ref.description,
       action = _ref.action,
-      actionLabel = _ref.actionLabel;
+      actionLabel = _ref.actionLabel,
+      buttonProps = _ref.buttonProps;
   return /*#__PURE__*/React.createElement(S.ActionAreaWrapper, {
     className: "ds-action-area"
   }, label && /*#__PURE__*/React.createElement(Title, {
     level: 6
-  }, label), /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Button, {
+  }, label), /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(Button, _extends({
     type: "primary",
     onClick: action
-  }, actionLabel));
+  }, buttonProps), actionLabel));
 };
 
 export default ActionArea;

package/dist/ActionArea.types.d.ts

@@ -1,7 +1,9 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
+import { ButtonProps } from '@synerise/ds-button';
 export declare type ActionAreaProps = {
-    label?: string | React.ReactNode;
-    description: string | React.ReactNode;
+    label?: ReactNode;
+    description: ReactNode;
     action: () => void;
-    actionLabel: string | React.ReactNode;
+    actionLabel: ReactNode;
+    buttonProps?: Partial<ButtonProps>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-action-area",
-  "version": "0.2.29",
+  "version": "0.3.1",
   "description": "ActionArea UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,8 +32,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.18.1",
-    "@synerise/ds-typography": "^0.12.9"
+    "@synerise/ds-button": "^0.18.2",
+    "@synerise/ds-typography": "^0.13.0"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -41,9 +41,9 @@
     "styled-components": "5.0.1"
   },
   "devDependencies": {
-    "@synerise/ds-utils": "^0.24.15",
+    "@synerise/ds-utils": "^0.24.16",
     "@testing-library/jest-dom": "5.1.1",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "a2b1a3a78d87edfdbe97ae2f66573f4736f30e8b"
+  "gitHead": "f1f520c4c5ef9f90bacb5d5e0b2e778ceb8fdf79"
 }