Updating pydata-sphinx-theme to 0.22

docs/reference/kitchen-sink/generic.rst

@@ -3,7 +3,7 @@
    Licensed under Creative Commons Attribution-ShareAlike 4.0 International License
    SPDX-License-Identifier: CC-BY-SA-4.0
 
-.. |EXAMPLE| image:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. |EXAMPLE| image:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
     :width: 1em
 
 =============
@@ -110,7 +110,7 @@ Sidebar
 
     Lorem ipsum dolor sit amet consectetur adipisicing elit.
 
-    .. image:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+    .. image:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
 
     Lorem ipsum dolor sit amet consectetur adipisicing elit.
 
@@ -268,4 +268,4 @@ voluptatem officia culpa optio atque. Quaerat sed quibusdam ratione nam.
 Download Links
 ==============
 
-:download:`This long long long long long long long long long long long long long long long download link should wrap white-spaces <https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg>`
+:download:`This long long long long long long long long long long long long long long long download link should wrap white-spaces <https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg>`

docs/reference/kitchen-sink/images.rst

@@ -12,18 +12,18 @@ Images
 
 An image:
 
-.. image:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. image:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
    :height: 200
    :width: 200
 
 A clickable image:
 
-.. image:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. image:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
    :target: https://jupyter.org/
    :height: 200
    :width: 200
 
-.. image:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. image:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
    :align: right
    :height: 200
    :width: 200
@@ -43,7 +43,7 @@ sapiente veritatis doloribus accusantium molestiae modi recusandae
 excepturi facere, corrupti expedita sit nihil temporibus eius sequi
 animi, illo libero labore fuga.
 
-.. image:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. image:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
    :align: left
    :height: 200
    :width: 200
@@ -66,7 +66,7 @@ animi, illo libero labore fuga.
 Figures
 -------
 
-.. figure:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. figure:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
    :alt: reStructuredText, the markup syntax
 
    A figure is an image with a caption and/or a legend:
@@ -83,7 +83,7 @@ Figures
 
 A figure directive with center alignment
 
-.. figure:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. figure:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
    :align: center
 
    This caption should be centered.

docs/reference/kitchen-sink/lists.rst

@@ -246,11 +246,11 @@ Hlists
 .. hlist::
     :columns: 2
 
-    - .. figure:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+    - .. figure:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
 
          This is a short caption for a figure.
 
-    - .. figure:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+    - .. figure:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
 
          This is a long caption for a figure. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
          Donec porttitor dolor in odio posuere, vitae ornare libero mattis. In lobortis justo vestibulum nibh aliquet, non.

docs/reference/kitchen-sink/structure.rst

@@ -83,7 +83,7 @@ luctus efficitur arcu. Cras ut dictum mi. Nulla congue interdum lorem, semper se
 Document Subsection
 -------------------
 
-.. figure:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+.. figure:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
     :align: right
     :figwidth: 200px
 

docs/reference/kitchen-sink/tables.rst

@@ -97,11 +97,11 @@ List Tables
 
 .. list-table:: This is a list table with images in it.
 
-    * - .. figure:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+    * - .. figure:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
 
            This is a short caption for a figure.
 
-      - .. figure:: https://jupyter.org/assets/logos/rectanglelogo-greytext-orangebody-greymoons.svg
+      - .. figure:: https://raw.githubusercontent.com/jupyter/design/refs/heads/main/logos/Rectangle%20Logo/rectanglelogo-greytext-orangebody-greymoons/rectanglelogo-greytext-orangebody-greymoons.svg
 
            This is a long caption for a figure. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
            Donec porttitor dolor in odio posuere, vitae ornare libero mattis. In lobortis justo vestibulum nibh aliquet, non.

pyproject.toml

@@ -40,7 +40,7 @@ readme = "README.md"
 requires-python = ">=3.11"
 dependencies = [
   "sphinx>=8.2",
-  "pydata-sphinx-theme==0.20.0"
+  "pydata-sphinx-theme==0.22.0"
 ]
 
 license = { file = "LICENSE" }

src/sphinx_book_theme/assets/translations/README.md

@@ -12,7 +12,7 @@ They are checked in to `git` history with this repository.
 
 `src/sphinx_book_theme/assets/translations/jsons` contains a collection of JSON files that define the translation for various phrases in this repository.
 Each file is a different phrase, and its contents define language codes and translated phrases for each language we support.
-They were originally created with [the smodin.io language translator](https://smodin.me/translate-one-text-into-multiple-languages) (see below for how to update them).
+They were originally created with the smodin.io language translator.
 
 ### Compiled translation files
 
@@ -27,9 +27,9 @@ Here's a brief explanation of each:
 
 ## Workflow of translations
 
-Here's a short workflow of how to add a new translation, assuming that you are translating using the [smodin.io service](https://smodin.io/translate-one-text-into-multiple-languages).
+Here's a short workflow of how to add a new translation, assuming that you are translating using the .smodin.io service (the URL used to be ``https://smodin.io/translate-one-text-into-multiple-languages``).
 
-1. Go to [the smodin.io service](https://smodin.io/translate-one-text-into-multiple-languages)
+1. Go to the smodin.io service.
 2. Select as many languages as you like.
 3. Type in the phrase you'd like to translate.
 4. Click `TRANSLATE` and then `Download JSON`.

tests/test_build/build__header-article.html

@@ -107,7 +107,7 @@
       </span>
      </button>
      <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
-      <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+      <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown" type="button">
        <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
        </i>
        <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
@@ -117,29 +117,29 @@
       </button>
       <ul class="dropdown-menu dropdown-menu-end">
        <li>
-        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto" type="button">
          <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
          </i>
          System Settings
         </button>
        </li>
        <li>
-        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light" type="button">
          <i class="fa-solid fa-sun fa-lg fa-fw me-1">
          </i>
          Light
         </button>
        </li>
        <li>
-        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+        <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark" type="button">
          <i class="fa-solid fa-moon fa-lg fa-fw me-1">
          </i>
          Dark
         </button>
        </li>
       </ul>
      </div>
-     <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
+     <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search" type="button">
       <i class="fa-solid fa-magnifying-glass fa-lg">
       </i>
      </button>

tests/test_build/header__repo-buttons--all-off.html

@@ -38,7 +38,7 @@
     </span>
    </button>
    <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
-    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown" type="button">
      <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
      </i>
      <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
@@ -48,29 +48,29 @@
     </button>
     <ul class="dropdown-menu dropdown-menu-end">
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto" type="button">
        <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
        </i>
        System Settings
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light" type="button">
        <i class="fa-solid fa-sun fa-lg fa-fw me-1">
        </i>
        Light
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark" type="button">
        <i class="fa-solid fa-moon fa-lg fa-fw me-1">
        </i>
        Dark
       </button>
      </li>
     </ul>
    </div>
-   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
+   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search" type="button">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
    </button>

tests/test_build/header__repo-buttons--all-on.html

@@ -79,7 +79,7 @@
     </span>
    </button>
    <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
-    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown" type="button">
      <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
      </i>
      <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
@@ -89,29 +89,29 @@
     </button>
     <ul class="dropdown-menu dropdown-menu-end">
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto" type="button">
        <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
        </i>
        System Settings
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light" type="button">
        <i class="fa-solid fa-sun fa-lg fa-fw me-1">
        </i>
        Light
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark" type="button">
        <i class="fa-solid fa-moon fa-lg fa-fw me-1">
        </i>
        Dark
       </button>
      </li>
     </ul>
    </div>
-   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
+   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search" type="button">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
    </button>

tests/test_build/header__repo-buttons--custom-branch.html

@@ -62,7 +62,7 @@
     </span>
    </button>
    <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
-    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown" type="button">
      <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
      </i>
      <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
@@ -72,29 +72,29 @@
     </button>
     <ul class="dropdown-menu dropdown-menu-end">
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto" type="button">
        <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
        </i>
        System Settings
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light" type="button">
        <i class="fa-solid fa-sun fa-lg fa-fw me-1">
        </i>
        Light
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark" type="button">
        <i class="fa-solid fa-moon fa-lg fa-fw me-1">
        </i>
        Dark
       </button>
      </li>
     </ul>
    </div>
-   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
+   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search" type="button">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
    </button>

tests/test_build/header__repo-buttons--one-on.html

@@ -44,7 +44,7 @@
     </span>
    </button>
    <div class="theme-switch-container dropdown pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Color mode">
-    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown">
+    <button aria-label="Color mode" class="btn btn-sm nav-link pst-navbar-icon theme-switch-button dropdown-toggle" data-bs-toggle="dropdown" type="button">
      <i class="theme-switch fa-solid fa-sun fa-lg fa-fw" data-mode="light" title="Light">
      </i>
      <i class="theme-switch fa-solid fa-moon fa-lg fa-fw" data-mode="dark" title="Dark">
@@ -54,29 +54,29 @@
     </button>
     <ul class="dropdown-menu dropdown-menu-end">
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="auto" type="button">
        <i class="fa-solid fa-circle-half-stroke fa-lg fa-fw me-1">
        </i>
        System Settings
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="light" type="button">
        <i class="fa-solid fa-sun fa-lg fa-fw me-1">
        </i>
        Light
       </button>
      </li>
      <li>
-      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark">
+      <button class="dropdown-item d-flex align-items-center theme-change-button" data-mode="dark" type="button">
        <i class="fa-solid fa-moon fa-lg fa-fw me-1">
        </i>
        Dark
       </button>
      </li>
     </ul>
    </div>
-   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search">
+   <button aria-label="Search" class="btn btn-sm pst-navbar-icon search-button search-button__button pst-js-only" data-bs-placement="bottom" data-bs-toggle="tooltip" title="Search" type="button">
     <i class="fa-solid fa-magnifying-glass fa-lg">
     </i>
    </button>