Merge pull request #46219 from github/repo-sync

Repo sync

Author: docs-bot

src/landings/components/CookBookArticleCard.module.scss

@@ -26,9 +26,11 @@
   gap: 0.25rem;
 }
 
-// The accent color belongs on the Primer React Link because h3 cannot override Link color.
+// Also tints the icon. @primer/css base supplies the link's hover underline and focus ring.
+// The underline offset matches the Primer React Link this replaced.
 .linkAccent {
   color: var(--brand-color-text-link-rest);
+  text-underline-offset: 0.05rem;
 }
 
 // bgColor-accent-muted resolves to Primer's blue wash, #388bfd1a in dark mode,

src/landings/components/CookBookArticleCard.tsx

@@ -1,6 +1,6 @@
 import { Label } from '@primer/react-brand'
-import { Link } from '@primer/react'
 import { clsx } from 'clsx'
+import { Link } from '@/frame/components/Link'
 import { ValidOcticon, getOcticonComponent } from '../lib/octicons'
 
 import styles from './CookBookArticleCard.module.scss'

src/search/components/input/SearchOverlay.tsx

@@ -1,7 +1,8 @@
 import React, { useState, useRef, RefObject, useEffect, useMemo } from 'react'
 import cx from 'clsx'
 import { useRouter } from 'next/router'
-import { ActionList, IconButton, Overlay, Stack, TextInput, Banner } from '@primer/react'
+import { ActionList, IconButton, Overlay, TextInput, Banner } from '@primer/react'
+import { Stack } from '@primer/react-brand'
 import { SearchIcon, XCircleFillIcon, CopilotIcon, ArrowLeftIcon } from '@primer/octicons-react'
 import { focusTrap } from '@primer/behaviors'
 
@@ -685,7 +686,7 @@ export function SearchOverlay({
             onKeyDown={handleKeyDown}
             placeholder={t('search.input.placeholder_no_icon')}
             trailingAction={
-              <Stack justify="center" className={styles.stackMinWidth}>
+              <Stack justifyContent="center" padding="none" className={styles.stackMinWidth}>
                 <TextInput.Action
                   onClick={() => {
                     setSelectedIndex(-1)