52479ba451
Bump protocol to v17.0.0 ( #876 )
2023-05-11 10:59:00 -07:00
2820247231
Update aria roles on mzp navigation ( #860 )
2023-05-11 13:35:42 +01:00
8f9d592769
remove split min-width to prevent overflow on small viewports ( #874 )
...
## Description
Removed the min-width on `.mzp-c-split-container` to prevent overflow on
very small viewports - I tried to see if it broke anything but it seemed
ok on my testing
- [x] I have recorded this change in `CHANGELOG.md`.
### Issue
#843
### Testing
- `npm run webpack`
- `npm run start`
- http://localhost:3000/components/detail/split
2023-05-09 17:26:18 -07:00
becd8b8210
Update changelog
2023-05-09 17:19:56 -07:00
b00a0e15e0
remove split min-width to prevent overflow on small viewports
2023-05-09 17:19:41 -07:00
47087b2d37
Remove default mobile padding on nospace split component ( #875 )
2023-05-09 17:01:38 -07:00
5568a2e21e
Convert Protocol JS components to modern JS formats ( Fixes #255 ) ( #867 )
2023-05-05 14:13:33 -07:00
f36a0513e0
Fix stylelint errors/warnings ( #871 )
2023-05-02 08:57:21 -07:00
cc6c47175a
Bump yaml, css-minimizer-webpack-plugin, stylelint and stylelint-config-standard-scss ( #870 )
...
Removes [yaml](https://github.com/eemeli/yaml ). It's no longer used after updating ancestor dependencies [yaml](https://github.com/eemeli/yaml ), [css-minimizer-webpack-plugin](https://github.com/webpack-contrib/css-minimizer-webpack-plugin ), [stylelint](https://github.com/stylelint/stylelint ) and [stylelint-config-standard-scss](https://github.com/stylelint-scss/stylelint-config-standard-scss ). These dependencies need to be updated together.
Removes `yaml`
Updates `css-minimizer-webpack-plugin` from 4.2.2 to 5.0.0
- [Release notes](https://github.com/webpack-contrib/css-minimizer-webpack-plugin/releases )
- [Changelog](https://github.com/webpack-contrib/css-minimizer-webpack-plugin/blob/master/CHANGELOG.md )
- [Commits](https://github.com/webpack-contrib/css-minimizer-webpack-plugin/compare/v4.2.2...v5.0.0 )
Updates `stylelint` from 14.16.1 to 15.6.0
- [Release notes](https://github.com/stylelint/stylelint/releases )
- [Changelog](https://github.com/stylelint/stylelint/blob/main/CHANGELOG.md )
- [Commits](https://github.com/stylelint/stylelint/compare/14.16.1...15.6.0 )
Updates `stylelint-config-standard-scss` from 6.1.0 to 9.0.0
- [Release notes](https://github.com/stylelint-scss/stylelint-config-standard-scss/releases )
- [Changelog](https://github.com/stylelint-scss/stylelint-config-standard-scss/blob/main/CHANGELOG.md )
- [Commits](https://github.com/stylelint-scss/stylelint-config-standard-scss/compare/v6.1.0...v9.0.0 )
---
updated-dependencies:
- dependency-name: yaml
dependency-type: indirect
- dependency-name: css-minimizer-webpack-plugin
dependency-type: direct:production
- dependency-name: stylelint
dependency-type: direct:development
- dependency-name: stylelint-config-standard-scss
dependency-type: direct:development
...
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2023-05-01 13:27:22 -07:00
e0566d7fc4
Add 404 page ( #858 )
...
## Description
Added a `404` page to display when the URL doesn't match what we have
set up.
- [ ] I have documented this change in the design system.
- [x] I have recorded this change in `CHANGELOG.md`.
### Issue
https://github.com/mozilla/protocol/issues/545
### Testing
- https://localhost:3000/docs/404
- The redirect from `netlify.toml` can't be displayed on dev. I'm going
to push this up to a demo server to mess around with broken links. 👇🏽
- https://demo2--mozilla-protocol.netlify.app/random-broken-link
2023-03-28 10:47:20 +11:00
c951eb3c11
pr revisions
2023-03-28 10:41:48 +11:00
8268f9761a
clean up
2023-03-28 10:41:48 +11:00
8598bfc7b7
hid 404 page from nav (in a very hacky way)
2023-03-28 10:41:48 +11:00
b09732688f
moved 404 pag to /docs
2023-03-28 10:41:48 +11:00
d20b78adb8
added 404 file and redirected it
2023-03-28 10:40:33 +11:00
ef250dc31e
Update focus state for buttons ( #864 )
...
## Description
Updated our buttons' focus states to match what was listed the [issue's
comment](https://github.com/mozilla/protocol/issues/594#issuecomment-652083403 ).
- [ ] ~~I have documented this change in the design system.~~
- [x] I have recorded this change in `CHANGELOG.md`.
### Issue
#594
### Testing
Test out all the button variants:
http://localhost:3000/components/detail/button--primary
2023-03-28 10:39:33 +11:00
08e504062f
PR revision
2023-03-27 16:06:04 +11:00
d7684c11af
clean-up
2023-03-23 18:24:35 +11:00
50275144d0
playing around with focus outline colors
2023-03-23 16:46:54 +11:00
04cd193266
Move from depracated `addListener` to `addEventListener` function ( #859 )
...
## Description
`MediaQueryList.addListener()` is deprecated and we should be replacing
it with a more supported alternative, which is
`EventTarget.addEventListener()`.
Check this [compatibility
list](https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList#browser_compatibility )
(`MediaQueryList` inherits `EventTarget`) for the browser versions were
keeping the fall back for (i.e. < Safari 14)
**Things to note:**
I'm using a `change` event to detect there has been a resize, and I got
that from reading this in MDN:
https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList/change_event
However, it should be noted that this event isn't listed in MDN's event
references page: https://developer.mozilla.org/en-US/docs/Web/Events .
I'll be filing an issue for this.
- [ ] ~~I have documented this change in the design system.~~
- [x] I have recorded this change in `CHANGELOG.md`.
### Issue
https://github.com/mozilla/protocol/issues/854
### Testing
I tested this on old browser versions as listed in the compatibility
table I shared above:
- [x] Firefox version 54
- [x] Safari version 13
- [x] IE 10/11
### Testing URLs
- http://localhost:3000/components/detail/footer
- http://localhost:3000/components/detail/navigation--default
- http://localhost:3000/components/detail/menu
2023-03-20 15:02:19 +11:00
cb2a356488
added usecapture boolean
2023-03-20 14:53:19 +11:00
a231652f61
Bump webpack from 5.75.0 to 5.76.0 ( #863 )
...
Bumps [webpack](https://github.com/webpack/webpack ) from 5.75.0 to
5.76.0.
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/webpack/webpack/releases ">webpack's
releases</a>.</em></p>
<blockquote>
<h2>v5.76.0</h2>
<h2>Bugfixes</h2>
<ul>
<li>Avoid cross-realm object access by <a
href="https://github.com/Jack-Works "><code>@Jack-Works</code></a> in <a
href="https://redirect.github.com/webpack/webpack/pull/16500 ">webpack/webpack#16500</a></li>
<li>Improve hash performance via conditional initialization by <a
href="https://github.com/lvivski "><code>@lvivski</code></a> in <a
href="https://redirect.github.com/webpack/webpack/pull/16491 ">webpack/webpack#16491</a></li>
<li>Serialize <code>generatedCode</code> info to fix bug in asset module
cache restoration by <a
href="https://github.com/ryanwilsonperkin "><code>@ryanwilsonperkin</code></a>
in <a
href="https://redirect.github.com/webpack/webpack/pull/16703 ">webpack/webpack#16703</a></li>
<li>Improve performance of <code>hashRegExp</code> lookup by <a
href="https://github.com/ryanwilsonperkin "><code>@ryanwilsonperkin</code></a>
in <a
href="https://redirect.github.com/webpack/webpack/pull/16759 ">webpack/webpack#16759</a></li>
</ul>
<h2>Features</h2>
<ul>
<li>add <code>target</code> to <code>LoaderContext</code> type by <a
href="https://github.com/askoufis "><code>@askoufis</code></a> in <a
href="https://redirect.github.com/webpack/webpack/pull/16781 ">webpack/webpack#16781</a></li>
</ul>
<h2>Security</h2>
<ul>
<li><a
href="https://github.com/advisories/GHSA-3rfm-jhwj-7488 ">CVE-2022-37603</a>
fixed by <a
href="https://github.com/akhilgkrishnan "><code>@akhilgkrishnan</code></a>
in <a
href="https://redirect.github.com/webpack/webpack/pull/16446 ">webpack/webpack#16446</a></li>
</ul>
<h2>Repo Changes</h2>
<ul>
<li>Fix HTML5 logo in README by <a
href="https://github.com/jakebailey "><code>@jakebailey</code></a> in <a
href="https://redirect.github.com/webpack/webpack/pull/16614 ">webpack/webpack#16614</a></li>
<li>Replace TypeScript logo in README by <a
href="https://github.com/jakebailey "><code>@jakebailey</code></a> in <a
href="https://redirect.github.com/webpack/webpack/pull/16613 ">webpack/webpack#16613</a></li>
<li>Update actions/cache dependencies by <a
href="https://github.com/piwysocki "><code>@piwysocki</code></a> in <a
href="https://redirect.github.com/webpack/webpack/pull/16493 ">webpack/webpack#16493</a></li>
</ul>
<h2>New Contributors</h2>
<ul>
<li><a
href="https://github.com/Jack-Works "><code>@Jack-Works</code></a> made
their first contribution in <a
href="https://redirect.github.com/webpack/webpack/pull/16500 ">webpack/webpack#16500</a></li>
<li><a href="https://github.com/lvivski "><code>@lvivski</code></a> made
their first contribution in <a
href="https://redirect.github.com/webpack/webpack/pull/16491 ">webpack/webpack#16491</a></li>
<li><a
href="https://github.com/jakebailey "><code>@jakebailey</code></a> made
their first contribution in <a
href="https://redirect.github.com/webpack/webpack/pull/16614 ">webpack/webpack#16614</a></li>
<li><a
href="https://github.com/akhilgkrishnan "><code>@akhilgkrishnan</code></a>
made their first contribution in <a
href="https://redirect.github.com/webpack/webpack/pull/16446 ">webpack/webpack#16446</a></li>
<li><a
href="https://github.com/ryanwilsonperkin "><code>@ryanwilsonperkin</code></a>
made their first contribution in <a
href="https://redirect.github.com/webpack/webpack/pull/16703 ">webpack/webpack#16703</a></li>
<li><a href="https://github.com/piwysocki "><code>@piwysocki</code></a>
made their first contribution in <a
href="https://redirect.github.com/webpack/webpack/pull/16493 ">webpack/webpack#16493</a></li>
<li><a href="https://github.com/askoufis "><code>@askoufis</code></a>
made their first contribution in <a
href="https://redirect.github.com/webpack/webpack/pull/16781 ">webpack/webpack#16781</a></li>
</ul>
<p><strong>Full Changelog</strong>: <a
href="https://github.com/webpack/webpack/compare/v5.75.0...v5.76.0 ">https://github.com/webpack/webpack/compare/v5.75.0...v5.76.0 </a></p>
</blockquote>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="97b1718720https://redirect.github.com/webpack/webpack/issues/16781 ">#16781</a>
from askoufis/loader-context-target-type</li>
<li><a
href="b84efe6224https://redirect.github.com/webpack/webpack/issues/16759 ">#16759</a>
from ryanwilsonperkin/real-content-hash-regex-perf</li>
<li><a
href="c98e9e0014https://redirect.github.com/webpack/webpack/issues/16493 ">#16493</a>
from piwysocki/patch-1</li>
<li><a
href="5f34acfbc0b7fc4d876dhttps://redirect.github.com/webpack/webpack/issues/16703 ">#16703</a>
from ryanwilsonperkin/ryanwilsonperkin/fix-16160</li>
<li><a
href="63ea82da4d4ba225225bhttps://redirect.github.com/webpack/webpack/issues/16446 ">#16446</a>
from akhilgkrishnan/patch-1</li>
<li><a
href="1acd6350behttps://redirect.github.com/webpack/webpack/issues/16613 ">#16613</a>
from jakebailey/ts-logo</li>
<li><a
href="302eb37fe1https://redirect.github.com/webpack/webpack/issues/16614 ">#16614</a>
from jakebailey/html5-logo</li>
<li><a
href="cfdb1dfe59https://github.com/webpack/webpack/compare/v5.75.0...v5.76.0 ">compare
view</a></li>
</ul>
</details>
<details>
<summary>Maintainer changes</summary>
<p>This version was pushed to npm by <a
href="https://www.npmjs.com/~evilebottnawi ">evilebottnawi</a>, a new
releaser for webpack since your current version.</p>
</details>
<br />
[](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores )
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-automerge-start)
[//]: # (dependabot-automerge-end)
---
<details>
<summary>Dependabot commands and options</summary>
<br />
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)
- `@dependabot use these labels` will set the current labels as the
default for future PRs for this repo and language
- `@dependabot use these reviewers` will set the current reviewers as
the default for future PRs for this repo and language
- `@dependabot use these assignees` will set the current assignees as
the default for future PRs for this repo and language
- `@dependabot use this milestone` will set the current milestone as the
default for future PRs for this repo and language
You can disable automated security fix PRs for this repo from the
[Security Alerts
page](https://github.com/mozilla/protocol/network/alerts ).
</details>
2023-03-16 16:05:15 +11:00
29f1eda4c0
added addEventListener to menu and nav components
2023-03-16 15:54:06 +11:00
32322022d7
updated protocol footer file
2023-03-16 09:54:04 +11:00
38ec5b1a02
Fix syntax error in legacy IE when compiling JS ( Fixes #861 )
2023-03-15 15:23:52 +00:00
3bb55ae3fa
Bump webpack from 5.75.0 to 5.76.0
...
Bumps [webpack](https://github.com/webpack/webpack ) from 5.75.0 to 5.76.0.
- [Release notes](https://github.com/webpack/webpack/releases )
- [Commits](https://github.com/webpack/webpack/compare/v5.75.0...v5.76.0 )
---
updated-dependencies:
- dependency-name: webpack
dependency-type: direct:production
...
Signed-off-by: dependabot[bot] <support@github.com>
2023-03-15 11:17:51 +00:00
8f79c965c6
Bump http-cache-semantics from 4.1.0 to 4.1.1 ( #849 )
...
Bumps [http-cache-semantics](https://github.com/kornelski/http-cache-semantics ) from 4.1.0 to 4.1.1.
- [Release notes](https://github.com/kornelski/http-cache-semantics/releases )
- [Commits](https://github.com/kornelski/http-cache-semantics/compare/v4.1.0...v4.1.1 )
---
updated-dependencies:
- dependency-name: http-cache-semantics
dependency-type: indirect
...
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2023-02-28 10:30:50 -08:00
5d859f825f
Bump ua-parser-js from 0.7.31 to 0.7.33 ( #845 )
...
Bumps [ua-parser-js](https://github.com/faisalman/ua-parser-js ) from 0.7.31 to 0.7.33.
- [Release notes](https://github.com/faisalman/ua-parser-js/releases )
- [Changelog](https://github.com/faisalman/ua-parser-js/blob/master/changelog.md )
- [Commits](https://github.com/faisalman/ua-parser-js/compare/0.7.31...0.7.33 )
---
updated-dependencies:
- dependency-name: ua-parser-js
dependency-type: indirect
...
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2023-02-28 10:30:19 -08:00
97d537ff9b
Update dependencies ( #844 )
...
## Description
Updates Protocol NPM dependencies
- [ ] ~I have documented this change in the design system~.
- [ ] ~I have recorded this change in `CHANGELOG.md`~.
### Issue
N/A
### Testing
- `npm test`
- `npm run webpack-docs` and then `npm start`
2023-02-17 10:04:55 -08:00
8b7bc34a2b
Darkened notification bar font color ( #850 )
...
## Description
Related to issue #848 , @maureenlholland and I spoke about how either
increasing the `font-size` or changing the `color` of the text in the
notification bar would be slightly better for visual accessibility.
In the issue, I tested changes by:
- Increasing `font-size` to `16px`, and
- Changing `color` to `#000000`
Both seemed to be viable options for visual clarify on the component.
However, a change in one of the notification bars would usually mean a
change to the rest for sake of consistency. The increase in `font-size`,
most notably on the success notification bar in the WNPs, seemed to
jumble the order of the page's content hierarchy by just a bit.
So instead of going with increasing `font-size` we opted to select to
just change `color` to `#000000` for all notification bars. Not a
significant change in itself, but still positively noticeable.
Describe what this change does.
- [ ] I have documented this change in the design system.
- [x] I have recorded this change in `CHANGELOG.md`.
### Issue
#848
### Testing
http://localhost:3000/components/detail/notification-bar--error (and the
rest of the variants)
2023-02-17 11:49:53 +11:00
09094f91f2
Bump Protocol to v16.1.0
2023-02-16 13:17:16 +00:00
10d510e5e0
lightened the red background color
2023-02-15 16:26:15 +11:00
7cd9dc5529
changed notification bar color
2023-02-14 18:31:37 +11:00
bf34e68207
Update netlify.toml with redirects from old drizzle urls ( #846 )
2023-02-02 15:05:04 -08:00
5c68fea26f
Update dependencies
2023-01-13 12:51:53 +00:00
2ff239d299
Bump decode-uri-component from 0.2.0 to 0.2.2 ( #840 )
...
Bumps [decode-uri-component](https://github.com/SamVerschueren/decode-uri-component ) from 0.2.0 to 0.2.2.
- [Release notes](https://github.com/SamVerschueren/decode-uri-component/releases )
- [Commits](https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.2 )
---
updated-dependencies:
- dependency-name: decode-uri-component
dependency-type: indirect
...
Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-12-15 10:24:10 -08:00
bf90a1621d
Bump engine.io from 6.2.0 to 6.2.1 ( #838 )
...
Bumps [engine.io](https://github.com/socketio/engine.io ) from 6.2.0 to 6.2.1.
- [Release notes](https://github.com/socketio/engine.io/releases )
- [Changelog](https://github.com/socketio/engine.io/blob/main/CHANGELOG.md )
- [Commits](https://github.com/socketio/engine.io/compare/6.2.0...6.2.1 )
---
updated-dependencies:
- dependency-name: engine.io
dependency-type: indirect
...
Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-12-15 10:23:47 -08:00
935902c4b4
Bump socket.io-parser from 4.0.4 to 4.0.5 ( #834 )
...
Bumps [socket.io-parser](https://github.com/socketio/socket.io-parser ) from 4.0.4 to 4.0.5.
- [Release notes](https://github.com/socketio/socket.io-parser/releases )
- [Changelog](https://github.com/socketio/socket.io-parser/blob/main/CHANGELOG.md )
- [Commits](https://github.com/socketio/socket.io-parser/compare/4.0.4...4.0.5 )
---
updated-dependencies:
- dependency-name: socket.io-parser
dependency-type: indirect
...
Signed-off-by: dependabot[bot] <support@github.com>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
2022-12-15 10:23:24 -08:00
5737fca63d
Ensure focus is moved to modal after animation completes ( Fixes #829 ) ( #837 )
2022-12-14 10:53:30 -08:00
7b7cfc294d
Remove aria-disabled from disabled input docs and example ( fixes #823 ) ( #831 )
2022-12-14 10:50:03 -08:00
b91cfbb2ce
Ensure focus is moved to modal after animation completes ( Fixes #829 )
2022-11-18 12:55:42 +00:00
887ca0828f
Fix rgb color notation ( #836 )
...
* The slash is for space-separated notation (can’t mix commas and slashes).
* Prefer rgba() for better backwards compatibility.
* Fix split image param name.
* Fix status dot class case.
2022-11-16 07:04:09 -08:00
35ed565772
Remove aria-disabled from disabled input docs and example ( fixes #823 )
2022-11-08 15:13:44 +00:00
8450a95622
Switch from US-only MM/DD/YYYY date format to the unambiguous 'MMM DD, YYYY' ( #827 )
2022-11-03 10:28:54 -07:00
fe0cd39ece
Correct logo size classes in logo--sizes.readme.md
2022-09-28 02:14:35 -07:00
7cbfb52ace
Merge pull request #820 from katiechurchwell/style-lint
...
Update Stylelint to match Bedrock's config (Fixes #814 )
2022-09-14 15:56:05 -07:00
8df6da8805
Fix accidental linting in mixin file
2022-09-14 15:35:17 -07:00
c794f88c95
PR revisions and linting clean up
2022-09-09 11:29:35 -07:00
e7c775e756
Updated changelog
2022-09-08 10:41:07 -07:00
d382aa617d
update stylelint to match github comment
2022-09-08 10:35:59 -07:00
Alex Gibson
Nathan Barrett
dependabot[bot]
Reem H
Craig Cook
maureenlholland
glob