luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update test expected files

Browse source
This commit is contained in:
melsonic 2025-03-30 16:07:21 +05:30
parent 426f3534ac
commit e91f4dbc4a
No known key found for this signature in database
GPG key ID: DFA426742F621CD7
4 changed files with 282 additions and 170 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
e2etests/testdata/txtar/icon-style/dagre/board.exp.json generated vendored
View file

@ -11,11 +11,66 @@
"isFolderOnly": false, "isFolderOnly": false,
"fontFamily": "SourceSansPro", "fontFamily": "SourceSansPro",
"shapes": [ "shapes": [
{
"id": "AWS Firewall Manager",
"type": "rectangle",
"pos": {
"x": 0,
"y": 18
},
"width": 230,
"height": 92,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": {
"Scheme": "https",
"Opaque": "",
"User": null,
"Host": "icons.terrastruct.com",
"Path": "/aws/Security, Identity, & Compliance/AWS-Firewall-Manager.svg",
"RawPath": "/aws%2FSecurity%2C%20Identity%2C%20&%20Compliance%2FAWS-Firewall-Manager.svg",
"OmitHost": false,
"ForceQuery": false,
"RawQuery": "",
"Fragment": "",
"RawFragment": ""
},
"iconBorderRadius": 5,
"iconPosition": "INSIDE_MIDDLE_CENTER",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "AWS Firewall Manager",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 159,
"labelHeight": 21,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{ {
"id": "lambda", "id": "lambda",
"type": "image", "type": "image",
"pos": { "pos": {
"x": 0, "x": 290,
"y": 0 "y": 0
}, },
"width": 128, "width": 128,
@ -46,7 +101,7 @@
"Fragment": "", "Fragment": "",
"RawFragment": "" "RawFragment": ""
}, },
"iconBorderRadius": 5, "iconBorderRadius": 20,
"iconPosition": "INSIDE_MIDDLE_CENTER", "iconPosition": "INSIDE_MIDDLE_CENTER",
"blend": false, "blend": false,
"fields": null, "fields": null,
@ -70,7 +125,7 @@
"id": "AWS Cloud", "id": "AWS Cloud",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 188, "x": 478,
"y": 18 "y": 18
}, },
"width": 148, "width": 148,
@ -124,7 +179,7 @@
"id": "Mesh", "id": "Mesh",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 396, "x": 686,
"y": 18 "y": 18
}, },
"width": 107, "width": 107,

163
e2etests/testdata/txtar/icon-style/dagre/sketch.exp.svg vendored
View file

@ -1,10 +1,10 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 505 155"><svg class="d2-3272090142 d2-svg" width="505" height="155" viewBox="-1 -1 505 155"><rect x="-1.000000" y="-1.000000" width="505.000000" height="155.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[ <?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 795 155"><svg class="d2-3086272186 d2-svg" width="795" height="155" viewBox="-1 -1 795 155"><rect x="-1.000000" y="-1.000000" width="795.000000" height="155.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3272090142 .text-bold { .d2-3086272186 .text-bold {
font-family: "d2-3272090142-font-bold"; font-family: "d2-3086272186-font-bold";
} }
@font-face { @font-face {
font-family: d2-3272090142-font-bold; font-family: d2-3086272186-font-bold;
src: url("data:application/font-woff;base64,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"); src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape { }]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
stroke-linejoin: round; stroke-linejoin: round;
@ -18,80 +18,81 @@
opacity: 0.5; opacity: 0.5;
} }
.d2-3272090142 .fill-N1{fill:#0A0F25;} .d2-3086272186 .fill-N1{fill:#0A0F25;}
.d2-3272090142 .fill-N2{fill:#676C7E;} .d2-3086272186 .fill-N2{fill:#676C7E;}
.d2-3272090142 .fill-N3{fill:#9499AB;} .d2-3086272186 .fill-N3{fill:#9499AB;}
.d2-3272090142 .fill-N4{fill:#CFD2DD;} .d2-3086272186 .fill-N4{fill:#CFD2DD;}
.d2-3272090142 .fill-N5{fill:#DEE1EB;} .d2-3086272186 .fill-N5{fill:#DEE1EB;}
.d2-3272090142 .fill-N6{fill:#EEF1F8;} .d2-3086272186 .fill-N6{fill:#EEF1F8;}
.d2-3272090142 .fill-N7{fill:#FFFFFF;} .d2-3086272186 .fill-N7{fill:#FFFFFF;}
.d2-3272090142 .fill-B1{fill:#0D32B2;} .d2-3086272186 .fill-B1{fill:#0D32B2;}
.d2-3272090142 .fill-B2{fill:#0D32B2;} .d2-3086272186 .fill-B2{fill:#0D32B2;}
.d2-3272090142 .fill-B3{fill:#E3E9FD;} .d2-3086272186 .fill-B3{fill:#E3E9FD;}
.d2-3272090142 .fill-B4{fill:#E3E9FD;} .d2-3086272186 .fill-B4{fill:#E3E9FD;}
.d2-3272090142 .fill-B5{fill:#EDF0FD;} .d2-3086272186 .fill-B5{fill:#EDF0FD;}
.d2-3272090142 .fill-B6{fill:#F7F8FE;} .d2-3086272186 .fill-B6{fill:#F7F8FE;}
.d2-3272090142 .fill-AA2{fill:#4A6FF3;} .d2-3086272186 .fill-AA2{fill:#4A6FF3;}
.d2-3272090142 .fill-AA4{fill:#EDF0FD;} .d2-3086272186 .fill-AA4{fill:#EDF0FD;}
.d2-3272090142 .fill-AA5{fill:#F7F8FE;} .d2-3086272186 .fill-AA5{fill:#F7F8FE;}
.d2-3272090142 .fill-AB4{fill:#EDF0FD;} .d2-3086272186 .fill-AB4{fill:#EDF0FD;}
.d2-3272090142 .fill-AB5{fill:#F7F8FE;} .d2-3086272186 .fill-AB5{fill:#F7F8FE;}
.d2-3272090142 .stroke-N1{stroke:#0A0F25;} .d2-3086272186 .stroke-N1{stroke:#0A0F25;}
.d2-3272090142 .stroke-N2{stroke:#676C7E;} .d2-3086272186 .stroke-N2{stroke:#676C7E;}
.d2-3272090142 .stroke-N3{stroke:#9499AB;} .d2-3086272186 .stroke-N3{stroke:#9499AB;}
.d2-3272090142 .stroke-N4{stroke:#CFD2DD;} .d2-3086272186 .stroke-N4{stroke:#CFD2DD;}
.d2-3272090142 .stroke-N5{stroke:#DEE1EB;} .d2-3086272186 .stroke-N5{stroke:#DEE1EB;}
.d2-3272090142 .stroke-N6{stroke:#EEF1F8;} .d2-3086272186 .stroke-N6{stroke:#EEF1F8;}
.d2-3272090142 .stroke-N7{stroke:#FFFFFF;} .d2-3086272186 .stroke-N7{stroke:#FFFFFF;}
.d2-3272090142 .stroke-B1{stroke:#0D32B2;} .d2-3086272186 .stroke-B1{stroke:#0D32B2;}
.d2-3272090142 .stroke-B2{stroke:#0D32B2;} .d2-3086272186 .stroke-B2{stroke:#0D32B2;}
.d2-3272090142 .stroke-B3{stroke:#E3E9FD;} .d2-3086272186 .stroke-B3{stroke:#E3E9FD;}
.d2-3272090142 .stroke-B4{stroke:#E3E9FD;} .d2-3086272186 .stroke-B4{stroke:#E3E9FD;}
.d2-3272090142 .stroke-B5{stroke:#EDF0FD;} .d2-3086272186 .stroke-B5{stroke:#EDF0FD;}
.d2-3272090142 .stroke-B6{stroke:#F7F8FE;} .d2-3086272186 .stroke-B6{stroke:#F7F8FE;}
.d2-3272090142 .stroke-AA2{stroke:#4A6FF3;} .d2-3086272186 .stroke-AA2{stroke:#4A6FF3;}
.d2-3272090142 .stroke-AA4{stroke:#EDF0FD;} .d2-3086272186 .stroke-AA4{stroke:#EDF0FD;}
.d2-3272090142 .stroke-AA5{stroke:#F7F8FE;} .d2-3086272186 .stroke-AA5{stroke:#F7F8FE;}
.d2-3272090142 .stroke-AB4{stroke:#EDF0FD;} .d2-3086272186 .stroke-AB4{stroke:#EDF0FD;}
.d2-3272090142 .stroke-AB5{stroke:#F7F8FE;} .d2-3086272186 .stroke-AB5{stroke:#F7F8FE;}
.d2-3272090142 .background-color-N1{background-color:#0A0F25;} .d2-3086272186 .background-color-N1{background-color:#0A0F25;}
.d2-3272090142 .background-color-N2{background-color:#676C7E;} .d2-3086272186 .background-color-N2{background-color:#676C7E;}
.d2-3272090142 .background-color-N3{background-color:#9499AB;} .d2-3086272186 .background-color-N3{background-color:#9499AB;}
.d2-3272090142 .background-color-N4{background-color:#CFD2DD;} .d2-3086272186 .background-color-N4{background-color:#CFD2DD;}
.d2-3272090142 .background-color-N5{background-color:#DEE1EB;} .d2-3086272186 .background-color-N5{background-color:#DEE1EB;}
.d2-3272090142 .background-color-N6{background-color:#EEF1F8;} .d2-3086272186 .background-color-N6{background-color:#EEF1F8;}
.d2-3272090142 .background-color-N7{background-color:#FFFFFF;} .d2-3086272186 .background-color-N7{background-color:#FFFFFF;}
.d2-3272090142 .background-color-B1{background-color:#0D32B2;} .d2-3086272186 .background-color-B1{background-color:#0D32B2;}
.d2-3272090142 .background-color-B2{background-color:#0D32B2;} .d2-3086272186 .background-color-B2{background-color:#0D32B2;}
.d2-3272090142 .background-color-B3{background-color:#E3E9FD;} .d2-3086272186 .background-color-B3{background-color:#E3E9FD;}
.d2-3272090142 .background-color-B4{background-color:#E3E9FD;} .d2-3086272186 .background-color-B4{background-color:#E3E9FD;}
.d2-3272090142 .background-color-B5{background-color:#EDF0FD;} .d2-3086272186 .background-color-B5{background-color:#EDF0FD;}
.d2-3272090142 .background-color-B6{background-color:#F7F8FE;} .d2-3086272186 .background-color-B6{background-color:#F7F8FE;}
.d2-3272090142 .background-color-AA2{background-color:#4A6FF3;} .d2-3086272186 .background-color-AA2{background-color:#4A6FF3;}
.d2-3272090142 .background-color-AA4{background-color:#EDF0FD;} .d2-3086272186 .background-color-AA4{background-color:#EDF0FD;}
.d2-3272090142 .background-color-AA5{background-color:#F7F8FE;} .d2-3086272186 .background-color-AA5{background-color:#F7F8FE;}
.d2-3272090142 .background-color-AB4{background-color:#EDF0FD;} .d2-3086272186 .background-color-AB4{background-color:#EDF0FD;}
.d2-3272090142 .background-color-AB5{background-color:#F7F8FE;} .d2-3086272186 .background-color-AB5{background-color:#F7F8FE;}
.d2-3272090142 .color-N1{color:#0A0F25;} .d2-3086272186 .color-N1{color:#0A0F25;}
.d2-3272090142 .color-N2{color:#676C7E;} .d2-3086272186 .color-N2{color:#676C7E;}
.d2-3272090142 .color-N3{color:#9499AB;} .d2-3086272186 .color-N3{color:#9499AB;}
.d2-3272090142 .color-N4{color:#CFD2DD;} .d2-3086272186 .color-N4{color:#CFD2DD;}
.d2-3272090142 .color-N5{color:#DEE1EB;} .d2-3086272186 .color-N5{color:#DEE1EB;}
.d2-3272090142 .color-N6{color:#EEF1F8;} .d2-3086272186 .color-N6{color:#EEF1F8;}
.d2-3272090142 .color-N7{color:#FFFFFF;} .d2-3086272186 .color-N7{color:#FFFFFF;}
.d2-3272090142 .color-B1{color:#0D32B2;} .d2-3086272186 .color-B1{color:#0D32B2;}
.d2-3272090142 .color-B2{color:#0D32B2;} .d2-3086272186 .color-B2{color:#0D32B2;}
.d2-3272090142 .color-B3{color:#E3E9FD;} .d2-3086272186 .color-B3{color:#E3E9FD;}
.d2-3272090142 .color-B4{color:#E3E9FD;} .d2-3086272186 .color-B4{color:#E3E9FD;}
.d2-3272090142 .color-B5{color:#EDF0FD;} .d2-3086272186 .color-B5{color:#EDF0FD;}
.d2-3272090142 .color-B6{color:#F7F8FE;} .d2-3086272186 .color-B6{color:#F7F8FE;}
.d2-3272090142 .color-AA2{color:#4A6FF3;} .d2-3086272186 .color-AA2{color:#4A6FF3;}
.d2-3272090142 .color-AA4{color:#EDF0FD;} .d2-3086272186 .color-AA4{color:#EDF0FD;}
.d2-3272090142 .color-AA5{color:#F7F8FE;} .d2-3086272186 .color-AA5{color:#F7F8FE;}
.d2-3272090142 .color-AB4{color:#EDF0FD;} .d2-3086272186 .color-AB4{color:#EDF0FD;}
.d2-3272090142 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3272090142);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3272090142);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3272090142);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3272090142);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3272090142);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3272090142);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3272090142);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3272090142);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><clipPath id="d2-3272090142-NRQW2YTEME-icon"><path d="M 0.000000 5.000000 L 0.000000 5.000000 S 0.000000 0.000000 5.000000 0.000000 L 123.000000 0.000000 L 123.000000 0.000000 S 128.000000 0.000000 128.000000 5.000000 L 128.000000 123.000000 S 128.000000 128.000000 123.000000 128.000000 L 5.000000 128.000000 S 0.000000 128.000000 0.000000 123.000000L 0.000000 5.000000Z 0.000000 0.000000" fill="none" /> </clipPath><g class="bGFtYmRh"><g class="shape" ><image href="https://icons.terrastruct.com/aws%2FCompute%2FAWS-Lambda.svg" x="0.000000" y="0.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-3272090142-NRQW2YTEME-icon)" /></g><text x="64.000000" y="149.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">lambda</text></g><g class="QVdTIENsb3Vk"><g class="shape" ><rect x="188.000000" y="18.000000" width="148.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2F_Group%20Icons%2FAWS-Cloud_light-bg.svg" x="239.000000" y="41.000000" width="46" height="46" /><text x="262.000000" y="39.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">AWS Cloud</text></g><g class="TWVzaA=="><g class="shape" ><rect x="396.000000" y="18.000000" width="107.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FNetworking%20&amp;%20Content%20Delivery%2FAWS-App-Mesh.svg" x="426.500000" y="41.000000" width="46" height="46" clip-path="inset(0 round 999px)" /><text x="449.500000" y="39.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Mesh</text></g><mask id="d2-3272090142" maskUnits="userSpaceOnUse" x="-1" y="-1" width="505" height="155"> .d2-3086272186 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-3086272186);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3086272186);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3086272186);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3086272186);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3086272186);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3086272186);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3086272186);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3086272186);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="QVdTIEZpcmV3YWxsIE1hbmFnZXI="><g class="shape" ><rect x="0.000000" y="18.000000" width="230.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FSecurity%2C%20Identity%2C%20&amp;%20Compliance%2FAWS-Firewall-Manager.svg" x="92.000000" y="41.000000" width="46" height="46" clip-path="inset(0 round 5px)" /><text x="115.000000" y="39.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">AWS Firewall Manager</text></g><clipPath id="d2-3086272186-NRQW2YTEME-icon"><path d="M 290.000000 20.000000 L 290.000000 20.000000 S 290.000000 0.000000 310.000000 0.000000 L 398.000000 0.000000 L 398.000000 0.000000 S 418.000000 0.000000 418.000000 20.000000 L 418.000000 108.000000 S 418.000000 128.000000 398.000000 128.000000 L 310.000000 128.000000 S 290.000000 128.000000 290.000000 108.000000L 290.000000 20.000000Z 290.000000 0.000000" fill="none" /> </clipPath><g class="bGFtYmRh"><g class="shape" ><image href="https://icons.terrastruct.com/aws%2FCompute%2FAWS-Lambda.svg" x="290.000000" y="0.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-3086272186-NRQW2YTEME-icon)" /></g><text x="354.000000" y="149.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">lambda</text></g><g class="QVdTIENsb3Vk"><g class="shape" ><rect x="478.000000" y="18.000000" width="148.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2F_Group%20Icons%2FAWS-Cloud_light-bg.svg" x="529.000000" y="41.000000" width="46" height="46" /><text x="552.000000" y="39.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">AWS Cloud</text></g><g class="TWVzaA=="><g class="shape" ><rect x="686.000000" y="18.000000" width="107.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FNetworking%20&amp;%20Content%20Delivery%2FAWS-App-Mesh.svg" x="716.500000" y="41.000000" width="46" height="46" clip-path="inset(0 round 999px)" /><text x="739.500000" y="39.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Mesh</text></g><mask id="d2-3086272186" maskUnits="userSpaceOnUse" x="-1" y="-1" width="795" height="155">
<rect x="-1" y="-1" width="505" height="155" fill="white"></rect> <rect x="-1" y="-1" width="795" height="155" fill="white"></rect>
<rect x="35.500000" y="133.000000" width="57" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="33.500000" y="23.000000" width="163" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="221.500000" y="23.000000" width="81" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="325.500000" y="133.000000" width="57" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="429.500000" y="23.000000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="511.500000" y="23.000000" width="81" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="719.500000" y="23.000000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB

63
e2etests/testdata/txtar/icon-style/elk/board.exp.json generated vendored
View file

@ -11,11 +11,66 @@
"isFolderOnly": false, "isFolderOnly": false,
"fontFamily": "SourceSansPro", "fontFamily": "SourceSansPro",
"shapes": [ "shapes": [
{
"id": "AWS Firewall Manager",
"type": "rectangle",
"pos": {
"x": 12,
"y": 30
},
"width": 230,
"height": 118,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "B6",
"stroke": "B1",
"animated": false,
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": {
"Scheme": "https",
"Opaque": "",
"User": null,
"Host": "icons.terrastruct.com",
"Path": "/aws/Security, Identity, & Compliance/AWS-Firewall-Manager.svg",
"RawPath": "/aws%2FSecurity%2C%20Identity%2C%20&%20Compliance%2FAWS-Firewall-Manager.svg",
"OmitHost": false,
"ForceQuery": false,
"RawQuery": "",
"Fragment": "",
"RawFragment": ""
},
"iconBorderRadius": 5,
"iconPosition": "INSIDE_MIDDLE_CENTER",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "AWS Firewall Manager",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 159,
"labelHeight": 21,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{ {
"id": "lambda", "id": "lambda",
"type": "image", "type": "image",
"pos": { "pos": {
"x": 12, "x": 262,
"y": 12 "y": 12
}, },
"width": 128, "width": 128,
@ -46,7 +101,7 @@
"Fragment": "", "Fragment": "",
"RawFragment": "" "RawFragment": ""
}, },
"iconBorderRadius": 5, "iconBorderRadius": 20,
"iconPosition": "INSIDE_MIDDLE_CENTER", "iconPosition": "INSIDE_MIDDLE_CENTER",
"blend": false, "blend": false,
"fields": null, "fields": null,
@ -70,7 +125,7 @@
"id": "AWS Cloud", "id": "AWS Cloud",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 160, "x": 410,
"y": 30 "y": 30
}, },
"width": 148, "width": 148,
@ -124,7 +179,7 @@
"id": "Mesh", "id": "Mesh",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 328, "x": 578,
"y": 30 "y": 30
}, },
"width": 107, "width": 107,

163
e2etests/testdata/txtar/icon-style/elk/sketch.exp.svg vendored
View file

@ -1,10 +1,10 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 425 155"><svg class="d2-800553471 d2-svg" width="425" height="155" viewBox="11 11 425 155"><rect x="11.000000" y="11.000000" width="425.000000" height="155.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[ <?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" data-d2-version="v0.6.9-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 675 155"><svg class="d2-2243286372 d2-svg" width="675" height="155" viewBox="11 11 675 155"><rect x="11.000000" y="11.000000" width="675.000000" height="155.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-800553471 .text-bold { .d2-2243286372 .text-bold {
font-family: "d2-800553471-font-bold"; font-family: "d2-2243286372-font-bold";
} }
@font-face { @font-face {
font-family: d2-800553471-font-bold; font-family: d2-2243286372-font-bold;
src: url("data:application/font-woff;base64,d09GRgABAAAAAArMAAoAAAAAENAAAguFAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAGAAAABgXxHXrmNtYXAAAAFUAAAAgwAAAK4CzAOrZ2x5ZgAAAdgAAATGAAAF5FsqruZoZWFkAAAGoAAAADYAAAA2G38e1GhoZWEAAAbYAAAAJAAAACQKfwXQaG10eAAABvwAAABEAAAARCWwAuRsb2NhAAAHQAAAACQAAAAkDAwNmG1heHAAAAdkAAAAIAAAACAAKQD3bmFtZQAAB4QAAAMoAAAIKgjwVkFwb3N0AAAKrAAAAB0AAAAg/9EAMgADAioCvAAFAAACigJYAAAASwKKAlgAAAFeADIBKQAAAgsHAwMEAwICBGAAAvcAAAADAAAAAAAAAABBREJPACAAIP//Au7/BgAAA9gBESAAAZ8AAAAAAfAClAAAACAAA3icdM0/jgEBHEDhb3Zmd/0ZzAEUriJqlUJNSKYgCnEaEkJoJRotR3GSn0SiUHjtVzwkUglymT3aCqlcR1dP38DQ2FRpbmFpFcGHjkyUZm+NR9zjFte4xDlOcYxD7GIbm1i/Pt9L/Ehlfv35V1FVU5draGopeAIAAP//AQAA//8cnyRiAHicXJRPbNNmGMbf74trt8ZtcZzYSZrESZzaSdskTZw4lKRN0qYppUlpCy1FNO2G2AoqFAZBK5OmXTYmjXIK09g67Y+0HSaxA9oJpO66SSBx2DR22jRp2hU0RdNArTM5aYHu4s+n73l/z/O8H7TAFAA+hW+CCdqgE8xgBVBZL9utKopEJdVkUhJMSQWx1BQ2619/pQSJYJDo8dwS31paQqVFfHP73MnSqVP/LKVS+md37+k30OV7ALj+DACP4HVoAxaAo1RFlhWJJE2cykmKRP21/3pne1c7wdifPbjz4NPADwF0OJ2Orqrx8/p7eH27srEBAIAgXK/hfnwLugBafLKciGuaGuMFSpYlH0laLbwa05ICicozHxydvTGTOe2dtCelvvHeuUOBjG1yhil+eP7cx9Oqb1FwxRaHT1/02xdeAQQlAPwtXgfR4FU5nhdUTUtyKisZEkmJoiRFkdzYai19eZY20wTN0stfXKPaTESiPF2OE0Qrhdf135xDbveQE/m2K489R6bEjadPN8SpI57HxuxSvYZpfAt6GrMrSd4YNhGXFSWM94JYLbwg8LzVQpLIkn0ndkyaC4RDau+sNy2nzuYPXOyZ8GQVOTTQcyxVOLjK9Idfc8s+l+gy+zsihYg2H+/rKdu7RKfbzfpsx0a1hQOAoAPA5MHr4AVQTS8xvvgzSaZmLpTp/asfhcgOkqA5uvB2geZogmqnQjcqd7Ot7S0E2d46iNf1h+pyPL6soqj+MHomkViOoeh2BQXkkt9fkvVfAUNPvYZ+RltgBwlA8BmBJRuIlNIAtrKSoZeMaclEI7/v81PvVrEUFLP+RGTl4NLrazQhjrXau7nJtMgcz0zOd3oVm/VVl3/1kv6n6pQuCdxxutdlEwAAQ65ewzzeBIuRpOGyREmsaqUaYg1DFcNzyUdZeR6NekdcBHO5SrjyvvR8JL00L2tzfUFLgPF6EnjzdtHhGnqjOHs1s1YoXgvdN3c0NJR6DW3hTeDAs8vUyE5JqC/R7Ab598KF1FI8eMBOVtdowlHANsXM9VokLcJcvzp9ZchpK36zPRJ1SGsW+31zx8jY+Chg8Ndr6A+0BbYdjl0RA4HyGs1JCiRpUuOGChLHLg2PnEuNlSME1h/RhWhCi8qLn3yn9Pk0ZqgyM13JZFbyXHebpnpPONzoYDARae5TzgBq+GX0fscnKyuxjYspNlelnBOx6fGqy+MM2PDm7RP23pWy/gB5tYBd0O807qjXkBlvQmfTDVZld9eQ/LGYqrJtLRRpZrqZkxNY2n4kmBE630I1tU0utNXoI6saFTRc3DMB9fzMGT0oRBM5zns4OjVRdXm6+41PBD3JiqHegC+6O1a/fmfnaPqIKbQFnf97MV5UYScmxGcu5PMXMpnVfH41EwqHQ+FQiBm8MnO0MjhYOTpzZfDNUjZXLOayJYPZWq+hz9EWKA3mF7ssN3f5+Sobm+zGVgv5U3RZHvZlRK/bFXa4U4GzswPHxWFH3DEwIHsGg2cYWVywdwkcy3M04x8Ijs4ptnkLr9jsHfukgfBIuZlXul5D/6InRl57vGZ3qvfL9HjV7XHKfHVtn0k8zKyUUVz/PRF0uNAhff9od99/AAAA//8BAAD//0XDPD0AAAABAAAAAguFaj4qu18PPPUAAQPoAAAAANhdoIQAAAAA3WYvNv43/sQIbQPxAAEAAwACAAAAAAAAAAEAAAPY/u8AAAiY/jf+NwhtAAEAAAAAAAAAAAAAAAAAAAARArIAUADIAAACPf/6AkYALgL6AE0CLAAjAy0ADgIPACoCPQBBAj0AJwIGACQCOwBBAR4AQQNZAEECKwAkAbsAFQI4ADwAAAAsACwAUAB8AK4A7gEoAWABkgHEAfgCGgI2AmgClALQAvIAAQAAABEAkAAMAGMABwABAAAAAAAAAAAAAAAAAAQAA3icnJTPbhtVFMZ/TmzTCsECRVW6ie6CRZHo2FRJ1TYrh9SKRRQHjwtCQkgTz/iPMp4ZeSYO4QlY8xa8RVc8BM+BWKP5fOzYBdEmipJ8d+75851zvnOBHf5mm0r1IfBHPTFcYa9+bniLB/UTw9u061uGqzyp/Wm4RlibG67zea1n+CPeVn8z/ID96k+GH7JbbRv+mGfVHcOfbDv+Mvwp+7xd4Aq84FfDFXbJDG+xw4+Gt3mExaxUeUTTcI3P2DNcZw/oM6EgZkLCCMeQCSOumBGR4xMxY8KQiBBHhxYxhb4mBEKO0X9+DfApmBEo4pgCR4xPTEDO2CL+Iq+Uc2Uc6jSzuxYFYwIu5HFJQIIjZURKQsSl4hQUZLyiQYOcgfhmFOR45EyI8UiZMaJBlzan9BkzIcfRVqSSmU/KkIJrAuV3ZlF2ZkBEQm6srkgIxdOJXyTvDqc4umSyXY98uhHhSxzfybvklsr2Kzz9ujVmm3mXbALm6mesrsS6udYEx7ot87b4VrjgFe5e/dlk8v4ehfpfKPIFV5p/qEklYpLg3C4tfCnId49xHOncwVdHvqdDnxO6vKGvc4sePVqc0afDa/l26eH4mi5nHMujI7y4a0sxZ/yA4xs6siljR9afxcQifiYzdefiOFMdUzL1vGTuqdZIFd59wuUOpRvqyOUz0B6Vlk7zS7RnASNTRSaGU/VyqY3c+heaIqaqpZzt7X25DXPbveUW35Bqh0u1LjiVk1swet9UvXc0c60fj4CQlAtZDEiZ0qDgRrzPCbgixnGs7p1oSwpaK58yz41UEjEVgw6J4szI9Dcw3fjGfbChe2dvSSj/kunlqqr7ZHHq1e2M3qh7yzvfuhytTaBhU03X1DQQ18S0H2mn1vn78s31uqU85YiUmPBfL8AzPJrsc8AhY2UY6GZur0NTL0STlxyq+ksiWQ2l58giHODxnAMOeMnzd/q4ZOKMi1txWc/d4pgjuhx+UBUL+y5HvF59+/+sv4tpU7U4nq5OL+49xSd3UOsX2rPb97KniZWTmFu02604I2BacnG76zW5x3j/AAAA//8BAAD///S3T1F4nGJgZgCD/+cYjBiwAAAAAAD//wEAAP//LwECAwAAAA=="); src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape { }]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
stroke-linejoin: round; stroke-linejoin: round;
@ -18,80 +18,81 @@
opacity: 0.5; opacity: 0.5;
} }
.d2-800553471 .fill-N1{fill:#0A0F25;} .d2-2243286372 .fill-N1{fill:#0A0F25;}
.d2-800553471 .fill-N2{fill:#676C7E;} .d2-2243286372 .fill-N2{fill:#676C7E;}
.d2-800553471 .fill-N3{fill:#9499AB;} .d2-2243286372 .fill-N3{fill:#9499AB;}
.d2-800553471 .fill-N4{fill:#CFD2DD;} .d2-2243286372 .fill-N4{fill:#CFD2DD;}
.d2-800553471 .fill-N5{fill:#DEE1EB;} .d2-2243286372 .fill-N5{fill:#DEE1EB;}
.d2-800553471 .fill-N6{fill:#EEF1F8;} .d2-2243286372 .fill-N6{fill:#EEF1F8;}
.d2-800553471 .fill-N7{fill:#FFFFFF;} .d2-2243286372 .fill-N7{fill:#FFFFFF;}
.d2-800553471 .fill-B1{fill:#0D32B2;} .d2-2243286372 .fill-B1{fill:#0D32B2;}
.d2-800553471 .fill-B2{fill:#0D32B2;} .d2-2243286372 .fill-B2{fill:#0D32B2;}
.d2-800553471 .fill-B3{fill:#E3E9FD;} .d2-2243286372 .fill-B3{fill:#E3E9FD;}
.d2-800553471 .fill-B4{fill:#E3E9FD;} .d2-2243286372 .fill-B4{fill:#E3E9FD;}
.d2-800553471 .fill-B5{fill:#EDF0FD;} .d2-2243286372 .fill-B5{fill:#EDF0FD;}
.d2-800553471 .fill-B6{fill:#F7F8FE;} .d2-2243286372 .fill-B6{fill:#F7F8FE;}
.d2-800553471 .fill-AA2{fill:#4A6FF3;} .d2-2243286372 .fill-AA2{fill:#4A6FF3;}
.d2-800553471 .fill-AA4{fill:#EDF0FD;} .d2-2243286372 .fill-AA4{fill:#EDF0FD;}
.d2-800553471 .fill-AA5{fill:#F7F8FE;} .d2-2243286372 .fill-AA5{fill:#F7F8FE;}
.d2-800553471 .fill-AB4{fill:#EDF0FD;} .d2-2243286372 .fill-AB4{fill:#EDF0FD;}
.d2-800553471 .fill-AB5{fill:#F7F8FE;} .d2-2243286372 .fill-AB5{fill:#F7F8FE;}
.d2-800553471 .stroke-N1{stroke:#0A0F25;} .d2-2243286372 .stroke-N1{stroke:#0A0F25;}
.d2-800553471 .stroke-N2{stroke:#676C7E;} .d2-2243286372 .stroke-N2{stroke:#676C7E;}
.d2-800553471 .stroke-N3{stroke:#9499AB;} .d2-2243286372 .stroke-N3{stroke:#9499AB;}
.d2-800553471 .stroke-N4{stroke:#CFD2DD;} .d2-2243286372 .stroke-N4{stroke:#CFD2DD;}
.d2-800553471 .stroke-N5{stroke:#DEE1EB;} .d2-2243286372 .stroke-N5{stroke:#DEE1EB;}
.d2-800553471 .stroke-N6{stroke:#EEF1F8;} .d2-2243286372 .stroke-N6{stroke:#EEF1F8;}
.d2-800553471 .stroke-N7{stroke:#FFFFFF;} .d2-2243286372 .stroke-N7{stroke:#FFFFFF;}
.d2-800553471 .stroke-B1{stroke:#0D32B2;} .d2-2243286372 .stroke-B1{stroke:#0D32B2;}
.d2-800553471 .stroke-B2{stroke:#0D32B2;} .d2-2243286372 .stroke-B2{stroke:#0D32B2;}
.d2-800553471 .stroke-B3{stroke:#E3E9FD;} .d2-2243286372 .stroke-B3{stroke:#E3E9FD;}
.d2-800553471 .stroke-B4{stroke:#E3E9FD;} .d2-2243286372 .stroke-B4{stroke:#E3E9FD;}
.d2-800553471 .stroke-B5{stroke:#EDF0FD;} .d2-2243286372 .stroke-B5{stroke:#EDF0FD;}
.d2-800553471 .stroke-B6{stroke:#F7F8FE;} .d2-2243286372 .stroke-B6{stroke:#F7F8FE;}
.d2-800553471 .stroke-AA2{stroke:#4A6FF3;} .d2-2243286372 .stroke-AA2{stroke:#4A6FF3;}
.d2-800553471 .stroke-AA4{stroke:#EDF0FD;} .d2-2243286372 .stroke-AA4{stroke:#EDF0FD;}
.d2-800553471 .stroke-AA5{stroke:#F7F8FE;} .d2-2243286372 .stroke-AA5{stroke:#F7F8FE;}
.d2-800553471 .stroke-AB4{stroke:#EDF0FD;} .d2-2243286372 .stroke-AB4{stroke:#EDF0FD;}
.d2-800553471 .stroke-AB5{stroke:#F7F8FE;} .d2-2243286372 .stroke-AB5{stroke:#F7F8FE;}
.d2-800553471 .background-color-N1{background-color:#0A0F25;} .d2-2243286372 .background-color-N1{background-color:#0A0F25;}
.d2-800553471 .background-color-N2{background-color:#676C7E;} .d2-2243286372 .background-color-N2{background-color:#676C7E;}
.d2-800553471 .background-color-N3{background-color:#9499AB;} .d2-2243286372 .background-color-N3{background-color:#9499AB;}
.d2-800553471 .background-color-N4{background-color:#CFD2DD;} .d2-2243286372 .background-color-N4{background-color:#CFD2DD;}
.d2-800553471 .background-color-N5{background-color:#DEE1EB;} .d2-2243286372 .background-color-N5{background-color:#DEE1EB;}
.d2-800553471 .background-color-N6{background-color:#EEF1F8;} .d2-2243286372 .background-color-N6{background-color:#EEF1F8;}
.d2-800553471 .background-color-N7{background-color:#FFFFFF;} .d2-2243286372 .background-color-N7{background-color:#FFFFFF;}
.d2-800553471 .background-color-B1{background-color:#0D32B2;} .d2-2243286372 .background-color-B1{background-color:#0D32B2;}
.d2-800553471 .background-color-B2{background-color:#0D32B2;} .d2-2243286372 .background-color-B2{background-color:#0D32B2;}
.d2-800553471 .background-color-B3{background-color:#E3E9FD;} .d2-2243286372 .background-color-B3{background-color:#E3E9FD;}
.d2-800553471 .background-color-B4{background-color:#E3E9FD;} .d2-2243286372 .background-color-B4{background-color:#E3E9FD;}
.d2-800553471 .background-color-B5{background-color:#EDF0FD;} .d2-2243286372 .background-color-B5{background-color:#EDF0FD;}
.d2-800553471 .background-color-B6{background-color:#F7F8FE;} .d2-2243286372 .background-color-B6{background-color:#F7F8FE;}
.d2-800553471 .background-color-AA2{background-color:#4A6FF3;} .d2-2243286372 .background-color-AA2{background-color:#4A6FF3;}
.d2-800553471 .background-color-AA4{background-color:#EDF0FD;} .d2-2243286372 .background-color-AA4{background-color:#EDF0FD;}
.d2-800553471 .background-color-AA5{background-color:#F7F8FE;} .d2-2243286372 .background-color-AA5{background-color:#F7F8FE;}
.d2-800553471 .background-color-AB4{background-color:#EDF0FD;} .d2-2243286372 .background-color-AB4{background-color:#EDF0FD;}
.d2-800553471 .background-color-AB5{background-color:#F7F8FE;} .d2-2243286372 .background-color-AB5{background-color:#F7F8FE;}
.d2-800553471 .color-N1{color:#0A0F25;} .d2-2243286372 .color-N1{color:#0A0F25;}
.d2-800553471 .color-N2{color:#676C7E;} .d2-2243286372 .color-N2{color:#676C7E;}
.d2-800553471 .color-N3{color:#9499AB;} .d2-2243286372 .color-N3{color:#9499AB;}
.d2-800553471 .color-N4{color:#CFD2DD;} .d2-2243286372 .color-N4{color:#CFD2DD;}
.d2-800553471 .color-N5{color:#DEE1EB;} .d2-2243286372 .color-N5{color:#DEE1EB;}
.d2-800553471 .color-N6{color:#EEF1F8;} .d2-2243286372 .color-N6{color:#EEF1F8;}
.d2-800553471 .color-N7{color:#FFFFFF;} .d2-2243286372 .color-N7{color:#FFFFFF;}
.d2-800553471 .color-B1{color:#0D32B2;} .d2-2243286372 .color-B1{color:#0D32B2;}
.d2-800553471 .color-B2{color:#0D32B2;} .d2-2243286372 .color-B2{color:#0D32B2;}
.d2-800553471 .color-B3{color:#E3E9FD;} .d2-2243286372 .color-B3{color:#E3E9FD;}
.d2-800553471 .color-B4{color:#E3E9FD;} .d2-2243286372 .color-B4{color:#E3E9FD;}
.d2-800553471 .color-B5{color:#EDF0FD;} .d2-2243286372 .color-B5{color:#EDF0FD;}
.d2-800553471 .color-B6{color:#F7F8FE;} .d2-2243286372 .color-B6{color:#F7F8FE;}
.d2-800553471 .color-AA2{color:#4A6FF3;} .d2-2243286372 .color-AA2{color:#4A6FF3;}
.d2-800553471 .color-AA4{color:#EDF0FD;} .d2-2243286372 .color-AA4{color:#EDF0FD;}
.d2-800553471 .color-AA5{color:#F7F8FE;} .d2-2243286372 .color-AA5{color:#F7F8FE;}
.d2-800553471 .color-AB4{color:#EDF0FD;} .d2-2243286372 .color-AB4{color:#EDF0FD;}
.d2-800553471 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-800553471);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-800553471);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-800553471);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-800553471);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-800553471);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-800553471);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-800553471);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-800553471);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><clipPath id="d2-800553471-NRQW2YTEME-icon"><path d="M 12.000000 17.000000 L 12.000000 17.000000 S 12.000000 12.000000 17.000000 12.000000 L 135.000000 12.000000 L 135.000000 12.000000 S 140.000000 12.000000 140.000000 17.000000 L 140.000000 135.000000 S 140.000000 140.000000 135.000000 140.000000 L 17.000000 140.000000 S 12.000000 140.000000 12.000000 135.000000L 12.000000 17.000000Z 12.000000 12.000000" fill="none" /> </clipPath><g class="bGFtYmRh"><g class="shape" ><image href="https://icons.terrastruct.com/aws%2FCompute%2FAWS-Lambda.svg" x="12.000000" y="12.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-800553471-NRQW2YTEME-icon)" /></g><text x="76.000000" y="161.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">lambda</text></g><g class="QVdTIENsb3Vk"><g class="shape" ><rect x="160.000000" y="30.000000" width="148.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2F_Group%20Icons%2FAWS-Cloud_light-bg.svg" x="204.500000" y="59.500000" width="59" height="59" /><text x="234.000000" y="51.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">AWS Cloud</text></g><g class="TWVzaA=="><g class="shape" ><rect x="328.000000" y="30.000000" width="107.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FNetworking%20&amp;%20Content%20Delivery%2FAWS-App-Mesh.svg" x="354.500000" y="62.000000" width="54" height="54" clip-path="inset(0 round 999px)" /><text x="381.500000" y="51.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Mesh</text></g><mask id="d2-800553471" maskUnits="userSpaceOnUse" x="11" y="11" width="425" height="155"> .d2-2243286372 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker-d2-2243286372);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2243286372);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2243286372);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2243286372);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2243286372);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2243286372);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2243286372);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2243286372);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="QVdTIEZpcmV3YWxsIE1hbmFnZXI="><g class="shape" ><rect x="12.000000" y="30.000000" width="230.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FSecurity%2C%20Identity%2C%20&amp;%20Compliance%2FAWS-Firewall-Manager.svg" x="97.500000" y="59.500000" width="59" height="59" clip-path="inset(0 round 5px)" /><text x="127.000000" y="51.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">AWS Firewall Manager</text></g><clipPath id="d2-2243286372-NRQW2YTEME-icon"><path d="M 262.000000 32.000000 L 262.000000 32.000000 S 262.000000 12.000000 282.000000 12.000000 L 370.000000 12.000000 L 370.000000 12.000000 S 390.000000 12.000000 390.000000 32.000000 L 390.000000 120.000000 S 390.000000 140.000000 370.000000 140.000000 L 282.000000 140.000000 S 262.000000 140.000000 262.000000 120.000000L 262.000000 32.000000Z 262.000000 12.000000" fill="none" /> </clipPath><g class="bGFtYmRh"><g class="shape" ><image href="https://icons.terrastruct.com/aws%2FCompute%2FAWS-Lambda.svg" x="262.000000" y="12.000000" width="128.000000" height="128.000000" stroke="#0D32B2" fill="#FFFFFF" class=" stroke-B1 fill-N7" style="stroke-width:2;" clip-path="url(#d2-2243286372-NRQW2YTEME-icon)" /></g><text x="326.000000" y="161.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">lambda</text></g><g class="QVdTIENsb3Vk"><g class="shape" ><rect x="410.000000" y="30.000000" width="148.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2F_Group%20Icons%2FAWS-Cloud_light-bg.svg" x="454.500000" y="59.500000" width="59" height="59" /><text x="484.000000" y="51.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">AWS Cloud</text></g><g class="TWVzaA=="><g class="shape" ><rect x="578.000000" y="30.000000" width="107.000000" height="118.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="https://icons.terrastruct.com/aws%2FNetworking%20&amp;%20Content%20Delivery%2FAWS-App-Mesh.svg" x="604.500000" y="62.000000" width="54" height="54" clip-path="inset(0 round 999px)" /><text x="631.500000" y="51.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Mesh</text></g><mask id="d2-2243286372" maskUnits="userSpaceOnUse" x="11" y="11" width="675" height="155">
<rect x="11" y="11" width="425" height="155" fill="white"></rect> <rect x="11" y="11" width="675" height="155" fill="white"></rect>
<rect x="47.500000" y="145.000000" width="57" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="45.500000" y="35.000000" width="163" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="193.500000" y="35.000000" width="81" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="297.500000" y="145.000000" width="57" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="361.500000" y="35.000000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect> <rect x="443.500000" y="35.000000" width="81" height="21" fill="rgba(0,0,0,0.75)"></rect>
<rect x="611.500000" y="35.000000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
</mask></svg></svg> </mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 13 KiB