Skip to content

Conversation

dependabot[bot]
Copy link
Contributor

@dependabot dependabot bot commented on behalf of github Aug 7, 2023

Bumps esbuild from 0.16.17 to 0.18.19.

Release notes

Sourced from esbuild's releases.

v0.18.19

  • Implement composes from CSS modules (#20)

    This release implements the composes annotation from the CSS modules specification. It provides a way for class selectors to reference other class selectors (assuming you are using the local-css loader). And with the from syntax, this can even work with local names across CSS files. For example:

    // app.js
    import { submit } from './style.css'
    const div = document.createElement('div')
    div.className = submit
    document.body.appendChild(div)
    /* style.css */
    .button {
      composes: pulse from "anim.css";
      display: inline-block;
    }
    .submit {
      composes: button;
      font-weight: bold;
    }
    /* anim.css */
    @keyframes pulse {
      from, to { opacity: 1 }
      50% { opacity: 0.5 }
    }
    .pulse {
      animation: 2s ease-in-out infinite pulse;
    }

    Bundling this with esbuild using --bundle --outdir=dist --loader:.css=local-css now gives the following:

    (() => {
      // style.css
      var submit = "anim_pulse style_button style_submit";
    // app.js
    var div = document.createElement("div");
    div.className = submit;
    document.body.appendChild(div);
    })();

... (truncated)

Changelog

Sourced from esbuild's changelog.

0.18.19

  • Implement composes from CSS modules (#20)

    This release implements the composes annotation from the CSS modules specification. It provides a way for class selectors to reference other class selectors (assuming you are using the local-css loader). And with the from syntax, this can even work with local names across CSS files. For example:

    // app.js
    import { submit } from './style.css'
    const div = document.createElement('div')
    div.className = submit
    document.body.appendChild(div)
    /* style.css */
    .button {
      composes: pulse from "anim.css";
      display: inline-block;
    }
    .submit {
      composes: button;
      font-weight: bold;
    }
    /* anim.css */
    @keyframes pulse {
      from, to { opacity: 1 }
      50% { opacity: 0.5 }
    }
    .pulse {
      animation: 2s ease-in-out infinite pulse;
    }

    Bundling this with esbuild using --bundle --outdir=dist --loader:.css=local-css now gives the following:

    (() => {
      // style.css
      var submit = "anim_pulse style_button style_submit";
    // app.js
    var div = document.createElement("div");
    div.className = submit;
    document.body.appendChild(div);
    })();

... (truncated)

Commits
  • e08ee89 publish 0.18.19 to npm
  • d2bc26c css: attempt to warn about undefined composes
  • a0910fd fix #20: implement composes from css modules
  • a470f0a css: a basic implementation of local composes
  • 4e6dcbb css: can now calculate ranges of selectors
  • 6108301 css: preserve subclass selector range in ast
  • 652da8f css: preserve type selector range in ast
  • dd2f047 Exports tsconfigRaw types (#3290)
  • 3f4ed76 avoid using an api that's not available in go 1.13
  • 02e13e0 fix #3292: avoid generating duplicate css prefixes
  • Additional commits viewable in compare view

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 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)

Bumps [esbuild](https://github.com/evanw/esbuild) from 0.16.17 to 0.18.19.
- [Release notes](https://github.com/evanw/esbuild/releases)
- [Changelog](https://github.com/evanw/esbuild/blob/main/CHANGELOG.md)
- [Commits](evanw/esbuild@v0.16.17...v0.18.19)

---
updated-dependencies:
- dependency-name: esbuild
  dependency-type: direct:development
  update-type: version-update:semver-minor
...

Signed-off-by: dependabot[bot] <[email protected]>
@dependabot dependabot bot added dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code labels Aug 7, 2023
@github-actions github-actions bot enabled auto-merge (squash) August 7, 2023 05:35
@dependabot @github
Copy link
Contributor Author

dependabot bot commented on behalf of github Aug 8, 2023

Superseded by #794.

@dependabot dependabot bot closed this Aug 8, 2023
auto-merge was automatically disabled August 8, 2023 05:51

Pull request was closed

@dependabot dependabot bot deleted the dependabot/npm_and_yarn/esbuild-0.18.19 branch August 8, 2023 05:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dependencies Pull requests that update a dependency file javascript Pull requests that update Javascript code

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants