tailwindcss 0.0.0-insiders.cd5cb00 → 0.0.0-insiders.d07553b

package/CHANGELOG.md

@@ -7,6 +7,82 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- Nothing yet!
+
+## [3.0.2] - 2021-12-13
+
+### Fixed
+
+- Temporarily disable optimize univeral defaults ([#6461](https://github.com/tailwindlabs/tailwindcss/pull/6461))
+
+## [3.0.1] - 2021-12-10
+
+### Fixed
+
+- Ensure complex variants with multiple classes work ([#6311](https://github.com/tailwindlabs/tailwindcss/pull/6311))
+- Re-add `default` interop to public available functions ([#6348](https://github.com/tailwindlabs/tailwindcss/pull/6348))
+- Detect circular dependencies when using `@apply` ([#6365](https://github.com/tailwindlabs/tailwindcss/pull/6365))
+- Fix defaults optimization when vendor prefixes are involved ([#6369](https://github.com/tailwindlabs/tailwindcss/pull/6369))
+
+## [3.0.0] - 2021-12-09
+
+### Fixed
+
+- Enforce the order of some variants (like `before` and `after`) ([#6018](https://github.com/tailwindlabs/tailwindcss/pull/6018))
+
+### Added
+
+- Add `placeholder` variant ([#6106](https://github.com/tailwindlabs/tailwindcss/pull/6106))
+- Add composable `touch-action` utilities ([#6115](https://github.com/tailwindlabs/tailwindcss/pull/6115))
+- Add support for "arbitrary properties" ([#6161](https://github.com/tailwindlabs/tailwindcss/pull/6161))
+- Add `portrait` and `landscape` variants ([#6046](https://github.com/tailwindlabs/tailwindcss/pull/6046))
+- Add `text-decoration-style`, `text-decoration-thickness`, and `text-underline-offset` utilities ([#6004](https://github.com/tailwindlabs/tailwindcss/pull/6004))
+- Add `menu` reset to preflight ([#6213](https://github.com/tailwindlabs/tailwindcss/pull/6213))
+- Allow `0` as a valid `length` value ([#6233](https://github.com/tailwindlabs/tailwindcss/pull/6233), [#6259](https://github.com/tailwindlabs/tailwindcss/pull/6259))
+- Add CSS functions to data types ([#6258](https://github.com/tailwindlabs/tailwindcss/pull/6258))
+- Support negative values for `scale-*` utilities ([c48e629](https://github.com/tailwindlabs/tailwindcss/commit/c48e629955585ad18dadba9f470fda59cc448ab7))
+- Improve `length` data type, by validating each value individually ([#6283](https://github.com/tailwindlabs/tailwindcss/pull/6283))
+
+### Changed
+
+- Deprecate `decoration-slice` and `decoration-break` in favor `box-decoration-slice` and `box-decoration-break` _(non-breaking)_ ([#6004](https://github.com/tailwindlabs/tailwindcss/pull/6004))
+
+## [3.0.0-alpha.2] - 2021-11-08
+
+### Changed
+
+- Don't use pointer cursor on disabled buttons by default ([#5772](https://github.com/tailwindlabs/tailwindcss/pull/5772))
+- Set default content value in preflight instead of within each before/after utility ([#5820](https://github.com/tailwindlabs/tailwindcss/pull/5820))
+- Remove `prefix` as a function ([#5829](https://github.com/tailwindlabs/tailwindcss/pull/5829))
+
+### 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))
+- Add new declarative `addVariant` API ([#5809](https://github.com/tailwindlabs/tailwindcss/pull/5809))
+- Add first-class `print` variant for targeting printed media ([#5885](https://github.com/tailwindlabs/tailwindcss/pull/5885))
+- Add `outline-style`, `outline-color`, `outline-width` and `outline-offset` utilities ([#5887](https://github.com/tailwindlabs/tailwindcss/pull/5887))
+- Add full color palette for `fill-*` and `stroke-*` utilities (#5933[](https://github.com/tailwindlabs/tailwindcss/pull/5933))
+- Add composable API for colored box shadows ([#5979](https://github.com/tailwindlabs/tailwindcss/pull/5979))
+
+### 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))
+- Fix before/after utilities overriding custom content values at larger breakpoints ([#5820](https://github.com/tailwindlabs/tailwindcss/pull/5820))
+- Cleanup duplicate properties ([#5830](https://github.com/tailwindlabs/tailwindcss/pull/5830))
+- Allow `_` inside `url()` when using arbitrary values ([#5853](https://github.com/tailwindlabs/tailwindcss/pull/5853))
+- Prevent crashes when using comments in `@layer` AtRules ([#5854](https://github.com/tailwindlabs/tailwindcss/pull/5854))
+- Handle color transformations properly with `theme(...)` for all relevant plugins ([#4533](https://github.com/tailwindlabs/tailwindcss/pull/4533), [#5871](https://github.com/tailwindlabs/tailwindcss/pull/5871))
+- Ensure `@apply`-ing a utility with multiple definitions works ([#5870](https://github.com/tailwindlabs/tailwindcss/pull/5870))
+
+## [3.0.0-alpha.1] - 2021-10-01
+
 ### Changed
 
 - Remove AOT engine, make JIT the default ([#5340](https://github.com/tailwindlabs/tailwindcss/pull/5340))
@@ -21,14 +97,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))
 
@@ -38,6 +120,24 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fix using negated `content` globs ([#5625](https://github.com/tailwindlabs/tailwindcss/pull/5625))
 - Fix using backslashes in `content` globs ([#5628](https://github.com/tailwindlabs/tailwindcss/pull/5628))
 
+## [2.2.19] - 2021-10-29
+
+### Fixed
+
+- Ensure `corePlugins` order is consisent in AOT mode ([#5928](https://github.com/tailwindlabs/tailwindcss/pull/5928))
+
+## [2.2.18] - 2021-10-29
+
+### Fixed
+
+- Bump versions for security vulnerabilities ([#5924](https://github.com/tailwindlabs/tailwindcss/pull/5924))
+
+## [2.2.17] - 2021-10-13
+
+### Fixed
+
+- Configure chokidar's `awaitWriteFinish` setting to avoid occasional stale builds on Windows ([#5758](https://github.com/tailwindlabs/tailwindcss/pull/5758))
+
 ## [2.2.16] - 2021-09-26
 
 ### Fixed
@@ -1596,7 +1696,15 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.16...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.2...HEAD
+[3.0.2]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.1...v3.0.2
+[3.0.1]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.0...v3.0.1
+[3.0.0]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.0-alpha.2...v3.0.0
+[3.0.0-alpha.2]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.0-alpha.1...v3.0.0-alpha.2
+[3.0.0-alpha.1]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.19...v3.0.0-alpha.1
+[2.2.19]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.18...v2.2.19
+[2.2.18]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.17...v2.2.18
+[2.2.17]: https://github.com/tailwindlabs/tailwindcss/compare/v2.2.16...v2.2.17
 [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/colors.js

@@ -1 +1,2 @@
-module.exports = require('./lib/public/colors').default
+let colors = require('./lib/public/colors')
+module.exports = (colors.__esModule ? colors : { default: colors }).default

package/defaultConfig.js

@@ -1 +1,2 @@
-module.exports = require('./lib/public/default-config').default
+let defaultConfig = require('./lib/public/default-config')
+module.exports = (defaultConfig.__esModule ? defaultConfig : { default: defaultConfig }).default

package/defaultTheme.js

@@ -1 +1,2 @@
-module.exports = require('./lib/public/default-theme').default
+let defaultTheme = require('./lib/public/default-theme')
+module.exports = (defaultTheme.__esModule ? defaultTheme : { default: defaultTheme }).default

package/lib/cli.js

@@ -22,7 +22,7 @@ function _interopRequireDefault(obj) {
     };
 }
 let env = {
-    DEBUG: process.env.DEBUG !== undefined
+    DEBUG: process.env.DEBUG !== undefined && process.env.DEBUG !== '0'
 };
 // ---
 function indentRecursive(node, indent = 0) {
@@ -40,7 +40,7 @@ function formatNodes(root) {
         root.first.raws.before = '';
     }
 }
-function help({ message , usage , commands , options  }) {
+function help({ message , usage , commands: commands1 , options  }) {
     let indent = 2;
     // Render header
     console.log();
@@ -61,11 +61,11 @@ function help({ message , usage , commands , options  }) {
         }
     }
     // Render commands
-    if (commands && commands.length > 0) {
+    if (commands1 && commands1.length > 0) {
         console.log();
         console.log('Commands:');
-        for (let command of commands){
-            console.log(' '.repeat(indent), command);
+        for (let command1 of commands1){
+            console.log(' '.repeat(indent), command1);
         }
     }
     // Render options
@@ -86,12 +86,12 @@ function help({ message , usage , commands , options  }) {
         }
         console.log();
         console.log('Options:');
-        for (let { flags , description , deprecated  } of Object.values(groupedOptions)){
+        for (let { flags: flags1 , description , deprecated  } of Object.values(groupedOptions)){
             if (deprecated) continue;
-            if (flags.length === 1) {
-                console.log(' '.repeat(indent + 4 /* 4 = "-i, ".length */ ), flags.slice().reverse().join(', ').padEnd(20, ' '), description);
+            if (flags1.length === 1) {
+                console.log(' '.repeat(indent + 4 /* 4 = "-i, ".length */ ), flags1.slice().reverse().join(', ').padEnd(20, ' '), description);
             } else {
-                console.log(' '.repeat(indent), flags.slice().reverse().join(', ').padEnd(24, ' '), description);
+                console.log(' '.repeat(indent), flags1.slice().reverse().join(', ').padEnd(24, ' '), description);
             }
         }
     }
@@ -187,8 +187,8 @@ if (process.stdout.isTTY /* Detect redirecting output to a file */  && (process.
             'tailwindcss [--input input.css] [--output output.css] [--watch] [options...]',
             'tailwindcss init [--full] [--postcss] [options...]', 
         ],
-        commands: Object.keys(commands).filter((command)=>command !== 'build'
-        ).map((command)=>`${command} [options]`
+        commands: Object.keys(commands).filter((command2)=>command2 !== 'build'
+        ).map((command3)=>`${command3} [options]`
         ),
         options: {
             ...commands.build.args,
@@ -210,8 +210,8 @@ if (commands[command] === undefined) {
             usage: [
                 'tailwindcss <command> [options]'
             ],
-            commands: Object.keys(commands).filter((command)=>command !== 'build'
-            ).map((command)=>`${command} [options]`
+            commands: Object.keys(commands).filter((command4)=>command4 !== 'build'
+            ).map((command5)=>`${command5} [options]`
             ),
             options: sharedFlags
         });
@@ -247,16 +247,16 @@ let args = (()=>{
                 handler = flags[handler];
             }
             if (!handler) continue;
-            let args = [];
+            let args1 = [];
             let offset = i + 1;
             // Parse args for current flag
             while(result['_'][offset] && !result['_'][offset].startsWith('-')){
-                args.push(result['_'][offset++]);
+                args1.push(result['_'][offset++]);
             }
             // Cleanup manually parsed flags + args
-            result['_'].splice(i, 1 + args.length);
+            result['_'].splice(i, 1 + args1.length);
             // Set the resolved value in the `result` object
-            result[flagName] = handler.type(args.length === 0 ? undefined : args.length === 1 ? args[0] : args, flagName);
+            result[flagName] = handler.type(args1.length === 0 ? undefined : args1.length === 1 ? args1[0] : args1, flagName);
         }
         // Ensure that the `command` is always the first argument in the `args`.
         // This is important so that we don't have to check if a default command
@@ -396,15 +396,12 @@ async function build() {
             }
         }
         if (args['--content']) {
-            resolvedConfig.content = args['--content'].split(/(?<!{[^}]+),/);
+            resolvedConfig.content.files = args['--content'].split(/(?<!{[^}]+),/);
         }
         return resolvedConfig;
     }
-    function extractContent(config) {
-        return config.content.content.concat(config.content.safelist);
-    }
     function extractFileGlobs(config) {
-        return extractContent(config).filter((file)=>{
+        return config.content.files.filter((file)=>{
             // Strings in this case are files / globs. If it is something else,
             // like an object it's probably a raw content object. But this object
             // is not watchable, so let's remove it.
@@ -413,7 +410,7 @@ async function build() {
         );
     }
     function extractRawContent(config) {
-        return extractContent(config).filter((file)=>{
+        return config.content.files.filter((file)=>{
             return typeof file === 'object' && file !== null;
         });
     }
@@ -425,7 +422,7 @@ async function build() {
         for (let file of files){
             changedContent.push({
                 content: _fs.default.readFileSync(_path.default.resolve(file), 'utf8'),
-                extension: _path.default.extname(file)
+                extension: _path.default.extname(file).slice(1)
             });
         }
         // Resolve raw content in the tailwind config
@@ -513,8 +510,8 @@ async function build() {
                 console.error('Done in', (end - start) / BigInt(1000000) + 'ms.');
             });
         }
-        let css = input ? _fs.default.readFileSync(_path.default.resolve(input), 'utf8') : '@tailwind base; @tailwind components; @tailwind utilities';
-        return processCSS(css);
+        let css1 = input ? _fs.default.readFileSync(_path.default.resolve(input), 'utf8') : '@tailwind base; @tailwind components; @tailwind utilities';
+        return processCSS(css1);
     }
     let context = null;
     async function startWatcher() {
@@ -524,8 +521,8 @@ async function build() {
         let watcher = null;
         function refreshConfig() {
             env.DEBUG && console.time('Module dependencies');
-            for (let file of configDependencies){
-                delete require.cache[require.resolve(file)];
+            for (let file1 of configDependencies){
+                delete require.cache[require.resolve(file1)];
             }
             if (configPath) {
                 configDependencies = (0, _getModuleDependencies).default(configPath).map(({ file  })=>file
@@ -639,44 +636,48 @@ async function build() {
                     }
                 });
             }
-            let css = input ? _fs.default.readFileSync(_path.default.resolve(input), 'utf8') : '@tailwind base; @tailwind components; @tailwind utilities';
-            let result1 = await processCSS(css);
+            let css2 = input ? _fs.default.readFileSync(_path.default.resolve(input), 'utf8') : '@tailwind base; @tailwind components; @tailwind utilities';
+            let result1 = await processCSS(css2);
             env.DEBUG && console.timeEnd('Finished in');
             return result1;
         }
-        let config = refreshConfig(configPath);
+        let config1 = refreshConfig(configPath);
         if (input) {
             contextDependencies.add(_path.default.resolve(input));
         }
         watcher = _chokidar.default.watch([
             ...contextDependencies,
-            ...extractFileGlobs(config)
+            ...extractFileGlobs(config1)
         ], {
-            ignoreInitial: true
+            ignoreInitial: true,
+            awaitWriteFinish: process.platform === 'win32' ? {
+                stabilityThreshold: 50,
+                pollInterval: 10
+            } : false
         });
         let chain = Promise.resolve();
         watcher.on('change', async (file)=>{
             if (contextDependencies.has(file)) {
                 env.DEBUG && console.time('Resolve config');
                 context = null;
-                config = refreshConfig(configPath);
+                config1 = refreshConfig(configPath);
                 env.DEBUG && console.timeEnd('Resolve config');
                 env.DEBUG && console.time('Watch new files');
-                let globs = extractFileGlobs(config);
+                let globs = extractFileGlobs(config1);
                 watcher.add(configDependencies);
                 watcher.add(globs);
                 env.DEBUG && console.timeEnd('Watch new files');
                 chain = chain.then(async ()=>{
-                    changedContent.push(...getChangedContent(config));
-                    await rebuild(config);
+                    changedContent.push(...getChangedContent(config1));
+                    await rebuild(config1);
                 });
             } else {
                 chain = chain.then(async ()=>{
                     changedContent.push({
                         content: _fs.default.readFileSync(_path.default.resolve(file), 'utf8'),
-                        extension: _path.default.extname(file)
+                        extension: _path.default.extname(file).slice(1)
                     });
-                    await rebuild(config);
+                    await rebuild(config1);
                 });
             }
         });
@@ -684,14 +685,14 @@ async function build() {
             chain = chain.then(async ()=>{
                 changedContent.push({
                     content: _fs.default.readFileSync(_path.default.resolve(file), 'utf8'),
-                    extension: _path.default.extname(file)
+                    extension: _path.default.extname(file).slice(1)
                 });
-                await rebuild(config);
+                await rebuild(config1);
             });
         });
         chain = chain.then(()=>{
-            changedContent.push(...getChangedContent(config));
-            return rebuild(config);
+            changedContent.push(...getChangedContent(config1));
+            return rebuild(config1);
         });
     }
     if (shouldWatch) {

package/lib/constants.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-exports.simpleConfigStubFile = exports.defaultPostCssConfigFile = exports.defaultConfigStubFile = exports.supportedPostCssConfigFile = exports.cjsConfigFile = exports.supportedConfigFiles = exports.defaultPostCssConfigStubFile = exports.cli = exports.cjsPostCssConfigFile = exports.defaultConfigFile = void 0;
+exports.defaultPostCssConfigStubFile = exports.simpleConfigStubFile = exports.defaultConfigStubFile = exports.supportedPostCssConfigFile = exports.supportedConfigFiles = exports.cjsPostCssConfigFile = exports.cjsConfigFile = exports.defaultPostCssConfigFile = exports.defaultConfigFile = exports.cli = void 0;
 var _path = _interopRequireDefault(require("path"));
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {

package/lib/corePluginList.js

@@ -35,6 +35,7 @@ var _default = [
     "flex",
     "flexShrink",
     "flexGrow",
+    "flexBasis",
     "tableLayout",
     "borderCollapse",
     "transformOrigin",
@@ -124,6 +125,10 @@ var _default = [
     "textColor",
     "textOpacity",
     "textDecoration",
+    "textDecorationColor",
+    "textDecorationStyle",
+    "textDecorationThickness",
+    "textUnderlineOffset",
     "fontSmoothing",
     "placeholderColor",
     "placeholderOpacity",
@@ -133,7 +138,11 @@ var _default = [
     "backgroundBlendMode",
     "mixBlendMode",
     "boxShadow",
-    "outline",
+    "boxShadowColor",
+    "outlineStyle",
+    "outlineWidth",
+    "outlineOffset",
+    "outlineColor",
     "ringWidth",
     "ringColor",
     "ringOpacity",