@digital-ai/dot-illustrations 2.0.4 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/demo/script.js
CHANGED
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
<svg width="248" height="248" viewBox="0 0 248 248" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="124" cy="124" r="93" fill="#494F60" fill-opacity="0.3"/>
|
|
3
|
+
<g filter="url(#filter0_d_3744_2995)">
|
|
4
|
+
<rect x="89.0278" y="76.8672" width="128.303" height="98.1142" rx="5.52756" transform="rotate(4.11567 89.0278 76.8672)" fill="#252D40"/>
|
|
5
|
+
<rect x="98.6846" y="87.0703" width="51.3829" height="38.7847" rx="2.07283" transform="rotate(4.11567 98.6846 87.0703)" stroke="#3D465C" stroke-width="2.07283"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M98.3999 96.7539L148.687 100.372L148.538 102.44L98.2511 98.8214L98.3999 96.7539Z" fill="#3D465C"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M97.9038 103.648L148.191 107.267L148.042 109.334L97.755 105.716L97.9038 103.648Z" fill="#3D465C"/>
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M97.4077 110.543L147.695 114.161L147.546 116.229L97.2589 112.61L97.4077 110.543Z" fill="#3D465C"/>
|
|
9
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.9121 117.434L147.199 121.052L147.051 123.12L96.7633 119.501L96.9121 117.434Z" fill="#3D465C"/>
|
|
10
|
+
<path d="M98.5016 89.6105C98.5838 88.4686 99.576 87.6096 100.718 87.6917L147.433 91.0532C148.575 91.1353 149.434 92.1276 149.352 93.2694L149.227 95.0004L98.3771 91.3414L98.5016 89.6105Z" fill="#3D465C" stroke="#3D465C" stroke-width="2.07283"/>
|
|
11
|
+
<rect x="156.827" y="91.2539" width="51.3829" height="38.7847" rx="2.07283" transform="rotate(4.11567 156.827 91.2539)" stroke="#3D465C" stroke-width="2.07283"/>
|
|
12
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M156.542 100.938L206.829 104.556L206.68 106.623L156.393 103.005L156.542 100.938Z" fill="#3D465C"/>
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M156.046 107.832L206.333 111.45L206.184 113.518L155.897 109.9L156.046 107.832Z" fill="#3D465C"/>
|
|
14
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M155.55 114.727L205.837 118.345L205.689 120.413L155.402 116.794L155.55 114.727Z" fill="#3D465C"/>
|
|
15
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M155.054 121.617L205.341 125.236L205.193 127.303L154.905 123.685L155.054 121.617Z" fill="#3D465C"/>
|
|
16
|
+
<path d="M156.644 93.7941C156.726 92.6522 157.719 91.7932 158.86 91.8753L205.576 95.2368C206.717 95.3189 207.576 96.3112 207.494 97.453L207.37 99.184L156.52 95.525L156.644 93.7941Z" fill="#3D465C" stroke="#3D465C" stroke-width="2.07283"/>
|
|
17
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M94.001 137.722C94.1242 136.01 95.6126 134.721 97.3254 134.844L144.441 138.234C146.154 138.358 147.442 139.846 147.319 141.559L145.814 162.467C145.691 164.179 144.203 165.468 142.49 165.345L95.3746 161.954C93.6619 161.831 92.3733 160.343 92.4965 158.63L94.001 137.722ZM97.1766 136.912C96.6057 136.871 96.1095 137.3 96.0685 137.871L94.564 158.779C94.5229 159.35 94.9525 159.846 95.5234 159.887L142.639 163.277C143.21 163.318 143.706 162.889 143.747 162.318L145.251 141.41C145.292 140.839 144.863 140.343 144.292 140.302L97.1766 136.912Z" fill="#3D465C"/>
|
|
18
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M94.8984 145.414L145.186 149.033L145.037 151.1L94.7497 147.482L94.8984 145.414Z" fill="#3D465C"/>
|
|
19
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M94.4028 152.305L144.69 155.923L144.541 157.991L94.2541 154.372L94.4028 152.305Z" fill="#3D465C"/>
|
|
20
|
+
<path d="M95.0006 138.271C95.0828 137.129 96.0751 136.27 97.2169 136.352L143.932 139.713C145.074 139.795 145.933 140.788 145.851 141.93L145.726 143.661L94.8761 140.002L95.0006 138.271Z" fill="#3D465C" stroke="#3D465C" stroke-width="2.07283"/>
|
|
21
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M152.143 141.906C152.266 140.193 153.755 138.905 155.467 139.028L202.583 142.418C204.296 142.541 205.584 144.03 205.461 145.742L204.001 166.03C203.878 167.743 202.39 169.032 200.677 168.908L153.561 165.518C151.849 165.395 150.56 163.907 150.683 162.194L152.143 141.906ZM155.319 141.095C154.748 141.054 154.252 141.484 154.211 142.055L152.751 162.343C152.71 162.914 153.139 163.41 153.71 163.451L200.826 166.841C201.396 166.882 201.893 166.453 201.934 165.882L203.393 145.594C203.435 145.023 203.005 144.527 202.434 144.486L155.319 141.095Z" fill="#3D465C"/>
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M153.041 149.598L203.328 153.216L203.179 155.284L152.892 151.665L153.041 149.598Z" fill="#3D465C"/>
|
|
23
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M152.545 156.488L202.832 160.107L202.683 162.174L152.396 158.556L152.545 156.488Z" fill="#3D465C"/>
|
|
24
|
+
<path d="M153.143 142.454C153.225 141.312 154.217 140.453 155.359 140.535L202.074 143.897C203.216 143.979 204.075 144.971 203.993 146.113L203.868 147.844L153.018 144.185L153.143 142.454Z" fill="#3D465C" stroke="#3D465C" stroke-width="2.07283"/>
|
|
25
|
+
</g>
|
|
26
|
+
<g filter="url(#filter1_d_3744_2995)">
|
|
27
|
+
<g clip-path="url(#clip0_3744_2995)">
|
|
28
|
+
<rect x="25.6899" y="73.5391" width="128.303" height="98.1142" rx="5.52756" transform="rotate(-11.8048 25.6899 73.5391)" fill="#252D40"/>
|
|
29
|
+
<g clip-path="url(#clip1_3744_2995)">
|
|
30
|
+
<path d="M77.7874 101.364L46.0867 107.99C44.893 108.239 44.1026 109.29 44.3212 110.336C44.5399 111.382 45.6849 112.028 46.8786 111.779L78.5793 105.153C79.7731 104.904 80.5635 103.853 80.3448 102.807C80.1261 101.761 78.9811 101.115 77.7874 101.364Z" fill="#8591AE"/>
|
|
31
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M112.687 116.22C112.453 115.1 113.171 114.002 114.292 113.767L138.232 108.764C139.353 108.53 140.451 109.248 140.685 110.369C140.919 111.489 140.201 112.588 139.08 112.822L115.14 117.825C114.019 118.06 112.921 117.341 112.687 116.22Z" fill="#3D465C"/>
|
|
32
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M114.746 126.072C114.512 124.951 115.23 123.853 116.351 123.619L132.674 120.207C133.795 119.973 134.893 120.692 135.127 121.812C135.362 122.933 134.643 124.031 133.522 124.265L117.199 127.677C116.078 127.911 114.98 127.193 114.746 126.072Z" fill="#8591AE"/>
|
|
33
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M116.866 136.216C116.632 135.096 117.35 133.998 118.471 133.763L130.778 131.191C131.899 130.957 132.997 131.676 133.231 132.796C133.466 133.917 132.747 135.015 131.626 135.249L119.319 137.821C118.198 138.056 117.1 137.337 116.866 136.216Z" fill="#3D465C"/>
|
|
34
|
+
<path d="M65.452 120.711C68.7797 120.015 72.2354 120.364 75.3179 121.705C78.4004 123.047 80.9494 125.312 82.5955 128.172C84.2416 131.032 84.899 134.339 84.4726 137.612C84.0462 140.886 82.558 143.956 80.2238 146.378L74.4907 141.185C75.6717 139.96 76.4246 138.406 76.6404 136.75C76.8561 135.094 76.5235 133.421 75.6907 131.974C74.8579 130.527 73.5682 129.381 72.0086 128.702C70.449 128.023 68.7006 127.847 67.017 128.199L65.452 120.711Z" fill="#CBD2E2"/>
|
|
35
|
+
<path d="M77.1284 148.885C74.5536 150.49 71.57 151.354 68.5283 151.375C65.4865 151.397 62.5129 150.576 59.9568 149.009C57.4008 147.442 55.3686 145.193 54.0989 142.527C52.8292 139.861 52.3749 136.889 52.7893 133.96L60.6105 134.904C60.4008 136.386 60.6307 137.889 61.273 139.238C61.9154 140.587 62.9436 141.725 64.2368 142.518C65.53 143.311 67.0345 143.726 68.5735 143.715C70.1125 143.704 71.622 143.267 72.9247 142.455L77.1284 148.885Z" fill="#8591AE"/>
|
|
36
|
+
<path d="M53.311 131.617C54.0061 129.354 55.2207 127.268 56.8627 125.517C58.5048 123.765 60.5312 122.393 62.7885 121.506L65.6694 128.601C64.5273 129.05 63.502 129.744 62.6712 130.63C61.8405 131.517 61.2259 132.572 60.8742 133.717L53.311 131.617Z" fill="#3D465C"/>
|
|
37
|
+
<rect x="97.6875" y="115.398" width="8.00041" height="7.74191" transform="rotate(-11.8048 97.6875 115.398)" fill="#3D465C"/>
|
|
38
|
+
<rect x="99.7466" y="125.254" width="8.00041" height="7.74191" transform="rotate(-11.8048 99.7466 125.254)" fill="#8591AE"/>
|
|
39
|
+
<rect x="101.805" y="135.105" width="8.00041" height="7.74191" transform="rotate(-11.8048 101.805 135.105)" fill="#3D465C"/>
|
|
40
|
+
</g>
|
|
41
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.3454 93.0368C55.1112 91.9162 55.8298 90.818 56.9504 90.5838L66.563 88.5747C67.6836 88.3405 68.7819 89.0591 69.0161 90.1797C69.2503 91.3002 68.5317 92.3985 67.4111 92.6327L57.7985 94.6417C56.6779 94.8759 55.5796 94.1574 55.3454 93.0368Z" fill="#8591AE"/>
|
|
42
|
+
<rect x="40.5259" y="92.1758" width="8.00041" height="7.74191" transform="rotate(-11.8048 40.5259 92.1758)" fill="#3D465C"/>
|
|
43
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M52.0222 80.5134C51.788 79.3928 52.5066 78.2945 53.6271 78.0603L68.5697 74.9373C69.6903 74.7031 70.7885 75.4217 71.0227 76.5423C71.2569 77.6629 70.5384 78.7611 69.4178 78.9953L54.4753 82.1183C53.3547 82.3525 52.2564 81.634 52.0222 80.5134Z" fill="#8591AE"/>
|
|
44
|
+
<rect x="37.8784" y="79.5117" width="8.00041" height="7.74191" transform="rotate(-11.8048 37.8784 79.5117)" fill="#3D465C"/>
|
|
45
|
+
<path d="M101.194 90.0882C101.094 89.6102 101.4 89.1417 101.878 89.0418L104.205 88.5554C104.683 88.4555 105.152 88.7621 105.252 89.2401L106.484 95.1379L102.426 95.986L101.194 90.0882Z" fill="#3D465C"/>
|
|
46
|
+
<path d="M108.683 78.6468C108.583 78.1688 108.89 77.7003 109.368 77.6004L112.371 76.9727C112.849 76.8728 113.318 77.1793 113.418 77.6573L116.629 93.0237L111.895 94.0132L108.683 78.6468Z" fill="#8591AE"/>
|
|
47
|
+
<path d="M116.88 70.5804C116.78 70.1024 117.086 69.6339 117.564 69.5339L120.568 68.9063C121.046 68.8064 121.514 69.1129 121.614 69.5909L126.098 91.0443L121.363 92.0338L116.88 70.5804Z" fill="#3D465C"/>
|
|
48
|
+
<path d="M127.368 76.8538C127.268 76.3758 127.575 75.9073 128.053 75.8074L131.056 75.1797C131.534 75.0798 132.002 75.3863 132.102 75.8643L134.89 89.2018L130.155 90.1912L127.368 76.8538Z" fill="#8591AE"/>
|
|
49
|
+
<path d="M97.0288 101.293L141.239 92.0531" stroke="#3D465C" stroke-width="3.45472" stroke-linecap="round"/>
|
|
50
|
+
<path d="M97.0288 101.293L90.5988 70.5271" stroke="#3D465C" stroke-width="3.45472" stroke-linecap="round"/>
|
|
51
|
+
</g>
|
|
52
|
+
</g>
|
|
53
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M150.834 103.036C166.65 104.814 178.029 119.077 176.251 134.893C174.473 150.708 160.21 162.088 144.394 160.31C136.723 159.447 130.095 155.647 125.506 150.157C125.391 149.968 125.262 149.783 125.12 149.605C124.978 149.428 124.828 149.262 124.67 149.109C120.344 143.418 118.115 136.118 118.977 128.453C120.755 112.637 135.018 101.258 150.834 103.036ZM113.824 151.871C109.549 144.731 107.495 136.183 108.496 127.275C110.925 105.67 130.408 90.1258 152.012 92.5549C173.617 94.984 189.161 114.467 186.732 136.071C184.303 157.675 164.82 173.22 143.216 170.791C134.299 169.788 126.414 165.88 120.4 160.117L103.794 173.366C101.518 175.182 98.1998 174.809 96.3834 172.533C94.5669 170.256 94.94 166.938 97.2166 165.122L113.824 151.871Z" fill="#8591AE"/>
|
|
54
|
+
<circle cx="205.147" cy="47.4113" r="7.29412" fill="#494F60" fill-opacity="0.3"/>
|
|
55
|
+
<circle cx="212.897" cy="31.4545" r="4.10294" fill="#494F60" fill-opacity="0.3"/>
|
|
56
|
+
<circle cx="39.6619" cy="57.8982" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
|
|
57
|
+
<circle cx="30.5443" cy="192.838" r="6.83824" fill="#494F60" fill-opacity="0.3"/>
|
|
58
|
+
<defs>
|
|
59
|
+
<filter id="filter0_d_3744_2995" x="59.8761" y="71.3396" width="179.234" height="151.291" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
60
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
61
|
+
<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"/>
|
|
62
|
+
<feOffset dy="16.5827"/>
|
|
63
|
+
<feGaussianBlur stdDeviation="11.0551"/>
|
|
64
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.282353 0 0 0 0 0.360784 0 0 0 0.24 0"/>
|
|
65
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3744_2995"/>
|
|
66
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3744_2995" result="shape"/>
|
|
67
|
+
</filter>
|
|
68
|
+
<filter id="filter1_d_3744_2995" x="3.57971" y="41.7615" width="189.882" height="166.51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
69
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
70
|
+
<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"/>
|
|
71
|
+
<feOffset dy="16.5827"/>
|
|
72
|
+
<feGaussianBlur stdDeviation="11.0551"/>
|
|
73
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.282353 0 0 0 0 0.360784 0 0 0 0.24 0"/>
|
|
74
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3744_2995"/>
|
|
75
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3744_2995" result="shape"/>
|
|
76
|
+
</filter>
|
|
77
|
+
<clipPath id="clip0_3744_2995">
|
|
78
|
+
<rect x="25.6899" y="73.5391" width="128.303" height="98.1142" rx="5.52756" transform="rotate(-11.8048 25.6899 73.5391)" fill="white"/>
|
|
79
|
+
</clipPath>
|
|
80
|
+
<clipPath id="clip1_3744_2995">
|
|
81
|
+
<rect x="36.5513" y="104.449" width="106.406" height="64.2579" rx="3.07024" transform="rotate(-11.8048 36.5513 104.449)" fill="white"/>
|
|
82
|
+
</clipPath>
|
|
83
|
+
</defs>
|
|
84
|
+
</svg>
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
<svg width="248" height="248" viewBox="0 0 248 248" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="124" cy="124" r="93" fill="#94A8E1" fill-opacity="0.2"/>
|
|
3
|
+
<g filter="url(#filter0_d_3744_2933)">
|
|
4
|
+
<rect x="89.0278" y="76.8672" width="128.303" height="98.1142" rx="5.52756" transform="rotate(4.11567 89.0278 76.8672)" fill="#F8F9FC"/>
|
|
5
|
+
<rect x="98.6846" y="87.0703" width="51.3829" height="38.7847" rx="2.07283" transform="rotate(4.11567 98.6846 87.0703)" stroke="#D6DCE8" stroke-width="2.07283"/>
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M98.3999 96.7539L148.687 100.372L148.538 102.44L98.2511 98.8214L98.3999 96.7539Z" fill="#D6DCE8"/>
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M97.9038 103.648L148.191 107.267L148.042 109.334L97.755 105.716L97.9038 103.648Z" fill="#D6DCE8"/>
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M97.408 110.543L147.695 114.161L147.546 116.229L97.2592 112.61L97.408 110.543Z" fill="#D6DCE8"/>
|
|
9
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.9119 117.434L147.199 121.052L147.05 123.12L96.7631 119.501L96.9119 117.434Z" fill="#D6DCE8"/>
|
|
10
|
+
<path d="M98.5019 89.6105C98.584 88.4686 99.5763 87.6096 100.718 87.6917L147.433 91.0532C148.575 91.1353 149.434 92.1276 149.352 93.2694L149.227 95.0004L98.3773 91.3414L98.5019 89.6105Z" fill="#D6DCE8" stroke="#D6DCE8" stroke-width="2.07283"/>
|
|
11
|
+
<rect x="156.827" y="91.2539" width="51.3829" height="38.7847" rx="2.07283" transform="rotate(4.11567 156.827 91.2539)" stroke="#D6DCE8" stroke-width="2.07283"/>
|
|
12
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M156.542 100.938L206.829 104.556L206.68 106.623L156.393 103.005L156.542 100.938Z" fill="#D6DCE8"/>
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M156.046 107.832L206.333 111.45L206.184 113.518L155.897 109.9L156.046 107.832Z" fill="#D6DCE8"/>
|
|
14
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M155.55 114.727L205.837 118.345L205.688 120.413L155.401 116.794L155.55 114.727Z" fill="#D6DCE8"/>
|
|
15
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M155.054 121.617L205.341 125.236L205.193 127.303L154.905 123.685L155.054 121.617Z" fill="#D6DCE8"/>
|
|
16
|
+
<path d="M156.644 93.7941C156.726 92.6522 157.718 91.7932 158.86 91.8753L205.575 95.2368C206.717 95.3189 207.576 96.3112 207.494 97.453L207.37 99.184L156.519 95.525L156.644 93.7941Z" fill="#D6DCE8" stroke="#D6DCE8" stroke-width="2.07283"/>
|
|
17
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M94.0007 137.722C94.124 136.01 95.6123 134.721 97.3251 134.844L144.441 138.234C146.153 138.358 147.442 139.846 147.319 141.559L145.814 162.467C145.691 164.179 144.203 165.468 142.49 165.345L95.3744 161.954C93.6616 161.831 92.3731 160.343 92.4963 158.63L94.0007 137.722ZM97.1763 136.912C96.6054 136.871 96.1093 137.3 96.0682 137.871L94.5638 158.779C94.5227 159.35 94.9522 159.846 95.5231 159.887L142.639 163.277C143.21 163.318 143.706 162.889 143.747 162.318L145.251 141.41C145.292 140.839 144.863 140.343 144.292 140.302L97.1763 136.912Z" fill="#D6DCE8"/>
|
|
18
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M94.8984 145.414L145.186 149.033L145.037 151.1L94.7497 147.482L94.8984 145.414Z" fill="#D6DCE8"/>
|
|
19
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M94.4023 152.305L144.69 155.923L144.541 157.991L94.2536 154.372L94.4023 152.305Z" fill="#D6DCE8"/>
|
|
20
|
+
<path d="M95.0004 138.271C95.0826 137.129 96.0748 136.27 97.2167 136.352L143.932 139.713C145.074 139.795 145.933 140.788 145.851 141.93L145.726 143.661L94.8758 140.002L95.0004 138.271Z" fill="#D6DCE8" stroke="#D6DCE8" stroke-width="2.07283"/>
|
|
21
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M152.143 141.906C152.266 140.193 153.754 138.905 155.467 139.028L202.583 142.418C204.295 142.541 205.584 144.03 205.461 145.742L204.001 166.03C203.878 167.743 202.389 169.032 200.677 168.908L153.561 165.518C151.848 165.395 150.56 163.907 150.683 162.194L152.143 141.906ZM155.318 141.095C154.748 141.054 154.251 141.484 154.21 142.055L152.75 162.343C152.709 162.914 153.139 163.41 153.71 163.451L200.825 166.841C201.396 166.882 201.892 166.453 201.933 165.882L203.393 145.594C203.434 145.023 203.005 144.527 202.434 144.486L155.318 141.095Z" fill="#D6DCE8"/>
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M153.041 149.598L203.328 153.216L203.179 155.284L152.892 151.665L153.041 149.598Z" fill="#D6DCE8"/>
|
|
23
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M152.544 156.488L202.832 160.107L202.683 162.174L152.396 158.556L152.544 156.488Z" fill="#D6DCE8"/>
|
|
24
|
+
<path d="M153.142 142.454C153.225 141.312 154.217 140.453 155.359 140.535L202.074 143.897C203.216 143.979 204.075 144.971 203.993 146.113L203.868 147.844L153.018 144.185L153.142 142.454Z" fill="#D6DCE8" stroke="#D6DCE8" stroke-width="2.07283"/>
|
|
25
|
+
</g>
|
|
26
|
+
<g filter="url(#filter1_d_3744_2933)">
|
|
27
|
+
<g clip-path="url(#clip0_3744_2933)">
|
|
28
|
+
<rect x="25.6899" y="73.5391" width="128.303" height="98.1142" rx="5.52756" transform="rotate(-11.8048 25.6899 73.5391)" fill="#F8F9FC"/>
|
|
29
|
+
<g clip-path="url(#clip1_3744_2933)">
|
|
30
|
+
<path d="M77.7872 101.364L46.0865 107.99C44.8927 108.239 44.1023 109.29 44.321 110.336C44.5397 111.382 45.6847 112.028 46.8784 111.779L78.5791 105.153C79.7728 104.904 80.5632 103.853 80.3446 102.807C80.1259 101.761 78.9809 101.115 77.7872 101.364Z" fill="#AAB2C5"/>
|
|
31
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M112.687 116.22C112.452 115.1 113.171 114.002 114.291 113.767L138.232 108.764C139.353 108.53 140.451 109.248 140.685 110.369C140.919 111.489 140.201 112.588 139.08 112.822L115.14 117.825C114.019 118.06 112.921 117.341 112.687 116.22Z" fill="#8591AE"/>
|
|
32
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M114.746 126.072C114.512 124.951 115.23 123.853 116.351 123.619L132.674 120.207C133.795 119.973 134.893 120.692 135.127 121.812C135.362 122.933 134.643 124.031 133.522 124.265L117.199 127.677C116.078 127.911 114.98 127.193 114.746 126.072Z" fill="#AAB2C5"/>
|
|
33
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M116.866 136.216C116.632 135.096 117.35 133.998 118.471 133.763L130.778 131.191C131.899 130.957 132.997 131.676 133.231 132.796C133.466 133.917 132.747 135.015 131.626 135.249L119.319 137.821C118.198 138.056 117.1 137.337 116.866 136.216Z" fill="#8591AE"/>
|
|
34
|
+
<path d="M65.4517 120.711C68.7795 120.015 72.2352 120.364 75.3176 121.705C78.4001 123.047 80.9492 125.312 82.5953 128.172C84.2413 131.032 84.8988 134.339 84.4724 137.612C84.0459 140.886 82.5577 143.956 80.2236 146.378L74.4905 141.185C75.6714 139.96 76.4244 138.406 76.6401 136.75C76.8559 135.094 76.5232 133.421 75.6904 131.974C74.8576 130.527 73.5679 129.381 72.0083 128.702C70.4488 128.023 68.7004 127.847 67.0167 128.199L65.4517 120.711Z" fill="#8591AE"/>
|
|
35
|
+
<path d="M77.1281 148.885C74.5534 150.49 71.5698 151.354 68.528 151.375C65.4862 151.397 62.5126 150.576 59.9566 149.009C57.4006 147.442 55.3683 145.193 54.0987 142.527C52.829 139.861 52.3747 136.889 52.7891 133.96L60.6102 134.904C60.4005 136.386 60.6304 137.889 61.2728 139.238C61.9152 140.587 62.9434 141.725 64.2366 142.518C65.5298 143.311 67.0343 143.726 68.5733 143.715C70.1123 143.704 71.6218 143.267 72.9245 142.455L77.1281 148.885Z" fill="#AAB2C5"/>
|
|
36
|
+
<path d="M53.311 131.617C54.0061 129.354 55.2207 127.268 56.8627 125.517C58.5048 123.765 60.5312 122.393 62.7885 121.506L65.6694 128.601C64.5273 129.05 63.502 129.744 62.6712 130.63C61.8405 131.517 61.2259 132.572 60.8742 133.717L53.311 131.617Z" fill="#D6DCE8"/>
|
|
37
|
+
<rect x="97.6873" y="115.398" width="8.00041" height="7.74191" transform="rotate(-11.8048 97.6873 115.398)" fill="#E5E9F3"/>
|
|
38
|
+
<rect x="99.7466" y="125.254" width="8.00041" height="7.74191" transform="rotate(-11.8048 99.7466 125.254)" fill="#AAB2C5"/>
|
|
39
|
+
<rect x="101.805" y="135.105" width="8.00041" height="7.74191" transform="rotate(-11.8048 101.805 135.105)" fill="#E5E9F3"/>
|
|
40
|
+
</g>
|
|
41
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M55.3452 93.0368C55.111 91.9162 55.8296 90.818 56.9501 90.5838L66.5628 88.5747C67.6833 88.3405 68.7816 89.0591 69.0158 90.1797C69.25 91.3002 68.5315 92.3985 67.4109 92.6327L57.7983 94.6417C56.6777 94.8759 55.5794 94.1574 55.3452 93.0368Z" fill="#AAB2C5"/>
|
|
42
|
+
<rect x="40.5256" y="92.1758" width="8.00041" height="7.74191" transform="rotate(-11.8048 40.5256 92.1758)" fill="#E5E9F3"/>
|
|
43
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M52.022 80.5134C51.7878 79.3928 52.5063 78.2945 53.6269 78.0603L68.5695 74.9373C69.69 74.7031 70.7883 75.4217 71.0225 76.5423C71.2567 77.6629 70.5382 78.7611 69.4176 78.9953L54.475 82.1183C53.3544 82.3525 52.2562 81.634 52.022 80.5134Z" fill="#AAB2C5"/>
|
|
44
|
+
<rect x="37.8787" y="79.5117" width="8.00041" height="7.74191" transform="rotate(-11.8048 37.8787 79.5117)" fill="#E5E9F3"/>
|
|
45
|
+
<path d="M101.194 90.0882C101.094 89.6102 101.4 89.1417 101.878 89.0418L104.205 88.5554C104.683 88.4555 105.152 88.7621 105.252 89.2401L106.484 95.1379L102.426 95.986L101.194 90.0882Z" fill="#8591AE"/>
|
|
46
|
+
<path d="M108.683 78.6468C108.583 78.1688 108.89 77.7003 109.368 77.6004L112.371 76.9727C112.849 76.8728 113.318 77.1793 113.418 77.6573L116.629 93.0237L111.895 94.0132L108.683 78.6468Z" fill="#AAB2C5"/>
|
|
47
|
+
<path d="M116.88 70.5804C116.78 70.1024 117.086 69.6339 117.564 69.5339L120.568 68.9063C121.046 68.8064 121.514 69.1129 121.614 69.5909L126.098 91.0443L121.363 92.0338L116.88 70.5804Z" fill="#8591AE"/>
|
|
48
|
+
<path d="M127.368 76.8538C127.268 76.3758 127.575 75.9073 128.053 75.8074L131.056 75.1797C131.534 75.0798 132.003 75.3863 132.103 75.8643L134.89 89.2018L130.156 90.1912L127.368 76.8538Z" fill="#AAB2C5"/>
|
|
49
|
+
<path d="M97.0288 101.293L141.239 92.0531" stroke="#D6DCE8" stroke-width="3.45472" stroke-linecap="round"/>
|
|
50
|
+
<path d="M97.0288 101.293L90.5988 70.5271" stroke="#D6DCE8" stroke-width="3.45472" stroke-linecap="round"/>
|
|
51
|
+
</g>
|
|
52
|
+
</g>
|
|
53
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M150.834 103.036C166.65 104.814 178.029 119.077 176.251 134.893C174.473 150.708 160.21 162.088 144.394 160.31C136.723 159.447 130.095 155.647 125.506 150.157C125.391 149.968 125.262 149.783 125.12 149.605C124.978 149.428 124.828 149.262 124.67 149.109C120.344 143.418 118.115 136.118 118.977 128.453C120.755 112.637 135.018 101.258 150.834 103.036ZM113.824 151.871C109.549 144.731 107.495 136.183 108.496 127.275C110.925 105.67 130.408 90.1258 152.012 92.5549C173.617 94.984 189.161 114.467 186.732 136.071C184.303 157.675 164.82 173.22 143.216 170.791C134.299 169.788 126.414 165.88 120.4 160.117L103.794 173.366C101.518 175.182 98.1998 174.809 96.3834 172.533C94.5669 170.256 94.94 166.938 97.2166 165.122L113.824 151.871Z" fill="#AAB2C5"/>
|
|
54
|
+
<circle cx="205.147" cy="47.4113" r="7.29412" fill="#94A8E1" fill-opacity="0.2"/>
|
|
55
|
+
<circle cx="212.897" cy="31.4545" r="4.10294" fill="#94A8E1" fill-opacity="0.2"/>
|
|
56
|
+
<circle cx="39.6619" cy="57.8982" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
|
|
57
|
+
<circle cx="30.544" cy="192.838" r="6.83824" fill="#94A8E1" fill-opacity="0.2"/>
|
|
58
|
+
<defs>
|
|
59
|
+
<filter id="filter0_d_3744_2933" x="59.8758" y="71.3396" width="179.234" height="151.291" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
60
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
61
|
+
<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"/>
|
|
62
|
+
<feOffset dy="16.5827"/>
|
|
63
|
+
<feGaussianBlur stdDeviation="11.0551"/>
|
|
64
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.282353 0 0 0 0 0.360784 0 0 0 0.24 0"/>
|
|
65
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3744_2933"/>
|
|
66
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3744_2933" result="shape"/>
|
|
67
|
+
</filter>
|
|
68
|
+
<filter id="filter1_d_3744_2933" x="3.57971" y="41.7615" width="189.882" height="166.51" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
69
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
70
|
+
<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"/>
|
|
71
|
+
<feOffset dy="16.5827"/>
|
|
72
|
+
<feGaussianBlur stdDeviation="11.0551"/>
|
|
73
|
+
<feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.282353 0 0 0 0 0.360784 0 0 0 0.24 0"/>
|
|
74
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3744_2933"/>
|
|
75
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3744_2933" result="shape"/>
|
|
76
|
+
</filter>
|
|
77
|
+
<clipPath id="clip0_3744_2933">
|
|
78
|
+
<rect x="25.6899" y="73.5391" width="128.303" height="98.1142" rx="5.52756" transform="rotate(-11.8048 25.6899 73.5391)" fill="white"/>
|
|
79
|
+
</clipPath>
|
|
80
|
+
<clipPath id="clip1_3744_2933">
|
|
81
|
+
<rect x="36.5513" y="104.449" width="106.406" height="64.2579" rx="3.07024" transform="rotate(-11.8048 36.5513 104.449)" fill="white"/>
|
|
82
|
+
</clipPath>
|
|
83
|
+
</defs>
|
|
84
|
+
</svg>
|
package/index.css
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
/*Path: --------- './illustrations/light/global/*.svg ----- light */
|
|
3
3
|
/*Path: --------- './illustrations/dark/global/*.svg ------ dark */
|
|
4
4
|
|
|
5
|
+
.dot-illustration img.analysis-circle.light {
|
|
6
|
+
content: url('./illustrations/light/global/analysis-circle.svg');
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.dot-illustration img.analysis-circle.dark {
|
|
10
|
+
content: url('./illustrations/dark/global/analysis-circle.svg');
|
|
11
|
+
}
|
|
12
|
+
|
|
5
13
|
.dot-illustration img.workflows-main.light {
|
|
6
14
|
content: url('./illustrations/light/global/workflows-main.svg');
|
|
7
15
|
}
|