@sanity/ui 2.12.3 → 2.13.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.12.3",
+  "version": "2.13.0",
   "keywords": [
     "sanity",
     "ui",
@@ -120,14 +120,14 @@
     "@sanity/color": "^3.0.6",
     "@sanity/icons": "^3.5.7",
     "csstype": "^3.1.3",
-    "framer-motion": "^12.4.1",
+    "framer-motion": "^12.4.2",
     "react-compiler-runtime": "19.0.0-beta-30d8a17-20250209",
     "react-refractor": "^2.2.0",
     "use-effect-event": "^1.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.26.7",
-    "@babel/preset-env": "^7.26.7",
+    "@babel/core": "^7.26.8",
+    "@babel/preset-env": "^7.26.8",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
     "@commitlint/cli": "^19.7.1",
@@ -135,21 +135,21 @@
     "@sanity/pkg-utils": "^6.13.4",
     "@sanity/prettier-config": "^1.0.3",
     "@sanity/semantic-release-preset": "^5.0.0",
-    "@sanity/ui-workshop": "^2.0.26",
-    "@storybook/addon-a11y": "^8.5.3",
-    "@storybook/addon-docs": "^8.5.3",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/addon-interactions": "^8.5.3",
-    "@storybook/addon-links": "^8.5.3",
-    "@storybook/addon-mdx-gfm": "^8.5.3",
-    "@storybook/addon-storysource": "^8.5.3",
-    "@storybook/addon-themes": "^8.5.3",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/manager-api": "^8.5.3",
-    "@storybook/react": "^8.5.3",
-    "@storybook/react-vite": "^8.5.3",
-    "@storybook/test": "^8.5.3",
-    "@storybook/theming": "^8.5.3",
+    "@sanity/ui-workshop": "^2.0.27",
+    "@storybook/addon-a11y": "^8.5.5",
+    "@storybook/addon-docs": "^8.5.5",
+    "@storybook/addon-essentials": "^8.5.5",
+    "@storybook/addon-interactions": "^8.5.5",
+    "@storybook/addon-links": "^8.5.5",
+    "@storybook/addon-mdx-gfm": "^8.5.5",
+    "@storybook/addon-storysource": "^8.5.5",
+    "@storybook/addon-themes": "^8.5.5",
+    "@storybook/blocks": "^8.5.5",
+    "@storybook/manager-api": "^8.5.5",
+    "@storybook/react": "^8.5.5",
+    "@storybook/react-vite": "^8.5.5",
+    "@storybook/test": "^8.5.5",
+    "@storybook/theming": "^8.5.5",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
@@ -177,7 +177,7 @@
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.4",
     "eslint-plugin-react-compiler": "19.0.0-beta-30d8a17-20250209",
-    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-react-hooks": "experimental",
     "eslint-plugin-storybook": "^0.11.2",
     "http-server": "^14.1.1",
     "husky": "^8.0.3",
@@ -187,15 +187,15 @@
     "lint-staged": "^14.0.1",
     "module-alias": "^2.2.3",
     "npm-run-all2": "^5.0.2",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-is": "^19.0.0",
     "refractor": "^4.8.1",
     "rimraf": "^5.0.5",
-    "semantic-release": "^24.2.1",
+    "semantic-release": "^24.2.2",
     "start-server-and-test": "^2.0.10",
-    "storybook": "^8.5.3",
+    "storybook": "^8.5.5",
     "styled-components": "^6.1.15",
     "tsconfig-paths": "^4.2.0",
     "typescript": "5.7.3",

package/src/core/__workshop__/constants.ts

@@ -265,10 +265,11 @@ export const WORKSHOP_TEXT_SIZE_OPTIONS = {
 }
 
 export const WORKSHOP_TEXT_WEIGHT_OPTIONS: {[key: string]: ThemeFontWeightKey | ''} = {
-  Regular: '',
-  Medium: 'medium',
-  Semibold: 'semibold',
-  Bold: 'bold',
+  '(none)': '',
+  'Regular': 'regular',
+  'Medium': 'medium',
+  'Semibold': 'semibold',
+  'Bold': 'bold',
 }
 
 export const WORKSHOP_TOAST_STATUS_OPTIONS: {

package/src/core/hooks/useClickOutsideEvent.ts

@@ -66,7 +66,7 @@ export function useClickOutsideEvent(
     return () => {
       document.removeEventListener('mousedown', handleEvent)
     }
-  }, [hasListener, onEvent])
+  }, [hasListener])
 
   useDebugValue(listener ? 'MouseDown On' : 'MouseDown Off')
 }

package/src/core/hooks/useGlobalKeyDown.ts

@@ -13,5 +13,5 @@ export function useGlobalKeyDown(onKeyDown: (event: KeyboardEvent) => void): voi
     window.addEventListener('keydown', handler)
 
     return () => window.removeEventListener('keydown', handler)
-  }, [handleKeyDown])
+  }, [])
 }

package/src/core/primitives/button/__workshop__/props.tsx

@@ -9,6 +9,7 @@ import {
   WORKSHOP_ICON_SYMBOL_OPTIONS,
   WORKSHOP_TEXT_SIZE_OPTIONS,
   WORKSHOP_SPACE_OPTIONS,
+  WORKSHOP_TEXT_WEIGHT_OPTIONS,
 } from '../../../__workshop__/constants'
 
 export default function ButtonStory() {
@@ -26,6 +27,8 @@ export default function ButtonStory() {
   const textAlign =
     useSelect('Text align', WORKSHOP_BUTTON_TEXT_ALIGN_OPTIONS, undefined, 'Props') || undefined
   const textProp = useText('Text', 'Label', 'Props')
+  const textWeight =
+    useSelect('Text weight', WORKSHOP_TEXT_WEIGHT_OPTIONS, '', 'Props') || undefined
 
   return (
     <Flex align="center" height="fill" justify="center">
@@ -43,6 +46,7 @@ export default function ButtonStory() {
         space={space}
         textAlign={textAlign}
         text={textProp}
+        textWeight={textWeight}
         tone={tone}
       />
     </Flex>

package/src/core/primitives/button/button.tsx

@@ -1,3 +1,4 @@
+import {ThemeFontWeightKey} from '@sanity/ui/theme'
 import {forwardRef, isValidElement, useMemo} from 'react'
 import {isValidElementType} from 'react-is'
 import {styled} from 'styled-components'
@@ -29,9 +30,10 @@ export interface ButtonProps extends ResponsivePaddingProps, ResponsiveRadiusPro
   loading?: boolean
   selected?: boolean
   space?: number | number[]
-  textAlign?: ButtonTextAlign
   muted?: boolean
   text?: React.ReactNode
+  textAlign?: ButtonTextAlign
+  textWeight?: ThemeFontWeightKey
   tone?: ButtonTone
   type?: 'button' | 'reset' | 'submit'
   width?: ButtonWidth
@@ -85,6 +87,7 @@ export const Button = forwardRef(function Button(
     space: spaceProp = 3,
     text,
     textAlign,
+    textWeight,
     tone = 'default',
     type = 'button',
     muted = false,
@@ -155,7 +158,7 @@ export const Button = forwardRef(function Button(
                   align={textAlign}
                   size={fontSize}
                   textOverflow="ellipsis"
-                  weight={button.textWeight}
+                  weight={textWeight ?? button.textWeight}
                 >
                   {text}
                 </Text>

package/src/core/primitives/tooltip/tooltip.tsx

@@ -449,5 +449,5 @@ function useCloseOnMouseLeave({
     window.addEventListener('mousemove', handleMouseMove)
 
     return () => window.removeEventListener('mousemove', handleMouseMove)
-  }, [onMouseMove, showTooltip])
+  }, [showTooltip])
 }