@tldraw/tldraw 4.6.0-internal.e29318c66fb0 → 4.6.0-next.0a51207761bb

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",
-  "4.6.0-internal.e29318c66fb0",
+  "4.6.0-next.0a51207761bb",
   "cjs"
 );
 //# sourceMappingURL=index.js.map

package/dist-esm/index.mjs

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tldraw/tldraw",
   "description": "A tiny little drawing editor.",
-  "version": "4.6.0-internal.e29318c66fb0",
+  "version": "4.6.0-next.0a51207761bb",
   "author": {
     "name": "tldraw Inc.",
     "email": "hello@tldraw.com"
@@ -38,7 +38,7 @@
     "prepack": "yarn run -T tsx ../../internal/scripts/prepack.ts",
     "postpack": "../../internal/scripts/postpack.sh",
     "pack-tarball": "yarn pack",
-    "lint": "cd ../.. && yarn run -T oxlint packages/namespaced-tldraw"
+    "lint": "yarn run -T tsx ../../internal/scripts/lint.ts"
   },
   "files": [
     "tldraw.css",
@@ -47,7 +47,7 @@
     "src"
   ],
   "dependencies": {
-    "tldraw": "4.6.0-internal.e29318c66fb0"
+    "tldraw": "4.6.0-next.0a51207761bb"
   },
   "peerDependencies": {
     "react": "^18.2.0 || ^19.2.1",

package/tldraw.css

@@ -170,7 +170,6 @@
 	/* UI */
 	--tl-color-low: hsl(204, 16%, 94%);
 	--tl-color-low-border: hsl(204, 16%, 92%);
-	--tl-color-culled: hsl(204, 14%, 93%);
 	--tl-color-muted-none: hsl(0, 0%, 0%, 0%);
 	--tl-color-muted-0: hsl(0, 0%, 0%, 2%);
 	--tl-color-muted-1: hsl(0, 0%, 0%, 10%);
@@ -228,7 +227,6 @@
 	/* UI */
 	--tl-color-low: hsl(260, 4.5%, 10.5%);
 	--tl-color-low-border: hsl(207, 10%, 10%);
-	--tl-color-culled: hsl(210, 11%, 19%);
 	--tl-color-muted-none: hsl(0, 0%, 100%, 0%);
 	--tl-color-muted-0: hsl(0, 0%, 100%, 2%);
 	--tl-color-muted-1: hsl(0, 0%, 100%, 10%);
@@ -629,37 +627,6 @@ input,
 	overflow-wrap: break-word;
 }
 
-.tl-text-wrapper[data-font='draw'] {
-	font-family: var(--tl-font-draw);
-}
-
-.tl-text-wrapper[data-font='sans'] {
-	font-family: var(--tl-font-sans);
-}
-
-.tl-text-wrapper[data-font='serif'] {
-	font-family: var(--tl-font-serif);
-}
-
-.tl-text-wrapper[data-font='mono'] {
-	font-family: var(--tl-font-mono);
-}
-
-.tl-text-wrapper[data-align='start'],
-.tl-text-wrapper[data-align='start-legacy'] {
-	text-align: left;
-}
-
-.tl-text-wrapper[data-align='middle'],
-.tl-text-wrapper[data-align='middle-legacy'] {
-	text-align: center;
-}
-
-.tl-text-wrapper[data-align='end'],
-.tl-text-wrapper[data-align='end-legacy'] {
-	text-align: right;
-}
-
 .tl-plain-text-wrapper[data-isediting='true'] .tl-text-content {
 	opacity: 0;
 }
@@ -1482,6 +1449,19 @@ input,
 	color: currentColor;
 }
 
+.tl-note__attribution {
+	position: absolute;
+	bottom: calc(4px * var(--note-attribution-scale, 1));
+	right: calc(8px * var(--note-attribution-scale, 1));
+	font-family: var(--tl-font-sans);
+	pointer-events: auto;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 60%;
+	z-index: 1;
+}
+
 /* ------------------- Frame shape ------------------- */
 
 .tl-frame__body {
@@ -2841,6 +2821,14 @@ it from receiving any pointer events or affecting the cursor. */
 	left: 8px;
 }
 
+/* 
+ * focusing skip-to-main-content hide top ui buttons to make sure we avoid
+ * z-index clashes on hover (see issue #8328)
+ */
+.tl-skip-to-main-content:focus + .tlui-layout__top .tlui-helper-buttons {
+	display: none;
+}
+
 /* ---------------- Offline indicator --------------- */
 
 .tlui-offline-indicator {