tailwindcss 0.0.0-insiders.bd21bef → 0.0.0-insiders.be36eba

package/CHANGELOG.md

@@ -9,6 +9,27 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Don't use pointer cursor on disabled buttons by default ([#5772](https://github.com/tailwindlabs/tailwindcss/pull/5772))
+
+### Added
+
+- Add `flex-basis` utilities ([#5671](https://github.com/tailwindlabs/tailwindcss/pull/5671))
+- Make negative values a first-class feature ([#5709](https://github.com/tailwindlabs/tailwindcss/pull/5709))
+- Add `fit-content` values for `min/max-width/height` utilities ([#5638](https://github.com/tailwindlabs/tailwindcss/pull/5638))
+- Add `min/max-content` values for `min/max-height` utilities ([#5729](https://github.com/tailwindlabs/tailwindcss/pull/5729))
+- Add all standard `cursor-*` values by default ([#5734](https://github.com/tailwindlabs/tailwindcss/pull/5734))
+- Add `grow-*` and `shrink-*` utilities, deprecate `flex-grow-*` and `flex-shrink-*` ([#5733](https://github.com/tailwindlabs/tailwindcss/pull/5733))
+- Add `text-decoration-color` utilities ([#5760](https://github.com/tailwindlabs/tailwindcss/pull/5760))
+
+### Fixed
+
+- Configure chokidar's `awaitWriteFinish` setting to avoid occasional stale builds on Windows ([#5774](https://github.com/tailwindlabs/tailwindcss/pull/5774))
+- Fix CLI `--content` option ([#5775](https://github.com/tailwindlabs/tailwindcss/pull/5775))
+
+## [3.0.0-alpha.1] - 2021-10-01
+
+### Changed
+
 - Remove AOT engine, make JIT the default ([#5340](https://github.com/tailwindlabs/tailwindcss/pull/5340))
 - Throw when trying to `@apply` the `group` class ([#4666](https://github.com/tailwindlabs/tailwindcss/pull/4666))
 - Remove dependency on `modern-normalize`, inline and consolidate with Preflight ([#5358](https://github.com/tailwindlabs/tailwindcss/pull/5358))
@@ -21,14 +42,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add native `aspect-ratio` utilities ([#5359](https://github.com/tailwindlabs/tailwindcss/pull/5359))
 - Unify config callback helpers into single object ([#5382](https://github.com/tailwindlabs/tailwindcss/pull/5382))
 - Preserve original color format when adding opacity whenever possible ([#5154](https://github.com/tailwindlabs/tailwindcss/pull/5154))
+- Add `accent-color` utilities ([#5387](https://github.com/tailwindlabs/tailwindcss/pull/5387))
 - Add `scroll-behavior` utilities ([#5388](https://github.com/tailwindlabs/tailwindcss/pull/5388))
+- Add `will-change` utilities ([#5448](https://github.com/tailwindlabs/tailwindcss/pull/5448))
+- Add `text-indent` utilities ([#5449](https://github.com/tailwindlabs/tailwindcss/pull/5449))
+- Add `column` utilities ([#5457](https://github.com/tailwindlabs/tailwindcss/pull/5457))
 - Add `border-hidden` utility ([#5485](https://github.com/tailwindlabs/tailwindcss/pull/5485))
 - Add `align-sub` and `align-super` utilities by default ([#5486](https://github.com/tailwindlabs/tailwindcss/pull/5486))
 - Add `break-before`, `break-inside` and `break-after` utilities ([#5530](https://github.com/tailwindlabs/tailwindcss/pull/5530))
 - Add `file` variant for `::file-selector-button` pseudo element ([#4936](https://github.com/tailwindlabs/tailwindcss/pull/4936))
+- Add comprehensive arbitrary value support ([#5568](https://github.com/tailwindlabs/tailwindcss/pull/5568))
 - Add `touch-action` utilities ([#5603](https://github.com/tailwindlabs/tailwindcss/pull/5603))
 - Add `inherit` to default color palette ([#5597](https://github.com/tailwindlabs/tailwindcss/pull/5597))
 - Add `overflow-clip`, `overflow-x-clip` and `overflow-y-clip` utilities ([#5630](https://github.com/tailwindlabs/tailwindcss/pull/5630))
+- Add `[open]` variant ([#5627](https://github.com/tailwindlabs/tailwindcss/pull/5627))
 - Add `scroll-snap` utilities ([#5637](https://github.com/tailwindlabs/tailwindcss/pull/5637))
 - Add `border-x` and `border-y` width and color utilities ([#5639](https://github.com/tailwindlabs/tailwindcss/pull/5639))
 
@@ -1596,7 +1623,8 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.16...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.0-alpha.1...HEAD
+[3.0.0-alpha.1]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.16...v3.0.0-alpha.1
 [2.2.16]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.15...v2.2.16
 [2.2.15]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.14...v2.2.15
 [2.2.14]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.13...v2.2.14

package/lib/cli.js

@@ -396,7 +396,7 @@ async function build() {
             }
         }
         if (args['--content']) {
-            resolvedConfig.content = args['--content'].split(/(?<!{[^}]+),/);
+            resolvedConfig.content.files = args['--content'].split(/(?<!{[^}]+),/);
         }
         return resolvedConfig;
     }
@@ -649,7 +649,11 @@ async function build() {
             ...contextDependencies,
             ...extractFileGlobs(config)
         ], {
-            ignoreInitial: true
+            ignoreInitial: true,
+            awaitWriteFinish: process.platform === 'win32' ? {
+                stabilityThreshold: 50,
+                pollInterval: 10
+            } : false
         });
         let chain = Promise.resolve();
         watcher.on('change', async (file)=>{

package/lib/corePluginList.js

@@ -35,6 +35,7 @@ var _default = [
     "flex",
     "flexShrink",
     "flexGrow",
+    "flexBasis",
     "tableLayout",
     "borderCollapse",
     "transformOrigin",
@@ -124,6 +125,7 @@ var _default = [
     "textColor",
     "textOpacity",
     "textDecoration",
+    "textDecorationColor",
     "fontSmoothing",
     "placeholderColor",
     "placeholderOpacity",

package/lib/corePlugins.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.variantPlugins = exports.corePlugins = void 0;
 var _fs = _interopRequireDefault(require("fs"));
+var path = _interopRequireWildcard(require("path"));
 var _postcss = _interopRequireDefault(require("postcss"));
 var _createUtilityPlugin = _interopRequireDefault(require("./util/createUtilityPlugin"));
 var _buildMediaQuery = _interopRequireDefault(require("./util/buildMediaQuery"));
@@ -273,8 +274,8 @@ let variantPlugins = {
         if (mode === false) {
             mode = 'media';
             _log.default.warn('darkmode-false', [
-                '`darkMode` is set to `false` in your config.',
-                'This will behave just like the `media` value.', 
+                'The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.',
+                'Change `darkMode` to `media` or remove it entirely.', 
             ]);
         }
         if (mode === 'class') {
@@ -317,7 +318,7 @@ let variantPlugins = {
 exports.variantPlugins = variantPlugins;
 let corePlugins = {
     preflight: ({ addBase  })=>{
-        let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(`${__dirname}/css/preflight.css`, 'utf8'));
+        let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, './css/preflight.css'), 'utf8'));
         addBase([
             _postcss.default.comment({
                 text: `! tailwindcss v${_packageJson.version} | MIT License | https://tailwindcss.com`
@@ -539,7 +540,9 @@ let corePlugins = {
                 ]
             ], 
         ], 
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     isolation: ({ addUtilities  })=>{
         addUtilities({
             '.isolate': {
@@ -557,8 +560,12 @@ let corePlugins = {
                 'zIndex'
             ]
         ]
-    ]),
-    order: (0, _createUtilityPlugin).default('order'),
+    ], {
+        supportsNegativeValues: true
+    }),
+    order: (0, _createUtilityPlugin).default('order', undefined, {
+        supportsNegativeValues: true
+    }),
     gridColumn: (0, _createUtilityPlugin).default('gridColumn', [
         [
             'col',
@@ -685,7 +692,9 @@ let corePlugins = {
                 ]
             ], 
         ], 
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     boxSizing: ({ addUtilities  })=>{
         addUtilities({
             '.box-border': {
@@ -826,7 +835,13 @@ let corePlugins = {
             [
                 'flex-shrink'
             ]
-        ]
+        ],
+        [
+            'shrink',
+            [
+                'flex-shrink'
+            ]
+        ], 
     ]),
     flexGrow: (0, _createUtilityPlugin).default('flexGrow', [
         [
@@ -834,6 +849,20 @@ let corePlugins = {
             [
                 'flex-grow'
             ]
+        ],
+        [
+            'grow',
+            [
+                'flex-grow'
+            ]
+        ], 
+    ]),
+    flexBasis: (0, _createUtilityPlugin).default('flexBasis', [
+        [
+            'basis',
+            [
+                'flex-basis'
+            ]
         ]
     ]),
     tableLayout: ({ addUtilities  })=>{
@@ -897,7 +926,9 @@ let corePlugins = {
                 ], 
             ], 
         ], 
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     rotate: (0, _createUtilityPlugin).default('rotate', [
         [
             'rotate',
@@ -912,9 +943,11 @@ let corePlugins = {
                     'transform',
                     'var(--tw-transform)'
                 ]
-            ]
+            ], 
         ], 
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     skew: (0, _createUtilityPlugin).default('skew', [
         [
             [
@@ -948,7 +981,9 @@ let corePlugins = {
                 ], 
             ], 
         ], 
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     scale: (0, _createUtilityPlugin).default('scale', [
         [
             'scale',
@@ -1260,7 +1295,9 @@ let corePlugins = {
                 ]
             ], 
         ], 
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     scrollPadding: (0, _createUtilityPlugin).default('scrollPadding', [
         [
             'scroll-p',
@@ -1658,7 +1695,8 @@ let corePlugins = {
                 };
             }
         }, {
-            values: theme('space')
+            values: theme('space'),
+            supportsNegativeValues: true
         });
         addUtilities({
             '.space-y-reverse > :not([hidden]) ~ :not([hidden])': {
@@ -2608,7 +2646,9 @@ let corePlugins = {
                 'text-indent'
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     verticalAlign: ({ addUtilities , matchUtilities  })=>{
         addUtilities({
             '.align-baseline': {
@@ -2780,7 +2820,9 @@ let corePlugins = {
                 'letterSpacing'
             ]
         ]
-    ]),
+    ], {
+        supportsNegativeValues: true
+    }),
     textColor: ({ matchUtilities , theme , corePlugins  })=>{
         matchUtilities({
             text: (value)=>{
@@ -2821,6 +2863,21 @@ let corePlugins = {
             }
         });
     },
+    textDecorationColor: ({ matchUtilities , theme  })=>{
+        matchUtilities({
+            decoration: (value)=>{
+                return {
+                    'text-decoration-color': (0, _toColorValue).default(value)
+                };
+            }
+        }, {
+            values: (0, _flattenColorPalette).default(theme('textDecorationColor')),
+            type: [
+                'color',
+                'any'
+            ]
+        });
+    },
     fontSmoothing: ({ addUtilities  })=>{
         addUtilities({
             '.antialiased': {
@@ -3229,7 +3286,8 @@ let corePlugins = {
                 };
             }
         }, {
-            values: theme('hueRotate')
+            values: theme('hueRotate'),
+            supportsNegativeValues: true
         });
     },
     invert: ({ matchUtilities , theme  })=>{
@@ -3377,7 +3435,8 @@ let corePlugins = {
                 };
             }
         }, {
-            values: theme('backdropHueRotate')
+            values: theme('backdropHueRotate'),
+            supportsNegativeValues: true
         });
     },
     backdropInvert: ({ matchUtilities , theme  })=>{

package/lib/css/preflight.css

@@ -317,6 +317,13 @@ button,
   cursor: pointer;
 }
 
+/*
+Make sure disabled buttons don't get the pointer cursor.
+*/
+:disabled {
+  cursor: default;
+}
+
 /*
 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)

package/lib/featureFlags.js

@@ -12,7 +12,10 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-const featureFlags = {
+let defaults = {
+    optimizeUniversalDefaults: true
+};
+let featureFlags = {
     future: [],
     experimental: [
         'optimizeUniversalDefaults'
@@ -21,13 +24,13 @@ const featureFlags = {
 function flagEnabled(config, flag) {
     if (featureFlags.future.includes(flag)) {
         var ref;
-        var ref1;
-        return config.future === 'all' || ((ref1 = config === null || config === void 0 ? void 0 : (ref = config.future) === null || ref === void 0 ? void 0 : ref[flag]) !== null && ref1 !== void 0 ? ref1 : false);
+        var ref1, ref2;
+        return config.future === 'all' || ((ref2 = (ref1 = config === null || config === void 0 ? void 0 : (ref = config.future) === null || ref === void 0 ? void 0 : ref[flag]) !== null && ref1 !== void 0 ? ref1 : defaults[flag]) !== null && ref2 !== void 0 ? ref2 : false);
     }
     if (featureFlags.experimental.includes(flag)) {
         var ref;
-        var ref5;
-        return config.experimental === 'all' || ((ref5 = config === null || config === void 0 ? void 0 : (ref = config.experimental) === null || ref === void 0 ? void 0 : ref[flag]) !== null && ref5 !== void 0 ? ref5 : false);
+        var ref11, ref12;
+        return config.experimental === 'all' || ((ref12 = (ref11 = config === null || config === void 0 ? void 0 : (ref = config.experimental) === null || ref === void 0 ? void 0 : ref[flag]) !== null && ref11 !== void 0 ? ref11 : defaults[flag]) !== null && ref12 !== void 0 ? ref12 : false);
     }
     return false;
 }
@@ -45,11 +48,11 @@ function issueFlagNotices(config) {
         return;
     }
     if (experimentalFlagsEnabled(config).length > 0) {
-        const changes = experimentalFlagsEnabled(config).map((s)=>_chalk.default.yellow(s)
+        let changes = experimentalFlagsEnabled(config).map((s)=>_chalk.default.yellow(s)
         ).join(', ');
         _log.default.warn('experimental-flags-enabled', [
             `You have enabled experimental features: ${changes}`,
-            'Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.', 
+            'Experimental features in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time.', 
         ]);
     }
 }

package/lib/lib/expandTailwindAtRules.js

@@ -230,7 +230,6 @@ function expandTailwindAtRules(context) {
         if (env.DEBUG) {
             console.log('Potential classes: ', candidates.size);
             console.log('Active contexts: ', sharedState.contextSourcesMap.size);
-            console.log('Content match entries', contentMatchCache.size);
         }
         // Clear the cache for the changed files
         context.changedContent = [];

package/lib/lib/generateRules.js

@@ -204,6 +204,12 @@ function* resolveMatchedPlugins(classCandidate, context) {
         negative = true;
         candidatePrefix = twConfigPrefix + candidatePrefix.slice(twConfigPrefixLen + 1);
     }
+    if (negative && context.candidateRuleMap.has(candidatePrefix)) {
+        yield [
+            context.candidateRuleMap.get(candidatePrefix),
+            '-DEFAULT'
+        ];
+    }
     for (let [prefix, modifier] of candidatePermutations(candidatePrefix)){
         if (context.candidateRuleMap.has(prefix)) {
             yield [
@@ -261,7 +267,7 @@ function* resolveMatches(candidate, context) {
                         ]);
                     }
                 }
-            } else if (modifier === 'DEFAULT') {
+            } else if (modifier === 'DEFAULT' || modifier === '-DEFAULT') {
                 let ruleSet = plugin;
                 let [rules, options] = parseRules(ruleSet, context.postCssNodeCache);
                 for (let rule of rules){
@@ -315,16 +321,14 @@ function* resolveMatches(candidate, context) {
                         ) // Re-indent
                         .join('\n')
                     ).join('\n\n');
-                    messages.push(`  - Replace "${candidate}" with "${candidate.replace('[', `[${type}:`)}" for:\n${rules}\n`);
+                    messages.push(`  Use \`${candidate.replace('[', `[${type}:`)}\` for \`${rules.trim()}\``);
                     break;
                 }
             }
             _log.default.warn([
-                // TODO: Update URL
-                `The class "${candidate}" is ambiguous and matches multiple utilities. Use a type hint (https://tailwindcss.com/docs/just-in-time-mode#ambiguous-values) to fix this.`,
-                '',
+                `The class \`${candidate}\` is ambiguous and matches multiple utilities.`,
                 ...messages,
-                `If this is just part of your content and not a class, replace it with "${candidate.replace('[', '[').replace(']', ']')}" to silence this warning.`, 
+                `If this is content and not a class, replace it with \`${candidate.replace('[', '[').replace(']', ']')}\` to silence this warning.`, 
             ]);
             continue;
         }

package/lib/lib/normalizeTailwindDirectives.js

@@ -44,7 +44,8 @@ function normalizeTailwindDirectives(root) {
                 'variants'
             ].includes(atRule.name)) {
                 _log.default.warn(`${atRule.name}-at-rule-deprecated`, [
-                    `'@${atRule.name}' is deprecated, use '@layer utilities' or '@layer components' instead.`, 
+                    `The \`@${atRule.name}\` directive has been deprecated in Tailwind CSS v3.0.`,
+                    `Use \`@layer utilities\` or \`@layer components\` instead.`, 
                 ]);
             }
             layerDirectives.add(atRule);

package/lib/lib/resolveDefaultsAtRules.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", {
     value: true
 });
 exports.default = resolveDefaultsAtRules;
+exports.elementSelectorParser = void 0;
 var _postcss = _interopRequireDefault(require("postcss"));
 var _postcssSelectorParser = _interopRequireDefault(require("postcss-selector-parser"));
 var _featureFlags = require("../featureFlags");
@@ -11,58 +12,53 @@ function _interopRequireDefault(obj) {
         default: obj
     };
 }
-function isPseudoElement(n) {
-    if (n.type !== 'pseudo') {
-        return false;
+let getNode = {
+    id (node) {
+        return _postcssSelectorParser.default.attribute({
+            attribute: 'id',
+            operator: '=',
+            value: node.value,
+            quoteMark: '"'
+        });
     }
-    return n.value.startsWith('::') || [
-        ':before',
-        ':after',
-        ':first-line',
-        ':first-letter'
-    ].includes(n.value);
-}
+};
 function minimumImpactSelector(nodes) {
-    let rest = nodes// Keep all pseudo & combinator types (:not([hidden]) ~ :not([hidden]))
-    .filter((n)=>n.type === 'pseudo' || n.type === 'combinator'
-    )// Remove leading pseudo's (:hover, :focus, ...)
-    .filter((n, idx, all)=>{
-        // Keep pseudo elements
-        if (isPseudoElement(n)) return true;
-        if (idx === 0 && n.type === 'pseudo') return false;
-        if (idx > 0 && n.type === 'pseudo' && all[idx - 1].type === 'pseudo') return false;
-        return true;
-    });
-    let [bestNode] = nodes;
-    for (let [type, getNode = (n)=>n
-    ] of [
-        [
-            'class'
-        ],
-        [
-            'id',
-            (n)=>_postcssSelectorParser.default.attribute({
-                    attribute: 'id',
-                    operator: '=',
-                    value: n.value,
-                    quoteMark: '"'
-                })
-            , 
-        ],
-        [
-            'attribute'
-        ], 
-    ]){
-        let match = nodes.find((n)=>n.type === type
-        );
-        if (match) {
-            bestNode = getNode(match);
-            break;
-        }
+    let rest = nodes.filter((node)=>{
+        // Keep non-pseudo nodes
+        if (node.type !== 'pseudo') return true;
+        // Keep pseudo nodes that have subnodes
+        // E.g.: `:not()` contains subnodes inside the parentheses
+        if (node.nodes.length > 0) return true;
+        // Keep pseudo `elements`
+        // This implicitly means that we ignore pseudo `classes`
+        return node.value.startsWith('::') || [
+            ':before',
+            ':after',
+            ':first-line',
+            ':first-letter'
+        ].includes(node.value);
+    }).reverse();
+    let searchFor = new Set([
+        'tag',
+        'class',
+        'id',
+        'attribute'
+    ]);
+    let splitPointIdx = rest.findIndex((n)=>searchFor.has(n.type)
+    );
+    if (splitPointIdx === -1) return rest.reverse().join('').trim();
+    let node = rest[splitPointIdx];
+    let bestNode = getNode[node.type] ? getNode[node.type](node) : node;
+    rest = rest.slice(0, splitPointIdx);
+    let combinatorIdx = rest.findIndex((n)=>n.type === 'combinator' && n.value === '>'
+    );
+    if (combinatorIdx !== -1) {
+        rest.splice(0, combinatorIdx);
+        rest.unshift(_postcssSelectorParser.default.universal());
     }
     return [
         bestNode,
-        ...rest
+        ...rest.reverse()
     ].join('').trim();
 }
 let elementSelectorParser = (0, _postcssSelectorParser).default((selectors)=>{
@@ -72,6 +68,7 @@ let elementSelectorParser = (0, _postcssSelectorParser).default((selectors)=>{
         return minimumImpactSelector(nodes);
     });
 });
+exports.elementSelectorParser = elementSelectorParser;
 let cache = new Map();
 function extractElementSelector(selector) {
     if (!cache.has(selector)) {

package/lib/lib/setupContextUtils.js

@@ -22,6 +22,7 @@ var _corePlugins = require("../corePlugins");
 var sharedState = _interopRequireWildcard(require("./sharedState"));
 var _toPath = require("../util/toPath");
 var _log = _interopRequireDefault(require("../util/log"));
+var _negateValue = _interopRequireDefault(require("../util/negateValue"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -351,19 +352,12 @@ function buildPluginApi(tailwindConfig, context, { variantList , variantMap , of
                 function wrapped(modifier, { isOnlyPlugin  }) {
                     let { type ='any'  } = options;
                     type = [].concat(type);
-                    let [value, coercedType] = (0, _pluginUtils).coerceValue(type, modifier, options.values, tailwindConfig);
+                    let [value, coercedType] = (0, _pluginUtils).coerceValue(type, modifier, options, tailwindConfig);
                     if (value === undefined) {
                         return [];
                     }
-                    if (!type.includes(coercedType)) {
-                        if (isOnlyPlugin) {
-                            _log.default.warn([
-                                `Unnecessary typehint \`${coercedType}\` in \`${identifier}-${modifier}\`.`,
-                                `You can safely update it to \`${identifier}-${modifier.replace(coercedType + ':', '')}\`.`, 
-                            ]);
-                        } else {
-                            return [];
-                        }
+                    if (!type.includes(coercedType) && !isOnlyPlugin) {
+                        return [];
                     }
                     if (!isValidArbitraryValue(value)) {
                         return [];
@@ -408,7 +402,7 @@ function buildPluginApi(tailwindConfig, context, { variantList , variantMap , of
                 function wrapped(modifier, { isOnlyPlugin  }) {
                     let { type ='any'  } = options;
                     type = [].concat(type);
-                    let [value, coercedType] = (0, _pluginUtils).coerceValue(type, modifier, options.values, tailwindConfig);
+                    let [value, coercedType] = (0, _pluginUtils).coerceValue(type, modifier, options, tailwindConfig);
                     if (value === undefined) {
                         return [];
                     }
@@ -651,9 +645,8 @@ function registerPlugins(plugins, context) {
             }
             if (value instanceof RegExp) {
                 _log.default.warn('root-regex', [
-                    // TODO: Improve this warning message
-                    'RegExp in the safelist option is not supported.',
-                    'Please use the object syntax instead: https://tailwindcss.com/docs/...', 
+                    'Regular expressions in `safelist` work differently in Tailwind CSS v3.0.',
+                    'Update your `safelist` configuration to eliminate this warning.'
                 ]);
                 continue;
             }
@@ -697,9 +690,8 @@ function registerPlugins(plugins, context) {
             for (let [regex, count] of patternMatchingCount.entries()){
                 if (count !== 0) continue;
                 _log.default.warn([
-                    // TODO: Improve this warning message
-                    `You have a regex pattern in your "safelist" config (${regex}) that doesn't match any utilities.`,
-                    'For more info, visit https://tailwindcss.com/docs/...', 
+                    `The safelist pattern \`${regex}\` doesn't match any Tailwind CSS classes.`,
+                    'Fix this pattern or remove it from your `safelist` configuration.', 
                 ]);
             }
         }
@@ -711,11 +703,16 @@ function registerPlugins(plugins, context) {
         for (let util of classList){
             if (Array.isArray(util)) {
                 let [utilName, options] = util;
+                let negativeClasses = [];
                 var ref;
-                for (let value of Object.keys((ref = options === null || options === void 0 ? void 0 : options.values) !== null && ref !== void 0 ? ref : {
+                for (let [key, value] of Object.entries((ref = options === null || options === void 0 ? void 0 : options.values) !== null && ref !== void 0 ? ref : {
                 })){
-                    output.push((0, _nameClass).formatClass(utilName, value));
+                    output.push((0, _nameClass).formatClass(utilName, key));
+                    if ((options === null || options === void 0 ? void 0 : options.supportsNegativeValues) && (0, _negateValue).default(value)) {
+                        negativeClasses.push((0, _nameClass).formatClass(utilName, `-${key}`));
+                    }
                 }
+                output.push(...negativeClasses);
             } else {
                 output.push(util);
             }

package/lib/lib/setupWatchingContext.js

@@ -75,7 +75,11 @@ function rebootWatcher(context, configPath, configDependencies, candidateFiles)
             ...candidateFiles,
             ...configDependencies
         ], {
-            ignoreInitial: true
+            ignoreInitial: true,
+            awaitWriteFinish: process.platform === 'win32' ? {
+                stabilityThreshold: 50,
+                pollInterval: 10
+            } : false
         });
         setWatcher(context, watcher);
         watcher.on('add', (file)=>{