Updatify / Tailwind | Release notes

• Bump versions for security vulnerabilities (#14697)
• Ensure the TypeScript types for the boxShadow theme configuration allows arrays (#14856)
• Set fallback for opacity variables to ensure setting colors with the selection:* variant works in Chrome 131 (#15003)

Fixed

• Don’t set display: none on elements that use hidden="until-found" (#14625)

Fixed

• Improve source glob verification performance (#14481)

Fixed

• Ensure using @apply with utilities that use @defaults works with rules defined in the base layer when using optimizeUniversalDefaults (#14427)

Fixed

• Allow anchor-size(…) in arbitrary values (#14393)

Fixed

• Bump versions of plugins in the Standalone CLI (#14185)

Fixed

• No longer warns when broad glob patterns are detecting vendor folders

Fixed

• Fix minification when using nested CSS (#14105)
• Warn when broad glob patterns are used in the content configuration (#14140)

Fixed

• Fix class detection in Slim templates with attached attributes and ID (#14019)
• Ensure attribute values in data-* and aria-* modifiers are always quoted in the generated CSS (#14037)

Fixed

• Fix detection of some utilities in Slim/Pug templates (#14006)

Changed

• Loosen :is() wrapping rules when using an important selector (#13900)

Fixed

• Disable automatic var() injection for anchor properties (#13826)
• Use no value instead of blur(0px) for backdrop-blur-none and blur-none utilities (#13830)
• Add .mts and .cts config file detection (#13940)
• Don’t generate utilities like px-1 unnecessarily when using utilities like px-1.5 (#13959)
• Always generate -webkit-backdrop-filter for backdrop-* utilities (#13997)

Fixed

• Make it possible to use multiple <alpha-value> placeholders in a single color definition (#13740)
• Don’t prefix classes in arbitrary values of has-*, group-has-*, and peer-has-* variants (#13770)
• Support negative values for {col,row}-{start,end} utilities (#13781)
• Update embedded browserslist database (#13792)

Fixed

• Revert changes to glob handling (#13384)

Fixed

• Ensure max specificity of 0,0,1 for button and input Preflight rules (#12735)
• Improve glob handling for folders with (, ), [ or ] in the file path (#12715)
• Split :has rules when using experimental.optimizeUniversalDefaults (#12736)
• Sort arbitrary properties alphabetically across multiple class lists (#12911)
• Add mix-blend-plus-darker utility (#12923)
• Ensure dashes are allowed in variant modifiers (#13303)
• Fix crash showing completions in Intellisense when using a custom separator (#13306)
• Transpile import.meta.url in config files (#13322)
• Reset letter spacing for form elements (#13150)
• Fix missing xx-large and remove double x-large absolute size (#13324)
• Don’t error when encountering nested CSS unless trying to @apply a class that uses nesting (#13325)
• Ensure that arbitrary properties respect important configuration (#13353)
• Change dark mode selector so @apply works correctly with pseudo elements (#13379)

Fixed

• Don’t remove keyframe stops when using important utilities (#12639)
• Don’t add spaces to gradients and grid track names when followed by calc() (#12704)
• Restore old behavior for class dark mode strategy (#12717)

Added

• Add new selector and variant strategies for dark mode (#12717)

Changed

• Support rtl and ltr variants on same element as dir attribute (#12717)

Tailwind CSS v3.4 has arrived! Check out the announcement post for a guided tour through all of the highlights.

Added

• Add svh, lvh, and dvh values to default height/min-height/max-height theme (#11317)
• Add has-* variants for :has(...) pseudo-class (#11318)
• Add text-wrap utilities including text-balance and text-pretty (#11320, #12031)
• Extend default opacity scale to include all steps of 5 (#11832)
• Update Preflight html styles to include shadow DOM :host pseudo-class (#11200)
• Increase default values for grid-rows-* utilities from 1–6 to 1–12 (#12180)
• Add size-* utilities (#12287)
• Add utilities for CSS subgrid (#12298)
• Add spacing scale to min-w-*, min-h-*, and max-w-* utilities (#12300)
• Add forced-color-adjust utilities (#11931)
• Add forced-colors variant (#11694, #12582)
• Add appearance-auto utility (#12404)
• Add logical property values for float and clear utilities (#12480)
• Add * variant for targeting direct children (#12551)

Changed

• Simplify the sans font-family stack (#11748)
• Disable the tap highlight overlay on iOS (#12299)
• Improve relative precedence of rtl, ltr, forced-colors, and dark variants (#12584)

Fixed

• Fix support for container query utilities with arbitrary values (#12534)
• Fix custom config loading in Standalone CLI (#12616)

Fixed

• Don’t add spaces to negative numbers following a comma (#12324)
• Don’t emit @config in CSS when watching via the CLI (#12327)
• Improve types for resolveConfig (#12272)
• Ensure configured font-feature-settings for mono are included in Preflight (#12342)
• Improve candidate detection in minified JS arrays (without spaces) (#12396)
• Don’t crash when given applying a variant to a negated version of a simple utility (#12514)
• Fix support for slashes in arbitrary modifiers (#12515)
• Fix source maps of variant utilities that come from an @layer rule (#12508)
• Fix loading of built-in plugins when using an ESM or TypeScript config with the Standalone CLI (#12506)

Fixed

• Fix incorrect spaces around - in calc() expression (#12283)

Fixed

• Improve normalisation of calc()-like functions (#11686)
• Skip calc() normalisation in nested theme() calls (#11705)
• Fix incorrectly generated CSS when using square brackets inside arbitrary properties (#11709)
• Make content optional for presets in TypeScript types (#11730)
• Handle variable colors that have variable fallback values (#12049)
• Batch reading content files to prevent too many open files error (#12079)
• Skip over classes inside :not(…) when nested in an at-rule (#12105)
• Update types to work with Node16 module resolution (#12097)
• Don’t crash when important and parent selectors are equal in @apply (#12112)
• Eliminate irrelevant rules when applying variants (#12113)
• Improve RegEx parser, reduce possibilities as the key for arbitrary properties (#12121)
• Fix sorting of utilities that share multiple candidates (#12173)
• Ensure variants with arbitrary values and a modifier are correctly matched in the RegEx based parser (#12179)
• Fix crash when watching renamed files on FreeBSD (#12193)
• Allow plugins from a parent document to be used in an iframe (#12208)
• Add types for tailwindcss/nesting (#12269)
• Bump jiti, fast-glob, and browserlist dependencies (#11550)
• Improve automatic var injection for properties that accept a <dashed-ident> (#12236)

Fixed

• Fix issue where some pseudo-element variants generated the wrong selector (#10943, #10962, #11111)
• Make font settings propagate into buttons, inputs, etc. (#10940)
• Fix parsing of theme() inside calc() when there are no spaces around operators (#11157)
• Ensure repeating-conic-gradient is detected as an image (#11180)
• Move unknown pseudo-elements outside of :is by default (#11345)
• Escape animation names when prefixes contain special characters (#11470)
• Don’t prefix arbitrary classes in group and peer variants (#11454)
• Sort classes using position of first matching rule (#11504)
• Allow variant to be an at-rule without a prelude (#11589)
• Make PostCSS plugin async to improve performance (#11548)
• Don’t error when a config file is missing (f97759f)

Added

• Add aria-busy utility (#10966)

Changed

• Reset padding for <dialog> elements in preflight (#11069)

Fixed

• Don’t move unknown pseudo-elements to the end of selectors (#10943, #10962)
• Inherit gradient stop positions when using variants (#11002)
• Honor default to position of gradient when using implicit transparent colors (#11002)
• Ensure @tailwindcss/oxide doesn’t leak in the stable engine (#10988)
• Ensure multiple theme(spacing[5]) calls with bracket notation in arbitrary properties work (#11039)
• Normalize arbitrary modifiers (#11057)

Changed

• Drop support for Node.js v12 (#11089)

Fixed

• Fix edge case bug when loading a TypeScript config file with webpack (#10898)
• Fix variant, @apply, and important selectors when using :is() or :has() with pseudo-elements (#10903)
• Fix safelist config types (#10901)
• Fix build errors caused by @tailwindcss/line-clamp warning (#10915, #10919)
• Fix “process is not defined” error (#10919)

Tailwind CSS v3.3 is here! Check out the announcement post for a deep dive into all of the cool new stuff.

Added

• Support ESM and TypeScript config files (#10785)
• Extend default color palette with new 950 shades (#10879)
• Add line-height modifier support to font-size utilities (#9875)
• Add support for using variables as arbitrary values without var(...) (#9880, #9962)
• Add logical properties support for inline direction (#10166)
• Add hyphens utilities (#10071)
• Add from-{position}, via-{position} and to-{position} utilities (#10886)
• Add list-style-image utilities (#10817)
• Add caption-side utilities (#10470)
• Add line-clamp utilities from @tailwindcss/line-clamp to core (#10768, #10876, #10862)
• Add delay-0 and duration-0 utilities (#10294)
• Add justify-normal and justify-stretch utilities (#10560)
• Add content-normal and content-stretch utilities (#10645)
• Add whitespace-break-spaces utility (#10729)
• Add support for configuring default font-variation-settings for a font-family (#10034, #10515)

Fixed

• Disallow using multiple selectors in arbitrary variants (#10655)
• Sort class lists deterministically for Prettier plugin (#10672)
• Ensure CLI builds have a non-zero exit code on failure (#10703)
• Ensure module dependencies for value null, is an empty Set (#10877)
• Fix format assumption when resolving module dependencies (#10878)

Changed

• Mark rtl and ltr variants as stable and remove warnings (#10764)
• Use inset instead of top, right, bottom, and left properties (#10765)
• Make dark and rtl/ltr variants insensitive to DOM order (#10766)
• Use :is to make important selector option insensitive to DOM order (#10835)

Fixed

• Fix use of :where(.btn) when matching !btn (#10601)
• Revert including outline-color in transition and transition-colors by default (#10604)

Fixed

• Fix installation failing with yarn and pnpm by dropping oxide-api-shim (add1636)

Added

• Add standalone CLI build for 64-bit Windows on ARM (node16-win-arm64) (#10001)

Fixed

• Cleanup unused variantOrder (#9829)
• Fix foo-[abc]/[def] not being handled correctly (#9866)
• Add container queries plugin to standalone CLI (#9865)
• Support renaming of output files by PostCSS plugins in CLI (#9944)
• Improve return value of resolveConfig, unwrap ResolvableTo (#9972)
• Clip unbalanced brackets in arbitrary values (#9973)
• Don’t reorder webkit scrollbar pseudo elements (#9991)
• Deterministic sorting of arbitrary variants (#10016)
• Add data key to theme types (#10023)
• Prevent invalid arbitrary variant selectors from failing the build (#10059)
• Properly handle subtraction followed by a variable (#10074)
• Fix missing string[] in the theme.dropShadow types (#10072)
• Update list of length units (#10100)
• Fix not matching arbitrary properties when closely followed by square brackets (#10212)
• Allow direct nesting in root or @layer nodes (#10229)
• Don’t prefix classes in arbitrary variants (#10214)
• Fix perf regression when checking for changed content (#10234)
• Fix missing blocklist member in the Config type (#10239)
• Escape group names in selectors (#10276)
• Consider earlier variants before sorting functions (#10288)
• Allow variants with slashes (#10336)
• Ensure generated CSS is always sorted in the same order for a given set of templates (#10382)
• Handle variants when the same class appears multiple times in a selector (#10397)
• Handle group/peer variants with quoted strings (#10400)
• Parse alpha value from rgba/hsla colors when using variables (#10429)
• Sort by layer inside variants layer (#10505)
• Add --watch=always option to prevent exit when stdin closes (#9966)

Changed

• Alphabetize theme keys in default config (#9953)
• Update esbuild to v17 (#10368)
• Include outline-color in transition and transition-colors utilities (#10385)

Added

• Add blocklist option to prevent generating unwanted CSS (#9812)

Fixed

• Fix watching of files on Linux when renames are involved (#9796)
• Make sure errors are always displayed when watching for changes (#9810)

Fixed

• Fixed use of raw content in the CLI (#9773)
• Pick up changes from files that are both context and content deps (#9787)
• Sort pseudo-elements ONLY after classes when using variants and @apply (#9765)
• Support important utilities in the safelist (pattern must include a !) (#9791)