@procore/core-react 12.38.0 → 12.40.0

package/dist/_typedoc/Typeahead/Typeahead.types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typeahead/Typeahead.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typeahead/Typeahead.types.ts#L15"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typeahead/Typeahead.types.ts#L15"
       },
       {
         "name": "onChange",
@@ -20,7 +20,7 @@
         "description": "",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typeahead/Typeahead.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typeahead/Typeahead.types.ts#L19"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typeahead/Typeahead.types.ts#L19"
       }
     ],
     "description": ""

package/dist/_typedoc/Typography/Typography.types.json

@@ -10,7 +10,7 @@
         "description": "Change the HTML tag. This\n[prop is from styled-components](https://styled-components.com/docs/api#as-polymorphic-prop)\n__Warning__: If using TypeScript, it will not switch types and\nsome props may error. You can add `@ts-expect-error`.\nSee [styled-components issue](https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117)",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Change the HTML tag. This\n<a href=\"https://styled-components.com/docs/api#as-polymorphic-prop\">prop is from styled-components</a>\n<strong>Warning</strong>: If using TypeScript, it will not switch types and\nsome props may error. You can add <code>@ts-expect-error</code>.\nSee <a href=\"https://github.com/DefinitelyTyped/DefinitelyTyped/issues/30117\">styled-components issue</a></p>\n</div><dl class=\"tsd-comment-tags\"><dt>default</dt><dd><p>&#39;span&#39;</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typography/Typography.types.ts#L26"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typography/Typography.types.ts#L26"
       },
       {
         "name": "breakWord",
@@ -20,7 +20,7 @@
         "description": "Enables word wrapping and breaking within the component",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Enables word wrapping and breaking within the component</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.0.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typography/Typography.types.ts#L57"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typography/Typography.types.ts#L57"
       },
       {
         "name": "children",
@@ -30,7 +30,7 @@
         "description": "When children are a string or multiple elements, they will be wrapped\nby a `span`. When it is a single element, classnames will\nbe added to it instead",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>When children are a string or multiple elements, they will be wrapped\nby a <code>span</code>. When it is a single element, classnames will\nbe added to it instead</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typography/Typography.types.ts#L15"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typography/Typography.types.ts#L15"
       },
       {
         "name": "className",
@@ -40,7 +40,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "color",
@@ -50,7 +50,7 @@
         "description": "Changes font color, can be any of the `colors` object HSL Palette",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Changes font color, can be any of the <code>colors</code> object HSL Palette</p>\n</div><dl class=\"tsd-comment-tags\"><dt>default</dt><dd><p>&#39;gray15&#39;</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typography/Typography.types.ts#L33"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typography/Typography.types.ts#L33"
       },
       {
         "name": "intent",
@@ -60,7 +60,7 @@
         "description": "Changes the size of the font",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Changes the size of the font</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typography/Typography.types.ts#L39"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typography/Typography.types.ts#L39"
       },
       {
         "name": "italic",
@@ -70,7 +70,7 @@
         "description": "Applies `font-style: italic` if enabled",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Applies <code>font-style: italic</code> if enabled</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typography/Typography.types.ts#L45"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typography/Typography.types.ts#L45"
       },
       {
         "name": "style",
@@ -80,7 +80,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/_utils/types.ts#L52"
       },
       {
         "name": "weight",
@@ -90,7 +90,7 @@
         "description": "Changes font weight if it is supported in the design system",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Changes font weight if it is supported in the design system</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
         "sourceFile": "packages/core-react/src/Typography/Typography.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/Typography/Typography.types.ts#L51"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/Typography/Typography.types.ts#L51"
       }
     ],
     "description": ""

package/dist/_typedoc/_utils/types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -20,7 +20,7 @@
         "description": "Additional classNames",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "style",
@@ -30,7 +30,7 @@
         "description": "Additional CSS styles",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/77cfaf0/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/5a7d81e/packages/core-react/src/_utils/types.ts#L52"
       }
     ],
     "description": ""

package/dist/_utils/scrollIntoView.js

@@ -1,20 +1,34 @@
+function getScrollableParent(element) {
+  var parent = element.parentElement;
+  while (parent) {
+    var _window$getComputedSt = window.getComputedStyle(parent),
+      overflow = _window$getComputedSt.overflow,
+      overflowY = _window$getComputedSt.overflowY;
+    var isScrollable = (overflow === 'auto' || overflow === 'scroll' || overflowY === 'auto' || overflowY === 'scroll') && parent.scrollHeight > parent.clientHeight;
+    if (isScrollable) {
+      return parent;
+    }
+    parent = parent.parentElement;
+  }
+  return null;
+}
 export function scrollIntoView(index, element) {
-  if (!element.parentElement) {
+  var scrollableParent = getScrollableParent(element);
+  if (!scrollableParent) {
     return;
   }
   if (index === 0) {
-    element.parentElement.scrollTop = 0;
+    scrollableParent.scrollTop = 0;
     return;
   }
   var offsetTop = element.offsetTop,
     clientHeight = element.clientHeight;
-  var _element$parentElemen = element.parentElement,
-    scrollTop = _element$parentElemen.scrollTop,
-    parentHeight = _element$parentElemen.clientHeight;
+  var scrollTop = scrollableParent.scrollTop,
+    parentHeight = scrollableParent.clientHeight;
   if (offsetTop < scrollTop) {
-    element.parentElement.scrollTop = offsetTop;
+    scrollableParent.scrollTop = offsetTop;
   } else if (offsetTop + clientHeight > scrollTop + parentHeight) {
-    element.parentElement.scrollTop = offsetTop - parentHeight + clientHeight;
+    scrollableParent.scrollTop = offsetTop - parentHeight + clientHeight;
   }
 }
 //# sourceMappingURL=scrollIntoView.js.map

package/dist/_utils/scrollIntoView.js.map

@@ -1 +1 @@
-{"version":3,"file":"scrollIntoView.js","names":["scrollIntoView","index","element","parentElement","scrollTop","offsetTop","clientHeight","_element$parentElemen","parentHeight"],"sources":["../../src/_utils/scrollIntoView.ts"],"sourcesContent":["export function scrollIntoView(index: number, element: HTMLElement) {\n  if (!element.parentElement) {\n    return\n  }\n\n  if (index === 0) {\n    element.parentElement.scrollTop = 0\n\n    return\n  }\n\n  const { offsetTop, clientHeight } = element\n\n  const { scrollTop, clientHeight: parentHeight } = element.parentElement\n\n  if (offsetTop < scrollTop) {\n    element.parentElement.scrollTop = offsetTop\n  } else if (offsetTop + clientHeight > scrollTop + parentHeight) {\n    element.parentElement.scrollTop = offsetTop - parentHeight + clientHeight\n  }\n}\n"],"mappings":"AAAA,OAAO,SAASA,cAAcA,CAACC,KAAa,EAAEC,OAAoB,EAAE;EAClE,IAAI,CAACA,OAAO,CAACC,aAAa,EAAE;IAC1B;EACF;EAEA,IAAIF,KAAK,KAAK,CAAC,EAAE;IACfC,OAAO,CAACC,aAAa,CAACC,SAAS,GAAG,CAAC;IAEnC;EACF;EAEA,IAAQC,SAAS,GAAmBH,OAAO,CAAnCG,SAAS;IAAEC,YAAY,GAAKJ,OAAO,CAAxBI,YAAY;EAE/B,IAAAC,qBAAA,GAAkDL,OAAO,CAACC,aAAa;IAA/DC,SAAS,GAAAG,qBAAA,CAATH,SAAS;IAAgBI,YAAY,GAAAD,qBAAA,CAA1BD,YAAY;EAE/B,IAAID,SAAS,GAAGD,SAAS,EAAE;IACzBF,OAAO,CAACC,aAAa,CAACC,SAAS,GAAGC,SAAS;EAC7C,CAAC,MAAM,IAAIA,SAAS,GAAGC,YAAY,GAAGF,SAAS,GAAGI,YAAY,EAAE;IAC9DN,OAAO,CAACC,aAAa,CAACC,SAAS,GAAGC,SAAS,GAAGG,YAAY,GAAGF,YAAY;EAC3E;AACF"}
+{"version":3,"file":"scrollIntoView.js","names":["getScrollableParent","element","parent","parentElement","_window$getComputedSt","window","getComputedStyle","overflow","overflowY","isScrollable","scrollHeight","clientHeight","scrollIntoView","index","scrollableParent","scrollTop","offsetTop","parentHeight"],"sources":["../../src/_utils/scrollIntoView.ts"],"sourcesContent":["function getScrollableParent(element: HTMLElement): HTMLElement | null {\n  let parent = element.parentElement\n\n  while (parent) {\n    const { overflow, overflowY } = window.getComputedStyle(parent)\n    const isScrollable =\n      (overflow === 'auto' ||\n        overflow === 'scroll' ||\n        overflowY === 'auto' ||\n        overflowY === 'scroll') &&\n      parent.scrollHeight > parent.clientHeight\n\n    if (isScrollable) {\n      return parent\n    }\n\n    parent = parent.parentElement\n  }\n\n  return null\n}\n\nexport function scrollIntoView(index: number, element: HTMLElement) {\n  const scrollableParent = getScrollableParent(element)\n\n  if (!scrollableParent) {\n    return\n  }\n\n  if (index === 0) {\n    scrollableParent.scrollTop = 0\n\n    return\n  }\n\n  const { offsetTop, clientHeight } = element\n\n  const { scrollTop, clientHeight: parentHeight } = scrollableParent\n\n  if (offsetTop < scrollTop) {\n    scrollableParent.scrollTop = offsetTop\n  } else if (offsetTop + clientHeight > scrollTop + parentHeight) {\n    scrollableParent.scrollTop = offsetTop - parentHeight + clientHeight\n  }\n}\n"],"mappings":"AAAA,SAASA,mBAAmBA,CAACC,OAAoB,EAAsB;EACrE,IAAIC,MAAM,GAAGD,OAAO,CAACE,aAAa;EAElC,OAAOD,MAAM,EAAE;IACb,IAAAE,qBAAA,GAAgCC,MAAM,CAACC,gBAAgB,CAACJ,MAAM,CAAC;MAAvDK,QAAQ,GAAAH,qBAAA,CAARG,QAAQ;MAAEC,SAAS,GAAAJ,qBAAA,CAATI,SAAS;IAC3B,IAAMC,YAAY,GAChB,CAACF,QAAQ,KAAK,MAAM,IAClBA,QAAQ,KAAK,QAAQ,IACrBC,SAAS,KAAK,MAAM,IACpBA,SAAS,KAAK,QAAQ,KACxBN,MAAM,CAACQ,YAAY,GAAGR,MAAM,CAACS,YAAY;IAE3C,IAAIF,YAAY,EAAE;MAChB,OAAOP,MAAM;IACf;IAEAA,MAAM,GAAGA,MAAM,CAACC,aAAa;EAC/B;EAEA,OAAO,IAAI;AACb;AAEA,OAAO,SAASS,cAAcA,CAACC,KAAa,EAAEZ,OAAoB,EAAE;EAClE,IAAMa,gBAAgB,GAAGd,mBAAmB,CAACC,OAAO,CAAC;EAErD,IAAI,CAACa,gBAAgB,EAAE;IACrB;EACF;EAEA,IAAID,KAAK,KAAK,CAAC,EAAE;IACfC,gBAAgB,CAACC,SAAS,GAAG,CAAC;IAE9B;EACF;EAEA,IAAQC,SAAS,GAAmBf,OAAO,CAAnCe,SAAS;IAAEL,YAAY,GAAKV,OAAO,CAAxBU,YAAY;EAE/B,IAAQI,SAAS,GAAiCD,gBAAgB,CAA1DC,SAAS;IAAgBE,YAAY,GAAKH,gBAAgB,CAA/CH,YAAY;EAE/B,IAAIK,SAAS,GAAGD,SAAS,EAAE;IACzBD,gBAAgB,CAACC,SAAS,GAAGC,SAAS;EACxC,CAAC,MAAM,IAAIA,SAAS,GAAGL,YAAY,GAAGI,SAAS,GAAGE,YAAY,EAAE;IAC9DH,gBAAgB,CAACC,SAAS,GAAGC,SAAS,GAAGC,YAAY,GAAGN,YAAY;EACtE;AACF"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/core-react",
-  "version": "12.38.0",
+  "version": "12.40.0",
   "description": "React library of Procore Design Guidelines",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/core-react",
@@ -36,10 +36,6 @@
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
-  "sideEffects": [
-    "./dist/OverlayTrigger/OverlayTrigger.js",
-    "./dist/_hooks/ResizeObserver.js"
-  ],
   "files": [
     "dist",
     ".jest",
@@ -85,7 +81,7 @@
     "@floating-ui/react-dom": "2.0.2",
     "@procore/cdn-translations": "0.1.13",
     "@procore/core-i18n-js": "^10.30.0",
-    "@procore/core-icons": "^12.12.0",
+    "@procore/core-icons": "^12.13.0",
     "@react-aria/button": "3.14.2",
     "@react-aria/checkbox": "3.16.2",
     "@react-aria/focus": "3.21.2",
@@ -101,7 +97,6 @@
     "classnames": "2.3.2",
     "date-fns": "2.29.1",
     "date-fns-tz": "2.0.0",
-    "intersection-observer": "0.12.2",
     "lodash.debounce": "4.0.8",
     "lodash.groupby": "4.6.0",
     "lodash.merge": "4.6.2",
@@ -145,6 +140,7 @@
     "@types/jest": "29.4.0",
     "@types/jest-axe": "^3.5.5",
     "@types/lodash": "4.14.192",
+    "@types/lodash.chunk": "^4",
     "@types/lodash.debounce": "4.0.7",
     "@types/lodash.groupby": "4.6.7",
     "@types/lodash.merge": "4.6.7",
@@ -176,7 +172,8 @@
     "jest": "29.4.1",
     "jest-axe": "^7.0.1",
     "jest-styled-components": "7.2.0",
-    "miragejs": "^0.1.47",
+    "lodash.chunk": "4.2.0",
+    "miragejs": "^0.1.48",
     "raf-stub": "^3.0.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -189,5 +186,9 @@
     "typescript": "4.7.4",
     "webpack": "5.96.1",
     "yup": "0.32.11"
-  }
+  },
+  "sideEffects": [
+    "./dist/OverlayTrigger/OverlayTrigger.js",
+    "./dist/_hooks/ResizeObserver.js"
+  ]
 }

package/dist/Checkbox/CheckboxTooltip.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { OverlayTriggerProps } from '../OverlayTrigger';
-import type { TooltipProps } from '../Tooltip';
-export declare const CheckboxTooltip: React.FC<Omit<OverlayTriggerProps & TooltipProps, 'children'>>;

package/dist/Checkbox/CheckboxTooltip.js

@@ -1,26 +0,0 @@
-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); }
-import { Help } from '@procore/core-icons';
-import React from 'react';
-import styled from 'styled-components';
-import { Tooltip } from '../Tooltip';
-import { useI18nContext } from '../_hooks/I18n';
-import { colors } from '../_styles/colors';
-import { getGapOutlineFocus } from '../_styles/mixins';
-import { spacing } from '../_styles/spacing';
-export var CheckboxTooltip = function CheckboxTooltip(props) {
-  var I18n = useI18nContext();
-  return /*#__PURE__*/React.createElement(Tooltip, _extends({
-    role: "tooltip",
-    trigger: ['hover', 'focus']
-  }, props), /*#__PURE__*/React.createElement(StyledCheckboxTooltipIcon, {
-    "aria-label": I18n.t('core.form.field.tooltipHelp'),
-    "aria-hidden": false,
-    size: "sm",
-    tabIndex: 0
-  }));
-};
-var StyledCheckboxTooltipIcon = /*#__PURE__*/styled(Help).withConfig({
-  displayName: "StyledCheckboxTooltipIcon",
-  componentId: "core-12_38_0__sc-1qa1ncf-0"
-})(["margin-left:", "px;color:", ";vertical-align:middle;&:focus-visible{border-radius:50%;", " outline-offset:0;}"], spacing.sm, colors.gray45, getGapOutlineFocus);
-//# sourceMappingURL=CheckboxTooltip.js.map

package/dist/Checkbox/CheckboxTooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxTooltip.js","names":["Help","React","styled","Tooltip","useI18nContext","colors","getGapOutlineFocus","spacing","CheckboxTooltip","props","I18n","createElement","_extends","role","trigger","StyledCheckboxTooltipIcon","t","size","tabIndex","withConfig","displayName","componentId","sm","gray45"],"sources":["../../src/Checkbox/CheckboxTooltip.tsx"],"sourcesContent":["import { Help } from '@procore/core-icons'\nimport React from 'react'\nimport styled from 'styled-components'\nimport type { OverlayTriggerProps } from '../OverlayTrigger'\nimport type { TooltipProps } from '../Tooltip'\nimport { Tooltip } from '../Tooltip'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\n\nexport const CheckboxTooltip: React.FC<\n  Omit<OverlayTriggerProps & TooltipProps, 'children'>\n> = (props) => {\n  const I18n = useI18nContext()\n\n  return (\n    <Tooltip role=\"tooltip\" trigger={['hover', 'focus']} {...props}>\n      <StyledCheckboxTooltipIcon\n        aria-label={I18n.t('core.form.field.tooltipHelp')}\n        aria-hidden={false}\n        size=\"sm\"\n        tabIndex={0}\n      />\n    </Tooltip>\n  )\n}\n\nconst StyledCheckboxTooltipIcon = styled(Help)`\n  margin-left: ${spacing.sm}px;\n  color: ${colors.gray45};\n  vertical-align: middle;\n\n  &:focus-visible {\n    border-radius: 50%;\n    ${getGapOutlineFocus}\n    // Icon does not touch viewBox borders. Already has 1px gap\n    outline-offset: 0;\n  }\n`\n"],"mappings":";AAAA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,mBAAmB;AAGtC,SAASC,OAAO,QAAQ,YAAY;AACpC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,kBAAkB,QAAQ,mBAAmB;AACtD,SAASC,OAAO,QAAQ,oBAAoB;AAE5C,OAAO,IAAMC,eAEZ,GAAG,SAFSA,eAEZA,CAAIC,KAAK,EAAK;EACb,IAAMC,IAAI,GAAGN,cAAc,CAAC,CAAC;EAE7B,oBACEH,KAAA,CAAAU,aAAA,CAACR,OAAO,EAAAS,QAAA;IAACC,IAAI,EAAC,SAAS;IAACC,OAAO,EAAE,CAAC,OAAO,EAAE,OAAO;EAAE,GAAKL,KAAK,gBAC5DR,KAAA,CAAAU,aAAA,CAACI,yBAAyB;IACxB,cAAYL,IAAI,CAACM,CAAC,CAAC,6BAA6B,CAAE;IAClD,eAAa,KAAM;IACnBC,IAAI,EAAC,IAAI;IACTC,QAAQ,EAAE;EAAE,CACb,CACM,CAAC;AAEd,CAAC;AAED,IAAMH,yBAAyB,gBAAGb,MAAM,CAACF,IAAI,CAAC,CAAAmB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sHAC7Bd,OAAO,CAACe,EAAE,EAChBjB,MAAM,CAACkB,MAAM,EAKlBjB,kBAAkB,CAIvB"}