carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/toast/toast.style.js

@@ -1,234 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ToastWrapper = exports.StyledToastContent = exports.StyledToast = exports.StyledPortal = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
-var _portal = _interopRequireDefault(require("../portal/portal"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _icon = _interopRequireDefault(require("../icon/icon.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledPortal = exports.StyledPortal = (0, _styledComponents.default)(_portal.default)`
-  ${({
-  theme,
-  isNotice,
-  align,
-  alignY
-}) => (0, _styledComponents.css)`
-    position: fixed;
-    top: 0;
-    z-index: ${theme.zIndex.notification};
-
-    ${align === "left" && (0, _styledComponents.css)`
-      left: 0;
-      transform: translateX(50%);
-    `}
-
-    ${align === "center" && (0, _styledComponents.css)`
-      margin-left: 50%;
-      transform: translateX(-50%);
-    `}
-
-    ${align === "right" && (0, _styledComponents.css)`
-      right: 0;
-      transform: translateX(-50%);
-    `}
-
-    ${isNotice && (0, _styledComponents.css)`
-      bottom: 0;
-      top: auto;
-      width: 100%;
-    `}
-
-    ${alignY === "top" && (0, _styledComponents.css)`
-      top: 0;
-      bottom: auto;
-    `}
-
-    ${alignY === "center" && (0, _styledComponents.css)`
-      top: 50%;
-      transform: translate(${align === "left" ? "50%" : "-50%"}, -50%);
-    `}
-
-    ${alignY === "bottom" && (0, _styledComponents.css)`
-      bottom: 0;
-      top: auto;
-      display: flex;
-      flex-direction: column-reverse;
-    `}
-  `}
-`;
-StyledPortal.defaultProps = {
-  theme: _base.default
-};
-const animationName = ".toast";
-const alternativeAnimationName = ".toast-alternative";
-const ToastColourVariants = {
-  error: "var(--colorsSemanticNegative500)",
-  info: "var(--colorsSemanticInfo500)",
-  success: "var(--colorsSemanticPositive500)",
-  warning: "var(--colorsSemanticCaution500)",
-  neutral: "var(--colorsSemanticNeutral500)"
-};
-const boxShadow = "0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)";
-const iconPositionStyles = (0, _styledComponents.css)`
-  position: absolute;
-  right: 15px;
-  top: 50%;
-  transform: translateY(-50%);
-`;
-const StyledToast = exports.StyledToast = _styledComponents.default.div`
-  ${({
-  maxWidth,
-  align,
-  isNotification,
-  alignY,
-  isNotice,
-  variant
-}) => (0, _styledComponents.css)`
-    position: relative;
-    display: flex;
-    justify-content: flex-start;
-    align-content: center;
-    border-radius: var(--borderRadius100);
-    overflow: hidden;
-    border: 1px solid ${ToastColourVariants[variant]};
-    background-color: var(--colorsUtilityYang100);
-    min-height: 38px;
-
-    :focus {
-      outline: none;
-    }
-
-    ${_iconButton.default} {
-      ${iconPositionStyles}
-    }
-
-    box-shadow: ${boxShadow};
-    line-height: 22px;
-    margin-top: ${isNotice || alignY === "center" || alignY === "bottom" ? "0" : "30px"};
-    margin-bottom: ${alignY === "bottom" && !isNotice ? "30px" : "0"};
-    max-width: ${!maxWidth ? "300px" : maxWidth};
-    position: relative;
-    margin-right: ${align === "center" || align === "right" ? "auto" : "30px"};
-    margin-left: ${align === "center" || align === "left" ? "auto" : "30px"};
-
-    ${isNotification && (0, _styledComponents.css)`
-      border: 1px solid var(--colorsSemanticInfo500);
-    `}
-  `}
-
-  :focus {
-    outline: none;
-  }
-
-  &${animationName}-appear, &${animationName}-enter {
-    opacity: 0;
-    transform: scale(0.5);
-  }
-
-  &${animationName}-appear${animationName}-appear-active,
-    &${animationName}-enter${animationName}-enter-active {
-    opacity: 1;
-    transform: ${({
-  align
-}) => align === "center" ? " scale(1) translateY(0)" : "scale(1)"};
-    transition: all 300ms cubic-bezier(0.25, 0.25, 0, 1.5);
-  }
-
-  &${animationName}-exit${animationName}-exit-active {
-    opacity: 0;
-
-    ${({
-  alignY
-}) => alignY === "bottom" ? "margin-bottom: -40px" : "margin-top: -40px"};
-    transition: all 150ms ease-out;
-  }
-
-  ${_iconButton.default} {
-    ${iconPositionStyles}
-  }
-
-  ${({
-  isNotice,
-  alignY
-}) => isNotice && (0, _styledComponents.css)`
-      background-color: var(--colorsUtilityMajor400);
-      border: none;
-      color: var(--colorsSemanticNeutralYang100);
-      margin-right: 0;
-      max-width: 100%;
-
-      ${_iconButton.default} {
-        right: 55px;
-      }
-
-      ${_iconButton.default} ${_icon.default} {
-        color: var(--colorsSemanticNeutralYang100);
-      }
-
-      &${alternativeAnimationName}-appear, &${alternativeAnimationName}-enter {
-        ${alignY === "top" ? "top: -40px" : "bottom: -40px"};
-        opacity: 0;
-      }
-
-      &${alternativeAnimationName}-exit {
-        ${alignY === "top" ? "top: 0" : "bottom: 0"};
-        opacity: 1;
-      }
-
-      &${alternativeAnimationName}-appear${alternativeAnimationName}-appear-active,
-        &${alternativeAnimationName}-enter${alternativeAnimationName}-enter-active {
-        ${alignY === "top" ? "top: 0" : "bottom: 0"};
-        opacity: 1;
-        transition: all 400ms ease;
-      }
-
-      &${alternativeAnimationName}-exit${alternativeAnimationName}-exit-active {
-        ${alignY === "top" ? "top: -40px" : "bottom: -40px"};
-        opacity: 0;
-        transition: all 200ms ease;
-      }
-    `}
-`;
-const StyledToastContent = exports.StyledToastContent = _styledComponents.default.div`
-  padding: 8px 16px 8px 16px;
-  white-space: pre-wrap;
-  flex: 1;
-
-  ${({
-  isNotice
-}) => isNotice && (0, _styledComponents.css)`
-      display: flex;
-      align-items: center;
-      padding: 11px 40px;
-    `}
-
-  ${({
-  isDismiss,
-  isNotice
-}) => isDismiss && (0, _styledComponents.css)`
-      padding-right: ${isNotice ? "88px" : "48px"};
-    `}
-`;
-const ToastWrapper = exports.ToastWrapper = _styledComponents.default.div`
-  ${({
-  align
-}) => align && (0, _styledComponents.css)`
-      position: relative;
-      width: auto;
-      height: auto;
-      justify-content: ${align};
-      display: flex;
-    `}
-
-  ${({
-  isNotice
-}) => isNotice && (0, _styledComponents.css)`
-      display: block;
-    `}
-`;
+"use strict";var t=require("styled-components"),e=require("../icon-button/icon-button.style.js"),o=require("../portal/portal.js"),a=require("../../style/themes/base/index.js"),i=require("../icon/icon.style.js");function s(t){return t&&t.__esModule?t:{default:t}}var r=s(t);const n=r.default(o.Portal).withConfig({displayName:"toast.style__StyledPortal",componentId:"sc-45e811f8-0"})(["",""],(({theme:e,isNotice:o,align:a,alignY:i})=>t.css(["position:fixed;top:0;z-index:",";"," "," "," "," "," "," ",""],e.zIndex.notification,"left"===a&&t.css(["left:0;transform:translateX(50%);"]),"center"===a&&t.css(["margin-left:50%;transform:translateX(-50%);"]),"right"===a&&t.css(["right:0;transform:translateX(-50%);"]),o&&t.css(["bottom:0;top:auto;width:100%;"]),"top"===i&&t.css(["top:0;bottom:auto;"]),"center"===i&&t.css(["top:50%;transform:translate(",",-50%);"],"left"===a?"50%":"-50%"),"bottom"===i&&t.css(["bottom:0;top:auto;display:flex;flex-direction:column-reverse;"]))));n.defaultProps={theme:a.default};const l=".toast",c=".toast-alternative",p={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)"},d=t.css(["position:absolute;right:15px;top:50%;transform:translateY(-50%);"]),m=r.default.div.withConfig({displayName:"toast.style__StyledToast",componentId:"sc-45e811f8-1"})([""," :focus{outline:none;}&","-appear,&","-enter{opacity:0;transform:scale(0.5);}&","-appear","-appear-active,&","-enter","-enter-active{opacity:1;transform:",";transition:all 300ms cubic-bezier(0.25,0.25,0,1.5);}&","-exit","-exit-active{opacity:0;",";transition:all 150ms ease-out;}","{","}",""],(({maxWidth:o,align:a,isNotification:i,alignY:s,isNotice:r,variant:n})=>t.css(["position:relative;display:flex;justify-content:flex-start;align-content:center;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}","{","}box-shadow:",";line-height:22px;margin-top:",";margin-bottom:",";max-width:",";position:relative;margin-right:",";margin-left:",";",""],p[n],e.default,d,"0 10px 30px 0 rgba(0, 20, 29, 0.1), 0 30px 60px 0 rgba(0, 20, 29, 0.1)",r||"center"===s||"bottom"===s?"0":"30px","bottom"!==s||r?"0":"30px",o||"300px","center"===a||"right"===a?"auto":"30px","center"===a||"left"===a?"auto":"30px",i&&t.css(["border:1px solid var(--colorsSemanticInfo500);"]))),l,l,l,l,l,l,(({align:t})=>"center"===t?" scale(1) translateY(0)":"scale(1)"),l,l,(({alignY:t})=>"bottom"===t?"margin-bottom: -40px":"margin-top: -40px"),e.default,d,(({isNotice:o,alignY:a})=>o&&t.css(["background-color:var(--colorsUtilityMajor400);border:none;color:var(--colorsSemanticNeutralYang100);margin-right:0;max-width:100%;","{right:55px;}"," ","{color:var(--colorsSemanticNeutralYang100);}&","-appear,&","-enter{",";opacity:0;}&","-exit{",";opacity:1;}&","-appear","-appear-active,&","-enter","-enter-active{",";opacity:1;transition:all 400ms ease;}&","-exit","-exit-active{",";opacity:0;transition:all 200ms ease;}"],e.default,e.default,i.default,c,c,"top"===a?"top: -40px":"bottom: -40px",c,"top"===a?"top: 0":"bottom: 0",c,c,c,c,"top"===a?"top: 0":"bottom: 0",c,c,"top"===a?"top: -40px":"bottom: -40px"))),x=r.default.div.withConfig({displayName:"toast.style__StyledToastContent",componentId:"sc-45e811f8-2"})(["padding:8px 16px 8px 16px;white-space:pre-wrap;flex:1;"," ",""],(({isNotice:e})=>e&&t.css(["display:flex;align-items:center;padding:11px 40px;"])),(({isDismiss:e,isNotice:o})=>e&&t.css(["padding-right:",";"],o?"88px":"48px"))),f=r.default.div.withConfig({displayName:"toast.style__ToastWrapper",componentId:"sc-45e811f8-3"})([""," ",""],(({align:e})=>e&&t.css(["position:relative;width:auto;height:auto;justify-content:",";display:flex;"],e)),(({isNotice:e})=>e&&t.css(["display:block;"])));exports.StyledPortal=n,exports.StyledToast=m,exports.StyledToastContent=x,exports.ToastWrapper=f;

package/lib/components/tooltip/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _tooltip.default;
-  }
-});
-var _tooltip = _interopRequireDefault(require("./tooltip.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./tooltip.component.js");exports.default=e.Tooltip;

package/lib/components/tooltip/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/tooltip/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/tooltip/index.js",
   "types": "./index.d.ts"
 }

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

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _color = require("../../style/utils/color");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const pointerColor = (theme, bgColor, type) => {
-  if (bgColor) return (0, _color.toColor)(theme, bgColor);
-  return type === "error" ? "var(--colorsSemanticNegative500)" : "var(--colorsSemanticNeutral500)";
-};
-const StyledTooltipPointer = _styledComponents.default.div`
-  ${({
-  theme,
-  type,
-  bgColor
-}) => (0, _styledComponents.css)`
-    z-index: ${theme.zIndex.popover}; // TODO (tokens): implement elevation tokens - FE-4437
-    background: ${pointerColor(theme, bgColor, type)};
-    position: absolute;
-    width: 12px;
-    height: 12px;
-    transform: rotate(45deg);
-  `}
-`;
-StyledTooltipPointer.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledTooltipPointer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../style/themes/base/index.js"),o=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}const s=r(e).default.div.withConfig({displayName:"tooltip-pointer.style__StyledTooltipPointer",componentId:"sc-d8a129c7-0"})(["",""],(({theme:t,type:r,bgColor:s})=>e.css(["z-index:",";background:",";position:absolute;width:12px;height:12px;transform:rotate(45deg);"],t.zIndex.popover,((e,t,r)=>t?o.toColor(e,t):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(t,s,r))));s.defaultProps={theme:t.default},exports.default=s;

package/lib/components/tooltip/tooltip.component.js

@@ -1,194 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Tooltip = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _reactDom = require("@floating-ui/react-dom");
-var _tooltip = _interopRequireDefault(require("./tooltip.style"));
-var _tooltipPointer = _interopRequireDefault(require("./tooltip-pointer.style"));
-var _tooltip2 = require("./tooltip.config");
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _portal = _interopRequireDefault(require("../portal"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function preserveRef(ref, node) {
-  if (!ref) return;
-  if (typeof ref === "function") {
-    ref(node);
-  }
-  if (typeof ref === "object" && "current" in ref) {
-    ref.current = node;
-  }
-}
-const TOOLTIP_DELAY = 100;
-const Tooltip = exports.Tooltip = /*#__PURE__*/_react.default.forwardRef(({
-  children,
-  isVisible,
-  position = "top",
-  message,
-  type,
-  size = "medium",
-  isPartOfInput,
-  inputSize = "medium",
-  id,
-  bgColor,
-  fontColor,
-  flipOverrides,
-  target,
-  ...rest
-}, ref) => {
-  const targetInternalRef = (0, _react.useRef)(null);
-  const isControlled = isVisible !== undefined;
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  let showTooltip = isOpen;
-  if (isControlled) {
-    showTooltip = isVisible;
-  }
-  const showDelayedTimeout = (0, _react.useRef)(undefined);
-  const hideDelayedTimeout = (0, _react.useRef)(undefined);
-  (0, _react.useEffect)(() => {
-    return () => {
-      clearTimeout(showDelayedTimeout.current);
-      clearTimeout(hideDelayedTimeout.current);
-    };
-  }, []);
-  const show = (0, _react.useCallback)(() => setIsOpen(true), []);
-  const hide = (0, _react.useCallback)(() => setIsOpen(false), []);
-  const showDelayed = (0, _react.useCallback)(() => {
-    showDelayedTimeout.current = window.setTimeout(show, TOOLTIP_DELAY);
-  }, [show]);
-  const hideDelayed = (0, _react.useCallback)(() => {
-    hideDelayedTimeout.current = window.setTimeout(hide, TOOLTIP_DELAY);
-  }, [hide]);
-  (0, _react.useEffect)(() => {
-    const events = {
-      mouseenter: showDelayed,
-      mouseleave: hideDelayed,
-      focus: show,
-      blur: hide
-    };
-    const targetElement = target || targetInternalRef.current;
-    if (!isControlled) {
-      Object.entries(events).forEach(([event, handler]) => {
-        targetElement?.addEventListener(event, handler);
-      });
-    }
-    return () => {
-      if (!isControlled) {
-        Object.entries(events).forEach(([event, handler]) => {
-          targetElement?.removeEventListener(event, handler);
-        });
-      }
-    };
-  }, [children, show, showDelayed, hide, hideDelayed, isControlled, target]);
-  const flipOverridesRef = (0, _react.useRef)(flipOverrides);
-  flipOverridesRef.current = flipOverrides;
-  const arrowReference = (0, _react.useRef)(null);
-  const calculateOffset = (0, _react.useCallback)(placement => {
-    let mainAxisOffset = 9;
-    if (isPartOfInput) {
-      const offsets = {
-        small: 5,
-        medium: ["top", "bottom"].includes(placement) ? 6 : 8,
-        large: ["top", "bottom"].includes(placement) ? 10 : 12
-      };
-      mainAxisOffset = offsets[inputSize];
-    }
-    return mainAxisOffset;
-  }, [inputSize, isPartOfInput]);
-  const defaultMiddleware = (0, _react.useMemo)(() => [(0, _reactDom.offset)(({
-    placement
-  }) => ({
-    mainAxis: calculateOffset(placement)
-  })), (0, _reactDom.flip)({
-    fallbackPlacements: flipOverridesRef.current
-  }), (0, _reactDom.shift)({
-    padding: 5,
-    limiter: (0, _reactDom.limitShift)({
-      offset: ({
-        rects
-      }) => ({
-        mainAxis: rects.reference.height
-      })
-    })
-  }), (0, _reactDom.arrow)({
-    element: arrowReference
-  })], [calculateOffset, arrowReference]);
-  const {
-    x,
-    y,
-    reference,
-    floating,
-    strategy,
-    placement: currentPlacement,
-    middlewareData
-  } = (0, _reactDom.useFloating)({
-    placement: position,
-    middleware: defaultMiddleware,
-    whileElementsMounted: _reactDom.autoUpdate
-  });
-  const tooltipStyle = {
-    position: strategy,
-    top: y ?? 0,
-    left: x ?? 0
-  };
-  const handleTargetRef = (0, _react.useCallback)(node => {
-    reference(target || node);
-    targetInternalRef.current = node;
-    preserveRef(
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    children.ref, node);
-  }, [reference, children, target]);
-  const handleFloatingRef = (0, _react.useCallback)(node => {
-    floating(node);
-    preserveRef(ref, node);
-  }, [floating, ref]);
-  const staticSide = {
-    top: "bottom",
-    right: "left",
-    bottom: "top",
-    left: "right"
-  }[currentPlacement.split("-")[0]];
-  const {
-    x: arrowX,
-    y: arrowY
-  } = middlewareData.arrow || {};
-  const arrowStyle = {
-    left: arrowX,
-    top: arrowY,
-    [staticSide]: "-6px"
-  };
-  const isFlipOverridesValid = !flipOverrides || Array.isArray(flipOverrides) && flipOverrides.every(placement => _tooltip2.TOOLTIP_POSITIONS.includes(placement));
-  !isFlipOverridesValid ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].`) : (0, _invariant.default)(false) : void 0;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(children, {
-    ref: handleTargetRef
-  }), showTooltip ? /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_tooltip.default, _extends({
-    "data-element": "tooltip",
-    "data-role": "tooltip",
-    role: "tooltip",
-    tabIndex: -1,
-    type: type,
-    size: size,
-    id: id
-  }, (0, _tags.default)("tooltip", rest), {
-    ref: handleFloatingRef,
-    bgColor: bgColor,
-    fontColor: fontColor,
-    style: tooltipStyle,
-    "data-placement": currentPlacement
-  }), /*#__PURE__*/_react.default.createElement(_tooltipPointer.default, {
-    type: type,
-    ref: arrowReference,
-    "data-element": "tooltip-pointer",
-    "data-role": "tooltip-pointer",
-    bgColor: bgColor,
-    style: arrowStyle
-  }), message)) : null);
-});
-Tooltip.displayName = "Tooltip";
-var _default = exports.default = Tooltip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),o=require("@floating-ui/react-dom"),n=require("./tooltip.style.js"),l=require("./tooltip-pointer.style.js"),i=require("./tooltip.config.js"),s=require("../../__internal__/utils/helpers/tags/tags.js"),u=require("../portal/portal.js");function a(e){return e&&e.__esModule?e:{default:e}}var c=a(t),f=a(r);function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){p(e,t,r[t])}))}return e}function b(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function m(e,t){e&&("function"==typeof e&&e(t),"object"==typeof e&&"current"in e&&(e.current=t))}const y=c.default.forwardRef(((r,a)=>{var{children:p,isVisible:y,position:O="top",message:g,type:j,size:v="medium",isPartOfInput:h,inputSize:w="medium",id:P,bgColor:x,fontColor:C,flipOverrides:S,target:k}=r,E=function(e,t){if(null==e)return{};var r,o,n=function(e,t){if(null==e)return{};var r,o,n={},l=Object.keys(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(o=0;o<l.length;o++)r=l[o],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(r,["children","isVisible","position","message","type","size","isPartOfInput","inputSize","id","bgColor","fontColor","flipOverrides","target"]);const T=t.useRef(null),q=void 0!==y,[_,I]=t.useState(!1);let R=_;q&&(R=y);const z=t.useRef(void 0),D=t.useRef(void 0);t.useEffect((()=>()=>{clearTimeout(z.current),clearTimeout(D.current)}),[]);const A=t.useCallback((()=>I(!0)),[]),M=t.useCallback((()=>I(!1)),[]),L=t.useCallback((()=>{z.current=window.setTimeout(A,100)}),[A]),F=t.useCallback((()=>{D.current=window.setTimeout(M,100)}),[M]);t.useEffect((()=>{const e={mouseenter:L,mouseleave:F,focus:A,blur:M},t=k||T.current;return q||Object.entries(e).forEach((([e,r])=>{null==t||t.addEventListener(e,r)})),()=>{q||Object.entries(e).forEach((([e,r])=>{null==t||t.removeEventListener(e,r)}))}}),[p,A,L,M,F,q,k]);const N=t.useRef(S);N.current=S;const V=t.useRef(null),U=t.useCallback((e=>{let t=9;return h&&(t={small:5,medium:["top","bottom"].includes(e)?6:8,large:["top","bottom"].includes(e)?10:12}[w]),t}),[w,h]),B=t.useMemo((()=>[o.offset((({placement:e})=>({mainAxis:U(e)}))),o.flip({fallbackPlacements:N.current}),o.shift({padding:5,limiter:o.limitShift({offset:({rects:e})=>({mainAxis:e.reference.height})})}),o.arrow({element:V})]),[U,V]),{x:G,y:H,reference:J,floating:K,strategy:Q,placement:W,middlewareData:X}=o.useFloating({placement:O,middleware:B,whileElementsMounted:o.autoUpdate}),Y={position:Q,top:null!=H?H:0,left:null!=G?G:0},Z=t.useCallback((e=>{J(k||e),T.current=e,m(p.ref,e)}),[J,p,k]),$=t.useCallback((e=>{K(e),m(a,e)}),[K,a]),ee={top:"bottom",right:"left",bottom:"top",left:"right"}[W.split("-")[0]],{x:te,y:re}=X.arrow||{},oe={left:te,top:re,[ee]:"-6px"},ne=!S||Array.isArray(S)&&S.every((e=>i.TOOLTIP_POSITIONS.includes(e)));return f.default(ne,'The flipOverrides prop supplied to Tooltip must be an array containing some or all of ["top", "bottom", "left", "right"].'),e.jsxs(e.Fragment,{children:[c.default.cloneElement(p,{ref:Z}),R?e.jsx(u.Portal,{children:e.jsxs(n.default,b(d({"data-element":"tooltip","data-role":"tooltip",role:"tooltip",tabIndex:-1,type:j,size:v,id:P},s.default("tooltip",E)),{ref:$,bgColor:x,fontColor:C,style:Y,"data-placement":W,children:[e.jsx(l.default,{type:j,ref:V,"data-element":"tooltip-pointer","data-role":"tooltip-pointer",bgColor:x,style:oe}),g]}))}):null]})}));y.displayName="Tooltip",exports.Tooltip=y,exports.default=y;

package/lib/components/tooltip/tooltip.config.js

@@ -1,8 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TOOLTIP_POSITIONS = void 0;
-// eslint-disable-next-line import/prefer-default-export
-const TOOLTIP_POSITIONS = exports.TOOLTIP_POSITIONS = ["bottom", "left", "right", "top"];
+"use strict";exports.TOOLTIP_POSITIONS=["bottom","left","right","top"];

package/lib/components/tooltip/tooltip.style.d.ts

@@ -1,3 +1,3 @@
 import { TooltipProps } from "./tooltip.component";
-declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, Pick<TooltipProps, "type" | "size" | "bgColor" | "fontColor">, never>;
+declare const StyledTooltip: import("styled-components").StyledComponent<"div", any, Pick<TooltipProps, "size" | "type" | "bgColor" | "fontColor">, never>;
 export default StyledTooltip;

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

@@ -1,57 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _color = require("../../style/utils/color");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const fadeIn = (0, _styledComponents.keyframes)`
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`;
-const tooltipColor = (theme, bgColor, type) => {
-  if (bgColor) return (0, _color.toColor)(theme, bgColor);
-  return type === "error" ? "var(--colorsSemanticNegative500)" : "var(--colorsSemanticNeutral500)";
-};
-const StyledTooltip = _styledComponents.default.div`
-  ${({
-  size,
-  theme,
-  type,
-  bgColor,
-  fontColor
-}) => (0, _styledComponents.css)`
-    bottom: auto;
-    right: auto;
-    max-width: 300px;
-    width: max-content;
-    border-radius: var(--borderRadius050);
-    position: absolute;
-    animation: ${fadeIn} 0.2s linear;
-    z-index: ${theme.zIndex.popover}; // TODO (tokens): implement elevation tokens - FE-4437
-    text-align: left;
-    color: ${fontColor ? (0, _color.toColor)(theme, fontColor) : "var(--colorsSemanticNeutralYang100)"};
-    display: inline-block;
-    padding: 8px 12px;
-    word-break: break-word;
-    white-space: pre-wrap;
-    font-size: ${size === "medium" ? "14px" : "16px"};
-    line-height: 1.5rem;
-    font-weight: 400;
-    background-color: ${tooltipColor(theme, bgColor, type)};
-  `}
-`;
-StyledTooltip.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledTooltip;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../style/themes/base/index.js"),t=require("../../style/utils/color.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const i=e.keyframes(["0%{opacity:0;}100%{opacity:1;}"]),l=a.default.div.withConfig({displayName:"tooltip.style__StyledTooltip",componentId:"sc-8ae44e8c-0"})(["",""],(({size:o,theme:r,type:a,bgColor:l,fontColor:s})=>e.css(["bottom:auto;right:auto;max-width:300px;width:max-content;border-radius:var(--borderRadius050);position:absolute;animation:"," 0.2s linear;z-index:",";text-align:left;color:",";display:inline-block;padding:8px 12px;word-break:break-word;white-space:pre-wrap;font-size:",";line-height:1.5rem;font-weight:400;background-color:",";"],i,r.zIndex.popover,s?t.toColor(r,s):"var(--colorsSemanticNeutralYang100)","medium"===o?"14px":"16px",((e,o,r)=>o?t.toColor(e,o):"error"===r?"var(--colorsSemanticNegative500)":"var(--colorsSemanticNeutral500)")(r,l,a))));l.defaultProps={theme:o.default},exports.default=l;

package/lib/components/typography/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "List", {
-  enumerable: true,
-  get: function () {
-    return _list.List;
-  }
-});
-Object.defineProperty(exports, "ListItem", {
-  enumerable: true,
-  get: function () {
-    return _list.ListItem;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _typography.default;
-  }
-});
-var _typography = _interopRequireDefault(require("./typography.component"));
-var _list = require("./list.component");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./typography.component.js"),t=require("./list.component.js");exports.default=e.Typography,exports.List=t.List,exports.ListItem=t.ListItem;

package/lib/components/typography/list.component.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ListItem = exports.List = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _typography = _interopRequireDefault(require("./typography.component"));
-var _list = _interopRequireDefault(require("./list.context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const getListStyleType = as => {
-  if (as === "ul") {
-    return "square";
-  }
-  return "decimal";
-};
-const List = ({
-  children,
-  as = "ul",
-  variant = "p",
-  ...props
-}) => /*#__PURE__*/_react.default.createElement(_typography.default, _extends({
-  variant: variant,
-  as: as,
-  listStyleType: getListStyleType(as)
-}, props), /*#__PURE__*/_react.default.createElement(_list.default.Provider, {
-  value: {
-    variant
-  }
-}, children));
-exports.List = List;
-const ListItem = ({
-  children,
-  ...props
-}) => {
-  const {
-    variant: parentListVariant
-  } = (0, _react.useContext)(_list.default);
-  return /*#__PURE__*/_react.default.createElement(_typography.default, _extends({
-    as: "li",
-    m: "0 0 8px 16px"
-  }, props, {
-    variant: parentListVariant
-  }), children);
-};
-exports.ListItem = ListItem;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./typography.component.js"),n=require("./list.context.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const l=e=>"ul"===e?"square":"decimal";exports.List=r=>{var{children:o,as:s="ul",variant:u="p"}=r,p=a(r,["children","as","variant"]);return e.jsx(t.Typography,c(i({variant:u,as:s,listStyleType:l(s)},p),{children:e.jsx(n.ListContext.Provider,{value:{variant:u},children:o})}))},exports.ListItem=o=>{var{children:l}=o,s=a(o,["children"]);const{variant:u}=r.useContext(n.ListContext);return e.jsx(t.Typography,c(i({as:"li",m:"0 0 8px 16px"},s),{variant:u,children:l}))};