Bump esbuild from 0.18.18 to 0.18.20

[dependabot]

Bumps esbuild from 0.18.18 to 0.18.20.

Release notes

Sourced from esbuild's releases.

v0.18.20

• Support advanced CSS @import rules (#953, #3137)

  CSS @import statements have been extended to allow additional trailing tokens after the import path. These tokens sort of make the imported file behave as if it were wrapped in a @layer, @supports, and/or @media rule. Here are some examples:

  @import url(foo.css);
  @import url(foo.css) layer;
  @import url(foo.css) layer(bar);
  @import url(foo.css) layer(bar) supports(display: flex);
  @import url(foo.css) layer(bar) supports(display: flex) print;
  @import url(foo.css) layer(bar) print;
  @import url(foo.css) supports(display: flex);
  @import url(foo.css) supports(display: flex) print;
  @import url(foo.css) print;

  You can read more about this advanced syntax here. With this release, esbuild will now bundle @import rules with these trailing tokens and will wrap the imported files in the corresponding rules. Note that this now means a given imported file can potentially appear in multiple places in the bundle. However, esbuild will still only load it once (e.g. on-load plugins will only run once per file, not once per import).

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

... (truncated)

Changelog

Sourced from esbuild's changelog.

0.18.20

• Support advanced CSS @import rules (#953, #3137)

  CSS @import statements have been extended to allow additional trailing tokens after the import path. These tokens sort of make the imported file behave as if it were wrapped in a @layer, @supports, and/or @media rule. Here are some examples:

  @import url(foo.css);
  @import url(foo.css) layer;
  @import url(foo.css) layer(bar);
  @import url(foo.css) layer(bar) supports(display: flex);
  @import url(foo.css) layer(bar) supports(display: flex) print;
  @import url(foo.css) layer(bar) print;
  @import url(foo.css) supports(display: flex);
  @import url(foo.css) supports(display: flex) print;
  @import url(foo.css) print;

  You can read more about this advanced syntax here. With this release, esbuild will now bundle @import rules with these trailing tokens and will wrap the imported files in the corresponding rules. Note that this now means a given imported file can potentially appear in multiple places in the bundle. However, esbuild will still only load it once (e.g. on-load plugins will only run once per file, not once per import).

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 }

... (truncated)

Commits

• 22f0818 publish 0.18.20 to npm
• 89b98d9 css: test coverage for some external test cases
• 4bb897f fix #953, fix #3137: advanced css @import syntax
• 6892b1b css: change ast format for @import conditions
• d770d53 remove unnecessary file slice.go
• 0e5b5fb add test-e2e-yarn
• 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
• Additional commits viewable in compare view

You can trigger a rebase of this PR 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)

Note
Automatic rebases have been disabled on this pull request as it has been open for over 30 days.