opus-react 0.3.2 → 0.3.4

package/dist/index.css

@@ -9820,17 +9820,17 @@
 }
 
 .opus_I9wQcM_track[data-axis="y"] {
+  top: var(--custom-scrollbar-track-inset, 2px);
+  right: var(--custom-scrollbar-track-inset, 2px);
+  bottom: var(--custom-scrollbar-track-inset, 2px);
   width: var(--custom-scrollbar-size, 10px);
-  top: 2px;
-  bottom: 2px;
-  right: 2px;
 }
 
 .opus_I9wQcM_track[data-axis="x"] {
+  right: var(--custom-scrollbar-track-inset, 2px);
+  bottom: var(--custom-scrollbar-track-inset, 2px);
+  left: var(--custom-scrollbar-track-inset, 2px);
   height: var(--custom-scrollbar-size, 10px);
-  bottom: 2px;
-  left: 2px;
-  right: 2px;
 }
 
 .opus_I9wQcM_root[data-vertical-track-shape="square"] > .opus_I9wQcM_track[data-axis="y"], .opus_I9wQcM_root[data-horizontal-track-shape="square"] > .opus_I9wQcM_track[data-axis="x"], .opus_I9wQcM_root[data-vertical-thumb-shape="square"] > .opus_I9wQcM_track[data-axis="y"] > .opus_I9wQcM_thumb, .opus_I9wQcM_root[data-horizontal-thumb-shape="square"] > .opus_I9wQcM_track[data-axis="x"] > .opus_I9wQcM_thumb {
@@ -10794,6 +10794,8 @@
   --tile-height: 101px;
   grid-auto-flow: column;
   grid-auto-columns: var(--tile-width);
+  -ms-overflow-style: none;
+  scrollbar-width: none;
   scroll-behavior: smooth;
   scroll-snap-type: x mandatory;
   background: none;
@@ -10809,6 +10811,12 @@
   overflow-x: auto;
 }
 
+.opus_zD82gC_row::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
 .opus_zD82gC_moreButton {
   z-index: 2;
   width: 24px;
@@ -11096,6 +11104,8 @@
   --stat-tile-height: 6.75rem;
   grid-auto-flow: column;
   grid-auto-columns: var(--stat-tile-size);
+  -ms-overflow-style: none;
+  scrollbar-width: none;
   scroll-behavior: smooth;
   width: 100%;
   min-width: 0;
@@ -11113,6 +11123,12 @@
   overflow-x: auto;
 }
 
+.opus_uhJd8v_row::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
 .opus_uhJd8v_moreButton {
   z-index: 2;
   width: 24px;
@@ -16290,10 +16306,8 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
 }
 
 .opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content {
-  border-color: #0000;
-  border-left-color: var(--application-header-border);
   background: radial-gradient(75% 120% at 0 0, #1d4ed81a, #0000 60%), linear-gradient(90deg, #0d172a 0%, #07111f 66%, #0000 100%);
-  border-right: 0;
+  border: 0;
   border-radius: 14px 0 0 14px;
   height: 62px;
   min-height: 62px;
@@ -16301,25 +16315,16 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
   position: relative;
 }
 
-.opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content:before, .opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content:after {
-  background: linear-gradient(90deg,
-    var(--application-header-border) 0%,
-    var(--application-header-border) 66%,
-    transparent 100%);
+.opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content:before {
+  border: 1px solid var(--application-header-border);
   content: "";
   pointer-events: none;
-  height: 1px;
+  border-right: 0;
+  border-radius: 14px 0 0 14px;
   position: absolute;
-  left: 10px;
-  right: 0;
-}
-
-.opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content:before {
-  top: -1px;
-}
-
-.opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content:after {
-  bottom: -1px;
+  inset: 0;
+  -webkit-mask-image: linear-gradient(90deg, #000 0% 66%, #0000 100%);
+  mask-image: linear-gradient(90deg, #000 0% 66%, #0000 100%);
 }
 
 [data-shell-theme="light"] .opus_TjZbi8_root, [data-theme="light"] .opus_TjZbi8_root {
@@ -16341,10 +16346,8 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
 }
 
 [data-shell-theme="light"] .opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content, [data-theme="light"] .opus_TjZbi8_root[data-connected="true"] .opus_TjZbi8_content {
-  border-color: #0000;
-  border-left-color: var(--application-header-border);
   background: radial-gradient(75% 120% at 0 0, #dbeafe8a, #0000 62%), linear-gradient(90deg, #fffffffa 0%, #f5f7ff 66%, #0000 100%);
-  border-right: 0;
+  border: 0;
 }
 
 @media (width <= 1100px) {