tailwindcss 1.9.2 → 1.9.6

package/CHANGELOG.md

@@ -7,6 +7,40 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- Nothing yet!
+
+## [1.9.6]
+
+### Changed
+
+- The `presets` feature had unexpected behavior where a preset config without its own `presets` key would not extend the default config. ([#2662](https://github.com/tailwindlabs/tailwindcss/pull/2662))
+
+  If you were depending on this unexpected behavior, just add `presets: []` to your own preset to exclude the default configuration.
+
+## [1.9.5]
+
+### Fixed
+
+-  Fix issue where using `theme` with default line-heights did not resolve correctly
+
+## [1.9.4]
+
+### Fixed
+
+- Fix issue changing plugins defined using the `withOptions` API would not trigger rebuilds in watch processes
+
+## [1.9.3]
+
+### Fixed
+
+- Fix issue where `tailwindcss init --full` scaffolded a corrupt config file (https://github.com/tailwindlabs/tailwindcss/issues/2556)
+
+### Changed
+
+- Remove console warnings about upcoming breaking changes
+
+## [1.9.2]
+
 ### Fixed
 
 - Merge plugins when merging config with preset ([#2561](https://github.com/tailwindlabs/tailwindcss/pulls/#2561)
@@ -974,7 +1008,12 @@ No release notes
 
 - Everything!
 
-[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.1...HEAD
+[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.6...HEAD
+[1.9.6]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.5...v1.9.6
+[1.9.5]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.4...v1.9.5
+[1.9.4]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.3...v1.9.4
+[1.9.3]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.2...v1.9.3
+[1.9.2]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.1...v1.9.2
 [1.9.1]: https://github.com/tailwindlabs/tailwindcss/compare/v1.9.0...v1.9.1
 [1.9.0]: https://github.com/tailwindlabs/tailwindcss/compare/v1.8.13...v1.9.0
 [1.8.13]: https://github.com/tailwindlabs/tailwindcss/compare/v1.8.12...v1.8.13

package/lib/cli/commands/init.js

@@ -47,21 +47,12 @@ exports.optionMap = optionMap;
 function run(cliParams, cliOptions) {
   return new Promise(resolve => {
     utils.header();
+    const full = cliOptions.full;
     const file = cliParams[0] || constants.defaultConfigFile;
     const simplePath = utils.getSimplePath(file);
     utils.exists(file) && utils.die(colors.file(simplePath), 'already exists.');
-    const stubFile = cliOptions.full ? constants.defaultConfigStubFile : constants.simpleConfigStubFile;
-
-    const config = require(stubFile);
-
-    const {
-      future: flags
-    } = require('../../featureFlags').default;
-
-    flags.forEach(flag => {
-      config.future[`// ${flag}`] = true;
-    });
-    utils.writeFile(file, `module.exports = ${JSON.stringify(config, null, 2).replace(/"([^-_\d"]+)":/g, '$1:')}\n`);
+    const stubFile = full ? constants.defaultConfigStubFile : constants.simpleConfigStubFile;
+    utils.copyFile(stubFile, file);
     utils.log();
     utils.log(emoji.yes, 'Created Tailwind config file:', colors.file(simplePath));
 

package/lib/featureFlags.js

@@ -40,14 +40,6 @@ function experimentalFlagsEnabled(config) {
   return Object.keys(_lodash.default.get(config, 'experimental', {})).filter(flag => featureFlags.experimental.includes(flag) && config.experimental[flag]);
 }
 
-function futureFlagsAvailable(config) {
-  if (config.future === 'all') {
-    return [];
-  }
-
-  return featureFlags.future.filter(flag => !_lodash.default.has(config, ['future', flag]));
-}
-
 function issueFlagNotices(config) {
   if (process.env.JEST_WORKER_ID !== undefined) {
     return;
@@ -58,12 +50,6 @@ function issueFlagNotices(config) {
 
     _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 (futureFlagsAvailable(config).length > 0) {
-    const changes = futureFlagsAvailable(config).map(s => _chalk.default.magenta(s)).join(', ');
-
-    _log.default.risk([`There are upcoming breaking changes: ${changes}`, 'We highly recommend opting-in to these changes now to simplify upgrading Tailwind in the future.', 'https://tailwindcss.com/docs/upcoming-changes']);
-  }
 }
 
 var _default = featureFlags;

package/lib/lib/evaluateTailwindFunctions.js

@@ -14,6 +14,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const themeTransforms = {
   fontSize(value) {
     return Array.isArray(value) ? value[0] : value;
+  },
+
+  outline(value) {
+    return Array.isArray(value) ? value[0] : value;
   }
 
 };

package/lib/util/createPlugin.js

@@ -20,7 +20,11 @@ createPlugin.withOptions = function (pluginFunction, configFunction = () => ({})
     };
   };
 
-  optionsFunction.__isOptionsFunction = true;
+  optionsFunction.__isOptionsFunction = true; // Expose plugin dependencies so that `object-hash` returns a different
+  // value if anything here changes, to ensure a rebuild is triggered.
+
+  optionsFunction.__pluginFunction = pluginFunction;
+  optionsFunction.__configFunction = configFunction;
   return optionsFunction;
 };
 

package/lib/util/getAllConfigs.js

@@ -27,9 +27,9 @@ var _lodash = require("lodash");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function getAllConfigs(config, defaultPresets = [_defaultConfigStub.default]) {
-  const configs = (0, _lodash.flatMap)([...(0, _lodash.get)(config, 'presets', defaultPresets)].reverse(), preset => {
-    return getAllConfigs(preset, []);
+function getAllConfigs(config) {
+  const configs = (0, _lodash.flatMap)([...(0, _lodash.get)(config, 'presets', [_defaultConfigStub.default])].reverse(), preset => {
+    return getAllConfigs(preset);
   });
   const features = {
     uniformColorPalette: _uniformColorPalette.default,

package/lib/util/processPlugins.js

@@ -70,7 +70,17 @@ function _default(plugins, config) {
     handler({
       postcss: _postcss.default,
       config: getConfigValue,
-      theme: (path, defaultValue) => getConfigValue(`theme.${path}`, defaultValue),
+      theme: (path, defaultValue) => {
+        const value = getConfigValue(`theme.${path}`, defaultValue);
+
+        const [rootPath] = _lodash.default.toPath(path);
+
+        if (['fontSize', 'outline'].includes(rootPath)) {
+          return Array.isArray(value) ? value[0] : value;
+        }
+
+        return value;
+      },
       corePlugins: path => {
         if (Array.isArray(config.corePlugins)) {
           return config.corePlugins.includes(path);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "1.9.2",
+  "version": "1.9.6",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "main": "lib/index.js",

package/stubs/defaultConfig.stub.js

@@ -1,10 +1,14 @@
 module.exports = {
-  future: {},
+  future: {
+    // removeDeprecatedGapUtilities: true,
+    // purgeLayersByDefault: true,
+  },
   purge: [],
   target: 'relaxed',
   prefix: '',
   important: false,
   separator: ':',
+  presets: [],
   theme: {
     screens: {
       sm: '640px',

package/stubs/simpleConfig.stub.js

@@ -1,5 +1,8 @@
 module.exports = {
-  future: {},
+  future: {
+    // removeDeprecatedGapUtilities: true,
+    // purgeLayersByDefault: true,
+  },
   purge: [],
   theme: {
     extend: {},