opus-react 0.2.40 → 0.2.42

package/dist/index.css

@@ -9547,6 +9547,64 @@
   outline: none;
 }
 
+.opus_PaKREB_grip {
+  z-index: 1;
+  border: 1px solid color-mix(in srgb, var(--opus-muted) 52%, var(--opus-panel));
+  background-color: color-mix(in srgb, var(--opus-muted) 42%, var(--opus-panel));
+  pointer-events: none;
+  border-radius: 999px;
+  transition: border-color .16s, background-color .16s, box-shadow .16s;
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  box-shadow: 0 1px 3px #00000047, inset 0 1px #ffffff1f;
+}
+
+.opus_PaKREB_grip:after {
+  content: "";
+  position: absolute;
+  inset: 0;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"] .opus_PaKREB_grip {
+  width: 12px;
+  height: 30px;
+}
+
+.opus_PaKREB_handle[data-orientation="vertical"] .opus_PaKREB_grip:after {
+  background-image: radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
+    radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
+    radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
+    radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px);
+  background-position: 50% 18%, 50% 39%, 50% 61%, 50% 82%;
+  background-repeat: no-repeat;
+  background-size: 5px 5px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"] .opus_PaKREB_grip {
+  width: 30px;
+  height: 12px;
+}
+
+.opus_PaKREB_handle[data-orientation="horizontal"] .opus_PaKREB_grip:after {
+  background-image: radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
+    radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
+    radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px),
+    radial-gradient(circle, var(--opus-panel) 2.1px, transparent 2.35px);
+  background-position: 18%, 39%, 61%, 82%;
+  background-repeat: no-repeat;
+  background-size: 5px 5px;
+}
+
+.opus_PaKREB_handle:hover .opus_PaKREB_grip, .opus_PaKREB_handle:focus-visible .opus_PaKREB_grip {
+  border-color: color-mix(in srgb, var(--opus-accent) 68%, var(--opus-border));
+  background-color: color-mix(in srgb, var(--opus-accent) 68%, var(--opus-panel));
+  box-shadow: 0 1px 4px #00000052,
+    0 0 5px color-mix(in srgb, var(--opus-accent) 14%, transparent);
+}
+
 /* components/Splitter/Splitter.module.css */
 .opus_Khgx9s_root {
   border: 1px solid var(--opus-border);
@@ -15153,13 +15211,47 @@
 }
 
 .opus_4Pogux_footer {
-  border-top: 1px solid color-mix(in srgb, var(--opus-border) 82%, transparent);
   color: var(--opus-muted);
   flex-shrink: 0;
   margin-top: 8px;
   padding: 8px 0 0;
   font-size: .78rem;
   line-height: 1.4;
+  position: relative;
+}
+
+.opus_4Pogux_footer:before {
+  background: color-mix(in srgb, var(--opus-border) 82%, transparent);
+  content: "";
+  height: 1px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+}
+
+.opus_4Pogux_sidebar[data-footer-padding-left="true"] .opus_4Pogux_footer:before {
+  left: 16px;
+}
+
+.opus_4Pogux_sidebar[data-footer-padding-right="true"] .opus_4Pogux_footer:before {
+  right: 16px;
+}
+
+.opus_4Pogux_sidebar[data-footer-padding-top="true"] .opus_4Pogux_footer {
+  padding-top: 14px;
+}
+
+.opus_4Pogux_sidebar[data-footer-padding-right="true"] .opus_4Pogux_footer {
+  padding-right: 16px;
+}
+
+.opus_4Pogux_sidebar[data-footer-padding-bottom="true"] .opus_4Pogux_footer {
+  padding-bottom: 12px;
+}
+
+.opus_4Pogux_sidebar[data-footer-padding-left="true"] .opus_4Pogux_footer {
+  padding-left: 16px;
 }
 
 .opus_4Pogux_sidebar[data-collapsed="true"] .opus_4Pogux_footer {