Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Bump tailwindcss from 3.4.17 to 4.0.0 #453

Closed
wants to merge 1 commit into from
Closed

Bump tailwindcss from 3.4.17 to 4.0.0 #453

wants to merge 1 commit into from

Conversation

dependabot[bot]
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Jan 27, 2025 •
edited
Loading

Bumps tailwindcss from 3.4.17 to 4.0.0.

Release notes

Sourced from tailwindcss's releases.

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.

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.

v4.0.0-beta.10

Added

  • Add support for using @variant to use variants in your CSS (#15663)
  • Include outline-color when transitioning colors (#15690)

Fixed

  • Add missing main and browser fields for @tailwindcss/browser (#15594)
  • Support escaping * in theme namespace syntax (e.g.: --color-\*: initial;) (#15603)
  • Respect @theme options when resolving values in custom functional utilities (#15623)
  • Discard invalid variants (e.g. data-checked-[selected=1]:*) (#15629)
  • Ensure -outline-offset-* utilities are suggested in IntelliSense (#15646)
  • Write to stdout when --output is set to - or omitted with @tailwindcss/cli (#15656)
  • Prevent not-* from being used with variants that have multiple sibling rules (#15689)
  • Upgrade (experimental): Pretty print --spacing(…) to prevent ambiguity (#15596)

Changed

  • Use more modern --alpha(color / 50%) syntax instead of --alpha(color, 50%) (#15665)

... (truncated)

Changelog

Sourced from tailwindcss's changelog.

[4.0.0] - 2025-01-21

[4.0.0-beta.10] - 2025-01-21

Added

  • Add support for using @variant to use variants in your CSS (#15663)
  • Include outline-color when transitioning colors (#15690)

Fixed

  • Add missing main and browser fields for @tailwindcss/browser (#15594)
  • Support escaping * in theme namespace syntax (e.g.: --color-\*: initial;) (#15603)
  • Respect @theme options when resolving values in custom functional utilities (#15623)
  • Discard invalid variants (e.g. data-checked-[selected=1]:*) (#15629)
  • Ensure -outline-offset-* utilities are suggested in IntelliSense (#15646)
  • Write to stdout when --output is set to - or omitted with @tailwindcss/cli (#15656)
  • Prevent not-* from being used with variants that have multiple sibling rules (#15689)
  • Upgrade (experimental): Pretty print --spacing(…) to prevent ambiguity (#15596)

Changed

  • Use more modern --alpha(color / 50%) syntax instead of --alpha(color, 50%) (#15665)
  • Rename @variant to @custom-variant (#15663)
  • Change outline-hidden to set outline-style: none except in forced colors mode (#15690)

[4.0.0-beta.9] - 2025-01-09

Added

  • Add @tailwindcss/browser package to run Tailwind CSS in the browser (#15558)
  • Add @reference "…" API as a replacement for the previous @import "…" reference option (#15565)
  • Add support for defining functional utilities in CSS (#15455)
  • Add new --spacing(…), --alpha(…), and --theme(…) CSS functions (#15572)
  • Add musl-based Linux builds of the standalone CLI (#15567)
  • Improve performance of internal AST manipulations (#15529)

Fixed

  • Use the correct property value for place-content-between, place-content-around, and place-content-evenly utilities (#15440)
  • Don’t detect arbitrary properties when preceded by an escape (#15456)
  • Fix incorrectly named bg-round and bg-space utilities to bg-repeat-round to bg-repeat-space (#15462)
  • Fix inset-shadow-* suggestions in IntelliSense (#15471)
  • Only compile arbitrary values ending in ] (#15503)
  • Ensure @apply rules are processed in the correct order (#15542)
  • Allow negative utility names in @utility (#15573)
  • Remove all @keyframes contributed by JavaScript plugins when using @reference imports (#15581)
  • Upgrade (experimental): Do not extract class names from functions (e.g. shadow in filter: 'drop-shadow(…)') (#15566)
  • Upgrade (experimental): Migrate theme(spacing.2) to --spacing(2) (#15579)
  • Upgrade (experimental): Migrate theme(…) to --theme(…) (#15579)

... (truncated)

Commits

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Summary by Sourcery

Build:

  • Update the package.json and package-lock.json files to reflect the Tailwind CSS version bump.

@dependabot dependabot bot added _bot [BOT only] Issue or PR made by a bot. dependencies Dependency updates and their version upgrades. labels Jan 27, 2025
@sourcery-ai Sourcery AI
Copy link

sourcery-ai bot commented Jan 27, 2025 •
edited
Loading

Reviewer's Guide by Sourcery

This pull request bumps the tailwindcss dependency from version 3.4.17 to 4.0.0. This is a major version update that includes a new high-performance engine, a redesigned configuration, and many new features.

Flow diagram of Tailwind CSS v4.0 build process

flowchart TB
    Start[Source Files] --> AutoDetect[Automatic Content Detection]
    AutoDetect --> Process[Process CSS]
    Process --> Features{New Features}

    Features --> P3[P3 Color Palette]
    Features --> Container[Container Queries]
    Features --> Transform[3D Transforms]
    Features --> Gradients[Enhanced Gradients]
    Features --> Variables[CSS Variables]

    P3 --> Output[Final CSS Output]
    Container --> Output
    Transform --> Output
    Gradients --> Output
    Variables --> Output

    style Features fill:#f9f9f9,stroke:#333
    style Process fill:#e1f5fe,stroke:#0288d1
    style Output fill:#e8f5e9,stroke:#388e3c
Loading

File-Level Changes

Change Details Files
Updated tailwindcss dependency to version 4.0.0.
  • Updated the tailwindcss dependency in package.json.
  • Updated the tailwindcss dependency in package-lock.json.
 package.json
package-lock.json
Tips and commands

Interacting with Sourcery

  • Trigger a new review: Comment @sourcery-ai review on the pull request.
  • Continue discussions: Reply directly to Sourcery's review comments.
  • Generate a GitHub issue from a review comment: Ask Sourcery to create an
    issue from a review comment by replying to it. You can also reply to a
    review comment with @sourcery-ai issue to create an issue from it.
  • Generate a pull request title: Write @sourcery-ai anywhere in the pull
    request title to generate a title at any time. You can also comment
    @sourcery-ai title on the pull request to (re-)generate the title at any time.
  • Generate a pull request summary: Write @sourcery-ai summary anywhere in
    the pull request body to generate a PR summary at any time exactly where you
    want it. You can also comment @sourcery-ai summary on the pull request to
    (re-)generate the summary at any time.
  • Generate reviewer's guide: Comment @sourcery-ai guide on the pull
    request to (re-)generate the reviewer's guide at any time.
  • Resolve all Sourcery comments: Comment @sourcery-ai resolve on the
    pull request to resolve all Sourcery comments. Useful if you've already
    addressed all the comments and don't want to see them anymore.
  • Dismiss all Sourcery reviews: Comment @sourcery-ai dismiss on the pull
    request to dismiss all existing Sourcery reviews. Especially useful if you
    want to start fresh with a new review - don't forget to comment
    @sourcery-ai review to trigger a new review!
  • Generate a plan of action for an issue: Comment @sourcery-ai plan on
    an issue to generate a plan of action for it.

Customizing Your Experience

Access your dashboard to:

  • Enable or disable review features such as the Sourcery-generated pull request
    summary, the reviewer's guide, and others.
  • Change the review language.
  • Add, remove or edit custom review instructions.
  • Adjust other review settings.

Getting Help

@netlify Netlify
Copy link

netlify bot commented Jan 27, 2025 •
edited
Loading

❌ Deploy Preview for neurobagel-query failed.

Name Link
🔨 Latest commit 1232105
🔍 Latest deploy log https://app.netlify.com/sites/neurobagel-query/deploys/67995e01323379000849960f

@dependabot
Bump tailwindcss from 3.4.17 to 4.0.0
1232105 
Bumps [tailwindcss](https://github.com/tailwindlabs/tailwindcss/tree/HEAD/packages/tailwindcss) from 3.4.17 to 4.0.0.
- [Release notes](https://github.com/tailwindlabs/tailwindcss/releases)
- [Changelog](https://github.com/tailwindlabs/tailwindcss/blob/next/CHANGELOG.md)
- [Commits](https://github.com/tailwindlabs/tailwindcss/commits/v4.0.0/packages/tailwindcss)

---
updated-dependencies:
- dependency-name: tailwindcss
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
@dependabot dependabot bot force-pushed the dependabot/npm_and_yarn/tailwindcss-4.0.0 branch from 7cba795 to 1232105 Compare January 28, 2025 22:45
@dependabot Dependabot
Copy link
Contributor Author

dependabot bot commented on behalf of github Feb 3, 2025

Superseded by #474.

@dependabot dependabot bot closed this Feb 3, 2025
@dependabot dependabot bot deleted the dependabot/npm_and_yarn/tailwindcss-4.0.0 branch February 3, 2025 04:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers
No reviews
Assignees
No one assigned
Labels
_bot [BOT only] Issue or PR made by a bot. dependencies Dependency updates and their version upgrades.
Projects
Neurobagel
Status: Review - Done
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
0 participants