@synerise/ds-tooltip 0.14.9 → 0.14.11

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.14.11](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@0.14.10...@synerise/ds-tooltip@0.14.11) (2023-12-06)
+
+
+### Bug Fixes
+
+* **tooltip:** fixed tooltip styles ([e97be65](https://github.com/synerise/synerise-design/commit/e97be657bb21017dbd41b65f596cdc82177e6981))
+
+
+
+
+
+## [0.14.10](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@0.14.9...@synerise/ds-tooltip@0.14.10) (2023-11-16)
+
+**Note:** Version bump only for package @synerise/ds-tooltip
+
+
+
+
+
 ## [0.14.9](https://github.com/synerise/synerise-design/compare/@synerise/ds-tooltip@0.14.8...@synerise/ds-tooltip@0.14.9) (2023-10-30)
 
 **Note:** Version bump only for package @synerise/ds-tooltip

package/dist/Tooltip.js

@@ -82,13 +82,19 @@ var Tooltip = function Tooltip(_ref) {
       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 captureClick = function captureClick(event) {
+    event.stopPropagation();
+  };
+
   var tooltipComponent = /*#__PURE__*/React.createElement(S.TooltipComponent, {
+    onClick: captureClick,
     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, {
+  }, type && shouldRenderIcon(type, icon), /*#__PURE__*/React.createElement(S.TooltipTitleWrapper, null, type && shouldRenderTitle(type, title))), /*#__PURE__*/React.createElement(S.TooltipDescription, {
     tooltipType: type
   }, type === 'largeScrollable' && /*#__PURE__*/React.createElement(Scrollbar, {
     absolute: true,
@@ -98,6 +104,7 @@ var Tooltip = function Tooltip(_ref) {
     }
   }, /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderDescription(description, type))), type !== 'largeScrollable' && shouldRenderDescription(description, type))), renderButton);
   var buttonComponent = /*#__PURE__*/React.createElement(S.TooltipComponent, {
+    onClick: captureClick,
     tooltipType: type
   }, /*#__PURE__*/React.createElement(S.TooltipContent, null, /*#__PURE__*/React.createElement(S.TooltipStatus, {
     tooltipType: type
@@ -107,6 +114,7 @@ var Tooltip = function Tooltip(_ref) {
     tooltipType: type
   }, description)), renderButton);
   var tutorialComponent = /*#__PURE__*/React.createElement(S.TooltipComponent, {
+    onClick: captureClick,
     tooltipType: type
   }, /*#__PURE__*/React.createElement(Carousel, {
     autoplay: tutorialAutoplay,

package/dist/Tooltip.styles.d.ts

@@ -5,6 +5,7 @@ export declare const TooltipDescription: import("styled-components").StyledCompo
 export declare const TooltipTitle: import("styled-components").StyledComponent<"div", any, Omit<TooltipExtendedProps, "type"> & {
     tooltipType: tooltipTypes;
 }, never>;
+export declare const TooltipTitleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TooltipButton: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TooltipContent: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TooltipStatus: import("styled-components").StyledComponent<"div", any, Omit<TooltipExtendedProps, "type"> & {

package/dist/Tooltip.styles.js

@@ -10,27 +10,31 @@ var titlesWithPadding = ['icon', 'tutorial', 'button', 'header-label'];
 export var TooltipTitle = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipTitle",
   componentId: "mghjny-1"
-})(["margin-bottom:", ";font-size:13px;line-height:1.38;font-weight:", ";display:flex;align-items:center;justify-content:flex-start;text-align:inherit;word-break:break-all;", "{align-self:flex-start;}"], function (_ref) {
+})(["margin-bottom:", ";font-size:13px;line-height:1.38;font-weight:", ";display:flex;width:100%;align-items:center;justify-content:flex-start;text-align:inherit;", "{align-self:flex-start;}"], function (_ref) {
   var tooltipType = _ref.tooltipType;
   return titlesWithPadding.includes(String(tooltipType)) ? '8px' : '0px';
 }, function (props) {
   return props.tooltipType === 'default' ? 400 : 500;
 }, IconContainer);
+export var TooltipTitleWrapper = styled.div.withConfig({
+  displayName: "Tooltipstyles__TooltipTitleWrapper",
+  componentId: "mghjny-2"
+})(["white-space:break-spaces;max-width:100%;width:fit-content;"]);
 export var TooltipButton = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipButton",
-  componentId: "mghjny-2"
+  componentId: "mghjny-3"
 })(["width:100%;padding:8px;background-color:rgba(56,67,80,0.9);display:flex;flex-direction:row;align-items:center;justify-content:flex-end;"]);
 export var TooltipContent = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipContent",
-  componentId: "mghjny-3"
+  componentId: "mghjny-4"
 })(["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"
+  componentId: "mghjny-5"
 })(["padding-bottom:2px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;"]);
 export var TooltipComponent = styled.div.withConfig({
   displayName: "Tooltipstyles__TooltipComponent",
-  componentId: "mghjny-5"
+  componentId: "mghjny-6"
 })(["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'];
 }, TooltipContent, function (props) {
@@ -77,7 +81,7 @@ export var TooltipComponent = styled.div.withConfig({
 });
 export var TutorialItem = styled.div.withConfig({
   displayName: "Tooltipstyles__TutorialItem",
-  componentId: "mghjny-6"
+  componentId: "mghjny-7"
 })(["padding:16px;color:", ";"], function (props) {
   return props.theme.palette.white;
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-tooltip",
-  "version": "0.14.9",
+  "version": "0.14.11",
   "description": "Tooltip UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "synerise/synerise-design",
@@ -35,7 +35,7 @@
   "dependencies": {
     "@synerise/ds-button": "^0.18.7",
     "@synerise/ds-icon": "^0.58.7",
-    "@synerise/ds-scrollbar": "^0.6.12"
+    "@synerise/ds-scrollbar": "^0.6.13"
   },
   "peerDependencies": {
     "@synerise/ds-core": "*",
@@ -47,5 +47,5 @@
     "@synerise/ds-utils": "^0.24.21",
     "@testing-library/react": "10.0.1"
   },
-  "gitHead": "854aa713ea3fb1e9348fd351888da807f761a3f4"
+  "gitHead": "b5c243a1f88351e9bc0185d35fc35ea3673dab89"
 }