@genspectrum/dashboard-components 0.6.12 → 0.6.13

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.
@@ -26111,7 +26111,14 @@ function indentLines(text, numberSpaces) {
26111
26111
  return text.split("\n").map((line) => spaces + line).join("\n");
26112
26112
  }
26113
26113
  const LoadingDisplay = () => {
26114
- return /* @__PURE__ */ u$2("div", { "aria-label": "Loading", className: "h-full w-full skeleton" });
26114
+ return /* @__PURE__ */ u$2(
26115
+ "div",
26116
+ {
26117
+ "aria-label": "Loading",
26118
+ className: "h-full w-full border-2 border-gray-100 rounded-md flex justify-center items-center",
26119
+ children: /* @__PURE__ */ u$2("div", { className: "loading loading-spinner loading-md text-neutral-500" })
26120
+ }
26121
+ );
26115
26122
  };
26116
26123
  const min = Math.min;
26117
26124
  const max = Math.max;
@@ -29771,30 +29778,6 @@ input.tab:checked + .tab-content,
29771
29778
  background-position: calc(0% + 12px) calc(1px + 50%),
29772
29779
  calc(0% + 16px) calc(1px + 50%);
29773
29780
  }
29774
- .skeleton {
29775
- border-radius: var(--rounded-box, 1rem);
29776
- --tw-bg-opacity: 1;
29777
- background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
29778
- will-change: background-position;
29779
- animation: skeleton 1.8s ease-in-out infinite;
29780
- background-image: linear-gradient(
29781
- 105deg,
29782
- transparent 0%,
29783
- transparent 40%,
29784
- var(--fallback-b1,oklch(var(--b1)/1)) 50%,
29785
- transparent 60%,
29786
- transparent 100%
29787
- );
29788
- background-size: 200% auto;
29789
- background-repeat: no-repeat;
29790
- background-position-x: -50%;
29791
- }
29792
- @media (prefers-reduced-motion) {
29793
-
29794
- .skeleton {
29795
- animation-duration: 15s;
29796
- }
29797
- }
29798
29781
  @keyframes skeleton {
29799
29782
 
29800
29783
  from {
@@ -30865,6 +30848,10 @@ input.tab:checked + .tab-content,
30865
30848
  --tw-text-opacity: 1;
30866
30849
  color: rgb(75 85 99 / var(--tw-text-opacity));
30867
30850
  }
30851
+ .text-neutral-500 {
30852
+ --tw-text-opacity: 1;
30853
+ color: rgb(115 115 115 / var(--tw-text-opacity));
30854
+ }
30868
30855
  .text-red-700 {
30869
30856
  --tw-text-opacity: 1;
30870
30857
  color: rgb(185 28 28 / var(--tw-text-opacity));