tailwindcss 0.0.0-insiders.df011dc → 0.0.0-insiders.e2d5f21

package/lib/css/preflight.css

@@ -12,6 +12,11 @@
   border-color: currentColor; /* 2 */
 }
 
+::before,
+::after {
+  --tw-content: '';
+}
+
 /*
 1. Use a consistent sensible line-height in all browsers.
 2. Prevent adjustments of font size after orientation changes in iOS.
@@ -283,7 +288,8 @@ legend {
 }
 
 ol,
-ul {
+ul,
+menu {
   list-style: none;
   margin: 0;
   padding: 0;
@@ -317,6 +323,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

@@ -1,60 +1,60 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.flagEnabled = flagEnabled;
 exports.issueFlagNotices = issueFlagNotices;
 exports.default = void 0;
-
 var _chalk = _interopRequireDefault(require("chalk"));
-
 var _log = _interopRequireDefault(require("./util/log"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const featureFlags = {
-  future: [],
-  experimental: ['optimizeUniversalDefaults']
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+let defaults = {
+    optimizeUniversalDefaults: true
+};
+let featureFlags = {
+    future: [],
+    experimental: [
+        'optimizeUniversalDefaults'
+    ]
 };
-
 function flagEnabled(config, flag) {
-  if (featureFlags.future.includes(flag)) {
-    var _config$future$flag, _config$future;
-
-    return config.future === 'all' || ((_config$future$flag = config === null || config === void 0 ? void 0 : (_config$future = config.future) === null || _config$future === void 0 ? void 0 : _config$future[flag]) !== null && _config$future$flag !== void 0 ? _config$future$flag : false);
-  }
-
-  if (featureFlags.experimental.includes(flag)) {
-    var _config$experimental$, _config$experimental;
-
-    return config.experimental === 'all' || ((_config$experimental$ = config === null || config === void 0 ? void 0 : (_config$experimental = config.experimental) === null || _config$experimental === void 0 ? void 0 : _config$experimental[flag]) !== null && _config$experimental$ !== void 0 ? _config$experimental$ : false);
-  }
-
-  return false;
+    if (featureFlags.future.includes(flag)) {
+        var ref;
+        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 ref3;
+        var ref4, ref5;
+        return config.experimental === 'all' || ((ref5 = (ref4 = config === null || config === void 0 ? void 0 : (ref3 = config.experimental) === null || ref3 === void 0 ? void 0 : ref3[flag]) !== null && ref4 !== void 0 ? ref4 : defaults[flag]) !== null && ref5 !== void 0 ? ref5 : false);
+    }
+    return false;
 }
-
 function experimentalFlagsEnabled(config) {
-  var _config$experimental2;
-
-  if (config.experimental === 'all') {
-    return featureFlags.experimental;
-  }
-
-  return Object.keys((_config$experimental2 = config === null || config === void 0 ? void 0 : config.experimental) !== null && _config$experimental2 !== void 0 ? _config$experimental2 : {}).filter(flag => featureFlags.experimental.includes(flag) && config.experimental[flag]);
+    if (config.experimental === 'all') {
+        return featureFlags.experimental;
+    }
+    var ref;
+    return Object.keys((ref = config === null || config === void 0 ? void 0 : config.experimental) !== null && ref !== void 0 ? ref : {
+    }).filter((flag)=>featureFlags.experimental.includes(flag) && config.experimental[flag]
+    );
 }
-
 function issueFlagNotices(config) {
-  if (process.env.JEST_WORKER_ID !== undefined) {
-    return;
-  }
-
-  if (experimentalFlagsEnabled(config).length > 0) {
-    const changes = experimentalFlagsEnabled(config).map(s => _chalk.default.yellow(s)).join(', ');
-
-    _log.default.warn([`You have enabled experimental features: ${changes}`, 'Experimental features are not covered by semver, may introduce breaking changes, and can change at any time.']);
-  }
+    if (process.env.JEST_WORKER_ID !== undefined) {
+        return;
+    }
+    if (experimentalFlagsEnabled(config).length > 0) {
+        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 in Tailwind CSS are not covered by semver, may introduce breaking changes, and can change at any time.', 
+        ]);
+    }
 }
-
 var _default = featureFlags;
-exports.default = _default;
+exports.default = _default;

package/lib/index.js

@@ -1,31 +1,32 @@
 "use strict";
-
 var _setupTrackingContext = _interopRequireDefault(require("./lib/setupTrackingContext"));
-
 var _setupWatchingContext = _interopRequireDefault(require("./lib/setupWatchingContext"));
-
 var _processTailwindFeatures = _interopRequireDefault(require("./processTailwindFeatures"));
-
 var _sharedState = require("./lib/sharedState");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 module.exports = function tailwindcss(configOrPath) {
-  return {
-    postcssPlugin: 'tailwindcss',
-    plugins: [_sharedState.env.DEBUG && function (root) {
-      console.log('\n');
-      console.time('JIT TOTAL');
-      return root;
-    }, function (root, result) {
-      let setupContext = _sharedState.env.TAILWIND_MODE === 'watch' ? (0, _setupWatchingContext.default)(configOrPath) : (0, _setupTrackingContext.default)(configOrPath);
-      (0, _processTailwindFeatures.default)(setupContext)(root, result);
-    }, _sharedState.env.DEBUG && function (root) {
-      console.timeEnd('JIT TOTAL');
-      console.log('\n');
-      return root;
-    }].filter(Boolean)
-  };
+    return {
+        postcssPlugin: 'tailwindcss',
+        plugins: [
+            _sharedState.env.DEBUG && function(root) {
+                console.log('\n');
+                console.time('JIT TOTAL');
+                return root;
+            },
+            function(root, result) {
+                let setupContext = _sharedState.env.TAILWIND_MODE === 'watch' ? (0, _setupWatchingContext).default(configOrPath) : (0, _setupTrackingContext).default(configOrPath);
+                (0, _processTailwindFeatures).default(setupContext)(root, result);
+            },
+            _sharedState.env.DEBUG && function(root) {
+                console.timeEnd('JIT TOTAL');
+                console.log('\n');
+                return root;
+            }, 
+        ].filter(Boolean)
+    };
 };
-
-module.exports.postcss = true;
+module.exports.postcss = true;

package/lib/lib/collapseAdjacentRules.js

@@ -1,43 +1,41 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
 exports.default = collapseAdjacentRules;
 let comparisonMap = {
-  atrule: ['name', 'params'],
-  rule: ['selector']
+    atrule: [
+        'name',
+        'params'
+    ],
+    rule: [
+        'selector'
+    ]
 };
 let types = new Set(Object.keys(comparisonMap));
-
 function collapseAdjacentRules() {
-  return root => {
-    let currentRule = null;
-    root.each(node => {
-      if (!types.has(node.type)) {
-        currentRule = null;
-        return;
-      }
-
-      if (currentRule === null) {
-        currentRule = node;
-        return;
-      }
-
-      let properties = comparisonMap[node.type];
-
-      if (node.type === 'atrule' && node.name === 'font-face') {
-        currentRule = node;
-      } else if (properties.every(property => {
-        var _node$property, _currentRule$property;
-
-        return ((_node$property = node[property]) !== null && _node$property !== void 0 ? _node$property : '').replace(/\s+/g, ' ') === ((_currentRule$property = currentRule[property]) !== null && _currentRule$property !== void 0 ? _currentRule$property : '').replace(/\s+/g, ' ');
-      })) {
-        currentRule.append(node.nodes);
-        node.remove();
-      } else {
-        currentRule = node;
-      }
-    });
-  };
-}
+    return (root)=>{
+        let currentRule = null;
+        root.each((node)=>{
+            if (!types.has(node.type)) {
+                currentRule = null;
+                return;
+            }
+            if (currentRule === null) {
+                currentRule = node;
+                return;
+            }
+            let properties = comparisonMap[node.type];
+            var _property, _property1;
+            if (node.type === 'atrule' && node.name === 'font-face') {
+                currentRule = node;
+            } else if (properties.every((property)=>((_property = node[property]) !== null && _property !== void 0 ? _property : '').replace(/\s+/g, ' ') === ((_property1 = currentRule[property]) !== null && _property1 !== void 0 ? _property1 : '').replace(/\s+/g, ' ')
+            )) {
+                currentRule.append(node.nodes);
+                node.remove();
+            } else {
+                currentRule = node;
+            }
+        });
+    };
+}

package/lib/lib/collapseDuplicateDeclarations.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = collapseDuplicateDeclarations;
+function collapseDuplicateDeclarations() {
+    return (root)=>{
+        root.walkRules((node)=>{
+            let seen = new Map();
+            let droppable = new Set([]);
+            node.walkDecls((decl)=>{
+                // This could happen if we have nested selectors. In that case the
+                // parent will loop over all its declarations but also the declarations
+                // of nested rules. With this we ensure that we are shallowly checking
+                // declarations.
+                if (decl.parent !== node) {
+                    return;
+                }
+                if (seen.has(decl.prop)) {
+                    droppable.add(seen.get(decl.prop));
+                }
+                seen.set(decl.prop, decl);
+            });
+            for (let decl1 of droppable){
+                decl1.remove();
+            }
+        });
+    };
+}

package/lib/lib/detectNesting.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.default = _default;
+function _default(_context) {
+    return (root, result)=>{
+        let found = false;
+        root.walkAtRules('tailwind', (node)=>{
+            if (found) return false;
+            if (node.parent && node.parent.type !== 'root') {
+                found = true;
+                node.warn(result, [
+                    'Nested @tailwind rules were detected, but are not supported.',
+                    "Consider using a prefix to scope Tailwind's classes: https://tailwindcss.com/docs/configuration#prefix",
+                    'Alternatively, use the important selector strategy: https://tailwindcss.com/docs/configuration#selector-strategy', 
+                ].join('\n'));
+                return false;
+            }
+        });
+        root.walkRules((rule)=>{
+            if (found) return false;
+            rule.walkRules((nestedRule)=>{
+                found = true;
+                nestedRule.warn(result, [
+                    'Nested CSS was detected, but CSS nesting has not been configured correctly.',
+                    'Please enable a CSS nesting plugin *before* Tailwind in your configuration.',
+                    'See how here: https://tailwindcss.com/docs/using-with-preprocessors#nesting', 
+                ].join('\n'));
+                return false;
+            });
+        });
+    };
+}