Files
tolaria/design/property-value-input.pen

1 line
15 KiB
Plaintext
Raw Normal View History

{"children":[{"children":[{"content":"Text Input (default editing mode)","fill":"$--muted-foreground","fontFamily":"Inter","fontSize":11,"fontWeight":"normal","id":"gfFsr","name":"lbl1","type":"text"},{"alignItems":"center","children":[{"content":"OWNER","fill":"$--muted-foreground","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"500","id":"U7qrk","letterSpacing":1.2,"name":"k1","type":"text"},{"content":"Luca","fill":"$--secondary-foreground","fontFamily":"Inter","fontSize":12,"fontWeight":"normal","id":"xus3c","name":"v1","type":"text"}],"cornerRadius":4,"fill":"$--bg-hover-subtle","id":"y19Vl","name":"Property Row — owner","padding":[4,6],"type":"frame","width":"fill_container"},{"alignItems":"center","children":[{"content":"CADENCE","fill":"$--muted-foreground","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"500","id":"iXGSk","letterSpacing":1.2,"name":"k2","type":"text"},{"children":[{"content":"Weekly","fill":"$--foreground","fontFamily":"Inter","fontSize":12,"fontWeight":"normal","id":"Dp7NE","name":"inpTxt","type":"text"}],"cornerRadius":4,"fill":"$--muted","id":"jDfek","name":"Text Input Active","padding":[4,8],"stroke":{"align":"inside","fill":"$--ring","thickness":1},"type":"frame","width":"fill_container"}],"cornerRadius":4,"id":"lBJ6j","name":"Property Row — cadence (editing)","padding":[4,6],"type":"frame","width":"fill_container"},{"alignItems":"center","children":[{"content":"DESCRIPTION","fill":"$--muted-foreground","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"500","id":"wNhQR","letterSpacing":1.2,"name":"k3","type":"text"},{"content":"My project notes","fill":"$--secondary-foreground","fontFamily":"Inter","fontSize":12,"fontWeight":"normal","id":"TDgEG","name":"v3","type":"text"}],"cornerRadius":4,"id":"rQySL","name":"Property Row — description","padding":[4,6],"type":"frame","width":"fill_container"}],"fill":"$--background","gap":8,"id":"ue2qN","layout":"vertical","name":"Property Value — Text Input (default)","padding":12,"type":"frame","width":300,"x":0,"y":0},{"children":[{"content":"Date Picker (calendar popover on click)","fill":"$--muted-foreground","fontFamily":"Inter","fontSize":11,"fontWeight":"normal","id":"U8pRy","name":"lbl2","type":"text"},{"alignItems":"center","children":[{"content":"DEADLINE","fill":"$--muted-foreground","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"500","id":"jVJZw","letterSpacing":1.2,"name":"kD1","type":"text"},{"alignItems":"center","children":[{"fill":"$--muted-foreground","height":12,"iconFontFamily":"lucide","iconFontName":"calendar","id":"9LGQq","name":"calIco","type":"icon_font","width":12},{"content":"Mar 31, 2026","fill":"$--secondary-foreground","fontFamily":"Inter","fontSize":12,"fontWeight":"normal","id":"huIJ2","name":"dateTxt","type":"text"}],"cornerRadius":4,"gap":4,"id":"2Nx8W","name":"Date Button","padding":[2,4],"type":"frame"}],"cornerRadius":4,"fill":"$--bg-hover-subtle","id":"gAwzs","name":"Property Row — deadline (date display)","padding":[4,6],"type":"frame","width":"fill_container"},{"children":[{"alignItems":"center","children":[{"fill":"$--muted-foreground","height":16,"iconFontFamily":"lucide","iconFontName":"chevron-left","id":"jGsuq","name":"calNav1","type":"icon_font","width":16},{"content":"March 2026","fill":"$--foreground","fontFamily":"Inter","fontSize":13,"fontWeight":"600","id":"Q0Hbu","name":"calMo","type":"text"},{"fill":"$--muted-foreground","height":16,"iconFontFamily":"lucide","iconFontName":"chevron-right","id":"fo6jZ","name":"calNav2","type":"icon_font","width":16}],"id":"NTfdy","name":"Calendar Header","type":"frame","width":"fill_container"},{"content":"Su Mo Tu We Th Fr Sa","fill":"$--muted-foreground","fontFamily":"IBM Plex Mono","fontSize":10,"fontWeight":"normal","id":"5XDoM","letterSpacing":0.5,"name":"calDays","type":"text"},{"children":[{"content":" 1 2 3 4 5 6 7","fill":"$--foreground","fontFamily":"IBM Plex Mono","fontSize":11,"fontWeight":"normal","id":"phwKq","name":"calW1","type":"text"},{"content":" 8 9 10 11 12 13 14","fill":"