@synerise/ds-card-tabs 0.9.5 → 0.9.6

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.9.6](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.9.5...@synerise/ds-card-tabs@0.9.6) (2021-12-20)
+
+
+### Bug Fixes
+
+* **card-tabs:** fix tag visiblity on hover when cards are not draggable ([fdd85dc](https://github.com/Synerise/synerise-design/commit/fdd85dc464fdd819cf8bd0f0ee33f59ee84e2852))
+* **card-tabs:** sets draggable prop of CardTab based on onChangeOrder ([88c5c3f](https://github.com/Synerise/synerise-design/commit/88c5c3f08e3ae5289bd33599820aed65f78164c7))
+
+
+
+
+
 ## [0.9.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.9.4...@synerise/ds-card-tabs@0.9.5) (2021-12-01)
 
 **Note:** Version bump only for package @synerise/ds-card-tabs

package/dist/CardTab/CardTab.js

@@ -97,6 +97,7 @@ var CardTab = function CardTab(_ref) {
     invalid: Boolean(invalid),
     invalidName: Boolean(invalidName) && !invalid,
     disabled: !active && Boolean(disabled),
+    draggable: draggable,
     color: color,
     onClick: handleSelect,
     onMouseDown: function onMouseDown() {

package/dist/CardTab/CardTab.styles.js

@@ -78,7 +78,7 @@ export var CardIconPrefix = styled.div.withConfig({
 export var CardTabContainer = styled.div.withConfig({
   displayName: "CardTabstyles__CardTabContainer",
   componentId: "sc-1n86s98-10"
-})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:180px;height:48px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:1px;border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:none;}", "{svg{color:", ";fill:", ";}}", "{display:flex;svg{color:", ";fill:", " !important;}}", "{display:none;}", "{display:none;svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}}}&.pressed{background-color:", ";}", "{color:", ";opacity:", ";}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}opacity:", ";}", "{opacity:", ";.ds-card-tabs__handle-icon{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", "{opacity:", ";}}"], function (_ref7) {
+})(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:180px;height:48px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:1px;border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:", ";}", "{svg{color:", ";fill:", ";}}", "{display:flex;svg{color:", ";fill:", " !important;}}", "{display:none;}", "{display:none;svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}}}&.pressed{background-color:", ";}", "{color:", ";opacity:", ";}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", ";}opacity:", ";}", "{opacity:", ";.ds-card-tabs__handle-icon{svg{color:", ";fill:", ";}}svg{color:", ";fill:", ";}", "{opacity:", ";}}"], function (_ref7) {
   var theme = _ref7.theme,
       active = _ref7.active,
       invalid = _ref7.invalid,
@@ -166,6 +166,8 @@ export var CardTabContainer = styled.div.withConfig({
 }, function (_ref24) {
   var theme = _ref24.theme;
   return theme.palette.white;
+}, function (props) {
+  return props.draggable ? 'none' : 'flex';
 }, CardTabPrefix, function (_ref25) {
   var theme = _ref25.theme;
   return theme.palette['grey-600'];

package/dist/CardTabs.js

@@ -34,10 +34,10 @@ var CardTabs = function CardTabs(_ref) {
 
   var renderChildren = function renderChildren() {
     return React.Children.map(children, function (child, i) {
-      var colorTabs = React.cloneElement(child, {
-        color: COLORS_TABS[i % COLORS_TABS.length]
+      return React.cloneElement(child, {
+        color: COLORS_TABS[i % COLORS_TABS.length],
+        draggable: Boolean(onChangeOrder) || child.props.draggable
       });
-      return colorTabs;
     });
   };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@synerise/ds-button": "^0.16.2",
     "@synerise/ds-cruds": "^0.3.2",
-    "@synerise/ds-inline-edit": "^0.5.5",
+    "@synerise/ds-inline-edit": "^0.5.6",
     "@synerise/ds-typography": "^0.12.2",
     "react-sortablejs-typescript": "2.0.3",
     "sortablejs": "^1.10.1"
@@ -47,5 +47,5 @@
   "devDependencies": {
     "@types/lodash": "4.14.149"
   },
-  "gitHead": "bb2277982fe50eba6d21afa9961fcdd3f213f398"
+  "gitHead": "dd78d8abea639d2d77cf841f8b41a1382cf8d827"
 }