@digital-ai/dot-illustrations 2.0.29 → 2.0.30
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,48 @@
|
|
|
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
|
+
<circle cx="30.5442" cy="167.308" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
|
|
4
|
+
<circle cx="205.147" cy="47.4113" r="7.29412" fill="#494F60" fill-opacity="0.3"/>
|
|
5
|
+
<circle cx="212.897" cy="31.4545" r="4.10294" fill="#494F60" fill-opacity="0.3"/>
|
|
6
|
+
<circle cx="39.6619" cy="57.8982" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
|
|
7
|
+
<circle cx="30.5443" cy="192.838" r="6.83824" fill="#494F60" fill-opacity="0.3"/>
|
|
8
|
+
<rect x="60.1069" y="43.7812" width="125.551" height="155.535" rx="3" fill="#3D465C"/>
|
|
9
|
+
<path d="M74.3657 63.2685C74.3657 61.5712 75.7416 60.1953 77.4389 60.1953H175.196C176.894 60.1953 178.27 61.5712 178.27 63.2685V188.746C178.27 190.444 176.894 191.819 175.196 191.819H77.4389C75.7416 191.819 74.3657 190.444 74.3657 188.746V63.2685Z" fill="#494F60" fill-opacity="0.3"/>
|
|
10
|
+
<path d="M70.001 58.6591C70.001 56.9618 71.3769 55.5859 73.0741 55.5859H170.832C172.529 55.5859 173.905 56.9618 173.905 58.6591V184.137C173.905 185.834 172.529 187.21 170.832 187.21H73.0742C71.3769 187.21 70.001 185.834 70.001 184.137V58.6591Z" fill="#494F60" fill-opacity="0.3"/>
|
|
11
|
+
<g filter="url(#filter0_d_4704_5366)">
|
|
12
|
+
<path d="M178.74 115.22V54.6747C178.74 52.9751 177.36 51.5982 175.66 51.6016L68.4761 51.8112C66.7722 51.8146 65.3963 53.2015 65.4069 54.9054C65.4739 65.6788 65.5408 85.9571 65.3858 100.704C65.1715 121.091 63.243 132.491 59.6003 152.659C57.5802 163.844 53.7273 172.795 50.5541 178.476C49.2797 180.758 50.9513 183.919 53.564 183.86L105.168 182.704C105.501 182.697 105.829 182.639 106.134 182.508C108.997 181.278 116.583 176.621 127.741 166.032C134.506 159.613 137.668 152.171 138.935 145.896C139.555 142.827 147.273 135.949 150.401 135.818C151.647 135.766 153.019 135.682 154.526 135.56C164.925 134.716 174.436 123.099 178.316 116.758C178.6 116.295 178.74 115.763 178.74 115.22Z" fill="#555F77"/>
|
|
13
|
+
<path d="M104.029 77.685C104.029 76.8364 104.717 76.1484 105.565 76.1484H155.465C156.314 76.1484 157.002 76.8364 157.002 77.685C157.002 78.5337 156.314 79.2216 155.465 79.2216H105.565C104.717 79.2216 104.029 78.5337 104.029 77.685Z" fill="#AAB2C5"/>
|
|
14
|
+
<path d="M104.029 109.814C104.029 108.965 104.717 108.277 105.565 108.277H155.465C156.314 108.277 157.002 108.965 157.002 109.814C157.002 110.663 156.314 111.351 155.465 111.351H105.565C104.717 111.351 104.029 110.663 104.029 109.814Z" fill="#AAB2C5"/>
|
|
15
|
+
<path d="M104.029 142.287C104.029 141.438 104.717 140.75 105.565 140.75H143.06C143.909 140.75 144.597 141.438 144.597 142.287C144.597 143.135 143.909 143.823 143.06 143.823H105.565C104.717 143.823 104.029 143.135 104.029 142.287Z" fill="#AAB2C5"/>
|
|
16
|
+
<path d="M104.029 85.685C104.029 84.8364 104.717 84.1484 105.565 84.1484H128.196C129.045 84.1484 129.733 84.8364 129.733 85.685C129.733 86.5337 129.045 87.2216 128.196 87.2216H105.565C104.717 87.2216 104.029 86.5337 104.029 85.685Z" fill="#AAB2C5"/>
|
|
17
|
+
<path d="M104.029 118.158C104.029 117.309 104.717 116.621 105.565 116.621H128.196C129.045 116.621 129.733 117.309 129.733 118.158C129.733 119.006 129.045 119.694 128.196 119.694H105.565C104.717 119.694 104.029 119.006 104.029 118.158Z" fill="#AAB2C5"/>
|
|
18
|
+
<path d="M104.029 151.544C104.029 150.696 104.717 150.008 105.565 150.008H128.196C129.045 150.008 129.733 150.696 129.733 151.544C129.733 152.393 129.045 153.081 128.196 153.081H105.565C104.717 153.081 104.029 152.393 104.029 151.544Z" fill="#AAB2C5"/>
|
|
19
|
+
<path d="M134.315 85.685C134.315 84.8364 135.003 84.1484 135.852 84.1484H153.789C154.638 84.1484 155.325 84.8364 155.325 85.685C155.325 86.5337 154.638 87.2216 153.789 87.2216H135.852C135.003 87.2216 134.315 86.5337 134.315 85.685Z" fill="#AAB2C5"/>
|
|
20
|
+
<path d="M133.622 155.035C129.872 164.145 114.378 176.11 103.771 182.886C110.135 183.029 128.044 178.245 138.115 172.358C151.891 164.304 157.291 159.093 164.929 146.687C171.039 136.762 178.538 120.712 178.68 114.508C177.478 116.29 172.492 124.917 164.975 128.913C155.4 134.003 150.988 132.563 139.442 131.506C139.442 133.146 138.127 144.087 133.622 155.035Z" fill="#8591AE"/>
|
|
21
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.3625 77.2976C96.847 77.7933 96.847 78.5971 96.3625 79.0928L87.0566 88.6133C86.572 89.109 85.7864 89.109 85.3019 88.6133L81.0719 84.2858C80.5874 83.7901 80.5874 82.9863 81.0719 82.4906C81.5565 81.9949 82.3421 81.9949 82.8266 82.4906L86.1792 85.9205L94.6077 77.2976C95.0923 76.8018 95.8779 76.8018 96.3625 77.2976Z" fill="#AAB2C5"/>
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.3625 108.032C96.847 108.528 96.847 109.331 96.3625 109.827L87.0566 119.348C86.572 119.843 85.7864 119.843 85.3019 119.348L81.0719 115.02C80.5874 114.524 80.5874 113.721 81.0719 113.225C81.5565 112.729 82.3421 112.729 82.8266 113.225L86.1792 116.655L94.6077 108.032C95.0923 107.536 95.8779 107.536 96.3625 108.032Z" fill="#AAB2C5"/>
|
|
23
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.3625 141.837C96.847 142.332 96.847 143.136 96.3625 143.632L87.0566 153.152C86.572 153.648 85.7864 153.648 85.3019 153.152L81.0719 148.825C80.5874 148.329 80.5874 147.525 81.0719 147.03C81.5565 146.534 82.3421 146.534 82.8266 147.03L86.1792 150.46L94.6077 141.837C95.0923 141.341 95.8779 141.341 96.3625 141.837Z" fill="#AAB2C5"/>
|
|
24
|
+
</g>
|
|
25
|
+
<g filter="url(#filter1_d_4704_5366)">
|
|
26
|
+
<path d="M124.837 35.0781C128.242 35.0782 131.001 38.1372 131.001 41.9111C131.001 41.9939 130.998 42.0762 130.996 42.1582L149.615 42.123V53.5947C149.582 55.2597 148.537 58.5888 144.621 58.5889H103.429C101.748 58.6054 98.3853 57.5498 98.3853 53.1982C98.3853 48.8468 98.5175 44.0992 98.5835 42.2207L118.679 42.1816C118.676 42.0919 118.673 42.0017 118.673 41.9111C118.673 38.1372 121.433 35.0781 124.837 35.0781ZM124.837 37.4844C122.632 37.4845 120.843 39.4677 120.843 41.9131C120.843 42.0019 120.845 42.0902 120.85 42.1777L128.825 42.1621C128.829 42.0797 128.832 41.9967 128.832 41.9131C128.832 39.4676 127.043 37.4844 124.837 37.4844Z" fill="#AAB2C5"/>
|
|
27
|
+
</g>
|
|
28
|
+
<defs>
|
|
29
|
+
<filter id="filter0_d_4704_5366" x="25.5323" y="39.3089" width="177.793" height="181.429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
30
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
31
|
+
<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"/>
|
|
32
|
+
<feOffset dy="12.2927"/>
|
|
33
|
+
<feGaussianBlur stdDeviation="12.2927"/>
|
|
34
|
+
<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.16 0"/>
|
|
35
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4704_5366"/>
|
|
36
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4704_5366" result="shape"/>
|
|
37
|
+
</filter>
|
|
38
|
+
<filter id="filter1_d_4704_5366" x="73.7999" y="22.7854" width="100.4" height="72.6824" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
39
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
40
|
+
<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"/>
|
|
41
|
+
<feOffset dy="12.2927"/>
|
|
42
|
+
<feGaussianBlur stdDeviation="12.2927"/>
|
|
43
|
+
<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.16 0"/>
|
|
44
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4704_5366"/>
|
|
45
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4704_5366" result="shape"/>
|
|
46
|
+
</filter>
|
|
47
|
+
</defs>
|
|
48
|
+
</svg>
|
|
@@ -0,0 +1,48 @@
|
|
|
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
|
+
<circle cx="30.5442" cy="167.308" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
|
|
4
|
+
<circle cx="205.147" cy="47.4113" r="7.29412" fill="#94A8E1" fill-opacity="0.2"/>
|
|
5
|
+
<circle cx="212.897" cy="31.4545" r="4.10294" fill="#94A8E1" fill-opacity="0.2"/>
|
|
6
|
+
<circle cx="39.6619" cy="57.8982" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
|
|
7
|
+
<circle cx="30.544" cy="192.838" r="6.83824" fill="#94A8E1" fill-opacity="0.2"/>
|
|
8
|
+
<rect x="60.1069" y="43.7812" width="125.551" height="155.535" rx="3" fill="#D6DCE8"/>
|
|
9
|
+
<path d="M74.366 63.2685C74.366 61.5712 75.7419 60.1953 77.4391 60.1953H175.197C176.894 60.1953 178.27 61.5712 178.27 63.2685V188.746C178.27 190.444 176.894 191.819 175.197 191.819H77.4391C75.7419 191.819 74.366 190.444 74.366 188.746V63.2685Z" fill="#94A8E1" fill-opacity="0.2"/>
|
|
10
|
+
<path d="M70.001 58.6591C70.001 56.9618 71.3769 55.5859 73.0741 55.5859H170.832C172.529 55.5859 173.905 56.9618 173.905 58.6591V184.137C173.905 185.834 172.529 187.21 170.832 187.21H73.0742C71.3769 187.21 70.001 185.834 70.001 184.137V58.6591Z" fill="#94A8E1" fill-opacity="0.2"/>
|
|
11
|
+
<g filter="url(#filter0_d_4704_5334)">
|
|
12
|
+
<path d="M178.74 115.22V54.6747C178.74 52.9751 177.36 51.5982 175.66 51.6016L68.4761 51.8112C66.7722 51.8146 65.3963 53.2015 65.4069 54.9054C65.4739 65.6788 65.5408 85.9571 65.3858 100.704C65.1715 121.091 63.243 132.491 59.6003 152.659C57.5802 163.844 53.7273 172.795 50.5541 178.476C49.2797 180.758 50.9513 183.919 53.564 183.86L105.168 182.704C105.501 182.697 105.829 182.639 106.134 182.508C108.997 181.278 116.583 176.621 127.741 166.032C134.506 159.613 137.668 152.171 138.935 145.896C139.555 142.827 147.273 135.949 150.401 135.818C151.647 135.766 153.019 135.682 154.526 135.56C164.925 134.716 174.436 123.099 178.316 116.758C178.6 116.295 178.74 115.763 178.74 115.22Z" fill="#F8F9FC"/>
|
|
13
|
+
<path d="M104.029 77.685C104.029 76.8364 104.717 76.1484 105.565 76.1484H155.465C156.314 76.1484 157.002 76.8364 157.002 77.685C157.002 78.5337 156.314 79.2216 155.465 79.2216H105.565C104.717 79.2216 104.029 78.5337 104.029 77.685Z" fill="#8591AE"/>
|
|
14
|
+
<path d="M104.029 109.814C104.029 108.965 104.717 108.277 105.565 108.277H155.465C156.314 108.277 157.002 108.965 157.002 109.814C157.002 110.663 156.314 111.351 155.465 111.351H105.565C104.717 111.351 104.029 110.663 104.029 109.814Z" fill="#8591AE"/>
|
|
15
|
+
<path d="M104.029 142.287C104.029 141.438 104.717 140.75 105.565 140.75H143.06C143.909 140.75 144.597 141.438 144.597 142.287C144.597 143.135 143.909 143.823 143.06 143.823H105.565C104.717 143.823 104.029 143.135 104.029 142.287Z" fill="#8591AE"/>
|
|
16
|
+
<path d="M104.029 85.685C104.029 84.8364 104.717 84.1484 105.565 84.1484H128.196C129.045 84.1484 129.733 84.8364 129.733 85.685C129.733 86.5337 129.045 87.2216 128.196 87.2216H105.565C104.717 87.2216 104.029 86.5337 104.029 85.685Z" fill="#8591AE"/>
|
|
17
|
+
<path d="M104.029 118.158C104.029 117.309 104.717 116.621 105.565 116.621H128.196C129.045 116.621 129.733 117.309 129.733 118.158C129.733 119.006 129.045 119.694 128.196 119.694H105.565C104.717 119.694 104.029 119.006 104.029 118.158Z" fill="#8591AE"/>
|
|
18
|
+
<path d="M104.029 151.544C104.029 150.696 104.717 150.008 105.565 150.008H128.196C129.045 150.008 129.733 150.696 129.733 151.544C129.733 152.393 129.045 153.081 128.196 153.081H105.565C104.717 153.081 104.029 152.393 104.029 151.544Z" fill="#8591AE"/>
|
|
19
|
+
<path d="M134.315 85.685C134.315 84.8364 135.003 84.1484 135.852 84.1484H153.789C154.638 84.1484 155.325 84.8364 155.325 85.685C155.325 86.5337 154.638 87.2216 153.789 87.2216H135.852C135.003 87.2216 134.315 86.5337 134.315 85.685Z" fill="#8591AE"/>
|
|
20
|
+
<path d="M133.621 155.035C129.872 164.145 114.378 176.11 103.77 182.886C110.135 183.029 128.044 178.245 138.115 172.358C151.891 164.304 157.291 159.093 164.929 146.687C171.039 136.762 178.538 120.712 178.68 114.508C177.477 116.29 172.492 124.917 164.974 128.913C155.4 134.003 150.988 132.563 139.441 131.506C139.441 133.146 138.127 144.087 133.621 155.035Z" fill="#CBD2E2"/>
|
|
21
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.3627 77.2976C96.8473 77.7933 96.8473 78.5971 96.3627 79.0928L87.0568 88.6133C86.5723 89.109 85.7867 89.109 85.3021 88.6133L81.0722 84.2858C80.5876 83.7901 80.5876 82.9863 81.0722 82.4906C81.5567 81.9949 82.3423 81.9949 82.8269 82.4906L86.1795 85.9205L94.608 77.2976C95.0925 76.8018 95.8782 76.8018 96.3627 77.2976Z" fill="#8591AE"/>
|
|
22
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.3627 108.032C96.8473 108.528 96.8473 109.331 96.3627 109.827L87.0568 119.348C86.5723 119.843 85.7867 119.843 85.3021 119.348L81.0722 115.02C80.5876 114.524 80.5876 113.721 81.0722 113.225C81.5567 112.729 82.3423 112.729 82.8269 113.225L86.1795 116.655L94.608 108.032C95.0925 107.536 95.8782 107.536 96.3627 108.032Z" fill="#8591AE"/>
|
|
23
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M96.3627 141.837C96.8473 142.332 96.8473 143.136 96.3627 143.632L87.0568 153.152C86.5723 153.648 85.7867 153.648 85.3021 153.152L81.0722 148.825C80.5876 148.329 80.5876 147.525 81.0722 147.03C81.5567 146.534 82.3423 146.534 82.8269 147.03L86.1795 150.46L94.608 141.837C95.0925 141.341 95.8782 141.341 96.3627 141.837Z" fill="#8591AE"/>
|
|
24
|
+
</g>
|
|
25
|
+
<g filter="url(#filter1_d_4704_5334)">
|
|
26
|
+
<path d="M124.837 35.0781C128.242 35.0782 131.001 38.1372 131.001 41.9111C131.001 41.9939 130.998 42.0762 130.996 42.1582L149.615 42.123V53.5947C149.582 55.2597 148.537 58.5888 144.621 58.5889H103.429C101.748 58.6054 98.3853 57.5498 98.3853 53.1982C98.3853 48.8468 98.5175 44.0992 98.5835 42.2207L118.679 42.1816C118.676 42.0919 118.673 42.0017 118.673 41.9111C118.673 38.1372 121.433 35.0781 124.837 35.0781ZM124.837 37.4844C122.632 37.4845 120.843 39.4677 120.843 41.9131C120.843 42.0019 120.845 42.0902 120.85 42.1777L128.825 42.1621C128.829 42.0797 128.832 41.9967 128.832 41.9131C128.832 39.4676 127.043 37.4844 124.837 37.4844Z" fill="#8591AE"/>
|
|
27
|
+
</g>
|
|
28
|
+
<defs>
|
|
29
|
+
<filter id="filter0_d_4704_5334" x="25.5323" y="39.3089" width="177.793" height="181.429" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
30
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
31
|
+
<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"/>
|
|
32
|
+
<feOffset dy="12.2927"/>
|
|
33
|
+
<feGaussianBlur stdDeviation="12.2927"/>
|
|
34
|
+
<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.16 0"/>
|
|
35
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4704_5334"/>
|
|
36
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4704_5334" result="shape"/>
|
|
37
|
+
</filter>
|
|
38
|
+
<filter id="filter1_d_4704_5334" x="73.7999" y="22.7854" width="100.4" height="72.6824" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
39
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
40
|
+
<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"/>
|
|
41
|
+
<feOffset dy="12.2927"/>
|
|
42
|
+
<feGaussianBlur stdDeviation="12.2927"/>
|
|
43
|
+
<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.16 0"/>
|
|
44
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4704_5334"/>
|
|
45
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4704_5334" result="shape"/>
|
|
46
|
+
</filter>
|
|
47
|
+
</defs>
|
|
48
|
+
</svg>
|
package/index.css
CHANGED
|
@@ -2,6 +2,15 @@
|
|
|
2
2
|
/*Path: --------- './illustrations/light/global/*.svg ----- light */
|
|
3
3
|
/*Path: --------- './illustrations/dark/global/*.svg ------ dark */
|
|
4
4
|
|
|
5
|
+
.dot-illustration img.tasks.light {
|
|
6
|
+
content: url('./illustrations/light/global/tasks.svg');
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.dot-illustration img.tasks.dark {
|
|
10
|
+
content: url('./illustrations/dark/global/tasks.svg');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
|
|
5
14
|
.dot-illustration img.tags.light {
|
|
6
15
|
content: url('./illustrations/light/global/tags.svg');
|
|
7
16
|
}
|
package/package.json
CHANGED