@digital-ai/dot-illustrations 2.0.17 → 2.0.18
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 +14 -12
- package/illustrations/dark/global/protection-in-progress.svg +12 -0
- package/illustrations/dark/global/scan-document.svg +16 -0
- package/illustrations/light/global/protection-in-progress.svg +12 -0
- package/illustrations/light/global/scan-document.svg +16 -0
- package/index.css +18 -2
- package/package.json +1 -1
package/demo/script.js
CHANGED
|
@@ -48,7 +48,9 @@ function doMagic() {
|
|
|
48
48
|
"no-filters",
|
|
49
49
|
"nothing-defined",
|
|
50
50
|
"password-token",
|
|
51
|
+
"protection-in-progress",
|
|
51
52
|
"reports",
|
|
53
|
+
"scan-document",
|
|
52
54
|
"survey",
|
|
53
55
|
"user",
|
|
54
56
|
"ui-ux-improvements",
|
|
@@ -58,11 +60,11 @@ function doMagic() {
|
|
|
58
60
|
"research",
|
|
59
61
|
"commitrepo",
|
|
60
62
|
|
|
61
|
-
|
|
63
|
+
|
|
62
64
|
// Dashboards arrange from A-Z
|
|
63
|
-
"analysis",
|
|
64
|
-
"automation",
|
|
65
|
-
"burn-down",
|
|
65
|
+
"analysis",
|
|
66
|
+
"automation",
|
|
67
|
+
"burn-down",
|
|
66
68
|
"burn-up",
|
|
67
69
|
"change-credit-score",
|
|
68
70
|
"change-data-quality",
|
|
@@ -73,15 +75,15 @@ function doMagic() {
|
|
|
73
75
|
"change-failure-prediction",
|
|
74
76
|
"CRP-failure-prediction-monitoring",
|
|
75
77
|
"custom",
|
|
76
|
-
"defect",
|
|
77
|
-
"dependency",
|
|
78
|
-
"dora",
|
|
79
|
-
"executive",
|
|
78
|
+
"defect",
|
|
79
|
+
"dependency",
|
|
80
|
+
"dora",
|
|
81
|
+
"executive",
|
|
80
82
|
"change-impact",
|
|
81
|
-
"item",
|
|
82
|
-
"late-task",
|
|
83
|
+
"item",
|
|
84
|
+
"late-task",
|
|
83
85
|
"onboarding",
|
|
84
|
-
"data-extraction",
|
|
86
|
+
"data-extraction",
|
|
85
87
|
"workflow"
|
|
86
88
|
];
|
|
87
89
|
illustrations.forEach(illustration => {
|
|
@@ -101,7 +103,7 @@ function doMagic() {
|
|
|
101
103
|
Copy Code
|
|
102
104
|
<span class="tooltiptext">Copy Code</span>
|
|
103
105
|
</button>
|
|
104
|
-
</div>
|
|
106
|
+
</div>
|
|
105
107
|
<span class="iconID">${illustration}</span>
|
|
106
108
|
<!-- Code block to be copied -->
|
|
107
109
|
<pre class="codeBlock">
|
|
@@ -0,0 +1,12 @@
|
|
|
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
|
+
<circle cx="124.019" cy="124.5" r="66" fill="url(#paint0_linear_4331_4098)"/>
|
|
4
|
+
<circle cx="123.519" cy="125" r="43.5" fill="#555F77"/>
|
|
5
|
+
<path d="M123.703 104.5C128.741 104.5 132.826 108.585 132.826 113.623V120.53C135.625 123.036 137.387 126.676 137.387 130.729C137.387 138.286 131.26 144.413 123.703 144.413C116.145 144.413 110.019 138.286 110.019 130.729C110.019 126.676 111.781 123.035 114.581 120.529V113.623C114.581 108.585 118.664 104.5 123.703 104.5ZM123.703 123.884C121.544 123.884 119.794 125.634 119.793 127.793C119.793 129.24 120.58 130.502 121.749 131.178V135.611C121.749 136.691 122.623 137.566 123.703 137.566C124.782 137.566 125.658 136.691 125.658 135.611V131.178C126.826 130.502 127.613 129.24 127.613 127.793C127.613 125.634 125.862 123.884 123.703 123.884ZM123.703 107.921C120.554 107.921 118.001 110.474 118.001 113.623V118.286C119.737 117.49 121.668 117.045 123.703 117.045C125.738 117.045 127.669 117.489 129.405 118.286V113.623C129.405 110.474 126.852 107.921 123.703 107.921Z" fill="#AAB2C5"/>
|
|
6
|
+
<defs>
|
|
7
|
+
<linearGradient id="paint0_linear_4331_4098" x1="80.5876" y1="124.5" x2="167.45" y2="124.5" gradientUnits="userSpaceOnUse">
|
|
8
|
+
<stop stop-color="#3D465C"/>
|
|
9
|
+
<stop offset="1" stop-color="#8591AE"/>
|
|
10
|
+
</linearGradient>
|
|
11
|
+
</defs>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
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_4331_3862)">
|
|
4
|
+
<path d="M65.3875 84.237V237.785H192.848V107.578L155.09 65.4727H76.3715C65.3875 65.4727 64.4721 77.9822 65.3875 84.237Z" fill="#555F77"/>
|
|
5
|
+
<path d="M155.09 99.3417V65.7031L192.619 107.58C185.144 107.58 168.735 107.351 162.694 107.351C156.652 107.351 155.09 105.749 155.09 99.3417Z" fill="#8591AE"/>
|
|
6
|
+
<rect x="79.019" y="135.5" width="99" height="11" rx="3" fill="#8591AE"/>
|
|
7
|
+
<rect x="79.019" y="151.5" width="99" height="11" rx="3" fill="#8591AE"/>
|
|
8
|
+
<rect x="79.019" y="167.5" width="99" height="11" rx="3" fill="#8591AE"/>
|
|
9
|
+
<rect x="52.019" y="120.5" width="154" height="15" rx="3" fill="#E5E9F3"/>
|
|
10
|
+
</g>
|
|
11
|
+
<defs>
|
|
12
|
+
<clipPath id="clip0_4331_3862">
|
|
13
|
+
<rect x="31.019" y="31.5" width="186" height="186" rx="93" fill="white"/>
|
|
14
|
+
</clipPath>
|
|
15
|
+
</defs>
|
|
16
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
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
|
+
<circle cx="124.438" cy="124.5" r="66" fill="url(#paint0_linear_4331_4111)"/>
|
|
4
|
+
<circle cx="123.938" cy="125" r="43.5" fill="#F8F9FC"/>
|
|
5
|
+
<path d="M124.122 104.5C129.16 104.5 133.245 108.585 133.245 113.623V120.53C136.044 123.036 137.806 126.676 137.806 130.729C137.806 138.286 131.679 144.413 124.122 144.413C116.564 144.413 110.438 138.286 110.438 130.729C110.438 126.676 112.2 123.035 115 120.529V113.623C115 108.585 119.083 104.5 124.122 104.5ZM124.122 123.884C121.963 123.884 120.213 125.634 120.212 127.793C120.212 129.24 120.999 130.502 122.167 131.178V135.611C122.168 136.691 123.042 137.566 124.122 137.566C125.201 137.566 126.077 136.691 126.077 135.611V131.178C127.245 130.502 128.032 129.24 128.032 127.793C128.031 125.634 126.281 123.884 124.122 123.884ZM124.122 107.921C120.973 107.921 118.42 110.474 118.42 113.623V118.286C120.156 117.49 122.087 117.045 124.122 117.045C126.157 117.045 128.088 117.489 129.824 118.286V113.623C129.824 110.474 127.271 107.921 124.122 107.921Z" fill="#8591AE"/>
|
|
6
|
+
<defs>
|
|
7
|
+
<linearGradient id="paint0_linear_4331_4111" x1="81.0066" y1="124.5" x2="167.869" y2="124.5" gradientUnits="userSpaceOnUse">
|
|
8
|
+
<stop stop-color="#8591AE"/>
|
|
9
|
+
<stop offset="1" stop-color="#AAB2C5"/>
|
|
10
|
+
</linearGradient>
|
|
11
|
+
</defs>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,16 @@
|
|
|
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_4331_4124)">
|
|
4
|
+
<path d="M65.8064 84.237V237.785H193.267V107.578L155.509 65.4727H76.7904C65.8064 65.4727 64.8911 77.9822 65.8064 84.237Z" fill="#F8F9FC"/>
|
|
5
|
+
<path d="M155.509 99.3417V65.7031L193.038 107.58C185.563 107.58 169.154 107.351 163.113 107.351C157.071 107.351 155.509 105.749 155.509 99.3417Z" fill="#CBD2E2"/>
|
|
6
|
+
<rect x="79.438" y="135.5" width="99" height="11" rx="3" fill="#CBD2E2"/>
|
|
7
|
+
<rect x="79.438" y="151.5" width="99" height="11" rx="3" fill="#CBD2E2"/>
|
|
8
|
+
<rect x="79.438" y="167.5" width="99" height="11" rx="3" fill="#CBD2E2"/>
|
|
9
|
+
<rect x="52.438" y="120.5" width="154" height="15" rx="3" fill="#8591AE"/>
|
|
10
|
+
</g>
|
|
11
|
+
<defs>
|
|
12
|
+
<clipPath id="clip0_4331_4124">
|
|
13
|
+
<rect x="31.438" y="31.5" width="186" height="186" rx="93" fill="white"/>
|
|
14
|
+
</clipPath>
|
|
15
|
+
</defs>
|
|
16
|
+
</svg>
|
package/index.css
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
/* ------------------ GLOBAL ILLUSTRATIONS -------------------- */
|
|
2
2
|
/*Path: --------- './illustrations/light/global/*.svg ----- light */
|
|
3
|
-
/*Path: --------- './illustrations/dark/global/*.svg ------ dark */
|
|
3
|
+
/*Path: --------- './illustrations/dark/global/*.svg ------ dark */
|
|
4
|
+
|
|
5
|
+
.dot-illustration img.scan-document.light {
|
|
6
|
+
content: url('./illustrations/light/global/scan-document.svg');
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.dot-illustration img.scan-document.dark {
|
|
10
|
+
content: url('./illustrations/dark/global/scan-document.svg');
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.dot-illustration img.protection-in-progress.light {
|
|
14
|
+
content: url('./illustrations/light/global/protection-in-progress.svg');
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.dot-illustration img.protection-in-progress.dark {
|
|
18
|
+
content: url('./illustrations/dark/global/protection-in-progress.svg');
|
|
19
|
+
}
|
|
4
20
|
|
|
5
21
|
.dot-illustration img.upload.light {
|
|
6
22
|
content: url('./illustrations/light/global/upload.svg');
|
|
@@ -308,7 +324,7 @@
|
|
|
308
324
|
|
|
309
325
|
/* ------------------ DASHBOARD ILLUSTRATIONS -------------------- */
|
|
310
326
|
/*Path: --------- './illustrations/light/dashboards/*.svg ----- light */
|
|
311
|
-
/*Path: --------- './illustrations/dark/dashboards/*.svg ------ dark */
|
|
327
|
+
/*Path: --------- './illustrations/dark/dashboards/*.svg ------ dark */
|
|
312
328
|
|
|
313
329
|
.dot-illustration img.analysis.light {
|
|
314
330
|
content: url('./illustrations/light/dashboards/analysis.svg');
|
package/package.json
CHANGED