tesseract-design
/
tesseract.framerfx
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Tesseract design system. https://make.modal.sh/tesseract/design
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 Commit
1 Branch
5.1 MiB
 
Tree: d7c6398fde
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'd7c6398fde'
${ noResults }
tesseract.framerfx/code/canvas.tsx

31 lines
2.8 KiB
Raw Blame History 

  1. // WARNING: this file is auto generated, any changes will be lost

  2. import { createDesignComponent, CanvasStore } from "framer"

  3. const canvas = CanvasStore.shared(); // CANVAS_DATA;

  4. export const Button = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_zJVR7WURr", {}, 160,48);

  5. export const Checkbox = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_f2N56LYLn", {}, 256,32);

  6. export const MenuItem = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_NB35xxRVu", {}, 360,64);

  7. export const MenuItem_card_ = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_c1NenO9KT", {}, 168,168);

  8. export const MobileMenu = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_kFufc1SFI", {}, 360,64);

  9. export const MobileMenuItem = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_sRbT0QY3N", {}, 120,64);

  10. export const RadioButton = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_bW8DUqR35", {}, 256,32);

  11. export const Slider = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_AgmKLqSSO", {}, 256,48);

  12. export const Switch = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_nVoC4g0BR", {}, 48,32);

  13. export const TextInput = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string}>(canvas, "id_EbraROd8J", {}, 256,48);

  14. 

  15. export const colors = Object.freeze({

  16.     /** #C78AB3 */

  17.     "Primary Light": "var(--token-2a7216bc-357a-47db-a19a-457657273b8f, rgb(199, 138, 179))",

  18.     /** #222222 */

  19.     "Negative": "var(--token-c775663b-665f-4874-870d-7a1a1542286a, rgb(34, 34, 34))",

  20.     /** #EEEEEE */

  21.     "Positive": "var(--token-3cf80551-98d2-47e0-871c-00a6560ae4d6, rgb(238, 238, 238))",

  22.     /** #FF7B00 */

  23.     "Focus": "var(--token-ba5c7de0-eac6-4864-81ff-574ba758578e, rgb(255, 123, 0))",

  24.     /** #000000 */

  25.     "Darkness": "var(--token-34fc7f34-d2da-4e88-bc7a-acfcde910ff2, rgb(0, 0, 0))",

  26.     /** #FFFFFF */

  27.     "Lightness": "var(--token-73301745-4eba-4cf2-b034-98fa8ac6bb72, rgb(255, 255, 255))",

  28.     /** #BC85A8 */

  29.     "Primary Dark": "var(--token-675ea90d-d06c-4987-91db-78f3e6115f2c, rgb(188, 133, 168))",

  30. })