@synerise/ds-card-tabs 0.17.2 → 0.17.4

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.17.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.17.3...@synerise/ds-card-tabs@0.17.4) (2024-11-29)
+
+**Note:** Version bump only for package @synerise/ds-card-tabs
+
+
+
+
+
+## [0.17.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.17.2...@synerise/ds-card-tabs@0.17.3) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-card-tabs
+
+
+
+
+
 ## [0.17.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card-tabs@0.17.1...@synerise/ds-card-tabs@0.17.2) (2024-11-21)
 
 

package/dist/CardTab/CardTab.js

@@ -1,13 +1,8 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { useState, useMemo, useCallback } from 'react';
 import Icon from '@synerise/ds-icon';
 import InlineEdit from '@synerise/ds-inline-edit/dist/InlineEdit';
@@ -17,42 +12,38 @@ import * as S from './CardTab.styles';
 import CardTabPrefix from './CardTabPrefix/CardTabPrefix';
 import CardTabActions from './CardTabActions/CardTabActions';
 import CardTabDropdown from './CardTabDropdown/CardTabDropdown';
-
 var CardTab = function CardTab(props) {
   var intl = props.intl,
-      id = props.id,
-      name = props.name,
-      tag = props.tag,
-      prefix = props.prefix,
-      prefixIcon = props.prefixIcon,
-      suffixIcon = props.suffixIcon,
-      renderSuffix = props.renderSuffix,
-      active = props.active,
-      draggable = props.draggable,
-      disabled = props.disabled,
-      invalid = props.invalid,
-      invalidName = props.invalidName,
-      greyBackground = props.greyBackground,
-      onChangeName = props.onChangeName,
-      onSelectTab = props.onSelectTab,
-      onDuplicateTab = props.onDuplicateTab,
-      onRemoveTab = props.onRemoveTab,
-      onPreviewTab = props.onPreviewTab,
-      texts = props.texts,
-      _props$color = props.color,
-      color = _props$color === void 0 ? 'yellow' : _props$color,
-      colorDot = props.colorDot,
-      itemData = props.itemData,
-      actionsAsDropdown = props.actionsAsDropdown;
-
+    id = props.id,
+    name = props.name,
+    tag = props.tag,
+    prefix = props.prefix,
+    prefixIcon = props.prefixIcon,
+    suffixIcon = props.suffixIcon,
+    renderSuffix = props.renderSuffix,
+    active = props.active,
+    draggable = props.draggable,
+    disabled = props.disabled,
+    invalid = props.invalid,
+    invalidName = props.invalidName,
+    greyBackground = props.greyBackground,
+    onChangeName = props.onChangeName,
+    onSelectTab = props.onSelectTab,
+    onDuplicateTab = props.onDuplicateTab,
+    onRemoveTab = props.onRemoveTab,
+    onPreviewTab = props.onPreviewTab,
+    texts = props.texts,
+    _props$color = props.color,
+    color = _props$color === void 0 ? 'yellow' : _props$color,
+    colorDot = props.colorDot,
+    itemData = props.itemData,
+    actionsAsDropdown = props.actionsAsDropdown;
   var _useState = useState(false),
-      edited = _useState[0],
-      setEdited = _useState[1];
-
+    edited = _useState[0],
+    setEdited = _useState[1];
   var _useState2 = useState(name),
-      editedName = _useState2[0],
-      setEditedName = _useState2[1];
-
+    editedName = _useState2[0],
+    setEditedName = _useState2[1];
   var getTexts = useMemo(function () {
     return _objectSpread({
       changeNameTooltip: intl.formatMessage({
@@ -85,7 +76,6 @@ var CardTab = function CardTab(props) {
     if (onChangeName === undefined) {
       return undefined;
     }
-
     return function (event) {
       !!event && event.stopPropagation();
       setEdited(true);
@@ -95,7 +85,6 @@ var CardTab = function CardTab(props) {
     if (onChangeName === undefined) {
       return undefined;
     }
-
     return function (event) {
       if (event) {
         var nameValue = event.target.value;
@@ -112,7 +101,6 @@ var CardTab = function CardTab(props) {
     if (onDuplicateTab === undefined) {
       return undefined;
     }
-
     return function (event) {
       event && event.stopPropagation();
       onDuplicateTab && onDuplicateTab(id);
@@ -122,17 +110,14 @@ var CardTab = function CardTab(props) {
     if (onRemoveTab === undefined) {
       return undefined;
     }
-
     return function (event) {
       event && event.stopPropagation();
       onRemoveTab && onRemoveTab(id);
     };
   }, [id, onRemoveTab]);
-
   var handlePreview = onPreviewTab && function () {
     return onPreviewTab(id);
   };
-
   var handleSelect = useCallback(function (event) {
     !!event && event.stopPropagation();
     !edited && onSelectTab && onSelectTab(id);
@@ -140,17 +125,14 @@ var CardTab = function CardTab(props) {
   var showCardActions = useCallback(function () {
     return (!!onChangeName || !!onDuplicateTab || !!onRemoveTab || !!onPreviewTab) && !suffixIcon && !renderSuffix;
   }, [onChangeName, onDuplicateTab, onRemoveTab, onPreviewTab, suffixIcon, renderSuffix]);
-
   var suffixProps = _objectSpread({}, props, {
     handleRemove: handleRemove,
     handleDuplicate: handleDuplicate,
     handleEditName: handleEditName,
     texts: getTexts
   });
-
   var cardSuffix = function () {
     var showActionsDropdownMenu = actionsAsDropdown && (onChangeName || handleDuplicate || handleRemove);
-
     if (showActionsDropdownMenu) {
       return /*#__PURE__*/React.createElement(CardTabDropdown, {
         editNameHandler: onChangeName ? handleEditName : undefined,
@@ -159,18 +141,15 @@ var CardTab = function CardTab(props) {
         texts: getTexts
       });
     }
-
     if (renderSuffix) {
       return renderSuffix(suffixProps);
     }
-
     if (suffixIcon) {
       return /*#__PURE__*/React.createElement(S.CardSuffixWrapper, null, /*#__PURE__*/React.createElement(Icon, {
         className: "ds-card-tabs__suffix-icon",
         component: suffixIcon
       }));
     }
-
     if (showCardActions()) {
       return /*#__PURE__*/React.createElement(CardTabActions, {
         onChangeName: onChangeName ? handleEditName : undefined,
@@ -180,10 +159,8 @@ var CardTab = function CardTab(props) {
         texts: getTexts
       });
     }
-
     return /*#__PURE__*/React.createElement(React.Fragment, null);
   }();
-
   return /*#__PURE__*/React.createElement(S.CardTabContainer, {
     edited: edited,
     active: Boolean(active),
@@ -225,5 +202,4 @@ var CardTab = function CardTab(props) {
     "data-testid": "card-tab-name"
   }, name))), cardSuffix);
 };
-
 export default injectIntl(CardTab);

package/dist/CardTab/CardTab.styles.js

@@ -61,10 +61,10 @@ export var CardTabContainer = styled.div.withConfig({
   componentId: "sc-1n86s98-10"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;padding:12px;width:168px;@media (max-width:588px){max-width:145px;}height:48px;user-select:none;background-color:", ";box-shadow:", ";border-radius:3px;border-width:", ";border-color:", ";border-style:solid;pointer-events:", ";", "{background-color:", ";color:", ";}", "{background-color:", ";}", "{height:", ";width:", ";border-width:", ";border-color:", ";border-style:solid;}", "{svg{color:", ";fill:", " !important;}}", "{svg{color:", " !important;fill:", " !important;}.remove{svg{color:", " !important;fill:", " !important;}}}&:hover{cursor:pointer;box-shadow:", ";background-color:", ";", "{display:", ";}", "{display:", ";}", "{color:", ";}", "{background-color:", ";color:", ";display:", ";}", "{svg{color:", ";fill:", ";}}", "{display:", ";svg{color:", ";fill:", " !important;}}", "{display:", ";}", "{display:", ";svg{color:", ";fill:", ";}}.ds-card-tabs__suffix-icon{svg{color:", ";fill:", " !important;}}}&:active{background-color:", ";}", "{input{color:", ";padding:0 !important;background-image:linear-gradient( to right,", " 0%,", " 33%,rgba(255,255,255,0) 34%,rgba(255,255,255,0) 100% ) !important;}}", "{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 (_ref3) {
   var theme = _ref3.theme,
-      active = _ref3.active,
-      invalid = _ref3.invalid,
-      color = _ref3.color,
-      greyBackground = _ref3.greyBackground;
+    active = _ref3.active,
+    invalid = _ref3.invalid,
+    color = _ref3.color,
+    greyBackground = _ref3.greyBackground;
   if (invalid && active) return theme.palette['red-600'];
   if (active) return theme.palette["" + color];
   if (greyBackground) return theme.palette.white;
@@ -77,9 +77,9 @@ export var CardTabContainer = styled.div.withConfig({
   return greyBackground ? '0' : '1px';
 }, function (_ref6) {
   var theme = _ref6.theme,
-      active = _ref6.active,
-      invalid = _ref6.invalid,
-      color = _ref6.color;
+    active = _ref6.active,
+    invalid = _ref6.invalid,
+    color = _ref6.color;
   if (invalid) return theme.palette['red-600'];
   return getColor(active, theme.palette["" + color], theme.palette['grey-300']);
 }, function (_ref7) {
@@ -87,73 +87,73 @@ export var CardTabContainer = styled.div.withConfig({
   return disabled ? 'none' : 'all';
 }, CardTabTag, function (_ref8) {
   var theme = _ref8.theme,
-      active = _ref8.active,
-      color = _ref8.color;
+    active = _ref8.active,
+    color = _ref8.color;
   return getColor(active, theme.palette.white, theme.palette["" + color]);
 }, function (_ref9) {
   var theme = _ref9.theme,
-      active = _ref9.active,
-      color = _ref9.color;
+    active = _ref9.active,
+    color = _ref9.color;
   return getColor(active, theme.palette["" + color], theme.palette.white);
 }, CardDot, function (_ref10) {
   var theme = _ref10.theme,
-      active = _ref10.active,
-      color = _ref10.color,
-      invalid = _ref10.invalid;
+    active = _ref10.active,
+    color = _ref10.color,
+    invalid = _ref10.invalid;
   if (active && invalid) return theme.palette["" + color];
   return getColor(active, 'transparent', theme.palette["" + color]);
 }, CardDotPrefix, function (_ref11) {
   var active = _ref11.active,
-      edited = _ref11.edited;
+    edited = _ref11.edited;
   return active && !edited ? '12px' : '24px';
 }, function (_ref12) {
   var active = _ref12.active,
-      edited = _ref12.edited;
+    edited = _ref12.edited;
   return active && !edited ? '12px' : '24px';
 }, function (_ref13) {
   var active = _ref13.active,
-      edited = _ref13.edited;
+    edited = _ref13.edited;
   return active && !edited ? '2px' : '0px';
 }, function (_ref14) {
   var theme = _ref14.theme,
-      active = _ref14.active,
-      edited = _ref14.edited;
+    active = _ref14.active,
+    edited = _ref14.edited;
   return active && !edited ? theme.palette.white : 'none';
 }, CardSuffixWrapper, function (_ref15) {
   var theme = _ref15.theme,
-      active = _ref15.active;
+    active = _ref15.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, function (_ref16) {
   var theme = _ref16.theme,
-      active = _ref16.active;
+    active = _ref16.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, CardTabSuffix, function (_ref17) {
   var theme = _ref17.theme,
-      active = _ref17.active;
+    active = _ref17.active;
   return active ? theme.palette.white : theme.palette['grey-600'];
 }, function (_ref18) {
   var theme = _ref18.theme,
-      active = _ref18.active;
+    active = _ref18.active;
   return active ? theme.palette.white : theme.palette['grey-600'];
 }, function (_ref19) {
   var theme = _ref19.theme,
-      active = _ref19.active;
+    active = _ref19.active;
   return active ? theme.palette.white : theme.palette['red-600'];
 }, function (_ref20) {
   var theme = _ref20.theme,
-      active = _ref20.active;
+    active = _ref20.active;
   return active ? theme.palette.white : theme.palette['red-600'];
 }, function (_ref21) {
   var greyBackground = _ref21.greyBackground;
   return greyBackground ? '0 4px 12px 0 rgba(35, 41, 54, 0.04)' : '';
 }, function (_ref22) {
   var theme = _ref22.theme,
-      active = _ref22.active,
-      invalid = _ref22.invalid,
-      color = _ref22.color,
-      greyBackground = _ref22.greyBackground;
+    active = _ref22.active,
+    invalid = _ref22.invalid,
+    color = _ref22.color,
+    greyBackground = _ref22.greyBackground;
   if (invalid && active) return theme.palette["" + getLighterColor('red-600')];
   if (active) return theme.palette["" + getLighterColor(color)];
   if (greyBackground && !active) return theme.palette.white;
@@ -166,31 +166,31 @@ export var CardTabContainer = styled.div.withConfig({
   return edited ? 'none' : 'flex';
 }, CardTabLabel, function (_ref25) {
   var theme = _ref25.theme,
-      active = _ref25.active;
+    active = _ref25.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-800'];
 }, CardTabTag, function (_ref26) {
   var theme = _ref26.theme,
-      color = _ref26.color,
-      active = _ref26.active;
+    color = _ref26.color,
+    active = _ref26.active;
   if (active) return theme.palette.white;
   return theme.palette["" + color];
 }, function (_ref27) {
   var theme = _ref27.theme,
-      active = _ref27.active,
-      color = _ref27.color;
+    active = _ref27.active,
+    color = _ref27.color;
   if (active) return theme.palette["" + color];
   return theme.palette.white;
 }, function (props) {
   return props.draggable ? 'none' : 'flex';
 }, CardTabPrefix, function (_ref28) {
   var theme = _ref28.theme,
-      active = _ref28.active;
+    active = _ref28.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, function (_ref29) {
   var theme = _ref29.theme,
-      active = _ref29.active;
+    active = _ref29.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, CardDragPrefix, function (_ref30) {
@@ -198,12 +198,12 @@ export var CardTabContainer = styled.div.withConfig({
   return edited ? 'none' : 'flex';
 }, function (_ref31) {
   var theme = _ref31.theme,
-      active = _ref31.active;
+    active = _ref31.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, function (_ref32) {
   var theme = _ref32.theme,
-      active = _ref32.active;
+    active = _ref32.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, CardDotPrefix, function (props) {
@@ -212,50 +212,50 @@ export var CardTabContainer = styled.div.withConfig({
   return props.draggable ? 'none' : 'flex';
 }, function (_ref33) {
   var theme = _ref33.theme,
-      active = _ref33.active;
+    active = _ref33.active;
   return active ? theme.palette.white : theme.palette['grey-600'];
 }, function (_ref34) {
   var theme = _ref34.theme,
-      active = _ref34.active;
+    active = _ref34.active;
   return active ? theme.palette.white : theme.palette['grey-600'];
 }, function (_ref35) {
   var theme = _ref35.theme,
-      active = _ref35.active;
+    active = _ref35.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, function (_ref36) {
   var theme = _ref36.theme,
-      active = _ref36.active;
+    active = _ref36.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, function (_ref37) {
   var theme = _ref37.theme,
-      active = _ref37.active,
-      invalid = _ref37.invalid,
-      color = _ref37.color,
-      greyBackground = _ref37.greyBackground;
+    active = _ref37.active,
+    invalid = _ref37.invalid,
+    color = _ref37.color,
+    greyBackground = _ref37.greyBackground;
   if (invalid && active) return theme.palette["" + getLighterColor('red-600')];
   if (active) return theme.palette["" + getLighterColor(color)];
   if (greyBackground && !active) return theme.palette.white;
   return theme.palette['grey-100'];
 }, InPlaceEditableInputContainer, function (_ref38) {
   var theme = _ref38.theme,
-      active = _ref38.active;
+    active = _ref38.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-800'];
 }, function (_ref39) {
   var theme = _ref39.theme,
-      active = _ref39.active;
+    active = _ref39.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-800'];
 }, function (_ref40) {
   var theme = _ref40.theme,
-      active = _ref40.active;
+    active = _ref40.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-800'];
 }, CardTabLabel, function (_ref41) {
   var theme = _ref41.theme,
-      active = _ref41.active;
+    active = _ref41.active;
   if (active) return theme.palette.white;
   return theme.palette['grey-600'];
 }, function (_ref42) {
@@ -263,11 +263,11 @@ export var CardTabContainer = styled.div.withConfig({
   return disabled ? 0.4 : 1;
 }, function (_ref43) {
   var theme = _ref43.theme,
-      active = _ref43.active;
+    active = _ref43.active;
   return getColor(active, theme.palette.white, theme.palette['grey-600']);
 }, function (_ref44) {
   var theme = _ref44.theme,
-      active = _ref44.active;
+    active = _ref44.active;
   return getColor(active, theme.palette.white, theme.palette['grey-600']);
 }, function (_ref45) {
   var disabled = _ref45.disabled;
@@ -277,19 +277,19 @@ export var CardTabContainer = styled.div.withConfig({
   return disabled ? 0.4 : 1;
 }, function (_ref47) {
   var theme = _ref47.theme,
-      active = _ref47.active;
+    active = _ref47.active;
   return getColor(active, theme.palette.white, theme.palette['grey-400']);
 }, function (_ref48) {
   var theme = _ref48.theme,
-      active = _ref48.active;
+    active = _ref48.active;
   return getColor(active, theme.palette.white, theme.palette['grey-400']);
 }, function (_ref49) {
   var theme = _ref49.theme,
-      active = _ref49.active;
+    active = _ref49.active;
   return getColor(active, theme.palette.white, theme.palette['grey-600']);
 }, function (_ref50) {
   var theme = _ref50.theme,
-      active = _ref50.active;
+    active = _ref50.active;
   return getColor(active, theme.palette.white, theme.palette['grey-600']);
 }, CardTabSuffix, function (_ref51) {
   var disabled = _ref51.disabled;

package/dist/CardTab/CardTab.types.js

@@ -1,5 +1,4 @@
 export var prefixType;
-
 (function (prefixType) {
   prefixType[prefixType["TAG"] = 0] = "TAG";
   prefixType[prefixType["ICON"] = 1] = "ICON";

package/dist/CardTab/CardTabActions/CardTabActions.js

@@ -1,14 +1,13 @@
 import React from 'react';
 import Cruds from '@synerise/ds-cruds';
 import * as S from '../CardTab.styles';
-
 var CardTabActions = function CardTabActions(_ref) {
   var onChangeName = _ref.onChangeName,
-      enterEditNameMode = _ref.enterEditNameMode,
-      onDuplicateTab = _ref.onDuplicateTab,
-      onRemoveTab = _ref.onRemoveTab,
-      onPreviewTab = _ref.onPreviewTab,
-      texts = _ref.texts;
+    enterEditNameMode = _ref.enterEditNameMode,
+    onDuplicateTab = _ref.onDuplicateTab,
+    onRemoveTab = _ref.onRemoveTab,
+    onPreviewTab = _ref.onPreviewTab,
+    texts = _ref.texts;
   return /*#__PURE__*/React.createElement(S.CardTabSuffix, {
     "data-testid": "card-tab-suffix",
     className: "ds-card-tabs__suffix-nodrag"
@@ -23,5 +22,4 @@ var CardTabActions = function CardTabActions(_ref) {
     previewTooltip: texts == null ? void 0 : texts.previewTooltip
   }));
 };
-
 export default CardTabActions;

package/dist/CardTab/CardTabDropdown/CardTabDropdown.js

@@ -5,23 +5,19 @@ import Icon, { OptionVerticalM, EditM, DuplicateM, TrashM } from '@synerise/ds-i
 import Menu from '@synerise/ds-menu';
 import { theme } from '@synerise/ds-core';
 import * as S from '../CardTab.styles';
-
 var CardTabDropdown = function CardTabDropdown(_ref) {
   var editNameHandler = _ref.editNameHandler,
-      duplicateHandler = _ref.duplicateHandler,
-      removeHandler = _ref.removeHandler,
-      texts = _ref.texts;
-
+    duplicateHandler = _ref.duplicateHandler,
+    removeHandler = _ref.removeHandler,
+    texts = _ref.texts;
   var _useState = useState(false),
-      open = _useState[0],
-      setOpen = _useState[1];
-
+    open = _useState[0],
+    setOpen = _useState[1];
   var ref = useRef(null);
   var menuItems = [];
   useOnClickOutside(ref, function () {
     setOpen(false);
   });
-
   if (editNameHandler) {
     menuItems.push({
       onClick: function onClick(event) {
@@ -35,7 +31,6 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
       text: texts.changeNameMenuItem
     });
   }
-
   if (duplicateHandler) {
     menuItems.push({
       onClick: function onClick(event) {
@@ -49,7 +44,6 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
       text: texts.duplicateMenuItem
     });
   }
-
   if (removeHandler) {
     menuItems.push({
       prefixel: /*#__PURE__*/React.createElement(Icon, {
@@ -64,7 +58,6 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
       text: texts.removeMenuItem
     });
   }
-
   return /*#__PURE__*/React.createElement(S.CardTabSuffix, {
     "data-testid": "card-tab-suffix",
     className: "ds-card-tabs__suffix-nodrag"
@@ -89,5 +82,4 @@ var CardTabDropdown = function CardTabDropdown(_ref) {
     color: theme.palette['grey-600']
   })));
 };
-
 export default CardTabDropdown;

package/dist/CardTab/CardTabPrefix/CardTabPrefix.js

@@ -3,13 +3,12 @@ import Icon, { DragHandleM } from '@synerise/ds-icon';
 import { theme } from '@synerise/ds-core';
 import * as S from '../CardTab.styles';
 import { prefixType } from '../CardTab.types';
-
 var CardTabPrefix = function CardTabPrefix(_ref) {
   var prefix = _ref.prefix,
-      draggable = _ref.draggable,
-      tag = _ref.tag,
-      prefixIcon = _ref.prefixIcon,
-      colorDot = _ref.colorDot;
+    draggable = _ref.draggable,
+    tag = _ref.tag,
+    prefixIcon = _ref.prefixIcon,
+    colorDot = _ref.colorDot;
   var className = prefix === prefixType.HANDLE ? 'persistent' : '';
   return /*#__PURE__*/React.createElement(S.CardTabPrefix, {
     "data-testid": "card-tab-prefix"
@@ -28,5 +27,4 @@ var CardTabPrefix = function CardTabPrefix(_ref) {
     component: /*#__PURE__*/React.createElement(DragHandleM, null)
   }), ' '));
 };
-
 export default CardTabPrefix;

package/dist/CardTabs.js

@@ -1,15 +1,9 @@
 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); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-
 import React, { Children, cloneElement, isValidElement } from 'react';
 import { ReactSortable } from 'react-sortablejs';
 import Button from '@synerise/ds-button';
@@ -25,24 +19,20 @@ var SORTABLE_CONFIG = {
     if (ev1.related && ev1.related.classList.contains('ds-card-tabs-nodrag')) {
       return -1;
     }
-
     return true;
   }
 };
-
 var CardTabs = function CardTabs(_ref) {
   var className = _ref.className,
-      onChangeOrder = _ref.onChangeOrder,
-      onAddTab = _ref.onAddTab,
-      maxTabsCount = _ref.maxTabsCount,
-      _ref$children = _ref.children,
-      children = _ref$children === void 0 ? [] : _ref$children,
-      addTabLabel = _ref.addTabLabel;
-
+    onChangeOrder = _ref.onChangeOrder,
+    onAddTab = _ref.onAddTab,
+    maxTabsCount = _ref.maxTabsCount,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? [] : _ref$children,
+    addTabLabel = _ref.addTabLabel;
   var handleChangeOrder = function handleChangeOrder(newOrder) {
     onChangeOrder && onChangeOrder(newOrder);
   };
-
   var addTab = onAddTab ? /*#__PURE__*/React.createElement(S.CardTabsAddButton, {
     className: "ds-card-tabs-nodrag",
     "data-testid": "card-tabs-add-button"
@@ -55,7 +45,6 @@ var CardTabs = function CardTabs(_ref) {
   var childrenData = Children.map(children, function (child) {
     return child.props;
   });
-
   var renderChildren = function renderChildren() {
     return /*#__PURE__*/React.createElement(React.Fragment, null, Children.map(children, function (child, i) {
       var props = child.props;
@@ -66,7 +55,6 @@ var CardTabs = function CardTabs(_ref) {
       }));
     }));
   };
-
   return /*#__PURE__*/React.createElement(S.CardTabsContainer, {
     className: "ds-card-tabs " + (className || ''),
     "data-testid": "card-tabs-container"
@@ -80,5 +68,4 @@ var CardTabs = function CardTabs(_ref) {
     "data-testid": "card-tabs-static"
   }, renderChildren(), addTab));
 };
-
 export default CardTabs;

package/dist/utils.js

@@ -6,12 +6,10 @@ export var getLighterColor = function getLighterColor(color) {
   if (color) {
     var levelRegex = /(\d){3}$/g;
     var matches = color.match(levelRegex);
-
     if (matches != null && matches.length) {
       var level = parseInt(matches[0], 10);
       return color.replace(levelRegex, (level - 100).toString());
     }
   }
-
   return color;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card-tabs",
-  "version": "0.17.2",
+  "version": "0.17.4",
   "description": "CardTabs UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,14 +34,14 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.21.19",
-    "@synerise/ds-cruds": "^0.5.29",
-    "@synerise/ds-dropdown": "^0.18.24",
-    "@synerise/ds-icon": "^0.67.0",
-    "@synerise/ds-inline-edit": "^0.9.1",
-    "@synerise/ds-menu": "^0.20.6",
-    "@synerise/ds-tooltip": "^0.14.49",
-    "@synerise/ds-typography": "^0.16.6",
+    "@synerise/ds-button": "^0.21.21",
+    "@synerise/ds-cruds": "^0.5.31",
+    "@synerise/ds-dropdown": "^0.18.26",
+    "@synerise/ds-icon": "^0.68.0",
+    "@synerise/ds-inline-edit": "^0.9.3",
+    "@synerise/ds-menu": "^0.20.8",
+    "@synerise/ds-tooltip": "^0.14.51",
+    "@synerise/ds-typography": "^0.16.8",
     "@synerise/ds-utils": "^0.31.2",
     "react-sortablejs": "^6.0.0",
     "sortablejs": "1.15.1"
@@ -53,5 +53,5 @@
     "react-intl": ">=3.12.0 <= 6.8",
     "styled-components": "5.0.1"
   },
-  "gitHead": "05f083c767e2cec3c2f91c9475aee89852a77d6c"
+  "gitHead": "9ebd107163650754a5f55680d62d30812d740084"
 }