@instructure/babel-plugin-transform-imports

category: packages

babel-plugin-transform-imports

This will convert any non-default imports that are referencing the package only to reference the full path to the module instead. For example:

---
  type: code
---
// a named member import:
import { Text } from '@instructure/ui-elements'

would be converted to

---
  type: code
---
// a named import using the full module path:
import { Text } from '@instructure/ui-elements/lib/Text'

Note that any default imports you are currently using will not be transformed:

---
  type: code
---
// a default import using the full path (will not be transformed):
import Text from '@instructure/ui-elements/lib/Text'

Note that this plugin will fail if the exported name is not the filename! This means that it cannot handle multiple exports from the same file.

A babel plugin made by Instructure Inc.

Installation

npm install @instructure/babel-plugin-transform-imports

Changelog

10.17.0 (2025-05-20)

Bug Fixes

• ui-byline: remove figure and figcaption (72af55e)
• ui-checkbox: remove pointer cursor from disabled checkbox toggle (796284e)

Features

• ui-avatar,shared-types: add new ai color variant (52545d1)
• ui-buttons,shared-types: add ai-primary and ai-secondary colors to buttons (47868fc)
• ui-heading,shared-types: add ai color (a00690b)
• ui-scripts: add new ai-colored icon (temp solution) (c221a97)
• ui-text,shared-types: add ai-highlight color (b31d917)
• ui-themes,shared-types: add new primitive and contrast colors (c943d27)