Adds quick style selects, rewrites styling
This commit is contained in:
parent
815bf1109c
commit
7c768bddf5
45 changed files with 867 additions and 630 deletions
54
types.ts
54
types.ts
|
@ -67,11 +67,49 @@ export enum ShapeType {
|
|||
// Cubic = "cubic",
|
||||
// Conic = "conic",
|
||||
|
||||
export type ShapeStyles = Partial<
|
||||
React.SVGProps<SVGUseElement> & {
|
||||
dash: DashStyle
|
||||
}
|
||||
>
|
||||
export enum ColorStyle {
|
||||
White = 'White',
|
||||
LightGray = 'LightGray',
|
||||
Gray = 'Gray',
|
||||
Black = 'Black',
|
||||
Lime = 'Lime',
|
||||
Green = 'Green',
|
||||
Teal = 'Teal',
|
||||
Cyan = 'Cyan',
|
||||
Blue = 'Blue',
|
||||
Indigo = 'Indigo',
|
||||
Violet = 'Violet',
|
||||
Grape = 'Grape',
|
||||
Pink = 'Pink',
|
||||
Red = 'Red',
|
||||
Orange = 'Orange',
|
||||
Yellow = 'Yellow',
|
||||
}
|
||||
|
||||
export enum SizeStyle {
|
||||
Small = 'Small',
|
||||
Medium = 'Medium',
|
||||
Large = 'Large',
|
||||
}
|
||||
|
||||
export enum DashStyle {
|
||||
Solid = 'Solid',
|
||||
Dashed = 'Dashed',
|
||||
Dotted = 'Dotted',
|
||||
}
|
||||
|
||||
export type ShapeStyles = {
|
||||
color: ColorStyle
|
||||
size: SizeStyle
|
||||
dash: DashStyle
|
||||
isFilled: boolean
|
||||
}
|
||||
|
||||
// export type ShapeStyles = Partial<
|
||||
// React.SVGProps<SVGUseElement> & {
|
||||
// dash: DashStyle
|
||||
// }
|
||||
// >
|
||||
|
||||
export interface BaseShape {
|
||||
id: string
|
||||
|
@ -180,12 +218,6 @@ export enum Decoration {
|
|||
Arrow = 'Arrow',
|
||||
}
|
||||
|
||||
export enum DashStyle {
|
||||
Solid = 'Solid',
|
||||
Dashed = 'Dashed',
|
||||
Dotted = 'Dotted',
|
||||
}
|
||||
|
||||
export interface ShapeBinding {
|
||||
id: string
|
||||
index: number
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue