design-system/import-path

Summary

Ensures design system components are imported from specific packages. Works with React, Vue, Svelte, and Web Components.

Enable this rule in designlint.config.*. See configuration for details on configuring tokens and rules.

json

{
  "rules": {
    "design-system/import-path": [
      "error",
      { "packages": ["@acme/design-system"], "components": ["Button"] }
    ]
  }
}

packages (string[]): allowed package names for design system components.
components (string[]): component names that must come from the specified packages.

This rule is not auto-fixable.

import { Button } from 'other-package';

import { Button } from '@acme/design-system';

If component import sources are not enforced, disable this rule.