@aurigma/design-atoms-interfaces/Types/ItemData/IThemeBindingData.d.ts

/**
* A structure defining default colors and styles of design elements.
* @remarks You can specify `themeBinding` in both {@link IItemData} and {@link https://customerscanvas.com/dev/editors/iframe-api/reference/design-editor-iframe/idefaultitemsconfig.html|IDefaultItemsConfig}.
* @example
* ```json
* {
*    "defaultItemsConfig": {
*        "text": {
*            "themeBinding": {
*                "styles": ["FancyText"]
*            }
*        },
*        "image": {
*            "themeBinding": {
*                "img": "MainColor",
*                "border": "BorderColor"
*            }
*        }
*    }
* }
* ```
* @public
*/
export interface IThemeBindingData {
    /** The text color. */
    text?: string;
    /** The text stroke color. */
    stroke?: string;
    /** The text shadow color. */
    shadow?: string;
    /** The color applied with the Hard Light blend mode and 80% opacity to the original image. */
    img?: string;
    /** The border color. */
    border?: string;
    /** The fill color. */
    fill?: string;
    textFill?: string;
    /** The line color. */
    line?: string;
    barcode?: string;
    /** An array of style names. */
    styles?: string[];
}