@docusaurus/theme-classic 0.0.0-4966 → 0.0.0-4967

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.
@@ -14,6 +14,7 @@ import styles from './styles.module.css';
14
14
  import clsx from 'clsx';
15
15
  import Link from '@docusaurus/Link';
16
16
  import useBaseUrl from '@docusaurus/useBaseUrl';
17
+ import {translate} from '@docusaurus/Translate';
17
18
  import IconHome from '@theme/IconHome'; // TODO move to design system folder
18
19
 
19
20
  function BreadcrumbsItemLink({children, href, isLast}) {
@@ -62,9 +63,14 @@ function HomeBreadcrumbItem() {
62
63
  return (
63
64
  <li className="breadcrumbs__item">
64
65
  <Link
66
+ aria-label={translate({
67
+ id: 'theme.docs.breadcrumbs.home',
68
+ message: 'Home page',
69
+ description: 'The ARIA label for the home page in the breadcrumbs',
70
+ })}
65
71
  className={clsx('breadcrumbs__link', styles.breadcrumbsItemLink)}
66
72
  href={homeHref}>
67
- <IconHome className={styles.icon} />
73
+ <IconHome className={styles.breadcrumbHomeIcon} />
68
74
  </Link>
69
75
  </li>
70
76
  );
@@ -84,7 +90,11 @@ export default function DocBreadcrumbs() {
84
90
  ThemeClassNames.docs.docBreadcrumbs,
85
91
  styles.breadcrumbsContainer,
86
92
  )}
87
- aria-label="breadcrumbs">
93
+ aria-label={translate({
94
+ id: 'theme.docs.breadcrumbs.navAriaLabel',
95
+ message: 'Breadcrumbs',
96
+ description: 'The ARIA label for the breadcrumbs',
97
+ })}>
88
98
  <ul
89
99
  className="breadcrumbs"
90
100
  itemScope
@@ -10,8 +10,10 @@
10
10
  margin-bottom: 0.8rem;
11
11
  }
12
12
 
13
- .icon {
14
- vertical-align: middle;
13
+ .breadcrumbHomeIcon {
14
+ position: relative;
15
+ top: 1px;
16
+ vertical-align: top;
15
17
  height: 1.1rem;
16
18
  width: 1.1rem;
17
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@docusaurus/theme-classic",
3
- "version": "0.0.0-4966",
3
+ "version": "0.0.0-4967",
4
4
  "description": "Classic theme for Docusaurus",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/theme-classic.d.ts",
@@ -21,15 +21,15 @@
21
21
  "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
22
22
  },
23
23
  "dependencies": {
24
- "@docusaurus/core": "0.0.0-4966",
25
- "@docusaurus/plugin-content-blog": "0.0.0-4966",
26
- "@docusaurus/plugin-content-docs": "0.0.0-4966",
27
- "@docusaurus/plugin-content-pages": "0.0.0-4966",
28
- "@docusaurus/theme-common": "0.0.0-4966",
29
- "@docusaurus/theme-translations": "0.0.0-4966",
30
- "@docusaurus/utils": "0.0.0-4966",
31
- "@docusaurus/utils-common": "0.0.0-4966",
32
- "@docusaurus/utils-validation": "0.0.0-4966",
24
+ "@docusaurus/core": "0.0.0-4967",
25
+ "@docusaurus/plugin-content-blog": "0.0.0-4967",
26
+ "@docusaurus/plugin-content-docs": "0.0.0-4967",
27
+ "@docusaurus/plugin-content-pages": "0.0.0-4967",
28
+ "@docusaurus/theme-common": "0.0.0-4967",
29
+ "@docusaurus/theme-translations": "0.0.0-4967",
30
+ "@docusaurus/utils": "0.0.0-4967",
31
+ "@docusaurus/utils-common": "0.0.0-4967",
32
+ "@docusaurus/utils-validation": "0.0.0-4967",
33
33
  "@mdx-js/react": "^1.6.22",
34
34
  "clsx": "^1.1.1",
35
35
  "copy-text-to-clipboard": "^3.0.1",
@@ -46,8 +46,8 @@
46
46
  "@babel/cli": "^7.17.10",
47
47
  "@babel/core": "^7.17.10",
48
48
  "@babel/preset-typescript": "^7.16.7",
49
- "@docusaurus/module-type-aliases": "0.0.0-4966",
50
- "@docusaurus/types": "0.0.0-4966",
49
+ "@docusaurus/module-type-aliases": "0.0.0-4967",
50
+ "@docusaurus/types": "0.0.0-4967",
51
51
  "@types/mdx-js__react": "^1.5.5",
52
52
  "@types/nprogress": "^0.2.0",
53
53
  "@types/prismjs": "^1.26.0",
@@ -64,5 +64,5 @@
64
64
  "engines": {
65
65
  "node": ">=14"
66
66
  },
67
- "gitHead": "f77d186bac2cce4eae830ad2e141e37af7f739ee"
67
+ "gitHead": "bc45d84f5714bd2f8503336e88dad76e3d9268b5"
68
68
  }
@@ -15,6 +15,7 @@ import styles from './styles.module.css';
15
15
  import clsx from 'clsx';
16
16
  import Link from '@docusaurus/Link';
17
17
  import useBaseUrl from '@docusaurus/useBaseUrl';
18
+ import {translate} from '@docusaurus/Translate';
18
19
  import IconHome from '@theme/IconHome';
19
20
 
20
21
  // TODO move to design system folder
@@ -82,9 +83,14 @@ function HomeBreadcrumbItem() {
82
83
  return (
83
84
  <li className="breadcrumbs__item">
84
85
  <Link
86
+ aria-label={translate({
87
+ id: 'theme.docs.breadcrumbs.home',
88
+ message: 'Home page',
89
+ description: 'The ARIA label for the home page in the breadcrumbs',
90
+ })}
85
91
  className={clsx('breadcrumbs__link', styles.breadcrumbsItemLink)}
86
92
  href={homeHref}>
87
- <IconHome className={styles.icon} />
93
+ <IconHome className={styles.breadcrumbHomeIcon} />
88
94
  </Link>
89
95
  </li>
90
96
  );
@@ -104,7 +110,11 @@ export default function DocBreadcrumbs(): JSX.Element | null {
104
110
  ThemeClassNames.docs.docBreadcrumbs,
105
111
  styles.breadcrumbsContainer,
106
112
  )}
107
- aria-label="breadcrumbs">
113
+ aria-label={translate({
114
+ id: 'theme.docs.breadcrumbs.navAriaLabel',
115
+ message: 'Breadcrumbs',
116
+ description: 'The ARIA label for the breadcrumbs',
117
+ })}>
108
118
  <ul
109
119
  className="breadcrumbs"
110
120
  itemScope
@@ -10,8 +10,10 @@
10
10
  margin-bottom: 0.8rem;
11
11
  }
12
12
 
13
- .icon {
14
- vertical-align: middle;
13
+ .breadcrumbHomeIcon {
14
+ position: relative;
15
+ top: 1px;
16
+ vertical-align: top;
15
17
  height: 1.1rem;
16
18
  width: 1.1rem;
17
19
  }