@docusaurus/theme-classic 0.0.0-5340 → 0.0.0-5341

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/lib/theme/Navbar/MobileSidebar/Header/index.js +6 -0
  2. package/lib/theme/Navbar/MobileSidebar/Toggle/index.js +11 -6
  3. package/package.json +14 -14
  4. package/src/theme/Navbar/MobileSidebar/Header/index.tsx +6 -0
  5. package/src/theme/Navbar/MobileSidebar/Toggle/index.tsx +11 -6
package/lib/theme/Navbar/MobileSidebar/Header/index.js CHANGED
@@ -6,6 +6,7 @@
6
6
  */
7
7
  import React from 'react';
8
8
  import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
9
+ import {translate} from '@docusaurus/Translate';
9
10
  import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
10
11
  import IconClose from '@theme/Icon/Close';
11
12
  import NavbarLogo from '@theme/Navbar/Logo';
@@ -14,6 +15,11 @@ function CloseButton() {
14
15
  return (
15
16
  <button
16
17
  type="button"
18
+ aria-label={translate({
19
+ id: 'theme.docs.sidebar.closeSidebarButtonAriaLabel',
20
+ message: 'Close navigation bar',
21
+ description: 'The ARIA label for close button of mobile sidebar',
22
+ })}
17
23
  className="clean-btn navbar-sidebar__close"
18
24
  onClick={() => mobileSidebar.toggle()}>
19
25
  <IconClose color="var(--ifm-color-emphasis-600)" />
package/lib/theme/Navbar/MobileSidebar/Toggle/index.js CHANGED
@@ -6,17 +6,22 @@
6
6
  */
7
7
  import React from 'react';
8
8
  import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
9
+ import {translate} from '@docusaurus/Translate';
9
10
  import IconMenu from '@theme/Icon/Menu';
10
11
  export default function MobileSidebarToggle() {
11
- const mobileSidebar = useNavbarMobileSidebar();
12
+ const {toggle, shown} = useNavbarMobileSidebar();
12
13
  return (
13
14
  <button
14
- onClick={mobileSidebar.toggle}
15
- onKeyDown={mobileSidebar.toggle}
16
- aria-label="Navigation bar toggle"
15
+ onClick={toggle}
16
+ aria-label={translate({
17
+ id: 'theme.docs.sidebar.toggleSidebarButtonAriaLabel',
18
+ message: 'Toggle navigation bar',
19
+ description:
20
+ 'The ARIA label for hamburger menu button of mobile navigation',
21
+ })}
22
+ aria-expanded={shown}
17
23
  className="navbar__toggle clean-btn"
18
- type="button"
19
- tabIndex={0}>
24
+ type="button">
20
25
  <IconMenu />
21
26
  </button>
22
27
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@docusaurus/theme-classic",
3
- "version": "0.0.0-5340",
3
+ "version": "0.0.0-5341",
4
4
  "description": "Classic theme for Docusaurus",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/theme-classic.d.ts",
@@ -20,18 +20,18 @@
20
20
  "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
21
21
  },
22
22
  "dependencies": {
23
- "@docusaurus/core": "0.0.0-5340",
24
- "@docusaurus/mdx-loader": "0.0.0-5340",
25
- "@docusaurus/module-type-aliases": "0.0.0-5340",
26
- "@docusaurus/plugin-content-blog": "0.0.0-5340",
27
- "@docusaurus/plugin-content-docs": "0.0.0-5340",
28
- "@docusaurus/plugin-content-pages": "0.0.0-5340",
29
- "@docusaurus/theme-common": "0.0.0-5340",
30
- "@docusaurus/theme-translations": "0.0.0-5340",
31
- "@docusaurus/types": "0.0.0-5340",
32
- "@docusaurus/utils": "0.0.0-5340",
33
- "@docusaurus/utils-common": "0.0.0-5340",
34
- "@docusaurus/utils-validation": "0.0.0-5340",
23
+ "@docusaurus/core": "0.0.0-5341",
24
+ "@docusaurus/mdx-loader": "0.0.0-5341",
25
+ "@docusaurus/module-type-aliases": "0.0.0-5341",
26
+ "@docusaurus/plugin-content-blog": "0.0.0-5341",
27
+ "@docusaurus/plugin-content-docs": "0.0.0-5341",
28
+ "@docusaurus/plugin-content-pages": "0.0.0-5341",
29
+ "@docusaurus/theme-common": "0.0.0-5341",
30
+ "@docusaurus/theme-translations": "0.0.0-5341",
31
+ "@docusaurus/types": "0.0.0-5341",
32
+ "@docusaurus/utils": "0.0.0-5341",
33
+ "@docusaurus/utils-common": "0.0.0-5341",
34
+ "@docusaurus/utils-validation": "0.0.0-5341",
35
35
  "@mdx-js/react": "^1.6.22",
36
36
  "clsx": "^1.2.1",
37
37
  "copy-text-to-clipboard": "^3.0.1",
@@ -62,5 +62,5 @@
62
62
  "engines": {
63
63
  "node": ">=16.14"
64
64
  },
65
- "gitHead": "4ca40b74f67cede21e3ff2f88d4764f596057e72"
65
+ "gitHead": "d74e9a571123b90c4effb2e1b2d4765c88bcb94f"
66
66
  }
package/src/theme/Navbar/MobileSidebar/Header/index.tsx CHANGED
@@ -7,6 +7,7 @@
7
7
 
8
8
  import React from 'react';
9
9
  import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
10
+ import {translate} from '@docusaurus/Translate';
10
11
  import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle';
11
12
  import IconClose from '@theme/Icon/Close';
12
13
  import NavbarLogo from '@theme/Navbar/Logo';
@@ -16,6 +17,11 @@ function CloseButton() {
16
17
  return (
17
18
  <button
18
19
  type="button"
20
+ aria-label={translate({
21
+ id: 'theme.docs.sidebar.closeSidebarButtonAriaLabel',
22
+ message: 'Close navigation bar',
23
+ description: 'The ARIA label for close button of mobile sidebar',
24
+ })}
19
25
  className="clean-btn navbar-sidebar__close"
20
26
  onClick={() => mobileSidebar.toggle()}>
21
27
  <IconClose color="var(--ifm-color-emphasis-600)" />
package/src/theme/Navbar/MobileSidebar/Toggle/index.tsx CHANGED
@@ -7,18 +7,23 @@
7
7
 
8
8
  import React from 'react';
9
9
  import {useNavbarMobileSidebar} from '@docusaurus/theme-common/internal';
10
+ import {translate} from '@docusaurus/Translate';
10
11
  import IconMenu from '@theme/Icon/Menu';
11
12
 
12
13
  export default function MobileSidebarToggle(): JSX.Element {
13
- const mobileSidebar = useNavbarMobileSidebar();
14
+ const {toggle, shown} = useNavbarMobileSidebar();
14
15
  return (
15
16
  <button
16
- onClick={mobileSidebar.toggle}
17
- onKeyDown={mobileSidebar.toggle}
18
- aria-label="Navigation bar toggle"
17
+ onClick={toggle}
18
+ aria-label={translate({
19
+ id: 'theme.docs.sidebar.toggleSidebarButtonAriaLabel',
20
+ message: 'Toggle navigation bar',
21
+ description:
22
+ 'The ARIA label for hamburger menu button of mobile navigation',
23
+ })}
24
+ aria-expanded={shown}
19
25
  className="navbar__toggle clean-btn"
20
- type="button"
21
- tabIndex={0}>
26
+ type="button">
22
27
  <IconMenu />
23
28
  </button>
24
29
  );