create new image component (#1127)

* feat:  create image component
This commit is contained in:
Dharini Jeeva authored and GitHub committed 2022-06-08 08:45:59 -07:00
1 parent dc78fe9028
commit 8a05dbbc56
4 files changed
+141

No files matched your search

@@ -0,0 +1,3 @@
<span ...attributes class='image-container'>
{{inline-svg @name}}
</span>
+1
View File
@@ -0,0 +1 @@
export { default } from 'core/components/image';
+123
View File
@@ -0,0 +1,123 @@
<svg width="482" height="209" viewBox="0 0 482 209" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_dd_4385_55671)">
<rect x="41" y="12" width="150" height="52" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M58 33.25C58 32.0074 59.0074 31 60.25 31H66.75C67.9926 31 69 32.0074 69 33.25V35.3622L71.0506 36.8147C71.6461 37.2365 72.0001 37.921 72.0001 38.6507L72.0001 43.7501C72.0001 44.4404 71.4404 45.0001 70.7501 45.0001H68.2501C68.0421 45.0001 67.854 44.9154 67.7181 44.7788C67.5833 44.6432 67.5 44.4563 67.5 44.25V33.25C67.5 32.8358 67.1642 32.5 66.75 32.5H60.25C59.8358 32.5 59.5 32.8358 59.5 33.25V44.25C59.5 44.6642 59.1642 45 58.75 45C58.3358 45 58 44.6642 58 44.25V33.25ZM69 43.5001V37.2004L70.1836 38.0387C70.3821 38.1793 70.5001 38.4075 70.5001 38.6507L70.5001 43.5001H69Z" fill="#BAC1CC"/>
<path d="M61.75 40.5498C61.3634 40.5498 61.05 40.8632 61.05 41.2498V44.2498C61.05 44.6364 61.3634 44.9498 61.75 44.9498C62.1366 44.9498 62.45 44.6364 62.45 44.2498V41.9498H64.55V44.2498C64.55 44.6364 64.8634 44.9498 65.25 44.9498C65.6366 44.9498 65.95 44.6364 65.95 44.2498V41.2498C65.95 40.8632 65.6366 40.5498 65.25 40.5498H61.75Z" fill="#BAC1CC"/>
<path d="M61.25 34.75C61.25 34.3358 61.5858 34 62 34H62.25C62.6642 34 63 34.3358 63 34.75C63 35.1642 62.6642 35.5 62.25 35.5H62C61.5858 35.5 61.25 35.1642 61.25 34.75Z" fill="#BAC1CC"/>
<path d="M64.75 34C64.3358 34 64 34.3358 64 34.75C64 35.1642 64.3358 35.5 64.75 35.5H65C65.4142 35.5 65.75 35.1642 65.75 34.75C65.75 34.3358 65.4142 34 65 34H64.75Z" fill="#BAC1CC"/>
<path d="M61.25 36.75C61.25 36.3358 61.5858 36 62 36H62.25C62.6642 36 63 36.3358 63 36.75C63 37.1642 62.6642 37.5 62.25 37.5H62C61.5858 37.5 61.25 37.1642 61.25 36.75Z" fill="#BAC1CC"/>
<path d="M64.75 36C64.3358 36 64 36.3358 64 36.75C64 37.1642 64.3358 37.5 64.75 37.5H65C65.4142 37.5 65.75 37.1642 65.75 36.75C65.75 36.3358 65.4142 36 65 36H64.75Z" fill="#BAC1CC"/>
<path d="M61.25 38.75C61.25 38.3358 61.5858 38 62 38H62.25C62.6642 38 63 38.3358 63 38.75C63 39.1642 62.6642 39.5 62.25 39.5H62C61.5858 39.5 61.25 39.1642 61.25 38.75Z" fill="#BAC1CC"/>
<path d="M64.75 38C64.3358 38 64 38.3358 64 38.75C64 39.1642 64.3358 39.5 64.75 39.5H65C65.4142 39.5 65.75 39.1642 65.75 38.75C65.75 38.3358 65.4142 38 65 38H64.75Z" fill="#BAC1CC"/>
<path d="M87.25 32.4453C83.9766 32.4453 81.9141 34.7188 81.9141 38.3594C81.9141 41.9922 83.9453 44.2812 87.25 44.2812C90.5391 44.2812 92.5781 41.9922 92.5781 38.3594C92.5781 34.7188 90.5312 32.4453 87.25 32.4453ZM87.25 34.1875C89.25 34.1875 90.5234 35.8047 90.5234 38.3594C90.5234 40.8984 89.2578 42.5391 87.25 42.5391C85.2188 42.5391 83.9766 40.8984 83.9766 38.3594C83.9766 35.8047 85.25 34.1875 87.25 34.1875ZM94.4175 44H96.355V39.0391C96.355 37.8359 97.23 37.0547 98.4878 37.0547C98.8159 37.0547 99.3316 37.1094 99.48 37.1641V35.3984C99.3003 35.3516 98.9566 35.3203 98.6753 35.3203C97.5737 35.3203 96.6519 35.9453 96.4175 36.7891H96.2847V35.4609H94.4175V44ZM104.257 47.25C106.749 47.25 108.327 46.0078 108.327 44.0469V35.4609H106.46V36.8281H106.327C105.858 35.8984 104.843 35.3203 103.679 35.3203C101.499 35.3203 100.147 37.0234 100.147 39.6406C100.147 42.2031 101.491 43.875 103.647 43.875C104.835 43.875 105.765 43.375 106.257 42.4531H106.39V44.0781C106.39 45.1641 105.616 45.8047 104.288 45.8047C103.226 45.8047 102.538 45.4219 102.413 44.8203H100.468C100.624 46.2891 102.062 47.25 104.257 47.25ZM104.257 42.3359C102.905 42.3359 102.14 41.2891 102.14 39.6328C102.14 37.9844 102.905 36.9375 104.257 36.9375C105.601 36.9375 106.421 37.9844 106.421 39.6406C106.421 41.2891 105.608 42.3359 104.257 42.3359Z" fill="#BAC1CC"/>
<rect x="40.5" y="11.5" width="151" height="53" rx="2.5" stroke="#BAC1CC"/>
</g>
<path d="M59.5 76.75C59.5 76.3358 59.8358 76 60.25 76C60.6642 76 61 76.3358 61 76.75V81.25C61 81.7141 61.1844 82.1592 61.5126 82.4874C61.8408 82.8156 62.2859 83 62.75 83H68.4393L66.2197 80.7803C65.9268 80.4874 65.9268 80.0126 66.2197 79.7197C66.5126 79.4268 66.9874 79.4268 67.2803 79.7197L70.7803 83.2197C71.0732 83.5126 71.0732 83.9874 70.7803 84.2803L67.2803 87.7803C66.9874 88.0732 66.5126 88.0732 66.2197 87.7803C65.9268 87.4874 65.9268 87.0126 66.2197 86.7197L68.4393 84.5H62.75C61.888 84.5 61.0614 84.1576 60.4519 83.5481C59.8424 82.9386 59.5 82.112 59.5 81.25V76.75Z" fill="#6F7682"/>
<g filter="url(#filter1_dd_4385_55671)">
<rect x="85" y="56" width="150" height="52" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103.25 75C102.56 75 102 75.5596 102 76.25V79.75C102 80.4404 102.56 81 103.25 81H106.75C107.44 81 108 80.4404 108 79.75V76.25C108 75.5596 107.44 75 106.75 75H103.25ZM103.5 79.5V76.5H106.5V79.5H103.5Z" fill="#BAC1CC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M111.25 75C110.56 75 110 75.5596 110 76.25V79.75C110 80.4404 110.56 81 111.25 81H114.75C115.44 81 116 80.4404 116 79.75V76.25C116 75.5596 115.44 75 114.75 75H111.25ZM111.5 79.5V76.5H114.5V79.5H111.5Z" fill="#BAC1CC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M110 84.25C110 83.5596 110.56 83 111.25 83H114.75C115.44 83 116 83.5596 116 84.25V87.75C116 88.4404 115.44 89 114.75 89H111.25C110.56 89 110 88.4404 110 87.75V84.25ZM111.5 84.5V87.5H114.5V84.5H111.5Z" fill="#BAC1CC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M103.25 83C102.56 83 102 83.5596 102 84.25V87.75C102 88.4404 102.56 89 103.25 89H106.75C107.44 89 108 88.4404 108 87.75V84.25C108 83.5596 107.44 83 106.75 83H103.25ZM103.5 87.5V84.5H106.5V87.5H103.5Z" fill="#BAC1CC"/>
<path d="M126.391 76.7266V88H128.406V84.2734H130.852C133.133 84.2734 134.727 82.75 134.727 80.5234C134.727 78.2578 133.188 76.7266 130.938 76.7266H126.391ZM128.406 78.375H130.406C131.859 78.375 132.68 79.125 132.68 80.5234C132.68 81.8828 131.836 82.6484 130.398 82.6484H128.406V78.375ZM136.48 88H138.417V83.0391C138.417 81.8359 139.292 81.0547 140.55 81.0547C140.878 81.0547 141.394 81.1094 141.542 81.1641V79.3984C141.363 79.3516 141.019 79.3203 140.738 79.3203C139.636 79.3203 138.714 79.9453 138.48 80.7891H138.347V79.4609H136.48V88ZM146.335 88.1719C148.89 88.1719 150.444 86.5 150.444 83.7266C150.444 80.9688 148.882 79.2969 146.335 79.2969C143.796 79.2969 142.226 80.9766 142.226 83.7266C142.226 86.5 143.772 88.1719 146.335 88.1719ZM146.335 86.5859C144.983 86.5859 144.21 85.5391 144.21 83.7344C144.21 81.9297 144.983 80.8828 146.335 80.8828C147.679 80.8828 148.452 81.9297 148.452 83.7344C148.452 85.5391 147.687 86.5859 146.335 86.5859ZM153.128 78.0312C153.76 78.0312 154.284 77.5234 154.284 76.8828C154.284 76.25 153.76 75.7344 153.128 75.7344C152.487 75.7344 151.963 76.25 151.963 76.8828C151.963 77.5234 152.487 78.0312 153.128 78.0312ZM154.081 79.4609H152.151V88.3047C152.151 89.0938 151.846 89.4141 150.987 89.4141C150.948 89.4141 150.76 89.4141 150.737 89.4062V90.8984C150.792 90.9062 151.104 90.9141 151.206 90.9141C153.12 90.9141 154.081 90.0781 154.081 88.3281V79.4609ZM161.787 85.6641C161.506 86.3047 160.842 86.6641 159.881 86.6641C158.608 86.6641 157.787 85.7578 157.74 84.3125V84.2109H163.709V83.5938C163.709 80.9141 162.248 79.2969 159.811 79.2969C157.334 79.2969 155.795 81.0234 155.795 83.7656C155.795 86.5 157.311 88.1719 159.826 88.1719C161.842 88.1719 163.272 87.2031 163.623 85.6641H161.787ZM159.803 80.8047C160.967 80.8047 161.733 81.625 161.772 82.9219H157.748C157.834 81.6406 158.647 80.8047 159.803 80.8047ZM172.767 82.3125C172.564 80.5469 171.236 79.2969 169.041 79.2969C166.47 79.2969 164.963 80.9453 164.963 83.7109C164.963 86.5078 166.478 88.1719 169.048 88.1719C171.213 88.1719 172.556 86.9688 172.767 85.2031H170.923C170.72 86.1016 170.048 86.5781 169.041 86.5781C167.72 86.5781 166.923 85.5234 166.923 83.7109C166.923 81.9297 167.713 80.8828 169.041 80.8828C170.103 80.8828 170.744 81.4844 170.923 82.3125H172.767ZM175.075 77.3672V79.5156H173.724V81.0234H175.075V85.7344C175.075 87.3828 175.857 88.0391 177.818 88.0391C178.193 88.0391 178.552 88.0078 178.833 87.9531V86.4688C178.599 86.4922 178.45 86.5078 178.177 86.5078C177.364 86.5078 177.005 86.125 177.005 85.2734V81.0234H178.833V79.5156H177.005V77.3672H175.075Z" fill="#BAC1CC"/>
<rect x="84.5" y="55.5" width="151" height="53" rx="2.5" stroke="#BAC1CC"/>
</g>
<path d="M103.5 120.75C103.5 120.336 103.836 120 104.25 120C104.664 120 105 120.336 105 120.75V125.25C105 125.714 105.184 126.159 105.513 126.487C105.841 126.816 106.286 127 106.75 127H112.439L110.22 124.78C109.927 124.487 109.927 124.013 110.22 123.72C110.513 123.427 110.987 123.427 111.28 123.72L114.78 127.22C115.073 127.513 115.073 127.987 114.78 128.28L111.28 131.78C110.987 132.073 110.513 132.073 110.22 131.78C109.927 131.487 109.927 131.013 110.22 130.72L112.439 128.5H106.75C105.888 128.5 105.061 128.158 104.452 127.548C103.842 126.939 103.5 126.112 103.5 125.25V120.75Z" fill="#6F7682"/>
<g filter="url(#filter2_dd_4385_55671)">
<rect x="129" y="100" width="150" height="52" rx="2" fill="white"/>
<path d="M148.05 122.75C148.05 122.363 148.363 122.05 148.75 122.05H152.25C152.637 122.05 152.95 122.363 152.95 122.75C152.95 123.137 152.637 123.45 152.25 123.45H148.75C148.363 123.45 148.05 123.137 148.05 122.75Z" fill="#BAC1CC"/>
<path d="M148.75 125.05C148.363 125.05 148.05 125.363 148.05 125.75C148.05 126.137 148.363 126.45 148.75 126.45H151.25C151.637 126.45 151.95 126.137 151.95 125.75C151.95 125.363 151.637 125.05 151.25 125.05H148.75Z" fill="#BAC1CC"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M145 121.25C145 120.007 146.007 119 147.25 119H153.75C154.633 119 155.398 119.509 155.766 120.25H156.75C157.448 120.25 158.051 120.659 158.332 121.25H159.25C160.216 121.25 161 122.034 161 123V129C161 129.966 160.216 130.75 159.25 130.75H158.332C158.051 131.341 157.448 131.75 156.75 131.75H155.766C155.398 132.491 154.633 133 153.75 133H147.25C146.007 133 145 131.993 145 130.75V121.25ZM158.5 129.25H159.25C159.388 129.25 159.5 129.138 159.5 129V123C159.5 122.862 159.388 122.75 159.25 122.75H158.5V129.25ZM156 130.25V121.75H156.75C156.888 121.75 157 121.862 157 122V130C157 130.138 156.888 130.25 156.75 130.25H156ZM147.25 120.5C146.836 120.5 146.5 120.836 146.5 121.25V130.75C146.5 131.164 146.836 131.5 147.25 131.5H153.75C154.164 131.5 154.5 131.164 154.5 130.75V121.25C154.5 120.836 154.164 120.5 153.75 120.5H147.25Z" fill="#BAC1CC"/>
<path d="M179.898 132V120.727H177.891V125.414H172.406V120.727H170.391V132H172.406V127.109H177.891V132H179.898ZM185.902 132.172C188.457 132.172 190.011 130.5 190.011 127.727C190.011 124.969 188.449 123.297 185.902 123.297C183.363 123.297 181.792 124.977 181.792 127.727C181.792 130.5 183.339 132.172 185.902 132.172ZM185.902 130.586C184.55 130.586 183.777 129.539 183.777 127.734C183.777 125.93 184.55 124.883 185.902 124.883C187.246 124.883 188.019 125.93 188.019 127.734C188.019 129.539 187.253 130.586 185.902 130.586ZM191.499 125.898C191.499 127.18 192.272 127.93 193.913 128.305L195.429 128.656C196.241 128.844 196.608 129.156 196.608 129.641C196.608 130.289 195.929 130.734 194.952 130.734C193.983 130.734 193.382 130.344 193.194 129.711H191.28C191.429 131.25 192.772 132.172 194.905 132.172C197.038 132.172 198.546 131.086 198.546 129.453C198.546 128.195 197.788 127.5 196.155 127.125L194.647 126.789C193.788 126.586 193.382 126.281 193.382 125.797C193.382 125.164 194.046 124.734 194.929 124.734C195.835 124.734 196.405 125.125 196.546 125.727H198.366C198.226 124.188 196.952 123.297 194.921 123.297C192.905 123.297 191.499 124.367 191.499 125.898ZM200.792 121.367V123.516H199.44V125.023H200.792V129.734C200.792 131.383 201.573 132.039 203.534 132.039C203.909 132.039 204.268 132.008 204.549 131.953V130.469C204.315 130.492 204.167 130.508 203.893 130.508C203.081 130.508 202.721 130.125 202.721 129.273V125.023H204.549V123.516H202.721V121.367H200.792ZM210.017 125.898C210.017 127.18 210.791 127.93 212.431 128.305L213.947 128.656C214.759 128.844 215.127 129.156 215.127 129.641C215.127 130.289 214.447 130.734 213.47 130.734C212.502 130.734 211.9 130.344 211.713 129.711H209.798C209.947 131.25 211.291 132.172 213.423 132.172C215.556 132.172 217.064 131.086 217.064 129.453C217.064 128.195 216.306 127.5 214.673 127.125L213.166 126.789C212.306 126.586 211.9 126.281 211.9 125.797C211.9 125.164 212.564 124.734 213.447 124.734C214.353 124.734 214.923 125.125 215.064 125.727H216.884C216.744 124.188 215.47 123.297 213.439 123.297C211.423 123.297 210.017 124.367 210.017 125.898ZM224.325 129.664C224.044 130.305 223.38 130.664 222.419 130.664C221.146 130.664 220.325 129.758 220.278 128.312V128.211H226.247V127.594C226.247 124.914 224.786 123.297 222.349 123.297C219.872 123.297 218.333 125.023 218.333 127.766C218.333 130.5 219.849 132.172 222.364 132.172C224.38 132.172 225.81 131.203 226.161 129.664H224.325ZM222.341 124.805C223.505 124.805 224.271 125.625 224.31 126.922H220.286C220.372 125.641 221.185 124.805 222.341 124.805ZM228.54 121.367V123.516H227.188V125.023H228.54V129.734C228.54 131.383 229.321 132.039 231.282 132.039C231.657 132.039 232.016 132.008 232.298 131.953V130.469C232.063 130.492 231.915 130.508 231.641 130.508C230.829 130.508 230.469 130.125 230.469 129.273V125.023H232.298V123.516H230.469V121.367H228.54Z" fill="#BAC1CC"/>
<rect x="128.5" y="99.5" width="151" height="53" rx="2.5" stroke="#BAC1CC"/>
</g>
<path d="M147.5 164.75C147.5 164.336 147.836 164 148.25 164C148.664 164 149 164.336 149 164.75V169.25C149 169.714 149.184 170.159 149.513 170.487C149.841 170.816 150.286 171 150.75 171H156.439L154.22 168.78C153.927 168.487 153.927 168.013 154.22 167.72C154.513 167.427 154.987 167.427 155.28 167.72L158.78 171.22C159.073 171.513 159.073 171.987 158.78 172.28L155.28 175.78C154.987 176.073 154.513 176.073 154.22 175.78C153.927 175.487 153.927 175.013 154.22 174.72L156.439 172.5H150.75C149.888 172.5 149.061 172.158 148.452 171.548C147.842 170.939 147.5 170.112 147.5 169.25V164.75Z" fill="#6F7682"/>
<g filter="url(#filter3_dd_4385_55671)">
<rect x="173" y="144" width="150" height="52" rx="2" fill="white"/>
<path d="M197 164.5C195.104 164.5 193.432 165.458 192.442 166.921C192.21 167.263 191.744 167.353 191.401 167.121C191.058 166.889 190.968 166.422 191.2 166.079C192.457 164.223 194.586 163 197 163C200.866 163 204 166.134 204 170C204 173.866 200.866 177 197 177C194.586 177 192.457 175.777 191.2 173.921C190.968 173.578 191.058 173.111 191.401 172.879C191.744 172.647 192.21 172.737 192.442 173.079C193.432 174.542 195.104 175.5 197 175.5C200.038 175.5 202.5 173.038 202.5 170C202.5 166.962 200.038 164.5 197 164.5Z" fill="black"/>
<path d="M196.245 166.695C195.939 166.974 195.916 167.448 196.195 167.755L197.555 169.25H190.75C190.336 169.25 190 169.586 190 170C190 170.414 190.336 170.75 190.75 170.75H197.555L196.195 172.246C195.916 172.552 195.939 173.026 196.245 173.305C196.552 173.584 197.026 173.561 197.305 173.255L199.805 170.505C200.065 170.218 200.065 169.782 199.805 169.496L197.305 166.746C197.026 166.439 196.552 166.416 196.245 166.695Z" fill="black"/>
<path d="M219.523 176V171.555L223.477 164.727H221.266L218.586 169.562H218.453L215.766 164.727H213.555L217.508 171.555V176H219.523ZM227.183 176.172C229.738 176.172 231.292 174.5 231.292 171.727C231.292 168.969 229.73 167.297 227.183 167.297C224.644 167.297 223.074 168.977 223.074 171.727C223.074 174.5 224.621 176.172 227.183 176.172ZM227.183 174.586C225.832 174.586 225.058 173.539 225.058 171.734C225.058 169.93 225.832 168.883 227.183 168.883C228.527 168.883 229.3 169.93 229.3 171.734C229.3 173.539 228.535 174.586 227.183 174.586ZM240.413 167.461H238.476V172.438C238.476 173.727 237.788 174.508 236.53 174.508C235.374 174.508 234.835 173.867 234.835 172.539V167.461H232.897V173.008C232.897 175.008 233.991 176.172 235.858 176.172C237.163 176.172 237.999 175.617 238.413 174.641H238.546V176H240.413V167.461ZM242.518 176H244.456V171.039C244.456 169.836 245.331 169.055 246.588 169.055C246.917 169.055 247.432 169.109 247.581 169.164V167.398C247.401 167.352 247.057 167.32 246.776 167.32C245.674 167.32 244.753 167.945 244.518 168.789H244.385V167.461H242.518V176ZM252.978 176H254.916V171.039C254.916 169.789 255.627 168.953 256.9 168.953C258.025 168.953 258.619 169.625 258.619 170.945V176H260.556V170.492C260.556 168.461 259.447 167.305 257.619 167.305C256.345 167.305 255.431 167.883 255.025 168.844H254.884V164.156H252.978V176ZM266.271 176.172C268.825 176.172 270.38 174.5 270.38 171.727C270.38 168.969 268.818 167.297 266.271 167.297C263.732 167.297 262.161 168.977 262.161 171.727C262.161 174.5 263.708 176.172 266.271 176.172ZM266.271 174.586C264.919 174.586 264.146 173.539 264.146 171.734C264.146 169.93 264.919 168.883 266.271 168.883C267.614 168.883 268.388 169.93 268.388 171.734C268.388 173.539 267.622 174.586 266.271 174.586ZM271.868 169.898C271.868 171.18 272.641 171.93 274.282 172.305L275.798 172.656C276.61 172.844 276.977 173.156 276.977 173.641C276.977 174.289 276.298 174.734 275.321 174.734C274.352 174.734 273.751 174.344 273.563 173.711H271.649C271.798 175.25 273.141 176.172 275.274 176.172C277.407 176.172 278.915 175.086 278.915 173.453C278.915 172.195 278.157 171.5 276.524 171.125L275.016 170.789C274.157 170.586 273.751 170.281 273.751 169.797C273.751 169.164 274.415 168.734 275.298 168.734C276.204 168.734 276.774 169.125 276.915 169.727H278.735C278.594 168.188 277.321 167.297 275.29 167.297C273.274 167.297 271.868 168.367 271.868 169.898ZM281.16 165.367V167.516H279.809V169.023H281.16V173.734C281.16 175.383 281.942 176.039 283.902 176.039C284.277 176.039 284.637 176.008 284.918 175.953V174.469C284.684 174.492 284.535 174.508 284.262 174.508C283.449 174.508 283.09 174.125 283.09 173.273V169.023H284.918V167.516H283.09V165.367H281.16Z" fill="black"/>
<rect x="172.5" y="143.5" width="151" height="53" rx="2.5" stroke="#BAC1CC"/>
</g>
<line x1="323" y1="169.5" x2="335" y2="169.5" stroke="#BAC1CC"/>
<g filter="url(#filter4_dd_4385_55671)">
<rect x="335" y="144" width="106" height="52" rx="2" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M359 168C357.895 168 357 168.895 357 170C357 171.105 357.895 172 359 172C360.105 172 361 171.105 361 170C361 168.895 360.105 168 359 168ZM358.5 170C358.5 169.724 358.724 169.5 359 169.5C359.276 169.5 359.5 169.724 359.5 170C359.5 170.276 359.276 170.5 359 170.5C358.724 170.5 358.5 170.276 358.5 170Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M354 170C354 167.239 356.239 165 359 165C361.761 165 364 167.239 364 170C364 172.761 361.761 175 359 175C356.239 175 354 172.761 354 170ZM359 166.5C357.067 166.5 355.5 168.067 355.5 170C355.5 171.933 357.067 173.5 359 173.5C360.933 173.5 362.5 171.933 362.5 170C362.5 168.067 360.933 166.5 359 166.5Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M351 170C351 165.582 354.582 162 359 162C363.418 162 367 165.582 367 170C367 174.418 363.418 178 359 178C354.582 178 351 174.418 351 170ZM359 163.5C355.41 163.5 352.5 166.41 352.5 170C352.5 173.59 355.41 176.5 359 176.5C362.59 176.5 365.5 173.59 365.5 170C365.5 166.41 362.59 163.5 359 163.5Z" fill="black"/>
<path d="M381.211 176V166.422H384.688V164.727H375.727V166.422H379.195V176H381.211ZM387.128 176.141C388.246 176.141 389.183 175.656 389.66 174.828H389.792V176H391.66V170.164C391.66 168.359 390.425 167.297 388.23 167.297C386.199 167.297 384.785 168.25 384.628 169.742H386.457C386.636 169.156 387.246 168.836 388.136 168.836C389.183 168.836 389.746 169.312 389.746 170.164V170.898L387.542 171.031C385.464 171.148 384.3 172.047 384.3 173.578C384.3 175.141 385.48 176.141 387.128 176.141ZM387.699 174.648C386.839 174.648 386.222 174.219 386.222 173.484C386.222 172.773 386.73 172.375 387.816 172.305L389.746 172.172V172.867C389.746 173.883 388.871 174.648 387.699 174.648ZM393.726 176H395.663V171.039C395.663 169.836 396.538 169.055 397.796 169.055C398.124 169.055 398.64 169.109 398.788 169.164V167.398C398.608 167.352 398.265 167.32 397.983 167.32C396.882 167.32 395.96 167.945 395.726 168.789H395.593V167.461H393.726V176ZM403.565 179.25C406.057 179.25 407.635 178.008 407.635 176.047V167.461H405.768V168.828H405.635C405.167 167.898 404.151 167.32 402.987 167.32C400.807 167.32 399.456 169.023 399.456 171.641C399.456 174.203 400.799 175.875 402.956 175.875C404.143 175.875 405.073 175.375 405.565 174.453H405.698V176.078C405.698 177.164 404.924 177.805 403.596 177.805C402.534 177.805 401.846 177.422 401.721 176.82H399.776C399.932 178.289 401.37 179.25 403.565 179.25ZM403.565 174.336C402.213 174.336 401.448 173.289 401.448 171.633C401.448 169.984 402.213 168.938 403.565 168.938C404.909 168.938 405.729 169.984 405.729 171.641C405.729 173.289 404.917 174.336 403.565 174.336ZM415.318 173.664C415.037 174.305 414.373 174.664 413.412 174.664C412.139 174.664 411.318 173.758 411.272 172.312V172.211H417.24V171.594C417.24 168.914 415.779 167.297 413.342 167.297C410.865 167.297 409.326 169.023 409.326 171.766C409.326 174.5 410.842 176.172 413.357 176.172C415.373 176.172 416.803 175.203 417.154 173.664H415.318ZM413.334 168.805C414.498 168.805 415.264 169.625 415.303 170.922H411.279C411.365 169.641 412.178 168.805 413.334 168.805ZM419.533 165.367V167.516H418.181V169.023H419.533V173.734C419.533 175.383 420.314 176.039 422.275 176.039C422.65 176.039 423.009 176.008 423.291 175.953V174.469C423.056 174.492 422.908 174.508 422.634 174.508C421.822 174.508 421.463 174.125 421.463 173.273V169.023H423.291V167.516H421.463V165.367H419.533Z" fill="black"/>
<rect x="334.5" y="143.5" width="107" height="53" rx="2.5" stroke="#BAC1CC"/>
</g>
<defs>
<filter id="filter0_dd_4385_55671" x="32" y="7" width="168" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_55671"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_4385_55671" result="effect2_dropShadow_4385_55671"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4385_55671" result="shape"/>
</filter>
<filter id="filter1_dd_4385_55671" x="76" y="51" width="168" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_55671"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_4385_55671" result="effect2_dropShadow_4385_55671"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4385_55671" result="shape"/>
</filter>
<filter id="filter2_dd_4385_55671" x="120" y="95" width="168" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_55671"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_4385_55671" result="effect2_dropShadow_4385_55671"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4385_55671" result="shape"/>
</filter>
<filter id="filter3_dd_4385_55671" x="164" y="139" width="168" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_55671"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_4385_55671" result="effect2_dropShadow_4385_55671"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4385_55671" result="shape"/>
</filter>
<filter id="filter4_dd_4385_55671" x="326" y="139" width="124" height="70" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4385_55671"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="4"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="effect1_dropShadow_4385_55671" result="effect2_dropShadow_4385_55671"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4385_55671" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 26 KiB

@@ -0,0 +1,14 @@
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, find } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';
module('Integration | Component | Image', function (hooks) {
setupRenderingTest(hooks);
test('it renders', async function (assert) {
assert.expect(1);
await render(hbs`<Image @name="resource-creation" />`);
assert.ok(find('.image-container'));
});
});