@sanity/ui 1.7.3 → 1.7.6

package/src/theme/lib/theme/color/solid/createSolidTones.ts

@@ -7,7 +7,7 @@ export function createSolidTones(
   opts: ThemeColorBuilderOpts,
   base: ThemeColorBase,
   dark: boolean,
-  name: ThemeColorName
+  name: ThemeColorName,
 ): ThemeColorSolid {
   return {
     default: {

package/src/theme/lib/theme/color/spot/createSpot.ts

@@ -5,7 +5,7 @@ import {ThemeColorSpot} from './types'
 export function createSpot(
   opts: ThemeColorBuilderOpts,
   base: ThemeColorBase,
-  dark: boolean
+  dark: boolean,
 ): ThemeColorSpot {
   return {
     gray: opts.spot({base, dark, key: 'gray'}),

package/src/theme/lib/theme/shadow.ts

@@ -7,7 +7,7 @@ export type BoxShadow = [
   number,
   number,
   number,
-  number
+  number,
 ]
 
 /**

package/src/theme/lib/theme/theme.ts

@@ -10,7 +10,7 @@ import {ThemeShadow} from './shadow'
  */
 export interface BaseTheme<
   // eslint-disable-next-line @typescript-eslint/ban-types
-  Styles extends {} = {}
+  Styles extends {} = {},
 > {
   avatar: ThemeAvatar
   button: {

package/src/theme/theme.test.tsx

@@ -1,4 +1,5 @@
 /** @jest-environment jsdom */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {render} from '../../test'
 import {studioTheme} from './studioTheme'
@@ -98,7 +99,7 @@ describe('theme', () => {
       render(<Root />)
 
       expect(log.mock.calls[0][0].message).toEqual(
-        'useRootTheme(): the context value is not compatible'
+        'useRootTheme(): the context value is not compatible',
       )
     })
   })

package/src/theme/themeProvider.tsx

@@ -46,7 +46,7 @@ export function ThemeProvider(props: ThemeProviderProps): React.ReactElement {
         scheme,
         tone,
       },
-    [themeProp, scheme, tone]
+    [themeProp, scheme, tone],
   )
 
   if (!theme) {

package/src/theme/useRootTheme.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import {useContext} from 'react'
 import {isRecord} from '../lib/isRecord'
 import {ThemeContext} from './themeContext'

package/src/utils/boundaryElement/boundaryElement.test.tsx

@@ -1,4 +1,5 @@
 /** @jest-environment jsdom */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {render} from '../../../test'
 import {BoundaryElementContext} from './boundaryElementContext'
@@ -93,7 +94,7 @@ describe('utils/boundaryElement', () => {
       render(<Root />)
 
       expect(log.mock.calls[0][0].message).toEqual(
-        'useBoundaryElement(): the context value is not compatible'
+        'useBoundaryElement(): the context value is not compatible',
       )
     })
   })

package/src/utils/elementQuery/elementQuery.tsx

@@ -18,7 +18,7 @@ export interface MediaQueryProps {
  */
 export const ElementQuery = forwardRef(function ElementQuery(
   props: MediaQueryProps & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'media'>,
-  ref: React.ForwardedRef<HTMLDivElement>
+  ref: React.ForwardedRef<HTMLDivElement>,
 ) {
   const theme = useTheme()
   const {children, media = theme.sanity.media, ...restProps} = props
@@ -36,7 +36,7 @@ export const ElementQuery = forwardRef(function ElementQuery(
       forwardedRef.current = el
       setElement(el)
     },
-    [forwardedRef]
+    [forwardedRef],
   )
 
   return (

package/src/utils/layer/layer.test.tsx

@@ -1,4 +1,5 @@
 /** @jest-environment jsdom */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {render} from '../../../test'
 import {LayerContext} from './layerContext'
@@ -101,7 +102,7 @@ describe('utils/layer', () => {
       render(<Root />)
 
       expect(log.mock.calls[0][0].message).toEqual(
-        'useLayer(): the context value is not compatible'
+        'useLayer(): the context value is not compatible',
       )
     })
   })

package/src/utils/layer/layer.tsx

@@ -25,7 +25,7 @@ const Root = styled.div({position: 'relative'})
 
 const LayerChildren = forwardRef(function LayerChildren(
   props: LayerChildrenProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,
-  ref: React.Ref<HTMLDivElement>
+  ref: React.Ref<HTMLDivElement>,
 ) {
   const {children, onActivate, onFocus, style = EMPTY_RECORD, ...restProps} = props
   const {zIndex, isTopLayer} = useLayer()
@@ -60,7 +60,7 @@ const LayerChildren = forwardRef(function LayerChildren(
         lastFocusedRef.current = target
       }
     },
-    [forwardedRef, isTopLayer, onFocus]
+    [forwardedRef, isTopLayer, onFocus],
   )
 
   return (
@@ -81,7 +81,7 @@ const LayerChildren = forwardRef(function LayerChildren(
  */
 export const Layer = forwardRef(function Layer(
   props: LayerProps & Omit<React.HTMLProps<HTMLDivElement>, 'as'>,
-  ref: React.Ref<HTMLDivElement>
+  ref: React.Ref<HTMLDivElement>,
 ) {
   const {children, zOffset = 1, ...restProps} = props
 

package/src/utils/layer/layerProvider.tsx

@@ -85,7 +85,7 @@ export function LayerProvider(props: LayerProviderProps): React.ReactElement {
         parentDispose?.()
       }
     },
-    [parentRegisterChild]
+    [parentRegisterChild],
   )
 
   // Register this layer on mount
@@ -100,7 +100,7 @@ export function LayerProvider(props: LayerProviderProps): React.ReactElement {
       size,
       zIndex,
     }),
-    [isTopLayer, level, registerChild, size, zIndex]
+    [isTopLayer, level, registerChild, size, zIndex],
   )
 
   return <LayerContext.Provider value={value}>{children}</LayerContext.Provider>

package/src/utils/portal/portal.test.tsx

@@ -1,4 +1,5 @@
 /** @jest-environment jsdom */
+/* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {render} from '../../../test'
 import {PortalContext} from './portalContext'
@@ -96,7 +97,7 @@ describe('utils/portal', () => {
       render(<Root />)
 
       expect(log.mock.calls[0][0].message).toEqual(
-        'usePortal(): the context value is not compatible'
+        'usePortal(): the context value is not compatible',
       )
     })
   })

package/src/utils/srOnly/srOnly.tsx

@@ -23,7 +23,7 @@ const Root = styled.div`
  */
 export const SrOnly = forwardRef(function SrOnly(
   props: SrOnlyProps & Omit<React.HTMLProps<HTMLDivElement>, 'aria-hidden' | 'as'>,
-  ref: React.Ref<HTMLDivElement>
+  ref: React.Ref<HTMLDivElement>,
 ) {
   const {as, children} = props
 

package/src/utils/virtualList/__workshop__/changingProps.tsx

@@ -21,7 +21,7 @@ export default function ChangingProps() {
         <Text>Item #{item.key}</Text>
       </Card>
     ),
-    [expanded, toggleExpand]
+    [expanded, toggleExpand],
   )
 
   return (

package/src/utils/virtualList/virtualList.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import {forwardRef, useEffect, useMemo, useRef, useState} from 'react'
 import styled from 'styled-components'
 import {_isScrollable} from '../../helpers'
@@ -47,7 +48,7 @@ export const VirtualList = forwardRef(function VirtualList(
   props: VirtualListProps &
     StackProps &
     Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'children' | 'onChange' | 'ref'>,
-  ref: React.ForwardedRef<HTMLDivElement>
+  ref: React.ForwardedRef<HTMLDivElement>,
 ): React.ReactElement {
   const {as = 'div', gap = 0, getItemKey, items = [], onChange, renderItem, ...restProps} = props
   const {space} = useTheme().sanity