@primer/react 38.0.0-rc.195178541 → 38.0.0-rc.2

package/lib-esm/StateLabel/StateLabel.js

@@ -1,9 +1,8 @@
 import { c } from 'react-compiler-runtime';
-import { AlertIcon, GitMergeQueueIcon, IssueDraftIcon, GitPullRequestDraftIcon, GitMergeIcon, GitPullRequestClosedIcon, SkipIcon, IssueClosedIcon, GitPullRequestIcon, IssueOpenedIcon, QuestionIcon } from '@primer/octicons-react';
-import styled from 'styled-components';
-import { variant } from 'styled-system';
-import { get } from '../constants.js';
-import sx from '../sx.js';
+import { AlertIcon, GitMergeQueueIcon, IssueDraftIcon, GitPullRequestDraftIcon, GitMergeIcon, GitPullRequestClosedIcon, SkipIcon, IssueClosedIcon, GitPullRequestIcon, IssueOpenedIcon } from '@primer/octicons-react';
+import { forwardRef } from 'react';
+import { clsx } from 'clsx';
+import classes from './StateLabel.module.css.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import Octicon from '../Octicon/Octicon.js';
 
@@ -35,93 +34,10 @@ const labelMap = {
   open: '',
   closed: ''
 };
-const colorVariants = variant({
-  prop: 'status',
-  variants: {
-    issueClosed: {
-      backgroundColor: 'done.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent)'
-    },
-    issueClosedNotPlanned: {
-      backgroundColor: 'neutral.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)'
-    },
-    pullClosed: {
-      backgroundColor: 'closed.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-closed-emphasis, transparent)'
-    },
-    pullMerged: {
-      backgroundColor: 'done.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent)'
-    },
-    pullQueued: {
-      backgroundColor: 'attention.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-attention-emphasis, transparent)'
-    },
-    issueOpened: {
-      backgroundColor: 'open.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent)'
-    },
-    pullOpened: {
-      backgroundColor: 'open.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent)'
-    },
-    draft: {
-      backgroundColor: 'neutral.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)'
-    },
-    issueDraft: {
-      backgroundColor: 'neutral.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)'
-    },
-    unavailable: {
-      backgroundColor: 'neutral.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-neutral-emphasis, transparent)'
-    },
-    open: {
-      backgroundColor: 'open.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-open-emphasis, transparent)'
-    },
-    closed: {
-      backgroundColor: 'done.emphasis',
-      color: 'fg.onEmphasis',
-      boxShadow: 'var(--boxShadow-thin, inset 0 0 0 1px) var(--borderColor-done-emphasis, transparent)'
-    }
-  }
-});
-const sizeVariants = variant({
-  prop: 'variant',
-  variants: {
-    small: {
-      paddingX: 2,
-      paddingY: 1,
-      fontSize: 0
-    },
-    normal: {
-      paddingX: '12px',
-      paddingY: 2,
-      fontSize: 1
-    }
-  }
-});
-const StateLabelBase = styled.span.withConfig({
-  displayName: "StateLabel__StateLabelBase",
-  componentId: "sc-qthdln-0"
-})(["display:inline-flex;align-items:center;font-weight:", ";line-height:16px;color:", ";text-align:center;border-radius:", ";", ";", ";", ";"], get('fontWeights.bold'), get('colors.canvas.default'), get('radii.3'), colorVariants, sizeVariants, sx);
-function StateLabel(t0) {
-  const $ = c(17);
+const StateLabel = /*#__PURE__*/forwardRef((t0, ref) => {
+  const $ = c(22);
   let children;
+  let className;
   let rest;
   let status;
   let t1;
@@ -130,67 +46,81 @@ function StateLabel(t0) {
       children,
       status,
       variant: t1,
+      className,
       ...rest
     } = t0);
     $[0] = t0;
     $[1] = children;
-    $[2] = rest;
-    $[3] = status;
-    $[4] = t1;
+    $[2] = className;
+    $[3] = rest;
+    $[4] = status;
+    $[5] = t1;
   } else {
     children = $[1];
-    rest = $[2];
-    status = $[3];
-    t1 = $[4];
+    className = $[2];
+    rest = $[3];
+    status = $[4];
+    t1 = $[5];
   }
   const variantProp = t1 === undefined ? "normal" : t1;
   let t2;
-  if ($[5] !== variantProp) {
+  if ($[6] !== variantProp) {
     t2 = variantProp === "small" ? {
       width: "1em"
     } : {};
-    $[5] = variantProp;
-    $[6] = t2;
+    $[6] = variantProp;
+    $[7] = t2;
   } else {
-    t2 = $[6];
+    t2 = $[7];
   }
   const octiconProps = t2;
   const noIconStatus = status === "open" || status === "closed";
   let t3;
-  if ($[7] !== noIconStatus || $[8] !== octiconProps || $[9] !== status) {
-    t3 = status && !noIconStatus && /*#__PURE__*/jsx(Octicon, {
+  if ($[8] !== className) {
+    t3 = clsx(classes.StateLabel, className);
+    $[8] = className;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  let t4;
+  if ($[10] !== noIconStatus || $[11] !== octiconProps || $[12] !== status) {
+    t4 = !noIconStatus && /*#__PURE__*/jsx(Octicon, {
       ...octiconProps,
-      icon: octiconMap[status] || QuestionIcon,
+      icon: octiconMap[status],
       "aria-label": labelMap[status],
-      sx: {
-        mr: 1
-      }
+      className: classes.Icon
     });
-    $[7] = noIconStatus;
-    $[8] = octiconProps;
-    $[9] = status;
-    $[10] = t3;
+    $[10] = noIconStatus;
+    $[11] = octiconProps;
+    $[12] = status;
+    $[13] = t4;
   } else {
-    t3 = $[10];
+    t4 = $[13];
   }
-  let t4;
-  if ($[11] !== children || $[12] !== rest || $[13] !== status || $[14] !== t3 || $[15] !== variantProp) {
-    t4 = /*#__PURE__*/jsxs(StateLabelBase, {
+  let t5;
+  if ($[14] !== children || $[15] !== ref || $[16] !== rest || $[17] !== status || $[18] !== t3 || $[19] !== t4 || $[20] !== variantProp) {
+    t5 = /*#__PURE__*/jsxs("span", {
       ...rest,
-      variant: variantProp,
-      status: status,
-      children: [t3, children]
+      ref: ref,
+      className: t3,
+      "data-variant": variantProp,
+      "data-status": status,
+      children: [t4, children]
     });
-    $[11] = children;
-    $[12] = rest;
-    $[13] = status;
-    $[14] = t3;
-    $[15] = variantProp;
-    $[16] = t4;
+    $[14] = children;
+    $[15] = ref;
+    $[16] = rest;
+    $[17] = status;
+    $[18] = t3;
+    $[19] = t4;
+    $[20] = variantProp;
+    $[21] = t5;
   } else {
-    t4 = $[16];
+    t5 = $[21];
   }
-  return t4;
-}
+  return t5;
+});
+StateLabel.displayName = 'StateLabel';
 
 export { StateLabel as default };

package/lib-esm/StateLabel/StateLabel.module.css.js

@@ -0,0 +1,5 @@
+import './StateLabel-50420ff5.css';
+
+var classes = {"StateLabel":"prc-StateLabel-StateLabel-ukDwa","Icon":"prc-StateLabel-Icon-NuDm4"};
+
+export { classes as default };

package/lib-esm/SubNav/SubNav.d.ts

@@ -1,27 +1,19 @@
 import type { To } from 'history';
 import React from 'react';
-import type { ComponentProps } from '../utils/types';
-import type { SxProp } from '../sx';
-type StyledSubNavProps = React.ComponentProps<'nav'> & {
+export type SubNavProps = React.ComponentProps<'nav'> & {
     actions?: React.ReactNode;
     align?: 'right';
     full?: boolean;
     label?: string;
-} & SxProp;
-type StyledSubNavLinksProps = React.ComponentProps<'div'> & SxProp;
-type StyledSubNavLinkProps = React.ComponentProps<'a'> & {
+};
+export type SubNavLinksProps = React.ComponentProps<'div'>;
+export type SubNavLinkProps = React.ComponentProps<'a'> & {
     to?: To;
     selected?: boolean;
-} & SxProp;
-declare const SubNav: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>>;
-declare const SubNavLinks: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const SubNavLink: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-export type SubNavProps = ComponentProps<typeof SubNav>;
-export type SubNavLinksProps = ComponentProps<typeof SubNavLinks>;
-export type SubNavLinkProps = ComponentProps<typeof SubNavLink>;
-declare const _default: React.ForwardRefExoticComponent<Omit<StyledSubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
-    Link: React.ForwardRefExoticComponent<Omit<StyledSubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-    Links: React.ForwardRefExoticComponent<Omit<StyledSubNavLinksProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+declare const _default: React.ForwardRefExoticComponent<Omit<SubNavProps, "ref"> & React.RefAttributes<HTMLElement>> & {
+    Link: React.ForwardRefExoticComponent<Omit<SubNavLinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    Links: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 };
 export default _default;
 //# sourceMappingURL=SubNav.d.ts.map

package/lib-esm/SubNav/SubNav.js

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

package/lib-esm/TabNav/TabNav-83c6145e.css

@@ -0,0 +1,2 @@
+.prc-TabNav-TabNavTabList-0QtIV{display:flex;margin-bottom:-1px;overflow:auto}.prc-TabNav-TabNavNav-rTAFO{border-bottom:var(--borderWidth-thin,.0625rem) solid var(--borderColor-default,var(--color-border-default));margin-top:0}.prc-TabNav-TabNavLink-jXRq9{background-color:transparent;border:var(--borderWidth-thin,.0625rem) solid transparent;border-bottom:0;font-size:var(--text-body-size-medium,.875rem);line-height:20px;padding:var(--base-size-8,.5rem) var(--base-size-12,.75rem)}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:hover{color:var(--fgColor-default,var(--color-fg-default))}.prc-TabNav-TabNavLink-jXRq9,.prc-TabNav-TabNavLink-jXRq9:focus,.prc-TabNav-TabNavLink-jXRq9:hover{-webkit-text-decoration:none;text-decoration:none}.prc-TabNav-TabNavLink-jXRq9:focus{box-shadow:none;outline:2px solid var(--focus-outlineColor,var(--color-accent-fg));outline-offset:-6px}.prc-TabNav-TabNavLink-jXRq9.prc-TabNav-Selected-94A5r{background-color:var(--bgColor-default,var(--color-canvas-default));border-color:var(--borderColor-default,var(--color-border-default));border-top-left-radius:var(--borderRadius-medium,.375rem);border-top-right-radius:var(--borderRadius-medium,.375rem);color:var(--fgColor-default,var(--color-fg-default))}
+/*# sourceMappingURL=TabNav-83c6145e.css.map */