tailwindcss 0.0.0-insiders.c4e443a → 0.0.0-insiders.c5ca373

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/CHANGELOG.md +142 -9
  2. package/README.md +6 -3
  3. package/defaultTheme.d.ts +2 -1
  4. package/lib/cli/build/deps.js +54 -0
  5. package/lib/cli/build/index.js +44 -0
  6. package/lib/cli/build/plugin.js +317 -0
  7. package/lib/cli/build/utils.js +78 -0
  8. package/lib/cli/build/watching.js +113 -0
  9. package/lib/cli/help/index.js +71 -0
  10. package/lib/cli/index.js +18 -0
  11. package/lib/cli/init/index.js +46 -0
  12. package/lib/cli/shared.js +12 -0
  13. package/lib/cli-peer-dependencies.js +12 -4
  14. package/lib/cli.js +27 -603
  15. package/lib/constants.js +19 -12
  16. package/lib/corePluginList.js +5 -3
  17. package/lib/corePlugins.js +459 -334
  18. package/lib/css/preflight.css +5 -0
  19. package/lib/featureFlags.js +22 -15
  20. package/lib/index.js +16 -9
  21. package/lib/lib/cacheInvalidation.js +42 -21
  22. package/lib/lib/collapseAdjacentRules.js +15 -13
  23. package/lib/lib/collapseDuplicateDeclarations.js +11 -8
  24. package/lib/lib/content.js +162 -0
  25. package/lib/lib/defaultExtractor.js +115 -71
  26. package/lib/lib/detectNesting.js +6 -3
  27. package/lib/lib/evaluateTailwindFunctions.js +103 -52
  28. package/lib/lib/expandApplyAtRules.js +115 -93
  29. package/lib/lib/expandTailwindAtRules.js +128 -143
  30. package/lib/lib/findAtConfigPath.js +44 -0
  31. package/lib/lib/generateRules.js +281 -174
  32. package/lib/lib/getModuleDependencies.js +21 -18
  33. package/lib/lib/normalizeTailwindDirectives.js +11 -8
  34. package/lib/lib/offsets.js +211 -0
  35. package/lib/lib/partitionApplyAtRules.js +14 -11
  36. package/lib/lib/regex.js +17 -10
  37. package/lib/lib/resolveDefaultsAtRules.js +97 -79
  38. package/lib/lib/setupContextUtils.js +299 -204
  39. package/lib/lib/setupTrackingContext.js +77 -109
  40. package/lib/lib/sharedState.js +16 -10
  41. package/lib/lib/substituteScreenAtRules.js +9 -7
  42. package/lib/postcss-plugins/nesting/index.js +7 -5
  43. package/lib/postcss-plugins/nesting/plugin.js +8 -6
  44. package/lib/processTailwindFeatures.js +34 -31
  45. package/lib/public/colors.js +7 -5
  46. package/lib/public/create-plugin.js +6 -4
  47. package/lib/public/default-config.js +7 -5
  48. package/lib/public/default-theme.js +7 -5
  49. package/lib/public/resolve-config.js +13 -10
  50. package/lib/util/bigSign.js +4 -1
  51. package/lib/util/buildMediaQuery.js +7 -5
  52. package/lib/util/cloneDeep.js +6 -5
  53. package/lib/util/cloneNodes.js +9 -2
  54. package/lib/util/color.js +16 -13
  55. package/lib/util/configurePlugins.js +5 -2
  56. package/lib/util/createPlugin.js +6 -5
  57. package/lib/util/createUtilityPlugin.js +14 -12
  58. package/lib/util/dataTypes.js +47 -50
  59. package/lib/util/defaults.js +4 -1
  60. package/lib/util/escapeClassName.js +12 -9
  61. package/lib/util/escapeCommas.js +4 -1
  62. package/lib/util/flattenColorPalette.js +7 -8
  63. package/lib/util/formatVariantSelector.js +115 -24
  64. package/lib/util/getAllConfigs.js +32 -13
  65. package/lib/util/hashConfig.js +10 -7
  66. package/lib/util/isKeyframeRule.js +4 -1
  67. package/lib/util/isPlainObject.js +4 -1
  68. package/lib/util/isValidArbitraryValue.js +33 -25
  69. package/lib/util/log.js +14 -8
  70. package/lib/util/nameClass.js +16 -8
  71. package/lib/util/negateValue.js +20 -5
  72. package/lib/util/normalizeConfig.js +68 -34
  73. package/lib/util/normalizeScreens.js +18 -4
  74. package/lib/util/parseAnimationValue.js +43 -41
  75. package/lib/util/parseBoxShadowValue.js +12 -4
  76. package/lib/util/parseDependency.js +37 -55
  77. package/lib/util/parseGlob.js +34 -0
  78. package/lib/util/parseObjectStyles.js +15 -12
  79. package/lib/util/pluginUtils.js +43 -24
  80. package/lib/util/prefixSelector.js +6 -3
  81. package/lib/util/removeAlphaVariables.js +29 -0
  82. package/lib/util/resolveConfig.js +61 -85
  83. package/lib/util/resolveConfigPath.js +20 -17
  84. package/lib/util/responsive.js +12 -9
  85. package/lib/util/splitAtTopLevelOnly.js +35 -64
  86. package/lib/util/tap.js +4 -1
  87. package/lib/util/toColorValue.js +4 -1
  88. package/lib/util/toPath.js +18 -2
  89. package/lib/util/transformThemeValue.js +19 -9
  90. package/lib/util/validateConfig.js +6 -3
  91. package/lib/util/validateFormalSyntax.js +24 -0
  92. package/lib/util/withAlphaVariable.js +32 -24
  93. package/package.json +20 -19
  94. package/peers/index.js +3892 -2247
  95. package/plugin.d.ts +3 -3
  96. package/resolveConfig.d.ts +3 -0
  97. package/scripts/generate-types.js +53 -0
  98. package/scripts/type-utils.js +27 -0
  99. package/src/cli/build/deps.js +56 -0
  100. package/src/cli/build/index.js +45 -0
  101. package/src/cli/build/plugin.js +372 -0
  102. package/src/cli/build/utils.js +76 -0
  103. package/src/cli/build/watching.js +134 -0
  104. package/src/cli/help/index.js +70 -0
  105. package/src/cli/index.js +3 -0
  106. package/src/cli/init/index.js +50 -0
  107. package/src/cli/shared.js +5 -0
  108. package/src/cli.js +5 -677
  109. package/src/corePlugins.js +150 -63
  110. package/src/css/preflight.css +5 -0
  111. package/src/featureFlags.js +10 -2
  112. package/src/index.js +5 -0
  113. package/src/lib/content.js +199 -0
  114. package/src/lib/defaultExtractor.js +50 -34
  115. package/src/lib/evaluateTailwindFunctions.js +74 -17
  116. package/src/lib/expandApplyAtRules.js +76 -29
  117. package/src/lib/expandTailwindAtRules.js +8 -46
  118. package/src/lib/findAtConfigPath.js +50 -0
  119. package/src/lib/generateRules.js +227 -103
  120. package/src/lib/offsets.js +260 -0
  121. package/src/lib/resolveDefaultsAtRules.js +53 -36
  122. package/src/lib/setupContextUtils.js +180 -82
  123. package/src/lib/setupTrackingContext.js +4 -45
  124. package/src/util/cloneNodes.js +5 -1
  125. package/src/util/dataTypes.js +18 -22
  126. package/src/util/formatVariantSelector.js +116 -10
  127. package/src/util/getAllConfigs.js +19 -0
  128. package/src/util/log.js +1 -1
  129. package/src/util/negateValue.js +10 -2
  130. package/src/util/normalizeConfig.js +22 -2
  131. package/src/util/parseBoxShadowValue.js +1 -1
  132. package/src/util/parseDependency.js +37 -42
  133. package/src/util/parseGlob.js +24 -0
  134. package/src/util/pluginUtils.js +17 -3
  135. package/src/util/removeAlphaVariables.js +24 -0
  136. package/src/util/resolveConfig.js +7 -35
  137. package/src/util/splitAtTopLevelOnly.js +23 -49
  138. package/src/util/transformThemeValue.js +9 -1
  139. package/src/util/validateFormalSyntax.js +34 -0
  140. package/src/util/withAlphaVariable.js +1 -1
  141. package/stubs/defaultConfig.stub.js +9 -2
  142. package/stubs/simpleConfig.stub.js +1 -0
  143. package/types/config.d.ts +27 -12
  144. package/types/generated/default-theme.d.ts +331 -0
  145. package/types/index.d.ts +7 -1
  146. package/types.d.ts +0 -1
package/CHANGELOG.md CHANGED
@@ -7,6 +7,125 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ### Added
11
+
12
+ - Add new `break-keep` utility for `word-break: keep-all` ([#9393](https://github.com/tailwindlabs/tailwindcss/pull/9393))
13
+ - Add support for configuring default `font-feature-settings` for a font family ([#9039](https://github.com/tailwindlabs/tailwindcss/pull/9039))
14
+ - Add a standalone CLI build for 32-bit Linux on ARM (`node16-linux-armv7`) ([#9084](https://github.com/tailwindlabs/tailwindcss/pull/9084))
15
+ - Add future flag to disable color opacity utility plugins ([#9088](https://github.com/tailwindlabs/tailwindcss/pull/9088))
16
+ - Add negative value support for `outline-offset` ([#9136](https://github.com/tailwindlabs/tailwindcss/pull/9136))
17
+ - Allow negating utilities using min/max/clamp ([#9237](https://github.com/tailwindlabs/tailwindcss/pull/9237))
18
+ - Add new `collapse` utility for `visibility: collapse` ([#9181](https://github.com/tailwindlabs/tailwindcss/pull/9181))
19
+ - Allow resolving content paths relative to the config file ([#9396](https://github.com/tailwindlabs/tailwindcss/pull/9396))
20
+ - Add `@config` support ([#9405](https://github.com/tailwindlabs/tailwindcss/pull/9405))
21
+ - Add `fill-none` and `stroke-none` utilities by default ([#9403](https://github.com/tailwindlabs/tailwindcss/pull/9403))
22
+ - Support `sort` function in `matchVariant` ([#9423](https://github.com/tailwindlabs/tailwindcss/pull/9423))
23
+ - Implement the `supports` variant ([#9453](https://github.com/tailwindlabs/tailwindcss/pull/9453))
24
+ - Add experimental `label`s for variants ([#9456](https://github.com/tailwindlabs/tailwindcss/pull/9456))
25
+ - Added 'place-content-baseline' utility ([#9498](https://github.com/tailwindlabs/tailwindcss/pull/9498))
26
+
27
+ ### Fixed
28
+
29
+ - Use absolute paths when resolving changed files for resilience against working directory changes ([#9032](https://github.com/tailwindlabs/tailwindcss/pull/9032))
30
+ - Fix ring color utility generation when using `respectDefaultRingColorOpacity` ([#9070](https://github.com/tailwindlabs/tailwindcss/pull/9070))
31
+ - Sort tags before classes when `@applying` a selector with joined classes ([#9107](https://github.com/tailwindlabs/tailwindcss/pull/9107))
32
+ - Remove invalid `outline-hidden` utility ([#9147](https://github.com/tailwindlabs/tailwindcss/pull/9147))
33
+ - Honor the `hidden` attribute on elements in preflight ([#9174](https://github.com/tailwindlabs/tailwindcss/pull/9174))
34
+ - Don't stop watching atomically renamed files ([#9173](https://github.com/tailwindlabs/tailwindcss/pull/9173), [#9215](https://github.com/tailwindlabs/tailwindcss/pull/9215))
35
+ - Re-use existing entries in the rule cache ([#9208](https://github.com/tailwindlabs/tailwindcss/pull/9208))
36
+ - Don't output duplicate utilities ([#9208](https://github.com/tailwindlabs/tailwindcss/pull/9208))
37
+ - Fix `fontFamily` config TypeScript types ([#9214](https://github.com/tailwindlabs/tailwindcss/pull/9214))
38
+ - Handle variants on complex selector utilities ([#9262](https://github.com/tailwindlabs/tailwindcss/pull/9262))
39
+ - Don't mutate shared config objects ([#9294](https://github.com/tailwindlabs/tailwindcss/pull/9294))
40
+ - Fix ordering of parallel variants ([#9282](https://github.com/tailwindlabs/tailwindcss/pull/9282))
41
+ - Handle variants in utility selectors using `:where()` and `:has()` ([#9309](https://github.com/tailwindlabs/tailwindcss/pull/9309))
42
+ - Improve data type analyses for arbitrary values ([#9320](https://github.com/tailwindlabs/tailwindcss/pull/9320))
43
+ - Don't emit generated utilities with invalid uses of theme functions ([#9319](https://github.com/tailwindlabs/tailwindcss/pull/9319))
44
+ - Revert change that only listened for stdin close on TTYs ([#9331](https://github.com/tailwindlabs/tailwindcss/pull/9331))
45
+ - Ignore unset values (like `null` or `undefined`) when resolving the classList for intellisense ([#9385](https://github.com/tailwindlabs/tailwindcss/pull/9385))
46
+ - Implement fallback plugins when arbitrary values result in css from multiple plugins ([#9376](https://github.com/tailwindlabs/tailwindcss/pull/9376))
47
+ - Improve type checking for formal syntax ([#9349](https://github.com/tailwindlabs/tailwindcss/pull/9349), [#9448](https://github.com/tailwindlabs/tailwindcss/pull/9448))
48
+ - Don't require `content` key in custom plugin configs ([#9502](https://github.com/tailwindlabs/tailwindcss/pull/9502))
49
+
50
+ ## [3.1.8] - 2022-08-05
51
+
52
+ ### Fixed
53
+
54
+ - Don’t prefix classes within reused arbitrary variants ([#8992](https://github.com/tailwindlabs/tailwindcss/pull/8992))
55
+ - Fix usage of alpha values inside single-named colors that are functions ([#9008](https://github.com/tailwindlabs/tailwindcss/pull/9008))
56
+ - Fix `@apply` of user utilities when negative and non-negative versions both exist ([#9027](https://github.com/tailwindlabs/tailwindcss/pull/9027))
57
+
58
+ ## [3.1.7] - 2022-07-29
59
+
60
+ ### Fixed
61
+
62
+ - Don't rewrite source maps for `@layer` rules ([#8971](https://github.com/tailwindlabs/tailwindcss/pull/8971))
63
+
64
+ ### Added
65
+
66
+ - Added types for `resolveConfig` ([#8924](https://github.com/tailwindlabs/tailwindcss/pull/8924))
67
+
68
+ ## [3.1.6] - 2022-07-11
69
+
70
+ ### Fixed
71
+
72
+ - Fix usage on Node 12.x ([b4e637e](https://github.com/tailwindlabs/tailwindcss/commit/b4e637e2e096a9d6f2210efba9541f6fd4f28e56))
73
+ - Handle theme keys with slashes when using `theme()` in CSS ([#8831](https://github.com/tailwindlabs/tailwindcss/pull/8831))
74
+
75
+ ## [3.1.5] - 2022-07-07
76
+
77
+ ### Added
78
+
79
+ - Support configuring a default `font-weight` for each font size utility ([#8763](https://github.com/tailwindlabs/tailwindcss/pull/8763))
80
+ - Add support for alpha values in safe list ([#8774](https://github.com/tailwindlabs/tailwindcss/pull/8774))
81
+
82
+ ### Fixed
83
+
84
+ - Improve types to support fallback values in the CSS-in-JS syntax used in plugin APIs ([#8762](https://github.com/tailwindlabs/tailwindcss/pull/8762))
85
+ - Support including `tailwindcss` and `autoprefixer` in `postcss.config.js` in standalone CLI ([#8769](https://github.com/tailwindlabs/tailwindcss/pull/8769))
86
+ - Fix using special-characters as prefixes ([#8772](https://github.com/tailwindlabs/tailwindcss/pull/8772))
87
+ - Don’t prefix classes used within arbitrary variants ([#8773](https://github.com/tailwindlabs/tailwindcss/pull/8773))
88
+ - Add more explicit types for the default theme ([#8780](https://github.com/tailwindlabs/tailwindcss/pull/8780))
89
+
90
+ ## [3.1.4] - 2022-06-21
91
+
92
+ ### Fixed
93
+
94
+ - Provide default to `<alpha-value>` when using `theme()` ([#8652](https://github.com/tailwindlabs/tailwindcss/pull/8652))
95
+ - Detect arbitrary variants with quotes ([#8687](https://github.com/tailwindlabs/tailwindcss/pull/8687))
96
+ - Don’t add spaces around raw `/` that are preceded by numbers ([#8688](https://github.com/tailwindlabs/tailwindcss/pull/8688))
97
+
98
+ ## [3.1.3] - 2022-06-14
99
+
100
+ ### Fixed
101
+
102
+ - Fix extraction of multi-word utilities with arbitrary values and quotes ([#8604](https://github.com/tailwindlabs/tailwindcss/pull/8604))
103
+ - Fix casing of import of `corePluginList` type definition ([#8587](https://github.com/tailwindlabs/tailwindcss/pull/8587))
104
+ - Ignore PostCSS nodes returned by `addVariant` ([#8608](https://github.com/tailwindlabs/tailwindcss/pull/8608))
105
+ - Fix missing spaces around arithmetic operators ([#8615](https://github.com/tailwindlabs/tailwindcss/pull/8615))
106
+ - Detect alpha value in CSS `theme()` function when using quotes ([#8625](https://github.com/tailwindlabs/tailwindcss/pull/8625))
107
+ - Fix "Maximum call stack size exceeded" bug ([#8636](https://github.com/tailwindlabs/tailwindcss/pull/8636))
108
+ - Allow functions returning parallel variants to mutate the container ([#8622](https://github.com/tailwindlabs/tailwindcss/pull/8622))
109
+ - Remove text opacity CSS variables from `::marker` ([#8622](https://github.com/tailwindlabs/tailwindcss/pull/8622))
110
+
111
+ ## [3.1.2] - 2022-06-10
112
+
113
+ ### Fixed
114
+
115
+ - Ensure `\` is a valid arbitrary variant token ([#8576](https://github.com/tailwindlabs/tailwindcss/pull/8576))
116
+ - Enable `postcss-import` in the CLI by default in watch mode ([#8574](https://github.com/tailwindlabs/tailwindcss/pull/8574), [#8580](https://github.com/tailwindlabs/tailwindcss/pull/8580))
117
+
118
+ ## [3.1.1] - 2022-06-09
119
+
120
+ ### Fixed
121
+
122
+ - Fix candidate extractor regression ([#8558](https://github.com/tailwindlabs/tailwindcss/pull/8558))
123
+ - Split `::backdrop` into separate defaults group ([#8567](https://github.com/tailwindlabs/tailwindcss/pull/8567))
124
+ - Fix postcss plugin type ([#8564](https://github.com/tailwindlabs/tailwindcss/pull/8564))
125
+ - Fix class detection in markdown code fences and slim templates ([#8569](https://github.com/tailwindlabs/tailwindcss/pull/8569))
126
+
127
+ ## [3.1.0] - 2022-06-08
128
+
10
129
  ### Fixed
11
130
 
12
131
  - Types: allow for arbitrary theme values (for 3rd party plugins) ([#7926](https://github.com/tailwindlabs/tailwindcss/pull/7926))
@@ -25,16 +144,20 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
25
144
  - Create tailwind.config.cjs file in ESM package when running init ([#8363](https://github.com/tailwindlabs/tailwindcss/pull/8363))
26
145
  - Fix `matchVariants` that use at-rules and placeholders ([#8392](https://github.com/tailwindlabs/tailwindcss/pull/8392))
27
146
  - Improve types of the `tailwindcss/plugin` ([#8400](https://github.com/tailwindlabs/tailwindcss/pull/8400))
147
+ - Allow returning parallel variants from `addVariant` or `matchVariant` callback functions ([#8455](https://github.com/tailwindlabs/tailwindcss/pull/8455))
148
+ - Try using local `postcss` installation first in the CLI ([#8270](https://github.com/tailwindlabs/tailwindcss/pull/8270))
149
+ - Allow default ring color to be a function ([#7587](https://github.com/tailwindlabs/tailwindcss/pull/7587))
150
+ - Don't inherit `to` value from parent gradients ([#8489](https://github.com/tailwindlabs/tailwindcss/pull/8489))
151
+ - Remove process dependency from log functions ([#8530](https://github.com/tailwindlabs/tailwindcss/pull/8530))
152
+ - Ensure we can use `@import 'tailwindcss/...'` without node_modules ([#8537](https://github.com/tailwindlabs/tailwindcss/pull/8537))
28
153
 
29
154
  ### Changed
30
155
 
31
- - Try using local `postcss` installation first in the CLI ([#8270](https://github.com/tailwindlabs/tailwindcss/pull/8270))
32
156
  - Only apply hover styles when supported (future) ([#8394](https://github.com/tailwindlabs/tailwindcss/pull/8394))
157
+ - Respect default ring color opacity (future) ([#8448](https://github.com/tailwindlabs/tailwindcss/pull/8448), [3f4005e](https://github.com/tailwindlabs/tailwindcss/commit/3f4005e833445f7549219eb5ae89728cbb3a2630))
33
158
 
34
159
  ### Added
35
160
 
36
- - Allow default ring color to be a function ([#7587](https://github.com/tailwindlabs/tailwindcss/pull/7587))
37
- - Add `rgb` and `hsl` color helpers for CSS variables ([#7665](https://github.com/tailwindlabs/tailwindcss/pull/7665))
38
161
  - Support PostCSS `Document` nodes ([#7291](https://github.com/tailwindlabs/tailwindcss/pull/7291))
39
162
  - Add `text-start` and `text-end` utilities ([#6656](https://github.com/tailwindlabs/tailwindcss/pull/6656))
40
163
  - Support customizing class name when using `darkMode: 'class'` ([#5800](https://github.com/tailwindlabs/tailwindcss/pull/5800))
@@ -42,15 +165,16 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
42
165
  - Add new `border-spacing` utilities ([#7102](https://github.com/tailwindlabs/tailwindcss/pull/7102))
43
166
  - Add `enabled` variant ([#7905](https://github.com/tailwindlabs/tailwindcss/pull/7905))
44
167
  - Add TypeScript types for the `tailwind.config.js` file ([#7891](https://github.com/tailwindlabs/tailwindcss/pull/7891))
45
- - Add `backdrop` variant ([#7924](https://github.com/tailwindlabs/tailwindcss/pull/7924))
168
+ - Add `backdrop` variant ([#7924](https://github.com/tailwindlabs/tailwindcss/pull/7924), [#8526](https://github.com/tailwindlabs/tailwindcss/pull/8526))
46
169
  - Add `grid-flow-dense` utility ([#8193](https://github.com/tailwindlabs/tailwindcss/pull/8193))
47
170
  - Add `mix-blend-plus-lighter` utility ([#8288](https://github.com/tailwindlabs/tailwindcss/pull/8288))
48
171
  - Add arbitrary variants ([#8299](https://github.com/tailwindlabs/tailwindcss/pull/8299))
49
- - Add `matchVariant` API ([#8310](https://github.com/tailwindlabs/tailwindcss/pull/8310))
172
+ - Add experimental `matchVariant` API ([#8310](https://github.com/tailwindlabs/tailwindcss/pull/8310), [34fd0fb8](https://github.com/tailwindlabs/tailwindcss/commit/34fd0fb82aa574cddc5c7aa3ad7d1af5e3735e5d))
50
173
  - Add `prefers-contrast` media query variants ([#8410](https://github.com/tailwindlabs/tailwindcss/pull/8410))
51
- - Experimental support for variant grouping ([#8405](https://github.com/tailwindlabs/tailwindcss/pull/8405))
52
174
  - Add opacity support when referencing colors with `theme` function ([#8416](https://github.com/tailwindlabs/tailwindcss/pull/8416))
53
175
  - Add `postcss-import` support to the CLI ([#8437](https://github.com/tailwindlabs/tailwindcss/pull/8437))
176
+ - Add `optional` variant ([#8486](https://github.com/tailwindlabs/tailwindcss/pull/8486))
177
+ - Add `<alpha-value>` placeholder support for custom colors ([#8501](https://github.com/tailwindlabs/tailwindcss/pull/8501))
54
178
 
55
179
  ## [3.0.24] - 2022-04-12
56
180
 
@@ -371,7 +495,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
371
495
 
372
496
  ### Fixed
373
497
 
374
- - Ensure `corePlugins` order is consisent in AOT mode ([#5928](https://github.com/tailwindlabs/tailwindcss/pull/5928))
498
+ - Ensure `corePlugins` order is consistent in AOT mode ([#5928](https://github.com/tailwindlabs/tailwindcss/pull/5928))
375
499
 
376
500
  ## [2.2.18] - 2021-10-29
377
501
 
@@ -1577,7 +1701,7 @@ No release notes
1577
1701
 
1578
1702
  - Make it possible to disable all core plugins using `corePlugins: false`
1579
1703
  - Make it possible to configure a single list of variants that applies to all utility plugins
1580
- - Make it possible to whitelist which core plugins should be enabled
1704
+ - Make it possible to safelist which core plugins should be enabled
1581
1705
 
1582
1706
  ### Fixed
1583
1707
 
@@ -1943,7 +2067,16 @@ No release notes
1943
2067
 
1944
2068
  - Everything!
1945
2069
 
1946
- [unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.24...HEAD
2070
+ [unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.8...HEAD
2071
+ [3.1.8]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.7...v3.1.8
2072
+ [3.1.7]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.6...v3.1.7
2073
+ [3.1.6]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.5...v3.1.6
2074
+ [3.1.5]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.4...v3.1.5
2075
+ [3.1.4]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.3...v3.1.4
2076
+ [3.1.3]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.2...v3.1.3
2077
+ [3.1.2]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.1...v3.1.2
2078
+ [3.1.1]: https://github.com/tailwindlabs/tailwindcss/compare/v3.1.0...v3.1.1
2079
+ [3.1.0]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.24...v3.1.0
1947
2080
  [3.0.24]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.23...v3.0.24
1948
2081
  [3.0.23]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.22...v3.0.23
1949
2082
  [3.0.22]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.21...v3.0.22
package/README.md CHANGED
@@ -1,4 +1,4 @@
1
- <p>
1
+ <p align="center">
2
2
  <a href="https://tailwindcss.com/#gh-light-mode-only" target="_blank">
3
3
  <img src="./.github/logo-light.svg" alt="Tailwind CSS" width="350" height="70">
4
4
  </a>
@@ -7,9 +7,12 @@
7
7
  </a>
8
8
  </p>
9
9
 
10
- A utility-first CSS framework for rapidly building custom user interfaces.
10
+ <p align="center">
11
+ A utility-first CSS framework for rapidly building custom user interfaces.
12
+ </p>
13
+
11
14
 
12
- <p>
15
+ <p align="center">
13
16
  <a href="https://github.com/tailwindlabs/tailwindcss/actions"><img src="https://img.shields.io/github/workflow/status/tailwindlabs/tailwindcss/Node.js%20CI" alt="Build Status"></a>
14
17
  <a href="https://www.npmjs.com/package/tailwindcss"><img src="https://img.shields.io/npm/dt/tailwindcss.svg" alt="Total Downloads"></a>
15
18
  <a href="https://github.com/tailwindcss/tailwindcss/releases"><img src="https://img.shields.io/npm/v/tailwindcss.svg" alt="Latest Release"></a>
package/defaultTheme.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import type { Config } from './types/config'
2
- declare const theme: Config['theme']
2
+ import { DefaultTheme } from './types/generated/default-theme'
3
+ declare const theme: Config['theme'] & DefaultTheme
3
4
  export = theme
@@ -0,0 +1,54 @@
1
+ // @ts-check
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ function _export(target, all) {
7
+ for(var name in all)Object.defineProperty(target, name, {
8
+ enumerable: true,
9
+ get: all[name]
10
+ });
11
+ }
12
+ _export(exports, {
13
+ loadPostcss: ()=>loadPostcss,
14
+ loadPostcssImport: ()=>loadPostcssImport,
15
+ loadCssNano: ()=>loadCssNano,
16
+ loadAutoprefixer: ()=>loadAutoprefixer
17
+ });
18
+ const _indexJs = require("../../../peers/index.js");
19
+ function loadPostcss() {
20
+ // Try to load a local `postcss` version first
21
+ try {
22
+ return require("postcss");
23
+ } catch {}
24
+ return (0, _indexJs.lazyPostcss)();
25
+ }
26
+ function loadPostcssImport() {
27
+ // Try to load a local `postcss-import` version first
28
+ try {
29
+ return require("postcss-import");
30
+ } catch {}
31
+ return (0, _indexJs.lazyPostcssImport)();
32
+ }
33
+ function loadCssNano() {
34
+ let options = {
35
+ preset: [
36
+ "default",
37
+ {
38
+ cssDeclarationSorter: false
39
+ }
40
+ ]
41
+ };
42
+ // Try to load a local `cssnano` version first
43
+ try {
44
+ return require("cssnano");
45
+ } catch {}
46
+ return (0, _indexJs.lazyCssnano)()(options);
47
+ }
48
+ function loadAutoprefixer() {
49
+ // Try to load a local `autoprefixer` version first
50
+ try {
51
+ return require("autoprefixer");
52
+ } catch {}
53
+ return (0, _indexJs.lazyAutoprefixer)();
54
+ }
@@ -0,0 +1,44 @@
1
+ // @ts-check
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "build", {
7
+ enumerable: true,
8
+ get: ()=>build
9
+ });
10
+ const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
11
+ const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
12
+ const _pluginJs = require("./plugin.js");
13
+ function _interopRequireDefault(obj) {
14
+ return obj && obj.__esModule ? obj : {
15
+ default: obj
16
+ };
17
+ }
18
+ async function build(args, configs) {
19
+ let input = args["--input"];
20
+ let shouldWatch = args["--watch"];
21
+ // TODO: Deprecate this in future versions
22
+ if (!input && args["_"][1]) {
23
+ console.error("[deprecation] Running tailwindcss without -i, please provide an input file.");
24
+ input = args["--input"] = args["_"][1];
25
+ }
26
+ if (input && input !== "-" && !_fs.default.existsSync(input = _path.default.resolve(input))) {
27
+ console.error(`Specified input file ${args["--input"]} does not exist.`);
28
+ process.exit(9);
29
+ }
30
+ if (args["--config"] && !_fs.default.existsSync(args["--config"] = _path.default.resolve(args["--config"]))) {
31
+ console.error(`Specified config file ${args["--config"]} does not exist.`);
32
+ process.exit(9);
33
+ }
34
+ // TODO: Reference the @config path here if exists
35
+ let configPath = args["--config"] ? args["--config"] : ((defaultPath)=>_fs.default.existsSync(defaultPath) ? defaultPath : null)(_path.default.resolve(`./${configs.tailwind}`));
36
+ let processor = await (0, _pluginJs.createProcessor)(args, configPath);
37
+ if (shouldWatch) {
38
+ /* Abort the watcher if stdin is closed to avoid zombie processes */ process.stdin.on("end", ()=>process.exit(0));
39
+ process.stdin.resume();
40
+ await processor.watch();
41
+ } else {
42
+ await processor.build();
43
+ }
44
+ }
@@ -0,0 +1,317 @@
1
+ // @ts-check
2
+ "use strict";
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ Object.defineProperty(exports, "createProcessor", {
7
+ enumerable: true,
8
+ get: ()=>createProcessor
9
+ });
10
+ const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
11
+ const _fs = /*#__PURE__*/ _interopRequireDefault(require("fs"));
12
+ const _postcssLoadConfig = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config"));
13
+ const _lilconfig = require("lilconfig");
14
+ const _plugins = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/plugins" // Little bit scary, looking at private/internal API
15
+ ));
16
+ const _options = /*#__PURE__*/ _interopRequireDefault(require("postcss-load-config/src/options" // Little bit scary, looking at private/internal API
17
+ ));
18
+ const _processTailwindFeatures = /*#__PURE__*/ _interopRequireDefault(require("../../processTailwindFeatures"));
19
+ const _deps = require("./deps");
20
+ const _utils = require("./utils");
21
+ const _shared = require("../shared");
22
+ const _resolveConfigJs = /*#__PURE__*/ _interopRequireDefault(require("../../../resolveConfig.js"));
23
+ const _getModuleDependenciesJs = /*#__PURE__*/ _interopRequireDefault(require("../../lib/getModuleDependencies.js"));
24
+ const _contentJs = require("../../lib/content.js");
25
+ const _watchingJs = require("./watching.js");
26
+ const _fastGlob = /*#__PURE__*/ _interopRequireDefault(require("fast-glob"));
27
+ const _findAtConfigPathJs = require("../../lib/findAtConfigPath.js");
28
+ function _interopRequireDefault(obj) {
29
+ return obj && obj.__esModule ? obj : {
30
+ default: obj
31
+ };
32
+ }
33
+ /**
34
+ *
35
+ * @param {string} [customPostCssPath ]
36
+ * @returns
37
+ */ async function loadPostCssPlugins(customPostCssPath) {
38
+ let config = customPostCssPath ? await (async ()=>{
39
+ let file = _path.default.resolve(customPostCssPath);
40
+ // Implementation, see: https://unpkg.com/browse/postcss-load-config@3.1.0/src/index.js
41
+ // @ts-ignore
42
+ let { config ={} } = await (0, _lilconfig.lilconfig)("postcss").load(file);
43
+ if (typeof config === "function") {
44
+ config = config();
45
+ } else {
46
+ config = Object.assign({}, config);
47
+ }
48
+ if (!config.plugins) {
49
+ config.plugins = [];
50
+ }
51
+ return {
52
+ file,
53
+ plugins: (0, _plugins.default)(config, file),
54
+ options: (0, _options.default)(config, file)
55
+ };
56
+ })() : await (0, _postcssLoadConfig.default)();
57
+ let configPlugins = config.plugins;
58
+ let configPluginTailwindIdx = configPlugins.findIndex((plugin)=>{
59
+ if (typeof plugin === "function" && plugin.name === "tailwindcss") {
60
+ return true;
61
+ }
62
+ if (typeof plugin === "object" && plugin !== null && plugin.postcssPlugin === "tailwindcss") {
63
+ return true;
64
+ }
65
+ return false;
66
+ });
67
+ let beforePlugins = configPluginTailwindIdx === -1 ? [] : configPlugins.slice(0, configPluginTailwindIdx);
68
+ let afterPlugins = configPluginTailwindIdx === -1 ? configPlugins : configPlugins.slice(configPluginTailwindIdx + 1);
69
+ return [
70
+ beforePlugins,
71
+ afterPlugins,
72
+ config.options
73
+ ];
74
+ }
75
+ function loadBuiltinPostcssPlugins() {
76
+ let postcss = (0, _deps.loadPostcss)();
77
+ let IMPORT_COMMENT = "__TAILWIND_RESTORE_IMPORT__: ";
78
+ return [
79
+ [
80
+ (root)=>{
81
+ root.walkAtRules("import", (rule)=>{
82
+ if (rule.params.slice(1).startsWith("tailwindcss/")) {
83
+ rule.after(postcss.comment({
84
+ text: IMPORT_COMMENT + rule.params
85
+ }));
86
+ rule.remove();
87
+ }
88
+ });
89
+ },
90
+ (0, _deps.loadPostcssImport)(),
91
+ (root)=>{
92
+ root.walkComments((rule)=>{
93
+ if (rule.text.startsWith(IMPORT_COMMENT)) {
94
+ rule.after(postcss.atRule({
95
+ name: "import",
96
+ params: rule.text.replace(IMPORT_COMMENT, "")
97
+ }));
98
+ rule.remove();
99
+ }
100
+ });
101
+ }
102
+ ],
103
+ [],
104
+ {}
105
+ ];
106
+ }
107
+ let state = {
108
+ /** @type {any} */ context: null,
109
+ /** @type {ReturnType<typeof createWatcher> | null} */ watcher: null,
110
+ /** @type {{content: string, extension: string}[]} */ changedContent: [],
111
+ configDependencies: new Set(),
112
+ contextDependencies: new Set(),
113
+ /** @type {import('../../lib/content.js').ContentPath[]} */ contentPaths: [],
114
+ refreshContentPaths () {
115
+ var ref;
116
+ this.contentPaths = (0, _contentJs.parseCandidateFiles)(this.context, (ref = this.context) === null || ref === void 0 ? void 0 : ref.tailwindConfig);
117
+ },
118
+ get config () {
119
+ return this.context.tailwindConfig;
120
+ },
121
+ get contentPatterns () {
122
+ return {
123
+ all: this.contentPaths.map((contentPath)=>contentPath.pattern),
124
+ dynamic: this.contentPaths.filter((contentPath)=>contentPath.glob !== undefined).map((contentPath)=>contentPath.pattern)
125
+ };
126
+ },
127
+ loadConfig (configPath) {
128
+ if (this.watcher && configPath) {
129
+ this.refreshConfigDependencies(configPath);
130
+ }
131
+ let config = configPath ? require(configPath) : {};
132
+ // @ts-ignore
133
+ config = (0, _resolveConfigJs.default)(config, {
134
+ content: {
135
+ files: []
136
+ }
137
+ });
138
+ return config;
139
+ },
140
+ refreshConfigDependencies (configPath) {
141
+ _shared.env.DEBUG && console.time("Module dependencies");
142
+ for (let file of this.configDependencies){
143
+ delete require.cache[require.resolve(file)];
144
+ }
145
+ if (configPath) {
146
+ let deps = (0, _getModuleDependenciesJs.default)(configPath).map(({ file })=>file);
147
+ for (let dependency of deps){
148
+ this.configDependencies.add(dependency);
149
+ }
150
+ }
151
+ _shared.env.DEBUG && console.timeEnd("Module dependencies");
152
+ },
153
+ readContentPaths () {
154
+ let content = [];
155
+ // Resolve globs from the content config
156
+ // TODO: When we make the postcss plugin async-capable this can become async
157
+ let files = _fastGlob.default.sync(this.contentPatterns.all);
158
+ for (let file of files){
159
+ content.push({
160
+ content: _fs.default.readFileSync(_path.default.resolve(file), "utf8"),
161
+ extension: _path.default.extname(file).slice(1)
162
+ });
163
+ }
164
+ // Resolve raw content in the tailwind config
165
+ let rawContent = this.config.content.files.filter((file)=>{
166
+ return file !== null && typeof file === "object";
167
+ });
168
+ for (let { raw: content1 , extension ="html" } of rawContent){
169
+ content1.push({
170
+ content: content1,
171
+ extension
172
+ });
173
+ }
174
+ return content;
175
+ },
176
+ getContext ({ createContext , cliConfigPath , root , result }) {
177
+ if (this.context) {
178
+ this.context.changedContent = this.changedContent.splice(0);
179
+ return this.context;
180
+ }
181
+ _shared.env.DEBUG && console.time("Searching for config");
182
+ var ref;
183
+ let configPath = (ref = (0, _findAtConfigPathJs.findAtConfigPath)(root, result)) !== null && ref !== void 0 ? ref : cliConfigPath;
184
+ _shared.env.DEBUG && console.timeEnd("Searching for config");
185
+ _shared.env.DEBUG && console.time("Loading config");
186
+ let config = this.loadConfig(configPath);
187
+ _shared.env.DEBUG && console.timeEnd("Loading config");
188
+ _shared.env.DEBUG && console.time("Creating context");
189
+ this.context = createContext(config, []);
190
+ Object.assign(this.context, {
191
+ userConfigPath: configPath
192
+ });
193
+ _shared.env.DEBUG && console.timeEnd("Creating context");
194
+ _shared.env.DEBUG && console.time("Resolving content paths");
195
+ this.refreshContentPaths();
196
+ _shared.env.DEBUG && console.timeEnd("Resolving content paths");
197
+ if (this.watcher) {
198
+ _shared.env.DEBUG && console.time("Watch new files");
199
+ this.watcher.refreshWatchedFiles();
200
+ _shared.env.DEBUG && console.timeEnd("Watch new files");
201
+ }
202
+ _shared.env.DEBUG && console.time("Reading content files");
203
+ for (let file of this.readContentPaths()){
204
+ this.context.changedContent.push(file);
205
+ }
206
+ _shared.env.DEBUG && console.timeEnd("Reading content files");
207
+ return this.context;
208
+ }
209
+ };
210
+ async function createProcessor(args, cliConfigPath) {
211
+ let postcss = (0, _deps.loadPostcss)();
212
+ let input = args["--input"];
213
+ let output = args["--output"];
214
+ let includePostCss = args["--postcss"];
215
+ let customPostCssPath = typeof args["--postcss"] === "string" ? args["--postcss"] : undefined;
216
+ let [beforePlugins, afterPlugins, postcssOptions] = includePostCss ? await loadPostCssPlugins(customPostCssPath) : loadBuiltinPostcssPlugins();
217
+ let tailwindPlugin = ()=>{
218
+ return {
219
+ postcssPlugin: "tailwindcss",
220
+ Once (root, { result }) {
221
+ _shared.env.DEBUG && console.time("Compiling CSS");
222
+ (0, _processTailwindFeatures.default)(({ createContext })=>{
223
+ console.error();
224
+ console.error("Rebuilding...");
225
+ return ()=>{
226
+ return state.getContext({
227
+ createContext,
228
+ cliConfigPath,
229
+ root,
230
+ result
231
+ });
232
+ };
233
+ })(root, result);
234
+ _shared.env.DEBUG && console.timeEnd("Compiling CSS");
235
+ }
236
+ };
237
+ };
238
+ tailwindPlugin.postcss = true;
239
+ let plugins = [
240
+ ...beforePlugins,
241
+ tailwindPlugin,
242
+ !args["--minify"] && _utils.formatNodes,
243
+ ...afterPlugins,
244
+ !args["--no-autoprefixer"] && (0, _deps.loadAutoprefixer)(),
245
+ args["--minify"] && (0, _deps.loadCssNano)()
246
+ ].filter(Boolean);
247
+ /** @type {import('postcss').Processor} */ // @ts-ignore
248
+ let processor = postcss(plugins);
249
+ async function readInput() {
250
+ // Piping in data, let's drain the stdin
251
+ if (input === "-") {
252
+ return (0, _utils.drainStdin)();
253
+ }
254
+ // Input file has been provided
255
+ if (input) {
256
+ return _fs.default.promises.readFile(_path.default.resolve(input), "utf8");
257
+ }
258
+ // No input file provided, fallback to default atrules
259
+ return "@tailwind base; @tailwind components; @tailwind utilities";
260
+ }
261
+ async function build() {
262
+ let start = process.hrtime.bigint();
263
+ return readInput().then((css)=>processor.process(css, {
264
+ ...postcssOptions,
265
+ from: input,
266
+ to: output
267
+ })).then((result)=>{
268
+ if (!output) {
269
+ process.stdout.write(result.css);
270
+ return;
271
+ }
272
+ return Promise.all([
273
+ (0, _utils.outputFile)(output, result.css),
274
+ result.map && (0, _utils.outputFile)(output + ".map", result.map.toString())
275
+ ]);
276
+ }).then(()=>{
277
+ let end = process.hrtime.bigint();
278
+ console.error();
279
+ console.error("Done in", (end - start) / BigInt(1e6) + "ms.");
280
+ });
281
+ }
282
+ /**
283
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
284
+ */ async function parseChanges(changes) {
285
+ return Promise.all(changes.map(async (change)=>({
286
+ content: await change.content(),
287
+ extension: change.extension
288
+ })));
289
+ }
290
+ if (input !== undefined && input !== "-") {
291
+ state.contextDependencies.add(_path.default.resolve(input));
292
+ }
293
+ return {
294
+ build,
295
+ watch: async ()=>{
296
+ state.watcher = (0, _watchingJs.createWatcher)(args, {
297
+ state,
298
+ /**
299
+ * @param {{file: string, content(): Promise<string>, extension: string}[]} changes
300
+ */ async rebuild (changes) {
301
+ let needsNewContext = changes.some((change)=>{
302
+ return state.configDependencies.has(change.file) || state.contextDependencies.has(change.file);
303
+ });
304
+ if (needsNewContext) {
305
+ state.context = null;
306
+ } else {
307
+ for (let change of (await parseChanges(changes))){
308
+ state.changedContent.push(change);
309
+ }
310
+ }
311
+ return build();
312
+ }
313
+ });
314
+ await build();
315
+ }
316
+ };
317
+ }