@synerise/ds-tooltip 0.13.7 → 0.14.0

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.14.0](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@0.13.7...@synerise/ds-tooltip@0.14.0) (2023-07-26)
+
+
+### Features
+
+* **tooltip:** added large & scrollable version of tooltip ([082c4ed](https://github.com/synerise/synerise-design/commit/082c4ed9b95166d063a0a0d50071b818cad14c6e))
+
+
+
+
+
 ## [0.13.7](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@0.13.6...@synerise/ds-tooltip@0.13.7) (2023-06-28)
 
 **Note:** Version bump only for package @synerise/ds-tooltip

package/README.md

@@ -33,7 +33,7 @@ Tooltip UI Component
 | tutorialAutoplay      | Whether to autoplay tutorial                                                                           | boolean                                                                                                                                             | `false`                    |
 | tutorialAutoplaySpeed | speed of autoplay [ms]                                                                                 | number                                                                                                                                              | 5000                       |
 | tutorials             | steps of tutorial                                                                                      | Tutorials[]                                                                                                                                         | -                          |
-| type                  | type of tooltip                                                                                        | `default` / `icon` / `simpleLarge` / `tutorial` / `avatar` / `button`                                                                               | `default`                  |
+| type                  | type of tooltip                                                                                        | `default` / `icon` / `largeSimple` / `largeScrollable` / `tutorial` / `avatar` / `button` / `header-label` / `status`                                                                               | `default`                  |
 | visible               | Whether the floating tooltip card is visible or not                                                    | boolean                                                                                                                                             | `false`                    |
 | timeToHideAfterClick  | time after which tooltip disappears [ms] (value 0 inactivate this functionality)                       | number                                                                                                                                              | 0                          |
 | render                | render prop that allows to render custom component as tooltip                                          | () => React.ReactNode                                                                                                                               | -                          |

package/dist/Tooltip.js

@@ -8,11 +8,12 @@ import '@synerise/ds-core/dist/js/style';
 import "./style/index.css";
 import AntdTooltip from 'antd/lib/tooltip';
 import * as React from 'react';
+import { Carousel } from 'antd';
 import { getPopupContainer } from '@synerise/ds-utils';
 import Icon, { NotificationsM } from '@synerise/ds-icon';
-import { Carousel } from 'antd';
 import Button from '@synerise/ds-button';
 import { theme } from '@synerise/ds-core';
+import Scrollbar from '@synerise/ds-scrollbar';
 import * as S from './Tooltip.styles';
 
 var shouldRenderDescription = function shouldRenderDescription(description, type) {
@@ -20,6 +21,10 @@ var shouldRenderDescription = function shouldRenderDescription(description, type
   return description;
 };
 
+var shouldRenderTitle = function shouldRenderTitle(type, title) {
+  return type !== 'largeSimple' ? title : null;
+};
+
 var shouldRenderStatus = function shouldRenderStatus(status, type) {
   if (type === 'status' || status) return status;
   return null;
@@ -61,13 +66,6 @@ var Tooltip = function Tooltip(_ref) {
     });
   };
 
-  var renderTooltip = /*#__PURE__*/React.createElement(S.TooltipComponent, {
-    tooltipType: type
-  }, /*#__PURE__*/React.createElement(S.TooltipStatus, {
-    tooltipType: type
-  }, type && shouldRenderStatus(status, type)), /*#__PURE__*/React.createElement(S.TooltipTitle, {
-    tooltipType: type
-  }, type && shouldRenderIcon(type, icon), type !== 'largeSimple' ? title : null), /*#__PURE__*/React.createElement(S.TooltipDescription, null, shouldRenderDescription(description, type)));
   var renderButton = React.useMemo(function () {
     var buttonMode = function buttonMode() {
       // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
@@ -79,19 +77,39 @@ var Tooltip = function Tooltip(_ref) {
       return 'label';
     };
 
+    return button ? /*#__PURE__*/React.createElement(S.TooltipButton, null, /*#__PURE__*/React.createElement(Button, {
+      type: "ghost-white",
+      mode: buttonMode(),
+      onClick: button == null ? void 0 : button.onClick
+    }, button == null ? void 0 : button.buttonIcon, button == null ? void 0 : button.label)) : /*#__PURE__*/React.createElement(React.Fragment, null);
+  }, [button]);
+  var renderTooltipComponent = /*#__PURE__*/React.createElement(S.TooltipComponent, {
+    tooltipType: type
+  }, /*#__PURE__*/React.createElement(S.TooltipContent, null, /*#__PURE__*/React.createElement(S.TooltipStatus, {
+    tooltipType: type
+  }, type && shouldRenderStatus(status, type)), /*#__PURE__*/React.createElement(S.TooltipTitle, {
+    tooltipType: type
+  }, type && shouldRenderIcon(type, icon), type && shouldRenderTitle(type, title)), /*#__PURE__*/React.createElement(S.TooltipDescription, {
+    tooltipType: type
+  }, type === 'largeScrollable' && /*#__PURE__*/React.createElement(Scrollbar, {
+    absolute: true,
+    maxHeight: 90,
+    style: {
+      paddingRight: 16
+    }
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderDescription(description, type))), type !== 'largeScrollable' && shouldRenderDescription(description, type))), renderButton);
+  var renderButtonComponent = React.useMemo(function () {
     return /*#__PURE__*/React.createElement(S.TooltipComponent, {
       tooltipType: type
     }, /*#__PURE__*/React.createElement(S.TooltipContent, null, /*#__PURE__*/React.createElement(S.TooltipStatus, {
       tooltipType: type
     }, status), /*#__PURE__*/React.createElement(S.TooltipTitle, {
       tooltipType: type
-    }, title), /*#__PURE__*/React.createElement(S.TooltipDescription, null, description)), button && /*#__PURE__*/React.createElement(S.TooltipButton, null, /*#__PURE__*/React.createElement(Button, {
-      type: "ghost-white",
-      mode: buttonMode(),
-      onClick: button == null ? void 0 : button.onClick
-    }, button == null ? void 0 : button.buttonIcon, button == null ? void 0 : button.label)));
-  }, [button, type, title, description, status]);
-  var renderTutorial = /*#__PURE__*/React.createElement(S.TooltipComponent, {
+    }, title), /*#__PURE__*/React.createElement(S.TooltipDescription, {
+      tooltipType: type
+    }, description)), renderButton);
+  }, [type, title, description, status, renderButton]);
+  var renderTutorialComponent = /*#__PURE__*/React.createElement(S.TooltipComponent, {
     tooltipType: type
   }, /*#__PURE__*/React.createElement(Carousel, {
     autoplay: tutorialAutoplay,
@@ -102,16 +120,18 @@ var Tooltip = function Tooltip(_ref) {
       key: "" + JSON.stringify(tutorial.title)
     }, /*#__PURE__*/React.createElement(S.TooltipTitle, {
       tooltipType: "tutorial"
-    }, tutorial.title), /*#__PURE__*/React.createElement(S.TooltipDescription, null, tutorial.description));
+    }, tutorial.title), /*#__PURE__*/React.createElement(S.TooltipDescription, {
+      tooltipType: "tutorial"
+    }, tutorial.description));
   })));
   var tooltipComponent = React.useMemo(function () {
-    if (type === 'tutorial') return renderTutorial;
-    if (type === 'button') return renderButton;
-    return renderTooltip;
-  }, [type, renderTooltip, renderTutorial, renderButton]);
-  var offsetClassName = React.useMemo(function () {
-    return "ds-tooltip-offset-" + offset;
-  }, [offset]);
+    if (type === 'tutorial') return renderTutorialComponent;
+    if (type === 'button') return renderButtonComponent;
+    return renderTooltipComponent;
+  }, [type, renderTooltipComponent, renderTutorialComponent, renderButtonComponent]);
+  var overlayClassName = React.useMemo(function () {
+    return "ds-tooltip-offset-" + offset + " ds-tooltip-type-" + type;
+  }, [offset, type]);
   var titleExists = Boolean(description || title || icon || (tutorials == null ? void 0 : tutorials.length));
   React.useEffect(function () {
     return function () {
@@ -142,7 +162,7 @@ var Tooltip = function Tooltip(_ref) {
 
   if (render !== undefined) {
     return /*#__PURE__*/React.createElement(AntdTooltip, _extends({
-      overlayClassName: offsetClassName,
+      overlayClassName: overlayClassName,
       autoAdjustOverflow: false,
       title: render(),
       align: {
@@ -153,7 +173,7 @@ var Tooltip = function Tooltip(_ref) {
   }
 
   return titleExists ? /*#__PURE__*/React.createElement(AntdTooltip, _extends({
-    overlayClassName: offsetClassName,
+    overlayClassName: overlayClassName,
     autoAdjustOverflow: false,
     title: tooltipComponent,
     align: {

package/dist/Tooltip.styles.d.ts

@@ -1,5 +1,7 @@
 import TooltipExtendedProps, { tooltipTypes } from './Tooltip.types';
-export declare const TooltipDescription: import("styled-components").StyledComponent<"div", any, TooltipExtendedProps, never>;
+export declare const TooltipDescription: import("styled-components").StyledComponent<"div", any, TooltipExtendedProps & {
+    tooltipType: tooltipTypes;
+}, never>;
 export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, Pick<TooltipExtendedProps, "icon" | "button" | "status" | "title" | "offset" | "render" | "description" | "tutorials" | "tutorialAutoplay" | "tutorialAutoplaySpeed" | "timeToHideAfterClick"> & {
     tooltipType: tooltipTypes;
 }, never>;

package/dist/Tooltip.styles.js

@@ -3,7 +3,9 @@ import { IconContainer } from '@synerise/ds-icon';
 export var TooltipDescription = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipDescription",
   componentId: "mghjny-0"
-})(["font-size:13px;line-height:1.38;font-weight:normal;text-align:inherit;word-break:break-all;"]);
+})(["font-size:13px;line-height:1.38;font-weight:normal;text-align:inherit;word-break:break-all;", ";"], function (props) {
+  return props.tooltipType === 'largeScrollable' && css(["margin-top:6px;margin-right:-16px;"]);
+});
 var titlesWithPadding = ['icon', 'tutorial', 'button', 'header-label'];
 export var TooltipTitle = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipTitle",
@@ -21,7 +23,7 @@ export var TooltipButton = styled.div.withConfig({
 export var TooltipContent = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipContent",
   componentId: "mghjny-3"
-})(["padding:16px;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;"]);
+})(["width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;"]);
 export var TooltipStatus = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipStatus",
   componentId: "mghjny-4"
@@ -29,20 +31,43 @@ export var TooltipStatus = styled.div.withConfig({
 export var TooltipComponent = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipComponent",
   componentId: "mghjny-5"
-})(["background-color:rgba(56,67,80,0.9);min-height:24px;width:100%;color:", ";padding:16px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:3px;overflow:hidden;", " ", " ", " ", " ", " ", " .ant-carousel{position:relative;width:100%;.slick-track{width:100%;}.slick-dots-bottom{position:relative;bottom:0;height:32px;padding:0 18px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0;background-color:rgba(56,67,80,0.9);li{width:8px;height:8px;border-radius:50%;background-color:rgba(56,67,80,0.9);margin:0 8px 0 0;display:flex;align-items:center;justify-content:center;button{box-sizing:content-box;background-color:", ";border:2px solid rgba(56,67,80,0.9);height:4px;width:4px;border-radius:50%;opacity:1;}}li.slick-active{button{border:2px solid ", ";background-color:", ";}}}}"], function (props) {
+})(["background-color:rgba(56,67,80,0.9);min-height:24px;width:100%;border-radius:3px;color:", ";overflow:hidden;text-align:left;", "{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;", "}.ant-carousel{position:relative;width:100%;.slick-track{width:100%;}.slick-dots-bottom{position:relative;bottom:0;height:32px;padding:0 18px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;margin:0;background-color:rgba(56,67,80,0.9);li{width:8px;height:8px;border-radius:50%;background-color:rgba(56,67,80,0.9);margin:0 8px 0 0;display:flex;align-items:center;justify-content:center;button{box-sizing:content-box;background-color:", ";border:2px solid rgba(56,67,80,0.9);height:4px;width:4px;border-radius:50%;opacity:1;}}li.slick-active{button{border:2px solid ", ";background-color:", ";}}}}"], function (props) {
   return props.theme.palette['grey-200'];
-}, function (props) {
-  return props.tooltipType === 'icon' && css(["padding-top:8px;"]);
-}, function (props) {
-  return (props.tooltipType === 'tutorial' || props.tooltipType === 'button') && css(["padding:0;"]);
-}, function (props) {
-  return props.tooltipType === 'default' && css(["padding:3px 8px;"]);
-}, function (props) {
-  return props.tooltipType === 'header-label' && css(["padding:13px 16px 16px;"]);
-}, function (props) {
-  return props.tooltipType === 'status' && css(["padding:6px 25px 10px 21px;text-align:center;align-items:center;"]);
-}, function (props) {
-  return props.tooltipType === 'avatar' && css(["text-align:center;align-items:center;"]);
+}, TooltipContent, function (props) {
+  var defaultPadding = css(["padding:16px;"]);
+
+  switch (props.tooltipType) {
+    case 'icon':
+      return css(["padding:8px 16px 16px;"]);
+
+    case 'largeSimple':
+      return defaultPadding;
+
+    case 'largeScrollable':
+      return defaultPadding;
+
+    case 'tutorial':
+      return css(["padding:0;"]);
+
+    case 'avatar':
+      return css(["padding:8px 16px 16px;text-align:center;align-items:center;"]);
+
+    case 'button':
+      return defaultPadding;
+
+    case 'header-label':
+      return css(["padding:13px 16px 16px;"]);
+
+    case 'status':
+      return css(["padding:6px 25px 10px 21px;text-align:center;align-items:center;"]);
+
+    case 'default':
+      return css(["padding:3px 8px;"]);
+
+    default:
+  }
+
+  return defaultPadding;
 }, function (props) {
   return props.theme.palette['grey-600'];
 }, function (props) {

package/dist/Tooltip.types.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
+import { ReactNode } from 'react';
 import { TooltipPropsWithTitle } from 'antd/lib/tooltip';
-export declare type tooltipTypes = 'default' | 'icon' | 'largeSimple' | 'tutorial' | 'avatar' | 'button' | 'header-label' | 'status';
-export declare type descriptionType = string | React.ReactNode;
+export declare type tooltipTypes = 'default' | 'icon' | 'largeSimple' | 'largeScrollable' | 'tutorial' | 'avatar' | 'button' | 'header-label' | 'status';
+export declare type descriptionType = ReactNode;
 export declare type Tutorial = {
-    title: string | React.ReactNode;
-    description: string | React.ReactNode;
+    title: ReactNode;
+    description: ReactNode;
 };
 export default interface TooltipExtendedProps {
     type?: tooltipTypes;
-    icon?: React.ReactNode;
-    status?: React.ReactNode;
-    title?: string | React.ReactNode;
+    icon?: ReactNode;
+    status?: ReactNode;
+    title?: ReactNode;
     description?: descriptionType;
     tutorials?: Tutorial[];
     tutorialAutoplay?: boolean;
@@ -18,10 +18,10 @@ export default interface TooltipExtendedProps {
     timeToHideAfterClick?: number;
     offset?: 'default' | 'small';
     button?: {
-        label?: string | React.ReactNode;
-        buttonIcon?: React.ReactNode;
+        label?: ReactNode;
+        buttonIcon?: ReactNode;
         onClick: () => void;
     };
-    render?: () => React.ReactNode;
+    render?: () => ReactNode;
 }
 export declare type TooltipProps = Omit<TooltipPropsWithTitle, 'title'> & TooltipExtendedProps;

package/dist/style/index.css

@@ -1 +1 @@
-.ant-image-preview,.ant-modal{pointer-events:none}.ant-image-preview.zoom-appear,.ant-image-preview.zoom-enter,.ant-modal.zoom-appear,.ant-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.ant-image-preview-mask,.ant-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:991000;height:100%;background-color:rgba(0,0,0,.2);filter:alpha(opacity=50)}.ant-image-preview-mask-hidden,.ant-modal-mask-hidden{display:none}.ant-image-preview-wrap,.ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.ant-tooltip{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:absolute;z-index:991060;display:block;max-width:250px;visibility:visible}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding-bottom:4px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding-left:4px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding-top:4px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding-right:4px}.ant-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:#fff;text-align:left;text-decoration:none;word-wrap:break-word;background-color:#384350;border-radius:3px;box-shadow:0 2px 6px rgba(171,178,183,.12)}.ant-tooltip-arrow{position:absolute;display:block;width:13.07px;height:13.07px;overflow:hidden;background:0 0;pointer-events:none}.ant-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;background-color:#384350;content:'';pointer-events:auto}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:-9.07px}.ant-tooltip-placement-top .ant-tooltip-arrow-content,.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-topRight .ant-tooltip-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.54px) rotate(45deg)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:13px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:-9.07px}.ant-tooltip-placement-right .ant-tooltip-arrow-content,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.54px) rotate(45deg)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:-9.07px}.ant-tooltip-placement-left .ant-tooltip-arrow-content,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-6.54px) rotate(45deg)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:-9.07px}.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content{box-shadow:-3px -3px 7px rgba(0,0,0,.07);transform:translateY(6.54px) rotate(45deg)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:13px}.ant-tooltip-pink .ant-tooltip-inner{background-color:#eb2f96}.ant-tooltip-pink .ant-tooltip-arrow-content{background-color:#eb2f96}.ant-tooltip-magenta .ant-tooltip-inner{background-color:#eb2f96}.ant-tooltip-magenta .ant-tooltip-arrow-content{background-color:#eb2f96}.ant-tooltip-red .ant-tooltip-inner{background-color:#f5222d}.ant-tooltip-red .ant-tooltip-arrow-content{background-color:#f5222d}.ant-tooltip-volcano .ant-tooltip-inner{background-color:#fa541c}.ant-tooltip-volcano .ant-tooltip-arrow-content{background-color:#fa541c}.ant-tooltip-orange .ant-tooltip-inner{background-color:#fa8c16}.ant-tooltip-orange .ant-tooltip-arrow-content{background-color:#fa8c16}.ant-tooltip-yellow .ant-tooltip-inner{background-color:#fadb14}.ant-tooltip-yellow .ant-tooltip-arrow-content{background-color:#fadb14}.ant-tooltip-gold .ant-tooltip-inner{background-color:#faad14}.ant-tooltip-gold .ant-tooltip-arrow-content{background-color:#faad14}.ant-tooltip-cyan .ant-tooltip-inner{background-color:#13c2c2}.ant-tooltip-cyan .ant-tooltip-arrow-content{background-color:#13c2c2}.ant-tooltip-lime .ant-tooltip-inner{background-color:#a0d911}.ant-tooltip-lime .ant-tooltip-arrow-content{background-color:#a0d911}.ant-tooltip-green .ant-tooltip-inner{background-color:#52c41a}.ant-tooltip-green .ant-tooltip-arrow-content{background-color:#52c41a}.ant-tooltip-blue .ant-tooltip-inner{background-color:#1890ff}.ant-tooltip-blue .ant-tooltip-arrow-content{background-color:#1890ff}.ant-tooltip-geekblue .ant-tooltip-inner{background-color:#2f54eb}.ant-tooltip-geekblue .ant-tooltip-arrow-content{background-color:#2f54eb}.ant-tooltip-purple .ant-tooltip-inner{background-color:#722ed1}.ant-tooltip-purple .ant-tooltip-arrow-content{background-color:#722ed1}.ant-tooltip-rtl{direction:rtl}.ant-tooltip-rtl .ant-tooltip-inner{text-align:right}.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum'}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.ant-carousel .slick-list:focus{outline:0}.ant-carousel .slick-list.dragging{cursor:pointer}.ant-carousel .slick-list .slick-slide{pointer-events:none}.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input{visibility:hidden}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input{visibility:visible}.ant-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track{transform:translate3d(0,0,0)}.ant-carousel .slick-track{position:relative;top:0;left:0;display:block}.ant-carousel .slick-track::after,.ant-carousel .slick-track::before{display:table;content:''}.ant-carousel .slick-track::after{clear:both}.slick-loading .ant-carousel .slick-track{visibility:hidden}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.ant-carousel .slick-slide img{display:block}.ant-carousel .slick-slide.slick-loading img{display:none}.ant-carousel .slick-slide.dragging img{pointer-events:none}.ant-carousel .slick-initialized .slick-slide{display:block}.ant-carousel .slick-loading .slick-slide{visibility:hidden}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto}.ant-carousel .slick-arrow.slick-hidden{display:none}.ant-carousel .slick-next,.ant-carousel .slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:0 0;border:0;outline:0;cursor:pointer}.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover{color:transparent;background:0 0;outline:0}.ant-carousel .slick-next:focus::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-prev:hover::before{opacity:1}.ant-carousel .slick-next.slick-disabled::before,.ant-carousel .slick-prev.slick-disabled::before{opacity:.25}.ant-carousel .slick-prev{left:-25px}.ant-carousel .slick-prev::before{content:'←'}.ant-carousel .slick-next{right:-25px}.ant-carousel .slick-next::before{content:'→'}.ant-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex!important;justify-content:center;margin-right:15%;margin-left:15%;padding-left:0;list-style:none}.ant-carousel .slick-dots-bottom{bottom:12px}.ant-carousel .slick-dots-top{top:12px}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 2px;margin-right:3px;margin-left:3px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.ant-carousel .slick-dots li button{display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#fff;border:0;border-radius:1px;outline:0;cursor:pointer;opacity:.3;transition:all .5s}.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover{opacity:.75}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.ant-carousel .slick-dots li.slick-active:focus,.ant-carousel .slick-dots li.slick-active:hover{opacity:1}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.ant-carousel-vertical .slick-dots-left{right:auto;left:12px}.ant-carousel-vertical .slick-dots-right{right:12px;left:auto}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 2px;vertical-align:baseline}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px}.ant-carousel-vertical .slick-dots li.slick-active{width:3px;height:24px}.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.ant-carousel-rtl{direction:rtl}.ant-carousel-rtl .ant-carousel .slick-track{right:0;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev{right:-25px;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev::before{content:'→'}.ant-carousel-rtl .ant-carousel .slick-next{right:auto;left:-25px}.ant-carousel-rtl .ant-carousel .slick-next::before{content:'←'}.ant-carousel-rtl.ant-carousel .slick-dots{flex-direction:row-reverse}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column}.ant-tooltip{transform:none!important;transform-origin:50%!important}.ant-tooltip.ant-tooltip-placement-left,.ant-tooltip.ant-tooltip-placement-leftBottom,.ant-tooltip.ant-tooltip-placement-leftTop{padding:0 8px 0 0}.ant-tooltip.ant-tooltip-placement-left.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-leftBottom.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-leftTop.ds-tooltip-offset-small{padding:0 4px 0 0}.ant-tooltip.ant-tooltip-placement-right,.ant-tooltip.ant-tooltip-placement-rightBottom,.ant-tooltip.ant-tooltip-placement-rightTop{padding:0 0 0 8px}.ant-tooltip.ant-tooltip-placement-right.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-rightBottom.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-rightTop.ds-tooltip-offset-small{padding:0 0 0 4px}.ant-tooltip.ant-tooltip-placement-top,.ant-tooltip.ant-tooltip-placement-topLeft,.ant-tooltip.ant-tooltip-placement-topRight{padding:0 0 8px 0}.ant-tooltip.ant-tooltip-placement-top.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-topLeft.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-topRight.ds-tooltip-offset-small{padding:0 0 4px 0}.ant-tooltip.ant-tooltip-placement-bottom,.ant-tooltip.ant-tooltip-placement-bottomLeft,.ant-tooltip.ant-tooltip-placement-bottomRight{padding:8px 0 0 0}.ant-tooltip.ant-tooltip-placement-bottom.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-bottomLeft.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-bottomRight.ds-tooltip-offset-small{padding:4px 0 0 0}.ant-tooltip-inner{font-size:11px;font-weight:500;box-shadow:0 8px 16px rgba(171,178,183,.32);min-height:24px;text-align:center}.ant-tooltip-arrow{display:none}.ant-tooltip-inner{padding:0;background-color:transparent!important}
+.ant-image-preview,.ant-modal{pointer-events:none}.ant-image-preview.zoom-appear,.ant-image-preview.zoom-enter,.ant-modal.zoom-appear,.ant-modal.zoom-enter{transform:none;opacity:0;animation-duration:.3s;user-select:none}.ant-image-preview-mask,.ant-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:991000;height:100%;background-color:rgba(0,0,0,.2);filter:alpha(opacity=50)}.ant-image-preview-mask-hidden,.ant-modal-mask-hidden{display:none}.ant-image-preview-wrap,.ant-modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch}.ant-tooltip{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum';position:absolute;z-index:991060;display:block;max-width:250px;visibility:visible}.ant-tooltip-hidden{display:none}.ant-tooltip-placement-top,.ant-tooltip-placement-topLeft,.ant-tooltip-placement-topRight{padding-bottom:4px}.ant-tooltip-placement-right,.ant-tooltip-placement-rightBottom,.ant-tooltip-placement-rightTop{padding-left:4px}.ant-tooltip-placement-bottom,.ant-tooltip-placement-bottomLeft,.ant-tooltip-placement-bottomRight{padding-top:4px}.ant-tooltip-placement-left,.ant-tooltip-placement-leftBottom,.ant-tooltip-placement-leftTop{padding-right:4px}.ant-tooltip-inner{min-width:30px;min-height:32px;padding:6px 8px;color:#fff;text-align:left;text-decoration:none;word-wrap:break-word;background-color:#384350;border-radius:3px;box-shadow:0 2px 6px rgba(171,178,183,.12)}.ant-tooltip-arrow{position:absolute;display:block;width:13.07px;height:13.07px;overflow:hidden;background:0 0;pointer-events:none}.ant-tooltip-arrow-content{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:5px;height:5px;margin:auto;background-color:#384350;content:'';pointer-events:auto}.ant-tooltip-placement-top .ant-tooltip-arrow,.ant-tooltip-placement-topLeft .ant-tooltip-arrow,.ant-tooltip-placement-topRight .ant-tooltip-arrow{bottom:-9.07px}.ant-tooltip-placement-top .ant-tooltip-arrow-content,.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-topRight .ant-tooltip-arrow-content{box-shadow:3px 3px 7px rgba(0,0,0,.07);transform:translateY(-6.54px) rotate(45deg)}.ant-tooltip-placement-top .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-topLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-topRight .ant-tooltip-arrow{right:13px}.ant-tooltip-placement-right .ant-tooltip-arrow,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow,.ant-tooltip-placement-rightTop .ant-tooltip-arrow{left:-9.07px}.ant-tooltip-placement-right .ant-tooltip-arrow-content,.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content{box-shadow:-3px 3px 7px rgba(0,0,0,.07);transform:translateX(6.54px) rotate(45deg)}.ant-tooltip-placement-right .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-rightTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-rightBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-left .ant-tooltip-arrow,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow,.ant-tooltip-placement-leftTop .ant-tooltip-arrow{right:-9.07px}.ant-tooltip-placement-left .ant-tooltip-arrow-content,.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content,.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content{box-shadow:3px -3px 7px rgba(0,0,0,.07);transform:translateX(-6.54px) rotate(45deg)}.ant-tooltip-placement-left .ant-tooltip-arrow{top:50%;transform:translateY(-50%)}.ant-tooltip-placement-leftTop .ant-tooltip-arrow{top:5px}.ant-tooltip-placement-leftBottom .ant-tooltip-arrow{bottom:5px}.ant-tooltip-placement-bottom .ant-tooltip-arrow,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{top:-9.07px}.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content{box-shadow:-3px -3px 7px rgba(0,0,0,.07);transform:translateY(6.54px) rotate(45deg)}.ant-tooltip-placement-bottom .ant-tooltip-arrow{left:50%;transform:translateX(-50%)}.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow{left:13px}.ant-tooltip-placement-bottomRight .ant-tooltip-arrow{right:13px}.ant-tooltip-pink .ant-tooltip-inner{background-color:#eb2f96}.ant-tooltip-pink .ant-tooltip-arrow-content{background-color:#eb2f96}.ant-tooltip-magenta .ant-tooltip-inner{background-color:#eb2f96}.ant-tooltip-magenta .ant-tooltip-arrow-content{background-color:#eb2f96}.ant-tooltip-red .ant-tooltip-inner{background-color:#f5222d}.ant-tooltip-red .ant-tooltip-arrow-content{background-color:#f5222d}.ant-tooltip-volcano .ant-tooltip-inner{background-color:#fa541c}.ant-tooltip-volcano .ant-tooltip-arrow-content{background-color:#fa541c}.ant-tooltip-orange .ant-tooltip-inner{background-color:#fa8c16}.ant-tooltip-orange .ant-tooltip-arrow-content{background-color:#fa8c16}.ant-tooltip-yellow .ant-tooltip-inner{background-color:#fadb14}.ant-tooltip-yellow .ant-tooltip-arrow-content{background-color:#fadb14}.ant-tooltip-gold .ant-tooltip-inner{background-color:#faad14}.ant-tooltip-gold .ant-tooltip-arrow-content{background-color:#faad14}.ant-tooltip-cyan .ant-tooltip-inner{background-color:#13c2c2}.ant-tooltip-cyan .ant-tooltip-arrow-content{background-color:#13c2c2}.ant-tooltip-lime .ant-tooltip-inner{background-color:#a0d911}.ant-tooltip-lime .ant-tooltip-arrow-content{background-color:#a0d911}.ant-tooltip-green .ant-tooltip-inner{background-color:#52c41a}.ant-tooltip-green .ant-tooltip-arrow-content{background-color:#52c41a}.ant-tooltip-blue .ant-tooltip-inner{background-color:#1890ff}.ant-tooltip-blue .ant-tooltip-arrow-content{background-color:#1890ff}.ant-tooltip-geekblue .ant-tooltip-inner{background-color:#2f54eb}.ant-tooltip-geekblue .ant-tooltip-arrow-content{background-color:#2f54eb}.ant-tooltip-purple .ant-tooltip-inner{background-color:#722ed1}.ant-tooltip-purple .ant-tooltip-arrow-content{background-color:#722ed1}.ant-tooltip-rtl{direction:rtl}.ant-tooltip-rtl .ant-tooltip-inner{text-align:right}.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum'}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.ant-carousel .slick-list:focus{outline:0}.ant-carousel .slick-list.dragging{cursor:pointer}.ant-carousel .slick-list .slick-slide{pointer-events:none}.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input{visibility:hidden}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input{visibility:visible}.ant-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track{transform:translate3d(0,0,0)}.ant-carousel .slick-track{position:relative;top:0;left:0;display:block}.ant-carousel .slick-track::after,.ant-carousel .slick-track::before{display:table;content:''}.ant-carousel .slick-track::after{clear:both}.slick-loading .ant-carousel .slick-track{visibility:hidden}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.ant-carousel .slick-slide img{display:block}.ant-carousel .slick-slide.slick-loading img{display:none}.ant-carousel .slick-slide.dragging img{pointer-events:none}.ant-carousel .slick-initialized .slick-slide{display:block}.ant-carousel .slick-loading .slick-slide{visibility:hidden}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto}.ant-carousel .slick-arrow.slick-hidden{display:none}.ant-carousel .slick-next,.ant-carousel .slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:0 0;border:0;outline:0;cursor:pointer}.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover{color:transparent;background:0 0;outline:0}.ant-carousel .slick-next:focus::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-prev:hover::before{opacity:1}.ant-carousel .slick-next.slick-disabled::before,.ant-carousel .slick-prev.slick-disabled::before{opacity:.25}.ant-carousel .slick-prev{left:-25px}.ant-carousel .slick-prev::before{content:'←'}.ant-carousel .slick-next{right:-25px}.ant-carousel .slick-next::before{content:'→'}.ant-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex!important;justify-content:center;margin-right:15%;margin-left:15%;padding-left:0;list-style:none}.ant-carousel .slick-dots-bottom{bottom:12px}.ant-carousel .slick-dots-top{top:12px}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 2px;margin-right:3px;margin-left:3px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.ant-carousel .slick-dots li button{display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#fff;border:0;border-radius:1px;outline:0;cursor:pointer;opacity:.3;transition:all .5s}.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover{opacity:.75}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.ant-carousel .slick-dots li.slick-active:focus,.ant-carousel .slick-dots li.slick-active:hover{opacity:1}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.ant-carousel-vertical .slick-dots-left{right:auto;left:12px}.ant-carousel-vertical .slick-dots-right{right:12px;left:auto}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 2px;vertical-align:baseline}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px}.ant-carousel-vertical .slick-dots li.slick-active{width:3px;height:24px}.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.ant-carousel-rtl{direction:rtl}.ant-carousel-rtl .ant-carousel .slick-track{right:0;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev{right:-25px;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev::before{content:'→'}.ant-carousel-rtl .ant-carousel .slick-next{right:auto;left:-25px}.ant-carousel-rtl .ant-carousel .slick-next::before{content:'←'}.ant-carousel-rtl.ant-carousel .slick-dots{flex-direction:row-reverse}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column}.ant-tooltip{transform:none!important;transform-origin:50%!important}.ant-tooltip.ds-tooltip-type-largeScrollable{max-width:400px}.ant-tooltip.ant-tooltip-placement-left,.ant-tooltip.ant-tooltip-placement-leftBottom,.ant-tooltip.ant-tooltip-placement-leftTop{padding:0 8px 0 0}.ant-tooltip.ant-tooltip-placement-left.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-leftBottom.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-leftTop.ds-tooltip-offset-small{padding:0 4px 0 0}.ant-tooltip.ant-tooltip-placement-right,.ant-tooltip.ant-tooltip-placement-rightBottom,.ant-tooltip.ant-tooltip-placement-rightTop{padding:0 0 0 8px}.ant-tooltip.ant-tooltip-placement-right.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-rightBottom.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-rightTop.ds-tooltip-offset-small{padding:0 0 0 4px}.ant-tooltip.ant-tooltip-placement-top,.ant-tooltip.ant-tooltip-placement-topLeft,.ant-tooltip.ant-tooltip-placement-topRight{padding:0 0 8px 0}.ant-tooltip.ant-tooltip-placement-top.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-topLeft.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-topRight.ds-tooltip-offset-small{padding:0 0 4px 0}.ant-tooltip.ant-tooltip-placement-bottom,.ant-tooltip.ant-tooltip-placement-bottomLeft,.ant-tooltip.ant-tooltip-placement-bottomRight{padding:8px 0 0 0}.ant-tooltip.ant-tooltip-placement-bottom.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-bottomLeft.ds-tooltip-offset-small,.ant-tooltip.ant-tooltip-placement-bottomRight.ds-tooltip-offset-small{padding:4px 0 0 0}.ant-tooltip-inner{font-size:11px;font-weight:500;box-shadow:0 8px 16px rgba(171,178,183,.32);min-height:24px;text-align:center}.ant-tooltip-arrow{display:none}.ant-tooltip-inner{padding:0;background-color:transparent!important}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tooltip",
-  "version": "0.13.7",
+  "version": "0.14.0",
   "description": "Tooltip UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -32,8 +32,9 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.17.19",
-    "@synerise/ds-icon": "^0.57.0"
+    "@synerise/ds-button": "^0.17.20",
+    "@synerise/ds-icon": "^0.58.0",
+    "@synerise/ds-scrollbar": "^0.6.4"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -43,5 +44,5 @@
   "devDependencies": {
     "@synerise/ds-utils": "^0.19.0"
   },
-  "gitHead": "948b33abd56086fc73880204892f90bd6ddc0a72"
+  "gitHead": "283730ca9bb63422391388fbc020906edf942b57"
 }