penpot/plugins/apps/e2e/src/__snapshots__/plugins.spec.ts.snap
2026-02-13 13:17:08 +01:00

2507 lines
41 KiB
Plaintext

// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Plugins > comments 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
]
`;
exports[`Plugins > component library 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"3",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"constraintsH": "scale",
"constraintsV": "scale",
"fills": [
{
"fillColor": "#B1B2B5",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "3",
"height": 100,
"id": "2",
"name": "Rectangle",
"parentId": "3",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 742,
"y": 540,
},
{
"x": 742,
"y": 640,
},
{
"x": 642,
"y": 640,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 642,
"x1": 642,
"x2": 742,
"y": 540,
"y1": 540,
"y2": 640,
},
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 100,
"x": 642,
"y": 540,
},
{
"componentFile": "37adad8a-41e4-809c-8007-90cdca4d4a47",
"componentId": "bddbbfd1-950b-8023-8007-90cdce84074b",
"componentRoot": true,
"fills": [],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 100,
"hideFillOnExport": false,
"hideInViewer": true,
"id": "3",
"mainInstance": true,
"name": "Rectangle",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 742,
"y": 540,
},
{
"x": 742,
"y": 640,
},
{
"x": 642,
"y": 640,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 642,
"x1": 642,
"x2": 742,
"y": 540,
"y1": 540,
"y2": 640,
},
"shapes": [
"2",
],
"showContent": true,
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 100,
"x": 642,
"y": 540,
},
]
`;
exports[`Plugins > create board - text - rectable 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"2",
"4",
"5",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 300,
"hideFillOnExport": false,
"id": "2",
"name": "Board name",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 942,
"y": 540,
},
{
"x": 942,
"y": 840,
},
{
"x": 642,
"y": 840,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 8,
"r2": 8,
"r3": 8,
"r4": 8,
"rotation": 0,
"selrect": {
"height": 300,
"width": 300,
"x": 642,
"x1": 642,
"x2": 942,
"y": 540,
"y1": 540,
"y2": 840,
},
"shapes": [
"3",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 300,
"x": 642,
"y": 540,
},
{
"constraintsH": "left",
"constraintsV": "top",
"content": {
"children": [
{
"children": [
{
"children": [
{
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "sourcesanspro",
"fontId": "sourcesanspro",
"fontSize": "14",
"fontStyle": "normal",
"fontVariantId": "regular",
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1.2",
"text": "Hello from board",
"textAlign": "left",
"textDecoration": "none",
"textDirection": "ltr",
"textTransform": "none",
},
],
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "sourcesanspro",
"fontId": "sourcesanspro",
"fontSize": "14",
"fontStyle": "normal",
"fontVariantId": "regular",
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1.2",
"textAlign": "left",
"textDecoration": "none",
"textDirection": "ltr",
"textTransform": "none",
"type": "paragraph",
},
],
"type": "paragraph-set",
},
],
"type": "root",
},
"flipX": null,
"flipY": null,
"frameId": "2",
"growType": "auto-width",
"height": 17,
"id": "3",
"name": "Text",
"parentId": "2",
"points": [
{
"x": 10,
"y": 10,
},
{
"x": 110,
"y": 10,
},
{
"x": 110,
"y": 27,
},
{
"x": 10,
"y": 27,
},
],
"positionData": [
{
"direction": "ltr",
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "sourcesanspro",
"fontSize": "14px",
"fontStyle": "normal",
"fontWeight": "400",
"height": 18,
"letterSpacing": "normal",
"text": "Hello from board",
"textDecoration": "none",
"textTransform": "none",
"width": 99.234375,
"x": 10,
"x1": 0,
"x2": 99.234375,
"y": 27,
"y1": -1,
"y2": 17,
},
],
"rotation": 0,
"selrect": {
"height": 17,
"width": 100,
"x": 10,
"x1": 10,
"x2": 110,
"y": 10,
"y1": 10,
"y2": 27,
},
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "text",
"width": 100,
"x": 10,
"y": 10,
},
{
"fills": [
{
"fillColor": "#B1B2B5",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 200,
"id": "4",
"name": "Rectangle",
"parentId": "1",
"pluginData": {
"00000000000000000000000000000000": {
"customKey": "customValue",
},
},
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 842,
"y": 540,
},
{
"x": 842,
"y": 740,
},
{
"x": 642,
"y": 740,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 200,
"width": 200,
"x": 642,
"x1": 642,
"x2": 842,
"y": 540,
"y1": 540,
"y2": 740,
},
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 200,
"x": 642,
"y": 540,
},
{
"content": {
"children": [
{
"children": [
{
"children": [
{
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "sourcesanspro",
"fontId": "sourcesanspro",
"fontSize": "14",
"fontStyle": "normal",
"fontVariantId": "regular",
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1.2",
"text": "Hello from plugin",
"textAlign": "left",
"textDecoration": "none",
"textDirection": "ltr",
"textTransform": "none",
},
],
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "sourcesanspro",
"fontId": "sourcesanspro",
"fontSize": "14",
"fontStyle": "normal",
"fontVariantId": "regular",
"fontWeight": "400",
"letterSpacing": "0",
"lineHeight": "1.2",
"textAlign": "left",
"textDecoration": "none",
"textDirection": "ltr",
"textTransform": "none",
"type": "paragraph",
},
],
"type": "paragraph-set",
},
],
"type": "root",
},
"flipX": null,
"flipY": null,
"frameId": "1",
"growType": "auto-width",
"height": 17,
"id": "5",
"name": "Text",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 744,
"y": 540,
},
{
"x": 744,
"y": 557,
},
{
"x": 642,
"y": 557,
},
],
"positionData": [
{
"direction": "ltr",
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "sourcesanspro",
"fontSize": "14px",
"fontStyle": "normal",
"fontWeight": "400",
"height": 18,
"letterSpacing": "normal",
"text": "Hello from plugin",
"textDecoration": "none",
"textTransform": "none",
"width": 101.53125,
"x": 642,
"x1": 0,
"x2": 101.53125,
"y": 557,
"y1": -1,
"y2": 17,
},
],
"rotation": 0,
"selrect": {
"height": 17,
"width": 102,
"x": 642,
"x1": 642,
"x2": 744,
"y": 540,
"y1": 540,
"y2": 557,
},
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "text",
"width": 102,
"x": 642,
"y": 540,
},
]
`;
exports[`Plugins > create flex layout 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"2",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 210,
"hideFillOnExport": false,
"id": "2",
"layout": "flex",
"layoutAlignContent": "stretch",
"layoutAlignItems": "center",
"layoutFlexDir": "column",
"layoutGap": {
"columnGap": 0,
"rowGap": 0,
},
"layoutGapType": "multiple",
"layoutItemHSizing": "auto",
"layoutItemVSizing": "auto",
"layoutJustifyContent": "center",
"layoutPadding": {
"p1": 5,
"p2": 5,
"p3": 5,
"p4": 5,
},
"layoutPaddingType": "simple",
"layoutWrapType": "wrap",
"name": "Board",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 752,
"y": 540,
},
{
"x": 752,
"y": 750,
},
{
"x": 642,
"y": 750,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 210,
"width": 110,
"x": 642,
"x1": 642,
"x2": 752,
"y": 540,
"y1": 540,
"y2": 750,
},
"shapes": [
"3",
"4",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 110,
"x": 642,
"y": 540,
},
{
"constraintsH": "left",
"constraintsV": "top",
"fills": [
{
"fillColor": "#B1B2B5",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "2",
"height": 100,
"id": "3",
"name": "Rectangle",
"parentId": "2",
"points": [
{
"x": 647,
"y": 645,
},
{
"x": 747,
"y": 645,
},
{
"x": 747,
"y": 745,
},
{
"x": 647,
"y": 745,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 647,
"x1": 647,
"x2": 747,
"y": 645,
"y1": 645,
"y2": 745,
},
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 100,
"x": 647,
"y": 645,
},
{
"constraintsH": "left",
"constraintsV": "top",
"fills": [
{
"fillColor": "#B1B2B5",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "2",
"height": 100,
"id": "4",
"name": "Ellipse",
"parentId": "2",
"points": [
{
"x": 647,
"y": 545,
},
{
"x": 747,
"y": 545,
},
{
"x": 747,
"y": 645,
},
{
"x": 647,
"y": 645,
},
],
"proportion": 1,
"proportionLock": false,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 647,
"x1": 647,
"x2": 747,
"y": 545,
"y1": 545,
"y2": 645,
},
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "circle",
"width": 100,
"x": 647,
"y": 545,
},
]
`;
exports[`Plugins > create grid layout 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"2",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 100,
"hideFillOnExport": false,
"id": "2",
"layout": "grid",
"layoutAlignContent": "stretch",
"layoutAlignItems": "center",
"layoutGap": {
"columnGap": 10,
"rowGap": 10,
},
"layoutGapType": "multiple",
"layoutGridCells": [
{
"alignSelf": "auto",
"column": 1,
"columnSpan": 1,
"id": "2",
"justifySelf": "auto",
"position": "auto",
"row": 1,
"rowSpan": 1,
"shapes": [],
},
{
"alignSelf": "auto",
"column": 1,
"columnSpan": 1,
"id": "2",
"justifySelf": "auto",
"position": "auto",
"row": 2,
"rowSpan": 1,
"shapes": [],
},
{
"alignSelf": "auto",
"column": 2,
"columnSpan": 1,
"id": "2",
"justifySelf": "auto",
"position": "auto",
"row": 1,
"rowSpan": 1,
"shapes": [],
},
{
"alignSelf": "auto",
"column": 2,
"columnSpan": 1,
"id": "2",
"justifySelf": "auto",
"position": "auto",
"row": 2,
"rowSpan": 1,
"shapes": [],
},
],
"layoutGridColumns": [
{
"type": "flex",
"value": 1,
},
{
"type": "flex",
"value": 1,
},
],
"layoutGridDir": "row",
"layoutGridRows": [
{
"type": "flex",
"value": 1,
},
{
"type": "flex",
"value": 1,
},
],
"layoutJustifyContent": "space-between",
"layoutJustifyItems": "start",
"layoutPadding": {
"p1": 5,
"p2": 5,
"p3": 5,
"p4": 5,
},
"layoutPaddingType": "simple",
"name": "Board",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 742,
"y": 540,
},
{
"x": 742,
"y": 640,
},
{
"x": 642,
"y": 640,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 642,
"x1": 642,
"x2": 742,
"y": 540,
"y1": 540,
"y2": 640,
},
"shapes": [],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 100,
"x": 642,
"y": 540,
},
]
`;
exports[`Plugins > group and ungroup 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"4",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"fills": [
{
"fillColor": "#B1B2B5",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 100,
"id": "2",
"name": "Rectangle",
"parentId": "4",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 742,
"y": 540,
},
{
"x": 742,
"y": 640,
},
{
"x": 642,
"y": 640,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 642,
"x1": 642,
"x2": 742,
"y": 540,
"y1": 540,
"y2": 640,
},
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 100,
"x": 642,
"y": 540,
},
{
"fills": [
{
"fillColor": "#B1B2B5",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 100,
"id": "3",
"name": "Rectangle",
"parentId": "4",
"points": [
{
"x": 742,
"y": 640,
},
{
"x": 842,
"y": 640,
},
{
"x": 842,
"y": 740,
},
{
"x": 742,
"y": 740,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 742,
"x1": 742,
"x2": 842,
"y": 640,
"y1": 640,
"y2": 740,
},
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 100,
"x": 742,
"y": 640,
},
{
"fills": [],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 200,
"id": "4",
"index": 2,
"name": "Group",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 842,
"y": 540,
},
{
"x": 842,
"y": 740,
},
{
"x": 642,
"y": 740,
},
],
"proportion": 1,
"proportionLock": false,
"rotation": 0,
"selrect": {
"height": 200,
"width": 200,
"x": 642,
"x1": 642,
"x2": 842,
"y": 540,
"y1": 540,
"y2": 740,
},
"shapes": [
"2",
"3",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "group",
"width": 200,
"x": 642,
"y": 540,
},
]
`;
exports[`Plugins > insert svg 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"2",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"fills": [],
"flipX": false,
"flipY": false,
"frameId": "1",
"height": 130,
"id": "2",
"name": "Test icon",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 942,
"y": 540,
},
{
"x": 942,
"y": 670,
},
{
"x": 642,
"y": 670,
},
],
"proportion": 1,
"proportionLock": false,
"rotation": 0,
"selrect": {
"height": 130,
"width": 300,
"x": 642,
"x1": 642,
"x2": 942,
"y": 540,
"y1": 540,
"y2": 670,
},
"shapes": [
"3",
"4",
"5",
],
"strokes": [],
"svgAttrs": {
"height": "130",
"width": "300",
},
"svgDefs": {},
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "group",
"width": 300,
"x": 642,
"y": 540,
},
{
"fills": [],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 130,
"hidden": true,
"id": "3",
"name": "base-background",
"parentId": "2",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 942,
"y": 540,
},
{
"x": 942,
"y": 670,
},
{
"x": 642,
"y": 670,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 130,
"width": 300,
"x": 642,
"x1": 642,
"x2": 942,
"y": 540,
"y1": 540,
"y2": 670,
},
"strokes": [],
"svgAttrs": {
"fill": "none",
"id": "base-background",
},
"svgDefs": {},
"svgViewbox": {
"height": 130,
"width": 300,
"x": 0,
"x1": 0,
"x2": 300,
"y": 0,
"y1": 0,
"y2": 130,
},
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 300,
"x": 642,
"y": 540,
},
{
"fills": [
{
"fillColor": "#0000ff",
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 100,
"id": "4",
"name": "svg-rect",
"parentId": "2",
"points": [
{
"x": 652,
"y": 550,
},
{
"x": 852,
"y": 550,
},
{
"x": 852,
"y": 650,
},
{
"x": 652,
"y": 650,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 20,
"r2": 20,
"r3": 20,
"r4": 20,
"rotation": 0,
"selrect": {
"height": 100,
"width": 200,
"x": 652,
"x1": 652,
"x2": 852,
"y": 550,
"y1": 550,
"y2": 650,
},
"strokes": [],
"svgAttrs": {},
"svgDefs": {},
"svgViewbox": {
"height": 100,
"width": 200,
"x": 10,
"x1": 10,
"x2": 210,
"y": 10,
"y1": 10,
"y2": 110,
},
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 200,
"x": 652,
"y": 550,
},
{
"content": "Sorry, your browser does not support inline SVG.",
"fills": [],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 130,
"id": "5",
"name": "svg-node",
"parentId": "2",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 942,
"y": 540,
},
{
"x": 942,
"y": 670,
},
{
"x": 642,
"y": 670,
},
],
"proportion": 2.3076923076923075,
"proportionLock": true,
"rotation": 0,
"selrect": {
"height": 130,
"width": 300,
"x": 642,
"x1": 642,
"x2": 942,
"y": 540,
"y1": 540,
"y2": 670,
},
"strokes": [],
"svgAttrs": {},
"svgDefs": {},
"svgViewbox": {
"height": 130,
"width": 300,
"x": 0,
"x1": 0,
"x2": 300,
"y": 0,
"y1": 0,
"y2": 130,
},
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "svg-raw",
"width": 300,
"x": 642,
"y": 540,
},
]
`;
exports[`Plugins > plugin data 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"2",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"fills": [
{
"fillColor": "#B1B2B5",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 100,
"id": "2",
"name": "Rectangle",
"parentId": "1",
"pluginData": {
"00000000000000000000000000000000": {
"testData": "test",
},
},
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 100,
"y": 0,
},
{
"x": 100,
"y": 100,
},
{
"x": 0,
"y": 100,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 100,
"width": 100,
"x": 0,
"x1": 0,
"x2": 100,
"y": 0,
"y1": 0,
"y2": 100,
},
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "rect",
"width": 100,
"x": 0,
"y": 0,
},
]
`;
exports[`Plugins > ruler guides 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
]
`;
exports[`Plugins > text and textrange 1`] = `
[
{
"fills": [
{
"fillColor": "#FFFFFF",
"fillOpacity": 1,
},
],
"flipX": null,
"flipY": null,
"frameId": "1",
"height": 0.01,
"hideFillOnExport": false,
"id": "1",
"name": "Root Frame",
"parentId": "1",
"points": [
{
"x": 0,
"y": 0,
},
{
"x": 0.01,
"y": 0,
},
{
"x": 0.01,
"y": 0.01,
},
{
"x": 0,
"y": 0.01,
},
],
"proportion": 1,
"proportionLock": false,
"r1": 0,
"r2": 0,
"r3": 0,
"r4": 0,
"rotation": 0,
"selrect": {
"height": 0.01,
"width": 0.01,
"x": 0,
"x1": 0,
"x2": 0.01,
"y": 0,
"y1": 0,
"y2": 0.01,
},
"shapes": [
"2",
],
"strokes": [],
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "frame",
"width": 0.01,
"x": 0,
"y": 0,
},
{
"content": {
"children": [
{
"children": [
{
"children": [
{
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "Work Sans",
"fontId": "gfont-work-sans",
"fontSize": "40",
"fontStyle": "italic",
"fontVariantId": "500italic",
"fontWeight": "500",
"letterSpacing": "0",
"lineHeight": "1.2",
"text": "Hello",
"textAlign": "left",
"textDecoration": "underline",
"textDirection": "ltr",
"textTransform": "uppercase",
},
{
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "Work Sans",
"fontId": "gfont-work-sans",
"fontSize": "20",
"fontStyle": "italic",
"fontVariantId": "500italic",
"fontWeight": "500",
"letterSpacing": "0",
"lineHeight": "1.2",
"text": " World!",
"textAlign": "left",
"textDecoration": "underline",
"textDirection": "ltr",
"textTransform": "uppercase",
},
],
"fills": [
{
"fillColor": "#000000",
"fillOpacity": 1,
},
],
"fontFamily": "Work Sans",
"fontId": "gfont-work-sans",
"fontSize": "20",
"fontStyle": "italic",
"fontVariantId": "500italic",
"fontWeight": "500",
"letterSpacing": "0",
"lineHeight": "1.2",
"textAlign": "left",
"textDecoration": "underline",
"textDirection": "ltr",
"textTransform": "uppercase",
"type": "paragraph",
},
],
"type": "paragraph-set",
},
],
"type": "root",
},
"flipX": null,
"flipY": null,
"frameId": "1",
"growType": "auto-width",
"height": 1,
"id": "2",
"name": "Text",
"parentId": "1",
"points": [
{
"x": 642,
"y": 540,
},
{
"x": 643,
"y": 540,
},
{
"x": 643,
"y": 541,
},
{
"x": 642,
"y": 541,
},
],
"rotation": 0,
"selrect": {
"height": 1,
"width": 1,
"x": 642,
"x1": 642,
"x2": 643,
"y": 540,
"y1": 540,
"y2": 541,
},
"transform": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"transformInverse": {
"a": 1,
"b": 0,
"c": 0,
"d": 1,
"e": 0,
"f": 0,
},
"type": "text",
"width": 1,
"x": 642,
"y": 540,
},
]
`;