@docusaurus/theme-classic 0.0.0-4771 → 0.0.0-4772

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 (7) hide show
  1. package/lib-next/theme/DocSidebarItem/index.js +10 -5
  2. package/lib-next/theme/DocSidebarItem/styles.module.css +4 -0
  3. package/lib-next/theme/IconExternalLink/styles.module.css +0 -2
  4. package/package.json +13 -13
  5. package/src/theme/DocSidebarItem/index.tsx +10 -5
  6. package/src/theme/DocSidebarItem/styles.module.css +4 -0
  7. package/src/theme/IconExternalLink/styles.module.css +0 -2
package/lib-next/theme/DocSidebarItem/index.js CHANGED
@@ -233,6 +233,7 @@ function DocSidebarItemLink({
233
233
  }) {
234
234
  const {href, label, className} = item;
235
235
  const isActive = isActiveSidebarItem(item, activePath);
236
+ const isInternalLink = isInternalUrl(href);
236
237
  return (
237
238
  <li
238
239
  className={clsx(
@@ -243,17 +244,21 @@ function DocSidebarItemLink({
243
244
  )}
244
245
  key={label}>
245
246
  <Link
246
- className={clsx('menu__link', {
247
- 'menu__link--active': isActive,
248
- })}
247
+ className={clsx(
248
+ 'menu__link',
249
+ !isInternalLink && styles.menuExternalLink,
250
+ {
251
+ 'menu__link--active': isActive,
252
+ },
253
+ )}
249
254
  aria-current={isActive ? 'page' : undefined}
250
255
  to={href}
251
- {...(isInternalUrl(href) && {
256
+ {...(isInternalLink && {
252
257
  onClick: onItemClick ? () => onItemClick(item) : undefined,
253
258
  })}
254
259
  {...props}>
255
260
  {label}
256
- {!isInternalUrl(href) && <IconExternalLink />}
261
+ {!isInternalLink && <IconExternalLink />}
257
262
  </Link>
258
263
  </li>
259
264
  );
package/lib-next/theme/DocSidebarItem/styles.module.css CHANGED
@@ -11,3 +11,7 @@
11
11
  var(--ifm-menu-link-padding-horizontal);
12
12
  }
13
13
  }
14
+
15
+ .menuExternalLink {
16
+ align-items: center;
17
+ }
package/lib-next/theme/IconExternalLink/styles.module.css CHANGED
@@ -7,6 +7,4 @@
7
7
 
8
8
  .iconExternalLink {
9
9
  margin-left: 0.3rem;
10
- position: relative;
11
- top: 1px;
12
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@docusaurus/theme-classic",
3
- "version": "0.0.0-4771",
3
+ "version": "0.0.0-4772",
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-4771",
25
- "@docusaurus/plugin-content-blog": "0.0.0-4771",
26
- "@docusaurus/plugin-content-docs": "0.0.0-4771",
27
- "@docusaurus/plugin-content-pages": "0.0.0-4771",
28
- "@docusaurus/theme-common": "0.0.0-4771",
29
- "@docusaurus/theme-translations": "0.0.0-4771",
30
- "@docusaurus/utils": "0.0.0-4771",
31
- "@docusaurus/utils-common": "0.0.0-4771",
32
- "@docusaurus/utils-validation": "0.0.0-4771",
24
+ "@docusaurus/core": "0.0.0-4772",
25
+ "@docusaurus/plugin-content-blog": "0.0.0-4772",
26
+ "@docusaurus/plugin-content-docs": "0.0.0-4772",
27
+ "@docusaurus/plugin-content-pages": "0.0.0-4772",
28
+ "@docusaurus/theme-common": "0.0.0-4772",
29
+ "@docusaurus/theme-translations": "0.0.0-4772",
30
+ "@docusaurus/utils": "0.0.0-4772",
31
+ "@docusaurus/utils-common": "0.0.0-4772",
32
+ "@docusaurus/utils-validation": "0.0.0-4772",
33
33
  "@mdx-js/react": "^1.6.22",
34
34
  "clsx": "^1.1.1",
35
35
  "copy-text-to-clipboard": "^3.0.1",
@@ -42,8 +42,8 @@
42
42
  "rtlcss": "^3.5.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@docusaurus/module-type-aliases": "0.0.0-4771",
46
- "@docusaurus/types": "0.0.0-4771",
45
+ "@docusaurus/module-type-aliases": "0.0.0-4772",
46
+ "@docusaurus/types": "0.0.0-4772",
47
47
  "@types/mdx-js__react": "^1.5.5",
48
48
  "@types/prismjs": "^1.26.0",
49
49
  "@types/rtlcss": "^3.1.2",
@@ -59,5 +59,5 @@
59
59
  "engines": {
60
60
  "node": ">=14"
61
61
  },
62
- "gitHead": "1b462b797e77b4a018e3c1ebb36ec87521ad4d07"
62
+ "gitHead": "50ef1fb8e19a46e43c122d625c8bff2110546260"
63
63
  }
package/src/theme/DocSidebarItem/index.tsx CHANGED
@@ -250,6 +250,7 @@ function DocSidebarItemLink({
250
250
  }: Props & {item: PropSidebarItemLink}) {
251
251
  const {href, label, className} = item;
252
252
  const isActive = isActiveSidebarItem(item, activePath);
253
+ const isInternalLink = isInternalUrl(href);
253
254
  return (
254
255
  <li
255
256
  className={clsx(
@@ -260,17 +261,21 @@ function DocSidebarItemLink({
260
261
  )}
261
262
  key={label}>
262
263
  <Link
263
- className={clsx('menu__link', {
264
- 'menu__link--active': isActive,
265
- })}
264
+ className={clsx(
265
+ 'menu__link',
266
+ !isInternalLink && styles.menuExternalLink,
267
+ {
268
+ 'menu__link--active': isActive,
269
+ },
270
+ )}
266
271
  aria-current={isActive ? 'page' : undefined}
267
272
  to={href}
268
- {...(isInternalUrl(href) && {
273
+ {...(isInternalLink && {
269
274
  onClick: onItemClick ? () => onItemClick(item) : undefined,
270
275
  })}
271
276
  {...props}>
272
277
  {label}
273
- {!isInternalUrl(href) && <IconExternalLink />}
278
+ {!isInternalLink && <IconExternalLink />}
274
279
  </Link>
275
280
  </li>
276
281
  );
package/src/theme/DocSidebarItem/styles.module.css CHANGED
@@ -11,3 +11,7 @@
11
11
  var(--ifm-menu-link-padding-horizontal);
12
12
  }
13
13
  }
14
+
15
+ .menuExternalLink {
16
+ align-items: center;
17
+ }
package/src/theme/IconExternalLink/styles.module.css CHANGED
@@ -7,6 +7,4 @@
7
7
 
8
8
  .iconExternalLink {
9
9
  margin-left: 0.3rem;
10
- position: relative;
11
- top: 1px;
12
10
  }