@sanity/ui 3.0.9 → 3.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "3.0.9",
+  "version": "3.0.10",
   "keywords": [
     "sanity",
     "ui",
@@ -70,7 +70,7 @@
     "dev": "run-p storybook:dev workshop:dev",
     "figma:pkg:build": "cd figma && pnpm build",
     "format": "prettier --write --cache --ignore-unknown .",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "pnpm build",
     "pkg:build": "pkg build --strict",
     "pkg:check": "pkg --strict",
@@ -169,13 +169,13 @@
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^9.34.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-formatter-compact": "^8.40.0",
+    "eslint-formatter-gha": "^1.6.0",
     "eslint-plugin-boundaries": "^5.0.1",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-compiler": "19.1.0-rc.2",
-    "eslint-plugin-react-hooks": "0.0.0-experimental-edac0dde-20250723",
+    "eslint-plugin-react-hooks": "6.0.0-rc.2",
+    "eslint-plugin-react-hooks-with-use-effect-event": "npm:eslint-plugin-react-hooks@0.0.0-experimental-edac0dde-20250723",
     "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-storybook": "^0.12.0",
@@ -197,7 +197,7 @@
     "semantic-release": "^24.2.7",
     "start-server-and-test": "^2.0.13",
     "storybook": "^8.6.14",
-    "styled-components": "^6.1.19",
+    "styled-components": "npm:@sanity/styled-components@^6.1.22",
     "tsconfig-paths": "^4.2.0",
     "typescript": "5.9.2",
     "typescript-eslint": "^8.41.0",

package/src/core/hooks/useClickOutside.test.tsx

@@ -441,7 +441,7 @@ describe('useClickOutside', () => {
     const useBoundaryElementFromRef = (ref: React.MutableRefObject<HTMLElement | null>) => {
       const [element, setElement] = useState(() => ref.current)
 
-      // eslint-disable-next-line react-hooks/exhaustive-deps
+      // eslint-disable-next-line react-hooks-with-use-effect-event/exhaustive-deps
       useEffect(() => {
         // If the ref has mutated since the last render, update the state and schedule a re-render
         if (ref.current !== element) {

package/src/core/lib/createGlobalScopedContext.ts

@@ -25,7 +25,9 @@ export function createGlobalScopedContext<ContextType, const T extends ContextTy
    * Prevent errors about re-renders on React SSR on Next.js App Router
    */
   if (typeof document === 'undefined') {
-    return createContext<ContextType>(defaultValue)
+    const context = createContext<ContextType>(defaultValue)
+    context.displayName = key
+    return context
   }
 
   globalScope[symbol] = globalScope[symbol] || createContext<T>(defaultValue)

package/src/core/primitives/avatar/avatar.tsx

@@ -77,6 +77,7 @@ export const Avatar = forwardRef(function Avatar(
   const as = ReactIs.isValidElementType(asProp) ? asProp : 'div'
   const size = useArrayProp(sizeProp)
 
+  // eslint-disable-next-line no-warning-comments
   // @todo: remove this
   const avatarSize = avatar.sizes[size[0]] || avatar.sizes[0]
   const _sizeRem = avatarSize.size

package/src/core/primitives/card/card.tsx

@@ -83,6 +83,7 @@ export const Card = forwardRef(function Card(
   const rootTheme = useRootTheme()
   const tone = toneProp === 'inherit' ? rootTheme.tone : toneProp
 
+  // eslint-disable-next-line no-warning-comments
   // todo: Consider adding the wrapper approach for nested cards in which the tones are not changing, avoid unnecessary ThemeColorProvider
   return (
     <ThemeColorProvider scheme={scheme} tone={tone}>

package/src/core/primitives/popover/types.ts

@@ -1,6 +1,7 @@
 /** @beta */
 export type PopoverUpdateCallback = () => void
 
-/** @public */
+// eslint-disable-next-line no-warning-comments
 // todo: remove `auto` from PopoverWidth
+/** @public */
 export type PopoverWidth = number | 'auto'

package/src/core/styles/font/responsiveFont.ts

@@ -17,6 +17,7 @@ export function responsiveFont(
   const {family, sizes, weights} = font[fontKey]
   const fontWeight = ($weight && weights[$weight]) || weights.regular
 
+  // eslint-disable-next-line no-warning-comments
   // @todo: make this configurable
   const defaultSize = sizes[2]
 
@@ -48,6 +49,7 @@ export function responsiveFont(
     },
   }
 
+  // eslint-disable-next-line no-warning-comments
   // @TODO fix the real condition that is causing $size to be undefined sometimes
   if (!$size) {
     // @ts-expect-error: `warned` isn't typed, the underlying issue should be solved rather than typing it

package/src/core/theme/__workshop__/canvas.tsx

@@ -124,6 +124,7 @@ function Color(props: {color: ThemeColorCard_v2; tone: CardTone}) {
 
         {/* {features.muted && <ColorMuted color={color.muted} />} */}
 
+        {/* eslint-disable-next-line no-warning-comments */}
         {/* @todo: remove use of `muted` here */}
         {features.selectable && <ColorSelectable color={color.selectable || color.muted} />}