@aurigma/design-atoms
Version:
Design Atoms is a part of Customer's Canvas SDK which allows for manipulating individual design elements through your code.
32 lines • 1.63 kB
JavaScript
export class CanvasStyle {
constructor() {
this.selection = new SelectionStyleConfig();
this.hover = new HoverStyle();
this.spotlight = new SpotlightStyle();
this.rubberband = new RubberbandStyle();
this.interactiveZones = new InteractiveZonesStyles();
this.artworkSize = new ArtworkSizeStyle();
}
}
export class InteractiveZonesStyles {
}
export class SelectionStyleConfig {
}
export class HoverStyle {
}
export class SpotlightStyle {
}
export class RubberbandStyle {
}
export class ArtworkSizeStyle {
constructor(data) {
var _a, _b, _c, _d, _e, _f;
this.artworkFrameColor = (_a = data === null || data === void 0 ? void 0 : data.artworkFrameColor) !== null && _a !== void 0 ? _a : "#FBCA4C";
this.artworkFrameShowLabel = (_b = data === null || data === void 0 ? void 0 : data.artworkFrameShowLabel) !== null && _b !== void 0 ? _b : true;
this.artworkFrameTextFont = (_c = data === null || data === void 0 ? void 0 : data.artworkFrameTextFont) !== null && _c !== void 0 ? _c : "Roboto";
this.artworkFrameTextFontSize = (_d = data === null || data === void 0 ? void 0 : data.artworkFrameTextFontSize) !== null && _d !== void 0 ? _d : 12;
this.oversizeFrameColor = (_e = data === null || data === void 0 ? void 0 : data.oversizeFrameColor) !== null && _e !== void 0 ? _e : "#DC2626";
this.artworkInnerBorderFrameDash = (_f = data === null || data === void 0 ? void 0 : data.artworkInnerBorderFrameDash) !== null && _f !== void 0 ? _f : [];
}
}
//# sourceMappingURL=CanvasStyle.js.map