@primer/react 37.29.0-rc.d46ec0131 → 38.0.0-rc.389f01088

package/lib/Timeline/Timeline.js

@@ -4,59 +4,96 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var Timeline_module = require('./Timeline.module.css.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
+var defaultSxProp = require('../utils/defaultSxProp.js');
 var jsxRuntime = require('react/jsx-runtime');
+var Box = require('../Box/Box.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 const Timeline = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(11);
+  const $ = reactCompilerRuntime.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.clsx(className, Timeline_module.Timeline);
-    $[4] = className;
-    $[5] = t1;
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx.clsx(className, Timeline_module.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__*/jsxRuntime.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.clsx(className, Timeline_module.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__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  const t3 = clipSidebar ? "" : undefined;
+  let t4;
+  if ($[15] !== forwardRef || $[16] !== props || $[17] !== t2 || $[18] !== t3) {
+    t4 = /*#__PURE__*/jsxRuntime.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';
 
@@ -65,175 +102,310 @@ Timeline.displayName = 'Timeline';
  */
 
 const TimelineItem = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(11);
+  const $ = reactCompilerRuntime.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.clsx(className, "Timeline-Item", Timeline_module.TimelineItem);
-    $[4] = className;
-    $[5] = t1;
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx.clsx(className, "Timeline-Item", Timeline_module.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__*/jsxRuntime.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.clsx(className, "Timeline-Item", Timeline_module.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__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  const t3 = condensed ? "" : undefined;
+  let t4;
+  if ($[15] !== forwardRef || $[16] !== props || $[17] !== t2 || $[18] !== t3) {
+    t4 = /*#__PURE__*/jsxRuntime.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 $ = reactCompilerRuntime.c(8);
+  const $ = reactCompilerRuntime.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.clsx(className, Timeline_module.TimelineBadge);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[4] !== className) {
+      t2 = clsx.clsx(className, Timeline_module.TimelineBadge);
+      $[4] = className;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== props || $[7] !== sxProp || $[8] !== t2) {
+      t3 = /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: Timeline_module.TimelineBadgeWrapper,
+        children: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx("div", {
+  if ($[10] !== className) {
+    t2 = clsx.clsx(className, Timeline_module.TimelineBadge);
+    $[10] = className;
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  let t3;
+  if ($[12] !== props || $[13] !== t2) {
+    t3 = /*#__PURE__*/jsxRuntime.jsx("div", {
       className: Timeline_module.TimelineBadgeWrapper,
-      children: /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+      children: /*#__PURE__*/jsxRuntime.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__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(9);
+  const $ = reactCompilerRuntime.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.clsx(className, Timeline_module.TimelineBody);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[4] !== className) {
+      t2 = clsx.clsx(className, Timeline_module.TimelineBody);
+      $[4] = className;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== forwardRef || $[7] !== props || $[8] !== sxProp || $[9] !== t2) {
+      t3 = /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  if ($[11] !== className) {
+    t2 = clsx.clsx(className, Timeline_module.TimelineBody);
+    $[11] = className;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== forwardRef || $[14] !== props || $[15] !== t2) {
+    t3 = /*#__PURE__*/jsxRuntime.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__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(9);
+  const $ = reactCompilerRuntime.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.clsx(className, Timeline_module.TimelineBreak);
-    $[3] = className;
-    $[4] = t1;
-  } else {
-    t1 = $[4];
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[4] !== className) {
+      t2 = clsx.clsx(className, Timeline_module.TimelineBreak);
+      $[4] = className;
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    let t3;
+    if ($[6] !== forwardRef || $[7] !== props || $[8] !== sxProp || $[9] !== t2) {
+      t3 = /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  if ($[11] !== className) {
+    t2 = clsx.clsx(className, Timeline_module.TimelineBreak);
+    $[11] = className;
+    $[12] = t2;
+  } else {
+    t2 = $[12];
+  }
+  let t3;
+  if ($[13] !== forwardRef || $[14] !== props || $[15] !== t2) {
+    t3 = /*#__PURE__*/jsxRuntime.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, {

package/lib/Token/Token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAI/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,MAAM;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA6DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/Token/Token.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAC,KAAK,MAAM,EAAC,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;AAI/C,OAAO,KAAK,EAAC,mBAAmB,IAAI,8BAA8B,EAAC,MAAM,sBAAsB,CAAA;AAQ/F,MAAM,WAAW,UAAW,SAAQ,cAAc,EAAE,MAAM;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC;AAcD,QAAA,MAAM,KAAK,EA+DL,8BAA8B,CAAC,GAAG,GAAG,QAAQ,GAAG,MAAM,EAAE,UAAU,CAAC,CAAA;AAEzE,eAAe,KAAK,CAAA"}