chore(deps): update dependency tailwindcss to v4 #5
Loading…
x
Reference in New Issue
Block a user
No description provided.
Delete Branch "renovate/major-tailwindcss-monorepo"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
This PR contains the following updates:
3.4.17
->4.1.6
Release Notes
tailwindlabs/tailwindcss (tailwindcss)
v4.1.6
Compare Source
Added
h-[1lh]
toh-lh
) (#17831, #17854)@source
directives, discovered files and scanned files when usingDEBUG=*
(#17906, #17952)Fixed
scale
values generate negative values (#17831)@reference
(#17836)_
withbg-red-500/(--my_opacity)
(#17889).log
files for classes by default (#17906)@apply
rules (#17925)optionalDependencies
are skipped (#17929)v4.1.5
Compare Source
Added
@tailwindcss/upgrade
to upgrade between versions of v4.* (#17717)h-lh
/min-h-lh
/max-h-lh
utilities (#17790)display
,visibility
,content-visibility
,overlay
, andpointer-events
when usingtransition
to simplify@starting-style
usage (#17812)Fixed
.geojson
or.db
files for classes by default (#17700, #17711)_
with.
in theme suggestions for@utility
if surrounded by digits (#17733)color-mix(…)
when opacity is100%
(#17815)-
to variants starting with@
(#17814)Changed
.hg
,.svn
,.venv
,venv
,.yarn
,.next
,.turbo
,.parcel-cache
,__pycache__
, and.svelte-kit
folders by default (can be overridden by@source …
rules) (#17892)@source
rules that point inside.hg
,.svn
,.venv
,venv
,.yarn
,.next
,.turbo
,.parcel-cache
,__pycache__
, and.svelte-kit
folders no longer consider your.gitignore
rules (#17892)v4.1.4
Compare Source
Added
@tailwindcss/oxide-wasm32-wasi
target for running Tailwind in browser environments like StackBlitz (#17558)Fixed
color-mix(…)
polyfills do not cause used CSS variables to be removed (#17555)color-mix(…)
polyfills create fallbacks for theme variables that reference other theme variables (#17562){10..0..5}
and{0..10..-5}
(#17591)skew-*
utilities (#17627)shadow-inherit
,inset-shadow-inherit
,drop-shadow-inherit
, andtext-shadow-inherit
inherit the shadow color (#17647)fontSize
JS theme keys (#17630)fontSize
array tuple syntax to CSS theme variables (#17630)v4.1.3
Compare Source
Fixed
--value(…)
(#17464)%w
syntax in Slim templates (#17557)v4.1.2
Compare Source
Fixed
@layer base
to polyfill@property
(#17506)drop-shadow-*
utilities that are defined with multiple shadows (#17515)@tailwind utilities
are processed (#17514)color-mix(…)
polyfill creates fallbacks even when using colors that cannot be statically analyzed (#17513)@tailwindcss/vite
and@tailwindcss/postscss
(especially on Windows) (#17511)v4.1.1
Compare Source
Fixed
@source inline(…)
brace expansion (#17491)@import
and body-less@layer
(#17493)@tailwindcss/cli
does not contain an import forjiti
(#17502)v4.1.0
Compare Source
Added
details-content
variant (#15319)inverted-colors
variant (#11693)noscript
variant (#11929, #17431)items-baseline-last
andself-baseline-last
utilities (#13888, #17476)pointer-none
,pointer-coarse
, andpointer-fine
variants (#16946)any-pointer-none
,any-pointer-coarse
, andany-pointer-fine
variants (#16941)user-valid
anduser-invalid
variants (#12370)wrap-anywhere
,wrap-break-word
, andwrap-normal
utilities (#12128)@source inline(…)
and@source not inline(…)
(#17147)@source not "…"
(#17255)text-shadow-*
utilities (#17389)mask-*
utilities (#17134)bg-{position,size}-*
utilities for arbitrary values (#17432)shadow-*/<alpha>
,inset-shadow-*/<alpha>
,drop-shadow-*/<alpha>
, andtext-shadow-*/<alpha>
utilities to control shadow opacity (#17398, #17434)drop-shadow-<color>
utilities (#17434)Fixed
@source
directives (#17391)@tailwindcss/cli
(#17255)content
rules in legacy JavaScript configuration (#17255)@("@​")md:…
as@md:…
in Razor files (#17427)--theme(…)
function still resolves to the CSS variables when using legacy JS plugins (#17458)Changed
node_modules
by default (can be overridden by@source …
rules) (#17255)@source
rules that include file extensions or point insidenode_modules/
folders no longer consider your.gitignore
rules (#17255)bg-{left,right}-{top,bottom}
in favor ofbg-{top,bottom}-{left,right}
utilities (#17378)object-{left,right}-{top,bottom}
in favor ofobject-{top,bottom}-{left,right}
utilities (#17437)v4.0.17
Compare Source
Fixed
v4.0.16
Compare Source
Added
--value('…')
and--modifier('…')
(#17304)Fixed
(
in Pug (#17320)@keyframes
for theme animations are emitted if they are referenced following a comma (#17352)Slim
templates embedded in Ruby files (#17336)--spacing(--value(integer, number))
is used (#17308)::-webkit-details-marker
pseudo tomarker
variant (#17362)v4.0.15
Compare Source
Fixed
-bg-conic-*
utilities (#17174)border-[12px_4px]
being interpreted as aborder-color
instead of aborder-width
(#17248)<template lang="…">
in Vue files (#17252)--value(…)
or--modifier(…)
calls don't delete subsequent declarations (#17273)(
in Slim (#17278)PluginUtils
fromtailwindcss/plugin
for compatibility with v3 (#17299)line-height: initial
from Preflight (#15212)Changed
--theme(…)
function now returns CSS variables from your theme variables unless used inside positions where CSS variables are invalid (e.g. inside@media
queries) (#17036)v4.0.14
Compare Source
Fixed
${
(#17142).
character (#17153)v4.0.13
Compare Source
Fixed
.node
and.wasm
files are not scanned for utilities (#17123)v4.0.12
Compare Source
Fixed
url(…)
rebasing in transitively imported CSS files (#16965)url(…)
s in imported CSS files (#16965)}
and{
are properly extracted (#17001)razor
/cshtml
pre-processing (#17027)v4.0.11
Compare Source
Fixed
--
are extracted correctly (#16972)[
are extracted in Slim templating language (#16985)v4.0.10
Compare Source
Added
col-<number>
androw-<number>
utilities forgrid-column
andgrid-row
(#15183)Fixed
not-*
does not remove:is(…)
from variants (#16825)@keyframes
are correctly emitted when using a prefix (#16850)@utility
declarations when@apply
is used in nested rules (#16940)outline-hidden
behaves likeoutline-none
outside of forced colors mode (#16943)!important
on CSS variables again (#16873).svg
file with#
or?
in the filename (#16957)Changed
max-w-auto
andmax-h-auto
utilities as they generate invalid CSS (#16917)v4.0.9
Compare Source
Fixed
.css
(#16780)@reference "…"
would sometimes omit keyframe animations (#16774)z-*!
utilities are properly marked as!important
(#16795)Changed
@reference "…"
instead of duplicate CSS variable declarations (#16774)v4.0.8
Compare Source
Added
@import
withtheme(…)
options for stylesheets that contain more than just@theme
rules (#16514)Fixed
!important
to CSS variable declarations when using the important modifier (#16668).gitignore
file when using automatic source detection(#16631)translate-z-px
utilities once in compiled CSS (#16718)Changed
v4.0.7
Compare Source
Fixed
tailwindcss/lib/util/flattenColorPalette.js
for backward compatibility (#16411)_
in suggested theme keys (#16433)--default-outline-width
can be used to change theoutline-width
value of theoutline
utility (#16469)tailwindcss/plugin
for backward compatibility (#16505)@tailwindcss/oxide
Windows builds (#16602)tailwindcss
in@tailwindcss/*
packages (#16623)darkMode
JS config setting with block syntax converts to use@slot
(#16507)tailwindcss
and@tailwindcss/postcss
are installed when upgrading (#16620)v4.0.6
Compare Source
Fixed
blur
toblur-sm
when used with Next.js<Image placeholder="blur" />
(#16405)v4.0.5
Compare Source
Added
@theme static
option for always including theme variables in compiled CSS (#16211)Fixed
console.log
from@tailwindcss/vite
(#16307)Changed
v4.0.4
Compare Source
Fixed
null
(#16210)containers
JS theme key is added to the--container-*
namespace (#16169)@keyframes
are generated even if an--animation-*
variable spans multiple lines (#16237)?commonjs-proxy
flag (#16238)order-first
andorder-last
for Firefox (#16266)NODE_PATH
is respected when resolving JavaScript and CSS files (#16274)@variant
inside a referenced stylesheet could cause a stack overflow (#16300)v4.0.3
Compare Source
Fixed
@import url();
(#16144)v4.0.2
Compare Source
Fixed
grid-cols-*
andgrid-rows-*
utilities (#16020)@reference
or@variant
(#16057)<style>
blocks in HTML files (#16069)@keyframes
in@theme reference
(#16120)@variant
when at the top-level of a stylesheet (#16129)v4.0.1
Compare Source
Fixed
v4.0.0
Compare Source
Added
@property
, andcolor-mix()
.color-scheme
,field-sizing
, complex shadows,inert
, and more.Start using Tailwind CSS v4.0 today by installing it in a new project, or playing with it directly in the browser on Tailwind Play.
For existing projects, we've published a comprehensive upgrade guide and built an automated upgrade tool to get you on the latest version as quickly and painlessly as possible.
For a deep-dive into everything that's new, check out the announcement post.
Configuration
📅 Schedule: Branch creation - "every weekend" (UTC), Automerge - At any time (no schedule defined).
🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.
♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 Ignore: Close this PR and you won't be reminded about this update again.
This PR has been generated by Renovate Bot.
10e3ad118d
to4f24f94bba
4f24f94bba
to4c1de2beea
4c1de2beea
to5621f6e5ef
5621f6e5ef
to9c3a54804b
9c3a54804b
to3f196f5f94
3f196f5f94
to2cb6f5b09d
Checkout
From your project repository, check out a new branch and test the changes.