@synerise/ds-action-area 0.5.19 → 0.5.20

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.5.20](https://github.com/Synerise/synerise-design/compare/@synerise/ds-action-area@0.5.19...@synerise/ds-action-area@0.5.20) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-action-area
+
+
+
+
+
 ## [0.5.19](https://github.com/Synerise/synerise-design/compare/@synerise/ds-action-area@0.5.18...@synerise/ds-action-area@0.5.19) (2024-11-21)
 
 **Note:** Version bump only for package @synerise/ds-action-area

package/dist/ActionArea.js

@@ -1,25 +1,21 @@
 var _excluded = ["label", "description", "isFullWidth", "isError", "errorText", "className", "style"];
-
 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 React from 'react';
 import classnames from 'classnames';
 import { Title, Description } from '@synerise/ds-typography';
 import * as S from './ActionArea.styles';
 import { renderAction } from './ActionArea.utils';
-
 var ActionArea = function ActionArea(_ref) {
   var label = _ref.label,
-      description = _ref.description,
-      _ref$isFullWidth = _ref.isFullWidth,
-      isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
-      _ref$isError = _ref.isError,
-      isError = _ref$isError === void 0 ? false : _ref$isError,
-      errorText = _ref.errorText,
-      className = _ref.className,
-      style = _ref.style,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    description = _ref.description,
+    _ref$isFullWidth = _ref.isFullWidth,
+    isFullWidth = _ref$isFullWidth === void 0 ? false : _ref$isFullWidth,
+    _ref$isError = _ref.isError,
+    isError = _ref$isError === void 0 ? false : _ref$isError,
+    errorText = _ref.errorText,
+    className = _ref.className,
+    style = _ref.style,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var isErrorText = isError && Boolean(errorText);
   var actionContent = renderAction(rest);
   return /*#__PURE__*/React.createElement(S.ActionAreaWrapper, {
@@ -33,7 +29,6 @@ var ActionArea = function ActionArea(_ref) {
     level: 6
   }, label), /*#__PURE__*/React.createElement(Description, null, description), /*#__PURE__*/React.createElement(S.ActionAreaAction, null, actionContent)), isErrorText && /*#__PURE__*/React.createElement(S.ErrorText, null, errorText));
 };
-
 ActionArea.ActionAreaWrapper = S.ActionAreaWrapper;
 ActionArea.ActionAreaContent = S.ActionAreaContent;
 ActionArea.ErrorText = S.ErrorText;

package/dist/ActionArea.styles.js

@@ -12,14 +12,14 @@ export var ActionAreaContent = styled.div.withConfig({
   componentId: "sc-10ey0kr-1"
 })(["width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 24px;border-radius:3px;background-color:", ";border:1px dashed ", ";", " .ds-title{margin-bottom:8px;text-align:center;word-break:break-word;}", "{margin-bottom:16px;text-align:center;word-break:break-word;}"], function (_ref2) {
   var isError = _ref2.isError,
-      theme = _ref2.theme;
+    theme = _ref2.theme;
   return isError ? theme.palette['red-050'] : 'none';
 }, function (_ref3) {
   var theme = _ref3.theme;
   return theme.palette['grey-300'];
 }, function (_ref4) {
   var isError = _ref4.isError,
-      theme = _ref4.theme;
+    theme = _ref4.theme;
   return isError && "border-color: " + theme.palette['red-600'] + ";";
 }, Description);
 export var ActionAreaAction = styled.div.withConfig({

package/dist/ActionArea.utils.js

@@ -1,21 +1,17 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 React from 'react';
 import Button from '@synerise/ds-button';
-
 var isCustomActionArea = function isCustomActionArea(props) {
   return 'customAction' in props;
 };
-
 export var renderAction = function renderAction(props) {
   if (isCustomActionArea(props)) {
     var customAction = props.customAction;
     return customAction;
   }
-
   var action = props.action,
-      actionLabel = props.actionLabel,
-      buttonProps = props.buttonProps;
+    actionLabel = props.actionLabel,
+    buttonProps = props.buttonProps;
   return /*#__PURE__*/React.createElement(Button, _extends({
     type: "primary",
     onClick: action

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-action-area",
-  "version": "0.5.19",
+  "version": "0.5.20",
   "description": "ActionArea UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,8 +34,8 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.19",
-    "@synerise/ds-typography": "^0.16.6",
+    "@synerise/ds-button": "^0.21.20",
+    "@synerise/ds-typography": "^0.16.7",
     "@synerise/ds-utils": "^0.31.2",
     "classnames": "2.3.2"
   },
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }