@tldraw/tldraw 4.6.0-next.0eb36d65eec3 → 4.6.0-next.1a05e8ec7833

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.
Files changed (4) hide show
  1. package/dist-cjs/index.js +1 -1
  2. package/dist-esm/index.mjs +1 -1
  3. package/package.json +3 -3
  4. package/tldraw.css +13 -37
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
- "4.6.0-next.0eb36d65eec3",
22
+ "4.6.0-next.1a05e8ec7833",
23
23
  "cjs"
24
24
  );
25
25
  //# sourceMappingURL=index.js.map
package/dist-esm/index.mjs CHANGED
@@ -2,7 +2,7 @@ import { registerTldrawLibraryVersion } from "tldraw";
2
2
  export * from "tldraw";
3
3
  registerTldrawLibraryVersion(
4
4
  "@tldraw/tldraw",
5
- "4.6.0-next.0eb36d65eec3",
5
+ "4.6.0-next.1a05e8ec7833",
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": "4.6.0-next.0eb36d65eec3",
4
+ "version": "4.6.0-next.1a05e8ec7833",
5
5
  "author": {
6
6
  "name": "tldraw Inc.",
7
7
  "email": "hello@tldraw.com"
@@ -38,7 +38,7 @@
38
38
  "prepack": "yarn run -T tsx ../../internal/scripts/prepack.ts",
39
39
  "postpack": "../../internal/scripts/postpack.sh",
40
40
  "pack-tarball": "yarn pack",
41
- "lint": "cd ../.. && yarn run -T oxlint packages/namespaced-tldraw"
41
+ "lint": "yarn run -T tsx ../../internal/scripts/lint.ts"
42
42
  },
43
43
  "files": [
44
44
  "tldraw.css",
@@ -47,7 +47,7 @@
47
47
  "src"
48
48
  ],
49
49
  "dependencies": {
50
- "tldraw": "4.6.0-next.0eb36d65eec3"
50
+ "tldraw": "4.6.0-next.1a05e8ec7833"
51
51
  },
52
52
  "peerDependencies": {
53
53
  "react": "^18.2.0 || ^19.2.1",
package/tldraw.css CHANGED
@@ -170,7 +170,6 @@
170
170
  /* UI */
171
171
  --tl-color-low: hsl(204, 16%, 94%);
172
172
  --tl-color-low-border: hsl(204, 16%, 92%);
173
- --tl-color-culled: hsl(204, 14%, 93%);
174
173
  --tl-color-muted-none: hsl(0, 0%, 0%, 0%);
175
174
  --tl-color-muted-0: hsl(0, 0%, 0%, 2%);
176
175
  --tl-color-muted-1: hsl(0, 0%, 0%, 10%);
@@ -228,7 +227,6 @@
228
227
  /* UI */
229
228
  --tl-color-low: hsl(260, 4.5%, 10.5%);
230
229
  --tl-color-low-border: hsl(207, 10%, 10%);
231
- --tl-color-culled: hsl(210, 11%, 19%);
232
230
  --tl-color-muted-none: hsl(0, 0%, 100%, 0%);
233
231
  --tl-color-muted-0: hsl(0, 0%, 100%, 2%);
234
232
  --tl-color-muted-1: hsl(0, 0%, 100%, 10%);
@@ -540,7 +538,6 @@ input,
540
538
  overflow: hidden;
541
539
  text-overflow: ellipsis;
542
540
  font-size: 12px;
543
- font-family: var(--font-body);
544
541
  border-radius: var(--tl-radius-2);
545
542
  color: var(--tl-color-selected-contrast);
546
543
  }
@@ -558,7 +555,6 @@ input,
558
555
  overflow: hidden;
559
556
  text-overflow: ellipsis;
560
557
  font-size: 12px;
561
- font-family: var(--font-body);
562
558
  text-shadow: var(--tl-text-outline);
563
559
  color: var(--tl-color-selected-contrast);
564
560
  }
@@ -574,7 +570,6 @@ input,
574
570
  position: absolute;
575
571
  padding: 3px 6px;
576
572
  font-size: 12px;
577
- font-family: var(--font-body);
578
573
  opacity: 1;
579
574
  border-radius: var(--tl-radius-2);
580
575
  }
@@ -585,7 +580,6 @@ input,
585
580
  white-space: nowrap;
586
581
  padding: 3px 6px;
587
582
  font-size: 12px;
588
- font-family: var(--font-body);
589
583
  pointer-events: none;
590
584
  z-index: var(--tl-layer-cursor);
591
585
  margin-top: 16px;
@@ -629,37 +623,6 @@ input,
629
623
  overflow-wrap: break-word;
630
624
  }
631
625
 
632
- .tl-text-wrapper[data-font='draw'] {
633
- font-family: var(--tl-font-draw);
634
- }
635
-
636
- .tl-text-wrapper[data-font='sans'] {
637
- font-family: var(--tl-font-sans);
638
- }
639
-
640
- .tl-text-wrapper[data-font='serif'] {
641
- font-family: var(--tl-font-serif);
642
- }
643
-
644
- .tl-text-wrapper[data-font='mono'] {
645
- font-family: var(--tl-font-mono);
646
- }
647
-
648
- .tl-text-wrapper[data-align='start'],
649
- .tl-text-wrapper[data-align='start-legacy'] {
650
- text-align: left;
651
- }
652
-
653
- .tl-text-wrapper[data-align='middle'],
654
- .tl-text-wrapper[data-align='middle-legacy'] {
655
- text-align: center;
656
- }
657
-
658
- .tl-text-wrapper[data-align='end'],
659
- .tl-text-wrapper[data-align='end-legacy'] {
660
- text-align: right;
661
- }
662
-
663
626
  .tl-plain-text-wrapper[data-isediting='true'] .tl-text-content {
664
627
  opacity: 0;
665
628
  }
@@ -1482,6 +1445,19 @@ input,
1482
1445
  color: currentColor;
1483
1446
  }
1484
1447
 
1448
+ .tl-note__attribution {
1449
+ position: absolute;
1450
+ bottom: calc(4px * var(--note-attribution-scale, 1));
1451
+ right: calc(8px * var(--note-attribution-scale, 1));
1452
+ font-family: var(--tl-font-sans);
1453
+ pointer-events: auto;
1454
+ white-space: nowrap;
1455
+ overflow: hidden;
1456
+ text-overflow: ellipsis;
1457
+ max-width: 60%;
1458
+ z-index: 1;
1459
+ }
1460
+
1485
1461
  /* ------------------- Frame shape ------------------- */
1486
1462
 
1487
1463
  .tl-frame__body {