@tldraw/tldraw 3.16.0-internal.51e99e128bd4 → 3.16.0-next.15f085081fd5

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.
package/dist-cjs/index.js CHANGED
@@ -19,7 +19,7 @@ var import_tldraw = require("tldraw");
19
19
  __reExport(index_exports, require("tldraw"), module.exports);
20
20
  (0, import_tldraw.registerTldrawLibraryVersion)(
21
21
  "@tldraw/tldraw",
22
- "3.16.0-internal.51e99e128bd4",
22
+ "3.16.0-next.15f085081fd5",
23
23
  "cjs"
24
24
  );
25
25
  //# sourceMappingURL=index.js.map
@@ -2,7 +2,7 @@ import { registerTldrawLibraryVersion } from "tldraw";
2
2
  export * from "tldraw";
3
3
  registerTldrawLibraryVersion(
4
4
  "@tldraw/tldraw",
5
- "3.16.0-internal.51e99e128bd4",
5
+ "3.16.0-next.15f085081fd5",
6
6
  "esm"
7
7
  );
8
8
  //# sourceMappingURL=index.mjs.map
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tldraw/tldraw",
3
3
  "description": "A tiny little drawing editor.",
4
- "version": "3.16.0-internal.51e99e128bd4",
4
+ "version": "3.16.0-next.15f085081fd5",
5
5
  "author": {
6
6
  "name": "tldraw Inc.",
7
7
  "email": "hello@tldraw.com"
@@ -48,7 +48,7 @@
48
48
  "src"
49
49
  ],
50
50
  "dependencies": {
51
- "tldraw": "3.16.0-internal.51e99e128bd4"
51
+ "tldraw": "3.16.0-next.15f085081fd5"
52
52
  },
53
53
  "peerDependencies": {
54
54
  "react": "^18.2.0 || ^19.0.0",
package/tldraw.css CHANGED
@@ -33,6 +33,7 @@
33
33
  --tl-layer-watermark: 200;
34
34
  --tl-layer-canvas-shapes: 300;
35
35
  --tl-layer-canvas-overlays: 500;
36
+ --tl-layer-canvas-in-front: 600;
36
37
  --tl-layer-canvas-blocker: 10000;
37
38
 
38
39
  /* Canvas overlays z-index */
@@ -301,6 +302,13 @@ input,
301
302
  contain: strict;
302
303
  }
303
304
 
305
+ .tl-canvas__in-front {
306
+ position: absolute;
307
+ inset: 0;
308
+ pointer-events: none;
309
+ z-index: var(--tl-layer-canvas-in-front);
310
+ }
311
+
304
312
  .tl-shapes {
305
313
  position: relative;
306
314
  z-index: var(--tl-layer-canvas-shapes);
@@ -2830,6 +2838,9 @@ it from receiving any pointer events or affecting the cursor. */
2830
2838
  }
2831
2839
 
2832
2840
  @media (hover: hover) {
2841
+ .tlui-style-panel .tlui-button[aria-expanded='true'] {
2842
+ background: none;
2843
+ }
2833
2844
  .tlui-style-panel .tlui-button[data-state='open']:not(:hover)::after {
2834
2845
  opacity: 1;
2835
2846
  background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);