@elliemae/ds-tooltip 2.3.0-alpha.9 → 2.3.0-next.3

package/dist/esm/v3/index.js

@@ -1,91 +0,0 @@
-import * as React from "react";
-import React2, { useState, useCallback, useEffect } from "react";
-import { DSPopperJS } from "@elliemae/ds-popperjs";
-import { describe } from "react-desc";
-import { dsTooltipPropTypes } from "./propsTypes";
-import { useWithDefaultProps } from "./config/useWithDefaultProps";
-import { TooltipV3DatatestId } from "./TooltipV3DatatestId";
-import {
-  StyledTooltipContainer,
-  StyledTooltipText,
-  StyledMouseOverDetectionBox,
-  StyledTriggerWrapper
-} from "./styleds";
-const useGlobalKeyboardListener = (func) => {
-  useEffect(() => {
-    document.addEventListener("keydown", func);
-    return () => document.removeEventListener("keydown", func);
-  }, [func]);
-};
-const DSTooltipV3 = (props) => {
-  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);
-  const [isFocused, setIsFocused] = useState(false);
-  const [isHover, setIsHover] = useState(false);
-  const [latestOpenInteraction, setLatestOpenInteraction] = useState("");
-  const [referenceElement, setReferenceElement] = useState();
-  const [showPopover, setShowPopover] = useState(false);
-  const showTooltip = useCallback(() => {
-    setShowPopover(true);
-    onOpen();
-  }, [onOpen]);
-  const hideTooltip = useCallback(() => {
-    setShowPopover(false);
-    onClose();
-  }, [onClose]);
-  const onFocus = useCallback(() => {
-    setIsFocused(true);
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction("onFocus");
-    }
-  }, [showPopover, showTooltip]);
-  const onBlur = useCallback(() => {
-    setIsFocused(false);
-    if (!isHover || latestOpenInteraction === "onFocus")
-      hideTooltip();
-  }, [hideTooltip, isHover, latestOpenInteraction]);
-  const onMouseEnter = useCallback(() => {
-    setIsHover(true);
-    if (!showPopover) {
-      showTooltip();
-      setLatestOpenInteraction("onMouseEnter");
-    }
-  }, [showPopover, showTooltip]);
-  const onMouseLeave = useCallback(() => {
-    setIsHover(false);
-    if (!isFocused || latestOpenInteraction === "onMouseEnter")
-      hideTooltip();
-  }, [hideTooltip, isFocused, latestOpenInteraction]);
-  const handleEscKey = useCallback(({ key }) => {
-    if (key === "Escape")
-      hideTooltip();
-  }, [hideTooltip]);
-  useGlobalKeyboardListener(handleEscKey);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledTriggerWrapper, {
-    onMouseEnter,
-    onMouseLeave,
-    onFocus,
-    onBlur,
-    ref: setReferenceElement,
-    "data-testid": `${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== "" ? `_${id}` : ""}`
-  }, /* @__PURE__ */ React2.createElement(DSPopperJS, {
-    referenceElement,
-    showPopover,
-    withoutPortal: true,
-    ...extraPopperJsProps
-  }, /* @__PURE__ */ React2.createElement("div", {
-    "data-testid": `${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== "" ? `_${id}` : ""}`
-  }, /* @__PURE__ */ React2.createElement(StyledTooltipContainer, null, /* @__PURE__ */ React2.createElement(StyledTooltipText, {
-    textAlign
-  }, text), /* @__PURE__ */ React2.createElement(StyledMouseOverDetectionBox, null)))), children));
-};
-DSTooltipV3.propTypes = dsTooltipPropTypes;
-const DSTooltipV3WithSchema = describe(DSTooltipV3).description("A tooltip component");
-DSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;
-var v3_default = DSTooltipV3;
-export {
-  DSTooltipV3,
-  DSTooltipV3WithSchema,
-  v3_default as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/v3/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState, useCallback, useEffect } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { describe } from 'react-desc';\n\nimport { dsTooltipPropTypes } from './propsTypes';\nimport { useWithDefaultProps } from './config/useWithDefaultProps';\nimport { TooltipV3DatatestId } from './TooltipV3DatatestId';\nimport {\n  StyledTooltipContainer,\n  StyledTooltipText,\n  StyledMouseOverDetectionBox,\n  StyledTriggerWrapper,\n} from './styleds';\nimport type { TooltipV3PropsT } from './index.d';\n\nconst useGlobalKeyboardListener = (func) => {\n  useEffect(() => {\n    document.addEventListener('keydown', func);\n    return () => document.removeEventListener('keydown', func);\n  }, [func]);\n};\n\nconst DSTooltipV3: React.ComponentType<TooltipV3PropsT> = (props) => {\n  const { text, children, onOpen, onClose, id, textAlign, ...extraPopperJsProps } = useWithDefaultProps(props);\n\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHover, setIsHover] = useState(false);\n  const [latestOpenInteraction, setLatestOpenInteraction] = useState('');\n\n  const [referenceElement, setReferenceElement] = useState<HTMLSpanElement>();\n  const [showPopover, setShowPopover] = useState(false);\n  const showTooltip = useCallback(() => {\n    setShowPopover(true);\n    onOpen();\n  }, [onOpen]);\n  const hideTooltip = useCallback(() => {\n    setShowPopover(false);\n    onClose();\n  }, [onClose]);\n\n  const onFocus = useCallback(() => {\n    setIsFocused(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onFocus');\n    }\n  }, [showPopover, showTooltip]);\n  const onBlur = useCallback(() => {\n    setIsFocused(false);\n    if (!isHover || latestOpenInteraction === 'onFocus') hideTooltip();\n  }, [hideTooltip, isHover, latestOpenInteraction]);\n\n  const onMouseEnter = useCallback(() => {\n    setIsHover(true);\n    if (!showPopover) {\n      showTooltip();\n      setLatestOpenInteraction('onMouseEnter');\n    }\n  }, [showPopover, showTooltip]);\n  const onMouseLeave = useCallback(() => {\n    setIsHover(false);\n    if (!isFocused || latestOpenInteraction === 'onMouseEnter') hideTooltip();\n  }, [hideTooltip, isFocused, latestOpenInteraction]);\n\n  const handleEscKey = useCallback(\n    ({ key }) => {\n      if (key === 'Escape') hideTooltip();\n    },\n    [hideTooltip],\n  );\n\n  useGlobalKeyboardListener(handleEscKey);\n  return (\n    <>\n      {/* The <div> element is catching the \"ESC\" key to close the tooltip, there is no valid aria role for this */}\n      {/* eslint-disable-next-line max-len */}\n      {/* https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md#case-the-event-handler-is-only-being-used-to-capture-bubbled-events */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <StyledTriggerWrapper\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        ref={setReferenceElement}\n        data-testid={`${TooltipV3DatatestId.TRIGGER_WRAPPER}${id !== '' ? `_${id}` : ''}`}\n      >\n        <DSPopperJS referenceElement={referenceElement} showPopover={showPopover} withoutPortal {...extraPopperJsProps}>\n          <div data-testid={`${TooltipV3DatatestId.TOOLTIP_TEXT_WRAPPER}${id !== '' ? `_${id}` : ''}`}>\n            <StyledTooltipContainer>\n              <StyledTooltipText textAlign={textAlign}>{text}</StyledTooltipText>\n              <StyledMouseOverDetectionBox />\n            </StyledTooltipContainer>\n          </div>\n        </DSPopperJS>\n\n        {children}\n      </StyledTriggerWrapper>\n    </>\n  );\n};\n\nDSTooltipV3.propTypes = dsTooltipPropTypes;\n\nconst DSTooltipV3WithSchema = describe(DSTooltipV3).description('A tooltip component');\nDSTooltipV3WithSchema.propTypes = dsTooltipPropTypes;\n\nexport { DSTooltipV3, DSTooltipV3WithSchema };\nexport default DSTooltipV3;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA,MAAM,4BAA4B,CAAC,SAAS;AAC1C,YAAU,MAAM;AACd,aAAS,iBAAiB,WAAW;AACrC,WAAO,MAAM,SAAS,oBAAoB,WAAW;AAAA,KACpD,CAAC;AAAA;AAGN,MAAM,cAAoD,CAAC,UAAU;AACnE,QAAM,EAAE,MAAM,UAAU,QAAQ,SAAS,IAAI,cAAc,uBAAuB,oBAAoB;AAEtG,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,SAAS,cAAc,SAAS;AACvC,QAAM,CAAC,uBAAuB,4BAA4B,SAAS;AAEnE,QAAM,CAAC,kBAAkB,uBAAuB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe;AACf;AAAA,KACC,CAAC;AACJ,QAAM,cAAc,YAAY,MAAM;AACpC,mBAAe;AACf;AAAA,KACC,CAAC;AAEJ,QAAM,UAAU,YAAY,MAAM;AAChC,iBAAa;AACb,QAAI,CAAC,aAAa;AAChB;AACA,+BAAyB;AAAA;AAAA,KAE1B,CAAC,aAAa;AACjB,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa;AACb,QAAI,CAAC,WAAW,0BAA0B;AAAW;AAAA,KACpD,CAAC,aAAa,SAAS;AAE1B,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW;AACX,QAAI,CAAC,aAAa;AAChB;AACA,+BAAyB;AAAA;AAAA,KAE1B,CAAC,aAAa;AACjB,QAAM,eAAe,YAAY,MAAM;AACrC,eAAW;AACX,QAAI,CAAC,aAAa,0BAA0B;AAAgB;AAAA,KAC3D,CAAC,aAAa,WAAW;AAE5B,QAAM,eAAe,YACnB,CAAC,EAAE,UAAU;AACX,QAAI,QAAQ;AAAU;AAAA,KAExB,CAAC;AAGH,4BAA0B;AAC1B,SACE,4DAKE,qCAAC,sBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL,eAAa,GAAG,oBAAoB,kBAAkB,OAAO,KAAK,IAAI,OAAO;AAAA,KAE7E,qCAAC,YAAD;AAAA,IAAY;AAAA,IAAoC;AAAA,IAA0B,eAAa;AAAA,OAAK;AAAA,KAC1F,qCAAC,OAAD;AAAA,IAAK,eAAa,GAAG,oBAAoB,uBAAuB,OAAO,KAAK,IAAI,OAAO;AAAA,KACrF,qCAAC,wBAAD,MACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,KAAuB,OAC1C,qCAAC,6BAAD,UAKL;AAAA;AAMT,YAAY,YAAY;AAExB,MAAM,wBAAwB,SAAS,aAAa,YAAY;AAChE,sBAAsB,YAAY;AAGlC,IAAO,aAAQ;",
-  "names": []
-}

package/dist/esm/v3/propsTypes.js

@@ -1,51 +0,0 @@
-import * as React from "react";
-import { PropTypes } from "react-desc";
-const dsTooltipPropTypes = {
-  text: PropTypes.string.description("Tooltip text to be displayed on hover/focus").isRequired,
-  textAlign: PropTypes.oneOf(["left", "right", "center", "justify", "initial", "inherit"]).description("Tooltip text alignment").defaultValue("left"),
-  children: PropTypes.node.description("Element to tie the tooltip to, must be a single node").isRequired,
-  withoutPortal: PropTypes.bool.description("Whether or not the tooltip content should appear in a DOM portal or not").defaultValue(true),
-  withoutArrow: PropTypes.bool.description("Whether or not the tooltip should use the arrow").defaultValue(false),
-  boundaryElement: PropTypes.element.description('Bounding element to calculate upon, defaults to "clippingParents",which are the scrolling containers that may cause element to be partially or fully cut off').defaultValue(void 0),
-  withoutAnimation: PropTypes.bool.description("Whether or not the popper context menu should be animated").defaultValue(false),
-  animationDuration: PropTypes.number.description("Popper context menus Animation duration in ms").defaultValue(100),
-  portalDOMContainer: PropTypes.element.description("When using portal, the container in which to append the DOM content, defaults to document body").defaultValue(void 0),
-  startPlacementPreference: PropTypes.oneOf([
-    "top-start",
-    "top",
-    "top-end",
-    "right-start",
-    "right",
-    "right-end",
-    "bottom-end",
-    "bottom",
-    "bottom-start",
-    "left-end",
-    "left",
-    "left-start"
-  ]).description("start placement preferences, as per popperjs placement option").defaultValue("'top'"),
-  placementOrderPreference: PropTypes.arrayOf(PropTypes.oneOf([
-    "top-start",
-    "top",
-    "top-end",
-    "right-start",
-    "right",
-    "right-end",
-    "bottom-end",
-    "bottom",
-    "bottom-start",
-    "left-end",
-    "left",
-    "left-start"
-  ])).description('Array of placement preferences, as per popperjs "flip" placement option').defaultValue("['top', 'bottom', 'left', 'right']"),
-  zIndex: PropTypes.number.description("popperjs content z-index").defaultValue(1),
-  customOffset: PropTypes.arrayOf(PropTypes.number).description("placement offset array").defaultValue([0, 14]),
-  modifiers: PropTypes.array.description("modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/").defaultValue(1),
-  id: PropTypes.string.description("Optional id appended to data-testid").defaultValue(""),
-  onOpen: PropTypes.func.description("Optional callback to be invoked when the tooltip opens").defaultValue("() => {}"),
-  onClose: PropTypes.func.description("Optional callback to be invoked when the tooltip closes").defaultValue("() => {}")
-};
-export {
-  dsTooltipPropTypes
-};
-//# sourceMappingURL=propsTypes.js.map

package/dist/esm/v3/propsTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/propsTypes.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const dsTooltipPropTypes = {\n  /**\n   * Tooltip text to be displayed on hover/focus\n   */\n  text: PropTypes.string.description('Tooltip text to be displayed on hover/focus').isRequired,\n  /**\n   * Tooltip text alignment\n   */\n  textAlign: PropTypes.oneOf(['left', 'right', 'center', 'justify', 'initial', 'inherit'])\n    .description('Tooltip text alignment')\n    .defaultValue('left'),\n  /**\n   * Element to tie the tooltip to, must be a single node\n   */\n  children: PropTypes.node.description('Element to tie the tooltip to, must be a single node').isRequired,\n  /**\n   *  Wheter or not the tooltip content should appear in a DOM portal or not\n   */\n  withoutPortal: PropTypes.bool\n    .description('Whether or not the tooltip content should appear in a DOM portal or not')\n    .defaultValue(true),\n  /**\n   *  Wheter or not the tooltip should use the arrow\n   */\n  withoutArrow: PropTypes.bool.description('Whether or not the tooltip should use the arrow').defaultValue(false),\n  /**\n   *  Bounding element to calculate upon, defaults to it is \"clippingParents\",\n   *   which are the scrolling containers that may cause the element to be partially or fully cut off.\n   */\n  boundaryElement: PropTypes.element\n    .description(\n      'Bounding element to calculate upon, defaults to \"clippingParents\",' +\n        'which are the scrolling containers that may cause element to be partially or fully cut off',\n    )\n    .defaultValue(undefined),\n  /**\n   *  Whether or not the popper context menu should be animated\n   */\n  withoutAnimation: PropTypes.bool\n    .description('Whether or not the popper context menu should be animated')\n    .defaultValue(false),\n  /**\n   *  Popper context menus Animation duration in ms\n   */\n  animationDuration: PropTypes.number.description('Popper context menus Animation duration in ms').defaultValue(100),\n  /**\n   *  When using portal, the container in which to append the DOM content, defaults to document body\n   */\n  portalDOMContainer: PropTypes.element\n    .description('When using portal, the container in which to append the DOM content, defaults to document body')\n    .defaultValue(undefined),\n  /**\n   *  start placement preferences, as per popperjs placement option\n   */\n  startPlacementPreference: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('start placement preferences, as per popperjs placement option')\n    .defaultValue(\"'top'\"),\n  /**\n   *  Array of placement preferences, as per popperjs \"flip\" placement option\n   */\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  )\n    .description('Array of placement preferences, as per popperjs \"flip\" placement option')\n    .defaultValue(\"['top', 'bottom', 'left', 'right']\"),\n  /**\n   *  tooltip wrapper z-index\n   */\n  zIndex: PropTypes.number.description('popperjs content z-index').defaultValue(1),\n  /**\n   *  placement offset array\n   */\n  customOffset: PropTypes.arrayOf(PropTypes.number).description('placement offset array').defaultValue([0, 14]),\n  /**\n   *  modifiers array for full-custom tooltip-js override\n   *  https://tooltip.js.org/docs/v2/modifiers/\n   */\n  modifiers: PropTypes.array\n    .description('modifiers array for full-custom tooltip-js override, https://tooltip.js.org/docs/v2/modifiers/')\n    .defaultValue(1),\n  /**\n   * Optional id appended to data-testid\n   */\n  id: PropTypes.string.description('Optional id appended to data-testid').defaultValue(''),\n  /**\n   * Optional callback to be invoked when the tooltip opens\n   */\n  onOpen: PropTypes.func.description('Optional callback to be invoked when the tooltip opens').defaultValue('() => {}'),\n  /**\n   * 'Optional callback to be invoked when the tooltip closes\n   */\n  onClose: PropTypes.func\n    .description('Optional callback to be invoked when the tooltip closes')\n    .defaultValue('() => {}'),\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,qBAAqB;AAAA,EAIhC,MAAM,UAAU,OAAO,YAAY,+CAA+C;AAAA,EAIlF,WAAW,UAAU,MAAM,CAAC,QAAQ,SAAS,UAAU,WAAW,WAAW,YAC1E,YAAY,0BACZ,aAAa;AAAA,EAIhB,UAAU,UAAU,KAAK,YAAY,wDAAwD;AAAA,EAI7F,eAAe,UAAU,KACtB,YAAY,2EACZ,aAAa;AAAA,EAIhB,cAAc,UAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EAKzG,iBAAiB,UAAU,QACxB,YACC,gKAGD,aAAa;AAAA,EAIhB,kBAAkB,UAAU,KACzB,YAAY,6DACZ,aAAa;AAAA,EAIhB,mBAAmB,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EAI9G,oBAAoB,UAAU,QAC3B,YAAY,kGACZ,aAAa;AAAA,EAIhB,0BAA0B,UAAU,MAAM;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,YAAY,iEACZ,aAAa;AAAA,EAIhB,0BAA0B,UAAU,QAClC,UAAU,MAAM;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAGD,YAAY,2EACZ,aAAa;AAAA,EAIhB,QAAQ,UAAU,OAAO,YAAY,4BAA4B,aAAa;AAAA,EAI9E,cAAc,UAAU,QAAQ,UAAU,QAAQ,YAAY,0BAA0B,aAAa,CAAC,GAAG;AAAA,EAKzG,WAAW,UAAU,MAClB,YAAY,kGACZ,aAAa;AAAA,EAIhB,IAAI,UAAU,OAAO,YAAY,uCAAuC,aAAa;AAAA,EAIrF,QAAQ,UAAU,KAAK,YAAY,0DAA0D,aAAa;AAAA,EAI1G,SAAS,UAAU,KAChB,YAAY,2DACZ,aAAa;AAAA;",
-  "names": []
-}

package/dist/esm/v3/styleds.js

@@ -1,41 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const StyledTooltipContainer = styled.div`
-  text-align: center;
-  min-width: ${({ theme }) => theme.space.l};
-  max-width: 250px;
-  min-height: 30px;
-  display: grid;
-  align-items: center;
-  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};
-  position: relative;
-  background-color: white;
-  border-radius: 2px;
-  font-size: 13px;
-  color: ${({ theme }) => theme.colors.neutral[600]};
-`;
-const StyledTooltipText = styled.div`
-  white-space: normal;
-  word-wrap: break-word;
-  display: inline-block;
-  text-align: ${({ textAlign }) => textAlign};
-`;
-const StyledMouseOverDetectionBox = styled.div`
-  position: absolute;
-  top: -15px;
-  right: -15px;
-  width: calc(100% + 30px);
-  height: calc(100% + 30px);
-  z-index: -1;
-`;
-const StyledTriggerWrapper = styled.div`
-  display: inline-flex;
-  width: 100%;
-`;
-export {
-  StyledMouseOverDetectionBox,
-  StyledTooltipContainer,
-  StyledTooltipText,
-  StyledTriggerWrapper
-};
-//# sourceMappingURL=styleds.js.map

package/dist/esm/v3/styleds.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v3/styleds.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledTooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n`;\n\nexport const StyledTooltipText = styled.div<{ textAlign: string }>`\n  white-space: normal;\n  word-wrap: break-word;\n  display: inline-block;\n  text-align: ${({ textAlign }) => textAlign};\n`;\n\nexport const StyledMouseOverDetectionBox = styled.div`\n  position: absolute;\n  top: -15px;\n  right: -15px;\n  width: calc(100% + 30px);\n  height: calc(100% + 30px);\n  z-index: -1;\n`;\n\nexport const StyledTriggerWrapper = styled.div`\n  display: inline-flex;\n  width: 100%;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB,OAAO;AAAA;AAAA,eAE9B,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,aAK7B,CAAC,EAAE,YAAY,GAAG,MAAM,MAAM,QAAQ,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,WAKpD,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGxC,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA,gBAIxB,CAAC,EAAE,gBAAgB;AAAA;AAG5B,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS3C,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;",
-  "names": []
-}