@digital-ai/dot-illustrations 2.0.28 → 2.0.29
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 +1 -0
- package/illustrations/dark/global/tags.svg +26 -0
- package/illustrations/light/global/tags.svg +26 -0
- package/index.css +8 -0
- package/package.json +1 -1
package/demo/script.js
CHANGED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<svg width="263" height="309" viewBox="0 0 263 309" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="135.019" cy="126.5" r="93" fill="#494F60" fill-opacity="0.3"/>
|
|
3
|
+
<g filter="url(#filter0_d_4467_6142)">
|
|
4
|
+
<path d="M159.821 72.335C164.499 71.6516 169.068 74.1281 171.049 78.4199L189.97 119.412C191.314 122.325 191.277 125.689 189.866 128.571L151.799 206.36C149.126 211.823 142.433 213.949 137.098 211.03L69.7998 174.218C64.7183 171.438 62.7724 165.134 65.4336 159.989C74.1014 143.233 92.6389 107.453 104.576 84.8076C106.162 81.7997 109.082 79.7505 112.446 79.2588L159.821 72.335ZM154.81 85.8828C148.808 85.8828 143.942 90.7485 143.942 96.75C143.943 102.751 148.808 107.616 154.81 107.616C160.811 107.616 165.676 102.751 165.676 96.75C165.676 90.7486 160.811 85.8829 154.81 85.8828Z" fill="#555F77"/>
|
|
5
|
+
<circle cx="115.515" cy="129.845" r="5.3336" fill="#3D465C"/>
|
|
6
|
+
<circle cx="149.041" cy="147.755" r="5.3336" fill="#3D465C"/>
|
|
7
|
+
<path d="M119.219 146.001C121.811 145.451 125.245 145.165 128.183 146.861C131.188 148.596 132.104 151.487 132.4 153.792C132.548 154.941 132.549 156.007 132.563 156.738C132.57 157.097 132.579 157.338 132.598 157.498C132.834 157.849 132.867 158.317 132.641 158.707C132.326 159.254 131.627 159.441 131.08 159.126C130.708 158.911 130.544 158.578 130.473 158.396C130.396 158.2 130.36 158 130.338 157.844C130.295 157.531 130.285 157.148 130.278 156.782C130.263 156.004 130.261 155.081 130.133 154.083C129.877 152.093 129.152 150.059 127.04 148.84C124.859 147.581 122.138 147.718 119.694 148.237C118.492 148.492 117.419 148.825 116.567 149.085C116.156 149.211 115.762 149.33 115.449 149.403C115.294 149.439 115.115 149.475 114.939 149.488C114.824 149.497 114.449 149.524 114.087 149.315C113.54 148.999 113.353 148.3 113.668 147.754C113.912 147.332 114.382 147.125 114.836 147.196C114.861 147.191 114.893 147.186 114.93 147.177C115.153 147.125 115.467 147.031 115.9 146.899C116.738 146.643 117.904 146.28 119.219 146.001Z" fill="#3D465C"/>
|
|
8
|
+
<path d="M171.977 32.2148C177.464 32.2147 181.735 34.2961 184.642 36.006C188.005 37.9843 192.922 42.6522 195.76 48.485C198.722 54.5749 199.664 62.6619 193.32 69.9273C188.34 75.6306 181.217 82.3471 174.724 87.8002C171.469 90.5341 168.31 93.003 165.596 94.9003C164.241 95.8477 162.952 96.6846 161.787 97.3483C160.688 97.9747 159.447 98.5941 158.247 98.9213C155.812 99.5857 153.298 98.1495 152.634 95.7136C151.97 93.2778 153.406 90.7645 155.842 90.1002C155.848 90.0982 155.972 90.0606 156.238 89.9387C156.502 89.8174 156.842 89.6423 157.261 89.4038C158.101 88.9247 159.142 88.2558 160.357 87.4066C162.783 85.7106 165.722 83.4209 168.844 80.7984C175.106 75.5389 181.856 69.1534 186.433 63.9129C189.645 60.2344 189.43 56.3756 187.538 52.4852C185.52 48.3381 181.883 44.9911 180.005 43.8866C177.671 42.5137 175.082 41.3581 171.977 41.3582C168.944 41.3583 164.766 42.4667 159.306 46.8904C155.461 50.005 152.667 55.3119 150.821 61.2557C149.004 67.1104 148.297 72.9639 148.205 76.444C148.137 78.9679 146.036 80.9595 143.512 80.8922C140.988 80.8248 138.997 78.7239 139.064 76.2C139.177 71.974 139.997 65.2818 142.089 58.5443C144.153 51.8961 147.653 44.564 153.55 39.7859C160.267 34.3442 166.416 32.215 171.977 32.2148Z" fill="#3D465C"/>
|
|
9
|
+
</g>
|
|
10
|
+
<circle cx="41.5632" cy="169.808" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
|
|
11
|
+
<circle cx="216.166" cy="49.9113" r="7.29412" fill="#494F60" fill-opacity="0.3"/>
|
|
12
|
+
<circle cx="223.916" cy="33.9545" r="4.10294" fill="#494F60" fill-opacity="0.3"/>
|
|
13
|
+
<circle cx="50.6809" cy="60.3982" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
|
|
14
|
+
<circle cx="41.5628" cy="195.338" r="6.83824" fill="#494F60" fill-opacity="0.3"/>
|
|
15
|
+
<defs>
|
|
16
|
+
<filter id="filter0_d_4467_6142" x="0.242188" y="0.214844" width="261.811" height="308.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
17
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
18
|
+
<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"/>
|
|
19
|
+
<feOffset dy="32"/>
|
|
20
|
+
<feGaussianBlur stdDeviation="32"/>
|
|
21
|
+
<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"/>
|
|
22
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4467_6142"/>
|
|
23
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4467_6142" result="shape"/>
|
|
24
|
+
</filter>
|
|
25
|
+
</defs>
|
|
26
|
+
</svg>
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
<svg width="263" height="309" viewBox="0 0 263 309" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="135.438" cy="126.5" r="93" fill="#94A8E1" fill-opacity="0.2"/>
|
|
3
|
+
<g filter="url(#filter0_d_4467_6198)">
|
|
4
|
+
<path d="M160.24 72.335C164.917 71.6516 169.487 74.1281 171.468 78.4199L190.389 119.412C191.733 122.325 191.695 125.689 190.285 128.571L152.218 206.36C149.545 211.823 142.852 213.949 137.517 211.03L70.2188 174.218C65.1373 171.438 63.1914 165.134 65.8525 159.989C74.5204 143.233 93.0578 107.453 104.995 84.8076C106.581 81.7997 109.501 79.7505 112.865 79.2588L160.24 72.335ZM155.229 85.8828C149.227 85.8828 144.361 90.7485 144.361 96.75C144.362 102.751 149.227 107.616 155.229 107.616C161.23 107.616 166.094 102.751 166.095 96.75C166.095 90.7486 161.23 85.8829 155.229 85.8828Z" fill="#F8F9FC"/>
|
|
5
|
+
<circle cx="115.934" cy="129.845" r="5.3336" fill="#8591AE"/>
|
|
6
|
+
<circle cx="149.46" cy="147.755" r="5.3336" fill="#8591AE"/>
|
|
7
|
+
<path d="M119.638 146.001C122.23 145.451 125.664 145.165 128.602 146.861C131.607 148.596 132.523 151.487 132.819 153.792C132.967 154.941 132.968 156.007 132.982 156.738C132.989 157.097 132.998 157.338 133.017 157.498C133.253 157.849 133.286 158.317 133.06 158.707C132.745 159.254 132.046 159.441 131.499 159.126C131.127 158.911 130.963 158.578 130.892 158.396C130.815 158.2 130.778 158 130.757 157.844C130.714 157.531 130.704 157.148 130.697 156.782C130.682 156.004 130.68 155.081 130.552 154.083C130.296 152.093 129.571 150.059 127.459 148.84C125.278 147.581 122.557 147.718 120.113 148.237C118.911 148.492 117.838 148.825 116.986 149.085C116.575 149.211 116.181 149.33 115.868 149.403C115.713 149.439 115.534 149.475 115.358 149.488C115.243 149.497 114.868 149.524 114.506 149.315C113.959 148.999 113.772 148.3 114.087 147.754C114.331 147.332 114.801 147.125 115.255 147.196C115.28 147.191 115.312 147.186 115.349 147.177C115.572 147.125 115.886 147.031 116.319 146.899C117.157 146.643 118.323 146.28 119.638 146.001Z" fill="#8591AE"/>
|
|
8
|
+
<path d="M172.395 32.2148C177.883 32.2147 182.154 34.2961 185.061 36.006C188.423 37.9843 193.341 42.6522 196.179 48.485C199.141 54.5749 200.083 62.6619 193.739 69.9273C188.758 75.6306 181.636 82.3471 175.143 87.8002C171.888 90.5341 168.729 93.003 166.015 94.9003C164.66 95.8477 163.371 96.6846 162.206 97.3483C161.107 97.9747 159.866 98.5941 158.666 98.9213C156.23 99.5857 153.717 98.1495 153.053 95.7136C152.389 93.2778 153.825 90.7645 156.261 90.1002C156.267 90.0982 156.391 90.0606 156.657 89.9387C156.921 89.8174 157.261 89.6423 157.68 89.4038C158.52 88.9247 159.561 88.2558 160.776 87.4066C163.202 85.7106 166.14 83.4209 169.263 80.7984C175.525 75.5389 182.275 69.1534 186.852 63.9129C190.064 60.2344 189.849 56.3756 187.957 52.4852C185.939 48.3381 182.302 44.9911 180.424 43.8866C178.09 42.5137 175.501 41.3581 172.395 41.3582C169.363 41.3583 165.185 42.4667 159.724 46.8904C155.88 50.005 153.086 55.3119 151.24 61.2557C149.422 67.1104 148.716 72.9639 148.623 76.444C148.556 78.9679 146.455 80.9595 143.931 80.8922C141.407 80.8248 139.416 78.7239 139.483 76.2C139.596 71.974 140.416 65.2818 142.508 58.5443C144.572 51.8961 148.071 44.564 153.969 39.7859C160.686 34.3442 166.835 32.215 172.395 32.2148Z" fill="#8591AE"/>
|
|
9
|
+
</g>
|
|
10
|
+
<circle cx="41.9822" cy="169.808" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
|
|
11
|
+
<circle cx="216.585" cy="49.9113" r="7.29412" fill="#94A8E1" fill-opacity="0.2"/>
|
|
12
|
+
<circle cx="224.335" cy="33.9545" r="4.10294" fill="#94A8E1" fill-opacity="0.2"/>
|
|
13
|
+
<circle cx="51.0999" cy="60.3982" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
|
|
14
|
+
<circle cx="41.9818" cy="195.338" r="6.83824" fill="#94A8E1" fill-opacity="0.2"/>
|
|
15
|
+
<defs>
|
|
16
|
+
<filter id="filter0_d_4467_6198" x="0.661133" y="0.214844" width="261.811" height="308.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
17
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
18
|
+
<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"/>
|
|
19
|
+
<feOffset dy="32"/>
|
|
20
|
+
<feGaussianBlur stdDeviation="32"/>
|
|
21
|
+
<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"/>
|
|
22
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4467_6198"/>
|
|
23
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4467_6198" result="shape"/>
|
|
24
|
+
</filter>
|
|
25
|
+
</defs>
|
|
26
|
+
</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.tags.light {
|
|
6
|
+
content: url('./illustrations/light/global/tags.svg');
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.dot-illustration img.tags.dark {
|
|
10
|
+
content: url('./illustrations/dark/global/tags.svg');
|
|
11
|
+
}
|
|
12
|
+
|
|
5
13
|
.dot-illustration img.time.light {
|
|
6
14
|
content: url('./illustrations/light/global/time.svg');
|
|
7
15
|
}
|
package/package.json
CHANGED