@digital-ai/dot-illustrations 2.0.20 → 2.0.21
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,24 @@
|
|
|
1
|
+
<svg width="249" height="249" viewBox="0 0 249 249" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="124.019" cy="124.5" r="93" fill="#494F60" fill-opacity="0.3"/>
|
|
3
|
+
<g clip-path="url(#clip0_4423_5023)">
|
|
4
|
+
<g filter="url(#filter0_d_4423_5023)">
|
|
5
|
+
<path d="M151.616 77.7472C143.487 75.3147 129.532 67.2694 123.571 63.5508L123.368 189.69C126.349 189.149 136.537 184.539 153.445 170.424C170.353 156.309 176.206 134.799 177.019 125.809L176.816 83.6268C171.803 82.6805 159.745 80.1796 151.616 77.7472Z" fill="#555F77"/>
|
|
6
|
+
<path d="M96.1878 77.7472C104.242 75.3147 118.068 67.2694 123.974 63.5508L124.175 189.69C121.222 189.149 111.128 184.539 94.3755 170.424C77.6232 156.309 71.8244 134.799 71.019 125.809L71.2203 83.6268C76.1869 82.6805 88.1337 80.1796 96.1878 77.7472Z" fill="#3D465C"/>
|
|
7
|
+
<path d="M124.019 94.9648C132.01 94.9649 138.488 101.443 138.488 109.434V120.395C142.927 124.368 145.722 130.142 145.722 136.569C145.722 148.555 136.005 158.272 124.019 158.272C112.033 158.272 102.316 148.555 102.316 136.569C102.316 130.142 105.111 124.368 109.55 120.395V109.434C109.55 101.443 116.028 94.9648 124.019 94.9648ZM124.019 125.715C120.595 125.715 117.818 128.492 117.818 131.916C117.818 134.21 119.066 136.212 120.918 137.284V144.319C120.919 146.031 122.307 147.42 124.019 147.42C125.731 147.42 127.118 146.031 127.119 144.319V137.284C128.971 136.212 130.219 134.211 130.219 131.916C130.219 128.492 127.443 125.715 124.019 125.715ZM124.019 100.391C119.025 100.391 114.976 104.439 114.976 109.434V116.836C117.729 115.572 120.792 114.867 124.019 114.867C127.246 114.867 130.309 115.572 133.062 116.836V109.434C133.062 104.439 129.013 100.391 124.019 100.391Z" fill="#AAB2C5"/>
|
|
8
|
+
</g>
|
|
9
|
+
</g>
|
|
10
|
+
<defs>
|
|
11
|
+
<filter id="filter0_d_4423_5023" x="7.01904" y="31.5508" width="234" height="254.141" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
12
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
13
|
+
<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"/>
|
|
14
|
+
<feOffset dy="32"/>
|
|
15
|
+
<feGaussianBlur stdDeviation="32"/>
|
|
16
|
+
<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"/>
|
|
17
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4423_5023"/>
|
|
18
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4423_5023" result="shape"/>
|
|
19
|
+
</filter>
|
|
20
|
+
<clipPath id="clip0_4423_5023">
|
|
21
|
+
<rect x="31.019" y="31.5" width="186" height="186" rx="93" fill="white"/>
|
|
22
|
+
</clipPath>
|
|
23
|
+
</defs>
|
|
24
|
+
</svg>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<svg width="249" height="249" viewBox="0 0 249 249" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<circle cx="124.438" cy="124.5" r="93" fill="#94A8E1" fill-opacity="0.2"/>
|
|
3
|
+
<g clip-path="url(#clip0_4423_5036)">
|
|
4
|
+
<g filter="url(#filter0_d_4423_5036)">
|
|
5
|
+
<path d="M152.035 77.7472C143.906 75.3147 129.951 67.2694 123.99 63.5508L123.787 189.69C126.768 189.149 136.956 184.539 153.864 170.424C170.772 156.309 176.625 134.799 177.438 125.809L177.235 83.6268C172.222 82.6805 160.164 80.1796 152.035 77.7472Z" fill="#F8F9FC"/>
|
|
6
|
+
<path d="M96.6067 77.7472C104.661 75.3147 118.487 67.2694 124.393 63.5508L124.594 189.69C121.641 189.149 111.547 184.539 94.7945 170.424C78.0422 156.309 72.2433 134.799 71.4379 125.809L71.6393 83.6268C76.6059 82.6805 88.5527 80.1796 96.6067 77.7472Z" fill="#D6DCE8"/>
|
|
7
|
+
<path d="M124.438 94.9648C132.429 94.9649 138.907 101.443 138.907 109.434V120.395C143.346 124.368 146.141 130.142 146.141 136.569C146.141 148.555 136.424 158.272 124.438 158.272C112.452 158.272 102.735 148.555 102.735 136.569C102.735 130.142 105.53 124.368 109.969 120.395V109.434C109.969 101.443 116.447 94.9648 124.438 94.9648ZM124.438 125.715C121.014 125.715 118.237 128.492 118.237 131.916C118.237 134.21 119.485 136.212 121.337 137.284V144.319C121.338 146.031 122.726 147.42 124.438 147.42C126.15 147.42 127.537 146.031 127.538 144.319V137.284C129.39 136.212 130.638 134.211 130.638 131.916C130.638 128.492 127.862 125.715 124.438 125.715ZM124.438 100.391C119.444 100.391 115.395 104.439 115.395 109.434V116.836C118.148 115.572 121.211 114.867 124.438 114.867C127.665 114.867 130.728 115.572 133.481 116.836V109.434C133.481 104.439 129.432 100.391 124.438 100.391Z" fill="#8591AE"/>
|
|
8
|
+
</g>
|
|
9
|
+
</g>
|
|
10
|
+
<defs>
|
|
11
|
+
<filter id="filter0_d_4423_5036" x="7.43799" y="31.5508" width="234" height="254.141" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
|
12
|
+
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
|
13
|
+
<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"/>
|
|
14
|
+
<feOffset dy="32"/>
|
|
15
|
+
<feGaussianBlur stdDeviation="32"/>
|
|
16
|
+
<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"/>
|
|
17
|
+
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4423_5036"/>
|
|
18
|
+
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4423_5036" result="shape"/>
|
|
19
|
+
</filter>
|
|
20
|
+
<clipPath id="clip0_4423_5036">
|
|
21
|
+
<rect x="31.438" y="31.5" width="186" height="186" rx="93" fill="white"/>
|
|
22
|
+
</clipPath>
|
|
23
|
+
</defs>
|
|
24
|
+
</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.forbiden-access.light {
|
|
6
|
+
content: url('./illustrations/light/global/forbiden-access.svg');
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.dot-illustration img.forbiden-access.dark {
|
|
10
|
+
content: url('./illustrations/dark/global/forbiden-access.svg');
|
|
11
|
+
}
|
|
12
|
+
|
|
5
13
|
.dot-illustration img.scan-document.light {
|
|
6
14
|
content: url('./illustrations/light/global/scan-document.svg');
|
|
7
15
|
}
|
package/package.json
CHANGED