tesseract.framerfx/code/canvas.tsx

// WARNING: this file is auto generated, any changes will be lost
import { createDesignComponent, CanvasStore } from "framer"
const canvas = CanvasStore.shared(); // CANVAS_DATA;
export const Button = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_zJVR7WURr", {}, 160,48);
export const Checkbox = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_f2N56LYLn", {}, 256,32);
export const MenuItem = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_NB35xxRVu", {}, 360,64);
export const MenuItem_card_ = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_c1NenO9KT", {}, 168,168);
export const MobileMenu = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_kFufc1SFI", {}, 360,64);
export const MobileMenuItem = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_sRbT0QY3N", {}, 120,64);
export const RadioButton = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_bW8DUqR35", {}, 256,32);
export const Slider = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_AgmKLqSSO", {}, 256,48);
export const Switch = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_nVoC4g0BR", {}, 48,32);
export const TextInput = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_EbraROd8J", {}, 256,48);

export const colors = Object.freeze({
    /** #C78AB3 */
    "Primary Light": "var(--token-2a7216bc-357a-47db-a19a-457657273b8f, rgb(199, 138, 179))",
    /** #222222 */
    "Negative": "var(--token-c775663b-665f-4874-870d-7a1a1542286a, rgb(34, 34, 34))",
    /** #EEEEEE */
    "Positive": "var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(238, 238, 238))",
    /** #FF7B00 */
    "Focus": "var(--token-ba5c7de0-eac6-4864-81ff-574ba758578e, rgb(255, 123, 0))",
    /** #000000 */
    "Darkness": "var(--token-34fc7f34-d2da-4e88-bc7a-acfcde910ff2, rgb(0, 0, 0))",
    /** #FFFFFF */
    "Lightness": "var(--token-73301745-4eba-4cf2-b034-98fa8ac6bb72, rgb(255, 255, 255))",
    /** #BC85A8 */
    "Primary Dark": "var(--token-675ea90d-d06c-4987-91db-78f3e6115f2c, rgb(188, 133, 168))",
})