Warp DS Migrate plugin - a UnoCSS preset

This plugin can be useful when migrating from Fabric to Warp Design System, or from version 1 to version 2 of Warp. It will detect all deprecated CSS utility classes and print warnings with useful hints in the terminal.

Use in the application

Install the plugin

This UnoCSS preset is available via NPM.

npm install -D @warp-ds/preset-migrate

Add the plugin to your Uno config

import { defineConfig } from 'unocss';
import { presetWarp } from '@warp-ds/uno';
import { presetMigrate } from '@warp-ds/preset-migrate';

export default defineConfig({
  presets: [
    presetWarp(),
    presetMigrate()
  ]
});

Use through command line

You can also check if a CSS utility class is deprecated using the pnpm dev (or node index.js) command in your terminal.

Example

pnpm dev focus-ring

This example prints the following output:

[REPLACED] focus-ring -> focusable ->

Releases

This project uses Semantic Release to automate package publishing when pushing changes to the master branch.

Follow conventional commits when making changes. The version published will depend on your commit message structure. You can use commitizen to help follow this structure:

npm install -g commitizen

When installed, you should be able to type cz or git cz in your terminal to commit your changes (replacing git commit).