PrivateCoffee/tldraw
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
tldraw/apps/examples/e2e/tests/export-snapshots.spec.ts-snapshots
History
Steve Ruiz 5601d0ee22
Separate text-align property for shapes (#3627) 
This PR creates a new "text align" property for text shapes. Its default
is left align.

This means that text shapes now have their own alignment prop, separate
from the vertical / horizontal alignment used in labels.

The style panel for text has no visual change:

<img width="400" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/aac80d2a-a069-4388-870b-1e0917d88eda">

The style panel for labels has consistent icons for label position:

<img width="487" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/0adf7f0e-8446-4d3e-b9ea-a61e43035207">

Both may be configured separately.

<img width="458" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/698dcfac-6eb2-4a8c-afb8-d1e5761019ef">


# Icon refresh

This PR also removes many unused icons.

It adds a special toggle icon for the context menu.

<img width="571" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/489551e6-a370-4528-9ad4-8f93e119f26b">
<img width="492" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/cd3d77c7-8bae-4369-8b53-ca4685b2fd0e">


### Change Type

- [x] `sdk` — Changes the tldraw SDK
- [x] `improvement` — Improving existing features

### Test Plan

1. Load files.
2. Paste excalidraw content.
3. Load v1 files.
4. Use the app as usual.

- [x] Unit Tests

### Release Notes

- Separates the text align property for text shapes and labels.

---------

Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2024-04-29 10:58:15 +00:00
..
Export-snapshots-Exports-with-arrow-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-none-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-draw-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-mono-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-sans-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-serif-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-draw-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-none-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-draw-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-semi-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-solid-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-draw-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-1-chromium-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-1-Mobile-Chrome-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-1-chromium-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-1-Mobile-Chrome-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-none-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-semi-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-solid-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-draw-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-mono-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-sans-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-serif-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-note-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-draw-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-mono-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-sans-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-serif-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-text-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-draw-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-mono-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-sans-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-serif-in-dark-mode-1-chromium-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
Export-snapshots-Exports-with-text-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00