kopia lustrzana https://github.com/Tldraw/Tldraw
107 wiersze
3.7 KiB
TypeScript
107 wiersze
3.7 KiB
TypeScript
export type StyleValuesForUi<T> = readonly {
|
|
readonly value: T
|
|
readonly icon: string
|
|
}[]
|
|
|
|
// todo: default styles prop?
|
|
export const STYLES = {
|
|
color: [
|
|
{ value: 'black', icon: 'color' },
|
|
{ value: 'grey', icon: 'color' },
|
|
{ value: 'light-violet', icon: 'color' },
|
|
{ value: 'violet', icon: 'color' },
|
|
{ value: 'blue', icon: 'color' },
|
|
{ value: 'light-blue', icon: 'color' },
|
|
{ value: 'yellow', icon: 'color' },
|
|
{ value: 'orange', icon: 'color' },
|
|
{ value: 'green', icon: 'color' },
|
|
{ value: 'light-green', icon: 'color' },
|
|
{ value: 'light-red', icon: 'color' },
|
|
{ value: 'red', icon: 'color' },
|
|
],
|
|
fill: [
|
|
{ value: 'none', icon: 'fill-none' },
|
|
{ value: 'semi', icon: 'fill-semi' },
|
|
{ value: 'solid', icon: 'fill-solid' },
|
|
{ value: 'pattern', icon: 'fill-pattern' },
|
|
],
|
|
dash: [
|
|
{ value: 'draw', icon: 'dash-draw' },
|
|
{ value: 'dashed', icon: 'dash-dashed' },
|
|
{ value: 'dotted', icon: 'dash-dotted' },
|
|
{ value: 'solid', icon: 'dash-solid' },
|
|
],
|
|
size: [
|
|
{ value: 's', icon: 'size-small' },
|
|
{ value: 'm', icon: 'size-medium' },
|
|
{ value: 'l', icon: 'size-large' },
|
|
{ value: 'xl', icon: 'size-extra-large' },
|
|
],
|
|
font: [
|
|
{ value: 'draw', icon: 'font-draw' },
|
|
{ value: 'sans', icon: 'font-sans' },
|
|
{ value: 'serif', icon: 'font-serif' },
|
|
{ value: 'mono', icon: 'font-mono' },
|
|
],
|
|
textAlign: [
|
|
{ value: 'start', icon: 'text-align-left' },
|
|
{ value: 'middle', icon: 'text-align-center' },
|
|
{ value: 'end', icon: 'text-align-right' },
|
|
],
|
|
horizontalAlign: [
|
|
{ value: 'start', icon: 'horizontal-align-start' },
|
|
{ value: 'middle', icon: 'horizontal-align-middle' },
|
|
{ value: 'end', icon: 'horizontal-align-end' },
|
|
],
|
|
verticalAlign: [
|
|
{ value: 'start', icon: 'vertical-align-start' },
|
|
{ value: 'middle', icon: 'vertical-align-middle' },
|
|
{ value: 'end', icon: 'vertical-align-end' },
|
|
],
|
|
geo: [
|
|
{ value: 'rectangle', icon: 'geo-rectangle' },
|
|
{ value: 'ellipse', icon: 'geo-ellipse' },
|
|
{ value: 'cloud', icon: 'geo-cloud' },
|
|
{ value: 'triangle', icon: 'geo-triangle' },
|
|
{ value: 'diamond', icon: 'geo-diamond' },
|
|
{ value: 'pentagon', icon: 'geo-pentagon' },
|
|
{ value: 'hexagon', icon: 'geo-hexagon' },
|
|
{ value: 'octagon', icon: 'geo-octagon' },
|
|
{ value: 'star', icon: 'geo-star' },
|
|
{ value: 'rhombus', icon: 'geo-rhombus' },
|
|
{ value: 'rhombus-2', icon: 'geo-rhombus-2' },
|
|
{ value: 'oval', icon: 'geo-oval' },
|
|
{ value: 'trapezoid', icon: 'geo-trapezoid' },
|
|
{ value: 'arrow-right', icon: 'geo-arrow-right' },
|
|
{ value: 'arrow-left', icon: 'geo-arrow-left' },
|
|
{ value: 'arrow-up', icon: 'geo-arrow-up' },
|
|
{ value: 'arrow-down', icon: 'geo-arrow-down' },
|
|
{ value: 'x-box', icon: 'geo-x-box' },
|
|
{ value: 'check-box', icon: 'geo-check-box' },
|
|
],
|
|
arrowheadStart: [
|
|
{ value: 'none', icon: 'arrowhead-none' },
|
|
{ value: 'arrow', icon: 'arrowhead-arrow' },
|
|
{ value: 'triangle', icon: 'arrowhead-triangle' },
|
|
{ value: 'square', icon: 'arrowhead-square' },
|
|
{ value: 'dot', icon: 'arrowhead-dot' },
|
|
{ value: 'diamond', icon: 'arrowhead-diamond' },
|
|
{ value: 'inverted', icon: 'arrowhead-triangle-inverted' },
|
|
{ value: 'bar', icon: 'arrowhead-bar' },
|
|
],
|
|
arrowheadEnd: [
|
|
{ value: 'none', icon: 'arrowhead-none' },
|
|
{ value: 'arrow', icon: 'arrowhead-arrow' },
|
|
{ value: 'triangle', icon: 'arrowhead-triangle' },
|
|
{ value: 'square', icon: 'arrowhead-square' },
|
|
{ value: 'dot', icon: 'arrowhead-dot' },
|
|
{ value: 'diamond', icon: 'arrowhead-diamond' },
|
|
{ value: 'inverted', icon: 'arrowhead-triangle-inverted' },
|
|
{ value: 'bar', icon: 'arrowhead-bar' },
|
|
],
|
|
spline: [
|
|
{ value: 'line', icon: 'spline-line' },
|
|
{ value: 'cubic', icon: 'spline-cubic' },
|
|
],
|
|
} as const satisfies Record<string, StyleValuesForUi<string>>
|