tailwindcss 4.0.0-alpha.32

v4.0.0-alpha.32

on Node.js NPM

Added

• Support derived spacing scales based on a single --spacing theme value (#14857)
• Add svh, dvh, svw, dvw, and auto values to all width/height/size utilities (#14857)
• Add new ** variant (#14903)
• Process <style> blocks inside Svelte files when using the Vite extension (#14151)
• Normalize date/time input styles in Preflight (#14931)
• Upgrade (experimental): Migrate grid-cols-[subgrid] and grid-rows-[subgrid] to grid-cols-subgrid and grid-rows-subgrid (#14840)
• Upgrade (experimental): Support migrating projects with multiple config files (#14863)
• Upgrade (experimental): Rename shadow to shadow-sm, shadow-sm to shadow-xs, and shadow-xs to shadow-2xs (#14875)
• Upgrade (experimental): Rename inset-shadow to inset-shadow-sm, inset-shadow-sm to inset-shadow-xs, and inset-shadow-xs to inset-shadow-2xs (#14875)
• Upgrade (experimental): Rename drop-shadow to drop-shadow-sm and drop-shadow-sm to drop-shadow-xs (#14875)
• Upgrade (experimental): Rename rounded to rounded-sm and rounded-sm to rounded-xs (#14875)
• Upgrade (experimental): Rename blur to blur-sm and blur-sm to blur-xs (#14875)
• Upgrade (experimental): Migrate theme() usage and JS config files to use the new --spacing multiplier where possible (#14905)
• Upgrade (experimental): Migrate arbitrary values in variants to built-in values where possible (#14841)

Fixed

• Detect classes in new files when using @tailwindcss/postcss (#14829)
• Fix crash when using @source containing .. (#14831)
• Ensure instances of the same variant with different values are always sorted deterministically (e.g. data-focus:flex and data-active:flex) (#14835)
• Ensure --inset-ring=* and --inset-shadow-* variables are ignored by inset-* utilities (#14855)
• Ensure url(…) containing special characters such as ; or {} end up in one declaration (#14879)
• Ensure adjacent rules are merged together after handling nesting when generating optimized CSS (#14873)
• Rebase url() inside imported CSS files when using Vite (#14877)
• Ensure that CSS transforms from other Vite plugins correctly work in full builds (e.g. :deep() in Vue) (#14871)
• Ensure the CSS theme() function handles newlines and tabs in its arguments list (#14917)
• Don't unset keys like --inset-shadow-* when unsetting keys like --inset-* (#14906)
• Ensure spacing utilities with no value (e.g. px or translate-y) don't generate CSS (#14911)
• Don't override user-agent background color for input elements in Preflight (#14913)
• Don't attempt to convert CSS variables (which should already be percentages) to percentages when used as opacity modifiers (#14916)
• Ensure custom utilities registered with the plugin API can start with @ (#14793)
• Upgrade (experimental): Install @tailwindcss/postcss next to tailwindcss (#14830)
• Upgrade (experimental): Remove whitespace around , separator when print arbitrary values (#14838)
• Upgrade (experimental): Fix crash during upgrade when content globs escape root of project (#14896)
• Upgrade (experimental): Don't convert theme(…/15%) to modifier unless it is the entire arbitrary value of a utility (#14922)
• Upgrade (experimental): Convert , to in arbitrary grid-cols-*, grid-rows-*, and object-* values (#14927)

Changed

• Remove --drop-shadow-none from the default theme in favor of a static drop-shadow-none utility (#14847)
• Rename shadow to shadow-sm, shadow-sm to shadow-xs, and shadow-xs to shadow-2xs (#14849)
• Rename inset-shadow to inset-shadow-sm, inset-shadow-sm to inset-shadow-xs, and inset-shadow-xs to inset-shadow-2xs (#14849)
• Rename drop-shadow to drop-shadow-sm and drop-shadow-sm to drop-shadow-xs (#14849)
• Rename rounded to rounded-sm and rounded-sm to rounded-xs (#14849)
• Rename blur to blur-sm and blur-sm to blur-xs (#14849)
• Remove fixed line-height theme values and derive leading-* utilites from --spacing-* scale (#14857)
• Remove --transition-timing-function-linear from the default theme in favor of a static ease-linear utility (#14880)
• Remove default --spacing-* scale in favor of --spacing multiplier (#14857)
• Remove var(…) fallbacks from theme values in utilities (#14881)
• Remove static font-weight utilities and add --font-weight-* values to the default theme (#14883)
• Rename --transition-timing-function-* variables to --ease-* (#14886)
• Rename --width-* variables to --container-* (#14898)
• Rename --font-size-* variables to --text-* (#14909)
• Rename --letter-spacing-* variables to --tracking-* (#14921)
• Rename --line-height-* variables to --leading-* (#14925)
• Revert specificity of * variant to match v3 behavior (#14920)
• Replace outline-none with outline-hidden, add new simplified outline-none utility (#14926)
• Revert adding borders by default to form inputs (#14929)
• Deprecate shadow-inner utility (#14933)
• Remove --leading-none from the default theme in favor of a static leading-none utility (#14934)