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

package/lib/SubNav/SubNav.js

@@ -4,26 +4,29 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var clsx = require('clsx');
 var React = require('react');
 var SubNav_module = require('./SubNav.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 SubNav = /*#__PURE__*/React__default.default.forwardRef(function SubNav(t0, forwardRef) {
-  const $ = reactCompilerRuntime.c(20);
+  const $ = reactCompilerRuntime.c(36);
   let actions;
   let children;
   let className;
   let label;
   let rest;
+  let t1;
   if ($[0] !== t0) {
     ({
       actions,
       className,
       children,
       label,
+      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
@@ -32,174 +35,309 @@ const SubNav = /*#__PURE__*/React__default.default.forwardRef(function SubNav(t0
     $[3] = className;
     $[4] = label;
     $[5] = rest;
+    $[6] = t1;
   } else {
     actions = $[1];
     children = $[2];
     className = $[3];
     label = $[4];
     rest = $[5];
+    t1 = $[6];
   }
-  let t1;
-  if ($[6] !== className) {
-    t1 = clsx.clsx(className, "SubNav", SubNav_module.SubNav);
-    $[6] = className;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[7] !== className) {
+      t2 = clsx.clsx(className, "SubNav", SubNav_module.SubNav);
+      $[7] = className;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    let t3;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = clsx.clsx("SubNav-body", SubNav_module.Body);
+      $[9] = t3;
+    } else {
+      t3 = $[9];
+    }
+    let t4;
+    if ($[10] !== children) {
+      t4 = /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: t3,
+        children: children
+      });
+      $[10] = children;
+      $[11] = t4;
+    } else {
+      t4 = $[11];
+    }
+    let t5;
+    if ($[12] !== actions) {
+      t5 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: clsx.clsx("SubNav-actions", SubNav_module.Actions),
+        children: actions
+      });
+      $[12] = actions;
+      $[13] = t5;
+    } else {
+      t5 = $[13];
+    }
+    let t6;
+    if ($[14] !== forwardRef || $[15] !== label || $[16] !== rest || $[17] !== sxProp || $[18] !== t2 || $[19] !== t4 || $[20] !== t5) {
+      t6 = /*#__PURE__*/jsxRuntime.jsxs(Box, {
+        as: "nav",
+        ref: forwardRef,
+        sx: sxProp,
+        className: t2,
+        "aria-label": label,
+        ...rest,
+        children: [t4, t5]
+      });
+      $[14] = forwardRef;
+      $[15] = label;
+      $[16] = rest;
+      $[17] = sxProp;
+      $[18] = t2;
+      $[19] = t4;
+      $[20] = t5;
+      $[21] = t6;
+    } else {
+      t6 = $[21];
+    }
+    return t6;
   }
   let t2;
-  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = clsx.clsx("SubNav-body", SubNav_module.Body);
-    $[8] = t2;
+  if ($[22] !== className) {
+    t2 = clsx.clsx(className, "SubNav", SubNav_module.SubNav);
+    $[22] = className;
+    $[23] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[23];
   }
   let t3;
-  if ($[9] !== children) {
-    t3 = /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: t2,
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = clsx.clsx("SubNav-body", SubNav_module.Body);
+    $[24] = t3;
+  } else {
+    t3 = $[24];
+  }
+  let t4;
+  if ($[25] !== children) {
+    t4 = /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: t3,
       children: children
     });
-    $[9] = children;
-    $[10] = t3;
+    $[25] = children;
+    $[26] = t4;
   } else {
-    t3 = $[10];
+    t4 = $[26];
   }
-  let t4;
-  if ($[11] !== actions) {
-    t4 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
+  let t5;
+  if ($[27] !== actions) {
+    t5 = actions && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: clsx.clsx("SubNav-actions", SubNav_module.Actions),
       children: actions
     });
-    $[11] = actions;
-    $[12] = t4;
+    $[27] = actions;
+    $[28] = t5;
   } else {
-    t4 = $[12];
+    t5 = $[28];
   }
-  let t5;
-  if ($[13] !== forwardRef || $[14] !== label || $[15] !== rest || $[16] !== t1 || $[17] !== t3 || $[18] !== t4) {
-    t5 = /*#__PURE__*/jsxRuntime.jsxs(BoxWithFallback.BoxWithFallback, {
-      as: "nav",
+  let t6;
+  if ($[29] !== forwardRef || $[30] !== label || $[31] !== rest || $[32] !== t2 || $[33] !== t4 || $[34] !== t5) {
+    t6 = /*#__PURE__*/jsxRuntime.jsxs("nav", {
       ref: forwardRef,
-      className: t1,
+      className: t2,
       "aria-label": label,
       ...rest,
-      children: [t3, t4]
+      children: [t4, t5]
     });
-    $[13] = forwardRef;
-    $[14] = label;
-    $[15] = rest;
-    $[16] = t1;
-    $[17] = t3;
-    $[18] = t4;
-    $[19] = t5;
+    $[29] = forwardRef;
+    $[30] = label;
+    $[31] = rest;
+    $[32] = t2;
+    $[33] = t4;
+    $[34] = t5;
+    $[35] = t6;
   } else {
-    t5 = $[19];
+    t6 = $[35];
   }
-  return t5;
+  return t6;
 });
 SubNav.displayName = 'SubNav';
 
 // SubNav.Links
 
 const SubNavLinks = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(11);
+  const $ = reactCompilerRuntime.c(20);
   let children;
   let className;
   let rest;
+  let t1;
   if ($[0] !== t0) {
     ({
       children,
       className,
+      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
+    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
+    t1 = $[4];
   }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx.clsx(className, SubNav_module.Links);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx.clsx(className, SubNav_module.Links);
+      $[5] = className;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== children || $[8] !== forwardRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
+      t3 = /*#__PURE__*/jsxRuntime.jsx(Box, {
+        as: "div",
+        ref: forwardRef,
+        sx: sxProp,
+        className: t2,
+        ...rest,
+        children: children
+      });
+      $[7] = children;
+      $[8] = forwardRef;
+      $[9] = rest;
+      $[10] = sxProp;
+      $[11] = t2;
+      $[12] = t3;
+    } else {
+      t3 = $[12];
+    }
+    return t3;
   }
   let t2;
-  if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
+  if ($[13] !== className) {
+    t2 = clsx.clsx(className, SubNav_module.Links);
+    $[13] = className;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  let t3;
+  if ($[15] !== children || $[16] !== forwardRef || $[17] !== rest || $[18] !== t2) {
+    t3 = /*#__PURE__*/jsxRuntime.jsx("div", {
       ref: forwardRef,
-      className: t1,
+      className: t2,
       ...rest,
       children: children
     });
-    $[6] = children;
-    $[7] = forwardRef;
-    $[8] = rest;
-    $[9] = t1;
-    $[10] = t2;
+    $[15] = children;
+    $[16] = forwardRef;
+    $[17] = rest;
+    $[18] = t2;
+    $[19] = t3;
   } else {
-    t2 = $[10];
+    t3 = $[19];
   }
-  return t2;
+  return t3;
 });
 SubNavLinks.displayName = 'SubNav.Links';
 
 // SubNav.Link
 
 const SubNavLink = /*#__PURE__*/React__default.default.forwardRef((t0, forwardRef) => {
-  const $ = reactCompilerRuntime.c(11);
+  const $ = reactCompilerRuntime.c(20);
   let children;
   let className;
   let rest;
+  let t1;
   if ($[0] !== t0) {
     ({
       children,
       className,
+      sx: t1,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
     $[2] = className;
     $[3] = rest;
+    $[4] = t1;
   } else {
     children = $[1];
     className = $[2];
     rest = $[3];
+    t1 = $[4];
   }
-  let t1;
-  if ($[4] !== className) {
-    t1 = clsx.clsx(className, SubNav_module.Link);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
+  const sxProp = t1 === undefined ? defaultSxProp.defaultSxProp : t1;
+  if (sxProp !== defaultSxProp.defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx.clsx(className, SubNav_module.Link);
+      $[5] = className;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== children || $[8] !== forwardRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
+      t3 = /*#__PURE__*/jsxRuntime.jsx(Box, {
+        as: "a",
+        ref: forwardRef,
+        sx: sxProp,
+        className: t2,
+        "data-selected": rest.selected,
+        "aria-current": rest.selected,
+        ...rest,
+        children: children
+      });
+      $[7] = children;
+      $[8] = forwardRef;
+      $[9] = rest;
+      $[10] = sxProp;
+      $[11] = t2;
+      $[12] = t3;
+    } else {
+      t3 = $[12];
+    }
+    return t3;
   }
   let t2;
-  if ($[6] !== children || $[7] !== forwardRef || $[8] !== rest || $[9] !== t1) {
-    t2 = /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-      as: "a",
+  if ($[13] !== className) {
+    t2 = clsx.clsx(className, SubNav_module.Link);
+    $[13] = className;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  let t3;
+  if ($[15] !== children || $[16] !== forwardRef || $[17] !== rest || $[18] !== t2) {
+    t3 = /*#__PURE__*/jsxRuntime.jsx("a", {
       ref: forwardRef,
-      className: t1,
+      className: t2,
       "data-selected": rest.selected,
       "aria-current": rest.selected,
       ...rest,
       children: children
     });
-    $[6] = children;
-    $[7] = forwardRef;
-    $[8] = rest;
-    $[9] = t1;
-    $[10] = t2;
+    $[15] = children;
+    $[16] = forwardRef;
+    $[17] = rest;
+    $[18] = t2;
+    $[19] = t3;
   } else {
-    t2 = $[10];
+    t3 = $[19];
   }
-  return t2;
+  return t3;
 });
 SubNavLink.displayName = 'SubNav.Link';
 var SubNav$1 = Object.assign(SubNav, {

package/lib/Timeline/Timeline.d.ts

@@ -35,7 +35,7 @@ declare const _default: React.ForwardRefExoticComponent<{
         className?: string;
     } & SxProp & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
     Badge: {
-        ({ className, ...props }: TimelineBadgeProps): React.JSX.Element;
+        ({ sx: sxProp, className, ...props }: TimelineBadgeProps): React.JSX.Element;
         displayName: string;
     };
     Body: React.ForwardRefExoticComponent<{

package/lib/Timeline/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAIjC,KAAK,mBAAmB,GAAG;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAA;AAE/E,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAevF,KAAK,uBAAuB,GAAG;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAA;AAEjF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzG,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAiBxG,MAAM,MAAM,kBAAkB,GAAG;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,GACxF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAYvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAQvC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;;kBAtEG,OAAO;gBAAc,MAAM;;;oBAiBzB,OAAO;oBAAc,MAAM;;;kCA2BzB,kBAAkB;;;;QAW9D,oCAAoC;oBACxB,MAAM;;;QAWlB,oCAAoC;oBACxB,MAAM;;;AAUpB,wBAKE"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../src/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,OAAO,CAAA;AAIjC,KAAK,mBAAmB,GAAG;IAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAA;AAE/E,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AA8BvF,KAAK,uBAAuB,GAAG;IAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,CAAA;AAEjF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAEzG,MAAM,MAAM,iBAAiB,GAAG,uBAAuB,GAAG,MAAM,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AA6BxG,MAAM,MAAM,kBAAkB,GAAG;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,GAAG,MAAM,GACxF,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAmBvC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AAavC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,GAAG,MAAM,GACR,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;;kBA7GG,OAAO;gBAAc,MAAM;;;oBAgCzB,OAAO;oBAAc,MAAM;;;8CAuCG,kBAAkB;;;;QAkB1F,oCAAoC;oBACxB,MAAM;;;QAgBlB,oCAAoC;oBACxB,MAAM;;;AAepB,wBAKE"}