tailwindcss 2.0.1-compat → 2.0.4

package/stubs/defaultConfig.stub.js

@@ -141,6 +141,7 @@ module.exports = {
       wait: 'wait',
       text: 'text',
       move: 'move',
+      help: 'help',
       'not-allowed': 'not-allowed',
     },
     divideColor: (theme) => theme('borderColor'),
@@ -308,17 +309,6 @@ module.exports = {
       6: '6',
       7: '7',
     },
-    transformOrigin: {
-      center: 'center',
-      top: 'top',
-      'top-right': 'top right',
-      right: 'right',
-      'bottom-right': 'bottom right',
-      bottom: 'bottom',
-      'bottom-left': 'bottom left',
-      left: 'left',
-      'top-left': 'top left',
-    },
     gridTemplateColumns: {
       none: 'none',
       1: 'repeat(1, minmax(0, 1fr))',
@@ -616,8 +606,18 @@ module.exports = {
     },
     textColor: (theme) => theme('colors'),
     textOpacity: (theme) => theme('opacity'),
-    transitionDuration: {
-      DEFAULT: '150ms',
+    transformOrigin: {
+      center: 'center',
+      top: 'top',
+      'top-right': 'top right',
+      right: 'right',
+      'bottom-right': 'bottom right',
+      bottom: 'bottom',
+      'bottom-left': 'bottom left',
+      left: 'left',
+      'top-left': 'top left',
+    },
+    transitionDelay: {
       75: '75ms',
       100: '100ms',
       150: '150ms',
@@ -627,7 +627,8 @@ module.exports = {
       700: '700ms',
       1000: '1000ms',
     },
-    transitionDelay: {
+    transitionDuration: {
+      DEFAULT: '150ms',
       75: '75ms',
       100: '100ms',
       150: '150ms',
@@ -742,13 +743,13 @@ module.exports = {
     backgroundClip: ['responsive'],
     backgroundColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
     backgroundImage: ['responsive'],
-    backgroundOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
+    backgroundOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
     backgroundPosition: ['responsive'],
     backgroundRepeat: ['responsive'],
     backgroundSize: ['responsive'],
     borderCollapse: ['responsive'],
     borderColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
-    borderOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
+    borderOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
     borderRadius: ['responsive'],
     borderStyle: ['responsive'],
     borderWidth: ['responsive'],
@@ -759,7 +760,7 @@ module.exports = {
     cursor: ['responsive'],
     display: ['responsive'],
     divideColor: ['responsive', 'dark'],
-    divideOpacity: ['responsive'],
+    divideOpacity: ['responsive', 'dark'],
     divideStyle: ['responsive'],
     divideWidth: ['responsive'],
     fill: ['responsive'],
@@ -814,14 +815,14 @@ module.exports = {
     placeItems: ['responsive'],
     placeSelf: ['responsive'],
     placeholderColor: ['responsive', 'dark', 'focus'],
-    placeholderOpacity: ['responsive', 'focus'],
+    placeholderOpacity: ['responsive', 'dark', 'focus'],
     pointerEvents: ['responsive'],
     position: ['responsive'],
     resize: ['responsive'],
     ringColor: ['responsive', 'dark', 'focus-within', 'focus'],
     ringOffsetColor: ['responsive', 'dark', 'focus-within', 'focus'],
     ringOffsetWidth: ['responsive', 'focus-within', 'focus'],
-    ringOpacity: ['responsive', 'focus-within', 'focus'],
+    ringOpacity: ['responsive', 'dark', 'focus-within', 'focus'],
     ringWidth: ['responsive', 'focus-within', 'focus'],
     rotate: ['responsive', 'hover', 'focus'],
     scale: ['responsive', 'hover', 'focus'],
@@ -833,7 +834,7 @@ module.exports = {
     textAlign: ['responsive'],
     textColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
     textDecoration: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
-    textOpacity: ['responsive', 'group-hover', 'focus-within', 'hover', 'focus'],
+    textOpacity: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'],
     textOverflow: ['responsive'],
     textTransform: ['responsive'],
     transform: ['responsive'],

package/lib/index.postcss8.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _path = _interopRequireDefault(require("path"));
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _getModuleDependencies = _interopRequireDefault(require("./lib/getModuleDependencies"));
-
-var _registerConfigAsDependency = _interopRequireDefault(require("./lib/registerConfigAsDependency"));
-
-var _processTailwindFeatures = _interopRequireDefault(require("./processTailwindFeatures"));
-
-var _formatCSS = _interopRequireDefault(require("./lib/formatCSS"));
-
-var _resolveConfig = _interopRequireDefault(require("./util/resolveConfig"));
-
-var _getAllConfigs = _interopRequireDefault(require("./util/getAllConfigs"));
-
-var _constants = require("./constants");
-
-var _defaultConfigStub = _interopRequireDefault(require("../stubs/defaultConfig.stub.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function resolveConfigPath(filePath) {
-  // require('tailwindcss')({ theme: ..., variants: ... })
-  if (_lodash.default.isObject(filePath) && !_lodash.default.has(filePath, 'config') && !_lodash.default.isEmpty(filePath)) {
-    return undefined;
-  } // require('tailwindcss')({ config: 'custom-config.js' })
-
-
-  if (_lodash.default.isObject(filePath) && _lodash.default.has(filePath, 'config') && _lodash.default.isString(filePath.config)) {
-    return _path.default.resolve(filePath.config);
-  } // require('tailwindcss')({ config: { theme: ..., variants: ... } })
-
-
-  if (_lodash.default.isObject(filePath) && _lodash.default.has(filePath, 'config') && _lodash.default.isObject(filePath.config)) {
-    return undefined;
-  } // require('tailwindcss')('custom-config.js')
-
-
-  if (_lodash.default.isString(filePath)) {
-    return _path.default.resolve(filePath);
-  } // require('tailwindcss')
-
-
-  try {
-    const defaultConfigPath = _path.default.resolve(_constants.defaultConfigFile);
-
-    _fs.default.accessSync(defaultConfigPath);
-
-    return defaultConfigPath;
-  } catch (err) {
-    return undefined;
-  }
-}
-
-const getConfigFunction = config => () => {
-  if (_lodash.default.isUndefined(config)) {
-    return (0, _resolveConfig.default)([...(0, _getAllConfigs.default)(_defaultConfigStub.default)]);
-  } // Skip this if Jest is running: https://github.com/facebook/jest/pull/9841#issuecomment-621417584
-
-
-  if (process.env.JEST_WORKER_ID === undefined) {
-    if (!_lodash.default.isObject(config)) {
-      (0, _getModuleDependencies.default)(config).forEach(mdl => {
-        delete require.cache[require.resolve(mdl.file)];
-      });
-    }
-  }
-
-  const configObject = _lodash.default.isObject(config) ? _lodash.default.get(config, 'config', config) : require(config);
-  return (0, _resolveConfig.default)([...(0, _getAllConfigs.default)(configObject)]);
-};
-
-module.exports = function (config) {
-  const plugins = [];
-  const resolvedConfigPath = resolveConfigPath(config);
-
-  if (!_lodash.default.isUndefined(resolvedConfigPath)) {
-    plugins.push((0, _registerConfigAsDependency.default)(resolvedConfigPath));
-  }
-
-  return {
-    postcssPlugin: 'tailwindcss',
-    plugins: [...plugins, (0, _processTailwindFeatures.default)(getConfigFunction(resolvedConfigPath || config)), _formatCSS.default]
-  };
-};
-
-module.exports.postcss = true;

package/tailwind.config.js

@@ -1,9 +0,0 @@
-module.exports = {
-  purge: [],
-  darkMode: false, // or 'media' or 'class'
-  theme: {
-    extend: {},
-  },
-  variants: {},
-  plugins: [],
-}