@primer/react 37.29.0-rc.d46ec0131 → 38.0.0-rc.195178541

package/lib-esm/InlineMessage/InlineMessage.js

@@ -2,8 +2,9 @@ import { c } from 'react-compiler-runtime';
 import { AlertFillIcon, CheckCircleFillIcon, AlertIcon, CheckCircleIcon } from '@primer/octicons-react';
 import { clsx } from 'clsx';
 import classes from './InlineMessage.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
+import { defaultSxProp } from '../utils/defaultSxProp.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
+import Box from '../Box/Box.js';
 
 const variantToIcon = variant => {
   const icons = {
@@ -44,11 +45,12 @@ const variantToSmallIcon = variant => {
   return icons[variant];
 };
 function InlineMessage(t0) {
-  const $ = c(18);
+  const $ = c(29);
   let children;
   let className;
   let rest;
   let t1;
+  let t2;
   let variant;
   if ($[0] !== t0) {
     ({
@@ -56,6 +58,7 @@ function InlineMessage(t0) {
       className,
       size: t1,
       variant,
+      sx: t2,
       ...rest
     } = t0);
     $[0] = t0;
@@ -63,53 +66,88 @@ function InlineMessage(t0) {
     $[2] = className;
     $[3] = rest;
     $[4] = t1;
-    $[5] = variant;
+    $[5] = t2;
+    $[6] = variant;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
     t1 = $[4];
-    variant = $[5];
+    t2 = $[5];
+    variant = $[6];
   }
   const size = t1 === undefined ? "medium" : t1;
-  let t2;
-  if ($[6] !== size || $[7] !== variant) {
-    t2 = size === "small" ? variantToSmallIcon(variant) : variantToIcon(variant);
-    $[6] = size;
-    $[7] = variant;
-    $[8] = t2;
-  } else {
-    t2 = $[8];
-  }
-  const icon = t2;
+  const sxProp = t2 === undefined ? defaultSxProp : t2;
   let t3;
-  if ($[9] !== className) {
-    t3 = clsx(className, classes.InlineMessage);
-    $[9] = className;
-    $[10] = t3;
+  if ($[7] !== size || $[8] !== variant) {
+    t3 = size === "small" ? variantToSmallIcon(variant) : variantToIcon(variant);
+    $[7] = size;
+    $[8] = variant;
+    $[9] = t3;
   } else {
-    t3 = $[10];
+    t3 = $[9];
+  }
+  const icon = t3;
+  if (sxProp !== defaultSxProp) {
+    let t4;
+    if ($[10] !== className) {
+      t4 = clsx(className, classes.InlineMessage);
+      $[10] = className;
+      $[11] = t4;
+    } else {
+      t4 = $[11];
+    }
+    let t5;
+    if ($[12] !== children || $[13] !== icon || $[14] !== rest || $[15] !== size || $[16] !== sxProp || $[17] !== t4 || $[18] !== variant) {
+      t5 = /*#__PURE__*/jsxs(Box, {
+        sx: sxProp,
+        className: t4,
+        ...rest,
+        "data-size": size,
+        "data-variant": variant,
+        children: [icon, children]
+      });
+      $[12] = children;
+      $[13] = icon;
+      $[14] = rest;
+      $[15] = size;
+      $[16] = sxProp;
+      $[17] = t4;
+      $[18] = variant;
+      $[19] = t5;
+    } else {
+      t5 = $[19];
+    }
+    return t5;
   }
   let t4;
-  if ($[11] !== children || $[12] !== icon || $[13] !== rest || $[14] !== size || $[15] !== t3 || $[16] !== variant) {
-    t4 = /*#__PURE__*/jsxs(BoxWithFallback, {
-      className: t3,
+  if ($[20] !== className) {
+    t4 = clsx(className, classes.InlineMessage);
+    $[20] = className;
+    $[21] = t4;
+  } else {
+    t4 = $[21];
+  }
+  let t5;
+  if ($[22] !== children || $[23] !== icon || $[24] !== rest || $[25] !== size || $[26] !== t4 || $[27] !== variant) {
+    t5 = /*#__PURE__*/jsxs("div", {
+      className: t4,
       ...rest,
       "data-size": size,
       "data-variant": variant,
       children: [icon, children]
     });
-    $[11] = children;
-    $[12] = icon;
-    $[13] = rest;
-    $[14] = size;
-    $[15] = t3;
-    $[16] = variant;
-    $[17] = t4;
+    $[22] = children;
+    $[23] = icon;
+    $[24] = rest;
+    $[25] = size;
+    $[26] = t4;
+    $[27] = variant;
+    $[28] = t5;
   } else {
-    t4 = $[17];
+    t5 = $[28];
   }
-  return t4;
+  return t5;
 }
 
 export { InlineMessage };