@sanity/ui 2.1.3 → 2.1.4-canary.0

package/dist/theme.d.mts

@@ -988,7 +988,7 @@ export declare interface ThemeColorMutedTone {
 
 /**
  * @public
- * @deprecated Use `ThemeColorBaseToneKey` instead.
+ * @deprecated Use `ThemeColorCardToneKey` instead.
  */
 export declare type ThemeColorName = ThemeColorCardToneKey
 
@@ -1261,7 +1261,7 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
 
 /**
  * @public
- * @deprecated Use `ThemeColorBaseToneKey` instead.
+ * @deprecated Use `ThemeColorCardToneKey` instead.
  */
 export declare type ThemeColorToneKey = ThemeColorCardToneKey
 

package/dist/theme.d.ts

@@ -988,7 +988,7 @@ export declare interface ThemeColorMutedTone {
 
 /**
  * @public
- * @deprecated Use `ThemeColorBaseToneKey` instead.
+ * @deprecated Use `ThemeColorCardToneKey` instead.
  */
 export declare type ThemeColorName = ThemeColorCardToneKey
 
@@ -1261,7 +1261,7 @@ export declare type ThemeColorTokenValue = [ColorConfigValue, ColorConfigValue]
 
 /**
  * @public
- * @deprecated Use `ThemeColorBaseToneKey` instead.
+ * @deprecated Use `ThemeColorCardToneKey` instead.
  */
 export declare type ThemeColorToneKey = ThemeColorCardToneKey
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/ui",
-  "version": "2.1.3",
+  "version": "2.1.4-canary.0",
   "keywords": [
     "sanity",
     "ui",
@@ -51,32 +51,6 @@
     "src",
     "theme.js"
   ],
-  "scripts": {
-    "build": "run-s clean pkg:build pkg:check figma:pkg:build",
-    "clean": "rimraf .workshop dist",
-    "commit": "cz",
-    "cypress:dev": "run-p dev cypress:open",
-    "cypress:open": "cypress open",
-    "cypress:run": "cypress run",
-    "dev": "run-p storybook:dev workshop:dev",
-    "figma:pkg:build": "cd figma && pnpm build",
-    "format": "prettier --write --cache --ignore-unknown .",
-    "lint": "eslint . --ext .cjs,.js,.jsx,.mjs,.ts,.tsx --quiet",
-    "pkg:build": "pkg build --strict",
-    "pkg:check": "pkg --strict",
-    "prepare": "husky install",
-    "prepublishOnly": "pnpm build",
-    "release": "semantic-release",
-    "storybook:build": "storybook build",
-    "storybook:dev": "storybook dev -p 6006",
-    "test": "jest",
-    "test:browser": "start-server-and-test 'run-s workshop:build workshop:start' http://localhost:1337 'run-s cypress:run'",
-    "ts:check": "tsc",
-    "watch": "pkg watch --strict",
-    "workshop:build": "workshop build",
-    "workshop:dev": "workshop dev",
-    "workshop:start": "http-server -a localhost -c-0 -p 1337 -s -P http://localhost:1337/index.html? dist"
-  },
   "commitlint": {
     "extends": [
       "@commitlint/config-conventional"
@@ -119,38 +93,38 @@
     "@commitlint/cli": "^19.2.1",
     "@commitlint/config-conventional": "^19.1.0",
     "@juggle/resize-observer": "^3.4.0",
-    "@sanity/pkg-utils": "^6.6.1",
+    "@sanity/pkg-utils": "^6.6.6",
     "@sanity/semantic-release-preset": "^4.1.7",
     "@sanity/ui-workshop": "^2.0.12",
-    "@storybook/addon-a11y": "^8.0.7",
-    "@storybook/addon-docs": "^8.0.7",
-    "@storybook/addon-essentials": "^8.0.7",
-    "@storybook/addon-interactions": "^8.0.7",
-    "@storybook/addon-links": "^8.0.7",
-    "@storybook/addon-storysource": "^8.0.7",
-    "@storybook/addon-themes": "^8.0.7",
-    "@storybook/blocks": "^8.0.7",
+    "@storybook/addon-a11y": "^8.0.8",
+    "@storybook/addon-docs": "^8.0.8",
+    "@storybook/addon-essentials": "^8.0.8",
+    "@storybook/addon-interactions": "^8.0.8",
+    "@storybook/addon-links": "^8.0.8",
+    "@storybook/addon-storysource": "^8.0.8",
+    "@storybook/addon-themes": "^8.0.8",
+    "@storybook/blocks": "^8.0.8",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^8.0.7",
-    "@storybook/react": "^8.0.7",
-    "@storybook/react-vite": "^8.0.7",
+    "@storybook/manager-api": "^8.0.8",
+    "@storybook/react": "^8.0.8",
+    "@storybook/react-vite": "^8.0.8",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.0.7",
+    "@storybook/theming": "^8.0.8",
     "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^14.3.0",
+    "@testing-library/react": "^14.3.1",
     "@types/jest": "^29.5.12",
     "@types/jest-axe": "^3.5.9",
     "@types/node": "^20.5.9",
-    "@types/react": "^18.2.75",
-    "@types/react-dom": "^18.2.24",
+    "@types/react": "^18.2.77",
+    "@types/react-dom": "^18.2.25",
     "@types/react-is": "^18.2.4",
     "@types/refractor": "^3.4.1",
     "@types/testing-library__jest-dom": "^5.14.9",
     "@typescript-eslint/eslint-plugin": "^7.6.0",
     "@typescript-eslint/parser": "^7.6.0",
     "commitizen": "^4.3.0",
-    "cypress": "^13.7.2",
+    "cypress": "^13.7.3",
     "cypress-real-events": "^1.12.0",
     "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.57.0",
@@ -179,7 +153,7 @@
     "rimraf": "^5.0.1",
     "semantic-release": "^23.0.8",
     "start-server-and-test": "^2.0.3",
-    "storybook": "^8.0.7",
+    "storybook": "^8.0.8",
     "styled-components": "^6.1.8",
     "tsconfig-paths": "^4.2.0",
     "typescript": "5.4.5",
@@ -192,7 +166,7 @@
     "react-is": "^18",
     "styled-components": "^5.2 || ^6"
   },
-  "packageManager": "pnpm@8.15.6",
+  "packageManager": "pnpm@8.15.7",
   "engines": {
     "node": ">=14.0.0"
   },
@@ -201,5 +175,29 @@
   },
   "esm.sh": {
     "bundle": false
+  },
+  "scripts": {
+    "build": "run-s clean pkg:build pkg:check figma:pkg:build",
+    "clean": "rimraf .workshop dist",
+    "commit": "cz",
+    "cypress:dev": "run-p dev cypress:open",
+    "cypress:open": "cypress open",
+    "cypress:run": "cypress run",
+    "dev": "run-p storybook:dev workshop:dev",
+    "figma:pkg:build": "cd figma && pnpm build",
+    "format": "prettier --write --cache --ignore-unknown .",
+    "lint": "eslint . --ext .cjs,.js,.jsx,.mjs,.ts,.tsx --quiet",
+    "pkg:build": "pkg build --strict",
+    "pkg:check": "pkg --strict",
+    "release": "semantic-release",
+    "storybook:build": "storybook build",
+    "storybook:dev": "storybook dev -p 6006",
+    "test": "jest",
+    "test:browser": "start-server-and-test 'run-s workshop:build workshop:start' http://localhost:1337 'run-s cypress:run'",
+    "ts:check": "tsc",
+    "watch": "pkg watch --strict",
+    "workshop:build": "workshop build",
+    "workshop:dev": "workshop dev",
+    "workshop:start": "http-server -a localhost -c-0 -p 1337 -s -P http://localhost:1337/index.html? dist"
   }
-}
+}

package/src/core/components/dialog/dialog.tsx

@@ -369,7 +369,7 @@ export const Dialog = forwardRef(function Dialog(
 
   const labelId = `${id}_label`
 
-  const rootClickTimeoutRef = useRef<NodeJS.Timeout>()
+  const rootClickTimeoutRef = useRef<number>()
 
   // If the resulting active element (a.k.a. focused element) is not withing scope when clicking
   // within the dialog, then we want to focus the previously interactive element in the dialog instead.
@@ -379,7 +379,7 @@ export const Dialog = forwardRef(function Dialog(
       clearTimeout(rootClickTimeoutRef.current)
     }
 
-    rootClickTimeoutRef.current = setTimeout(() => {
+    rootClickTimeoutRef.current = (setTimeout as typeof window.setTimeout)(() => {
       const activeElement = document.activeElement
 
       if (activeElement && !isTargetWithinScope(boundaryElement, portalElement, activeElement)) {

package/src/core/components/toast/toastProvider.tsx

@@ -53,7 +53,7 @@ let toastId = 0
 export function ToastProvider(props: ToastProviderProps): React.ReactElement {
   const {children, padding = 4, paddingX, paddingY, zOffset} = props
   const [state, _setState] = useState<ToastState>([])
-  const toastsRef = useRef<{[key: string]: {timeoutId: NodeJS.Timeout}}>({})
+  const toastsRef = useRef<{[key: string]: {timeoutId: number}}>({})
   const mounted = useMounted()
   const prefersReducedMotion = usePrefersReducedMotion()
   const variants = useMemo<Variants>(
@@ -129,7 +129,9 @@ export function ToastProvider(props: ToastProviderProps): React.ReactElement {
         delete toastsRef.current[id]
       }
 
-      toastsRef.current[id] = {timeoutId: setTimeout(dismiss, duration)}
+      toastsRef.current[id] = {
+        timeoutId: (setTimeout as typeof window.setTimeout)(dismiss, duration),
+      }
 
       return id
     }

package/src/core/hooks/useDelayedState.ts

@@ -8,7 +8,7 @@ export function useDelayedState<S>(
   initialState: S | (() => S),
 ): [S, (nextState: SetStateAction<S>, delay?: number) => void] {
   const [state, setState] = useState(initialState)
-  const delayedAction = useRef<NodeJS.Timeout | undefined>()
+  const delayedAction = useRef<number | undefined>()
 
   const onStateChange = useCallback((nextState: SetStateAction<S>, delay?: number) => {
     const action = () => {
@@ -22,7 +22,7 @@ export function useDelayedState<S>(
     }
 
     if (!delay) return action()
-    delayedAction.current = setTimeout(action, delay)
+    delayedAction.current = (setTimeout as typeof window.setTimeout)(action, delay)
   }, [])
 
   return [state, onStateChange]

package/src/theme/system/v0/color/_system.ts

@@ -2,12 +2,12 @@ import {ThemeColorCardToneKey} from '../../color/_system'
 
 /**
  * @public
- * @deprecated Use `ThemeColorBaseToneKey` instead.
+ * @deprecated Use `ThemeColorCardToneKey` instead.
  */
 export type ThemeColorName = ThemeColorCardToneKey
 
 /**
  * @public
- * @deprecated Use `ThemeColorBaseToneKey` instead.
+ * @deprecated Use `ThemeColorCardToneKey` instead.
  */
 export type ThemeColorToneKey = ThemeColorCardToneKey