dcl-npc-toolkit/dist/ui.d.ts

A collection of tools for creating Non-Player-Characters (NPCs). These are capable of having conversations with the player, and play different animations.

import { Color4 } from '@dcl/sdk/math';
import ReactEcs from '@dcl/sdk/react-ecs';
export declare let lightTheme: string;
export declare let darkTheme: string;
export declare let bubblesTexture: string;
export declare let section: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let skipButtonSection: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let skipButtonSectionBlack: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let leftClickSection: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let leftClickSectionbBlack: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let primaryButtonSection: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let secondaryButtonSection: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let darkButtonSection: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let darkButtonCorner: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let darkButtonEdge: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let redButtonSection: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let redButtonCorner: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare let redButtonEdge: {
    atlasHeight: number;
    atlasWidth: number;
    sourceWidth: number;
    sourceHeight: number;
    sourceLeft: number;
    sourceTop: number;
};
export declare const COLOR_DIALOG_BG_LIGHT: Color4.MutableColor4;
export declare const COLOR_DIALOG_BG_DARK: Color4.MutableColor4;
export declare const COLOR_PRIMARY_BUTTON: Color4.MutableColor4;
export declare const COLOR_SECONDARY_BUTTON: Color4.MutableColor4;
export declare const COLOR_BUTTON_TEXT: Color4.MutableColor4;
export declare const NpcUtilsUi: () => ReactEcs.JSX.Element;