linear-react-components-ui 1.1.20-beta.38 → 1.1.20-beta.40

package/lib/assets/styles/wizard.scss

@@ -20,7 +20,6 @@
         margin-bottom: 20px;
         border-bottom: 2px solid $component-border-color;
         gap: 10px;
-        overflow: hidden;
         > .title {
           font-size: 16px;
           font-weight: 600;
@@ -205,6 +204,9 @@
           }
         }
       }
+      .wizard-body {
+        overflow: auto;
+      }
     }
   }
 }

package/lib/dialog/types.d.ts

@@ -81,6 +81,8 @@ interface WizardComponentProps extends Omit<IFormProps, 'content'> {
     title?: string;
     handlerClose?: () => void;
     controls: WizardControls;
+    customStyleForProgressBar?: CSSProperties;
+    customStyleForBody?: CSSProperties;
     progressBarPosition?: 'top' | 'left';
 }
 interface WizardStepComponentProps {

package/lib/dialog/wizard/index.d.ts

@@ -8,6 +8,6 @@ import '../../icons/helper.js';
 
 declare const WizardContext: React__default.Context<WizardControls | null>;
 declare const useWizardContext: () => WizardControls | null;
-declare function Wizard({ children, controls, showProgressbar, progressBarPosition, ...dialogProps }: Readonly<WizardComponentProps>): JSX.Element;
+declare function Wizard({ children, controls, showProgressbar, customStyleForProgressBar, customStyleForBody, progressBarPosition, ...dialogProps }: Readonly<WizardComponentProps>): JSX.Element;
 
 export { Wizard as Container, WizardContext, Wizard as default, useWizardContext };

package/lib/dialog/wizard/index.js

@@ -25,7 +25,7 @@ var _progressbar = require("./progressbar");
 require("../../assets/styles/wizard.scss");
 var _step = require("./step");
 var _useWizard = require("./useWizard");
-const _excluded = ["children", "controls", "showProgressbar", "progressBarPosition"];
+const _excluded = ["children", "controls", "showProgressbar", "customStyleForProgressBar", "customStyleForBody", "progressBarPosition"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -40,6 +40,8 @@ function Wizard(_ref) {
       children,
       controls,
       showProgressbar = true,
+      customStyleForProgressBar,
+      customStyleForBody,
       progressBarPosition = 'top'
     } = _ref,
     dialogProps = _objectWithoutProperties(_ref, _excluded);
@@ -68,9 +70,11 @@ function Wizard(_ref) {
     contentClassName: "wizard-content"
   }, dialogProps), showProgressbar && /*#__PURE__*/_react.default.createElement(_progressbar.Progressbar, {
     stepsTitle: stepsTitle,
+    customStyle: customStyleForProgressBar,
     position: progressBarPosition
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "wizard-body"
+    className: "wizard-body",
+    style: customStyleForBody
   }, currentStepElement)));
 }
 var _default = exports.default = Wizard;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.38",
+  "version": "1.1.20-beta.40",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",