chore: bump tailwindcss from 3.4.17 to 4.0.1 #373

Closed
martinr92 wants to merge 1 commit from dependabot-npm_and_yarn-develop-tailwindcss-4.0.1 into develop
martinr92 commented 2025-01-30 03:57:33 +00:00 (Migrated from gitlab.com)

Bumps tailwindcss from 3.4.17 to 4.0.1.

Release notes

Sourced from tailwindcss's releases.

v4.0.1

Added

  • Include :open pseudo-class in existing open variant (#15349)

Fixed

  • Remove invalid min-w/h-none utilities (#15845)
  • Discard CSS variable shorthand utilities that don't use valid CSS variables (#15738)
  • Ensure font-size utilities with none modifier have a line-height set e.g. text-sm/none (#15921)
  • Ensure font-size utilities with unknown modifier don't generate CSS (#15921)
  • Don’t suggest font weight utilities more than once (#15857)
  • Suggest container query variants (#15857)
  • Disable bare value suggestions when not using the --spacing variable (#15857)
  • Ensure suggested classes are properly sorted (#15857)
  • Don’t look at .gitignore files outside initialized repos (#15941)
  • Find utilities when using the Svelte class shorthand syntax across multiple lines (#15974)
  • Find utilities when using the Angular class shorthand syntax (#15974)
  • Find utilities when using functions inside arrays (#15974)
  • Ensure that @tailwindcss/browser does not pollute the global namespace (#15978)
  • Ensure that tailwind-merge is not scanned when using the Vite plugin (#16005)
  • Ensure CSS theme variables are available within shadow roots (#15975)
  • Fix crash when project lives in the / directory (#15988)
  • Ensure custom variants have a non-empty selector list (#16009)
  • Upgrade: Ensure JavaScript config files on different drives are correctly migrated (#15927)
  • Upgrade: Migrate leading-[1] to leading-none (#16004)
  • Upgrade: Do not migrate arbitrary leading utilities to bare values (#16004)

v4.0.0

Holy shit it's actually done — we just tagged Tailwind CSS v4.0.

Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.

  • New high-performance engine — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.
  • Designed for the modern web — built on cutting-edge CSS features like cascade layers, registered custom properties with @property, and color-mix().
  • Simplified installation — fewer dependencies, zero configuration, and just a single line of code in your CSS file.
  • First-party Vite plugin — tight integration for maximum performance and minimum configuration.
  • Automatic content detection — all of your template files are discovered automatically, with no configuration required.
  • Built-in import support — no additional tooling necessary to bundle multiple CSS files.
  • CSS-first configuration — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.
  • CSS theme variables — all of your design tokens exposed as native CSS variables so you can access them anywhere.
  • Dynamic utility values and variants — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.
  • Modernized P3 color palette — a redesigned, more vivid color palette that takes full advantage of modern display technology.
  • Container queries — first-class APIs for styling elements based on their container size, no plugins required.
  • New 3D transform utilities — transform elements in 3D space directly in your HTML.
  • Expanded gradient APIs — radial and conic gradients, interpolation modes, and more.
  • @​starting-style support — a new variant you can use to create enter and exit transitions, without the need for JavaScript.
  • not-* variant — style an element only when it doesn't match another variant, custom selector, or media or feature query.

... (truncated)

Changelog

Sourced from tailwindcss's changelog.

[4.0.1] - 2025-01-29

Added

  • Include :open pseudo-class in existing open variant (#15349)

Fixed

  • Remove invalid min-w/h-none utilities (#15845)
  • Discard CSS variable shorthand utilities that don't use valid CSS variables (#15738)
  • Ensure font-size utilities with none modifier have a line-height set e.g. text-sm/none (#15921)
  • Ensure font-size utilities with unknown modifier don't generate CSS (#15921)
  • Don’t suggest font weight utilities more than once (#15857)
  • Suggest container query variants (#15857)
  • Disable bare value suggestions when not using the --spacing variable (#15857)
  • Ensure suggested classes are properly sorted (#15857)
  • Don’t look at .gitignore files outside initialized repos (#15941)
  • Find utilities when using the Svelte class shorthand syntax across multiple lines (#15974)
  • Find utilities when using the Angular class shorthand syntax (#15974)
  • Find utilities when using functions inside arrays (#15974)
  • Ensure that @tailwindcss/browser does not pollute the global namespace (#15978)
  • Ensure that tailwind-merge is not scanned when using the Vite plugin (#16005)
  • Ensure CSS theme variables are available within shadow roots (#15975)
  • Fix crash when project lives in the / directory (#15988)
  • Ensure custom variants have a non-empty selector list (#16009)
  • Upgrade: Ensure JavaScript config files on different drives are correctly migrated (#15927)
  • Upgrade: Migrate leading-[1] to leading-none (#16004)
  • Upgrade: Do not migrate arbitrary leading utilities to bare values (#16004)

[4.0.0] - 2025-01-21

Added

... (truncated)

Commits

Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss) from 3.4.17 to 4.0.1. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/tailwindcss/releases">tailwindcss's releases</a>.</em></p> <blockquote> <h2>v4.0.1</h2> <h3>Added</h3> <ul> <li>Include <code>:open</code> pseudo-class in existing <code>open</code> variant (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15349">#15349</a>)</li> </ul> <h3>Fixed</h3> <ul> <li>Remove invalid <code>min-w/h-none</code> utilities (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15845">#15845</a>)</li> <li>Discard CSS variable shorthand utilities that don't use valid CSS variables (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15738">#15738</a>)</li> <li>Ensure font-size utilities with <code>none</code> modifier have a line-height set e.g. <code>text-sm/none</code> (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15921">#15921</a>)</li> <li>Ensure font-size utilities with unknown modifier don't generate CSS (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15921">#15921</a>)</li> <li>Don’t suggest font weight utilities more than once (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Suggest container query variants (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Disable bare value suggestions when not using the <code>--spacing</code> variable (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Ensure suggested classes are properly sorted (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Don’t look at .gitignore files outside initialized repos (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15941">#15941</a>)</li> <li>Find utilities when using the Svelte class shorthand syntax across multiple lines (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15974">#15974</a>)</li> <li>Find utilities when using the Angular class shorthand syntax (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15974">#15974</a>)</li> <li>Find utilities when using functions inside arrays (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15974">#15974</a>)</li> <li>Ensure that <code>@tailwindcss/browser</code> does not pollute the global namespace (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15978">#15978</a>)</li> <li>Ensure that <code>tailwind-merge</code> is not scanned when using the Vite plugin (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16005">#16005</a>)</li> <li>Ensure CSS theme variables are available within shadow roots (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15975">#15975</a>)</li> <li>Fix crash when project lives in the <code>/</code> directory (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15988">#15988</a>)</li> <li>Ensure custom variants have a non-empty selector list (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16009">#16009</a>)</li> <li><em>Upgrade</em>: Ensure JavaScript config files on different drives are correctly migrated (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15927">#15927</a>)</li> <li><em>Upgrade</em>: Migrate <code>leading-[1]</code> to <code>leading-none</code> (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16004">#16004</a>)</li> <li><em>Upgrade</em>: Do not migrate arbitrary leading utilities to bare values (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16004">#16004</a>)</li> </ul> <h2>v4.0.0</h2> <p><a href="https://tailwindcss.com/blog/tailwindcss-v4"><img src="https://github.com/user-attachments/assets/cf527dc2-7e42-4884-9628-dbb27459d2aa" alt="" /></a></p> <p>Holy shit it's actually done — we just tagged Tailwind CSS v4.0.</p> <p>Tailwind CSS v4.0 is an all-new version of the framework optimized for performance and flexibility, with a reimagined configuration and customization experience, and taking full advantage of the latest advancements the web platform has to offer.</p> <ul> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#new-high-performance-engine">New high-performance engine</a> — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#designed-for-the-modern-web">Designed for the modern web</a> — built on cutting-edge CSS features like cascade layers, registered custom properties with <code>@property</code>, and <code>color-mix()</code>.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#simplified-installation">Simplified installation</a> — fewer dependencies, zero configuration, and just a single line of code in your CSS file.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#first-party-vite-plugin">First-party Vite plugin</a> — tight integration for maximum performance and minimum configuration.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#automatic-content-detection">Automatic content detection</a> — all of your template files are discovered automatically, with no configuration required.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#built-in-import-support">Built-in import support</a> — no additional tooling necessary to bundle multiple CSS files.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#css-first-configuration">CSS-first configuration</a> — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#css-theme-variables">CSS theme variables</a> — all of your design tokens exposed as native CSS variables so you can access them anywhere.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#dynamic-utility-values-and-variants">Dynamic utility values and variants</a> — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#modernized-p3-color-palette">Modernized P3 color palette</a> — a redesigned, more vivid color palette that takes full advantage of modern display technology.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#container-queries">Container queries</a> — first-class APIs for styling elements based on their container size, no plugins required.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#new-3d-transform-utilities">New 3D transform utilities</a> — transform elements in 3D space directly in your HTML.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#expanded-gradient-apis">Expanded gradient APIs</a> — radial and conic gradients, interpolation modes, and more.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#starting-style-support"><code>@​starting-style support</code></a> — a new variant you can use to create enter and exit transitions, without the need for JavaScript.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#not-variant">not-* variant</a> — style an element only when it doesn't match another variant, custom selector, or media or feature query.</li> </ul> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/tailwindlabs/tailwindcss/blob/main/CHANGELOG.md">tailwindcss's changelog</a>.</em></p> <blockquote> <h2>[4.0.1] - 2025-01-29</h2> <h3>Added</h3> <ul> <li>Include <code>:open</code> pseudo-class in existing <code>open</code> variant (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15349">#15349</a>)</li> </ul> <h3>Fixed</h3> <ul> <li>Remove invalid <code>min-w/h-none</code> utilities (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15845">#15845</a>)</li> <li>Discard CSS variable shorthand utilities that don't use valid CSS variables (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15738">#15738</a>)</li> <li>Ensure font-size utilities with <code>none</code> modifier have a line-height set e.g. <code>text-sm/none</code> (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15921">#15921</a>)</li> <li>Ensure font-size utilities with unknown modifier don't generate CSS (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15921">#15921</a>)</li> <li>Don’t suggest font weight utilities more than once (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Suggest container query variants (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Disable bare value suggestions when not using the <code>--spacing</code> variable (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Ensure suggested classes are properly sorted (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15857">#15857</a>)</li> <li>Don’t look at .gitignore files outside initialized repos (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15941">#15941</a>)</li> <li>Find utilities when using the Svelte class shorthand syntax across multiple lines (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15974">#15974</a>)</li> <li>Find utilities when using the Angular class shorthand syntax (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15974">#15974</a>)</li> <li>Find utilities when using functions inside arrays (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15974">#15974</a>)</li> <li>Ensure that <code>@tailwindcss/browser</code> does not pollute the global namespace (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15978">#15978</a>)</li> <li>Ensure that <code>tailwind-merge</code> is not scanned when using the Vite plugin (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16005">#16005</a>)</li> <li>Ensure CSS theme variables are available within shadow roots (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15975">#15975</a>)</li> <li>Fix crash when project lives in the <code>/</code> directory (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15988">#15988</a>)</li> <li>Ensure custom variants have a non-empty selector list (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16009">#16009</a>)</li> <li><em>Upgrade</em>: Ensure JavaScript config files on different drives are correctly migrated (<a href="https://github.com/tailwindlabs/tailwindcss/pull/15927">#15927</a>)</li> <li><em>Upgrade</em>: Migrate <code>leading-[1]</code> to <code>leading-none</code> (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16004">#16004</a>)</li> <li><em>Upgrade</em>: Do not migrate arbitrary leading utilities to bare values (<a href="https://github.com/tailwindlabs/tailwindcss/pull/16004">#16004</a>)</li> </ul> <h2>[4.0.0] - 2025-01-21</h2> <h3>Added</h3> <ul> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#new-high-performance-engine">New high-performance engine</a> — where full builds are up to 5x faster, and incremental builds are over 100x faster — and measured in microseconds.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#designed-for-the-modern-web">Designed for the modern web</a> — built on cutting-edge CSS features like cascade layers, registered custom properties with <code>@property</code>, and <code>color-mix()</code>.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#simplified-installation">Simplified installation</a> — fewer dependencies, zero configuration, and just a single line of code in your CSS file.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#first-party-vite-plugin">First-party Vite plugin</a> — tight integration for maximum performance and minimum configuration.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#automatic-content-detection">Automatic content detection</a> — all of your template files are discovered automatically, with no configuration required.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#built-in-import-support">Built-in import support</a> — no additional tooling necessary to bundle multiple CSS files.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#css-first-configuration">CSS-first configuration</a> — a reimagined developer experience where you customize and extend the framework directly in CSS instead of a JavaScript configuration file.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#css-theme-variables">CSS theme variables</a> — all of your design tokens exposed as native CSS variables so you can access them anywhere.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#dynamic-utility-values-and-variants">Dynamic utility values and variants</a> — stop guessing what values exist in your spacing scale, or extending your configuration for things like basic data attributes.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#modernized-p3-color-palette">Modernized P3 color palette</a> — a redesigned, more vivid color palette that takes full advantage of modern display technology.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#container-queries">Container queries</a> — first-class APIs for styling elements based on their container size, no plugins required.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#new-3d-transform-utilities">New 3D transform utilities</a> — transform elements in 3D space directly in your HTML.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#expanded-gradient-apis">Expanded gradient APIs</a> — radial and conic gradients, interpolation modes, and more.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#starting-style-support"><code>@​starting-style support</code></a> — a new variant you can use to create enter and exit transitions, without the need for JavaScript.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#not-variant">not-* variant</a> — style an element only when it doesn't match another variant, custom selector, or media or feature query.</li> <li><a href="https://tailwindcss.com/blog/tailwindcss-v4#even-more-new-utilities-and-variants">Even more new utilities and variants</a> — including support for <code>color-scheme</code>, <code>field-sizing</code>, complex shadows, <code>inert</code>, and more.</li> </ul> <!-- raw HTML omitted --> </blockquote> <p>... (truncated)</p> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/06552092bd03c72f384d4b1095b0e7997519f33f"><code>0655209</code></a> Prepare v4.0.1 release (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/16018">#16018</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/9fef2bde50c38dca4eb34c3d760e4cf84188bb45"><code>9fef2bd</code></a> Add <code>:host</code> rule to <code>@theme</code> layer (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/15975">#15975</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/924dd69bdb5a284f9f64efbbbb7ec799b0ab912c"><code>924dd69</code></a> Ensure <code>@custom-variant foo ()</code> has a non-empty selector list (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/16009">#16009</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/965048c01ac41a2c597754eb75773fcb2a96a677"><code>965048c</code></a> Remove the <code>force</code> variant (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/16007">#16007</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/1eb29806788767958d4ce50308c4b189660baa36"><code>1eb2980</code></a> Fix IntelliSense class suggestions (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/15857">#15857</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/f1221b3fce5028b232a9b7005350e9a1edfc7304"><code>f1221b3</code></a> Ensure font-size utilities with <code>none</code> modifier works e.g.: <code>text-sm/none</code> (#...</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/6dd4c334c2062714869ecdd3f2604a5070aa5b8a"><code>6dd4c33</code></a> Include <code>:open</code> in the open variant (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/15349">#15349</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/193fc609899cf0c2146178b107fff08fdaab415e"><code>193fc60</code></a> Ensure CSS variable shorthand uses valid CSS variables (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/15738">#15738</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/7e20c3b58750f769d9b6e35bf283689c86341b1d"><code>7e20c3b</code></a> Remove <code>min-w/h-none</code> (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/15845">#15845</a>)</li> <li><a href="https://github.com/tailwindlabs/tailwindcss/commit/a8c54acaba7d51875bd332163754fb8bc40939a4"><code>a8c54ac</code></a> Prepare v4.0.0 release (<a href="https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss/issues/15693">#15693</a>)</li> <li>Additional commits viewable in <a href="https://github.com/tailwindlabs/tailwindcss/commits/v4.0.1/packages/tailwindcss">compare view</a></li> </ul> </details> <br />
martinr92 commented 2025-01-30 03:57:33 +00:00 (Migrated from gitlab.com)

assigned to @martinr92

assigned to @martinr92
martinr92 commented 2025-01-30 03:57:37 +00:00 (Migrated from gitlab.com)

mentioned in merge request !347

mentioned in merge request !347
martinr92 commented 2025-02-01 03:57:31 +00:00 (Migrated from gitlab.com)

This merge request has been superseded by !350+

This merge request has been superseded by !350+
martinr92 (Migrated from gitlab.com) closed this pull request 2025-02-01 03:57:31 +00:00

Pull request closed

Sign in to join this conversation.
No description provided.