@synerise/ds-stepper 0.4.46 → 0.4.48

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.4.48](https://github.com/Synerise/synerise-design/compare/@synerise/ds-stepper@0.4.47...@synerise/ds-stepper@0.4.48) (2024-11-29)
+
+**Note:** Version bump only for package @synerise/ds-stepper
+
+
+
+
+
+## [0.4.47](https://github.com/Synerise/synerise-design/compare/@synerise/ds-stepper@0.4.46...@synerise/ds-stepper@0.4.47) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-stepper
+
+
+
+
+
 ## [0.4.46](https://github.com/Synerise/synerise-design/compare/@synerise/ds-stepper@0.4.45...@synerise/ds-stepper@0.4.46) (2024-11-21)
 
 **Note:** Version bump only for package @synerise/ds-stepper

package/dist/Step/Step.js

@@ -5,26 +5,23 @@ import { theme } from '@synerise/ds-core';
 import Tooltip from '@synerise/ds-tooltip';
 import * as S from './Step.styles';
 import { ORIENTATIONS } from '../Stepper.types';
-
 var Step = function Step(_ref) {
   var stepNumber = _ref.stepNumber,
-      label = _ref.label,
-      active = _ref.active,
-      done = _ref.done,
-      warning = _ref.warning,
-      validated = _ref.validated,
-      tooltip = _ref.tooltip,
-      onClick = _ref.onClick,
-      children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size,
-      _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? ORIENTATIONS.HORIZONTAL : _ref$orientation;
-
+    label = _ref.label,
+    active = _ref.active,
+    done = _ref.done,
+    warning = _ref.warning,
+    validated = _ref.validated,
+    tooltip = _ref.tooltip,
+    onClick = _ref.onClick,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? ORIENTATIONS.HORIZONTAL : _ref$orientation;
   var _useState = useState(Boolean(active)),
-      wasActive = _useState[0],
-      setWasActive = _useState[1];
-
+    wasActive = _useState[0],
+    setWasActive = _useState[1];
   var handleClick = useCallback(function () {
     onClick && onClick();
   }, [onClick]);
@@ -32,7 +29,6 @@ var Step = function Step(_ref) {
     if (!active && wasActive) {
       setWasActive(false);
     }
-
     if (active) {
       setWasActive(true);
     }
@@ -72,5 +68,4 @@ var Step = function Step(_ref) {
     height: active ? 'auto' : 0
   }, children)));
 };
-
 export default Step;

package/dist/Step/Step.styles.js

@@ -41,23 +41,19 @@ export var Step = styled.div.withConfig({
   if (props.wasActive) {
     return css(["", "{transition-delay:0s;}"], StepName);
   }
-
   if (props.active && !props.wasActive) {
     return css(["", "{transition-delay:0.3s;}"], StepName);
   }
-
   return false;
 }, function (props) {
   if (props.size === 'small' && props.orientation === ORIENTATIONS.HORIZONTAL) {
     return css(["", "{margin-right:0;}", "{max-width:0;opacity:0;}"], StepPrefix, StepName);
   }
-
   return false;
 }, function (props) {
   if (props.active && props.size === 'small' && props.orientation === ORIENTATIONS.HORIZONTAL) {
     return css(["", "{margin-right:8px;}", "{max-width:100px;opacity:1;}"], StepPrefix, StepName);
   }
-
   if (props.active) return css(["", "{padding:", " 0 ", " 20px;}"], StepContent, props.hasChildren ? '16px' : '0', props.hasChildren ? '16px' : '0');
   return false;
 }, function (props) {

package/dist/Stepper.js

@@ -2,14 +2,13 @@ import React from 'react';
 import * as S from './Stepper.styles';
 import { ORIENTATIONS } from './Stepper.types';
 import Step from './Step/Step';
-
 var Stepper = function Stepper(_ref) {
   var _ref$orientation = _ref.orientation,
-      orientation = _ref$orientation === void 0 ? ORIENTATIONS.HORIZONTAL : _ref$orientation,
-      style = _ref.style,
-      children = _ref.children,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'default' : _ref$size;
+    orientation = _ref$orientation === void 0 ? ORIENTATIONS.HORIZONTAL : _ref$orientation,
+    style = _ref.style,
+    children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size;
   return /*#__PURE__*/React.createElement(S.StepperWrapper, {
     className: "ds-stepper",
     orientation: orientation,
@@ -21,6 +20,5 @@ var Stepper = function Stepper(_ref) {
     }) : Child, orientation === ORIENTATIONS.HORIZONTAL && index < children.length - 1 && /*#__PURE__*/React.createElement(S.StepDivider, null));
   }));
 };
-
 Stepper.Step = Step;
 export default Stepper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-stepper",
-  "version": "0.4.46",
+  "version": "0.4.48",
   "description": "Stepper 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-icon": "^0.67.0",
-    "@synerise/ds-tooltip": "^0.14.49",
+    "@synerise/ds-icon": "^0.68.0",
+    "@synerise/ds-tooltip": "^0.14.51",
     "@synerise/ds-utils": "^0.31.2",
     "react-animate-height": "^2.0.23"
   },
@@ -44,5 +44,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "9ebd107163650754a5f55680d62d30812d740084"
 }