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

package/lib-esm/SubNav/SubNav.js

@@ -2,22 +2,25 @@ import { c } from 'react-compiler-runtime';
 import { clsx } from 'clsx';
 import React from 'react';
 import styles from './SubNav.module.css.js';
-import { BoxWithFallback } from '../internal/components/BoxWithFallback.js';
+import { defaultSxProp } from '../utils/defaultSxProp.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import Box from '../Box/Box.js';
 
 const SubNav = /*#__PURE__*/React.forwardRef(function SubNav(t0, forwardRef) {
-  const $ = c(20);
+  const $ = 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;
@@ -26,174 +29,309 @@ const SubNav = /*#__PURE__*/React.forwardRef(function SubNav(t0, forwardRef) {
     $[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(className, "SubNav", styles.SubNav);
-    $[6] = className;
-    $[7] = t1;
-  } else {
-    t1 = $[7];
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[7] !== className) {
+      t2 = clsx(className, "SubNav", styles.SubNav);
+      $[7] = className;
+      $[8] = t2;
+    } else {
+      t2 = $[8];
+    }
+    let t3;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = clsx("SubNav-body", styles.Body);
+      $[9] = t3;
+    } else {
+      t3 = $[9];
+    }
+    let t4;
+    if ($[10] !== children) {
+      t4 = /*#__PURE__*/jsx("div", {
+        className: t3,
+        children: children
+      });
+      $[10] = children;
+      $[11] = t4;
+    } else {
+      t4 = $[11];
+    }
+    let t5;
+    if ($[12] !== actions) {
+      t5 = actions && /*#__PURE__*/jsx("div", {
+        className: clsx("SubNav-actions", styles.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__*/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("SubNav-body", styles.Body);
-    $[8] = t2;
+  if ($[22] !== className) {
+    t2 = clsx(className, "SubNav", styles.SubNav);
+    $[22] = className;
+    $[23] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[23];
   }
   let t3;
-  if ($[9] !== children) {
-    t3 = /*#__PURE__*/jsx("div", {
-      className: t2,
+  if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = clsx("SubNav-body", styles.Body);
+    $[24] = t3;
+  } else {
+    t3 = $[24];
+  }
+  let t4;
+  if ($[25] !== children) {
+    t4 = /*#__PURE__*/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__*/jsx("div", {
+  let t5;
+  if ($[27] !== actions) {
+    t5 = actions && /*#__PURE__*/jsx("div", {
       className: clsx("SubNav-actions", styles.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__*/jsxs(BoxWithFallback, {
-      as: "nav",
+  let t6;
+  if ($[29] !== forwardRef || $[30] !== label || $[31] !== rest || $[32] !== t2 || $[33] !== t4 || $[34] !== t5) {
+    t6 = /*#__PURE__*/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.forwardRef((t0, forwardRef) => {
-  const $ = c(11);
+  const $ = 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(className, styles.Links);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx(className, styles.Links);
+      $[5] = className;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== children || $[8] !== forwardRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
+      t3 = /*#__PURE__*/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__*/jsx(BoxWithFallback, {
+  if ($[13] !== className) {
+    t2 = clsx(className, styles.Links);
+    $[13] = className;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  let t3;
+  if ($[15] !== children || $[16] !== forwardRef || $[17] !== rest || $[18] !== t2) {
+    t3 = /*#__PURE__*/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.forwardRef((t0, forwardRef) => {
-  const $ = c(11);
+  const $ = 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(className, styles.Link);
-    $[4] = className;
-    $[5] = t1;
-  } else {
-    t1 = $[5];
+  const sxProp = t1 === undefined ? defaultSxProp : t1;
+  if (sxProp !== defaultSxProp) {
+    let t2;
+    if ($[5] !== className) {
+      t2 = clsx(className, styles.Link);
+      $[5] = className;
+      $[6] = t2;
+    } else {
+      t2 = $[6];
+    }
+    let t3;
+    if ($[7] !== children || $[8] !== forwardRef || $[9] !== rest || $[10] !== sxProp || $[11] !== t2) {
+      t3 = /*#__PURE__*/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__*/jsx(BoxWithFallback, {
-      as: "a",
+  if ($[13] !== className) {
+    t2 = clsx(className, styles.Link);
+    $[13] = className;
+    $[14] = t2;
+  } else {
+    t2 = $[14];
+  }
+  let t3;
+  if ($[15] !== children || $[16] !== forwardRef || $[17] !== rest || $[18] !== t2) {
+    t3 = /*#__PURE__*/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-esm/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<{