@tldraw/tldraw 5.1.0-next.d7c83ba698ae → 5.1.0

package/dist-cjs/index.js

@@ -19,7 +19,7 @@ var import_tldraw = require("tldraw");
 __reExport(index_exports, require("tldraw"), module.exports);
 (0, import_tldraw.registerTldrawLibraryVersion)(
   "@tldraw/tldraw",
-  "5.1.0-next.d7c83ba698ae",
+  "5.1.0",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-esm/index.mjs

@@ -2,7 +2,7 @@ import { registerTldrawLibraryVersion } from "tldraw";
 export * from "tldraw";
 registerTldrawLibraryVersion(
   "@tldraw/tldraw",
-  "5.1.0-next.d7c83ba698ae",
+  "5.1.0",
   "esm"
 );
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tldraw/tldraw",
   "description": "A tiny little drawing editor.",
-  "version": "5.1.0-next.d7c83ba698ae",
+  "version": "5.1.0",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -47,7 +47,7 @@
     "src"
   ],
   "dependencies": {
-    "tldraw": "5.1.0-next.d7c83ba698ae"
+    "tldraw": "5.1.0"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.2.1",

package/tldraw.css

@@ -1889,6 +1889,11 @@ it from receiving any pointer events or affecting the cursor. */
 	text-align: center;
 }
 
+.tlui-zoom-menu__button[data-state='open']::after {
+	background: linear-gradient(0deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+
 /* --------------------- Layout --------------------- */
 
 .tlui-layout {
@@ -2350,6 +2355,11 @@ it from receiving any pointer events or affecting the cursor. */
 	width: auto;
 }
 
+.tlui-page-menu__trigger[data-state='open']::after {
+	background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+
 .tlui-page-menu__list {
 	flex: 0 0 auto;
 	overflow-x: hidden;
@@ -2364,27 +2374,41 @@ it from receiving any pointer events or affecting the cursor. */
 
 .tlui-page-menu__list__content {
 	position: relative;
+	overflow: hidden;
 }
 
 .tlui-page-menu__resize-handle {
 	flex: 0 0 auto;
 	position: relative;
-	height: 7px;
-	margin-bottom: -3px;
+	height: 1px;
 	cursor: ns-resize;
 	touch-action: none;
+	background: var(--tl-color-divider);
+	transition: background-color ease-in-out 150ms 80ms;
 	z-index: 999;
 }
 
+/* Hit test area */
+.tlui-page-menu__resize-handle::after {
+	content: '';
+	position: absolute;
+	inset: -4px 0;
+	background: none;
+	z-index: 2000;
+	pointer-events: all;
+}
+
+/* Thick blue indicator */
 .tlui-page-menu__resize-handle::before {
 	content: '';
 	position: absolute;
-	top: 3px;
+	top: 0;
 	left: 0;
 	right: 0;
-	height: 1px;
-	background: var(--tl-color-divider);
-	transition: background-color 100ms;
+	height: 1.5px;
+	background: transparent;
+	pointer-events: none;
+	z-index: 2001;
 }
 
 .tlui-page-menu__resize-handle[data-resizing='true']::before {
@@ -2698,6 +2722,12 @@ tldraw? probably.
 	border-bottom: 1px solid var(--tl-color-divider);
 }
 
+.tlui-toolbar-toggle-group-item,
+.tlui-style-panel__dropdown-picker > .tlui-button__icon {
+	width: 40px;
+	padding: 0;
+}
+
 .tlui-style-panel__dropdown-picker:only-child {
 	flex: 1;
 }