UpgradeToolkit Domain — tailwindcss Architecture
Utilities and codemods designed to help users migrate from Tailwind CSS v3 to v4 with automated transformations.
Entity Profile
Dependency Diagram
graph TD domain_UpgradeToolkit["UpgradeToolkit"] subdomain_UpgradeToolkit_TemplateAnalysis["TemplateAnalysis"] domain_UpgradeToolkit --> subdomain_UpgradeToolkit_TemplateAnalysis subdomain_UpgradeToolkit_Codemods["Codemods"] domain_UpgradeToolkit --> subdomain_UpgradeToolkit_Codemods style domain_UpgradeToolkit fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Subdomains
Source Files
- packages/@tailwindcss-upgrade/src/codemods/css/analyze.ts
- packages/tailwindcss/src/compat/apply-config-to-theme.ts
- packages/tailwindcss/src/compat/apply-keyframes-to-theme.ts
- packages/@tailwindcss-upgrade/src/utils/args.test.ts
- packages/@tailwindcss-upgrade/src/utils/args.ts
- packages/@tailwindcss-upgrade/src/codemods/template/candidates.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/candidates.ts
- packages/tailwindcss/src/canonicalize-candidates.ts
- packages/tailwindcss/src/compat/container.ts
- packages/tailwindcss/src/compat/dark-mode.ts
- packages/tailwindcss/src/utils/default-map.ts
- packages/tailwindcss/src/design-system.ts
- packages/tailwindcss/src/utils/escape.ts
- packages/@tailwindcss-upgrade/src/utils/extract-static-plugins.test.ts
- packages/@tailwindcss-upgrade/src/utils/extract-static-plugins.ts
- packages/@tailwindcss-upgrade/src/codemods/css/format-nodes.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/format-nodes.ts
- packages/@tailwindcss-upgrade/src/utils/format-ns.test.ts
- packages/@tailwindcss-upgrade/src/utils/format-ns.ts
- packages/@tailwindcss-upgrade/src/utils/git.ts
- packages/@tailwindcss-upgrade/src/index.test.ts
- packages/@tailwindcss-upgrade/src/commands/help/index.ts
- packages/@tailwindcss-upgrade/src/index.ts
- packages/tailwindcss/src/utils/infer-data-type.ts
- packages/@tailwindcss-upgrade/src/codemods/template/is-safe-migration.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/is-safe-migration.ts
- packages/@tailwindcss-upgrade/src/codemods/css/link.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-arbitrary-variants.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-apply.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-apply.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-layer-utilities.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-layer-utilities.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-automatic-var-injection.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-automatic-var-injection.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-camelcase-in-named-value.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-camelcase-in-named-value.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-canonicalize-candidate.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-canonicalize-candidate.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-config.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-handle-empty-arbitrary-values.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-handle-empty-arbitrary-values.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-import.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-import.ts
- packages/@tailwindcss-upgrade/src/codemods/config/migrate-js-config.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-arbitrary-values.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-arbitrary-values.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-max-width-screen.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-max-width-screen.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-media-screen.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-media-screen.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-missing-layers.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-missing-layers.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-modernize-arbitrary-values.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-modernize-arbitrary-values.ts
- packages/@tailwindcss-upgrade/src/codemods/config/migrate-postcss.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-prefix.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-prefix.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-preflight.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-preflight.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-simple-legacy-classes.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-simple-legacy-classes.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-tailwind-directives.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-tailwind-directives.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-theme-to-var.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-theme-to-var.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-theme-to-var.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-variant-order.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-variant-order.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-variants-directive.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-variants-directive.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate.ts
- packages/@tailwindcss-upgrade/src/utils/package-version.ts
- packages/@tailwindcss-upgrade/src/utils/packages.ts
- packages/tailwindcss/src/compat/plugin-api.ts
- packages/@tailwindcss-upgrade/src/codemods/template/prepare-config.ts
- packages/@tailwindcss-upgrade/src/utils/renderer.ts
- packages/tailwindcss/src/compat/config/resolve-config.ts
- packages/@tailwindcss-upgrade/src/utils/resolve.ts
- packages/@tailwindcss-upgrade/src/codemods/css/sort-buckets.ts
- packages/@tailwindcss-upgrade/src/utils/splice-changes-into-string.ts
- packages/@tailwindcss-upgrade/src/codemods/css/split.ts
- packages/@tailwindcss-upgrade/src/stylesheet.ts
- packages/tailwindcss/src/compat/config/types.ts
- packages/tailwindcss/src/value-parser.ts
- packages/@tailwindcss-upgrade/src/utils/version.ts
- packages/@tailwindcss-upgrade/src/utils/walk-variants.ts
- packages/@tailwindcss-upgrade/src/utils/walk.ts
Source
- packages/@tailwindcss-upgrade/src/codemods/css/analyze.ts
- packages/tailwindcss/src/compat/apply-config-to-theme.ts
- packages/tailwindcss/src/compat/apply-keyframes-to-theme.ts
- packages/@tailwindcss-upgrade/src/utils/args.test.ts
- packages/@tailwindcss-upgrade/src/utils/args.ts
- packages/@tailwindcss-upgrade/src/codemods/template/candidates.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/candidates.ts
- packages/tailwindcss/src/canonicalize-candidates.ts
- packages/tailwindcss/src/compat/container.ts
- packages/tailwindcss/src/compat/dark-mode.ts
- packages/tailwindcss/src/utils/default-map.ts
- packages/tailwindcss/src/design-system.ts
- packages/tailwindcss/src/utils/escape.ts
- packages/@tailwindcss-upgrade/src/utils/extract-static-plugins.test.ts
- packages/@tailwindcss-upgrade/src/utils/extract-static-plugins.ts
- packages/@tailwindcss-upgrade/src/codemods/css/format-nodes.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/format-nodes.ts
- packages/@tailwindcss-upgrade/src/utils/format-ns.test.ts
- packages/@tailwindcss-upgrade/src/utils/format-ns.ts
- packages/@tailwindcss-upgrade/src/utils/git.ts
- packages/@tailwindcss-upgrade/src/index.test.ts
- packages/@tailwindcss-upgrade/src/commands/help/index.ts
- packages/@tailwindcss-upgrade/src/index.ts
- packages/tailwindcss/src/utils/infer-data-type.ts
- packages/@tailwindcss-upgrade/src/codemods/template/is-safe-migration.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/is-safe-migration.ts
- packages/@tailwindcss-upgrade/src/codemods/css/link.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-arbitrary-variants.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-apply.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-apply.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-layer-utilities.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-at-layer-utilities.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-automatic-var-injection.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-automatic-var-injection.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-camelcase-in-named-value.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-camelcase-in-named-value.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-canonicalize-candidate.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-canonicalize-candidate.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-config.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-handle-empty-arbitrary-values.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-handle-empty-arbitrary-values.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-import.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-import.ts
- packages/@tailwindcss-upgrade/src/codemods/config/migrate-js-config.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-arbitrary-values.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-arbitrary-values.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-legacy-classes.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-max-width-screen.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-max-width-screen.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-media-screen.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-media-screen.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-missing-layers.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-missing-layers.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-modernize-arbitrary-values.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-modernize-arbitrary-values.ts
- packages/@tailwindcss-upgrade/src/codemods/config/migrate-postcss.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-prefix.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-prefix.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-preflight.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-preflight.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-simple-legacy-classes.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-simple-legacy-classes.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-tailwind-directives.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-tailwind-directives.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-theme-to-var.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-theme-to-var.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-theme-to-var.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-variant-order.test.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate-variant-order.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-variants-directive.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate-variants-directive.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate.test.ts
- packages/@tailwindcss-upgrade/src/codemods/css/migrate.ts
- packages/@tailwindcss-upgrade/src/codemods/template/migrate.ts
- packages/@tailwindcss-upgrade/src/utils/package-version.ts
- packages/@tailwindcss-upgrade/src/utils/packages.ts
- packages/tailwindcss/src/compat/plugin-api.ts
- packages/@tailwindcss-upgrade/src/codemods/template/prepare-config.ts
- packages/@tailwindcss-upgrade/src/utils/renderer.ts
- packages/tailwindcss/src/compat/config/resolve-config.ts
- packages/@tailwindcss-upgrade/src/utils/resolve.ts
- packages/@tailwindcss-upgrade/src/codemods/css/sort-buckets.ts
- packages/@tailwindcss-upgrade/src/utils/splice-changes-into-string.ts
- packages/@tailwindcss-upgrade/src/codemods/css/split.ts
- packages/@tailwindcss-upgrade/src/stylesheet.ts
- packages/tailwindcss/src/compat/config/types.ts
- packages/tailwindcss/src/value-parser.ts
- packages/@tailwindcss-upgrade/src/utils/version.ts
- packages/@tailwindcss-upgrade/src/utils/walk-variants.ts
- packages/@tailwindcss-upgrade/src/utils/walk.ts
Frequently Asked Questions
What is the UpgradeToolkit domain?
The UpgradeToolkit domain is an architectural grouping in the tailwindcss codebase. Utilities and codemods designed to help users migrate from Tailwind CSS v3 to v4 with automated transformations. It contains 91 source files.
What subdomains are in UpgradeToolkit?
The UpgradeToolkit domain contains 2 subdomain(s): Codemods, TemplateAnalysis.
How many files are in UpgradeToolkit?
The UpgradeToolkit domain contains 91 source files.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free