7129 lines
204 KiB
Plaintext
7129 lines
204 KiB
Plaintext
{
|
||
"version": "2.6",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "frame-1761929672442",
|
||
"x": 1808,
|
||
"y": -35,
|
||
"name": "lunaris: design system components",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
},
|
||
"clip": true,
|
||
"width": 4865,
|
||
"height": 2781,
|
||
"fill": "$--background",
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "xCEfn",
|
||
"x": 4187,
|
||
"y": 1848,
|
||
"name": "Tooltip",
|
||
"reusable": true,
|
||
"clip": true,
|
||
"fill": "$--popover",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000f",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 2
|
||
},
|
||
"blur": 3.5,
|
||
"spread": -1
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
6,
|
||
12
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wFonn",
|
||
"name": "Tooltip Text",
|
||
"fill": "$--foreground",
|
||
"content": "New Project",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zdFKu",
|
||
"x": 2200,
|
||
"y": 1741,
|
||
"name": "Switch/Checked",
|
||
"reusable": true,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Y4Mu7",
|
||
"name": "switch-base",
|
||
"width": 32,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "24hPt",
|
||
"x": 0,
|
||
"y": 2,
|
||
"name": "switch",
|
||
"clip": true,
|
||
"width": 32,
|
||
"height": 20,
|
||
"fill": "$--input",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"padding": [
|
||
0,
|
||
4
|
||
],
|
||
"justifyContent": "end",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "kl2Cf",
|
||
"name": "dot",
|
||
"clip": true,
|
||
"width": 12,
|
||
"height": 12,
|
||
"fill": "$--foreground",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "wDpHC",
|
||
"name": "Switch Label",
|
||
"fill": "$--foreground",
|
||
"content": "Power-saving mode",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "W4YFH",
|
||
"x": 2863,
|
||
"y": 1984,
|
||
"name": "Progress",
|
||
"reusable": true,
|
||
"clip": true,
|
||
"width": "fill_container(360)",
|
||
"height": 16,
|
||
"fill": "$--secondary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "rectangle",
|
||
"id": "qQ5Qx",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "Progress",
|
||
"fill": "$--primary",
|
||
"width": 180,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9PVw5",
|
||
"x": 3789,
|
||
"y": 335.99999999999955,
|
||
"name": "Pagination",
|
||
"reusable": true,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"id": "R6Qz5",
|
||
"type": "ref",
|
||
"ref": "Svd9t",
|
||
"x": 0,
|
||
"y": 0,
|
||
"descendants": {
|
||
"Xphxk": {
|
||
"enabled": false
|
||
},
|
||
"yqG8L": {
|
||
"content": "Previous"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IXD5J",
|
||
"name": "Page Numbers Slot",
|
||
"slot": [
|
||
"oT0d2",
|
||
"Doslm",
|
||
"Irk3I"
|
||
],
|
||
"clip": true,
|
||
"width": 40,
|
||
"height": 40
|
||
},
|
||
{
|
||
"id": "OboOa",
|
||
"type": "ref",
|
||
"ref": "Svd9t",
|
||
"x": 156,
|
||
"y": 0,
|
||
"descendants": {
|
||
"Xphxk": {
|
||
"content": "Next",
|
||
"x": 16.034837436226603,
|
||
"y": 9.982596452485243,
|
||
"rotation": -0.09980195371053763,
|
||
"enabled": false
|
||
},
|
||
"yqG8L": {
|
||
"content": "Next"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QFzE8",
|
||
"x": 4187,
|
||
"y": 1404,
|
||
"name": "Textarea Group",
|
||
"reusable": true,
|
||
"width": 274,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nQmmR",
|
||
"name": "Label Text",
|
||
"width": "fill_container",
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "NrMkU",
|
||
"name": "Label Text",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Label Text",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7Mypd",
|
||
"name": "Textarea",
|
||
"width": "fill_container",
|
||
"height": 80,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-m",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "b2pCk",
|
||
"name": "Input Value",
|
||
"fill": "$--foreground",
|
||
"content": "Input Value",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "M5Mgn",
|
||
"x": 4187,
|
||
"y": 1092,
|
||
"name": "Input OTP Group/Default",
|
||
"reusable": true,
|
||
"width": 274,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "m5Ayz",
|
||
"name": "Label Text",
|
||
"width": "fill_container",
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Sh337",
|
||
"name": "Label Text",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Label Text",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dUBzn",
|
||
"name": "Input OTP Container",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": -1,
|
||
"justifyContent": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "mdnDd",
|
||
"name": "Input OTP",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": [
|
||
"$--radius-pill",
|
||
0,
|
||
0,
|
||
"$--radius-pill"
|
||
],
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "VEcfr",
|
||
"name": "0",
|
||
"enabled": false,
|
||
"fill": "$--foreground",
|
||
"content": "0",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "V8Xsa",
|
||
"name": "Input OTP",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "gBwGG",
|
||
"name": "0",
|
||
"enabled": false,
|
||
"fill": "$--foreground",
|
||
"content": "0",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "D6KFZ",
|
||
"name": "Input OTP",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": [
|
||
0,
|
||
6,
|
||
6,
|
||
0
|
||
],
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "iVTkv",
|
||
"name": "0",
|
||
"enabled": false,
|
||
"fill": "$--foreground",
|
||
"content": "0",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7ZdzW",
|
||
"name": "Input OTP",
|
||
"clip": true,
|
||
"width": 40,
|
||
"height": 40,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"top": 1,
|
||
"bottom": 1,
|
||
"left": 1
|
||
}
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "qG43N",
|
||
"name": "•",
|
||
"fill": "$--foreground",
|
||
"content": "•",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "MbQc6",
|
||
"name": "Input OTP",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": [
|
||
6,
|
||
0,
|
||
0,
|
||
6
|
||
],
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xTFuV",
|
||
"name": "0",
|
||
"enabled": false,
|
||
"fill": "$--foreground",
|
||
"content": "0",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "J9LpP",
|
||
"name": "Input OTP",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Q6Z6T",
|
||
"name": "0",
|
||
"enabled": false,
|
||
"fill": "$--foreground",
|
||
"content": "0",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "9Hzwu",
|
||
"name": "Input OTP",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": [
|
||
0,
|
||
"$--radius-pill",
|
||
"$--radius-pill",
|
||
0
|
||
],
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "w1SZv",
|
||
"name": "0",
|
||
"enabled": false,
|
||
"fill": "$--foreground",
|
||
"content": "0",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XhJWF",
|
||
"x": 4187,
|
||
"y": 820,
|
||
"name": "Select Group/Default",
|
||
"reusable": true,
|
||
"width": 274,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ygX49",
|
||
"name": "Label Text",
|
||
"width": "fill_container",
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "uEVNH",
|
||
"name": "Label Text",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Label Text",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "UoY51",
|
||
"name": "Select Trigger",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"gap": 10,
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "q2CuU",
|
||
"name": "Select option",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Select Option",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "04EW5",
|
||
"name": "chevron-down",
|
||
"opacity": 0.5,
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0.6666666865348816
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "cui2i",
|
||
"x": 4,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"geometry": "M0 0l6 6 6-6",
|
||
"width": 8,
|
||
"height": 4,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "gKpi4",
|
||
"x": 4187,
|
||
"y": 388,
|
||
"name": "Input Group/Default",
|
||
"reusable": true,
|
||
"width": 274,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "KbqaX",
|
||
"name": "Label Text",
|
||
"width": "fill_container",
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "6olUK",
|
||
"name": "Label Text",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Label Text",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "soBSx",
|
||
"name": "Input",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "FU4Re",
|
||
"name": "Input Value",
|
||
"fill": "$--muted-foreground",
|
||
"content": "Placeholder",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "XYdcn",
|
||
"x": 200,
|
||
"y": 1834,
|
||
"name": "Icon Label/Secondary",
|
||
"reusable": true,
|
||
"fill": "$--secondary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 4,
|
||
"padding": 8,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ULBkt",
|
||
"name": "icon-Star-2",
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "#ffffffff",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "dVsjZ",
|
||
"x": 1.8756510019302368,
|
||
"y": 1.89599609375,
|
||
"name": "Vector 2134",
|
||
"geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z",
|
||
"width": 12.25,
|
||
"height": 12.250665664672852,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--secondary-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "izLyj",
|
||
"name": "Text",
|
||
"fill": "$--secondary-foreground",
|
||
"content": "Pioneer",
|
||
"lineHeight": 1.1428571428571428,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Ffti9",
|
||
"x": 200,
|
||
"y": 1588,
|
||
"name": "Icon Label/Success",
|
||
"reusable": true,
|
||
"fill": "$--color-success",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 4,
|
||
"padding": 8,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "BFcCW",
|
||
"name": "icon-Star-2",
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "#ffffffff",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "sDzhI",
|
||
"x": 1.8756510019302368,
|
||
"y": 1.89599609375,
|
||
"name": "Vector 2134",
|
||
"geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z",
|
||
"width": 12.25,
|
||
"height": 12.250665664672852,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-success-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "AWwyf",
|
||
"name": "Text",
|
||
"fill": "$--color-success-foreground",
|
||
"content": "Explorer",
|
||
"lineHeight": 1.1428571428571428,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "A58oI",
|
||
"x": 200,
|
||
"y": 1752,
|
||
"name": "Icon Label/Violet",
|
||
"reusable": true,
|
||
"fill": "$--color-info",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 4,
|
||
"padding": 8,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "ULCkh",
|
||
"name": "icon-Star-2",
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "#ffffffff",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "tw01V",
|
||
"x": 1.8756510019302368,
|
||
"y": 1.89599609375,
|
||
"name": "Vector 2134",
|
||
"geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z",
|
||
"width": 12.25,
|
||
"height": 12.250665664672852,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-info-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "49I5i",
|
||
"name": "Text",
|
||
"fill": "$--color-info-foreground",
|
||
"content": "Hauler",
|
||
"lineHeight": 1.1428571428571428,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7Fif0",
|
||
"x": 200,
|
||
"y": 1670,
|
||
"name": "Icon Label/Orange",
|
||
"reusable": true,
|
||
"fill": "$--color-warning",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 4,
|
||
"padding": 8,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rMf5x",
|
||
"name": "icon-Star-2",
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "#ffffffff",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "XY32P",
|
||
"x": 1.8756510019302368,
|
||
"y": 1.89599609375,
|
||
"name": "Vector 2134",
|
||
"geometry": "M9.187 0l-2.81 6.376-6.377 2.811 6.377 2.811 2.81 6.378 2.812-6.377 6.376-2.811-6.376-2.811-2.812-6.377z",
|
||
"width": 12.25,
|
||
"height": 12.250665664672852,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-warning-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "glumS",
|
||
"name": "Text",
|
||
"fill": "$--color-warning-foreground",
|
||
"content": "Transporter",
|
||
"lineHeight": 1.1428571428571428,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "90SQo",
|
||
"x": 200,
|
||
"y": 1448,
|
||
"name": "Avatar/Text",
|
||
"reusable": true,
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "$--secondary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "xr4rB",
|
||
"name": "Avatar Title",
|
||
"fill": "$--secondary-foreground",
|
||
"content": "PJ",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "600"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Svd9t",
|
||
"x": 369,
|
||
"y": 2390,
|
||
"name": "Button/Ghost",
|
||
"reusable": true,
|
||
"height": 40,
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 6,
|
||
"padding": [
|
||
10,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "Xphxk",
|
||
"name": "plus",
|
||
"width": 20,
|
||
"height": 20,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "7qiPW",
|
||
"x": 5,
|
||
"y": 5,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 10,
|
||
"height": 10,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "yqG8L",
|
||
"name": "Button",
|
||
"fill": "$--foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "zIDRN",
|
||
"x": 200,
|
||
"y": 2390,
|
||
"name": "Button/Large/Ghost",
|
||
"reusable": true,
|
||
"height": 48,
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 6,
|
||
"padding": [
|
||
12,
|
||
24
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6NkRd",
|
||
"name": "plus",
|
||
"width": 24,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "NyPOJ",
|
||
"x": 6,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 12,
|
||
"height": 12,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "0SrnB",
|
||
"name": "Button",
|
||
"fill": "$--foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "4x7RU",
|
||
"x": 369,
|
||
"y": 2314,
|
||
"name": "Button/Outline",
|
||
"reusable": true,
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000d",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 1.75
|
||
},
|
||
"gap": 6,
|
||
"padding": [
|
||
10,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "r97g1",
|
||
"name": "plus",
|
||
"width": 20,
|
||
"height": 20,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "SemM4",
|
||
"x": 5,
|
||
"y": 5,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 10,
|
||
"height": 10,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7ZVG7",
|
||
"name": "Button",
|
||
"fill": "$--foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "EAwax",
|
||
"x": 200,
|
||
"y": 2314,
|
||
"name": "Button/Large/Outline",
|
||
"reusable": true,
|
||
"height": 48,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000d",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 1.75
|
||
},
|
||
"gap": 6,
|
||
"padding": [
|
||
12,
|
||
24
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nHmDC",
|
||
"name": "plus",
|
||
"width": 24,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "HGoMb",
|
||
"x": 6,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 12,
|
||
"height": 12,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "kqX7U",
|
||
"name": "Button",
|
||
"fill": "$--foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZETEA",
|
||
"x": 369,
|
||
"y": 2086,
|
||
"name": "Button/Default",
|
||
"reusable": true,
|
||
"height": 40,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"gap": 6,
|
||
"padding": [
|
||
10,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "mRGd3",
|
||
"name": "plus",
|
||
"width": 20,
|
||
"height": 20,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "C6nAO",
|
||
"x": 5,
|
||
"y": 5,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 10,
|
||
"height": 10,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--primary-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "q5Hn5",
|
||
"name": "Button",
|
||
"fill": "$--primary-foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "U83R7",
|
||
"x": 369,
|
||
"y": 2162,
|
||
"name": "Button/Secondary",
|
||
"reusable": true,
|
||
"height": 40,
|
||
"fill": "$--secondary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"gap": 6,
|
||
"padding": [
|
||
10,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "mM3qB",
|
||
"name": "plus",
|
||
"width": 20,
|
||
"height": 20,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "h9Uuq",
|
||
"x": 5,
|
||
"y": 5,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 10,
|
||
"height": 10,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--secondary-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "M4KCH",
|
||
"name": "Button",
|
||
"fill": "$--secondary-foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ftEoU",
|
||
"x": 369,
|
||
"y": 2238,
|
||
"name": "Button/Destructive",
|
||
"reusable": true,
|
||
"height": 40,
|
||
"fill": "$--destructive",
|
||
"cornerRadius": "$--radius-pill",
|
||
"gap": 6,
|
||
"padding": [
|
||
10,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "6KqSk",
|
||
"name": "plus",
|
||
"width": 20,
|
||
"height": 20,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "1scOD",
|
||
"x": 5,
|
||
"y": 5,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 10,
|
||
"height": 10,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "UQdcX",
|
||
"name": "Button",
|
||
"fill": "$--foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "HXajN",
|
||
"x": 200,
|
||
"y": 2238,
|
||
"name": "Button/Large/Destructive",
|
||
"reusable": true,
|
||
"height": 48,
|
||
"fill": "$--destructive",
|
||
"cornerRadius": "$--radius-pill",
|
||
"gap": 6,
|
||
"padding": [
|
||
12,
|
||
24
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "L19dR",
|
||
"name": "plus",
|
||
"width": 24,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "4EYbS",
|
||
"x": 6,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 12,
|
||
"height": 12,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "plTTh",
|
||
"name": "Button",
|
||
"fill": "$--foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.5555555555555556,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "89sf2",
|
||
"x": 200,
|
||
"y": 2162,
|
||
"name": "Button/Large/Secondary",
|
||
"reusable": true,
|
||
"height": 48,
|
||
"fill": "$--secondary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"gap": 6,
|
||
"padding": [
|
||
12,
|
||
24
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "kRU0p",
|
||
"name": "plus",
|
||
"width": 24,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "zOwKg",
|
||
"x": 6,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 12,
|
||
"height": 12,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--secondary-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "17mNX",
|
||
"name": "Button",
|
||
"fill": "$--secondary-foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.5555555555555556,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZGI9Z",
|
||
"x": 200,
|
||
"y": 2086,
|
||
"name": "Button/Large/Default",
|
||
"reusable": true,
|
||
"height": 48,
|
||
"fill": "$--primary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"gap": 6,
|
||
"padding": [
|
||
12,
|
||
24
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "oNDwn",
|
||
"name": "plus",
|
||
"width": 24,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "Muzka",
|
||
"x": 6,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 12,
|
||
"height": 12,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--primary-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "J3Z6N",
|
||
"name": "Button",
|
||
"fill": "$--primary-foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.5555555555555556,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "YZjRF",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ITZkn",
|
||
"x": 200,
|
||
"y": 952,
|
||
"name": "Alert/Error",
|
||
"fill": "$--color-error",
|
||
"width": "fill_container(640)",
|
||
"descendants": {
|
||
"fS3NL": {
|
||
"type": "frame",
|
||
"id": "LB3Fl",
|
||
"name": "icon-Wave-Signal",
|
||
"clip": true,
|
||
"width": 24,
|
||
"height": 24,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "FTYwP",
|
||
"x": 1,
|
||
"y": 7,
|
||
"name": "Vector 2221",
|
||
"geometry": "M0 5l5.5 0 3-5 5 10 3-5 5.5 0",
|
||
"width": 22,
|
||
"height": 10,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-error-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"TPf8O": {
|
||
"fill": "$--color-error-foreground",
|
||
"content": "Communication link lost"
|
||
},
|
||
"X4L5E": {
|
||
"fill": "$--color-error-foreground",
|
||
"content": "Rover telemetry signal interrupted. Check your base antenna alignment or retry connection in 10 minutes."
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "nIj3a",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ITZkn",
|
||
"x": 200,
|
||
"y": 656,
|
||
"name": "Alert/Success",
|
||
"fill": "$--color-success",
|
||
"width": "fill_container(640)",
|
||
"descendants": {
|
||
"fS3NL": {
|
||
"type": "frame",
|
||
"id": "N77wx",
|
||
"name": "icon-Check",
|
||
"clip": true,
|
||
"width": 24,
|
||
"height": 24,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "03KN4",
|
||
"x": 1.5,
|
||
"y": 5.5,
|
||
"name": "Vector 2356",
|
||
"geometry": "M0 7l7 7 14-14",
|
||
"width": 21,
|
||
"height": 14,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-success-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"TPf8O": {
|
||
"fill": "$--color-success-foreground",
|
||
"content": "Mission approved"
|
||
},
|
||
"X4L5E": {
|
||
"fill": "$--color-success-foreground",
|
||
"content": "Your request to rent the Curiosity-X rover has been confirmed. Deployment scheduled for Sol 482."
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "vbyqV",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ITZkn",
|
||
"x": 200,
|
||
"y": 804,
|
||
"name": "Alert/Warning",
|
||
"fill": "$--color-warning",
|
||
"width": "fill_container(640)",
|
||
"descendants": {
|
||
"fS3NL": {
|
||
"type": "frame",
|
||
"id": "0N3gW",
|
||
"name": "icon-Megaphone-2",
|
||
"clip": true,
|
||
"width": 24,
|
||
"height": 24,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "BUQBt",
|
||
"x": 9,
|
||
"y": 3,
|
||
"name": "Rectangle 574",
|
||
"geometry": "M0 4.5l13-4.5 0 17-13-4.5 0-8z",
|
||
"width": 13,
|
||
"height": 17,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-warning-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "VT2S0",
|
||
"x": 2,
|
||
"y": 7.5,
|
||
"name": "Vector 1329",
|
||
"geometry": "M0 0l7 0 0 8-7 0 0-8z",
|
||
"width": 7,
|
||
"height": 8,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-warning-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "yqA3L",
|
||
"x": 5,
|
||
"y": 15.5,
|
||
"name": "Vector 1455",
|
||
"geometry": "M4 0l0 6-1 0c-0.79565 0-1.55871-0.31607-2.12132-0.87868-0.56261-0.56261-0.87868-1.32567-0.87868-2.12132l0-3",
|
||
"width": 4,
|
||
"height": 6,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-warning-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"TPf8O": {
|
||
"fill": "$--color-warning-foreground",
|
||
"content": "Terrain instability detected"
|
||
},
|
||
"X4L5E": {
|
||
"fill": "$--color-warning-foreground",
|
||
"content": "The selected route crosses an area with loose regolith. Proceed with caution or reroute to a safer path."
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ITZkn",
|
||
"x": 200,
|
||
"y": 508,
|
||
"name": "Alert/Info",
|
||
"reusable": true,
|
||
"width": "fill_container(640)",
|
||
"fill": "$--color-info",
|
||
"cornerRadius": "$--radius-none",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 12,
|
||
"padding": 16,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "fS3NL",
|
||
"name": "icon-Information-Circle",
|
||
"clip": true,
|
||
"width": 24,
|
||
"height": 24,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "#ffffffff",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "RCbzr",
|
||
"x": 2,
|
||
"y": 2,
|
||
"name": "Ellipse 579",
|
||
"geometry": "M0 10c0 2.65216 1.05357 5.1957 2.92893 7.07107 1.87536 1.87536 4.4189 2.92893 7.07107 2.92893 2.65216 0 5.1957-1.05357 7.07107-2.92893 1.87536-1.87536 2.92893-4.4189 2.92893-7.07107 0-2.65216-1.05357-5.1957-2.92893-7.07107-1.87536-1.87536-4.4189-2.92893-7.07107-2.92893-2.65216 0-5.1957 1.05357-7.07107 2.92893-1.87536 1.87536-2.92893 4.4189-2.92893 7.07107z",
|
||
"width": 20,
|
||
"height": 20,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-info-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "u1tro",
|
||
"x": 9,
|
||
"y": 10.5,
|
||
"name": "Vector 2348",
|
||
"geometry": "M0 0l3 0 0 6",
|
||
"width": 3,
|
||
"height": 6,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-info-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "HkYQ0",
|
||
"x": 9,
|
||
"y": 16.5,
|
||
"name": "Vector 2349",
|
||
"geometry": "M0 0l6 0",
|
||
"width": 6,
|
||
"height": 0,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-info-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "GkGy3",
|
||
"x": 12,
|
||
"y": 6.5,
|
||
"name": "Vector 2350",
|
||
"geometry": "M0 1.5l0-1.5",
|
||
"width": 0,
|
||
"height": 1.5,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--color-info-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "7IdrZ",
|
||
"name": "contents",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "TPf8O",
|
||
"name": "Alert Title",
|
||
"fill": "$--color-info-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Rover status update",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "X4L5E",
|
||
"name": "Alert Description",
|
||
"fill": "$--color-info-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Spirit-9 completed its nightly diagnostics. All systems are running within optimal parameters.",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "DFcCn",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "3bQzF",
|
||
"x": 200,
|
||
"y": 352,
|
||
"name": "Accordion/Closed",
|
||
"width": "fill_container(480)",
|
||
"descendants": {
|
||
"WLBKp": {
|
||
"type": "frame",
|
||
"id": "fmkXp",
|
||
"name": "chevron-down",
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "0k6lE",
|
||
"x": 4,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"geometry": "M0 0l6 6 6-6",
|
||
"width": 8,
|
||
"height": 4,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"frame-1764940517647": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3bQzF",
|
||
"x": 200,
|
||
"y": 200,
|
||
"name": "Accordion/Open",
|
||
"reusable": true,
|
||
"width": "fill_container(480)",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
},
|
||
"fill": "$--border"
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "MHwKC",
|
||
"name": "Accordion Trigger",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 18,
|
||
"padding": [
|
||
16,
|
||
0
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ckp1f",
|
||
"name": "Accordion Trigger",
|
||
"fill": "$--foreground",
|
||
"content": "What is a micro-interaction?",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 16,
|
||
"fontWeight": "500"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "WLBKp",
|
||
"name": "chevron-up",
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "dvSwT",
|
||
"x": 3.999999761581421,
|
||
"y": 6,
|
||
"name": "Vector",
|
||
"rotation": 9.213866198408551e-15,
|
||
"geometry": "M12 6l-6-6-6 6",
|
||
"width": 8,
|
||
"height": 4,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "frame-1764940517647",
|
||
"name": "Accordion Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"layout": "vertical",
|
||
"padding": [
|
||
0,
|
||
0,
|
||
16,
|
||
0
|
||
],
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Gqs2u",
|
||
"name": "Accordion Contnet",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Micro-interactions are events which have one main task — a single purpose — and they are found all over your device and within apps.",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "o27Xt",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ZGI9Z",
|
||
"x": 518,
|
||
"y": 2086,
|
||
"name": "Icon Button/Large/Default",
|
||
"padding": 12,
|
||
"descendants": {
|
||
"J3Z6N": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "pEY1B",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ZETEA",
|
||
"x": 606,
|
||
"y": 2086,
|
||
"name": "Icon Button/Default",
|
||
"padding": 10,
|
||
"descendants": {
|
||
"q5Hn5": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "4AN1p",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "90SQo",
|
||
"x": 280,
|
||
"y": 1448,
|
||
"name": "Avatar/Image",
|
||
"descendants": {
|
||
"xr4rB": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "vv6Lu",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "89sf2",
|
||
"x": 518,
|
||
"y": 2162,
|
||
"name": "Icon Button/Large/Secondary",
|
||
"padding": 12,
|
||
"descendants": {
|
||
"17mNX": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "HWbHA",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "U83R7",
|
||
"x": 606,
|
||
"y": 2162,
|
||
"name": "Icon Button/Secondary",
|
||
"padding": 10,
|
||
"descendants": {
|
||
"M4KCH": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "o49Ro",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "HXajN",
|
||
"x": 518,
|
||
"y": 2238,
|
||
"name": "Icon Button/Large/Destructive",
|
||
"padding": 12,
|
||
"descendants": {
|
||
"plTTh": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "ai6BP",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ftEoU",
|
||
"x": 606,
|
||
"y": 2238,
|
||
"name": "Icon Button/Destructive",
|
||
"padding": 10,
|
||
"descendants": {
|
||
"UQdcX": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "tzDL1",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "EAwax",
|
||
"x": 518,
|
||
"y": 2314,
|
||
"name": "Icon Button/Large/Outline",
|
||
"padding": 12,
|
||
"descendants": {
|
||
"kqX7U": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "xQWwZ",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "4x7RU",
|
||
"x": 606,
|
||
"y": 2314,
|
||
"name": "Icon Button/Outline",
|
||
"padding": 10,
|
||
"descendants": {
|
||
"7ZVG7": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "ubB6W",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "zIDRN",
|
||
"x": 518,
|
||
"y": 2390,
|
||
"name": "Icon Button/Large/Ghost",
|
||
"padding": 12,
|
||
"descendants": {
|
||
"0SrnB": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "eNU2w",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "Svd9t",
|
||
"x": 606,
|
||
"y": 2390,
|
||
"rotation": 0,
|
||
"padding": 10,
|
||
"descendants": {
|
||
"yqG8L": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "7KC5U",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "Ffti9",
|
||
"x": 369,
|
||
"y": 1588,
|
||
"name": "Label/Success",
|
||
"descendants": {
|
||
"BFcCW": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "L8Rgv",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "7Fif0",
|
||
"x": 369,
|
||
"y": 1670,
|
||
"name": "Label/Orange",
|
||
"descendants": {
|
||
"rMf5x": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "rjvI1",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "A58oI",
|
||
"x": 369,
|
||
"y": 1752,
|
||
"name": "Label/Violet",
|
||
"descendants": {
|
||
"ULCkh": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "it00G",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "XYdcn",
|
||
"x": 369,
|
||
"y": 1834,
|
||
"name": "Label/Secondary",
|
||
"descendants": {
|
||
"ULBkt": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "xzG1l",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "axCNF",
|
||
"x": 466,
|
||
"y": 1966,
|
||
"name": "Breadcrumb Item/Ellipsis",
|
||
"descendants": {
|
||
"w41Yx": {
|
||
"type": "frame",
|
||
"id": "845dP",
|
||
"name": "dots",
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "djpRN",
|
||
"x": 10.666666984558105,
|
||
"y": 7.833333492279053,
|
||
"name": "Vector",
|
||
"geometry": "M0 1.41421l0-1.41421",
|
||
"width": 0,
|
||
"height": 0.33333349227905273,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--muted-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "tUvDT",
|
||
"x": 8,
|
||
"y": 7.833333492279053,
|
||
"name": "Vector",
|
||
"geometry": "M0 1.41421l0-1.41421",
|
||
"width": 0,
|
||
"height": 0.33333349227905273,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--muted-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "PfckD",
|
||
"x": 5.333333492279053,
|
||
"y": 7.833333492279053,
|
||
"name": "Vector",
|
||
"geometry": "M0 1.41421l0-1.41421",
|
||
"width": 0,
|
||
"height": 0.33333349227905273,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--muted-foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "axCNF",
|
||
"x": 438,
|
||
"y": 1966,
|
||
"name": "Breadcrumb Item/Separator",
|
||
"reusable": true,
|
||
"width": 20,
|
||
"height": 20,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "w41Yx",
|
||
"name": "chevron-right",
|
||
"width": 14,
|
||
"height": 14,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "FQHQ9",
|
||
"x": 5.249999523162842,
|
||
"y": 3.499999761581421,
|
||
"name": "Vector",
|
||
"geometry": "M0 12l6-6-6-6",
|
||
"width": 3.500000476837158,
|
||
"height": 7,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--muted-foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "mErlM",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "nW26m",
|
||
"x": 319,
|
||
"y": 1966,
|
||
"name": "Breadcrumb Item/Active",
|
||
"descendants": {
|
||
"bT3Mm": {
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "nW26m",
|
||
"x": 200,
|
||
"y": 1966,
|
||
"name": "Breadcrumb Item/Default",
|
||
"reusable": true,
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "bT3Mm",
|
||
"name": "Breadcrumb Item",
|
||
"fill": "$--muted-foreground",
|
||
"content": "Breadcrumb Item",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ERkuB",
|
||
"x": 3510,
|
||
"y": 1890,
|
||
"name": "Card",
|
||
"reusable": true,
|
||
"clip": true,
|
||
"width": 399,
|
||
"fill": "$--card",
|
||
"cornerRadius": "$--radius-none",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000d",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 1.75
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "4zoFt",
|
||
"name": "Card Header",
|
||
"slot": [],
|
||
"width": "fill_container",
|
||
"height": 68,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"padding": 24,
|
||
"justifyContent": "center"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "QMHOm",
|
||
"name": "Card Content",
|
||
"slot": [],
|
||
"width": "fill_container",
|
||
"height": "fit_content(100)",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 2
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": 24,
|
||
"justifyContent": "center"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tiojM",
|
||
"name": "Card Actions",
|
||
"slot": [],
|
||
"width": "fill_container",
|
||
"height": 68,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"padding": 24,
|
||
"alignItems": "center"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "r91nP",
|
||
"x": 2200,
|
||
"y": 1953,
|
||
"name": "Checkbox/Checked",
|
||
"reusable": true,
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"fill": "$--foreground",
|
||
"cornerRadius": "$--radius-none",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--foreground"
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "yG5lQ",
|
||
"x": 4,
|
||
"y": 4,
|
||
"name": "icon-Check",
|
||
"clip": true,
|
||
"width": 8,
|
||
"height": 8,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "aAdgV",
|
||
"x": 0.5,
|
||
"y": 1.8333333730697632,
|
||
"name": "Vector 2356",
|
||
"geometry": "M0 7l7 7 14-14",
|
||
"width": 7,
|
||
"height": 4.666666507720947,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--background"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "Wxq1C",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "r91nP",
|
||
"x": 2200,
|
||
"y": 2009,
|
||
"name": "Checkbox/Default",
|
||
"fill": "$--background",
|
||
"descendants": {
|
||
"yG5lQ": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "8zOyn",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "VYDf7",
|
||
"x": 2200,
|
||
"y": 2193,
|
||
"name": "Checkbox Description/Checked",
|
||
"flipX": false,
|
||
"flipY": false,
|
||
"width": "fit_content",
|
||
"height": "fit_content",
|
||
"descendants": {
|
||
"w9kiZ": {
|
||
"id": "fR3PO",
|
||
"type": "ref",
|
||
"ref": "r91nP",
|
||
"x": 0,
|
||
"y": 4
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "VYDf7",
|
||
"x": 2200,
|
||
"y": 2105,
|
||
"name": "Checkbox Description/Default",
|
||
"reusable": true,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "DvjIp",
|
||
"name": "checkbox-base",
|
||
"width": 16,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"id": "w9kiZ",
|
||
"type": "ref",
|
||
"ref": "r91nP",
|
||
"x": 0,
|
||
"y": 4,
|
||
"name": "Checkbox/Unchecked",
|
||
"fill": "$--background",
|
||
"descendants": {
|
||
"yG5lQ": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "45aPm",
|
||
"name": "Text and supporting text",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wW80R",
|
||
"name": "Text",
|
||
"fill": "$--foreground",
|
||
"content": "Enable autonomous navigation",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "7MZ0o",
|
||
"name": "Supporting text",
|
||
"fill": "$--muted-foreground",
|
||
"content": "Let the rover find the safest route on its own.",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "YIw6B",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "VYDf7",
|
||
"x": 2200,
|
||
"y": 2386,
|
||
"name": "Checkbox/Checked",
|
||
"flipX": false,
|
||
"flipY": false,
|
||
"width": "fit_content",
|
||
"height": "fit_content",
|
||
"descendants": {
|
||
"w9kiZ": {
|
||
"id": "bU7AQ",
|
||
"type": "ref",
|
||
"ref": "r91nP",
|
||
"x": 0,
|
||
"y": 4
|
||
},
|
||
"7MZ0o": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "5Wp4y",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "VYDf7",
|
||
"x": 2200,
|
||
"y": 2321,
|
||
"name": "Checkbox/Default",
|
||
"descendants": {
|
||
"7MZ0o": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "z6HCm",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "gKpi4",
|
||
"x": 4187,
|
||
"y": 494,
|
||
"width": 274,
|
||
"name": "Input Group/Filled",
|
||
"descendants": {
|
||
"FU4Re": {
|
||
"fill": "$--foreground",
|
||
"content": "Input Value"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "592AB",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "gKpi4",
|
||
"x": 4187,
|
||
"y": 600,
|
||
"name": "Input/Default",
|
||
"width": 274,
|
||
"descendants": {
|
||
"KbqaX": {
|
||
"enabled": false
|
||
},
|
||
"FU4Re": {
|
||
"content": "Placeholder"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "URXVp",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "gKpi4",
|
||
"x": 4187,
|
||
"y": 680,
|
||
"width": 274,
|
||
"name": "Input/Filled",
|
||
"descendants": {
|
||
"KbqaX": {
|
||
"enabled": false
|
||
},
|
||
"FU4Re": {
|
||
"fill": "$--foreground",
|
||
"content": "Input Value"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "mTHMq",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "XhJWF",
|
||
"x": 4187,
|
||
"y": 926,
|
||
"flipX": false,
|
||
"flipY": false,
|
||
"width": 274,
|
||
"height": "fit_content",
|
||
"name": "Select Group/Filled",
|
||
"descendants": {
|
||
"ygX49": {
|
||
"enabled": false
|
||
},
|
||
"UoY51": {
|
||
"x": 0,
|
||
"y": 0
|
||
},
|
||
"q2CuU": {
|
||
"content": "Selected Option",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "JFrjZ",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "M5Mgn",
|
||
"x": 4187,
|
||
"y": 1198,
|
||
"name": "Input OTP Group/Filled",
|
||
"descendants": {
|
||
"mdnDd": {
|
||
"enabled": true
|
||
},
|
||
"VEcfr": {
|
||
"enabled": true
|
||
},
|
||
"gBwGG": {
|
||
"enabled": true
|
||
},
|
||
"iVTkv": {
|
||
"enabled": true
|
||
},
|
||
"qG43N": {
|
||
"enabled": true
|
||
},
|
||
"xTFuV": {
|
||
"enabled": true
|
||
},
|
||
"Q6Z6T": {
|
||
"enabled": true
|
||
},
|
||
"w1SZv": {
|
||
"enabled": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Zksub",
|
||
"x": 1000,
|
||
"y": 583,
|
||
"name": "Search Box/Filled",
|
||
"reusable": true,
|
||
"width": 240,
|
||
"cornerRadius": 2,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
6,
|
||
8
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3JXCB",
|
||
"name": "icon-16/search",
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "OBu7v",
|
||
"x": 2,
|
||
"y": 2,
|
||
"name": "Icon",
|
||
"geometry": "M10.66667 5.33333c0 2.94552-2.38781 5.33333-5.33334 5.33334m0-10.66667c2.94552 0 5.33333 2.38781 5.33334 5.33333m-10.66667 0c0-2.94552 2.38781-5.33333 5.33333-5.33333m0 10.66667c-2.94552 0-5.33333-2.38781-5.33333-5.33334",
|
||
"width": 10.666666984558105,
|
||
"height": 10.666666984558105,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--muted-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "ZYNyM",
|
||
"x": 11.10009765625,
|
||
"y": 11.0999755859375,
|
||
"name": "Icon",
|
||
"geometry": "M2.9 2.9l-2.9-2.9",
|
||
"width": 2.8999996185302734,
|
||
"height": 2.8999996185302734,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--muted-foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "shPTz",
|
||
"name": "Label",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Search query",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CqquE",
|
||
"name": "icon-16/x",
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "KvNZ4",
|
||
"x": 4,
|
||
"y": 4,
|
||
"name": "Icon",
|
||
"geometry": "M12 0l-12 12m0-12l12 12",
|
||
"width": 8,
|
||
"height": 8,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "T5yK2",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "Zksub",
|
||
"x": 1000,
|
||
"y": 655,
|
||
"name": "Search Box/Default",
|
||
"descendants": {
|
||
"shPTz": {
|
||
"fill": "$--muted-foreground",
|
||
"content": "Search..."
|
||
},
|
||
"CqquE": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "5RtqD",
|
||
"x": 1000,
|
||
"y": 436,
|
||
"name": "List Item/Checked",
|
||
"reusable": true,
|
||
"width": 240,
|
||
"cornerRadius": 2,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
6,
|
||
8
|
||
],
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "frame-1764946299363",
|
||
"name": "Item Content Left",
|
||
"clip": true,
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "H0gCs",
|
||
"name": "Leading Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "zOPtn",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "icon-check",
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "zuBvR",
|
||
"x": 4,
|
||
"y": 4.666666507720947,
|
||
"name": "Vector",
|
||
"geometry": "M0 9l2.40928 2.33851m7.12753-0.4916l8.46319-10.84691m-15.59072 11.33851c1.32862 1.2896 1.99293 1.9344 2.73742 2.13794m4.39011-2.62954c-1.13899 1.45979-1.70848 2.18969-2.41797 2.49352m-1.97214 0.13602c0.65387 0.17877 1.34901 0.13082 1.97214-0.13602",
|
||
"width": 8,
|
||
"height": 6.66666841506958,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "S0MJK",
|
||
"name": "Label",
|
||
"fill": "$--foreground",
|
||
"content": "List Item",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "ellipse",
|
||
"id": "uQKQ0",
|
||
"name": "Marker",
|
||
"fill": "$--foreground",
|
||
"width": 6,
|
||
"height": 6,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "frame-1764946369123",
|
||
"name": "Item Content Right",
|
||
"clip": true,
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "bPtms",
|
||
"name": "Shortcut",
|
||
"opacity": 0.6000000238418579,
|
||
"fill": "$--foreground",
|
||
"content": "⇧⌘A",
|
||
"lineHeight": 1.3333333333333333,
|
||
"textAlign": "right",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 12,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "k87ed",
|
||
"name": "Trailing Icon",
|
||
"width": 16,
|
||
"height": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0.6666666865348816
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "AaO0s",
|
||
"x": 6,
|
||
"y": 4,
|
||
"name": "Vector",
|
||
"geometry": "M0 12l6-6-6-6",
|
||
"width": 4.000000476837158,
|
||
"height": 8,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "Nb9Jh",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "5RtqD",
|
||
"x": 1000,
|
||
"y": 511,
|
||
"name": "List Item/Unchecked",
|
||
"descendants": {
|
||
"zOPtn": {
|
||
"type": "frame",
|
||
"id": "frame-1764946565118",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "icon-placeholder",
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"layout": "none"
|
||
},
|
||
"frame-1764946369123": {
|
||
"enabled": true
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "IAQUJ",
|
||
"x": 1000,
|
||
"y": 368,
|
||
"name": "List Item Title",
|
||
"reusable": true,
|
||
"width": 240,
|
||
"cornerRadius": 2,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
8,
|
||
6,
|
||
8,
|
||
32
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "uWdo0",
|
||
"name": "Label",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "List Title",
|
||
"lineHeight": 1.3333333333333333,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 12,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "ZIXiw",
|
||
"x": 1000,
|
||
"y": 320,
|
||
"name": "List Divider",
|
||
"reusable": true,
|
||
"width": 240,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
4,
|
||
0
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "line",
|
||
"id": "3L1Cx",
|
||
"name": "Line",
|
||
"width": "fill_container",
|
||
"height": 0,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cH4wO",
|
||
"x": 1000,
|
||
"y": 200,
|
||
"name": "Dropdown",
|
||
"reusable": true,
|
||
"slot": [
|
||
"ZIXiw",
|
||
"IAQUJ",
|
||
"5RtqD",
|
||
"Nb9Jh",
|
||
"Zksub",
|
||
"T5yK2"
|
||
],
|
||
"clip": true,
|
||
"width": 240,
|
||
"height": 80,
|
||
"fill": "$--popover",
|
||
"cornerRadius": "$--radius-m",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000f",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 2
|
||
},
|
||
"blur": 3.5,
|
||
"spread": -1
|
||
},
|
||
"layout": "vertical",
|
||
"alignItems": "center"
|
||
},
|
||
{
|
||
"id": "oiT6B",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "QFzE8",
|
||
"x": 4187,
|
||
"y": 1550,
|
||
"name": "Textarea/Default",
|
||
"descendants": {
|
||
"nQmmR": {
|
||
"enabled": false
|
||
},
|
||
"7Mypd": {
|
||
"x": 0,
|
||
"y": 0
|
||
},
|
||
"b2pCk": {
|
||
"fill": "$--muted-foreground",
|
||
"content": "Write your novel..."
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "nvIIa",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "QFzE8",
|
||
"x": 4187,
|
||
"y": 1670,
|
||
"name": "Textarea/Filled",
|
||
"descendants": {
|
||
"nQmmR": {
|
||
"enabled": false
|
||
},
|
||
"7Mypd": {
|
||
"x": 0,
|
||
"y": 0
|
||
},
|
||
"b2pCk": {
|
||
"content": "Once upon a time..."
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "KbyBJ",
|
||
"x": 3510,
|
||
"y": 2194,
|
||
"name": "Tab Item/Active",
|
||
"reusable": true,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000f",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 3.5,
|
||
"spread": -1
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
6,
|
||
12
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "248ys",
|
||
"name": "Label Selected",
|
||
"fill": "$--foreground",
|
||
"content": "Tab Item",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "BdBJJ",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "KbyBJ",
|
||
"x": 3510,
|
||
"y": 2246,
|
||
"name": "Tab Item/Inactive",
|
||
"fill": [],
|
||
"effect": [],
|
||
"descendants": {
|
||
"248ys": {
|
||
"fill": "$--muted-foreground"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Kbr4h",
|
||
"x": 3510,
|
||
"y": 2298,
|
||
"name": "Tabs",
|
||
"reusable": true,
|
||
"slot": [
|
||
"KbyBJ",
|
||
"BdBJJ"
|
||
],
|
||
"clip": true,
|
||
"width": 93,
|
||
"height": 40,
|
||
"fill": "$--secondary",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"padding": 4,
|
||
"justifyContent": "center",
|
||
"alignItems": "center"
|
||
},
|
||
{
|
||
"id": "Hygdd",
|
||
"type": "ref",
|
||
"ref": "Kbr4h",
|
||
"x": 3510,
|
||
"y": 2378,
|
||
"name": "Tabs",
|
||
"width": "fit_content",
|
||
"height": 40,
|
||
"flipX": false,
|
||
"flipY": false,
|
||
"children": [
|
||
{
|
||
"id": "bBzsK",
|
||
"type": "ref",
|
||
"ref": "KbyBJ",
|
||
"x": 4,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"x": 12,
|
||
"y": 6,
|
||
"content": "Integrations"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "GvdF4",
|
||
"type": "ref",
|
||
"ref": "BdBJJ",
|
||
"x": 116,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"content": "Billing"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "CEFDt",
|
||
"type": "ref",
|
||
"ref": "BdBJJ",
|
||
"x": 189,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"content": "Profile"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "3M9BF",
|
||
"type": "ref",
|
||
"ref": "BdBJJ",
|
||
"x": 264,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"content": "Advanced"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "yoahP",
|
||
"x": 2200,
|
||
"y": 1296,
|
||
"name": "Radio Description/Default",
|
||
"reusable": true,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rk8rD",
|
||
"name": "radio-base",
|
||
"width": 16,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"id": "mhIeP",
|
||
"type": "ref",
|
||
"ref": "u61z6",
|
||
"x": 0,
|
||
"y": 4,
|
||
"name": "Radio/Default",
|
||
"fill": "$--background",
|
||
"descendants": {
|
||
"mB2s3": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "B3rtw",
|
||
"name": "Text and supporting text",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "OaRwi",
|
||
"name": "Label Text",
|
||
"fill": "$--foreground",
|
||
"content": "Pathfinder Neo",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "viVIQ",
|
||
"name": "Supporting text",
|
||
"fill": "$--muted-foreground",
|
||
"content": "Compact rover optimized for short-range missions.",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "u61z6",
|
||
"x": 2200,
|
||
"y": 1144,
|
||
"name": "Radio/Selected",
|
||
"reusable": true,
|
||
"clip": true,
|
||
"width": 16,
|
||
"height": 16,
|
||
"fill": "$--foreground",
|
||
"cornerRadius": 8,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--foreground"
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "ellipse",
|
||
"id": "mB2s3",
|
||
"x": 6,
|
||
"y": 6,
|
||
"name": "dot",
|
||
"fill": "$--background",
|
||
"width": 4,
|
||
"height": 4,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "Ao9E1",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "u61z6",
|
||
"x": 2200,
|
||
"y": 1200,
|
||
"name": "Radio/Default",
|
||
"fill": "$--background",
|
||
"descendants": {
|
||
"mB2s3": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "20Ebu",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "yoahP",
|
||
"x": 2200,
|
||
"y": 1390,
|
||
"name": "Radio Description/Selected",
|
||
"descendants": {
|
||
"mhIeP": {
|
||
"id": "DHHYV",
|
||
"type": "ref",
|
||
"ref": "u61z6",
|
||
"x": 0,
|
||
"y": 4
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "t3kqz",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "yoahP",
|
||
"x": 2200,
|
||
"y": 1522,
|
||
"name": "Radio/Default",
|
||
"descendants": {
|
||
"viVIQ": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "hMm4B",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "yoahP",
|
||
"x": 2200,
|
||
"y": 1586,
|
||
"name": "Radio/Selected",
|
||
"descendants": {
|
||
"mhIeP": {
|
||
"id": "Z7y8W",
|
||
"type": "ref",
|
||
"ref": "u61z6",
|
||
"x": 0,
|
||
"y": 4
|
||
},
|
||
"viVIQ": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "wk1O8",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "zdFKu",
|
||
"x": 2200,
|
||
"y": 1805,
|
||
"name": "Switch/Default",
|
||
"descendants": {
|
||
"24hPt": {
|
||
"justifyContent": "start",
|
||
"alignItems": "center",
|
||
"fill": "$--background",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
}
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "d5ZTS",
|
||
"x": 2993,
|
||
"y": 240,
|
||
"name": "Sidebar",
|
||
"reusable": true,
|
||
"width": 280,
|
||
"height": "fill_container(640)",
|
||
"fill": "$--sidebar",
|
||
"stroke": {
|
||
"align": "outside",
|
||
"thickness": {
|
||
"right": 1
|
||
},
|
||
"fill": "$--sidebar-border"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 24,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "G3EQQ",
|
||
"name": "Sidebar Header",
|
||
"width": "fill_container",
|
||
"height": 88,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
},
|
||
"fill": "$--sidebar-border"
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 8,
|
||
"padding": [
|
||
24,
|
||
32
|
||
],
|
||
"justifyContent": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "nmO34",
|
||
"name": "Sidebar Logo",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "FY0oG",
|
||
"name": "Subtract",
|
||
"geometry": "M16 0c8.83656 0 16 7.16344 16 16 0 8.83656-7.16344 16-16 16-8.83656 0-16-7.16344-16-16 0-8.83656 7.16344-16 16-16z m1.86035 8.71777c-0.66585-1.68829-3.05485-1.68829-3.7207 0l-1.21485 3.08008c-0.20329 0.51544-0.61151 0.92366-1.12695 1.12695l-3.08008 1.21485c-1.68829 0.66585-1.68829 3.05485 0 3.7207l3.08008 1.21485c0.51544 0.20329 0.92366 0.61151 1.12695 1.12695l1.21485 3.08008c0.66585 1.68829 3.05485 1.68829 3.7207 0l1.21485-3.08008c0.20329-0.51544 0.61151-0.92366 1.12695-1.12695l3.08008-1.21485c1.68829-0.66585 1.68829-3.05485 0-3.7207l-3.08008-1.21485c-0.51544-0.20329-0.92366-0.61151-1.12695-1.12695l-1.21485-3.08008z",
|
||
"fill": "$--primary",
|
||
"width": 32,
|
||
"height": 32
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "MIpaj",
|
||
"name": "LUNARIS",
|
||
"fill": "$--primary",
|
||
"content": "LUNARIS",
|
||
"lineHeight": 1,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 18,
|
||
"fontWeight": "700"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "NvL81",
|
||
"name": "Sidebar Content",
|
||
"slot": [
|
||
"h12kK",
|
||
"dOLzc",
|
||
"X6nwq"
|
||
],
|
||
"width": "fill_container",
|
||
"height": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"padding": [
|
||
0,
|
||
16
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "3F5am",
|
||
"name": "Sidebar Footer",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
24,
|
||
32
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "rT0dx",
|
||
"name": "Profile",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "uiUgV",
|
||
"name": "Name",
|
||
"fill": "$--sidebar-accent-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Joe Doe",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "eUcmA",
|
||
"name": "Email",
|
||
"fill": "$--sidebar-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "joe@acmecorp.com",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "icon_font",
|
||
"id": "UlKF0",
|
||
"width": 24,
|
||
"height": 24,
|
||
"iconFontName": "keyboard_arrow_down",
|
||
"iconFontFamily": "Material Symbols Sharp",
|
||
"weight": 100,
|
||
"fill": "$--sidebar-foreground"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "h12kK",
|
||
"x": 3313,
|
||
"y": 240,
|
||
"name": "Sidebar Section Title",
|
||
"reusable": true,
|
||
"width": 248,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"padding": 16,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "b8JIN",
|
||
"name": "Management",
|
||
"fill": "$--sidebar-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Title",
|
||
"lineHeight": 1.1428571428571428,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "dOLzc",
|
||
"x": 3313,
|
||
"y": 328,
|
||
"name": "Sidebar Item/Active",
|
||
"reusable": true,
|
||
"width": 248,
|
||
"fill": "$--sidebar-accent",
|
||
"cornerRadius": 100,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 16,
|
||
"padding": [
|
||
12,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "icon_font",
|
||
"id": "xGT5g",
|
||
"width": 24,
|
||
"height": 24,
|
||
"iconFontName": "dashboard",
|
||
"iconFontFamily": "Material Symbols Sharp",
|
||
"weight": 100,
|
||
"fill": "$--sidebar-accent-foreground"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "TXca3",
|
||
"name": "Item Title",
|
||
"fill": "$--sidebar-accent-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Item",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "X6nwq",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "dOLzc",
|
||
"x": 3313,
|
||
"y": 416,
|
||
"width": 248,
|
||
"height": "fit_content",
|
||
"flipX": false,
|
||
"flipY": false,
|
||
"name": "Sidebar Item/Default",
|
||
"fill": [],
|
||
"descendants": {
|
||
"xGT5g": {
|
||
"fill": "$--sidebar-foreground"
|
||
},
|
||
"TXca3": {
|
||
"fill": "$--sidebar-foreground"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "oT0d2",
|
||
"x": 3789,
|
||
"y": 256.211644890092,
|
||
"name": "Pagination Item/Active",
|
||
"reusable": true,
|
||
"width": 40,
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000f",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 3.5,
|
||
"spread": -1
|
||
},
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "y7IIq",
|
||
"name": "1",
|
||
"fill": "$--foreground",
|
||
"content": "1",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "Doslm",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "oT0d2",
|
||
"x": 3869,
|
||
"y": 256.211644890092,
|
||
"name": "Pagination Item/Default",
|
||
"fill": [],
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"effect": []
|
||
},
|
||
{
|
||
"id": "Irk3I",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "oT0d2",
|
||
"x": 3948.7883551099067,
|
||
"y": 256.42555354195747,
|
||
"name": "Pagination Item/Ellipsis",
|
||
"fill": [],
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"effect": [],
|
||
"rotation": 0.6095720472010598,
|
||
"descendants": {
|
||
"y7IIq": {
|
||
"type": "frame",
|
||
"id": "PkGub",
|
||
"name": "dots",
|
||
"width": 24,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "SsCKU",
|
||
"x": 16,
|
||
"y": 11.75,
|
||
"name": "Vector",
|
||
"geometry": "M0 1.41421l0-1.41421",
|
||
"width": 0,
|
||
"height": 0.5,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "WoLlm",
|
||
"x": 12,
|
||
"y": 11.75,
|
||
"name": "Vector",
|
||
"geometry": "M0 1.41421l0-1.41421",
|
||
"width": 0,
|
||
"height": 0.5,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "IXSc4",
|
||
"x": 8,
|
||
"y": 11.75,
|
||
"name": "Vector",
|
||
"geometry": "M0 1.41421l0-1.41421",
|
||
"width": 0,
|
||
"height": 0.5,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "cYAuh",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ERkuB",
|
||
"x": 200,
|
||
"y": 1160,
|
||
"name": "Dialog",
|
||
"fill": "$--background",
|
||
"width": 480,
|
||
"descendants": {
|
||
"4zoFt": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "XZp33",
|
||
"name": "Alert Dialog Header",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "cCHwa",
|
||
"name": "Dialog Title",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Add a title here",
|
||
"lineHeight": 1.5555555555555556,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 18,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "SGCXJ",
|
||
"name": "Dialog Description",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "And add a detailed description here.",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"QMHOm": {
|
||
"enabled": false
|
||
},
|
||
"tiojM": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"id": "mcObo",
|
||
"type": "ref",
|
||
"ref": "ZETEA",
|
||
"x": 24,
|
||
"y": 24,
|
||
"descendants": {
|
||
"mRGd3": {
|
||
"enabled": false
|
||
},
|
||
"q5Hn5": {
|
||
"content": "Continue"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "vp59U",
|
||
"type": "ref",
|
||
"ref": "4x7RU",
|
||
"x": 132,
|
||
"y": 24,
|
||
"descendants": {
|
||
"r97g1": {
|
||
"enabled": false
|
||
},
|
||
"7ZVG7": {
|
||
"content": "Cancel",
|
||
"x": 16,
|
||
"y": 10
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "izigX",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ERkuB",
|
||
"x": 2200,
|
||
"y": 200,
|
||
"name": "Modal/Left",
|
||
"width": 400,
|
||
"descendants": {
|
||
"4zoFt": {
|
||
"height": "fit_content",
|
||
"gap": 4,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Y9Tug",
|
||
"name": "Card Title",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Modal Title",
|
||
"lineHeight": 1.4,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 20,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ffmEf",
|
||
"name": "Modal Subtitle",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Modal Subtitle",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
"QMHOm": {
|
||
"children": []
|
||
},
|
||
"tiojM": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "3cNo9",
|
||
"name": "Actions",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 12,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"id": "Qho76",
|
||
"type": "ref",
|
||
"ref": "ZETEA",
|
||
"x": 0,
|
||
"y": 0,
|
||
"width": "fill_container",
|
||
"descendants": {
|
||
"mRGd3": {
|
||
"enabled": false
|
||
},
|
||
"q5Hn5": {
|
||
"content": "Action"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "rniy5",
|
||
"type": "ref",
|
||
"ref": "U83R7",
|
||
"x": 182,
|
||
"y": 0,
|
||
"width": "fill_container",
|
||
"descendants": {
|
||
"mM3qB": {
|
||
"enabled": false
|
||
},
|
||
"M4KCH": {
|
||
"content": "Action"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "5JUG0",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ERkuB",
|
||
"x": 2200,
|
||
"y": 496,
|
||
"name": "Modal/Center",
|
||
"width": 400,
|
||
"descendants": {
|
||
"4zoFt": {
|
||
"gap": 4,
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "MhbR9",
|
||
"name": "Card Title",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Modal Title",
|
||
"lineHeight": 1.4,
|
||
"textAlign": "center",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 20,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "1nHxd",
|
||
"name": "Modal Subtitle",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Modal Subtitle",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlign": "center",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
"QMHOm": {
|
||
"children": []
|
||
},
|
||
"tiojM": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "KNlsV",
|
||
"name": "Actions",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 12,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"id": "jRbmo",
|
||
"type": "ref",
|
||
"ref": "ZETEA",
|
||
"x": 0,
|
||
"y": 0,
|
||
"width": "fill_container",
|
||
"descendants": {
|
||
"mRGd3": {
|
||
"enabled": false
|
||
},
|
||
"q5Hn5": {
|
||
"content": "Action"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "loFcC",
|
||
"type": "ref",
|
||
"ref": "U83R7",
|
||
"x": 182,
|
||
"y": 0,
|
||
"width": "fill_container",
|
||
"descendants": {
|
||
"mM3qB": {
|
||
"enabled": false
|
||
},
|
||
"M4KCH": {
|
||
"content": "Action"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "DBtsv",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ERkuB",
|
||
"x": 2200,
|
||
"y": 792,
|
||
"name": "Modal/Center Icon",
|
||
"width": 400,
|
||
"descendants": {
|
||
"4zoFt": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "j3YeB",
|
||
"name": "Icon",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "NA5nA",
|
||
"name": "Icon Base",
|
||
"width": 48,
|
||
"height": 48,
|
||
"fill": "$--color-warning",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 10,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "YkAAz",
|
||
"name": "icon-24/alert-triangle",
|
||
"clip": true,
|
||
"width": 24,
|
||
"height": 24,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "ou0AU",
|
||
"x": 1.5517578125,
|
||
"y": 1.897247314453125,
|
||
"name": "Icon",
|
||
"geometry": "M8.73802 0.96274l-8.47 14.14c-0.17463 0.30242-0.26703 0.6453-0.26801 0.99452-0.00098 0.34922 0.0895 0.69261 0.26244 0.99601 0.17294 0.3034 0.4223 0.55622 0.72328 0.73333 0.30098 0.1771 0.64309 0.27231 0.99229 0.27614l16.94 0c0.3492-0.00384 0.69131-0.09905 0.99229-0.27614 0.30098-0.1771 0.55035-0.42993 0.72328-0.73333 0.17293-0.3034 0.26342-0.64678 0.26244-0.99601-0.00098-0.34922-0.09338-0.6921-0.26801-0.99452l-8.47-14.14c-0.17827-0.29389-0.42928-0.53688-0.72881-0.70551-0.29953-0.16864-0.63746-0.25723-0.98119-0.25723-0.34374 0-0.68167 0.08859-0.9812 0.25723-0.29953 0.16864-0.55053 0.41162-0.7288 0.70551z",
|
||
"width": 20.896038055419922,
|
||
"height": 18.102745056152344,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 2,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--color-warning-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "kpACM",
|
||
"x": 11.999755859375,
|
||
"y": 8,
|
||
"name": "Icon",
|
||
"geometry": "M0 0l0 4",
|
||
"width": 0,
|
||
"height": 4,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 2,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--color-warning-foreground"
|
||
}
|
||
},
|
||
{
|
||
"type": "path",
|
||
"id": "PbBFZ",
|
||
"x": 11.999755859375,
|
||
"y": 16,
|
||
"name": "Icon",
|
||
"geometry": "M0 0l0.01 0",
|
||
"width": 0.010000228881835938,
|
||
"height": 0,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 2,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--color-warning-foreground"
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
"QMHOm": {
|
||
"children": []
|
||
},
|
||
"tiojM": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "9BkTI",
|
||
"name": "Actions",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 12,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"id": "lDPDm",
|
||
"type": "ref",
|
||
"ref": "ZETEA",
|
||
"x": 0,
|
||
"y": 0,
|
||
"width": "fill_container",
|
||
"descendants": {
|
||
"mRGd3": {
|
||
"enabled": false
|
||
},
|
||
"q5Hn5": {
|
||
"content": "Action"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "uGlQP",
|
||
"type": "ref",
|
||
"ref": "U83R7",
|
||
"x": 182,
|
||
"y": 0,
|
||
"width": "fill_container",
|
||
"descendants": {
|
||
"mM3qB": {
|
||
"enabled": false
|
||
},
|
||
"M4KCH": {
|
||
"content": "Action"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "ksvfk",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ERkuB",
|
||
"x": 3365,
|
||
"y": 1013,
|
||
"fill": "$--background",
|
||
"width": 336,
|
||
"height": "fit_content",
|
||
"clip": true,
|
||
"flipX": false,
|
||
"flipY": false,
|
||
"textGrowth": "auto",
|
||
"name": "Card Image",
|
||
"descendants": {
|
||
"4zoFt": {
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
},
|
||
"fill": "$--border"
|
||
},
|
||
"height": "fit_content",
|
||
"padding": 0,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "bt0T5",
|
||
"name": "image-placeholder",
|
||
"width": "fill_container",
|
||
"height": 160,
|
||
"fill": "$--background",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
},
|
||
"fill": "$--border"
|
||
},
|
||
"layout": "none"
|
||
}
|
||
]
|
||
},
|
||
"QMHOm": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "fRodj",
|
||
"name": "title",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Aurora Scout",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 24,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "xS5p5",
|
||
"name": "title",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "SKU: LS-2029",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
"tiojM": {
|
||
"enabled": true,
|
||
"height": "fit_content",
|
||
"justifyContent": "space_between",
|
||
"alignItems": "start",
|
||
"children": [
|
||
{
|
||
"id": "xkhid",
|
||
"type": "ref",
|
||
"ref": "U83R7",
|
||
"x": 24,
|
||
"y": 24,
|
||
"descendants": {
|
||
"M4KCH": {
|
||
"content": "Request"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "UKsrb",
|
||
"type": "ref",
|
||
"ref": "L8Rgv",
|
||
"x": 245,
|
||
"y": 24,
|
||
"descendants": {
|
||
"glumS": {
|
||
"content": "$45.00"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "wg5F3",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ERkuB",
|
||
"x": 2987,
|
||
"y": 1013,
|
||
"fill": "$--background",
|
||
"width": 336,
|
||
"height": 280,
|
||
"name": "Card Action",
|
||
"descendants": {
|
||
"4zoFt": {
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
},
|
||
"fill": "$--border"
|
||
},
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "taBHi",
|
||
"name": "title",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Navigation AI v2.3",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
"QMHOm": {
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "X5RNH",
|
||
"name": "title",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Enhanced obstacle detection and smoother route planning for rocky terrains.",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
"tiojM": {
|
||
"enabled": true,
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"id": "NrOAf",
|
||
"type": "ref",
|
||
"ref": "ZETEA",
|
||
"x": 24,
|
||
"y": 24,
|
||
"descendants": {
|
||
"q5Hn5": {
|
||
"content": "Install"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "eBwLd",
|
||
"type": "ref",
|
||
"reusable": true,
|
||
"ref": "ERkuB",
|
||
"x": 2987,
|
||
"y": 1334,
|
||
"fill": "$--background",
|
||
"width": 336,
|
||
"height": "fit_content",
|
||
"name": "Card Plain",
|
||
"descendants": {
|
||
"4zoFt": {
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
},
|
||
"fill": "$--border"
|
||
},
|
||
"height": "fit_content",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "zdeXA",
|
||
"name": "title",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Active Rovers",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 16,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
"QMHOm": {
|
||
"height": "fit_content",
|
||
"justifyContent": "center",
|
||
"alignItems": "start",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "HjgHV",
|
||
"name": "title",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "1,280",
|
||
"lineHeight": 1.5,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 32,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"id": "hacc9",
|
||
"type": "ref",
|
||
"ref": "7KC5U",
|
||
"x": 24,
|
||
"y": 80,
|
||
"descendants": {
|
||
"AWwyf": {
|
||
"content": "-12%"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"tiojM": {
|
||
"enabled": false,
|
||
"height": 88,
|
||
"children": []
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "j9N2Y",
|
||
"x": 1000,
|
||
"y": 2134,
|
||
"name": "Data Table Footer",
|
||
"reusable": true,
|
||
"width": "fill_container(1024)",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 16,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "UmgWD",
|
||
"name": "0 of 5 row(s) selected.",
|
||
"fill": "$--muted-foreground",
|
||
"content": "Showing 10 records",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"id": "U9lxU",
|
||
"type": "ref",
|
||
"ref": "9PVw5",
|
||
"x": 802,
|
||
"y": 0,
|
||
"width": "fit_content",
|
||
"descendants": {
|
||
"IXD5J": {
|
||
"width": 40,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"height": 40
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "yLiVX",
|
||
"x": 1000,
|
||
"y": 1726,
|
||
"name": "Data Table",
|
||
"reusable": true,
|
||
"clip": true,
|
||
"width": "fill_container(1024)",
|
||
"layout": "vertical",
|
||
"gap": 16,
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "GILr0",
|
||
"name": "Data Table Header",
|
||
"width": "fill_container",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 16,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "D2Ukn",
|
||
"name": "Inpu/Default",
|
||
"width": 274,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 6,
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "LIuaX",
|
||
"name": "Label Text",
|
||
"enabled": false,
|
||
"width": "fill_container",
|
||
"fill": {
|
||
"type": "color",
|
||
"color": "$--white",
|
||
"enabled": false
|
||
},
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 8,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "7n2AL",
|
||
"name": "Label Text",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Label Text",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "Pk2Th",
|
||
"name": "Input",
|
||
"width": "fill_container",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--input"
|
||
},
|
||
"gap": 8,
|
||
"padding": [
|
||
8,
|
||
16
|
||
],
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ujsbK",
|
||
"name": "Input Value",
|
||
"fill": "$--muted-foreground",
|
||
"content": "Search…",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "MGKE6",
|
||
"name": "Button/Outline",
|
||
"height": 40,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-pill",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"effect": {
|
||
"type": "shadow",
|
||
"shadowType": "outer",
|
||
"color": "#0000000d",
|
||
"offset": {
|
||
"x": 0,
|
||
"y": 1
|
||
},
|
||
"blur": 1.75
|
||
},
|
||
"gap": 6,
|
||
"padding": [
|
||
10,
|
||
16
|
||
],
|
||
"justifyContent": "center",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "frame",
|
||
"id": "j0Mcz",
|
||
"name": "plus",
|
||
"width": 20,
|
||
"height": 20,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "YWglf",
|
||
"x": 5,
|
||
"y": 5,
|
||
"name": "Vector",
|
||
"geometry": "M7.07104 3.53555l-3.53552 0-3.53552 0m3.53552-3.53555l0 3.53555 0 3.53549",
|
||
"width": 10,
|
||
"height": 10,
|
||
"stroke": {
|
||
"align": "center",
|
||
"thickness": 1.5,
|
||
"join": "round",
|
||
"cap": "round",
|
||
"fill": "$--foreground"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "nJH86",
|
||
"name": "Button",
|
||
"fill": "$--foreground",
|
||
"content": "Button",
|
||
"lineHeight": 1.4285714285714286,
|
||
"textAlign": "center",
|
||
"textAlignVertical": "middle",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "500"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "iC3n0",
|
||
"name": "Data Table Content",
|
||
"slot": [
|
||
"T73Cd"
|
||
],
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": "fit_content(260)",
|
||
"layout": "vertical",
|
||
"justifyContent": "center",
|
||
"alignItems": "center"
|
||
},
|
||
{
|
||
"id": "xrcIc",
|
||
"type": "ref",
|
||
"ref": "j9N2Y",
|
||
"x": 0,
|
||
"y": 332
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "pPOgy",
|
||
"x": 1000,
|
||
"y": 867,
|
||
"name": "Table",
|
||
"reusable": true,
|
||
"slot": [
|
||
"T73Cd"
|
||
],
|
||
"width": "fill_container(1024)",
|
||
"height": 300,
|
||
"fill": "$--background",
|
||
"cornerRadius": "$--radius-none",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1,
|
||
"fill": "$--border"
|
||
},
|
||
"layout": "vertical",
|
||
"alignItems": "center"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "T73Cd",
|
||
"x": 1000,
|
||
"y": 1200,
|
||
"name": "Table Row",
|
||
"reusable": true,
|
||
"slot": [
|
||
"uKYIj",
|
||
"tbrR4"
|
||
],
|
||
"width": "fill_container(1024)",
|
||
"height": "fit_content(44)",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
},
|
||
"fill": "$--border"
|
||
},
|
||
"alignItems": "center"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "uKYIj",
|
||
"x": 1000,
|
||
"y": 1274,
|
||
"name": "Table Cell",
|
||
"reusable": true,
|
||
"slot": [],
|
||
"width": "fill_container(293)",
|
||
"height": "fit_content(44)",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"right": 1
|
||
}
|
||
},
|
||
"gap": 8,
|
||
"padding": 12,
|
||
"alignItems": "center"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "VnGc5",
|
||
"x": 1000,
|
||
"y": 1644,
|
||
"name": "Data Table Header",
|
||
"reusable": true,
|
||
"width": "fill_container(1024)",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"gap": 16,
|
||
"justifyContent": "space_between",
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"id": "ZGNYc",
|
||
"type": "ref",
|
||
"ref": "gKpi4",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "Inpu/Default",
|
||
"width": 274,
|
||
"descendants": {
|
||
"KbqaX": {
|
||
"enabled": false
|
||
},
|
||
"FU4Re": {
|
||
"content": "Search…"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "7jFra",
|
||
"type": "ref",
|
||
"ref": "4x7RU",
|
||
"x": 915,
|
||
"y": 0,
|
||
"descendants": {
|
||
"7ZVG7": {
|
||
"content": "Button"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tbrR4",
|
||
"x": 993,
|
||
"y": 1366,
|
||
"name": "Table Column Header",
|
||
"reusable": true,
|
||
"width": "fill_container(293)",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": {
|
||
"bottom": 1
|
||
}
|
||
},
|
||
"gap": 8,
|
||
"padding": 12,
|
||
"alignItems": "center",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "XGc4z",
|
||
"name": "Label",
|
||
"fill": "$--muted-foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container",
|
||
"content": "Name",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ihlEg",
|
||
"x": 1000,
|
||
"y": 732,
|
||
"name": "Text Label",
|
||
"fill": "$--foreground",
|
||
"textGrowth": "fixed-width",
|
||
"width": "fill_container(150)",
|
||
"content": "Text Label",
|
||
"lineHeight": 1.4285714285714286,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"id": "PHDgS",
|
||
"type": "ref",
|
||
"ref": "ERkuB",
|
||
"x": 2874,
|
||
"y": 2196,
|
||
"name": "Card Simple",
|
||
"descendants": {
|
||
"tiojM": {
|
||
"enabled": false
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "MUz5r",
|
||
"x": 283,
|
||
"y": -2871,
|
||
"name": "Start here",
|
||
"fill": "#ff8303ff",
|
||
"content": "Start Here",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Funnel Display",
|
||
"fontSize": 320,
|
||
"fontWeight": "500",
|
||
"letterSpacing": -4
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "ifWF1",
|
||
"x": 1.1368683772161603e-13,
|
||
"y": -2216,
|
||
"name": "Step 2",
|
||
"fill": "#ff8303ff",
|
||
"textGrowth": "fixed-width",
|
||
"width": 845,
|
||
"content": "Step 1: Basics",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Funnel Display",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "prompt",
|
||
"id": "2wZ9Y",
|
||
"x": 1909,
|
||
"y": -1990,
|
||
"model": "cursor-composer",
|
||
"width": 582,
|
||
"height": 219,
|
||
"content": "Add 3 more rows to the Step 2 Frame with some funny rover names."
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tTKjr",
|
||
"x": 1909,
|
||
"y": -2216,
|
||
"name": "Step 3",
|
||
"fill": "#ff8303ff",
|
||
"content": "Step 2: Vibe design",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Funnel Display",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "prompt",
|
||
"id": "zHxSZ",
|
||
"x": 1.1368683772161603e-13,
|
||
"y": -1990,
|
||
"model": "cursor-composer",
|
||
"width": 361,
|
||
"height": 219,
|
||
"content": "Turn the \"Step 1 Frame\" into dark mode."
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "tU9Hf",
|
||
"x": 382,
|
||
"y": -1870,
|
||
"name": "Step 2",
|
||
"fill": "#959595ff",
|
||
"content": "← Click \"Run\" here",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "mHHN1",
|
||
"x": 2513,
|
||
"y": -1869,
|
||
"name": "Step 2",
|
||
"fill": "#ff8303ff",
|
||
"content": "←",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CzlXB",
|
||
"x": 3747,
|
||
"y": -1531,
|
||
"name": "Step 3 Frame",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
},
|
||
"clip": true,
|
||
"width": 1440,
|
||
"height": 900,
|
||
"fill": "$--background"
|
||
},
|
||
{
|
||
"type": "prompt",
|
||
"id": "fS3BI",
|
||
"x": 3747,
|
||
"y": -1990,
|
||
"model": "cursor-composer",
|
||
"width": 1005,
|
||
"height": 219,
|
||
"content": "Design a dashboard in the \"Step 3 Frame\" for a rover management platform using the components\n- add a sidebar for navigation\n- add rover stats and table with available rovers for rent in the content body"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "5jTfc",
|
||
"x": 3747,
|
||
"y": -2216,
|
||
"name": "Step 4",
|
||
"fill": "#ff8303ff",
|
||
"content": "Step 3: Pencil it out!",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Funnel Display",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "prompt",
|
||
"id": "e51uh",
|
||
"x": 5668,
|
||
"y": -1990,
|
||
"model": "claude-4.5-sonnet",
|
||
"width": 1005,
|
||
"height": 229,
|
||
"content": "Setup and create a NextJS project with all necessary configuration files\n- use React, Typescript and Tailwind CSS v4\n- replicate \"Step 3 Frame\" design in the code"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "4csXI",
|
||
"x": 5668,
|
||
"y": -2216,
|
||
"name": "Step 5",
|
||
"fill": "#ff8303ff",
|
||
"content": "Final Step: Generate React code",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Funnel Display",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "cOnQP",
|
||
"x": 0,
|
||
"y": -1565,
|
||
"name": "Step 1 Frame",
|
||
"theme": {
|
||
"Mode": "Light"
|
||
},
|
||
"clip": true,
|
||
"width": 1440,
|
||
"height": 900,
|
||
"fill": "$--background",
|
||
"children": [
|
||
{
|
||
"id": "Ko6AF",
|
||
"type": "ref",
|
||
"ref": "d5ZTS",
|
||
"x": 0,
|
||
"y": 0,
|
||
"descendants": {
|
||
"NvL81": {
|
||
"children": [
|
||
{
|
||
"id": "eGOU8",
|
||
"type": "ref",
|
||
"ref": "h12kK"
|
||
},
|
||
{
|
||
"id": "Ct09n",
|
||
"type": "ref",
|
||
"ref": "dOLzc"
|
||
},
|
||
{
|
||
"id": "oUCen",
|
||
"type": "ref",
|
||
"ref": "X6nwq"
|
||
},
|
||
{
|
||
"id": "NMbml",
|
||
"type": "ref",
|
||
"ref": "X6nwq"
|
||
},
|
||
{
|
||
"id": "2u0Td",
|
||
"type": "ref",
|
||
"ref": "X6nwq"
|
||
}
|
||
]
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "jV147",
|
||
"name": "Content",
|
||
"clip": true,
|
||
"width": "fill_container",
|
||
"height": 900,
|
||
"layout": "vertical",
|
||
"gap": 24,
|
||
"padding": 24,
|
||
"children": [
|
||
{
|
||
"id": "V2SYW",
|
||
"type": "ref",
|
||
"ref": "Kbr4h",
|
||
"x": 24,
|
||
"y": 24,
|
||
"name": "Tabs",
|
||
"width": "fit_content",
|
||
"height": 40,
|
||
"flipX": false,
|
||
"flipY": false,
|
||
"children": [
|
||
{
|
||
"id": "EKcSr",
|
||
"type": "ref",
|
||
"ref": "KbyBJ",
|
||
"x": 4,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"x": 12,
|
||
"y": 6,
|
||
"content": "Integrations"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "faJgQ",
|
||
"type": "ref",
|
||
"ref": "BdBJJ",
|
||
"x": 116,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"content": "Billing"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "B6TiH",
|
||
"type": "ref",
|
||
"ref": "BdBJJ",
|
||
"x": 189,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"content": "Profile"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "dGLeT",
|
||
"type": "ref",
|
||
"ref": "BdBJJ",
|
||
"x": 264,
|
||
"y": 4,
|
||
"descendants": {
|
||
"248ys": {
|
||
"content": "Advanced"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "p1r72",
|
||
"type": "ref",
|
||
"ref": "nIj3a",
|
||
"x": 24,
|
||
"y": 88,
|
||
"width": "fill_container"
|
||
},
|
||
{
|
||
"id": "GqMoS",
|
||
"type": "ref",
|
||
"ref": "yLiVX",
|
||
"x": 24,
|
||
"y": 196,
|
||
"width": "fill_container",
|
||
"descendants": {
|
||
"iC3n0": {
|
||
"children": [
|
||
{
|
||
"id": "VZdSB",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"children": [
|
||
{
|
||
"id": "AG4YD",
|
||
"type": "ref",
|
||
"ref": "tbrR4"
|
||
},
|
||
{
|
||
"id": "GkMsj",
|
||
"type": "ref",
|
||
"ref": "tbrR4"
|
||
},
|
||
{
|
||
"id": "MTOr5",
|
||
"type": "ref",
|
||
"ref": "tbrR4"
|
||
},
|
||
{
|
||
"id": "tapg1",
|
||
"type": "ref",
|
||
"ref": "tbrR4"
|
||
},
|
||
{
|
||
"id": "qIKqw",
|
||
"type": "ref",
|
||
"ref": "tbrR4"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "oLoRH",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"children": [
|
||
{
|
||
"id": "9tiSi",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "a1KTQ",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "QOEGC",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "U1Vgi",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "lOxqV",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "QtacS",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"children": [
|
||
{
|
||
"id": "uqf2F",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "DUztJ",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "fuzdv",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "btWWS",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "FwWTQ",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "vrbkM",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"children": [
|
||
{
|
||
"id": "dXw5w",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "62vsl",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "wW3Ky",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "YU4v3",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "L8MeZ",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "9mwBt",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"children": [
|
||
{
|
||
"id": "gbamQ",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "EPpJM",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "tNRTe",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "1InjP",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
},
|
||
{
|
||
"id": "mhKru",
|
||
"type": "ref",
|
||
"ref": "uKYIj"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "DynJU",
|
||
"x": 5668,
|
||
"y": -1531,
|
||
"name": "fyi",
|
||
"width": 1440,
|
||
"height": 128,
|
||
"fill": "#6b6b6bff",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 24,
|
||
"padding": 40,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "DNjZZ",
|
||
"name": "Connect MCP server",
|
||
"fill": "#ffffffff",
|
||
"content": "You might need to save this file to your workspace/project.",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 36,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "pQr0G",
|
||
"x": 40.000015258789176,
|
||
"y": -508,
|
||
"name": "For best results select Claude Sonnet 4.5 as a model",
|
||
"fill": "fff",
|
||
"content": "FYI: When you run the prompt, you will have to allow the MCP calls.",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 34,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "CyTSW",
|
||
"x": 0.000015258789176186838,
|
||
"y": -548,
|
||
"name": "fyi",
|
||
"width": 1440,
|
||
"height": 128,
|
||
"fill": "#6b6b6bff",
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 1
|
||
},
|
||
"layout": "vertical",
|
||
"gap": 24,
|
||
"padding": 40,
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "LWde7",
|
||
"name": "Connect MCP server",
|
||
"fill": "#ffffffff",
|
||
"content": "You might need to approve the MCP calls.",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 36,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "tlPHu",
|
||
"x": 1909,
|
||
"y": -1565,
|
||
"name": "Step 2 Frame",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
},
|
||
"clip": true,
|
||
"width": 1440,
|
||
"layout": "vertical",
|
||
"children": [
|
||
{
|
||
"id": "XHg17",
|
||
"type": "ref",
|
||
"ref": "pPOgy",
|
||
"width": "fill_container",
|
||
"height": "fit_content",
|
||
"name": "table",
|
||
"children": [
|
||
{
|
||
"id": "RQ8PM",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"width": "fill_container",
|
||
"name": "headerRow",
|
||
"children": [
|
||
{
|
||
"id": "NPyv3",
|
||
"type": "ref",
|
||
"ref": "tbrR4",
|
||
"width": 160,
|
||
"name": "statusHeader",
|
||
"descendants": {
|
||
"XGc4z": {
|
||
"content": "Status"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "9TkWj",
|
||
"type": "ref",
|
||
"ref": "tbrR4",
|
||
"width": 240,
|
||
"name": "nameHeader",
|
||
"descendants": {
|
||
"XGc4z": {
|
||
"content": "Name"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "Iv9hb",
|
||
"type": "ref",
|
||
"ref": "tbrR4",
|
||
"width": "fill_container",
|
||
"name": "descHeader",
|
||
"descendants": {
|
||
"XGc4z": {
|
||
"content": "Description"
|
||
}
|
||
}
|
||
},
|
||
{
|
||
"id": "zJ1us",
|
||
"type": "ref",
|
||
"ref": "tbrR4",
|
||
"width": 240,
|
||
"name": "dateHeader",
|
||
"descendants": {
|
||
"XGc4z": {
|
||
"content": "Return date"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "M873F",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"width": "fill_container",
|
||
"name": "row1",
|
||
"children": [
|
||
{
|
||
"id": "Kk3Ys",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 160,
|
||
"name": "cell1_1",
|
||
"children": [
|
||
{
|
||
"id": "j3zHI",
|
||
"type": "ref",
|
||
"ref": "7KC5U",
|
||
"name": "label1",
|
||
"descendants": {
|
||
"AWwyf": {
|
||
"content": "New"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "ahaRl",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell1_2",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "nfryI",
|
||
"name": "text1_2",
|
||
"fill": "$--foreground",
|
||
"content": "Aurora Scout",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "eVibu",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": "fill_container",
|
||
"name": "cell1_3",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "XZh8s",
|
||
"name": "text1_3",
|
||
"fill": "$--foreground",
|
||
"content": "Lightweight rover ideal for high-speed reconnaissance.",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "KLn3j",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell1_4",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Pl4HM",
|
||
"name": "text1_4",
|
||
"fill": "$--foreground",
|
||
"content": "Sol 543",
|
||
"fontFamily": "$--font-secondary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "isAPY",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"width": "fill_container",
|
||
"name": "row2",
|
||
"children": [
|
||
{
|
||
"id": "h0Kjy",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 160,
|
||
"name": "cell2_1",
|
||
"children": [
|
||
{
|
||
"id": "9vKOM",
|
||
"type": "ref",
|
||
"ref": "L8Rgv",
|
||
"name": "label2",
|
||
"descendants": {
|
||
"glumS": {
|
||
"content": "Active"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "9KrrG",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell2_2",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "OkJXU",
|
||
"name": "text2_2",
|
||
"fill": "$--foreground",
|
||
"content": "Curiosity-X",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "FeOeo",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": "fill_container",
|
||
"name": "cell2_3",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "wZrIk",
|
||
"name": "text2_3",
|
||
"fill": "$--foreground",
|
||
"content": "Reliable all-rounder for exploration and sample collection.",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "S2VcE",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell2_4",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "4i51H",
|
||
"name": "text2_4",
|
||
"fill": "$--foreground",
|
||
"content": "Sol 527",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "RCtI4",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"width": "fill_container",
|
||
"name": "row3",
|
||
"children": [
|
||
{
|
||
"id": "sEsWm",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 160,
|
||
"name": "cell3_1",
|
||
"children": [
|
||
{
|
||
"id": "kF2XZ",
|
||
"type": "ref",
|
||
"ref": "L8Rgv",
|
||
"name": "label3",
|
||
"descendants": {
|
||
"glumS": {
|
||
"content": "Active"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "T2Ej1",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell3_2",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Sk19q",
|
||
"name": "text3_2",
|
||
"fill": "$--foreground",
|
||
"content": "Pathfinder Neo",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "w8nnC",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": "fill_container",
|
||
"name": "cell3_3",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "QTOr3",
|
||
"name": "text3_3",
|
||
"fill": "$--foreground",
|
||
"content": "Compact model for short-range geological missions.",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "Gm45A",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell3_4",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "ORrwr",
|
||
"name": "text3_4",
|
||
"fill": "$--foreground",
|
||
"content": "Sol 519",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "SD5v5",
|
||
"type": "ref",
|
||
"ref": "T73Cd",
|
||
"width": "fill_container",
|
||
"name": "row4",
|
||
"children": [
|
||
{
|
||
"id": "QBNsU",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 160,
|
||
"name": "cell4_1",
|
||
"children": [
|
||
{
|
||
"id": "Nm4Er",
|
||
"type": "ref",
|
||
"ref": "it00G",
|
||
"name": "label4",
|
||
"descendants": {
|
||
"izLyj": {
|
||
"content": "Maintenance"
|
||
}
|
||
}
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "PBllO",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell4_2",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "AJXcm",
|
||
"name": "text4_2",
|
||
"fill": "$--foreground",
|
||
"content": "Spirit-9",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "aStAb",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": "fill_container",
|
||
"name": "cell4_3",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "V8SMQ",
|
||
"name": "text4_3",
|
||
"fill": "$--foreground",
|
||
"content": "Completed mapping of Sector D-12 successfully.",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"id": "5MuoQ",
|
||
"type": "ref",
|
||
"ref": "uKYIj",
|
||
"width": 240,
|
||
"name": "cell4_4",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "Vz5jd",
|
||
"name": "text4_4",
|
||
"fill": "$--foreground",
|
||
"content": "—",
|
||
"fontFamily": "$--font-primary",
|
||
"fontSize": 14,
|
||
"fontWeight": "normal"
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "sbChi",
|
||
"x": 0,
|
||
"y": -35,
|
||
"name": "welcome ↓",
|
||
"clip": true,
|
||
"width": 1578,
|
||
"height": 1733,
|
||
"fill": "#141414ff",
|
||
"cornerRadius": 16,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0.75
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "text",
|
||
"id": "moD8f",
|
||
"x": 60,
|
||
"y": 546,
|
||
"name": "Look around and see what’s possible, or clear the canvas and start creating.",
|
||
"fill": "#ffffffff",
|
||
"textGrowth": "fixed-width",
|
||
"width": 630,
|
||
"content": "Look around and see what’s possible, or clear the canvas and start creating.",
|
||
"lineHeight": 1.4583333333333333,
|
||
"textAlignVertical": "bottom",
|
||
"fontFamily": "Rubik",
|
||
"fontSize": 48,
|
||
"fontWeight": "normal",
|
||
"letterSpacing": -1.44
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "vZvTE",
|
||
"x": 60,
|
||
"y": 60,
|
||
"name": "Welcome to Pencil!",
|
||
"fill": "#ffffffff",
|
||
"textGrowth": "fixed-width",
|
||
"width": 630,
|
||
"content": "Welcome to Pencil!",
|
||
"lineHeight": 1.100000023841858,
|
||
"fontFamily": "Funnel Display",
|
||
"fontSize": 120,
|
||
"fontWeight": "500",
|
||
"letterSpacing": -3.5999999999999996
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "kjpSw",
|
||
"x": 1170,
|
||
"y": 81,
|
||
"name": "logotype",
|
||
"clip": true,
|
||
"width": 325.4095458984375,
|
||
"height": 64,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0.5633822083473206
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "E95mx",
|
||
"x": 0.0004119873046875,
|
||
"y": 0,
|
||
"name": "type",
|
||
"geometry": "M135.58105 30.40039c8.35553 0.00001 15.51127 1.59981 21.4668 4.7998 6.04434 3.19999 10.66626 7.77792 13.86621 13.7334 3.19997 5.95552 4.79979 13.06641 4.79981 21.33301l0 7.4668-60.66602 0c0.88889 5.95543 3.15547 10.48852 6.79981 13.59961 3.64444 3.11111 8.44484 4.66699 14.40039 4.66699 4.71086-0.00005 8.44375-0.80048 11.19922-2.40039 2.75555-1.6 4.71164-4.04412 5.86718-7.33301l22.13282 0c-1.77778 8.53332-6.0882 15.24491-12.93262 20.13379-6.84445 4.8-15.55602 7.19922-26.13379 7.19922-8.62217-0.00002-16.13323-1.68865-22.5332-5.06641-6.39995-3.46665-11.33316-8.31103-14.79981-14.5332-3.46666-6.3111-5.20019-13.73328-5.20019-22.2666 0-8.53327 1.68868-15.86669 5.0664-22 3.37778-6.22222 8.17817-10.97771 14.40039-14.2666 6.3111-3.37775 13.73329-5.06641 22.2666-5.06641z m0.13282 17.46582c-5.42202 0.00007-9.86644 1.28948-13.33301 3.86719-3.37766 2.57773-5.64424 6.35542-6.79981 11.33301l38.9336 0c-0.71114-5.06655-2.66724-8.84416-5.86719-11.33301-3.2-2.57773-7.51143-3.86719-12.93359-3.86719z m194.6875-17.46582c10.57779 0 19.28933 2.66667 26.13379 8 6.84433 5.33332 11.15582 12.66675 12.93359 22l-22.2666 0c-1.15552-3.46651-3.15576-6.13335-6-8-2.84445-1.86667-6.44522-2.80078-10.80078-2.80078-5.95536 0.0001-10.75507 1.95618-14.39942 5.86719-3.55554 3.91111-5.333 9.4221-5.333 16.5332 0 7.11094 1.82156 12.62211 5.46582 16.5332 3.64434 3.91101 8.40014 5.86709 14.2666 5.86719 9.42206 0 15.15567-4.00028 17.20019-12l22.2666 0c-1.60003 9.77741-5.82186 17.4216-12.66601 22.93262-6.84445 5.51111-15.77857 8.2666-26.80078 8.2666-8.35538-0.00006-15.689-1.68869-22-5.06641-6.22202-3.46663-11.11054-8.31115-14.66602-14.5332-3.46667-6.22222-5.20019-13.55556-5.20019-22 0-8.44443 1.73352-15.77778 5.20019-22 3.46665-6.22212 8.35501-11.02264 14.66602-14.40039 6.311-3.4666 13.64462-5.19916 22-5.19922z m-279.06836-26.40039c12.17778 0 21.64484 3.06686 28.40039 9.2002 6.75546 6.13332 10.13281 14.5336 10.13281 25.20019-0.00008 10.57747-3.3775 18.97709-10.13281 25.19922-6.75555 6.13333-16.22261 9.2002-28.40039 9.2002l-28.79981 0 0 39.20019-22.5332 0 0-108 51.33301 0z m-28.79981 49.2002l27.4668-0.00001c5.6 0 9.86647-1.28941 12.7998-3.86718 2.93321-2.66659 4.40031-6.31061 4.40039-10.93262 0-4.71111-1.46706-8.35581-4.40038-10.93359-2.93333-2.57775-7.19983-3.86719-12.79981-3.86719l-27.4668 0 0 29.60058z m218.47168-22.667c11.11107 0 19.68897 3.06692 25.7334 9.2002 6.13333 6.04444 9.2002 14.17817 9.2002 24.40039l0 47.86621-22.13282 0 0-43.7334c-0.00001-5.68327-1.50181-10.03202-4.50488-13.0459l-0.5918-0.57422c-3.10269-2.9197-7.58195-4.37988-13.4375-4.37988-6.04425 0.00006-10.66627 1.55595-13.86621 4.66699-3.11103 3.02221-4.66697 7.46643-4.66699 13.33301l0 43.7334-22.13281 0-0.00098-63.5-10.60449 0 0-16.5 22.07227 0 0 13.06641 5.59961 0c3.11106-4.6221 7.02239-8.17716 11.73339-10.66602 4.71105-2.57774 10.57753-3.86715 17.59961-3.86719z m160.66114 81.4668l-22 0 0-79 22 0 0 79z m40.98925 0l-22.13379 0 0-112 22.13379 0 0 112z m-40.98925-95.5l-22 0 0-16.5 22 0 0 16.5z",
|
||
"fill": "#ffffffff",
|
||
"width": 249.3841094970703,
|
||
"height": 64
|
||
},
|
||
{
|
||
"type": "frame",
|
||
"id": "LtSu9",
|
||
"x": 274.93011474609375,
|
||
"y": 0,
|
||
"name": "mark-mono-v1",
|
||
"width": 50.47904586791992,
|
||
"height": 63.09880828857422,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0.22535288333892822
|
||
},
|
||
"layout": "none",
|
||
"children": [
|
||
{
|
||
"type": "path",
|
||
"id": "g9jTd",
|
||
"x": 12.61976146697998,
|
||
"y": 50.3802375793457,
|
||
"name": "graphite",
|
||
"geometry": "M0 0l113.13708 0-56.56854 56.56854-56.56854-56.56854z",
|
||
"fill": "#ffffffff",
|
||
"width": 25.23952293395996,
|
||
"height": 12.61976146697998,
|
||
"stroke": {
|
||
"align": "inside",
|
||
"thickness": 0.22535288333892822
|
||
}
|
||
},
|
||
{
|
||
"type": "rectangle",
|
||
"id": "zmJqu",
|
||
"x": 0,
|
||
"y": 0,
|
||
"name": "wood",
|
||
"fill": "#ffffffff",
|
||
"width": 50.47904586791992,
|
||
"height": 37.859283447265625,
|
||
"stroke": {
|
||
"align": "outside",
|
||
"thickness": 0.22535288333892822
|
||
}
|
||
}
|
||
]
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "vCuCj",
|
||
"x": 60,
|
||
"y": 1014,
|
||
"name": "Look around and see what’s possible, or clear the canvas and start creating.",
|
||
"fill": "#ffffffff",
|
||
"textGrowth": "fixed-width",
|
||
"width": 1469,
|
||
"content": "Pro tips:\n\n- Explore \"Design Kits and Style Guides\" on the top\n- Copy and paste from Figma (bitmaps are ommited)\n- In agent chat, ask to change \"selected frame\"\n- Variables let you define reusable primitives like colors\n- Components are in the top right corner\n- Slots let you define how to components are assembled together",
|
||
"lineHeight": 1.4583333333333333,
|
||
"textAlignVertical": "bottom",
|
||
"fontFamily": "Rubik",
|
||
"fontSize": 48,
|
||
"fontWeight": "normal",
|
||
"letterSpacing": -1.44
|
||
}
|
||
]
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "moMxv",
|
||
"x": -50,
|
||
"y": -2841,
|
||
"fill": "#ff8303ff",
|
||
"content": "↓",
|
||
"fontFamily": "Inter",
|
||
"fontSize": 320,
|
||
"fontWeight": "normal"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "y1EI4",
|
||
"x": 4772,
|
||
"y": -1869,
|
||
"name": "Step 2",
|
||
"fill": "#ff8303ff",
|
||
"content": "←",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
},
|
||
{
|
||
"type": "text",
|
||
"id": "9184N",
|
||
"x": 6688,
|
||
"y": -1873,
|
||
"name": "Step 2",
|
||
"fill": "#ff8303ff",
|
||
"content": "←",
|
||
"lineHeight": 1.399999976158142,
|
||
"fontFamily": "Inter",
|
||
"fontSize": 100,
|
||
"fontWeight": "600"
|
||
}
|
||
],
|
||
"themes": {
|
||
"Mode": [
|
||
"Light",
|
||
"Dark"
|
||
]
|
||
},
|
||
"variables": {
|
||
"--sidebar": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#E7E8E5"
|
||
},
|
||
{
|
||
"value": "#18181b",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--sidebar-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#666666"
|
||
},
|
||
{
|
||
"value": "#fafafa",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--sidebar-primary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#18181b"
|
||
},
|
||
{
|
||
"value": "#18181b",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--sidebar-primary-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#fafafa"
|
||
},
|
||
{
|
||
"value": "#fafafa",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--sidebar-border": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#CBCCC9"
|
||
},
|
||
{
|
||
"value": "#ffffff1a",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--sidebar-accent": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#CBCCC9"
|
||
},
|
||
{
|
||
"value": "#2a2a30",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--sidebar-accent-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#18181b"
|
||
},
|
||
{
|
||
"value": "#fafafa",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--sidebar-ring": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#71717a"
|
||
},
|
||
{
|
||
"value": "#71717a",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--background": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F2F3F0"
|
||
},
|
||
{
|
||
"value": "#111111",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#111111"
|
||
},
|
||
{
|
||
"value": "#FFFFFF",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--card": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#FFFFFF"
|
||
},
|
||
{
|
||
"value": "#1A1A1A",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--card-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#111111"
|
||
},
|
||
{
|
||
"value": "#FFFFFF",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--popover": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#FFFFFF"
|
||
},
|
||
{
|
||
"value": "#1A1A1A",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--popover-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#111111"
|
||
},
|
||
{
|
||
"value": "#FFFFFF",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--primary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#FF8400"
|
||
},
|
||
{
|
||
"value": "#FF8400",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--primary-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#111111"
|
||
},
|
||
{
|
||
"value": "#111111",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--secondary": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#E7E8E5"
|
||
},
|
||
{
|
||
"value": "#2E2E2E",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--secondary-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#111111"
|
||
},
|
||
{
|
||
"value": "#FFFFFF",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--muted": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F2F3F0"
|
||
},
|
||
{
|
||
"value": "#2E2E2E",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--muted-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#666666"
|
||
},
|
||
{
|
||
"value": "#B8B9B6",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--accent": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#F2F3F0"
|
||
},
|
||
{
|
||
"value": "#111111",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--accent-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#111111"
|
||
},
|
||
{
|
||
"value": "#F2F3F0",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--destructive": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#D93C15"
|
||
},
|
||
{
|
||
"value": "#FF5C33",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--border": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#CBCCC9"
|
||
},
|
||
{
|
||
"value": "#2E2E2E",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--input": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#CBCCC9"
|
||
},
|
||
{
|
||
"value": "#2E2E2E",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--ring": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#666666"
|
||
},
|
||
{
|
||
"value": "#666666",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--white": {
|
||
"type": "color",
|
||
"value": "#FFFFFF"
|
||
},
|
||
"--black": {
|
||
"type": "color",
|
||
"value": "#000000"
|
||
},
|
||
"--font-primary": {
|
||
"type": "string",
|
||
"value": "JetBrains Mono"
|
||
},
|
||
"--font-secondary": {
|
||
"type": "string",
|
||
"value": "Geist"
|
||
},
|
||
"--radius-none": {
|
||
"type": "number",
|
||
"value": 0
|
||
},
|
||
"--radius-pill": {
|
||
"type": "number",
|
||
"value": 999
|
||
},
|
||
"--color-success": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#DFE6E1"
|
||
},
|
||
{
|
||
"value": "#222924",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--color-success-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#004D1A"
|
||
},
|
||
{
|
||
"value": "#B6FFCE",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--color-warning": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#E9E3D8"
|
||
},
|
||
{
|
||
"value": "#291C0F",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--color-warning-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#804200"
|
||
},
|
||
{
|
||
"value": "#FF8400",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--color-error": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#E5DCDA"
|
||
},
|
||
{
|
||
"value": "#24100B",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--color-error-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#8C1C00"
|
||
},
|
||
{
|
||
"value": "#FF5C33",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--color-info": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#DFDFE6"
|
||
},
|
||
{
|
||
"value": "#222229",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--color-info-foreground": {
|
||
"type": "color",
|
||
"value": [
|
||
{
|
||
"value": "#000066"
|
||
},
|
||
{
|
||
"value": "#B2B2FF",
|
||
"theme": {
|
||
"Mode": "Dark"
|
||
}
|
||
}
|
||
]
|
||
},
|
||
"--radius-m": {
|
||
"type": "number",
|
||
"value": 16
|
||
}
|
||
}
|
||
} |