tldraw/assets/icons/icon
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
..
align-bottom.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-center-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-center-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
align-top.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
arrow-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-arrow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-bar.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-diamond.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-dot.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-none.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-square.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-triangle-inverted.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
arrowhead-triangle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
blob.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
bring-forward.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
bring-to-front.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
broken.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
check-circle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
check.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevron-down.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevron-left.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
chevron-right.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
chevron-up.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevrons-ne.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
chevrons-sw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
clipboard-copied.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
clipboard-copy.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
color.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
cross-2.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
cross-circle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-dashed.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-dotted.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
dash-draw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dash-solid.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
disconnected.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
discord.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
distribute-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
distribute-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dot.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dots-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
dots-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
drag-handle-dots.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
duplicate.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
edit.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
external-link.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-none.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-pattern.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-semi.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
fill-solid.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
follow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
following.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-draw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-mono.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
font-sans.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
font-serif.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-down.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-arrow-up.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-check-box.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-cloud.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-diamond.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-ellipse.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-hexagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-octagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-oval.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-pentagon.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rectangle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rhombus-2.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-rhombus.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-star.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-trapezoid.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
geo-triangle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
geo-x-box.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
github.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
group.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
horizontal-align-end.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
horizontal-align-middle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
horizontal-align-start.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
info-circle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
leading.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
link.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
menu.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
minus.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
mixed.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
pack.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
plus.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
question-mark-circle.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
question-mark.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
redo.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
reset-zoom.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
rotate-ccw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
rotate-cw.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
send-backward.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
send-to-back.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-extra-large.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-large.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-medium.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
size-small.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stack-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stack-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stretch-horizontal.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
stretch-vertical.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-center.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-left.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
text-align-right.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
toggle-off.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
toggle-on.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
tool-arrow.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-eraser.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-frame.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-hand.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-highlight.svg [3/3] Highlighter styling (#1490) 2023-06-01 15:34:59 +00:00
tool-laser.svg [feature] add laser pointer (#1412) 2023-05-19 11:09:13 +00:00
tool-line.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-media.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-note.svg Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
tool-pencil.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-pointer.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
tool-screenshot.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
tool-text.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
trash.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
twitter.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
undo.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
ungroup.svg transfer-out: transfer out 2023-04-25 12:01:25 +01:00
vertical-align-end.svg Vertical text alignment for geo shapes (#1414) 2023-05-19 10:23:43 +00:00
vertical-align-middle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
vertical-align-start.svg Vertical text alignment for geo shapes (#1414) 2023-05-19 10:23:43 +00:00
warning-triangle.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
zoom-in.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00
zoom-out.svg Separate text-align property for shapes (#3627) 2024-04-29 10:58:15 +00:00