5601d0ee22
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>
208 lines
4.4 KiB
TypeScript
208 lines
4.4 KiB
TypeScript
// This file is automatically generated by scripts/refresh-assets.ts.
|
|
// Do not edit manually. Or do, I'm a comment, not a cop.
|
|
|
|
export type AssetUrl = string | { src: string }
|
|
export type AssetUrlOptions = { baseUrl?: string } | ((assetUrl: string) => string)
|
|
export type AssetUrls = {
|
|
fonts: {
|
|
monospace: string
|
|
sansSerif: string
|
|
serif: string
|
|
draw: string
|
|
}
|
|
icons: {
|
|
'align-bottom': string
|
|
'align-center-horizontal': string
|
|
'align-center-vertical': string
|
|
'align-left': string
|
|
'align-right': string
|
|
'align-top': string
|
|
'arrow-left': string
|
|
'arrowhead-arrow': string
|
|
'arrowhead-bar': string
|
|
'arrowhead-diamond': string
|
|
'arrowhead-dot': string
|
|
'arrowhead-none': string
|
|
'arrowhead-square': string
|
|
'arrowhead-triangle-inverted': string
|
|
'arrowhead-triangle': string
|
|
blob: string
|
|
'bring-forward': string
|
|
'bring-to-front': string
|
|
broken: string
|
|
'check-circle': string
|
|
check: string
|
|
'chevron-down': string
|
|
'chevron-left': string
|
|
'chevron-right': string
|
|
'chevron-up': string
|
|
'chevrons-ne': string
|
|
'chevrons-sw': string
|
|
'clipboard-copied': string
|
|
'clipboard-copy': string
|
|
color: string
|
|
'cross-2': string
|
|
'cross-circle': string
|
|
'dash-dashed': string
|
|
'dash-dotted': string
|
|
'dash-draw': string
|
|
'dash-solid': string
|
|
disconnected: string
|
|
discord: string
|
|
'distribute-horizontal': string
|
|
'distribute-vertical': string
|
|
dot: string
|
|
'dots-horizontal': string
|
|
'dots-vertical': string
|
|
'drag-handle-dots': string
|
|
duplicate: string
|
|
edit: string
|
|
'external-link': string
|
|
'fill-none': string
|
|
'fill-pattern': string
|
|
'fill-semi': string
|
|
'fill-solid': string
|
|
follow: string
|
|
following: string
|
|
'font-draw': string
|
|
'font-mono': string
|
|
'font-sans': string
|
|
'font-serif': string
|
|
'geo-arrow-down': string
|
|
'geo-arrow-left': string
|
|
'geo-arrow-right': string
|
|
'geo-arrow-up': string
|
|
'geo-check-box': string
|
|
'geo-cloud': string
|
|
'geo-diamond': string
|
|
'geo-ellipse': string
|
|
'geo-hexagon': string
|
|
'geo-octagon': string
|
|
'geo-oval': string
|
|
'geo-pentagon': string
|
|
'geo-rectangle': string
|
|
'geo-rhombus-2': string
|
|
'geo-rhombus': string
|
|
'geo-star': string
|
|
'geo-trapezoid': string
|
|
'geo-triangle': string
|
|
'geo-x-box': string
|
|
github: string
|
|
group: string
|
|
'horizontal-align-end': string
|
|
'horizontal-align-middle': string
|
|
'horizontal-align-start': string
|
|
'info-circle': string
|
|
leading: string
|
|
link: string
|
|
menu: string
|
|
minus: string
|
|
mixed: string
|
|
pack: string
|
|
plus: string
|
|
'question-mark-circle': string
|
|
'question-mark': string
|
|
redo: string
|
|
'reset-zoom': string
|
|
'rotate-ccw': string
|
|
'rotate-cw': string
|
|
'send-backward': string
|
|
'send-to-back': string
|
|
'size-extra-large': string
|
|
'size-large': string
|
|
'size-medium': string
|
|
'size-small': string
|
|
'stack-horizontal': string
|
|
'stack-vertical': string
|
|
'stretch-horizontal': string
|
|
'stretch-vertical': string
|
|
'text-align-center': string
|
|
'text-align-left': string
|
|
'text-align-right': string
|
|
'toggle-off': string
|
|
'toggle-on': string
|
|
'tool-arrow': string
|
|
'tool-eraser': string
|
|
'tool-frame': string
|
|
'tool-hand': string
|
|
'tool-highlight': string
|
|
'tool-laser': string
|
|
'tool-line': string
|
|
'tool-media': string
|
|
'tool-note': string
|
|
'tool-pencil': string
|
|
'tool-pointer': string
|
|
'tool-screenshot': string
|
|
'tool-text': string
|
|
trash: string
|
|
twitter: string
|
|
undo: string
|
|
ungroup: string
|
|
'vertical-align-end': string
|
|
'vertical-align-middle': string
|
|
'vertical-align-start': string
|
|
'warning-triangle': string
|
|
'zoom-in': string
|
|
'zoom-out': string
|
|
}
|
|
translations: {
|
|
ar: string
|
|
ca: string
|
|
cs: string
|
|
da: string
|
|
de: string
|
|
en: string
|
|
es: string
|
|
fa: string
|
|
fi: string
|
|
fr: string
|
|
gl: string
|
|
he: string
|
|
'hi-in': string
|
|
hr: string
|
|
hu: string
|
|
it: string
|
|
ja: string
|
|
'ko-kr': string
|
|
ku: string
|
|
languages: string
|
|
main: string
|
|
my: string
|
|
ne: string
|
|
no: string
|
|
pl: string
|
|
'pt-br': string
|
|
'pt-pt': string
|
|
ro: string
|
|
ru: string
|
|
sl: string
|
|
sv: string
|
|
te: string
|
|
th: string
|
|
tr: string
|
|
uk: string
|
|
vi: string
|
|
'zh-cn': string
|
|
'zh-tw': string
|
|
}
|
|
embedIcons: {
|
|
codepen: string
|
|
codesandbox: string
|
|
desmos: string
|
|
excalidraw: string
|
|
felt: string
|
|
figma: string
|
|
github_gist: string
|
|
google_calendar: string
|
|
google_maps: string
|
|
google_slides: string
|
|
observable: string
|
|
replit: string
|
|
scratch: string
|
|
spotify: string
|
|
tldraw: string
|
|
val_town: string
|
|
vimeo: string
|
|
youtube: string
|
|
}
|
|
}
|