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

package/lib-esm/Timeline/Timeline.js

@@ -2,55 +2,92 @@ import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import React from 'react';
 import classes from './Timeline.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
+import { defaultSxProp } from '../utils/defaultSxProp.js';
 import { jsx } from 'react/jsx-runtime';
+import Box from '../Box/Box.js';
 
 const Timeline = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = c(11);
+  const $ = c(20);
   let className;
   let clipSidebar;
   let props;
+  let t1;
   if ($[0] !== t0) {
     ({
       clipSidebar,
       className,
+      sx: t1,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = clipSidebar;
     $[3] = props;
+    $[4] = t1;
   } else {
     className = $[1];
     clipSidebar = $[2];
     props = $[3];
+    t1 = $[4];
   }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx(className, classes.Timeline);
-    $[4] = className;
-    $[5] = t1;
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx(className, classes.Timeline);
+      $[5] = className;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    const t3 = clipSidebar ? "" : undefined;
+    let t4;
+    if ($[7] !== forwardRef || $[8] !== props || $[9] !== sxProp || $[10] !== t2 || $[11] !== t3) {
+      t4 = /*#__PURE__*/jsx(Box, {
+        as: "div",
+        sx: sxProp,
+        ...props,
+        className: t2,
+        ref: forwardRef,
+        "data-clip-sidebar": t3
+      });
+      $[7] = forwardRef;
+      $[8] = props;
+      $[9] = sxProp;
+      $[10] = t2;
+      $[11] = t3;
+      $[12] = t4;
+    } else {
+      t4 = $[12];
+    }
+    return t4;
+  }
+  let t2;
+  if ($[13] !== className) {
+    t2 = clsx(className, classes.Timeline);
+    $[13] = className;
+    $[14] = t2;
   } else {
-    t1 = $[5];
+    t2 = $[14];
   }
-  const t2 = clipSidebar ? "" : undefined;
-  let t3;
-  if ($[6] !== forwardRef || $[7] !== props || $[8] !== t1 || $[9] !== t2) {
-    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
+  const t3 = clipSidebar ? "" : undefined;
+  let t4;
+  if ($[15] !== forwardRef || $[16] !== props || $[17] !== t2 || $[18] !== t3) {
+    t4 = /*#__PURE__*/jsx("div", {
       ...props,
-      className: t1,
+      className: t2,
       ref: forwardRef,
-      "data-clip-sidebar": t2
+      "data-clip-sidebar": t3
     });
-    $[6] = forwardRef;
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t2;
-    $[10] = t3;
+    $[15] = forwardRef;
+    $[16] = props;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
   } else {
-    t3 = $[10];
+    t4 = $[19];
   }
-  return t3;
+  return t4;
 });
 Timeline.displayName = 'Timeline';
 
@@ -59,175 +96,310 @@ Timeline.displayName = 'Timeline';
  */
 
 const TimelineItem = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = c(11);
+  const $ = c(20);
   let className;
   let condensed;
   let props;
+  let t1;
   if ($[0] !== t0) {
     ({
       condensed,
       className,
+      sx: t1,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = condensed;
     $[3] = props;
+    $[4] = t1;
   } else {
     className = $[1];
     condensed = $[2];
     props = $[3];
+    t1 = $[4];
   }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx(className, "Timeline-Item", classes.TimelineItem);
-    $[4] = className;
-    $[5] = t1;
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx(className, "Timeline-Item", classes.TimelineItem);
+      $[5] = className;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    const t3 = condensed ? "" : undefined;
+    let t4;
+    if ($[7] !== forwardRef || $[8] !== props || $[9] !== sxProp || $[10] !== t2 || $[11] !== t3) {
+      t4 = /*#__PURE__*/jsx(Box, {
+        as: "div",
+        ...props,
+        className: t2,
+        ref: forwardRef,
+        "data-condensed": t3,
+        sx: sxProp
+      });
+      $[7] = forwardRef;
+      $[8] = props;
+      $[9] = sxProp;
+      $[10] = t2;
+      $[11] = t3;
+      $[12] = t4;
+    } else {
+      t4 = $[12];
+    }
+    return t4;
+  }
+  let t2;
+  if ($[13] !== className) {
+    t2 = clsx(className, "Timeline-Item", classes.TimelineItem);
+    $[13] = className;
+    $[14] = t2;
   } else {
-    t1 = $[5];
+    t2 = $[14];
   }
-  const t2 = condensed ? "" : undefined;
-  let t3;
-  if ($[6] !== forwardRef || $[7] !== props || $[8] !== t1 || $[9] !== t2) {
-    t3 = /*#__PURE__*/jsx(BoxWithFallback, {
+  const t3 = condensed ? "" : undefined;
+  let t4;
+  if ($[15] !== forwardRef || $[16] !== props || $[17] !== t2 || $[18] !== t3) {
+    t4 = /*#__PURE__*/jsx("div", {
       ...props,
-      className: t1,
+      className: t2,
       ref: forwardRef,
-      "data-condensed": t2
+      "data-condensed": t3
     });
-    $[6] = forwardRef;
-    $[7] = props;
-    $[8] = t1;
-    $[9] = t2;
-    $[10] = t3;
+    $[15] = forwardRef;
+    $[16] = props;
+    $[17] = t2;
+    $[18] = t3;
+    $[19] = t4;
   } else {
-    t3 = $[10];
+    t4 = $[19];
   }
-  return t3;
+  return t4;
 });
 TimelineItem.displayName = 'TimelineItem';
 const TimelineBadge = t0 => {
-  const $ = c(8);
+  const $ = c(15);
   let className;
   let props;
+  let t1;
   if ($[0] !== t0) {
     ({
+      sx: t1,
       className,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = props;
+    $[3] = t1;
   } else {
     className = $[1];
     props = $[2];
+    t1 = $[3];
   }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, classes.TimelineBadge);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[4] !== className) {
+      t2 = clsx(className, classes.TimelineBadge);
+      $[4] = className;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== props || $[7] !== sxProp || $[8] !== t2) {
+      t3 = /*#__PURE__*/jsx("div", {
+        className: classes.TimelineBadgeWrapper,
+        children: /*#__PURE__*/jsx(Box, {
+          ...props,
+          sx: sxProp,
+          className: t2
+        })
+      });
+      $[6] = props;
+      $[7] = sxProp;
+      $[8] = t2;
+      $[9] = t3;
+    } else {
+      t3 = $[9];
+    }
+    return t3;
   }
   let t2;
-  if ($[5] !== props || $[6] !== t1) {
-    t2 = /*#__PURE__*/jsx("div", {
+  if ($[10] !== className) {
+    t2 = clsx(className, classes.TimelineBadge);
+    $[10] = className;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  let t3;
+  if ($[12] !== props || $[13] !== t2) {
+    t3 = /*#__PURE__*/jsx("div", {
       className: classes.TimelineBadgeWrapper,
-      children: /*#__PURE__*/jsx(BoxWithFallback, {
+      children: /*#__PURE__*/jsx("div", {
         ...props,
-        className: t1
+        className: t2
       })
     });
-    $[5] = props;
-    $[6] = t1;
-    $[7] = t2;
+    $[12] = props;
+    $[13] = t2;
+    $[14] = t3;
   } else {
-    t2 = $[7];
+    t3 = $[14];
   }
-  return t2;
+  return t3;
 };
 TimelineBadge.displayName = 'Timeline.Badge';
 const TimelineBody = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = c(9);
+  const $ = c(17);
   let className;
   let props;
+  let t1;
   if ($[0] !== t0) {
     ({
       className,
+      sx: t1,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = props;
+    $[3] = t1;
   } else {
     className = $[1];
     props = $[2];
+    t1 = $[3];
   }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, classes.TimelineBody);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[4] !== className) {
+      t2 = clsx(className, classes.TimelineBody);
+      $[4] = className;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== forwardRef || $[7] !== props || $[8] !== sxProp || $[9] !== t2) {
+      t3 = /*#__PURE__*/jsx(Box, {
+        as: "div",
+        ...props,
+        className: t2,
+        ref: forwardRef,
+        sx: sxProp
+      });
+      $[6] = forwardRef;
+      $[7] = props;
+      $[8] = sxProp;
+      $[9] = t2;
+      $[10] = t3;
+    } else {
+      t3 = $[10];
+    }
+    return t3;
   }
   let t2;
-  if ($[5] !== forwardRef || $[6] !== props || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
+  if ($[11] !== className) {
+    t2 = clsx(className, classes.TimelineBody);
+    $[11] = className;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== forwardRef || $[14] !== props || $[15] !== t2) {
+    t3 = /*#__PURE__*/jsx("div", {
       ...props,
-      className: t1,
+      className: t2,
       ref: forwardRef
     });
-    $[5] = forwardRef;
-    $[6] = props;
-    $[7] = t1;
-    $[8] = t2;
+    $[13] = forwardRef;
+    $[14] = props;
+    $[15] = t2;
+    $[16] = t3;
   } else {
-    t2 = $[8];
+    t3 = $[16];
   }
-  return t2;
+  return t3;
 });
 TimelineBody.displayName = 'TimelineBody';
 const TimelineBreak = /*#__PURE__*/React.forwardRef((t0, forwardRef) => {
-  const $ = c(9);
+  const $ = c(17);
   let className;
   let props;
+  let t1;
   if ($[0] !== t0) {
     ({
       className,
+      sx: t1,
       ...props
     } = t0);
     $[0] = t0;
     $[1] = className;
     $[2] = props;
+    $[3] = t1;
   } else {
     className = $[1];
     props = $[2];
+    t1 = $[3];
   }
-  let t1;
-  if ($[3] !== className) {
-    t1 = clsx(className, classes.TimelineBreak);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[4] !== className) {
+      t2 = clsx(className, classes.TimelineBreak);
+      $[4] = className;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== forwardRef || $[7] !== props || $[8] !== sxProp || $[9] !== t2) {
+      t3 = /*#__PURE__*/jsx(Box, {
+        as: "div",
+        ...props,
+        className: t2,
+        ref: forwardRef,
+        sx: sxProp
+      });
+      $[6] = forwardRef;
+      $[7] = props;
+      $[8] = sxProp;
+      $[9] = t2;
+      $[10] = t3;
+    } else {
+      t3 = $[10];
+    }
+    return t3;
   }
   let t2;
-  if ($[5] !== forwardRef || $[6] !== props || $[7] !== t1) {
-    t2 = /*#__PURE__*/jsx(BoxWithFallback, {
+  if ($[11] !== className) {
+    t2 = clsx(className, classes.TimelineBreak);
+    $[11] = className;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== forwardRef || $[14] !== props || $[15] !== t2) {
+    t3 = /*#__PURE__*/jsx("div", {
       ...props,
-      className: t1,
+      className: t2,
       ref: forwardRef
     });
-    $[5] = forwardRef;
-    $[6] = props;
-    $[7] = t1;
-    $[8] = t2;
+    $[13] = forwardRef;
+    $[14] = props;
+    $[15] = t2;
+    $[16] = t3;
   } else {
-    t2 = $[8];
+    t3 = $[16];
   }
-  return t2;
+  return t3;
 });
 TimelineBreak.displayName = 'TimelineBreak';
 var Timeline$1 = Object.assign(Timeline, {