Bump @mozilla-protocol/core from 17.0.1 to 18.0.0

[dependabot]

Bumps @mozilla-protocol/core from 17.0.1 to 18.0.0.

Release notes

Sourced from @​mozilla-protocol/core's releases.

18.0.0

What's Changed

• css: Replace get-theme, type-scale functions and theme and type-scale maps with CSS Custom Properties. Sass variables added for legacy support
• css: Migrates the sass @import with @use and @forward (#755).

Migration Tips

• This version updates how we internally import SCSS files, from the @import syntax to @use and @forward
• When importing lib at the head of your project you will use the with keyword instead of stating variables explicitly, like this:

@use '/assets/sass/protocol/includes/lib' with ($font-path: '/protocol/fonts');

• To use the global namespace for protocol variables you will need to use the as keyword and assign to *:

@use '../includes/lib' as *;

• if you don't use as you would access variables and mixins from the file using the filename as a namespace:

@use '../includes/lib';
.mzp-c-item {
@​include lib.text-title-md;
color: lib.$color-ink-80;
margin: lib.$spacing-lg 0;
}

• For more information on the @use and @forward you can visit the offical SCSS documentation or the usage page on the Protocol documentation website

• This version also moves from using the get-theme function to using css custom properties. A future version of protocol will depreciate both the get-theme and type-scale functions.

• To migrate from get-theme or type-scale to CSS custom properties, follow this pattern:

• From this:

.mzp-t-dark {
  background-color: get-theme('background-color-inverse');
  color: get-theme('body-text-color-inverse');
  line-height: type-scale('body-line-height');
}

• to this:
• (Note: if you need to support legacy browsers, place the CSS custom properties in a @supports flag and use sass variables as a fall back. Legacy browsers will always be served the default theme.)

.mzp-t-dark {
  background-color: $background-color-inverse;
  color: $body-text-color-inverse;
  line-height: $body-line-height;
</tr></table> 

... (truncated)

Changelog

Sourced from @​mozilla-protocol/core's changelog.

18.0.0

Features

• css: Replace get-theme, type-scale functions and theme and type-scale maps with CSS Custom Properties. Sass variables added for legacy support
• css: Migrates the sass @import with @use and @forward (#755).

Migration Tips

• This version updates how we internally import SCSS files, from the @import syntax to @use and @forward
• When importing lib at the head of your project you will use the with keyword instead of stating variables explicitly, like this:

@use '/assets/sass/protocol/includes/lib' with ($font-path: '/protocol/fonts');

• To use the global namespace for protocol variables you will need to use the as keyword and assign to *:

@use '../includes/lib' as *;

• if you don't use as you would access variables and mixins from the file using the filename as a namespace:

@use '../includes/lib';
.mzp-c-item {
@​include lib.text-title-md;
color: lib.$color-ink-80;
margin: lib.$spacing-lg 0;
}

• For more information on the @use and @forward you can visit the offical SCSS documentation or the usage page on the Protocol documentation website

• This version also moves from using the get-theme function to using css custom properties. A future version of protocol will depreciate both the get-theme and type-scale functions.

• To migrate from get-theme or type-scale to CSS custom properties, follow this pattern:

• From this:

.mzp-t-dark {
  background-color: get-theme('background-color-inverse');
  color: get-theme('body-text-color-inverse');
  line-height: type-scale('body-line-height');
}

• to this:
• (Note: if you need to support legacy browsers, place the CSS custom properties in a @supports flag and use sass variables as a fall back. Legacy browsers will always be served the default theme.)

.mzp-t-dark {
  background-color: $background-color-inverse;
  color: $body-text-color-inverse;
</tr></table> 

... (truncated)

Commits

• 15f4f6d Update project README for 18.0.0
• bb755b5 bump protocol version (#891)
• fb00794 bump protocol version
• e244b27 Add CSS Custom Properties to Protocol Themes (#841)
• 5e9a7e7 Bump word-wrap from 1.2.3 to 1.2.4
• 2d2cee9 Update Protocol assets to 5.2.0
• d272e0b Depreciate @​import in favor of @​use and @​forward (#821)
• 7dfdac9 Bump semver from 5.7.1 to 5.7.2
• 2945e22 Bump stylelint from 15.6.0 to 15.10.1
• a248d61 Bump socket.io-parser from 4.2.1 to 4.2.3 (#883)
• See full diff in compare view

Maintainer changes

This version was pushed to npm by nathanbarrett24, a new releaser for @​mozilla-protocol/core since your current version.

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

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

[jwhitlock]

It looks like Relay code changes are needed to adopt this update.

[jwhitlock]

@dependabot rebase

[dependabot]

Superseded by #4314.