Derive JIT display utilities from AOT display plugin

Author: adamwathan

CHANGELOG.md

@@ -12,6 +12,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Add alternate JIT engine (in preview) ([#3905](https://github.com/tailwindlabs/tailwindcss/pull/3905))
 - Add new `box-decoration-break` utilities ([#3911](https://github.com/tailwindlabs/tailwindcss/pull/3911))
 - Add new `isolation` utilities ([#3914](https://github.com/tailwindlabs/tailwindcss/pull/3914))
+- Add `inline-table` display utility ([#3563](https://github.com/tailwindlabs/tailwindcss/pull/3563))
 
 ## [2.0.4] - 2021-03-17
 

jit/corePlugins/display.js

@@ -1,27 +1 @@
-const { createSimpleStaticUtilityPlugin } = require('../pluginUtils')
-
-module.exports = [
-  createSimpleStaticUtilityPlugin({
-    '.block': { display: 'block' },
-    '.inline-block': { display: 'inline-block' },
-    '.inline': { display: 'inline' },
-    '.flex': { display: 'flex' },
-    '.inline-flex': { display: 'inline-flex' },
-    '.table': { display: 'table' },
-    '.table-caption': { display: 'table-caption' },
-    '.table-cell': { display: 'table-cell' },
-    '.table-column': { display: 'table-column' },
-    '.table-column-group': { display: 'table-column-group' },
-    '.table-footer-group': { display: 'table-footer-group' },
-    '.table-header-group': { display: 'table-header-group' },
-    '.table-row-group': { display: 'table-row-group' },
-    '.table-row': { display: 'table-row' },
-    '.flow-root': { display: 'flow-root' },
-    '.grid': { display: 'grid' },
-    '.inline-grid': { display: 'inline-grid' },
-    '.contents': { display: 'contents' },
-  }),
-  createSimpleStaticUtilityPlugin({
-    '.hidden': { display: 'none' },
-  }),
-]
+module.exports = require('../../lib/plugins/display').default()

src/plugins/display.js

@@ -59,6 +59,11 @@ export default function () {
         '.contents': {
           display: 'contents',
         },
+      },
+      variants('display')
+    )
+    addUtilities(
+      {
         '.hidden': {
           display: 'none',
         },