update thumbnail-panel

package.json

@@ -94,7 +94,7 @@
  "@iiif/manifold": "2.0.31",
  "@iiif/presentation-3": "^1.0.5",
  "@iiif/vocabulary": "^1.0.23",
- "@iiif/thumbnail-panel": "0.0.10",
+ "@iiif/thumbnail-panel": "0.0.13",
  "@iiif/vault-helpers": "0.10.0",
  "@openseadragon-imaging/openseadragon-viewerinputhook": "^2.2.1",
  "@universalviewer/aleph": "0.0.15",

src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.css

@@ -1,59 +1,3 @@
-/* @import "@iiif/thumbnail-panel/dist/style.css"; */
-
-[thumbnail-panel] {
- display: flex;
- flex-direction: column;
-}
-
-[thumbnail-panel][data-orientation="horizontal"] {
- flex-direction: row;
-}
-
-[thumbnail-group] {
- display: flex;
-}
-
-[thumbnail-group][data-selected="true"] {
- /* background: blue; */
-}
-
-[thumbnail-item] {
- display: flex;
- margin: 0 0.5rem 0.5rem 0;
- /* border: 2px solid transparent; */
-}
-
-[thumbnail-item] button {
- margin: 0;
- padding: 0;
- background: transparent;
- border: none;
- cursor: pointer;
-}
-
-[thumbnail-item] button > figure {
- margin: 0;
-}
-
-[thumbnail-item] button > figure > div > img {
- width: 100%;
- height: 100%;
- object-position: 50% 50%;
- object-fit: contain;
-}
-
-[thumbnail-item] button > figure > figcaption {
- /* text-align: left; */
- /* padding: 0.25rem 0 0.25rem 0.25rem;
- font-size: 0.75rem; */
-}
-
-[thumbnail-item][data-selected="true"] {
- outline: 1px solid black;
-}
-
-/* overrides */
-
 .uv .thumbsView {
  padding-left: 2px;
 }

src/content-handlers/iiif/modules/uv-contentleftpanel-module/ThumbsViewCommons.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { Thumb } from "manifesto.js";
 import { ViewingDirection } from "@iiif/vocabulary";
-// import "@iiif/thumbnail-panel/dist/style.css";
+import "@iiif/thumbnail-panel/dist/style.css";
 import "./ThumbsViewCommons.css";
 import {
  ThumbnailPanel,