@instructure/ui-codemods 11.7.6-snapshot-16 → 11.7.6-snapshot-20

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.6-snapshot-16](https://github.com/instructure/instructure-ui/compare/v11.7.5...v11.7.6-snapshot-16) (2026-09-03)
+## [11.7.6-snapshot-20](https://github.com/instructure/instructure-ui/compare/v11.7.5...v11.7.6-snapshot-20) (2026-09-04)
 
 **Note:** Version bump only for package @instructure/ui-codemods
 

package/README.md

@@ -28,6 +28,13 @@ type: code
 npx jscodeshift@latest -t node_modules/@instructure/ui-codemods/lib/updateV10Breaking.ts <path>
 ```
 
+### Formatting
+
+Codemods run their output through [Prettier](https://prettier.io/) by default,
+using your project's Prettier installation and [config
+file](https://prettier.io/docs/configuration.html). Prettier is an optional peer
+dependency, both Prettier 2 and Prettier 3 work.
+
 For more information about what the codemods do, see the [major version upgrade guides](upgrade-guide)
 
 [npm]: https://img.shields.io/npm/v/@instructure/ui-codemods.svg

package/lib/__node_tests__/codemods.test.ts

@@ -60,38 +60,38 @@ describe('test codemods', () => {
     consoleWarningMock.mockRestore()
   })
 
-  it('test InstUI v10 color codemods', () => {
-    runTest(updateV10Breaking)
+  it('test InstUI v10 color codemods', async () => {
+    await runTest(updateV10Breaking)
   })
 
-  it('test removing "as" prop from InstUISettingsProvider', () => {
-    runTest(removeAsFromInstUISettingsProvider)
+  it('test removing "as" prop from InstUISettingsProvider', async () => {
+    await runTest(removeAsFromInstUISettingsProvider)
   })
 
-  it('test renaming Canvas themes', () => {
-    runTest(renameCanvasThemesCodemod)
+  it('test renaming Canvas themes', async () => {
+    await runTest(renameCanvasThemesCodemod)
   })
 
-  it('test renaming "getComputedStyle" to getCSSStyleDeclaration', () => {
-    runTest(renameGetComputedStyleToGetCSSStyleDeclaration)
+  it('test renaming "getComputedStyle" to getCSSStyleDeclaration', async () => {
+    await runTest(renameGetComputedStyleToGetCSSStyleDeclaration)
   })
 
   it('test Table caption prop warning', async () => {
-    runTest(warnTableCaptionMissing)
+    await runTest(warnTableCaptionMissing)
   })
 
   it('test CodeEditor removed warning', async () => {
-    runTest(warnCodeEditorRemoved)
+    await runTest(warnCodeEditorRemoved)
   })
 
-  it('test migrating legacy icons to lucide/custom icons', () => {
-    runTest(migrateToNewIcons)
+  it('test migrating legacy icons to lucide/custom icons', async () => {
+    await runTest(migrateToNewIcons)
   })
 
   // All fixtures run through the full `multiVersionThemeVariablesCodemod` (both
   // legs: token renames + provider override relocation), so every `.output` is
   // the real end-to-end result a user gets - no single-leg intermediate states.
-  it('test multi-version theme variables codemod (end-to-end)', () => {
-    runTest(multiVersionThemeVariablesCodemod)
+  it('test multi-version theme variables codemod (end-to-end)', async () => {
+    await runTest(multiVersionThemeVariablesCodemod)
   })
 })

package/lib/__node_tests__/runTest.ts

@@ -36,13 +36,13 @@ import { expect, vi } from 'vitest'
  * - Fixtures must be named `XY.input.[ts|tsx|js]` and `XY.output.[ts|tsx|js]`
  * @param codemod The codemod to run
  */
-export function runTest(codemod: Transform) {
+export async function runTest(codemod: Transform) {
   // Fixtures live in `./__testfixtures__/[codemod name]/`.
   const fixturesDir = `${__dirname}/__testfixtures__/${codemod.name}`
   const entries = fs.readdirSync(fixturesDir, { withFileTypes: true })
 
   let fixturesRun = 0
-  entries.forEach((entry) => {
+  for (const entry of entries) {
     if (entry.isFile() && entry.name.includes('input')) {
       const isWarningTest = entry.name.includes('.warning.input')
       const inputPath = path.join(entry.parentPath, entry.name)
@@ -82,7 +82,7 @@ export function runTest(codemod: Transform) {
           const options = {}
 
           // Run codemod withouth comparison
-          codemod(fileInfo, api, options)
+          await codemod(fileInfo, api, options)
 
           const expectedWarningContent = fs
             .readFileSync(expectedPath, 'utf8')
@@ -123,11 +123,16 @@ export function runTest(codemod: Transform) {
           warnSpy.mockRestore()
         }
       } else {
-        runInlineTest(codemod, {}, { path: inputPath, source: input }, expected)
+        await runInlineTest(
+          codemod,
+          {},
+          { path: inputPath, source: input },
+          expected
+        )
       }
       fixturesRun++
     }
-  })
+  }
   if (fixturesRun === 0) {
     throw new Error(
       `Test failed for codemod "${codemod.name}": No fixtures found.`

package/lib/__node_tests__/updateInstUIImportVersions.test.ts

@@ -45,8 +45,8 @@ function makeFileInfo(source: string) {
 }
 
 describe('updateInstUIImportVersions', () => {
-  it('rewrites unversioned @instructure import to target version', () => {
-    runInlineTest(
+  it('rewrites unversioned @instructure import to target version', async () => {
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7' },
       makeFileInfo(`import { Button } from '@instructure/ui'`),
@@ -54,8 +54,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('rewrites an import that @instructure/ui re-exports under an alias', () => {
-    runInlineTest(
+  it('rewrites an import that @instructure/ui re-exports under an alias', async () => {
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7' },
       makeFileInfo(`import { TreeBrowserCollection } from '@instructure/ui'`),
@@ -63,8 +63,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('rewrites versioned import from versionFrom to versionTo', () => {
-    runInlineTest(
+  it('rewrites versioned import from versionFrom to versionTo', async () => {
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7', versionFrom: 'v11.6' },
       makeFileInfo(`import { Button } from '@instructure/ui/v11_6'`),
@@ -72,8 +72,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('returns null when versionFrom does not match', () => {
-    const result = updateInstUIImportVersions(
+  it('returns null when versionFrom does not match', async () => {
+    const result = await updateInstUIImportVersions(
       makeFileInfo(`import { Button } from '@instructure/ui/v11_5'`),
       makeApi() as Parameters<typeof updateInstUIImportVersions>[1],
       { versionTo: 'v11.7', versionFrom: 'v11.6' }
@@ -81,8 +81,8 @@ describe('updateInstUIImportVersions', () => {
     expect(result).toBeNull()
   })
 
-  it('rewrites only imports containing the specified component', () => {
-    runInlineTest(
+  it('rewrites only imports containing the specified component', async () => {
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7', components: 'Button' },
       makeFileInfo(
@@ -99,8 +99,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('returns null when no imports match the specified component', () => {
-    const result = updateInstUIImportVersions(
+  it('returns null when no imports match the specified component', async () => {
+    const result = await updateInstUIImportVersions(
       makeFileInfo(`import { Alert } from '@instructure/ui'`),
       makeApi() as Parameters<typeof updateInstUIImportVersions>[1],
       { versionTo: 'v11.7', components: 'Button' }
@@ -108,7 +108,7 @@ describe('updateInstUIImportVersions', () => {
     expect(result).toBeNull()
   })
 
-  it('returns null for non-@instructure imports', () => {
+  it('returns null for non-@instructure imports', async () => {
     // Includes component names that are in versionedExports but come from other packages —
     // the codemod must check the package, not just the import name.
     const cases = [
@@ -118,7 +118,7 @@ describe('updateInstUIImportVersions', () => {
       `import { Alert } from 'antd'`
     ]
     for (const source of cases) {
-      const result = updateInstUIImportVersions(
+      const result = await updateInstUIImportVersions(
         makeFileInfo(source),
         makeApi() as Parameters<typeof updateInstUIImportVersions>[1],
         { versionTo: 'v11.7' }
@@ -127,9 +127,9 @@ describe('updateInstUIImportVersions', () => {
     }
   })
 
-  it('does not rewrite non-versioned components', () => {
+  it('does not rewrite non-versioned components', async () => {
     // 'withStyleNew' is not in versionedExports, so it should be skipped
-    const result = updateInstUIImportVersions(
+    const result = await updateInstUIImportVersions(
       makeFileInfo(`import { withStyleNew } from '@instructure/ui'`),
       makeApi() as Parameters<typeof updateInstUIImportVersions>[1],
       { versionTo: 'v11.7' }
@@ -137,10 +137,10 @@ describe('updateInstUIImportVersions', () => {
     expect(result).toBeNull()
   })
 
-  it('does not split mixed @instructure/ui import: moves all specifiers to versioned path', () => {
+  it('does not split mixed @instructure/ui import: moves all specifiers to versioned path', async () => {
     // @instructure/ui version files re-export everything including non-component
     // symbols (e.g. canvas), so splitting is unnecessary — rewrite the whole import.
-    runInlineTest(
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7' },
       makeFileInfo(`import {canvas, Button} from "@instructure/ui"`),
@@ -148,9 +148,9 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('splits mixed import from an individual @instructure package: non-component stays, component moves', () => {
+  it('splits mixed import from an individual @instructure package: non-component stays, component moves', async () => {
     // TestComponent is not in versionedExports, Button is → triggers a split
-    runInlineTest(
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7' },
       makeFileInfo(
@@ -161,8 +161,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('does not add semicolons to split imports when usePrettier=false and file has no semis', () => {
-    runInlineTest(
+  it('does not add semicolons to split imports when usePrettier=false and file has no semis', async () => {
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7', usePrettier: false },
       makeFileInfo(
@@ -172,8 +172,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('preserves semicolons in split imports when file uses semis and usePrettier=false', () => {
-    runInlineTest(
+  it('preserves semicolons in split imports when file uses semis and usePrettier=false', async () => {
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7', usePrettier: false },
       makeFileInfo(
@@ -183,9 +183,9 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('moves type specifier to versioned path when its name is a known component', () => {
+  it('moves type specifier to versioned path when its name is a known component', async () => {
     // 'type Alert' — inline type modifier, Alert is in versionedExports
-    runInlineTest(
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7', components: 'Button,Alert' },
       makeFileInfo(`import { Button, type Alert } from '@instructure/ui'`),
@@ -193,10 +193,10 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('moves all specifiers to versioned path when source is @instructure/ui, even with --components filter', () => {
+  it('moves all specifiers to versioned path when source is @instructure/ui, even with --components filter', async () => {
     // ButtonProps is not in the components filter, but @instructure/ui
     // version files re-export everything — no split, whole import moves.
-    runInlineTest(
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7', components: 'Button' },
       makeFileInfo(
@@ -206,8 +206,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('leaves default imports and type-only named imports untouched when not in components', () => {
-    const result = updateInstUIImportVersions(
+  it('leaves default imports and type-only named imports untouched when not in components', async () => {
+    const result = await updateInstUIImportVersions(
       makeFileInfo(`import Service, { type Config } from '@instructure/ui'`),
       makeApi() as Parameters<typeof updateInstUIImportVersions>[1],
       { versionTo: 'v11.7' }
@@ -216,8 +216,8 @@ describe('updateInstUIImportVersions', () => {
     expect(result).toBeNull()
   })
 
-  it('returns null when versionTo is not provided', () => {
-    const result = updateInstUIImportVersions(
+  it('returns null when versionTo is not provided', async () => {
+    const result = await updateInstUIImportVersions(
       makeFileInfo(`import { Button } from '@instructure/ui'`),
       makeApi() as Parameters<typeof updateInstUIImportVersions>[1],
       {}
@@ -225,11 +225,11 @@ describe('updateInstUIImportVersions', () => {
     expect(result).toBeNull()
   })
 
-  it('diagnose mode reports matching imports', () => {
+  it('diagnose mode reports matching imports', async () => {
     const reported: string[] = []
     const api = makeApi((msg: string) => reported.push(msg))
 
-    updateInstUIImportVersions(
+    await updateInstUIImportVersions(
       makeFileInfo(`import { Button, Alert } from '@instructure/ui/v11_6'`),
       api as Parameters<typeof updateInstUIImportVersions>[1],
       { diagnose: true }
@@ -241,11 +241,11 @@ describe('updateInstUIImportVersions', () => {
     expect(reported[0]).toContain('v11_6')
   })
 
-  it('diagnose mode filters by component name', () => {
+  it('diagnose mode filters by component name', async () => {
     const reported: string[] = []
     const api = makeApi((msg: string) => reported.push(msg))
 
-    updateInstUIImportVersions(
+    await updateInstUIImportVersions(
       makeFileInfo(`import { Button, Alert } from '@instructure/ui/v11_6'`),
       api as Parameters<typeof updateInstUIImportVersions>[1],
       { diagnose: true, components: 'Button' }
@@ -256,11 +256,11 @@ describe('updateInstUIImportVersions', () => {
     expect(reported[0]).not.toContain('Alert')
   })
 
-  it('diagnose mode shows "oldest" label for unversioned imports', () => {
+  it('diagnose mode shows "oldest" label for unversioned imports', async () => {
     const reported: string[] = []
     const api = makeApi((msg: string) => reported.push(msg))
 
-    updateInstUIImportVersions(
+    await updateInstUIImportVersions(
       makeFileInfo(`import { Button } from '@instructure/ui'`),
       api as Parameters<typeof updateInstUIImportVersions>[1],
       { diagnose: true }
@@ -270,7 +270,7 @@ describe('updateInstUIImportVersions', () => {
     expect(reported[0]).toContain('oldest')
   })
 
-  it('rewrites all matching imports in a file with 10+ @instructure imports', () => {
+  it('rewrites all matching imports in a file with 10+ @instructure imports', async () => {
     const input = [
       `import React from 'react'`,
       `import { Alert } from '@instructure/ui'`,
@@ -305,7 +305,7 @@ describe('updateInstUIImportVersions', () => {
       `import type { SomeType } from 'some-lib'`
     ].join('\n')
 
-    runInlineTest(
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7' },
       makeFileInfo(input),
@@ -313,8 +313,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('rewrites named imports from individual @instructure packages', () => {
-    runInlineTest(
+  it('rewrites named imports from individual @instructure packages', async () => {
+    await runInlineTest(
       updateInstUIImportVersions,
       { versionTo: 'v11.7' },
       makeFileInfo(
@@ -332,8 +332,8 @@ describe('updateInstUIImportVersions', () => {
     )
   })
 
-  it('does not rewrite default imports from @instructure packages', () => {
-    const result = updateInstUIImportVersions(
+  it('does not rewrite default imports from @instructure packages', async () => {
+    const result = await updateInstUIImportVersions(
       makeFileInfo(`import Button from '@instructure/ui-button'`),
       makeApi() as Parameters<typeof updateInstUIImportVersions>[1],
       { versionTo: 'v11.7' }

package/lib/index.ts

@@ -34,14 +34,17 @@ import updateInstUIImportVersions from './updateInstUIImportVersions'
 import multiVersionThemeVariablesCodemod from './multiVersionThemeVariablesCodemod/multiVersionThemeVariablesCodemod'
 
 export {
+  // Codemods for InstUI v9 -> v10
   updateV10Breaking,
+  // Codemods for InstUI v10 -> v11
   instUIv11Codemods,
   removeAsFromInstUISettingsProvider,
   renameCanvasThemes,
-  renameGetComputedStyleToGetCSSStyleDeclaration,
   warnTableCaptionMissing,
+  renameGetComputedStyleToGetCSSStyleDeclaration,
   warnCodeEditorRemoved,
+  // Codemods for new theming/multi version (used by InstUI v11.7.2 and above)
   migrateToNewIcons,
-  updateInstUIImportVersions,
-  multiVersionThemeVariablesCodemod
+  multiVersionThemeVariablesCodemod,
+  updateInstUIImportVersions
 }

package/lib/instUIv11Codemods.ts

@@ -32,12 +32,12 @@ import { warnCodeEditorRemovedCodemod } from './warnCodeEditorRemoved'
 /**
  * Runs all InstUI v10 -> v11 upgrade codemods
  */
-const InstUIv11Codemods: Transform = (
+const InstUIv11Codemods: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(
+  return await instUICodemodExecutor(
     [
       removeAsProp,
       renameCanvasThemes,

package/lib/migrateToNewIcons.ts

@@ -111,8 +111,10 @@ function migrateIcons(j: JSCodeshift, root: Collection): boolean {
 /**
  * Migrates legacy InstUI icons (`IconXxxLine` / `IconXxxSolid`) to new
  * `XxxInstUIIcon` components.
+ * Warns about legacy icons that has no mappings and have to be migrated manually.
+ * New icons were introduced in InstUI v11.7.2
  *
- * Renames specifiers in-place for imports from:
+ * This codemod will rename icons if they are imported from:
  *   - `@instructure/ui-icons`
  *   - `@instructure/ui-icons/es/svg`
  *   - `@instructure/ui`
@@ -122,8 +124,13 @@ const migrateToNewIconsCodemod: InstUICodemod = (j, root, filePath) => {
   return migrateIcons(j, root)
 }
 
-const migrateToNewIcons: Transform = (file, api, options) => {
-  return instUICodemodExecutor(migrateToNewIconsCodemod, file, api, options)
+const migrateToNewIcons: Transform = async (file, api, options) => {
+  return await instUICodemodExecutor(
+    migrateToNewIconsCodemod,
+    file,
+    api,
+    options
+  )
 }
 
 export default migrateToNewIcons

package/lib/multiVersionThemeVariablesCodemod/migrateComponentOverridesToThemeOverride.ts

@@ -39,13 +39,14 @@ import { namedTypes } from 'ast-types'
  * channel, so every component override must move - regardless of whether its
  * tokens have changed. Token renames are handled separately by
  * `transformThemeVariables`.
+ * This change was introduced in InstUI v11.7.2
  */
-const migrateComponentOverridesToThemeOverride: Transform = (
+const migrateComponentOverridesToThemeOverride: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(
+  return await instUICodemodExecutor(
     migrateComponentOverridesToThemeOverrideCodemod,
     file,
     api,

package/lib/multiVersionThemeVariablesCodemod/multiVersionThemeVariablesCodemod.ts

@@ -28,14 +28,15 @@ import { transformThemeVariablesCodemod } from './transformThemeVariables'
 import { migrateComponentOverridesToThemeOverrideCodemod } from './migrateComponentOverridesToThemeOverride'
 
 /**
- * Runs all InstUI multi-version upgrade codemods
+ * Runs all InstUI multi-version upgrade codemods.
+ * (used for multi-version introduced in InstUI v11.7.2)
  */
-const multiVersionThemeVariablesCodemod: Transform = (
+const multiVersionThemeVariablesCodemod: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(
+  return await instUICodemodExecutor(
     [
       transformThemeVariablesCodemod,
       migrateComponentOverridesToThemeOverrideCodemod

package/lib/multiVersionThemeVariablesCodemod/themeVariableMappings/index.ts

@@ -159,7 +159,9 @@ export const THEME_VARIABLE_MAPPINGS: Record<string, ComponentMapping> = {
     import: '@instructure/ui-billboard',
     removed: {
       iconColor: {},
-      iconHoverColor: {}
+      iconHoverColor: {},
+      iconHoverColorInverse: {},
+      messageColorInverse: {}
     }
   },
   Spinner: {
@@ -1191,6 +1193,14 @@ export const THEME_VARIABLE_MAPPINGS: Record<string, ComponentMapping> = {
       cardBorderRadius: { to: 'borderRadius' }
     }
   },
+  DataPermissionLevels: {
+    import: '@instructure/ui-instructure',
+    removed: {
+      cardPadding: {},
+      cardExplainerContainerBottomMargin: {},
+      cardGap: {}
+    }
+  },
   Flex: {
     import: '@instructure/ui-flex',
     removed: {

package/lib/multiVersionThemeVariablesCodemod/transformThemeVariables.ts

@@ -32,13 +32,14 @@ import type { ComponentMapping } from './themeVariableMappings'
 
 /**
  * Renames/removes component theme variables to their new (multi-version) names.
+ * This change was introduced in InstUI v11.7.2
  */
-const transformThemeVariables: Transform = (
+const transformThemeVariables: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(
+  return await instUICodemodExecutor(
     transformThemeVariablesCodemod,
     file,
     api,

package/lib/removeAsFromInstUISettingsProvider.ts

@@ -30,12 +30,12 @@ import { isJSXAttribute } from './utils/codemodTypeCheckers'
 /**
  * removes the `as` prop from InstUISettingsProvider.
  */
-const removeAsFromInstUISettingsProvider: Transform = (
+const removeAsFromInstUISettingsProvider: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(removeAsProp, file, api, options)
+  return await instUICodemodExecutor(removeAsProp, file, api, options)
 }
 
 const removeAsProp = (j: JSCodeshift, root: Collection, filePath: string) => {

package/lib/renameCanvasThemesCodemod.ts

@@ -32,12 +32,12 @@ import instUICodemodExecutor from './utils/instUICodemodExecutor'
  * `canvasHighContrastTheme`, warns about deleted `ThemeRegistry` imports and
  * the removed `canvas.use()`/`canvasHighContrast.use()` functions
  */
-const renameCanvasThemesCodemod: Transform = (
+const renameCanvasThemesCodemod: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(renameCanvasThemes, file, api, options)
+  return await instUICodemodExecutor(renameCanvasThemes, file, api, options)
 }
 
 const renameCanvasThemes: InstUICodemod = (j, root, filePath) => {

package/lib/renameGetComputedStyleToGetCSSStyleDeclaration.ts

@@ -28,12 +28,12 @@ import instUICodemodExecutor from './utils/instUICodemodExecutor'
 /**
  * renames the `getComputedStyle` utility function to `getCSSStyleDeclaration`
  */
-const renameGetComputedStyleToGetCSSStyleDeclaration: Transform = (
+const renameGetComputedStyleToGetCSSStyleDeclaration: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(renameGetComputedStyle, file, api, options)
+  return await instUICodemodExecutor(renameGetComputedStyle, file, api, options)
 }
 
 const renameGetComputedStyle = (j: JSCodeshift, root: Collection) => {

package/lib/updateInstUIImportVersions.ts

@@ -211,7 +211,7 @@ const updateInstUIImportVersionsCodemod =
     return hasChanges
   }
 
-const updateInstUIImportVersions: Transform = (file, api, options) => {
+const updateInstUIImportVersions: Transform = async (file, api, options) => {
   // When no --components filter is given, fall back to the full list of known
   const components = parseComponents(options.components) ?? [
     ...versionedExports
@@ -245,7 +245,7 @@ const updateInstUIImportVersions: Transform = (file, api, options) => {
   const hasSemi = detectSemi(file.source)
 
   try {
-    const result = instUICodemodExecutor(
+    const result = await instUICodemodExecutor(
       updateInstUIImportVersionsCodemod(
         components,
         versionTo,

package/lib/updateV10Breaking.ts

@@ -29,12 +29,12 @@ import instUICodemodExecutor from './utils/instUICodemodExecutor'
 /**
  * Updates theme color syntax from InstUI v9 to v10
  */
-const updateV10Breaking: Transform = (
+const updateV10Breaking: Transform = async (
   file,
   api,
   options?: { fileName?: string; usePrettier?: boolean }
 ) => {
-  return instUICodemodExecutor(updateToV10Colors, file, api, options)
+  return await instUICodemodExecutor(updateToV10Colors, file, api, options)
 }
 
 export default updateV10Breaking