@sanity/ui 3.3.0 → 3.3.2

package/src/core/primitives/stack/stack.test.tsx

@@ -1,26 +1,29 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {Stack} from './stack'
 import {responsiveStackSpaceStyle} from './styles'
 
-jest.mock('./styles', () => {
-  const actual = jest.requireActual('./styles')
+vi.mock('./styles', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('./styles')>()
 
   return {
     ...actual,
-    responsiveStackSpaceStyle: jest.fn(actual.responsiveStackSpaceStyle),
+    responsiveStackSpaceStyle: vi.fn(actual.responsiveStackSpaceStyle),
   }
 })
 
 describe('primitives/stack', () => {
-  const mockedResponsiveStackSpaceStyle = jest.mocked(responsiveStackSpaceStyle)
+  const mockedResponsiveStackSpaceStyle = vi.mocked(responsiveStackSpaceStyle)
   beforeEach(() => {
     mockedResponsiveStackSpaceStyle.mockClear()
   })
 
   it('should support `space` and `gap` with the same behavior', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Stack space={2}>
         <span>One</span>
         <span>Two</span>
@@ -45,6 +48,7 @@ describe('primitives/stack', () => {
 
   it('should prefer `gap` over `space` when both are provided', () => {
     render(
+      // oxlint-disable-next-line no-deprecated
       <Stack gap={3} space={1}>
         <span>One</span>
         <span>Two</span>

package/src/core/primitives/stack/stack.tsx

@@ -31,6 +31,7 @@ const StackComponent = forwardRef(function Stack(
   props: StackOwnProps & {as?: ElementType} & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'ref'>,
   ref: React.ForwardedRef<HTMLDivElement>,
 ) {
+  // oxlint-disable-next-line no-deprecated
   const {as, gap, space: deprecated_space, ...restProps} = props
   const spacing = gap === undefined ? deprecated_space : gap
 
@@ -52,6 +53,7 @@ StackComponent.displayName = 'ForwardRef(Stack)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Stack = StackComponent as unknown as <E extends ElementType = 'div'>(
   props: StackProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/stack/styles.ts

@@ -27,6 +27,7 @@ export function responsiveStackSpaceStyle(
   const {media, space} = getTheme_v2(props.theme)
 
   return _responsive(media, props.$space, (spaceIndex) => ({
+    // oxlint-disable-next-line no-deprecated
     gridGap: rem(space[spaceIndex]),
   }))
 }

package/src/core/primitives/text/text.tsx

@@ -84,6 +84,7 @@ TextComponent.displayName = 'ForwardRef(Text)'
  *
  * @public
  */
+// oxlint-disable-next-line no-unsafe-type-assertion
 export const Text = TextComponent as unknown as <E extends ElementType = 'div'>(
   props: TextProps<E>,
 ) => React.JSX.Element

package/src/core/primitives/textInput/textInput.test.tsx

@@ -1,26 +1,29 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
+
+import {beforeEach, describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../../test'
 import {responsiveInputPaddingStyle} from '../../styles/internal'
 import {TextInput} from './textInput'
 
-jest.mock('../../styles/internal', () => {
-  const actual = jest.requireActual('../../styles/internal')
+vi.mock('../../styles/internal', async (importOriginal) => {
+  const actual = await importOriginal<typeof import('../../styles/internal')>()
 
   return {
     ...actual,
-    responsiveInputPaddingStyle: jest.fn(actual.responsiveInputPaddingStyle),
+    responsiveInputPaddingStyle: vi.fn(actual.responsiveInputPaddingStyle),
   }
 })
 
 describe('primitives/textInput', () => {
-  const mockedResponsiveInputPaddingStyle = jest.mocked(responsiveInputPaddingStyle)
+  const mockedResponsiveInputPaddingStyle = vi.mocked(responsiveInputPaddingStyle)
 
   beforeEach(() => {
     mockedResponsiveInputPaddingStyle.mockClear()
   })
 
   it('should support `space` and `gap` with the same behavior', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<TextInput icon={() => null} space={2} />)
 
     expect(mockedResponsiveInputPaddingStyle).toHaveBeenCalledWith(
@@ -36,6 +39,7 @@ describe('primitives/textInput', () => {
   })
 
   it('should prefer `gap` over `space` when both are provided', () => {
+    // oxlint-disable-next-line no-deprecated
     render(<TextInput gap={3} icon={() => null} space={1} />)
 
     expect(mockedResponsiveInputPaddingStyle).toHaveBeenCalledWith(

package/src/core/primitives/textInput/textInput.tsx

@@ -65,7 +65,9 @@ export interface TextInputProps {
   clearButton?: boolean | TextInputClearButtonProps
   customValidity?: string
   fontSize?: number | number[]
+  // oxlint-disable-next-line no-redundant-type-constituents
   icon?: React.ElementType | React.ReactNode
+  // oxlint-disable-next-line no-redundant-type-constituents
   iconRight?: React.ElementType | React.ReactNode
   /**
    * @beta
@@ -174,6 +176,7 @@ export const TextInput = forwardRef(function TextInput(
     prefix,
     radius: radiusProp = 2,
     readOnly,
+    // oxlint-disable-next-line no-deprecated
     space: deprecated_space = 3,
     suffix,
     customValidity,

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

@@ -1,22 +1,25 @@
-/** @jest-environment jsdom */
-import '../../../../test/mocks/resizeObserver.mock'
-import '../../../../test/mocks/matchMedia.mock'
+/** @vitest-environment jsdom */
 
 import {act, fireEvent, screen} from '@testing-library/react'
 
+// oxlint-disable-next-line no-unassigned-import
+import '../../../../test/mocks/resizeObserver.mock'
+// oxlint-disable-next-line no-unassigned-import
+import '../../../../test/mocks/matchMedia.mock'
+import {afterEach, beforeEach, describe, expect, it, vi} from 'vitest'
+
 import {render} from '../../../../test'
 import {Button, Text} from '../../primitives'
 import {Tooltip, TooltipDelayGroupProvider} from '../tooltip'
 
-// Fake timers using Jest
 beforeEach(() => {
-  jest.useFakeTimers()
+  vi.useFakeTimers()
 })
 
-// Running all pending timers and switching to real timers using Jest
+// Run all pending timers and switch back to real timers
 afterEach(() => {
-  jest.runOnlyPendingTimers()
-  jest.useRealTimers()
+  vi.runOnlyPendingTimers()
+  vi.useRealTimers()
 })
 
 describe('Tooltip', () => {
@@ -43,7 +46,7 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
     })
     it('should support delays to show and hide the tooltip.', () => {
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       const delay = 200
 
       render(
@@ -63,10 +66,12 @@ describe('Tooltip', () => {
 
       fireEvent.mouseEnter(button)
 
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       // Content should not be rendered yet
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -74,12 +79,13 @@ describe('Tooltip', () => {
       fireEvent.mouseOut(button)
       // Validate tooltip content is still showing.
       screen.getByText('Tooltip content')
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
       // Validate tooltip content is not rendered anymore
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
     })
     it('should support different open and close delays to show and hide the tooltip.', () => {
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       const openDelay = 200
       const closeDelay = 150
 
@@ -103,10 +109,12 @@ describe('Tooltip', () => {
 
       fireEvent.mouseEnter(button)
 
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       // Content should not be rendered yet
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -114,7 +122,8 @@ describe('Tooltip', () => {
       fireEvent.mouseOut(button)
       // Validate tooltip content is still showing.
       screen.getByText('Tooltip content')
-      act(() => jest.advanceTimersByTime(closeDelay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(closeDelay))
       // Validate tooltip content is not rendered anymore
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
     })
@@ -124,7 +133,7 @@ describe('Tooltip', () => {
     it('should support groups with the same delay to open and close.', () => {
       const delay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       render(
         <TooltipDelayGroupProvider delay={delay}>
           <Tooltip content={<Text size={1}>{'Tooltip 1'}</Text>} placement={'top'} delay={400}>
@@ -149,11 +158,13 @@ describe('Tooltip', () => {
 
       // Hovers on first button, it should show first tooltip only
       fireEvent.mouseEnter(button1)
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       // Content should not be rendered yet, we have a delay of 150ms
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
 
       // Validate Tooltip 1 is rendered
       screen.getByText('Tooltip 1')
@@ -164,38 +175,45 @@ describe('Tooltip', () => {
       fireEvent.mouseEnter(button2)
 
       // Validate Tooltip 1 is not rendered, now tooltip 2 is open.
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(delay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Hovering again, should trigger the tooltip to show immediately, as the group is not deactivated yet
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(delay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Wait 200ms, the group is deactivated, hovering again should trigger the delay
-      act(() => jest.advanceTimersByTime(200))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(200))
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(delay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay / 2))
       screen.getByText('Tooltip 2')
     })
     it('should support groups with different open and close delay.', () => {
       const openDelay = 250
       const closeDelay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
       render(
         <TooltipDelayGroupProvider
           delay={{
@@ -225,11 +243,13 @@ describe('Tooltip', () => {
 
       // Hovers on first button, it should show first tooltip only
       fireEvent.mouseEnter(button1)
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       // Content should not be rendered yet, we have a delay of2150ms
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
 
       // Validate Tooltip 1 is rendered
       screen.getByText('Tooltip 1')
@@ -240,31 +260,38 @@ describe('Tooltip', () => {
       fireEvent.mouseEnter(button2)
 
       // Validate Tooltip 1 is not rendered, now tooltip 2 is open.
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       expect(screen.queryByText('Tooltip 1')).not.toBeInTheDocument()
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(closeDelay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(closeDelay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Hovering again, should trigger the tooltip to show immediately, as the group is not deactivated yet
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(1))
       screen.getByText('Tooltip 2')
 
       // Validate tooltip content is not rendered anymore
       fireEvent.mouseOut(button2)
-      act(() => jest.advanceTimersByTime(closeDelay + 1))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(closeDelay + 1))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
 
       // Wait 200ms, the group is deactivated, hovering again should trigger the delay
-      act(() => jest.advanceTimersByTime(200))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(200))
       fireEvent.mouseEnter(button2)
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       expect(screen.queryByText('Tooltip 2')).not.toBeInTheDocument()
-      act(() => jest.advanceTimersByTime(openDelay / 2))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(openDelay / 2))
       screen.getByText('Tooltip 2')
     })
   })
@@ -273,7 +300,7 @@ describe('Tooltip', () => {
     it('Standalone tooltip closes immediately with Escape key', () => {
       const delay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
 
       render(
         <Tooltip
@@ -290,7 +317,8 @@ describe('Tooltip', () => {
       // Validate tooltip content is not rendered
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -304,7 +332,7 @@ describe('Tooltip', () => {
     it('With <TooltipDelayGroupProvider />  closes immediately with Escape key', () => {
       const delay = 150
 
-      jest.useFakeTimers()
+      vi.useFakeTimers()
 
       render(
         <TooltipDelayGroupProvider delay={{close: delay}}>
@@ -324,7 +352,8 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
 
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Validate tooltip content is rendered
       screen.getByText('Tooltip content')
@@ -353,11 +382,13 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
 
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Assertion: the tooltip is not visible
       expect(screen.queryByText('Tooltip content')).toBeVisible()
 
+      // oxlint-disable-next-line no-floating-promises
       act(() => fireEvent.click(button))
 
       // Assertion: tooltip does not exist in the document
@@ -379,11 +410,13 @@ describe('Tooltip', () => {
       expect(screen.queryByText('Tooltip content')).not.toBeInTheDocument()
       fireEvent.focus(button)
 
-      act(() => jest.advanceTimersByTime(delay))
+      // oxlint-disable-next-line no-floating-promises
+      act(() => vi.advanceTimersByTime(delay))
 
       // Assertion: the tooltip is not visible
       expect(screen.queryByText('Tooltip content')).toBeVisible()
 
+      // oxlint-disable-next-line no-floating-promises
       act(() => fireEvent.contextMenu(button))
 
       // Assertion: tooltip does not exist in the document
@@ -392,12 +425,12 @@ describe('Tooltip', () => {
   })
 
   describe('Used defined events on <Tooltip /> child should fire correctly', () => {
-    const handleBlur = jest.fn()
-    const handleClick = jest.fn()
-    const handleContextMenu = jest.fn()
-    const handleFocus = jest.fn()
-    const handleMouseEnter = jest.fn()
-    const handleMouseLeave = jest.fn()
+    const handleBlur = vi.fn()
+    const handleClick = vi.fn()
+    const handleContextMenu = vi.fn()
+    const handleFocus = vi.fn()
+    const handleMouseEnter = vi.fn()
+    const handleMouseLeave = vi.fn()
 
     beforeEach(() => {
       render(
@@ -417,7 +450,7 @@ describe('Tooltip', () => {
       )
     })
 
-    afterEach(() => jest.clearAllMocks())
+    afterEach(() => vi.clearAllMocks())
 
     it('should fire the onBlur event', () => {
       fireEvent.blur(screen.getByTestId('btn'))

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

@@ -271,6 +271,7 @@ export const Tooltip = forwardRef(function Tooltip(
 
     window.addEventListener('keydown', handleWindowKeyDown)
 
+    // oxlint-disable-next-line consistent-return
     return () => {
       window.removeEventListener('keydown', handleWindowKeyDown)
     }
@@ -286,7 +287,7 @@ export const Tooltip = forwardRef(function Tooltip(
       portalElement?.offsetWidth || document.body.offsetWidth,
     ]
 
-    // eslint-disable-next-line react-hooks/set-state-in-effect
+    // oxlint-disable-next-line react-compiler
     setTooltipMaxWidth(Math.min(...availableWidths) - DEFAULT_TOOLTIP_PADDING * 2)
   }, [boundaryElement, portalElement])
 
@@ -490,6 +491,7 @@ function useCloseOnMouseLeave({
 
     window.addEventListener('mousemove', handleMouseMove)
 
+    // oxlint-disable-next-line consistent-return
     return () => window.removeEventListener('mousemove', handleMouseMove)
   }, [isInsideGroup, showTooltip])
 }

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

@@ -78,6 +78,7 @@ export const TooltipCard = forwardRef(function TooltipCard(
   return (
     <MotionCard
       data-ui="Tooltip__card"
+      // oxlint-disable-next-line no-unsafe-type-assertion
       {...(restProps as CardProps & MotionProps)}
       data-placement={placement}
       padding={padding}

package/src/core/primitives/tooltip/tooltipDelayGroup/types.ts

@@ -2,7 +2,9 @@
  * @beta
  */
 export interface TooltipDelayGroupContextValue {
+  // oxlint-disable-next-line no-duplicate-type-constituents
   setIsGroupActive: (nextState: React.SetStateAction<boolean>, delay?: number | undefined) => void
+  // oxlint-disable-next-line no-duplicate-type-constituents
   setOpenTooltipId: (nextId: string | null, delay?: number | undefined) => void
   openDelay: number
   closeDelay: number

package/src/core/styles/flex/types.ts

@@ -21,5 +21,4 @@ export interface ResponsiveFlexItemStyleProps {
 /**
  * @internal
  */
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
 export interface FlexItemStyleProps extends ResponsiveFlexItemStyleProps {}

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

@@ -17,7 +17,6 @@ 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]
 
@@ -49,12 +48,10 @@ 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
     if (!responsiveFont.warned) {
-      // eslint-disable-next-line no-console
       console.warn('No size specified for responsive font', {fontKey, $size, props, base})
       // @ts-expect-error: `warned` isn't typed, the underlying issue should be solved rather than typing it
       responsiveFont.warned = true

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

@@ -27,9 +27,7 @@ export interface ResponsiveTextAlignStyleProps {
  * @internal
  */
 export interface ResponsiveFontStyleProps
-  extends FontWeightStyleProps,
-    ResponsiveFontSizeStyleProps,
-    ResponsiveTextAlignStyleProps {
+  extends FontWeightStyleProps, ResponsiveFontSizeStyleProps, ResponsiveTextAlignStyleProps {
   $accent?: boolean
   $muted?: boolean
 }

package/src/core/styles/grid/gridStyle.ts

@@ -87,6 +87,7 @@ function responsiveGridGapStyle(props: ResponsiveGridStyleProps & ThemeProps) {
   const {media, space} = getTheme_v2(props.theme)
 
   return _responsive(media, props.$gap, (gap) => ({
+    // oxlint-disable-next-line no-deprecated
     gridGap: gap ? rem(space[gap]) : undefined,
   }))
 }

package/src/core/styles/margin/marginStyle.ts

@@ -9,6 +9,7 @@ export function responsiveMarginStyle(
 ): CSSObject[][] {
   const {theme} = props
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return [
     _getResponsiveSpace(theme, ['margin'], props.$margin),
     _getResponsiveSpace(theme, ['marginLeft', 'marginRight'], props.$marginX),

package/src/core/styles/margin/marginsStyle.test.ts

@@ -1,6 +1,7 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {buildTheme, getScopedTheme} from '@sanity/ui/theme'
+import {describe, expect, it} from 'vitest'
 
 import {responsiveMarginStyle} from './marginStyle'
 

package/src/core/styles/padding/paddingStyle.test.ts

@@ -1,6 +1,7 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {buildTheme, getScopedTheme} from '@sanity/ui/theme'
+import {describe, expect, it} from 'vitest'
 
 import {responsivePaddingStyle} from './paddingStyle'
 

package/src/core/styles/padding/paddingStyle.ts

@@ -9,6 +9,7 @@ export function responsivePaddingStyle(
 ): CSSObject[][] {
   const {theme} = props
 
+  // oxlint-disable-next-line no-unsafe-type-assertion
   return [
     _getResponsiveSpace(theme, ['padding'], props.$padding),
     _getResponsiveSpace(theme, ['paddingLeft', 'paddingRight'], props.$paddingX),

package/src/core/theme/theme.test.tsx

@@ -1,6 +1,7 @@
-/** @jest-environment jsdom */
+/** @vitest-environment jsdom */
 
 import {buildTheme} from '@sanity/ui/theme'
+import {describe, expect, it, vi} from 'vitest'
 
 import {render} from '../../../test'
 import {ThemeContext} from './themeContext'
@@ -10,7 +11,7 @@ import {useRootTheme} from './useRootTheme'
 describe('theme', () => {
   describe('useRootTheme', () => {
     it('should get context value', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         const rootTheme = useRootTheme()
@@ -22,6 +23,7 @@ describe('theme', () => {
 
       function Root() {
         const value: ThemeContextValue = {
+          // oxlint-disable-next-line no-deprecated
           version: 0.0,
           scheme: 'light',
           theme: buildTheme(),
@@ -29,6 +31,7 @@ describe('theme', () => {
         }
 
         return (
+          // oxlint-disable-next-line jsx-no-constructed-context-values
           <ThemeContext.Provider value={value}>
             <Debug />
           </ThemeContext.Provider>
@@ -43,7 +46,7 @@ describe('theme', () => {
     })
 
     it('should fail when no context value is provided', async () => {
-      const log = jest.fn()
+      const log = vi.fn()
 
       function Debug() {
         try {
@@ -59,6 +62,7 @@ describe('theme', () => {
         const value = undefined
 
         return (
+          // oxlint-disable-next-line no-unsafe-type-assertion
           <ThemeContext.Provider value={value as any}>
             <Debug />
           </ThemeContext.Provider>

package/src/core/theme/useRootTheme.ts

@@ -13,5 +13,6 @@ export function useRootTheme(): ThemeContextValue {
     throw new Error('useRootTheme(): missing context value')
   }
 
+  // oxlint-disable-next-line no-unnecessary-type-assertion, no-unsafe-type-assertion
   return value as unknown as ThemeContextValue
 }