@primer/react 38.4.0-rc.fc59a24d1 → 38.4.1-rc.004ef30b4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @primer/react
 
+## 38.4.1
+
+### Patch Changes
+
+- [#7275](https://github.com/primer/react/pull/7275) [`822c3e7`](https://github.com/primer/react/commit/822c3e791a9fd18df6b9a834f9bbb87151ec8076) Thanks [@mattcosta7](https://github.com/mattcosta7)! - Improve drag performance for PageLayout
+
+- [#7242](https://github.com/primer/react/pull/7242) [`32faa80`](https://github.com/primer/react/commit/32faa80d754db46fa5c6583fb9c72dc9a7d22581) Thanks [@pksjce](https://github.com/pksjce)! - useFocusTrap - Fix [bug related to restoring focus on scrolling](https://github.com/github/primer/issues/5200)
+
 ## 38.4.0
 
 ### Minor Changes
@@ -8,11 +16,19 @@
 
 - [#7250](https://github.com/primer/react/pull/7250) [`a193d30`](https://github.com/primer/react/commit/a193d30cad6e308e2f0cc29ebdcc926ee057f0fb) Thanks [@siddharthkp](https://github.com/siddharthkp)! - Banner: Add `flush` prop for use within confined spaces, such as dialogs, tables, cards, or boxes where available space is limited.
 
+- [#7247](https://github.com/primer/react/pull/7247) [`e1021e7`](https://github.com/primer/react/commit/e1021e7a5b65c605d98f025a30ef4fb5cce91024) Thanks [@liuliu-dev](https://github.com/liuliu-dev)! - Add leadingVisual to InlineMessage component.
+
 - [#7047](https://github.com/primer/react/pull/7047) [`c07dd71`](https://github.com/primer/react/commit/c07dd71e990323a1c73ec99c44752df43d153090) Thanks [@TylerJDev](https://github.com/TylerJDev)! - Remove the feature flag for `primer_react_segmented_control_tooltip` and GA tooltip by default behavior.
   - Ensure that when `disabled` is applied, the tooltip is still triggered.
 
 ### Patch Changes
 
+- [#7244](https://github.com/primer/react/pull/7244) [`d973c5a`](https://github.com/primer/react/commit/d973c5ad5aa59c66e1f609558b33a6b63880234a) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - "Update logic for how hex codes are applied"
+
+- [#7230](https://github.com/primer/react/pull/7230) [`534ca11`](https://github.com/primer/react/commit/534ca119a2552bb71684c64d2e7481cf426023b6) Thanks [@mperrotti](https://github.com/mperrotti)! - Replaces 'aria-live' usage and removes internal LiveRegion component
+
+- [#7267](https://github.com/primer/react/pull/7267) [`1d8759a`](https://github.com/primer/react/commit/1d8759aae8a3bdd1dc2b8bc8785867ca467b72b5) Thanks [@lukasoppermann](https://github.com/lukasoppermann)! - Used correct tokens for disabled radio control
+
 - [#7241](https://github.com/primer/react/pull/7241) [`181f12e`](https://github.com/primer/react/commit/181f12e1244ea1f33559976ff16e32a1777e877d) Thanks [@francinelucca](https://github.com/francinelucca)! - fix(LabelGroup): add role and aria-label to hidden items overlay
 
 ## 38.3.0

package/dist/DataTable/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAwGjB;AAwDD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../src/DataTable/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,6BAA6B,CAAA;AAMhE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACtF;;OAEG;IACH,YAAY,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IAEX;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAE3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,CAAA;IAE9C;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA;AAMD,wBAAgB,UAAU,CAAC,EACzB,YAAY,EAAE,KAAK,EACnB,gBAAgB,EAChB,EAAE,EACF,QAAQ,EACR,QAAa,EACb,SAA4B,EAC5B,UAAU,GACX,EAAE,eAAe,qBAqGjB;AA4DD,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/dist/DataTable/Pagination.js

@@ -2,7 +2,6 @@ import { c } from 'react-compiler-runtime';
 import { ChevronLeftIcon, ChevronRightIcon } from '@primer/octicons-react';
 import { useState } from 'react';
 import { Button } from '../internal/components/ButtonReset.js';
-import { LiveRegionOutlet, LiveRegion, Message } from '../internal/components/LiveRegion.js';
 import { warning } from '../utils/warning.js';
 import { viewportRanges } from '../hooks/useResponsiveValue.js';
 import { buildPaginationModel } from '../Pagination/model.js';
@@ -10,12 +9,13 @@ import classes from './Pagination.module.css.js';
 import { clsx } from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.js';
+import { AriaStatus } from '../live-region/AriaStatus.js';
 
 const defaultShowPages = {
   narrow: false
 };
 function Pagination(t0) {
-  const $ = c(61);
+  const $ = c(60);
   const {
     "aria-label": label,
     defaultPageIndex,
@@ -87,119 +87,112 @@ function Pagination(t0) {
   const model = t7;
   let t8;
   if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-    t8 = /*#__PURE__*/jsx(LiveRegionOutlet, {});
+    t8 = clsx("TablePagination", classes.TablePagination);
     $[11] = t8;
   } else {
     t8 = $[11];
   }
   let t9;
-  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-    t9 = clsx("TablePagination", classes.TablePagination);
-    $[12] = t9;
-  } else {
-    t9 = $[12];
-  }
-  let t10;
-  if ($[13] !== pageEnd || $[14] !== pageStart || $[15] !== totalCount) {
-    t10 = /*#__PURE__*/jsx(Range, {
+  if ($[12] !== pageEnd || $[13] !== pageStart || $[14] !== totalCount) {
+    t9 = /*#__PURE__*/jsx(Range, {
       pageStart: pageStart,
       pageEnd: pageEnd,
       totalCount: totalCount
     });
-    $[13] = pageEnd;
-    $[14] = pageStart;
-    $[15] = totalCount;
+    $[12] = pageEnd;
+    $[13] = pageStart;
+    $[14] = totalCount;
+    $[15] = t9;
+  } else {
+    t9 = $[15];
+  }
+  let t10;
+  if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+    t10 = clsx("TablePaginationSteps", classes.TablePaginationSteps);
     $[16] = t10;
   } else {
     t10 = $[16];
   }
   let t11;
-  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
-    t11 = clsx("TablePaginationSteps", classes.TablePaginationSteps);
-    $[17] = t11;
-  } else {
-    t11 = $[17];
-  }
-  let t12;
-  if ($[18] !== getViewportRangesToHidePages) {
-    t12 = getViewportRangesToHidePages();
-    $[18] = getViewportRangesToHidePages;
-    $[19] = t12;
-  } else {
-    t12 = $[19];
-  }
-  const t13 = t12.join(" ");
-  let t14;
-  if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
-    t14 = clsx("TablePaginationAction", classes.TablePaginationAction);
-    $[20] = t14;
-  } else {
-    t14 = $[20];
-  }
-  const t15 = hasPreviousPage ? true : undefined;
-  const t16 = !hasPreviousPage ? true : undefined;
-  let t17;
-  if ($[21] !== hasPreviousPage || $[22] !== selectPreviousPage) {
-    t17 = () => {
+  if ($[17] !== getViewportRangesToHidePages) {
+    t11 = getViewportRangesToHidePages();
+    $[17] = getViewportRangesToHidePages;
+    $[18] = t11;
+  } else {
+    t11 = $[18];
+  }
+  const t12 = t11.join(" ");
+  let t13;
+  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = clsx("TablePaginationAction", classes.TablePaginationAction);
+    $[19] = t13;
+  } else {
+    t13 = $[19];
+  }
+  const t14 = hasPreviousPage ? true : undefined;
+  const t15 = !hasPreviousPage ? true : undefined;
+  let t16;
+  if ($[20] !== hasPreviousPage || $[21] !== selectPreviousPage) {
+    t16 = () => {
       if (!hasPreviousPage) {
         return;
       }
       selectPreviousPage();
     };
-    $[21] = hasPreviousPage;
-    $[22] = selectPreviousPage;
-    $[23] = t17;
+    $[20] = hasPreviousPage;
+    $[21] = selectPreviousPage;
+    $[22] = t16;
   } else {
-    t17 = $[23];
+    t16 = $[22];
   }
-  let t18;
-  if ($[24] !== hasPreviousPage) {
-    t18 = hasPreviousPage ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null;
-    $[24] = hasPreviousPage;
-    $[25] = t18;
+  let t17;
+  if ($[23] !== hasPreviousPage) {
+    t17 = hasPreviousPage ? /*#__PURE__*/jsx(ChevronLeftIcon, {}) : null;
+    $[23] = hasPreviousPage;
+    $[24] = t17;
   } else {
-    t18 = $[25];
+    t17 = $[24];
   }
+  let t18;
   let t19;
-  let t20;
-  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-    t19 = /*#__PURE__*/jsx("span", {
+  if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+    t18 = /*#__PURE__*/jsx("span", {
       children: "Previous"
     });
-    t20 = /*#__PURE__*/jsx(VisuallyHidden, {
+    t19 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0page"
     });
+    $[25] = t18;
     $[26] = t19;
-    $[27] = t20;
   } else {
+    t18 = $[25];
     t19 = $[26];
-    t20 = $[27];
   }
-  let t21;
-  if ($[28] !== t15 || $[29] !== t16 || $[30] !== t17 || $[31] !== t18) {
-    t21 = /*#__PURE__*/jsx(Step, {
+  let t20;
+  if ($[27] !== t14 || $[28] !== t15 || $[29] !== t16 || $[30] !== t17) {
+    t20 = /*#__PURE__*/jsx(Step, {
       children: /*#__PURE__*/jsxs(Button, {
-        className: t14,
+        className: t13,
         type: "button",
-        "data-has-page": t15,
-        "aria-disabled": t16,
-        onClick: t17,
-        children: [t18, t19, t20]
+        "data-has-page": t14,
+        "aria-disabled": t15,
+        onClick: t16,
+        children: [t17, t18, t19]
       })
     });
+    $[27] = t14;
     $[28] = t15;
     $[29] = t16;
     $[30] = t17;
-    $[31] = t18;
-    $[32] = t21;
+    $[31] = t20;
   } else {
-    t21 = $[32];
+    t20 = $[31];
   }
-  let t22;
-  if ($[33] !== model || $[34] !== selectPage) {
-    let t23;
-    if ($[36] !== selectPage) {
-      t23 = (page, i) => {
+  let t21;
+  if ($[32] !== model || $[33] !== selectPage) {
+    let t22;
+    if ($[35] !== selectPage) {
+      t22 = (page, i) => {
         if (page.type === "BREAK") {
           return /*#__PURE__*/jsx(TruncationStep, {}, `truncation-${i}`);
         } else {
@@ -218,121 +211,119 @@ function Pagination(t0) {
           }
         }
       };
-      $[36] = selectPage;
-      $[37] = t23;
+      $[35] = selectPage;
+      $[36] = t22;
     } else {
-      t23 = $[37];
+      t22 = $[36];
     }
-    t22 = model.map(t23);
-    $[33] = model;
-    $[34] = selectPage;
-    $[35] = t22;
+    t21 = model.map(t22);
+    $[32] = model;
+    $[33] = selectPage;
+    $[34] = t21;
   } else {
-    t22 = $[35];
+    t21 = $[34];
   }
-  let t23;
-  if ($[38] === Symbol.for("react.memo_cache_sentinel")) {
-    t23 = clsx("TablePaginationAction", classes.TablePaginationAction);
-    $[38] = t23;
+  let t22;
+  if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+    t22 = clsx("TablePaginationAction", classes.TablePaginationAction);
+    $[37] = t22;
   } else {
-    t23 = $[38];
+    t22 = $[37];
   }
-  const t24 = hasNextPage ? true : undefined;
-  const t25 = !hasNextPage ? true : undefined;
-  let t26;
-  if ($[39] !== hasNextPage || $[40] !== selectNextPage) {
-    t26 = () => {
+  const t23 = hasNextPage ? true : undefined;
+  const t24 = !hasNextPage ? true : undefined;
+  let t25;
+  if ($[38] !== hasNextPage || $[39] !== selectNextPage) {
+    t25 = () => {
       if (!hasNextPage) {
         return;
       }
       selectNextPage();
     };
-    $[39] = hasNextPage;
-    $[40] = selectNextPage;
-    $[41] = t26;
+    $[38] = hasNextPage;
+    $[39] = selectNextPage;
+    $[40] = t25;
   } else {
-    t26 = $[41];
+    t25 = $[40];
   }
+  let t26;
   let t27;
-  let t28;
-  if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-    t27 = /*#__PURE__*/jsx("span", {
+  if ($[41] === Symbol.for("react.memo_cache_sentinel")) {
+    t26 = /*#__PURE__*/jsx("span", {
       children: "Next"
     });
-    t28 = /*#__PURE__*/jsx(VisuallyHidden, {
+    t27 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0page"
     });
+    $[41] = t26;
     $[42] = t27;
-    $[43] = t28;
   } else {
+    t26 = $[41];
     t27 = $[42];
-    t28 = $[43];
   }
-  let t29;
-  if ($[44] !== hasNextPage) {
-    t29 = hasNextPage ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null;
-    $[44] = hasNextPage;
-    $[45] = t29;
+  let t28;
+  if ($[43] !== hasNextPage) {
+    t28 = hasNextPage ? /*#__PURE__*/jsx(ChevronRightIcon, {}) : null;
+    $[43] = hasNextPage;
+    $[44] = t28;
   } else {
-    t29 = $[45];
+    t28 = $[44];
   }
-  let t30;
-  if ($[46] !== t24 || $[47] !== t25 || $[48] !== t26 || $[49] !== t29) {
-    t30 = /*#__PURE__*/jsx(Step, {
+  let t29;
+  if ($[45] !== t23 || $[46] !== t24 || $[47] !== t25 || $[48] !== t28) {
+    t29 = /*#__PURE__*/jsx(Step, {
       children: /*#__PURE__*/jsxs(Button, {
-        className: t23,
+        className: t22,
         type: "button",
-        "data-has-page": t24,
-        "aria-disabled": t25,
-        onClick: t26,
-        children: [t27, t28, t29]
+        "data-has-page": t23,
+        "aria-disabled": t24,
+        onClick: t25,
+        children: [t26, t27, t28]
       })
     });
+    $[45] = t23;
     $[46] = t24;
     $[47] = t25;
-    $[48] = t26;
+    $[48] = t28;
     $[49] = t29;
-    $[50] = t30;
   } else {
-    t30 = $[50];
+    t29 = $[49];
   }
-  let t31;
-  if ($[51] !== t13 || $[52] !== t21 || $[53] !== t22 || $[54] !== t30) {
-    t31 = /*#__PURE__*/jsxs("ol", {
-      className: t11,
-      "data-hidden-viewport-ranges": t13,
-      children: [t21, t22, t30]
+  let t30;
+  if ($[50] !== t12 || $[51] !== t20 || $[52] !== t21 || $[53] !== t29) {
+    t30 = /*#__PURE__*/jsxs("ol", {
+      className: t10,
+      "data-hidden-viewport-ranges": t12,
+      children: [t20, t21, t29]
     });
-    $[51] = t13;
+    $[50] = t12;
+    $[51] = t20;
     $[52] = t21;
-    $[53] = t22;
+    $[53] = t29;
     $[54] = t30;
-    $[55] = t31;
-  } else {
-    t31 = $[55];
-  }
-  let t32;
-  if ($[56] !== id || $[57] !== label || $[58] !== t10 || $[59] !== t31) {
-    t32 = /*#__PURE__*/jsxs(LiveRegion, {
-      children: [t8, /*#__PURE__*/jsxs("nav", {
-        "aria-label": label,
-        className: t9,
-        id: id,
-        children: [t10, t31]
-      })]
+  } else {
+    t30 = $[54];
+  }
+  let t31;
+  if ($[55] !== id || $[56] !== label || $[57] !== t30 || $[58] !== t9) {
+    t31 = /*#__PURE__*/jsxs("nav", {
+      "aria-label": label,
+      className: t8,
+      id: id,
+      children: [t9, t30]
     });
-    $[56] = id;
-    $[57] = label;
-    $[58] = t10;
+    $[55] = id;
+    $[56] = label;
+    $[57] = t30;
+    $[58] = t9;
     $[59] = t31;
-    $[60] = t32;
   } else {
-    t32 = $[60];
+    t31 = $[59];
   }
-  return t32;
+  return t31;
 }
 function Range(t0) {
-  const $ = c(12);
+  const $ = c(14);
   const {
     pageStart,
     pageEnd,
@@ -340,65 +331,68 @@ function Range(t0) {
   } = t0;
   const start = pageStart + 1;
   const end = pageEnd;
-  const t1 = `Showing ${start} through ${end} of ${totalCount}`;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = /*#__PURE__*/jsx(Message, {
-      value: t1
+  let t1;
+  if ($[0] !== end || $[1] !== start || $[2] !== totalCount) {
+    t1 = /*#__PURE__*/jsx(VisuallyHidden, {
+      children: /*#__PURE__*/jsxs(AriaStatus, {
+        children: ["Showing ", start, " through ", end, " of ", totalCount]
+      })
     });
-    $[0] = t1;
-    $[1] = t2;
+    $[0] = end;
+    $[1] = start;
+    $[2] = totalCount;
+    $[3] = t1;
   } else {
-    t2 = $[1];
+    t1 = $[3];
   }
-  let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = clsx("TablePaginationRange", classes.TablePaginationRange);
-    $[2] = t3;
+  let t2;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = clsx("TablePaginationRange", classes.TablePaginationRange);
+    $[4] = t2;
   } else {
-    t3 = $[2];
+    t2 = $[4];
   }
+  let t3;
   let t4;
-  let t5;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /*#__PURE__*/jsx(VisuallyHidden, {
+  if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = /*#__PURE__*/jsx(VisuallyHidden, {
       children: "\xA0through\xA0"
     });
-    t5 = /*#__PURE__*/jsx("span", {
+    t4 = /*#__PURE__*/jsx("span", {
       "aria-hidden": "true",
       children: "\u2012"
     });
-    $[3] = t4;
-    $[4] = t5;
+    $[5] = t3;
+    $[6] = t4;
   } else {
-    t4 = $[3];
-    t5 = $[4];
+    t3 = $[5];
+    t4 = $[6];
   }
-  let t6;
-  if ($[5] !== end || $[6] !== start || $[7] !== totalCount) {
-    t6 = /*#__PURE__*/jsxs("p", {
-      className: t3,
-      children: [start, t4, t5, end, " of ", totalCount]
+  let t5;
+  if ($[7] !== end || $[8] !== start || $[9] !== totalCount) {
+    t5 = /*#__PURE__*/jsxs("p", {
+      className: t2,
+      children: [start, t3, t4, end, " of ", totalCount]
     });
-    $[5] = end;
-    $[6] = start;
-    $[7] = totalCount;
-    $[8] = t6;
+    $[7] = end;
+    $[8] = start;
+    $[9] = totalCount;
+    $[10] = t5;
   } else {
-    t6 = $[8];
+    t5 = $[10];
   }
-  let t7;
-  if ($[9] !== t2 || $[10] !== t6) {
-    t7 = /*#__PURE__*/jsxs(Fragment, {
-      children: [t2, t6]
+  let t6;
+  if ($[11] !== t1 || $[12] !== t5) {
+    t6 = /*#__PURE__*/jsxs(Fragment, {
+      children: [t1, t5]
     });
-    $[9] = t2;
-    $[10] = t6;
-    $[11] = t7;
+    $[11] = t1;
+    $[12] = t5;
+    $[13] = t6;
   } else {
-    t7 = $[11];
+    t6 = $[13];
   }
-  return t7;
+  return t6;
 }
 function TruncationStep() {
   const $ = c(1);

package/dist/InlineMessage/InlineMessage.d.ts

@@ -9,7 +9,11 @@ export type InlineMessageProps = React.ComponentPropsWithoutRef<'div'> & {
      * Specify the type of the InlineMessage
      */
     variant: MessageVariant;
+    /**
+     * A custom leading visual (icon or other element) to display instead of the default variant icon.
+     */
+    leadingVisual?: React.ElementType | React.ReactNode;
 };
-export declare function InlineMessage({ children, className, size, variant, ...rest }: InlineMessageProps): React.JSX.Element;
+export declare function InlineMessage({ children, className, size, variant, leadingVisual: LeadingVisual, ...rest }: InlineMessageProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=InlineMessage.d.ts.map

package/dist/InlineMessage/InlineMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;CACxB,CAAA;AAgBD,wBAAgB,aAAa,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAe,EAAE,OAAO,EAAE,GAAG,IAAI,EAAC,EAAE,kBAAkB,qBASzG"}
+{"version":3,"file":"InlineMessage.d.ts","sourceRoot":"","sources":["../../src/InlineMessage/InlineMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,CAAA;AAExE,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,GAAG;IACvE;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEzB;;OAEG;IACH,OAAO,EAAE,cAAc,CAAA;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,SAAS,CAAA;CACpD,CAAA;AAgBD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,IAAe,EACf,OAAO,EACP,aAAa,EAAE,aAAa,EAC5B,GAAG,IAAI,EACR,EAAE,kBAAkB,qBAoBpB"}