feat(base): add a variant of change indicator for relative paths with…

… passed isChanged value

packages/@sanity/base/src/change-indicators/ChangeIndicator.tsx

@@ -1,5 +1,5 @@
 import {useLayer} from '@sanity/ui'
-import React, {memo, useMemo} from 'react'
+import React, {memo, ReactNode, useMemo} from 'react'
 import deepCompare from 'react-fast-compare'
 import * as PathUtils from '@sanity/util/paths'
 import {Path} from '@sanity/types'
@@ -160,6 +160,41 @@ export const CoreChangeIndicator = ({
   )
 }
 
+export const ChangeIndicatorForFieldPath = ({
+  className,
+  disabled,
+  path,
+  hasFocus,
+  isChanged,
+  children,
+}: {
+  path: Path
+  isChanged: boolean
+  children: ReactNode
+  className?: string
+  disabled?: boolean
+  hasFocus?: boolean
+}) => {
+  const parentContext = React.useContext(ChangeIndicatorContext)
+
+  const fullPath = React.useMemo(() => parentContext.fullPath.concat(path), [
+    parentContext.fullPath,
+    path,
+  ])
+
+  return (
+    <ChangeBarWrapper
+      disabled={disabled}
+      className={className}
+      isChanged={isChanged}
+      hasFocus={Boolean(hasFocus)}
+      fullPath={fullPath}
+    >
+      {children}
+    </ChangeBarWrapper>
+  )
+}
+
 export const ChangeIndicatorWithProvidedFullPath = ({
   className,
   disabled,