opus-react 0.6.7 → 0.6.8

package/dist/index.css

@@ -13429,7 +13429,7 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
 }
 
 .opus_PaKREB_handle:hover, .opus_PaKREB_handle:focus-visible {
-  background: color-mix(in srgb, var(--opus-accent) 22%, transparent);
+  background: color-mix(in srgb, var(--opus-accent) 10%, transparent);
 }
 
 .opus_PaKREB_handle[data-background="none"]:hover, .opus_PaKREB_handle[data-background="none"]:focus-visible {
@@ -13438,52 +13438,69 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
 
 .opus_PaKREB_handle:after {
   content: "";
-  background: color-mix(in srgb, var(--opus-accent) 32%, transparent);
   border-radius: 999px;
   transition: background .16s, inset .16s;
   position: absolute;
 }
 
 .opus_PaKREB_handle[data-orientation="vertical"]:after {
-  inset: 26% 3px;
+  background: linear-gradient(to bottom,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 32%, transparent) 14%,
+    color-mix(in srgb, var(--opus-accent) 32%, transparent) 86%,
+    transparent 100%);
+  inset: 6% 3px;
 }
 
 .opus_PaKREB_handle[data-orientation="horizontal"]:after {
-  inset: 3px 26%;
+  background: linear-gradient(to right,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 32%, transparent) 14%,
+    color-mix(in srgb, var(--opus-accent) 32%, transparent) 86%,
+    transparent 100%);
+  inset: 3px 6%;
 }
 
 .opus_PaKREB_handle[data-orientation="vertical"][data-height="short"]:after {
-  inset: 38% 3px;
+  inset: 18% 3px;
 }
 
 .opus_PaKREB_handle[data-orientation="vertical"][data-height="tall"]:after {
-  inset: 14% 3px;
+  inset: 3% 3px;
 }
 
 .opus_PaKREB_handle[data-orientation="vertical"][data-height="full"]:after {
-  inset: 5% 3px;
+  inset: 1% 3px;
 }
 
 .opus_PaKREB_handle[data-orientation="horizontal"][data-height="short"]:after {
-  inset: 3px 38%;
+  inset: 3px 18%;
 }
 
 .opus_PaKREB_handle[data-orientation="horizontal"][data-height="tall"]:after {
-  inset: 3px 14%;
+  inset: 3px 3%;
 }
 
 .opus_PaKREB_handle[data-orientation="horizontal"][data-height="full"]:after {
-  inset: 3px 5%;
+  inset: 3px 1%;
 }
 
 .opus_PaKREB_handle[data-orientation="vertical"]:hover:after, .opus_PaKREB_handle[data-orientation="vertical"]:focus-visible:after {
-  background: color-mix(in srgb, var(--opus-accent) 68%, transparent);
-  inset: 12% 2px;
+  background: linear-gradient(to bottom,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 36%, transparent) 12%,
+    color-mix(in srgb, var(--opus-accent) 36%, transparent) 88%,
+    transparent 100%);
+  inset: 5% 2px;
 }
 
 .opus_PaKREB_handle[data-orientation="horizontal"]:hover:after, .opus_PaKREB_handle[data-orientation="horizontal"]:focus-visible:after {
-  background: color-mix(in srgb, var(--opus-accent) 68%, transparent);
-  inset: 2px 12%;
+  background: linear-gradient(to right,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 36%, transparent) 12%,
+    color-mix(in srgb, var(--opus-accent) 36%, transparent) 88%,
+    transparent 100%);
+  inset: 2px 5%;
 }
 
 .opus_PaKREB_handle:focus-visible {
@@ -13531,10 +13548,10 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
 }
 
 .opus_PaKREB_handle:hover .opus_PaKREB_grip, .opus_PaKREB_handle:focus-visible .opus_PaKREB_grip {
-  border-color: var(--opus-accent);
-  background-color: var(--opus-accent);
-  box-shadow: 0 1px 4px #00000052,
-    0 0 5px color-mix(in srgb, var(--opus-accent) 14%, transparent);
+  border-color: color-mix(in srgb, var(--opus-accent) 62%, #070912);
+  background-color: color-mix(in srgb, var(--opus-accent) 58%, #070912);
+  box-shadow: 0 1px 3px #00000038,
+    0 0 4px color-mix(in srgb, var(--opus-accent) 6%, transparent);
 }
 
 [data-theme="light"] .opus_PaKREB_handle {
@@ -13553,8 +13570,20 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
   background: color-mix(in srgb, var(--opus-text) 7%, transparent);
 }
 
-[data-theme="light"] .opus_PaKREB_handle:after {
-  background: color-mix(in srgb, var(--opus-accent) 24%, transparent);
+[data-theme="light"] .opus_PaKREB_handle[data-orientation="vertical"]:after {
+  background: linear-gradient(to bottom,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 24%, transparent) 14%,
+    color-mix(in srgb, var(--opus-accent) 24%, transparent) 86%,
+    transparent 100%);
+}
+
+[data-theme="light"] .opus_PaKREB_handle[data-orientation="horizontal"]:after {
+  background: linear-gradient(to right,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 24%, transparent) 14%,
+    color-mix(in srgb, var(--opus-accent) 24%, transparent) 86%,
+    transparent 100%);
 }
 
 [data-theme="light"] .opus_PaKREB_grip {
@@ -13569,22 +13598,34 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
 }
 
 [data-theme="light"] .opus_PaKREB_handle:hover, [data-theme="light"] .opus_PaKREB_handle:focus-visible {
-  background: color-mix(in srgb, var(--opus-accent) 14%, transparent);
+  background: color-mix(in srgb, var(--opus-accent) 7%, transparent);
 }
 
 [data-theme="light"] .opus_PaKREB_handle[data-background="none"]:hover, [data-theme="light"] .opus_PaKREB_handle[data-background="none"]:focus-visible {
   background: none;
 }
 
-[data-theme="light"] .opus_PaKREB_handle:hover:after, [data-theme="light"] .opus_PaKREB_handle:focus-visible:after {
-  background: color-mix(in srgb, var(--opus-accent) 52%, transparent);
+[data-theme="light"] .opus_PaKREB_handle[data-orientation="vertical"]:hover:after, [data-theme="light"] .opus_PaKREB_handle[data-orientation="vertical"]:focus-visible:after {
+  background: linear-gradient(to bottom,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 28%, transparent) 12%,
+    color-mix(in srgb, var(--opus-accent) 28%, transparent) 88%,
+    transparent 100%);
+}
+
+[data-theme="light"] .opus_PaKREB_handle[data-orientation="horizontal"]:hover:after, [data-theme="light"] .opus_PaKREB_handle[data-orientation="horizontal"]:focus-visible:after {
+  background: linear-gradient(to right,
+    transparent 0%,
+    color-mix(in srgb, var(--opus-accent) 28%, transparent) 12%,
+    color-mix(in srgb, var(--opus-accent) 28%, transparent) 88%,
+    transparent 100%);
 }
 
 [data-theme="light"] .opus_PaKREB_handle:hover .opus_PaKREB_grip, [data-theme="light"] .opus_PaKREB_handle:focus-visible .opus_PaKREB_grip {
-  border-color: var(--opus-accent);
-  background-color: var(--opus-accent);
-  box-shadow: 0 1px 4px color-mix(in srgb, var(--opus-muted) 24%, transparent),
-    0 0 6px color-mix(in srgb, var(--opus-accent) 20%, transparent);
+  border-color: color-mix(in srgb, var(--opus-accent) 78%, #fff);
+  background-color: color-mix(in srgb, var(--opus-accent) 70%, #fff);
+  box-shadow: 0 1px 3px color-mix(in srgb, var(--opus-muted) 16%, transparent),
+    0 0 4px color-mix(in srgb, var(--opus-accent) 10%, transparent);
 }
 
 /* components/Splitter/Splitter.module.css */