dockview-react 8.3.0 → 8.4.0

package/dist/package/main.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 8.3.0
+ * @version 8.4.0
  * @link https://github.com/dockview/dockview
  * @license MIT
  */

package/dist/package/main.cjs.min.js

@@ -1,6 +1,6 @@
 /**
 * dockview-react
-* @version 8.3.0
+* @version 8.4.0
 * @link https://github.com/dockview/dockview
 * @license MIT
 */

package/dist/package/main.esm.min.mjs

@@ -1,6 +1,6 @@
 /**
 * dockview-react
-* @version 8.3.0
+* @version 8.4.0
 * @link https://github.com/dockview/dockview
 * @license MIT
 */

package/dist/package/main.esm.mjs

@@ -1,6 +1,6 @@
 /**
  * dockview-react
- * @version 8.3.0
+ * @version 8.4.0
  * @link https://github.com/dockview/dockview
  * @license MIT
  */

package/dist/styles/dockview.css

@@ -538,8 +538,8 @@
   color: inherit;
 }
 .dv-tab-group-chip.dv-tab-group-chip--shifting {
-  will-change: margin-left;
-  transition: margin-left var(--dv-transition-duration, 200ms) ease-out;
+  will-change: margin-left, margin-top;
+  transition: margin-left var(--dv-transition-duration, 200ms) ease-out, margin-top var(--dv-transition-duration, 200ms) ease-out;
 }
 .dv-tab-group-chip.dv-tab-group-chip--dragging {
   width: 0 !important;
@@ -598,6 +598,13 @@
 .dv-tabs-container-vertical .dv-tab-group-chip {
   margin: 8px 0 8px 0;
 }
+.dv-tabs-container-vertical .dv-tab-group-chip.dv-tab-group-chip--dragging {
+  height: 0 !important;
+  min-height: 0 !important;
+  width: auto !important;
+  min-width: initial !important;
+  transition: height var(--dv-transition-duration, 200ms) ease-out, padding var(--dv-transition-duration, 200ms) ease-out, margin var(--dv-transition-duration, 200ms) ease-out, opacity var(--dv-transition-duration, 200ms) ease-out;
+}
 .dv-tabs-container-vertical .dv-tab {
   padding: 0.5rem 0.25rem;
 }
@@ -1545,6 +1552,7 @@
   transition: none;
 }
 .dockview-theme-dark {
+  color-scheme: dark;
   --dv-group-view-background-color: #1e1e1e;
   --dv-tabs-and-actions-container-background-color: #252526;
   --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
@@ -1613,6 +1621,7 @@
   transition: none;
 }
 .dockview-theme-light {
+  color-scheme: light;
   --dv-group-view-background-color: white;
   --dv-tabs-and-actions-container-background-color: #f3f3f3;
   --dv-activegroup-visiblepanel-tab-background-color: white;
@@ -1685,6 +1694,7 @@
   transition: none;
 }
 .dockview-theme-vs {
+  color-scheme: dark;
   --dv-group-view-background-color: #1e1e1e;
   --dv-tabs-and-actions-container-background-color: #252526;
   --dv-activegroup-visiblepanel-tab-background-color: #1e1e1e;
@@ -1782,6 +1792,7 @@
   transition: none;
 }
 .dockview-theme-abyss {
+  color-scheme: dark;
   --dv-color-abyss-dark: #000c18;
   --dv-color-abyss: #10192c;
   --dv-color-abyss-light: #1c1c2a;
@@ -1864,6 +1875,7 @@
   transition: none;
 }
 .dockview-theme-dracula {
+  color-scheme: dark;
   --dv-group-view-background-color: #282a36;
   --dv-tabs-and-actions-container-background-color: #191a21;
   --dv-activegroup-visiblepanel-tab-background-color: #282a36;
@@ -1959,6 +1971,7 @@
   transition: none;
 }
 .dockview-theme-nord {
+  color-scheme: dark;
   --dv-color-nord-polar-0: #2e3440;
   --dv-color-nord-polar-1: #3b4252;
   --dv-color-nord-polar-2: #434c5e;
@@ -2186,6 +2199,7 @@
   border-top-right-radius: var(--dv-border-radius);
 }
 .dockview-theme-nord-spaced {
+  color-scheme: dark;
   --dv-color-nord-polar-0: #2e3440;
   --dv-color-nord-polar-1: #3b4252;
   --dv-color-nord-polar-2: #434c5e;
@@ -2274,6 +2288,7 @@
   transition: none;
 }
 .dockview-theme-catppuccin-mocha {
+  color-scheme: dark;
   --dv-color-mocha-crust: #11111b;
   --dv-color-mocha-mantle: #181825;
   --dv-color-mocha-base: #1e1e2e;
@@ -2503,6 +2518,7 @@
   border-top-right-radius: var(--dv-border-radius);
 }
 .dockview-theme-catppuccin-mocha-spaced {
+  color-scheme: dark;
   --dv-color-mocha-crust: #11111b;
   --dv-color-mocha-mantle: #181825;
   --dv-color-mocha-base: #1e1e2e;
@@ -2593,6 +2609,7 @@
   transition: none;
 }
 .dockview-theme-monokai {
+  color-scheme: dark;
   --dv-color-monokai-bg: #272822;
   --dv-color-monokai-bg-light: #3e3d32;
   --dv-color-monokai-comment: #75715e;
@@ -2699,6 +2716,7 @@
   transition: none;
 }
 .dockview-theme-solarized-light {
+  color-scheme: light;
   --dv-color-sol-base3: #fdf6e3;
   --dv-color-sol-base2: #eee8d5;
   --dv-color-sol-base1: #93a1a1;
@@ -2896,6 +2914,7 @@
   border-top-right-radius: var(--dv-border-radius);
 }
 .dockview-theme-solarized-light-spaced {
+  color-scheme: light;
   --dv-color-sol-base3: #fdf6e3;
   --dv-color-sol-base2: #eee8d5;
   --dv-color-sol-base1: #93a1a1;
@@ -2980,6 +2999,7 @@
   transition: none;
 }
 .dockview-theme-github-dark {
+  color-scheme: dark;
   --dv-color-gh-canvas-default: #0d1117;
   --dv-color-gh-canvas-subtle: #161b22;
   --dv-color-gh-canvas-inset: #010409;
@@ -3183,6 +3203,7 @@
   border-top-right-radius: var(--dv-border-radius);
 }
 .dockview-theme-github-dark-spaced {
+  color-scheme: dark;
   --dv-color-gh-canvas-default: #0d1117;
   --dv-color-gh-canvas-subtle: #161b22;
   --dv-color-gh-canvas-inset: #010409;
@@ -3273,6 +3294,7 @@
   transition: none;
 }
 .dockview-theme-github-light {
+  color-scheme: light;
   --dv-color-gh-light-canvas-default: #ffffff;
   --dv-color-gh-light-canvas-subtle: #f6f8fa;
   --dv-color-gh-light-canvas-inset: #f0f6ff;
@@ -3482,6 +3504,7 @@
   border-top-right-radius: var(--dv-border-radius);
 }
 .dockview-theme-github-light-spaced {
+  color-scheme: light;
   --dv-color-gh-light-canvas-default: #ffffff;
   --dv-color-gh-light-canvas-subtle: #f6f8fa;
   --dv-color-gh-light-border: #d0d7de;
@@ -3691,6 +3714,7 @@
   border-top-right-radius: var(--dv-border-radius);
 }
 .dockview-theme-abyss-spaced {
+  color-scheme: dark;
   --dv-color-abyss-dark: rgb(11, 6, 17);
   --dv-color-abyss: #16121f;
   --dv-color-abyss-light: #201d2b;
@@ -3897,6 +3921,7 @@
   border-top-right-radius: var(--dv-border-radius);
 }
 .dockview-theme-light-spaced {
+  color-scheme: light;
   --dv-drag-over-background-color: '';
   --dv-group-view-background-color: #f6f5f9;
   --dv-tabs-and-actions-container-background-color: white;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-react",
-  "version": "8.3.0",
+  "version": "8.4.0",
   "description": "React docking layout manager — tabs, groups, grids, splitviews, drag and drop, floating panels",
   "keywords": [
     "splitview",
@@ -85,7 +85,7 @@
     "format:check": "biome format src"
   },
   "dependencies": {
-    "dockview": "^8.3.0"
+    "dockview": "^8.4.0"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",