@synerise/ds-stepper 0.3.34 → 0.3.35

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.3.35](https://github.com/Synerise/synerise-design/compare/@synerise/ds-stepper@0.3.34...@synerise/ds-stepper@0.3.35) (2023-09-05)
+
+
+### Bug Fixes
+
+* **stepper:** removes hover styles if no onclick prop ([edb9dd0](https://github.com/Synerise/synerise-design/commit/edb9dd0139bed7247d4051b87185bda095773d5f))
+
+
+
+
+
 ## [0.3.34](https://github.com/Synerise/synerise-design/compare/@synerise/ds-stepper@0.3.33...@synerise/ds-stepper@0.3.34) (2023-08-30)
 
 **Note:** Version bump only for package @synerise/ds-stepper

package/dist/Step/Step.js

@@ -46,10 +46,10 @@ var Step = function Step(_ref) {
     validated: Boolean(validated),
     hasChildren: Boolean(children),
     size: size,
-    orientation: orientation
-  }, /*#__PURE__*/React.createElement(S.StepWrapper, {
-    onClick: handleClick,
+    orientation: orientation,
     clickable: Boolean(onClick)
+  }, /*#__PURE__*/React.createElement(S.StepWrapper, {
+    onClick: handleClick
   }, /*#__PURE__*/React.createElement(Tooltip, {
     trigger: ['hover'],
     title: label

package/dist/Step/Step.styles.d.ts

@@ -5,9 +5,7 @@ export declare const StepPrefix: import("styled-components").StyledComponent<"di
 export declare const StepNumber: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StepName: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const StepLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StepWrapper: import("styled-components").StyledComponent<"div", any, {
-    clickable: boolean;
-}, never>;
+export declare const StepWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Step: import("styled-components").StyledComponent<"div", any, {
     active: boolean;
@@ -18,4 +16,5 @@ export declare const Step: import("styled-components").StyledComponent<"div", an
     hasChildren: boolean;
     size: StepperSize;
     orientation: StepperOrientation;
+    clickable: boolean;
 }, never>;

package/dist/Step/Step.styles.js

@@ -27,9 +27,7 @@ export var StepLabel = styled.span.withConfig({
 export var StepWrapper = styled.div.withConfig({
   displayName: "Stepstyles__StepWrapper",
   componentId: "sc-1sayddf-4"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;cursor:", ";"], function (props) {
-  return props.clickable ? 'pointer' : 'default';
-});
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;"]);
 export var StepContent = styled.div.withConfig({
   displayName: "Stepstyles__StepContent",
   componentId: "sc-1sayddf-5"
@@ -39,7 +37,7 @@ export var StepContent = styled.div.withConfig({
 export var Step = styled.div.withConfig({
   displayName: "Stepstyles__Step",
   componentId: "sc-1sayddf-6"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;", ";", ";", ";", ";&:last-of-type{", "{border-left:0;}}"], function (props) {
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;", ";", ";", ";", ";&:last-of-type{", "{border-left:0;}}", "{cursor:", ";}"], function (props) {
   if (props.wasActive) {
     return css(["", "{transition-delay:0s;}"], StepName);
   }
@@ -67,5 +65,7 @@ export var Step = styled.div.withConfig({
   if (props.warning) return css(["", "{border-color:", ";}", "", ",", "", "{color:", ";font-weight:400;}"], StepPrefix, props.theme.palette['yellow-600'], StepNumber, StepNumber, StepLabel, StepLabel, props.theme.palette['yellow-600']);
   if (props.done) return css(["", "{border-color:", ";}", ",", "{color:", ";font-weight:400;}"], StepPrefix, props.theme.palette['green-600'], StepNumber, StepLabel, props.theme.palette['green-600']);
   if (props.active) return css(["", "{border-color:", ";}", "{color:", ";font-weight:500;}", "{&::before{border-color:", ";color:", ";visibility:visible;}", "{visibility:hidden;}}"], StepPrefix, props.theme.palette['grey-700'], StepNumber, props.theme.palette['grey-700'], StepName, props.theme.palette['grey-700'], props.theme.palette['grey-700'], StepLabel);
-  return css(["&:hover{", "{border-color:", ";}", ",", "{color:", ";font-weight:400;}}"], StepPrefix, props.theme.palette['grey-700'], StepNumber, StepLabel, props.theme.palette['grey-700']);
-}, StepContent);
+  return props.clickable && css(["&:hover{", "{border-color:", ";}", ",", "{color:", ";font-weight:400;}}"], StepPrefix, props.theme.palette['grey-700'], StepNumber, StepLabel, props.theme.palette['grey-700']);
+}, StepContent, StepWrapper, function (props) {
+  return props.clickable ? 'pointer' : 'default';
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-stepper",
-  "version": "0.3.34",
+  "version": "0.3.35",
   "description": "Stepper UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,14 +32,19 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-icon": "^0.58.0",
-    "@synerise/ds-tooltip": "^0.14.2",
-    "@synerise/ds-utils": "^0.24.14",
+    "@synerise/ds-icon": "^0.58.1",
+    "@synerise/ds-tooltip": "^0.14.3",
+    "@synerise/ds-utils": "^0.24.15",
     "react-animate-height": "^2.0.23"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
-    "react": ">=16.9.0 < 17.0.0"
+    "react": ">=16.9.0 < 17.0.0",
+    "styled-components": "5.0.1"
   },
-  "gitHead": "291e114ff38d1a8e9d5ad8d9e499add6c6f25ee5"
+  "devDependencies": {
+    "@testing-library/jest-dom": "5.1.1",
+    "@testing-library/user-event": "^10.3.1"
+  },
+  "gitHead": "a2b1a3a78d87edfdbe97ae2f66573f4736f30e8b"
 }