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.
3 Commits
1 Branch
5.1 MiB
 
Tree: e3f777e503
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'e3f777e503'
${ noResults }
tesseract.framerfx/code/canvas.tsx

31 lines
3.3 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,label?:string}>(canvas, "id_zJVR7WURr", {label:"string"}, 160,48);

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

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

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

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

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

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

  11. export const Slider = createDesignComponent<{parentSize?:{width:number|string,height:number|string},width?:number|string,height?:number|string,label?:string,startHint?:string,endHint?:string}>(canvas, "id_AgmKLqSSO", {label:"string",startHint:"string",endHint:"string"}, 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,label?:string,value?:string,hint?:string}>(canvas, "id_EbraROd8J", {label:"string",value:"string",hint:"string"}, 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.     /** #FF9900 */

  23.     "Focus": "var(--token-ba5c7de0-eac6-4864-81ff-574ba758578e, rgb(255, 153, 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. })