carbon-react 112.0.3 → 113.0.0

package/lib/components/tooltip/tooltip.style.js

@@ -32,55 +32,19 @@ const tooltipColor = (theme, bgColor, type) => {
   return type === "error" ? "var(--colorsSemanticNegative500)" : "var(--colorsSemanticNeutral500)";
 };
 
-const tooltipOffset = (position, inputSize, isPartOfInput) => {
-  if (!isPartOfInput) {
-    return {
-      [position]: "1px"
-    };
-  }
-
-  switch (inputSize) {
-    case "small":
-      return `
-        ${position}: 5px;
-        @-moz-document url-prefix() { 
-          ${position}: ${["top", "bottom"].includes(position) ? "7px" : "6px"};
-        }
-      `;
-
-    case "large":
-      return `
-        ${position}: ${["top", "bottom"].includes(position) ? "0px" : "-2px"};
-        @-moz-document url-prefix() { 
-          ${position}: -1px;
-        }
-      `;
-
-    default:
-      return `
-        ${position}: ${["top", "bottom"].includes(position) ? "4px" : "2px"};
-        @-moz-document url-prefix() { 
-          ${position}: 4px;
-        }
-      `;
-  }
-};
-
 const StyledTooltip = _styledComponents.default.div`
   ${({
-  position,
   size,
   theme,
   type,
-  isPartOfInput,
-  inputSize = "medium",
   bgColor,
   fontColor
 }) => (0, _styledComponents.css)`
     bottom: auto;
     right: auto;
     max-width: 300px;
-    position: relative;
+    width: max-content;
+    position: absolute;
     animation: ${fadeIn} 0.2s linear;
     z-index: ${theme.zIndex.popover}; // TODO (tokens): implement elevation tokens - FE-4437
     text-align: left;
@@ -93,7 +57,6 @@ const StyledTooltip = _styledComponents.default.div`
     line-height: 1.5rem;
     font-weight: 400;
     background-color: ${tooltipColor(theme, bgColor, type)};
-    ${tooltipOffset(position, inputSize, isPartOfInput)};
   `}
 `;
 StyledTooltip.defaultProps = {

package/lib/hooks/__internal__/useFloating/useFloating.d.ts

@@ -2,8 +2,8 @@
 import { Strategy, Middleware, Placement } from "@floating-ui/dom";
 export interface UseFloatingProps {
     isOpen?: boolean;
-    reference: React.RefObject<HTMLElement>;
-    floating: React.RefObject<HTMLElement>;
+    reference: React.RefObject<HTMLElement | null>;
+    floating: React.RefObject<HTMLElement | null>;
     strategy?: Strategy;
     middleware?: Middleware[];
     placement?: Placement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "112.0.3",
+  "version": "113.0.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -164,10 +164,10 @@
     "webpack-dev-server": "^4.0.0"
   },
   "dependencies": {
-    "@floating-ui/dom": "^1.0.2",
+    "@floating-ui/dom": "^1.0.7",
+    "@floating-ui/react-dom": "^1.0.1",
     "@octokit/rest": "^18.12.0",
     "@styled-system/prop-types": "^5.1.5",
-    "@tippyjs/react": "^4.2.5",
     "@types/styled-system": "^5.1.11",
     "chalk": "^4.1.1",
     "ci-info": "^3.3.2",