@aurigma/design-atoms
Version:
Design Atoms is a part of Customer's Canvas SDK which allows for manipulating individual design elements through your code.
62 lines (61 loc) • 2.04 kB
TypeScript
import { ICanvasStyle, ISelectionStyle, IHoverStyle, ISpotlightStyle, IRubberbandStyle, IInteractiveZonesStyles, IInteractiveZoneStyle, IArtworkSizeStyle } from "./Interfaces";
export declare class CanvasStyle implements ICanvasStyle {
selection: SelectionStyleConfig;
hover: HoverStyle;
spotlight: SpotlightStyle;
rubberband: RubberbandStyle;
interactiveZones: IInteractiveZonesStyles;
artworkSize: ArtworkSizeStyle;
}
export declare class InteractiveZonesStyles implements IInteractiveZonesStyles {
[key: string]: IInteractiveZoneStyle;
default: IInteractiveZoneStyle;
}
export declare class SelectionStyleConfig implements ISelectionStyle {
color: string;
width: number;
fillColor: string;
dashPattern: number[];
rotationGripColor: string;
rotationGripLineColor: string;
rotationGripSize: number;
rotationGripSizeOnTouchDevice: number;
resizeGripColor: string;
resizeGripLineColor: string;
resizeGripLineWidth: number;
resizeGripSize: number;
textColor: string;
}
export declare class HoverStyle implements IHoverStyle {
color: string;
width: number;
fillColor: string;
showLabel: boolean;
textStyle: string;
textColor: string;
dashPattern: number[];
}
export declare class SpotlightStyle implements ISpotlightStyle {
color: string;
width: number;
fillColor: string;
showLabel: boolean;
textStyle: string;
textColor: string;
dashPattern: number[];
}
export declare class RubberbandStyle implements IRubberbandStyle {
color: string;
width: number;
fillColor: string;
dashPattern: number[];
}
export declare class ArtworkSizeStyle implements IArtworkSizeStyle {
artworkFrameColor: string;
artworkFrameShowLabel: boolean;
artworkFrameTextFont: string;
artworkFrameTextFontSize: number;
oversizeFrameColor: string;
artworkInnerBorderFrameDash: number[];
constructor(data?: IArtworkSizeStyle);
}