@procore/core-react 12.52.0 → 12.53.1

package/dist/_typedoc/Modal/Modal.types.json

@@ -10,7 +10,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L46"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L46"
       },
       {
         "name": "aria-details",
@@ -20,7 +20,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L47"
       },
       {
         "name": "aria-label",
@@ -28,10 +28,10 @@
         "type": "<span class=\"tsd-signature-type\">string</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p><code>role=&#39;dialog&#39;</code> MUST be labelled. Prefer <code>aria-labelledby</code> over <code>aria-label</code>.\nIf using an <code>aria-label</code> instead of a node, be sure give the modal an <code>id</code> so\nother regions can reference it.</p>\n</dd><dt>since</dt><dd><p>11.12.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>11.12.0</p></dd></dl></div>",
         "a11y": "`role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\nIf using an `aria-label` instead of a node, be sure give the modal an `id` so\nother regions can reference it.",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L59"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L59"
       },
       {
         "name": "aria-labelledby",
@@ -39,10 +39,10 @@
         "type": "<span class=\"tsd-signature-type\">string</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p>Automatially created when using <code>Modal.Heading</code>. The <code>role=&#39;dialog&#39;</code> MUST be labelled. Prefer <code>aria-labelledby</code> over <code>aria-label</code>.</p>\n</dd><dt>since</dt><dd><p>11.12.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>11.12.0</p></dd></dl></div>",
         "a11y": "Automatially created when using `Modal.Heading`. The `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L52"
       },
       {
         "name": "aria-modal",
@@ -50,10 +50,10 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p>Recommended to use. When using alertdialog should be a <code>aria-modal</code> because of their urgent nature. <strong>Cannot open nested modals.</strong></p>\n</dd><dt>since</dt><dd><p>12.42.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.42.0</p></dd></dl></div>",
         "a11y": "Recommended to use. When using alertdialog should be a `aria-modal` because of their urgent nature. **Cannot open nested modals.**",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L169"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L169"
       },
       {
         "name": "children",
@@ -63,7 +63,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -73,7 +73,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/bb2ee27/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "compact",
@@ -81,11 +81,11 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>12.8.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.8.0</p></dd></dl></div>",
         "defaultValue": "false",
-        "deprecated": "@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
+        "deprecated": "Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L71"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L71"
       },
       {
         "name": "headline",
@@ -93,20 +93,20 @@
         "type": "<span class=\"tsd-signature-type\">string</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
         "description": "Headline message",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Headline message</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Headline message</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L147"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L147"
       },
       {
         "name": "howToClose",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOptionalCloseStartegy</a><span class=\"tsd-signature-symbol\">[]</span>",
-        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOptionalCloseStartegy</a><span class=\"tsd-signature-symbol\">[]</span>",
-        "description": "This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>This adds additional UI or UX to close. Escape key will always close a dialog, see <code>onClose</code>.</p>\n</div><div><p>NOTE &#39;footer-button&#39;: Footer Cancel button still requires at least a rendered self closing <code>Modal.FooterButtons</code>.</p>\n<p>NOTE &#39;x&#39;: The X button still requires a rendered <code>Modal.Header</code> component.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>[]</p>\n</dd><dt>since</dt><dd><p>11.12.0</p>\n</dd></dl></div>",
+        "type": "<span class=\"tsd-signature-type\">ModalOptionalCloseStartegy</span><span class=\"tsd-signature-symbol\">[]</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">ModalOptionalCloseStartegy</span><span class=\"tsd-signature-symbol\">[]</span>",
+        "description": "This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n\nNOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n\nNOTE 'x': The X button still requires a rendered `Modal.Header` component.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>This adds additional UI or UX to close. Escape key will always close a dialog, see <code>onClose</code>.</p>\n<p>NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing <code>Modal.FooterButtons</code>.</p>\n<p>NOTE 'x': The X button still requires a rendered <code>Modal.Header</code> component.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>11.12.0</p></dd></dl></div>",
         "defaultValue": "[]",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L81"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L81"
       },
       {
         "name": "id",
@@ -116,18 +116,30 @@
         "description": "Aligns with `role` and `ref` location.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Aligns with <code>role</code> and <code>ref</code> location.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L85"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L85"
+      },
+      {
+        "name": "onClickOverlay",
+        "required": false,
+        "type": "Function",
+        "typeDetail": "<span class=\"tsd-signature-symbol\">(</span>event: <span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLDivElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">): </span><span class=\"tsd-signature-type\">void</span>",
+        "description": "",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
+        "deprecated": "Use `howToClose={['scrim']}` with `onClose` instead.",
+        "deprecatedSince": "12.41.0",
+        "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L91"
       },
       {
         "name": "onClose",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOnClose</a><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-symbol\">(</span><span class=\"tsd-signature-symbol\">(</span>event<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">)</span><span class=\"tsd-signature-symbol\"> =&gt; </span><span class=\"tsd-signature-type\">void</span><span class=\"tsd-signature-symbol\">)</span>",
-        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOnClose</a><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-symbol\">(</span><span class=\"tsd-signature-symbol\">(</span>event<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">)</span><span class=\"tsd-signature-symbol\"> =&gt; </span><span class=\"tsd-signature-type\">void</span><span class=\"tsd-signature-symbol\">)</span>",
+        "type": "<span class=\"tsd-signature-type\">ModalOnClose</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-symbol\">(</span>event: <span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">): </span><span class=\"tsd-signature-type\">void</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">ModalOnClose</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-symbol\">(</span>event: <span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">): </span><span class=\"tsd-signature-type\">void</span>",
         "description": "Callback when the ConfirmModal is dismissed.",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback when the ConfirmModal is dismissed.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p><strong>Accessible pattern (recommended):</strong> Use with <code>role=&quot;dialog&quot;</code> and <code>howToClose={[&#39;x&#39;]}</code>.\nThis enables focus management, Escape key support, and proper dialog semantics.\nThe callback signature is <code>(event, how) =&gt; void</code>.</p>\n<p><strong>Legacy pattern:</strong> <code>(event: MouseEvent&lt;HTMLButtonElement&gt;) =&gt; void</code> — only handles X button click,\nno focus management or Escape key support.</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
-        "a11y": "**Accessible pattern (recommended):** Use with `role=\"dialog\"` and `howToClose={['x']}`.\nThis enables focus management, Escape key support, and proper dialog semantics.\nThe callback signature is `(event, how) => void`.\n\n**Legacy pattern:** `(event: MouseEvent<HTMLButtonElement>) => void` — only handles X button click,\nno focus management or Escape key support.\n",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Callback when the ConfirmModal is dismissed.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
+        "a11y": "**Accessible pattern (recommended):** Use with `role=\"dialog\"` and `howToClose={['x']}`.\nThis enables focus management, Escape key support, and proper dialog semantics.\nThe callback signature is `(event, how) => void`.\n\n**Legacy pattern:** `(event: MouseEvent<HTMLButtonElement>) => void` — only handles X button click,\nno focus management or Escape key support.",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L161"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L161"
       },
       {
         "name": "open",
@@ -135,21 +147,21 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "Modal open state",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Modal open state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Modal open state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "defaultValue": "false",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L104"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L104"
       },
       {
         "name": "placement",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalPlacement</a>",
+        "type": "<span class=\"tsd-signature-type\">ModalPlacement</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">&quot;top&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span>",
         "description": "Vertical placement of the modal.\nPositioning modal at the top ensures that variable height modal won't shift position during content loading,\nproviding a more stable user experience.",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Vertical placement of the modal.\nPositioning modal at the top ensures that variable height modal won&#39;t shift position during content loading,\nproviding a more stable user experience.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>center</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Vertical placement of the modal.\nPositioning modal at the top ensures that variable height modal won't shift position during content loading,\nproviding a more stable user experience.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "defaultValue": "center",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L116"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L116"
       },
       {
         "name": "role",
@@ -159,7 +171,7 @@
         "description": "Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Enable dialog props. REQUIRES <code>onClose</code> to enable Escape key and focus management. MUST be labelled, prefer <code>aria-labelledby</code> over <code>aria-label</code>.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L108"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L108"
       },
       {
         "name": "style",
@@ -169,27 +181,17 @@
         "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/bb2ee27/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L52"
       },
       {
         "name": "width",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalWidth</a>",
+        "type": "<span class=\"tsd-signature-type\">ModalWidth</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span>",
         "description": "Sets a width on the container and uses next centering.\nFuture will default to `md`",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets a width on the container and uses next centering.\nFuture will default to <code>md</code></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/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L122"
-      },
-      {
-        "name": "onClickOverlay",
-        "required": false,
-        "type": "Function",
-        "typeDetail": "on<wbr/>Click<wbr/>Overlay<span class=\"tsd-signature-symbol\">(</span>event<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLDivElement</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">)</span><span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">void</span>",
-        "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>Use <code>howToClose={[&#39;scrim&#39;]}</code> with <code>onClose</code> instead.</p>\n</dd><dt>deprecatedsince</dt><dd><p>12.41.0</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets a width on the container and uses next centering.\nFuture will default to <code>md</code></p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L91"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L122"
       }
     ],
     "description": ""
@@ -203,11 +205,11 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>12.8.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.8.0</p></dd></dl></div>",
         "defaultValue": "false",
-        "deprecated": "@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
+        "deprecated": "Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L195"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L195"
       },
       {
         "name": "noSideSpacing",
@@ -215,36 +217,10 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "Removes left, right paddings from the modal body when true",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Removes left, right paddings from the modal body when true</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Removes left, right paddings from the modal body when true</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "defaultValue": "false",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L201"
-      }
-    ],
-    "description": ""
-  },
-  "ModalCloseContextApi": {
-    "name": "ModalCloseContextApi",
-    "properties": [
-      {
-        "name": "howToClose",
-        "required": true,
-        "type": "<span class=\"tsd-signature-type\">undefined</span><span class=\"tsd-signature-symbol\"> | </span><a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOptionalCloseStartegy</a><span class=\"tsd-signature-symbol\">[]</span>",
-        "typeDetail": "<span class=\"tsd-signature-type\">undefined</span><span class=\"tsd-signature-symbol\"> | </span><a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOptionalCloseStartegy</a><span class=\"tsd-signature-symbol\">[]</span>",
-        "description": "Escape key will always close a dialog. This adds additional UI or UX to close.",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Escape key will always close a dialog. This adds additional UI or UX to close.</p>\n</div></div>",
-        "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L30"
-      },
-      {
-        "name": "onClose",
-        "required": true,
-        "type": "<span class=\"tsd-signature-type\">undefined</span><span class=\"tsd-signature-symbol\"> | </span><a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOnClose</a>",
-        "typeDetail": "<span class=\"tsd-signature-type\">undefined</span><span class=\"tsd-signature-symbol\"> | </span><a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOnClose</a>",
-        "description": "",
-        "descriptionHtml": "",
-        "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L31"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L201"
       }
     ],
     "description": ""
@@ -258,31 +234,60 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>12.8.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.8.0</p></dd></dl></div>",
         "defaultValue": "false",
-        "deprecated": "@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
+        "deprecated": "Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
+        "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L41"
+      },
+      {
+        "name": "onClose",
+        "required": false,
+        "type": "Function",
+        "typeDetail": "<span class=\"tsd-signature-symbol\">(</span>event: <span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">): </span><span class=\"tsd-signature-type\">void</span>",
+        "description": "",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
+        "deprecated": "Use `Modal onClose` with `howToClose={['x']}` instead.",
+        "deprecatedSince": "12.41.0",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L41"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L182"
       },
       {
         "name": "qa",
         "required": false,
-        "type": "<span class=\"tsd-signature-symbol\">{ </span>closeButton<span class=\"tsd-signature-symbol\">?: </span><span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> }</span>",
-        "typeDetail": "<span class=\"tsd-signature-symbol\">{ </span>closeButton<span class=\"tsd-signature-symbol\">?: </span><span class=\"tsd-signature-type\">string</span><span class=\"tsd-signature-symbol\"> }</span>",
+        "type": "<span class=\"tsd-signature-symbol\">{</span> closeButton?<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">string</span> <span class=\"tsd-signature-symbol\">}</span>",
+        "typeDetail": "<span class=\"tsd-signature-symbol\">{</span> closeButton?<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">string</span> <span class=\"tsd-signature-symbol\">}</span>",
         "description": "",
-        "descriptionHtml": "",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
+        "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L42"
+      }
+    ],
+    "description": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>NOTE: Using howToClose 'x' requires the <code>Modal.Header</code> component.</p>\n</div></div>",
+    "a11y": "This component is a not semantic heading! For that, see `Modal.Heading`."
+  },
+  "ModalCloseContextApi": {
+    "name": "ModalCloseContextApi",
+    "properties": [
+      {
+        "name": "howToClose",
+        "required": true,
+        "type": "<span class=\"tsd-signature-type\">ModalOptionalCloseStartegy</span><span class=\"tsd-signature-symbol\">[]</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">undefined</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">ModalOptionalCloseStartegy</span><span class=\"tsd-signature-symbol\">[]</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">undefined</span>",
+        "description": "Escape key will always close a dialog. This adds additional UI or UX to close.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Escape key will always close a dialog. This adds additional UI or UX to close.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L30"
       },
       {
         "name": "onClose",
-        "required": false,
-        "type": "Function",
-        "typeDetail": "on<wbr/>Close<span class=\"tsd-signature-symbol\">(</span>event<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">)</span><span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">void</span>",
+        "required": true,
+        "type": "<span class=\"tsd-signature-type\">ModalOnClose</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">undefined</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">ModalOnClose</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">undefined</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>Use <code>Modal onClose</code> with <code>howToClose={[&#39;x&#39;]}</code> instead.</p>\n</dd><dt>deprecatedsince</dt><dd><p>12.41.0</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L182"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L31"
       }
     ],
     "description": ""
@@ -298,7 +303,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -308,7 +313,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/bb2ee27/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "compact",
@@ -316,21 +321,21 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>12.8.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.8.0</p></dd></dl></div>",
         "defaultValue": "false",
-        "deprecated": "@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
+        "deprecated": "Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L131"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L131"
       },
       {
         "name": "placement",
         "required": true,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalPlacement</a>",
+        "type": "<span class=\"tsd-signature-type\">ModalPlacement</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">&quot;top&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span>",
         "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>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L135"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L135"
       },
       {
         "name": "style",
@@ -340,17 +345,17 @@
         "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/bb2ee27/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L52"
       },
       {
         "name": "width",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalWidth</a>",
+        "type": "<span class=\"tsd-signature-type\">ModalWidth</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span>",
         "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>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L139"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L139"
       }
     ],
     "description": ""
@@ -366,7 +371,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L46"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L46"
       },
       {
         "name": "aria-details",
@@ -376,7 +381,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L47"
       },
       {
         "name": "aria-label",
@@ -384,10 +389,10 @@
         "type": "<span class=\"tsd-signature-type\">string</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p><code>role=&#39;dialog&#39;</code> MUST be labelled. Prefer <code>aria-labelledby</code> over <code>aria-label</code>.\nIf using an <code>aria-label</code> instead of a node, be sure give the modal an <code>id</code> so\nother regions can reference it.</p>\n</dd><dt>since</dt><dd><p>11.12.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>11.12.0</p></dd></dl></div>",
         "a11y": "`role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\nIf using an `aria-label` instead of a node, be sure give the modal an `id` so\nother regions can reference it.",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L59"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L59"
       },
       {
         "name": "aria-labelledby",
@@ -395,10 +400,10 @@
         "type": "<span class=\"tsd-signature-type\">string</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">string</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p>Automatially created when using <code>Modal.Heading</code>. The <code>role=&#39;dialog&#39;</code> MUST be labelled. Prefer <code>aria-labelledby</code> over <code>aria-label</code>.</p>\n</dd><dt>since</dt><dd><p>11.12.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>11.12.0</p></dd></dl></div>",
         "a11y": "Automatially created when using `Modal.Heading`. The `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L52"
       },
       {
         "name": "aria-modal",
@@ -406,10 +411,10 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p>Should be used for a single true modal. Cannot open nested modals.</p>\n</dd><dt>experimental</dt><dd><p>Core-React does not support multiple or nested <code>aria-modal</code>s for Tearsheets, Modals, or ConfirmModals.</p>\n</dd><dt>since</dt><dd><p>12.42.0</p>\n</dd></dl></div>",
-        "a11y": "Should be used for a single true modal. Cannot open nested modals.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.42.0</p></dd></dl></div>",
+        "a11y": "Should be used for a single true modal. Cannot open nested modals.\n Core-React does not support multiple or nested `aria-modal`s for Tearsheets, Modals, or ConfirmModals.",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L65"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L65"
       },
       {
         "name": "children",
@@ -419,7 +424,7 @@
         "description": "",
         "descriptionHtml": "",
         "sourceFile": "packages/core-react/src/_utils/types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/_utils/types.ts#L42"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L42"
       },
       {
         "name": "className",
@@ -429,7 +434,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/bb2ee27/packages/core-react/src/_utils/types.ts#L47"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L47"
       },
       {
         "name": "compact",
@@ -437,22 +442,22 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>12.8.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>12.8.0</p></dd></dl></div>",
         "defaultValue": "false",
-        "deprecated": "@experimental Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
+        "deprecated": "Changes the UI of modal to work on mobile breakpoints, to be used on Helix Header ONLY",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L71"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L71"
       },
       {
         "name": "howToClose",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOptionalCloseStartegy</a><span class=\"tsd-signature-symbol\">[]</span>",
-        "typeDetail": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOptionalCloseStartegy</a><span class=\"tsd-signature-symbol\">[]</span>",
-        "description": "This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>This adds additional UI or UX to close. Escape key will always close a dialog, see <code>onClose</code>.</p>\n</div><div><p>NOTE &#39;footer-button&#39;: Footer Cancel button still requires at least a rendered self closing <code>Modal.FooterButtons</code>.</p>\n<p>NOTE &#39;x&#39;: The X button still requires a rendered <code>Modal.Header</code> component.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>[]</p>\n</dd><dt>since</dt><dd><p>11.12.0</p>\n</dd></dl></div>",
+        "type": "<span class=\"tsd-signature-type\">ModalOptionalCloseStartegy</span><span class=\"tsd-signature-symbol\">[]</span>",
+        "typeDetail": "<span class=\"tsd-signature-type\">ModalOptionalCloseStartegy</span><span class=\"tsd-signature-symbol\">[]</span>",
+        "description": "This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n\nNOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n\nNOTE 'x': The X button still requires a rendered `Modal.Header` component.",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>This adds additional UI or UX to close. Escape key will always close a dialog, see <code>onClose</code>.</p>\n<p>NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing <code>Modal.FooterButtons</code>.</p>\n<p>NOTE 'x': The X button still requires a rendered <code>Modal.Header</code> component.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>11.12.0</p></dd></dl></div>",
         "defaultValue": "[]",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L81"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L81"
       },
       {
         "name": "id",
@@ -462,18 +467,30 @@
         "description": "Aligns with `role` and `ref` location.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Aligns with <code>role</code> and <code>ref</code> location.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L85"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L85"
+      },
+      {
+        "name": "onClickOverlay",
+        "required": false,
+        "type": "Function",
+        "typeDetail": "<span class=\"tsd-signature-symbol\">(</span>event: <span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLDivElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">): </span><span class=\"tsd-signature-type\">void</span>",
+        "description": "",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
+        "deprecated": "Use `howToClose={['scrim']}` with `onClose` instead.",
+        "deprecatedSince": "12.41.0",
+        "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L91"
       },
       {
         "name": "onClose",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalOnClose</a>",
-        "typeDetail": "<span class=\"tsd-signature-symbol\">(</span><span class=\"tsd-signature-symbol\">(</span>event<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">React.MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLDivElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">React.MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">React.KeyboardEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLElement</span><span class=\"tsd-signature-symbol\">&gt;</span>, how<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">ModalCloseStragety</span><span class=\"tsd-signature-symbol\">)</span><span class=\"tsd-signature-symbol\"> =&gt; </span><span class=\"tsd-signature-type\">void</span><span class=\"tsd-signature-symbol\">)</span>",
+        "type": "<span class=\"tsd-signature-type\">ModalOnClose</span>",
+        "typeDetail": "<span class=\"tsd-signature-symbol\">(</span>event: <span class=\"tsd-signature-type\">React.MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLDivElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">React.MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLButtonElement</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">React.KeyboardEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLElement</span><span class=\"tsd-signature-symbol\">&gt;</span>, how: <span class=\"tsd-signature-type\">ModalCloseStragety</span><span class=\"tsd-signature-symbol\">): </span><span class=\"tsd-signature-type\">void</span>",
         "description": "When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>When a user closes the Modal by some approved <code>howToClose</code> method or the Escape key. This also opts-in to dialog focus management.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>a11y</dt><dd><p>Future default! Moves focus into and cycles focus in the Modal, and returning focus\nto the trigger when closed. Also enables the Escape key to close the Modal.</p>\n</dd><dt>since</dt><dd><p>11.6.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>When a user closes the Modal by some approved <code>howToClose</code> method or the Escape key. This also opts-in to dialog focus management.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>11.6.0</p></dd></dl></div>",
         "a11y": "Future default! Moves focus into and cycles focus in the Modal, and returning focus\nto the trigger when closed. Also enables the Escape key to close the Modal.",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L98"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L98"
       },
       {
         "name": "open",
@@ -481,21 +498,21 @@
         "type": "<span class=\"tsd-signature-type\">boolean</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">boolean</span>",
         "description": "Modal open state",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Modal open state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Modal open state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "defaultValue": "false",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L104"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L104"
       },
       {
         "name": "placement",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalPlacement</a>",
+        "type": "<span class=\"tsd-signature-type\">ModalPlacement</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">&quot;top&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;center&quot;</span>",
         "description": "Vertical placement of the modal.\nPositioning modal at the top ensures that variable height modal won't shift position during content loading,\nproviding a more stable user experience.",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Vertical placement of the modal.\nPositioning modal at the top ensures that variable height modal won&#39;t shift position during content loading,\nproviding a more stable user experience.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>center</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Vertical placement of the modal.\nPositioning modal at the top ensures that variable height modal won't shift position during content loading,\nproviding a more stable user experience.</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "defaultValue": "center",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L116"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L116"
       },
       {
         "name": "role",
@@ -505,7 +522,7 @@
         "description": "Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.",
         "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Enable dialog props. REQUIRES <code>onClose</code> to enable Escape key and focus management. MUST be labelled, prefer <code>aria-labelledby</code> over <code>aria-label</code>.</p>\n</div></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L108"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L108"
       },
       {
         "name": "style",
@@ -515,27 +532,17 @@
         "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/bb2ee27/packages/core-react/src/_utils/types.ts#L52"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/_utils/types.ts#L52"
       },
       {
         "name": "width",
         "required": false,
-        "type": "<a class=\"tsd-signature-type\" data-tsd-kind=\"Type alias\">ModalWidth</a>",
+        "type": "<span class=\"tsd-signature-type\">ModalWidth</span>",
         "typeDetail": "<span class=\"tsd-signature-type\">&quot;sm&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;md&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;lg&quot;</span><span class=\"tsd-signature-symbol\"> | </span><span class=\"tsd-signature-type\">&quot;xl&quot;</span>",
         "description": "Sets a width on the container and uses next centering.\nFuture will default to `md`",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets a width on the container and uses next centering.\nFuture will default to <code>md</code></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/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L122"
-      },
-      {
-        "name": "onClickOverlay",
-        "required": false,
-        "type": "Function",
-        "typeDetail": "on<wbr/>Click<wbr/>Overlay<span class=\"tsd-signature-symbol\">(</span>event<span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&lt;</span><span class=\"tsd-signature-type\">HTMLDivElement</span><span class=\"tsd-signature-symbol\">, </span><span class=\"tsd-signature-type\">MouseEvent</span><span class=\"tsd-signature-symbol\">&gt;</span><span class=\"tsd-signature-symbol\">)</span><span class=\"tsd-signature-symbol\">: </span><span class=\"tsd-signature-type\">void</span>",
-        "description": "",
-        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><dl class=\"tsd-comment-tags\"><dt>deprecated</dt><dd><p>Use <code>howToClose={[&#39;scrim&#39;]}</code> with <code>onClose</code> instead.</p>\n</dd><dt>deprecatedsince</dt><dd><p>12.41.0</p>\n</dd><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
+        "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets a width on the container and uses next centering.\nFuture will default to <code>md</code></p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p></dd></dl></div>",
         "sourceFile": "packages/core-react/src/Modal/Modal.types.ts",
-        "sourceUrl": "https://github.com/procore/core/blob/bb2ee27/packages/core-react/src/Modal/Modal.types.ts#L91"
+        "sourceUrl": "https://github.com/procore/core/blob/8b69fd24db849f5514b8a2a86f1bfc61cb1ead77/packages/core-react/src/Modal/Modal.types.ts#L122"
       }
     ],
     "description": ""