@digital-ai/dot-illustrations 1.0.9 → 1.0.12
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/agility/dark/global/agility-favourite-dark.svg +24 -0
- package/agility/light/global/agility-favourite-light.svg +24 -0
- package/dashboards/dark/agility/agility-analysis-dark.svg +0 -1
- package/dashboards/dark/agility/agility-automation-dark.svg +0 -1
- package/dashboards/dark/agility/agility-custom-dark.svg +0 -1
- package/dashboards/dark/agility/agility-defect-dark.svg +0 -1
- package/dashboards/dark/agility/agility-dependency-dark.svg +0 -1
- package/dashboards/dark/agility/agility-dora-dark.svg +0 -1
- package/dashboards/dark/agility/agility-executive-dark.svg +0 -1
- package/dashboards/dark/agility/agility-item-dark.svg +0 -1
- package/dashboards/dark/agility/agility-late-task-dark.svg +0 -1
- package/dashboards/dark/agility/agility-onboarding-dark.svg +18 -19
- package/dashboards/dark/agility/agility-workflow-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-analysis-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-automation-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-custom-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-defect-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-dependency-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-dora-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-executive-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-item-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-late-task-dark.svg +0 -1
- package/dashboards/dark/digitalai/digitalai-onboarding-dark.svg +18 -19
- package/dashboards/dark/digitalai/digitalai-workflow-dark.svg +0 -1
- package/dashboards/light/agility/agility-analysis-light.svg +0 -1
- package/dashboards/light/agility/agility-automation-light.svg +0 -1
- package/dashboards/light/agility/agility-custom-light.svg +0 -1
- package/dashboards/light/agility/agility-defect-light.svg +0 -1
- package/dashboards/light/agility/agility-dependency-light.svg +0 -1
- package/dashboards/light/agility/agility-dora-light.svg +0 -1
- package/dashboards/light/agility/agility-executive-light.svg +0 -1
- package/dashboards/light/agility/agility-item-light.svg +0 -1
- package/dashboards/light/agility/agility-late-task-light.svg +0 -1
- package/dashboards/light/agility/agility-onboarding-light.svg +18 -19
- package/dashboards/light/agility/agility-workflow-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-analysis-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-automation-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-custom-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-defect-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-dependency-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-dora-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-executive-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-item-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-late-task-light.svg +0 -1
- package/dashboards/light/digitalai/digitalai-onboarding-light.svg +18 -19
- package/dashboards/light/digitalai/digitalai-workflow-light.svg +0 -1
- package/demo/demo.css +9 -0
- package/demo/index.html +41 -24
- package/digitalai/dark/global/digitalai-favourite-dark.svg +24 -0
- package/digitalai/light/global/digitalai-favorite-light.svg +24 -0
- package/index.css +16 -0
- package/package.json +1 -1
- /package/integrations/{dephix.svg → delphix.svg} +0 -0
- /package/integrations/{sonarcube.svg → sonarqube.svg} +0 -0
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="354" height="212" viewBox="0 0 354 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2784_6618)">
|
|
3
3
|
<rect width="353" height="212" transform="translate(0.405273)" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.603516" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.9688" y="34.5039" width="186" height="123" rx="8" fill="white"/>
|
|
6
5
|
<path d="M146.989 143.103H162.989V82.7217H146.989V143.103Z" fill="#649726"/>
|
|
7
6
|
<path d="M209.336 143.103H225.336V123.002H209.336V143.103Z" fill="#649726"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="354" height="212" viewBox="0 0 354 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2784_6616)">
|
|
3
3
|
<rect width="353" height="212" transform="translate(0.405273)" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.211914" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="84.0596" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<path d="M147.501 159.03H163.501V103.322H147.501V159.03Z" fill="#649726"/>
|
|
7
6
|
<path d="M209.848 159.03H225.848V118.7H209.848V159.03Z" fill="#649726"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="354" height="212" viewBox="0 0 354 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2784_6614)">
|
|
3
3
|
<rect width="353" height="212" transform="translate(0.405273)" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.291016" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="84.0596" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<g clip-path="url(#clip1_2784_6614)">
|
|
7
6
|
<rect x="100.93" y="79" width="151.952" height="48.1798" rx="4.35778" fill="#E9F0E0"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="354" height="212" viewBox="0 0 354 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2784_6623)">
|
|
3
3
|
<rect width="353" height="212" transform="translate(0.405273)" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.820312" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="84.0596" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<g clip-path="url(#clip1_2784_6623)">
|
|
7
6
|
<rect x="100.786" y="79" width="151.952" height="48.1798" rx="4.35778" fill="#E9F0E0"/>
|
|
@@ -1,26 +1,25 @@
|
|
|
1
1
|
<svg width="354" height="212" viewBox="0 0 354 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2784_6619)">
|
|
3
3
|
<rect width="353" height="212" transform="translate(0.405273)" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.405273" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="75.8398" y="34.5" width="202.131" height="143" rx="8" fill="white"/>
|
|
6
|
-
<
|
|
7
|
-
<path d="
|
|
8
|
-
<path
|
|
9
|
-
<path
|
|
10
|
-
<path
|
|
11
|
-
<path d="
|
|
12
|
-
<path
|
|
13
|
-
<path
|
|
14
|
-
<path opacity="0.4" d="
|
|
15
|
-
<path d="
|
|
16
|
-
<path
|
|
17
|
-
<path
|
|
18
|
-
<path opacity="0.4" d="
|
|
19
|
-
<
|
|
20
|
-
<path d="
|
|
21
|
-
<path d="
|
|
22
|
-
<path d="
|
|
23
|
-
<path
|
|
5
|
+
<ellipse cx="126.805" cy="112.378" rx="36.3587" ry="36.436" fill="#3B485C" fill-opacity="0.1"/>
|
|
6
|
+
<path d="M109.378 134.903C109.394 124.845 111.291 121.017 119.487 118.814C124.289 120.756 127.026 120.661 131.974 118.814C140.619 120.656 141.894 125.245 142.677 134.903H109.378Z" fill="#498500"/>
|
|
7
|
+
<path d="M113.54 101.135C114.071 104.068 114.169 105.382 115.324 107.69L135.541 107.69C137.325 105.817 137.336 104.248 137.759 100.859C138.981 96.9043 138.521 96.2002 136.73 92.7927C138.514 86.8338 115.999 80.7137 115.324 92.7927C112.97 95.0111 112.791 96.995 113.54 101.135Z" fill="#498500"/>
|
|
8
|
+
<path d="M119.486 118.815L121.27 115.239H130.189L131.973 118.815C127.232 121.122 124.521 121.515 119.486 118.815Z" fill="#397200"/>
|
|
9
|
+
<path d="M128.776 95.703C120.438 92.528 115.168 93.8896 115.168 104.812C115.722 108.757 118.54 117.234 124.519 117.234C132.824 117.234 135.377 109.518 135.8 104.902C136.45 97.7982 136.106 99.3127 135.214 95.703C132.816 96.9994 131.772 96.8437 128.776 95.703Z" fill="#A4C280"/>
|
|
10
|
+
<path d="M220.708 68.0234H181.889C179.818 68.0234 178.139 69.7024 178.139 71.7734C178.139 73.8445 179.818 75.5235 181.889 75.5235L220.708 75.5235C222.779 75.5235 224.458 73.8445 224.458 71.7734C224.458 69.7024 222.779 68.0234 220.708 68.0234Z" fill="#A4C280"/>
|
|
11
|
+
<path d="M193.172 86.7285H178.772C178.422 86.7285 178.139 87.0123 178.139 87.3623V101.723C178.139 102.074 178.422 102.357 178.772 102.357H193.172C193.522 102.357 193.806 102.074 193.806 101.723V87.3623C193.806 87.0123 193.522 86.7285 193.172 86.7285Z" fill="#3B485C" fill-opacity="0.1"/>
|
|
12
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.945 87.5046C196.354 87.8357 196.416 88.4357 196.084 88.8436L186.293 100.864C185.425 101.931 183.822 102.013 182.848 101.042L178.527 96.7307C178.154 96.3592 178.154 95.756 178.527 95.3845L179.805 94.1097C180.176 93.7395 180.776 93.7395 181.148 94.1097L183.639 96.5953C184.038 96.9928 184.692 96.959 185.048 96.5226L193.206 86.5056C193.537 86.0992 194.135 86.0374 194.542 86.3674L195.945 87.5046Z" fill="#649726"/>
|
|
13
|
+
<path opacity="0.4" d="M237.278 87.916H210.535C209.299 87.916 208.297 88.9179 208.297 90.1538C208.297 91.3897 209.299 92.3916 210.535 92.3916H237.278C238.514 92.3916 239.515 91.3897 239.515 90.1538C239.515 88.9179 238.514 87.916 237.278 87.916Z" fill="#A4C280"/>
|
|
14
|
+
<path opacity="0.4" d="M253.32 96.1201H210.441C209.257 96.1201 208.297 97.122 208.297 98.3579C208.297 99.5938 209.257 100.596 210.441 100.596H253.32C254.504 100.596 255.464 99.5938 255.464 98.3579C255.464 97.122 254.504 96.1201 253.32 96.1201Z" fill="#A4C280"/>
|
|
15
|
+
<path d="M193.172 113.561H178.772C178.422 113.561 178.139 113.844 178.139 114.194V128.555C178.139 128.906 178.422 129.189 178.772 129.189H193.172C193.522 129.189 193.806 128.906 193.806 128.555V114.194C193.806 113.844 193.522 113.561 193.172 113.561Z" fill="#3B485C" fill-opacity="0.1"/>
|
|
16
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.945 114.338C196.354 114.669 196.416 115.269 196.084 115.677L186.293 127.697C185.425 128.764 183.822 128.846 182.848 127.875L178.527 123.564C178.154 123.192 178.154 122.589 178.527 122.218L179.805 120.943C180.176 120.573 180.776 120.573 181.148 120.943L183.639 123.428C184.038 123.826 184.692 123.792 185.048 123.356L193.206 113.339C193.537 112.932 194.135 112.87 194.542 113.2L195.945 114.338Z" fill="#649726"/>
|
|
17
|
+
<path opacity="0.4" d="M237.278 114.749H210.535C209.299 114.749 208.297 115.751 208.297 116.987C208.297 118.223 209.299 119.225 210.535 119.225H237.278C238.514 119.225 239.515 118.223 239.515 116.987C239.515 115.751 238.514 114.749 237.278 114.749Z" fill="#A4C280"/>
|
|
18
|
+
<path opacity="0.4" d="M253.32 122.953H210.441C209.257 122.953 208.297 123.955 208.297 125.191C208.297 126.427 209.257 127.429 210.441 127.429H253.32C254.504 127.429 255.464 126.427 255.464 125.191C255.464 123.955 254.504 122.953 253.32 122.953Z" fill="#A4C280"/>
|
|
19
|
+
<path d="M193.172 140.395H178.772C178.422 140.395 178.139 140.678 178.139 141.028V155.389C178.139 155.74 178.422 156.023 178.772 156.023H193.172C193.522 156.023 193.806 155.74 193.806 155.389V141.028C193.806 140.678 193.522 140.395 193.172 140.395Z" fill="#3B485C" fill-opacity="0.1"/>
|
|
20
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.945 141.172C196.354 141.503 196.416 142.103 196.084 142.511L186.293 154.531C185.425 155.598 183.822 155.68 182.848 154.709L178.527 150.398C178.154 150.026 178.154 149.423 178.527 149.051L179.805 147.777C180.176 147.406 180.776 147.406 181.148 147.777L183.639 150.262C184.038 150.66 184.692 150.626 185.048 150.19L193.206 140.173C193.537 139.766 194.135 139.704 194.542 140.034L195.945 141.172Z" fill="#649726"/>
|
|
21
|
+
<path opacity="0.4" d="M237.278 141.583H210.535C209.299 141.583 208.297 142.585 208.297 143.821C208.297 145.057 209.299 146.059 210.535 146.059H237.278C238.514 146.059 239.515 145.057 239.515 143.821C239.515 142.585 238.514 141.583 237.278 141.583Z" fill="#A4C280"/>
|
|
22
|
+
<path opacity="0.4" d="M253.32 149.787H210.441C209.257 149.787 208.297 150.789 208.297 152.025C208.297 153.261 209.257 154.263 210.441 154.263H253.32C254.504 154.263 255.464 153.261 255.464 152.025C255.464 150.789 254.504 149.787 253.32 149.787Z" fill="#A4C280"/>
|
|
24
23
|
</g>
|
|
25
24
|
<defs>
|
|
26
25
|
<clipPath id="clip0_2784_6619">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="354" height="212" viewBox="0 0 354 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2784_6617)">
|
|
3
3
|
<rect width="353" height="212" transform="translate(0.405273)" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.820312" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="84.0596" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<rect x="147.832" y="98.3327" width="18.8131" height="18.8131" rx="0.85514" stroke="#A4C280" stroke-width="1.71028"/>
|
|
7
6
|
<rect x="196.004" y="58.2103" width="14.0113" height="14.0113" rx="0.85514" transform="rotate(45 196.004 58.2103)" stroke="#A4C280" stroke-width="1.71028"/>
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
<g clip-path="url(#clip0_2777_36503)">
|
|
3
3
|
<g clip-path="url(#clip1_2777_36503)">
|
|
4
4
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
5
|
-
<rect width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
6
5
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
7
6
|
<mask id="mask0_2777_36503" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="104" y="58" width="146" height="102">
|
|
8
7
|
<path opacity="0.5" d="M109.338 159.368H249.226V141.678L226.503 129.839L209.452 58.4922L177.87 123.962L153.569 141.678L104.857 157.843L105.22 158.339L109.338 159.368Z" fill="#E8EDF3"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36506)">
|
|
3
3
|
<rect x="0.304688" y="0.0761719" width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.304688" y="0.0761719" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="84" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<path opacity="0.8" d="M188.515 120.5V131.319" stroke="#E3E5E8" stroke-width="2" stroke-linecap="square"/>
|
|
7
6
|
<path opacity="0.8" d="M168.515 80.6807V91.4997" stroke="#E3E5E8" stroke-width="2" stroke-linecap="round"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36502)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="-0.318359" y="0.0761719" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<g opacity="0.5">
|
|
7
6
|
<rect x="98.4702" y="141.58" width="156" height="3" rx="1.5" fill="#E3E5E8"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36504)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect y="-2.91016" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<g clip-path="url(#clip1_2777_36504)">
|
|
7
6
|
<rect x="100.524" y="79" width="151.952" height="48.1798" rx="4.35778" fill="#E8EDF3"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36497)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="-0.193359" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<path opacity="0.8" d="M187.654 84.3437C187.102 84.3437 186.654 84.7914 186.654 85.3437C186.654 85.8959 187.102 86.3437 187.654 86.3437V84.3437ZM205.248 111.149C205.638 111.54 206.271 111.54 206.662 111.149L213.026 104.785C213.416 104.395 213.416 103.761 213.026 103.371C212.635 102.98 212.002 102.98 211.612 103.371L205.955 109.028L200.298 103.371C199.908 102.98 199.274 102.98 198.884 103.371C198.493 103.761 198.493 104.395 198.884 104.785L205.248 111.149ZM187.654 86.3437H200.955V84.3437H187.654V86.3437ZM204.955 90.3437V110.442H206.955V90.3437H204.955ZM200.955 86.3437C203.164 86.3437 204.955 88.1345 204.955 90.3437H206.955C206.955 87.0299 204.269 84.3437 200.955 84.3437V86.3437Z" fill="#9EB6CF"/>
|
|
7
6
|
<g clip-path="url(#clip1_2777_36497)">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36500)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.198242" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.5635" y="34.5039" width="186" height="123" rx="8" fill="white"/>
|
|
6
5
|
<path d="M146.583 143.103H162.583V82.7217H146.583V143.103Z" fill="#5A82AD"/>
|
|
7
6
|
<path d="M208.93 143.103H224.93V123.002H208.93V143.103Z" fill="#5A82AD"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36498)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="-0.193359" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<path d="M147.095 159.03H163.095V103.322H147.095V159.03Z" fill="#5A82AD"/>
|
|
7
6
|
<path d="M209.441 159.03H225.441V118.7H209.441V159.03Z" fill="#5A82AD"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36496)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="-0.114258" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<g clip-path="url(#clip1_2777_36496)">
|
|
7
6
|
<rect x="100.524" y="79" width="151.952" height="48.1798" rx="4.35778" fill="#E8EDF3"/>
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36505)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.414551" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<g clip-path="url(#clip1_2777_36505)">
|
|
7
6
|
<rect x="100.38" y="79" width="151.952" height="48.1798" rx="4.35778" fill="#E8EDF3"/>
|
|
@@ -1,26 +1,25 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36501)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="75.4346" y="34.5" width="202.131" height="143" rx="8" fill="white"/>
|
|
6
|
-
<
|
|
7
|
-
<path d="
|
|
8
|
-
<path
|
|
9
|
-
<path
|
|
10
|
-
<path
|
|
11
|
-
<path d="
|
|
12
|
-
<path
|
|
13
|
-
<path
|
|
14
|
-
<path opacity="0.4" d="
|
|
15
|
-
<path d="
|
|
16
|
-
<path
|
|
17
|
-
<path
|
|
18
|
-
<path opacity="0.4" d="
|
|
19
|
-
<
|
|
20
|
-
<path d="
|
|
21
|
-
<path d="
|
|
22
|
-
<path d="
|
|
23
|
-
<path
|
|
5
|
+
<ellipse cx="126.4" cy="112.378" rx="36.3587" ry="36.436" fill="#3B485C" fill-opacity="0.1"/>
|
|
6
|
+
<path d="M108.973 134.903C108.988 124.845 110.885 121.017 119.081 118.814C123.883 120.756 126.621 120.661 131.568 118.814C140.214 120.656 141.489 125.245 142.272 134.903H108.973Z" fill="#3D6C9E"/>
|
|
7
|
+
<path d="M113.135 101.135C113.665 104.068 113.764 105.382 114.919 107.69L135.136 107.69C136.92 105.817 136.931 104.248 137.354 100.859C138.575 96.9043 138.116 96.2002 136.325 92.7927C138.109 86.8338 115.594 80.7137 114.919 92.7927C112.565 95.0111 112.386 96.995 113.135 101.135Z" fill="#3D6C9E"/>
|
|
8
|
+
<path d="M119.081 118.815L120.865 115.239H129.784L131.568 118.815C126.826 121.122 124.116 121.515 119.081 118.815Z" fill="#2F598C"/>
|
|
9
|
+
<path d="M128.371 95.703C120.032 92.528 114.763 93.8896 114.763 104.812C115.317 108.757 118.135 117.234 124.114 117.234C132.418 117.234 134.972 109.518 135.394 104.902C136.045 97.7982 135.701 99.3127 134.809 95.703C132.411 96.9994 131.367 96.8437 128.371 95.703Z" fill="#9EB6CF"/>
|
|
10
|
+
<path d="M220.303 68.0234H181.483C179.412 68.0234 177.733 69.7024 177.733 71.7734C177.733 73.8445 179.412 75.5235 181.483 75.5235L220.303 75.5235C222.374 75.5235 224.053 73.8445 224.053 71.7734C224.053 69.7024 222.374 68.0234 220.303 68.0234Z" fill="#9EB6CF"/>
|
|
11
|
+
<path d="M192.766 86.7285H178.366C178.016 86.7285 177.733 87.0123 177.733 87.3623V101.723C177.733 102.074 178.016 102.357 178.366 102.357H192.766C193.116 102.357 193.4 102.074 193.4 101.723V87.3623C193.4 87.0123 193.116 86.7285 192.766 86.7285Z" fill="#3B485C" fill-opacity="0.1"/>
|
|
12
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.54 87.5046C195.949 87.8357 196.011 88.4357 195.679 88.8436L185.888 100.864C185.02 101.931 183.417 102.013 182.443 101.042L178.122 96.7307C177.749 96.3592 177.749 95.756 178.122 95.3845L179.4 94.1097C179.771 93.7395 180.371 93.7395 180.743 94.1097L183.234 96.5953C183.633 96.9928 184.287 96.959 184.643 96.5226L192.801 86.5056C193.132 86.0992 193.73 86.0374 194.137 86.3674L195.54 87.5046Z" fill="#7798BB"/>
|
|
13
|
+
<path opacity="0.4" d="M236.872 87.916H210.129C208.893 87.916 207.892 88.9179 207.892 90.1538C207.892 91.3897 208.893 92.3916 210.129 92.3916H236.872C238.108 92.3916 239.11 91.3897 239.11 90.1538C239.11 88.9179 238.108 87.916 236.872 87.916Z" fill="#9EB6CF"/>
|
|
14
|
+
<path opacity="0.4" d="M252.914 96.1201H210.036C208.852 96.1201 207.892 97.122 207.892 98.3579C207.892 99.5938 208.852 100.596 210.036 100.596H252.914C254.099 100.596 255.059 99.5938 255.059 98.3579C255.059 97.122 254.099 96.1201 252.914 96.1201Z" fill="#9EB6CF"/>
|
|
15
|
+
<path d="M192.766 113.561H178.366C178.016 113.561 177.733 113.844 177.733 114.194V128.555C177.733 128.906 178.016 129.189 178.366 129.189H192.766C193.116 129.189 193.4 128.906 193.4 128.555V114.194C193.4 113.844 193.116 113.561 192.766 113.561Z" fill="#3B485C" fill-opacity="0.1"/>
|
|
16
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.54 114.338C195.949 114.669 196.011 115.269 195.679 115.677L185.888 127.697C185.02 128.764 183.417 128.846 182.443 127.875L178.122 123.564C177.749 123.192 177.749 122.589 178.122 122.218L179.4 120.943C179.771 120.573 180.371 120.573 180.743 120.943L183.234 123.428C183.633 123.826 184.287 123.792 184.643 123.356L192.801 113.339C193.132 112.932 193.73 112.87 194.137 113.2L195.54 114.338Z" fill="#7798BB"/>
|
|
17
|
+
<path opacity="0.4" d="M236.872 114.749H210.129C208.893 114.749 207.892 115.751 207.892 116.987C207.892 118.223 208.893 119.225 210.129 119.225H236.872C238.108 119.225 239.11 118.223 239.11 116.987C239.11 115.751 238.108 114.749 236.872 114.749Z" fill="#9EB6CF"/>
|
|
18
|
+
<path opacity="0.4" d="M252.914 122.953H210.036C208.852 122.953 207.892 123.955 207.892 125.191C207.892 126.427 208.852 127.429 210.036 127.429H252.914C254.099 127.429 255.059 126.427 255.059 125.191C255.059 123.955 254.099 122.953 252.914 122.953Z" fill="#9EB6CF"/>
|
|
19
|
+
<path d="M192.766 140.395H178.366C178.016 140.395 177.733 140.678 177.733 141.028V155.389C177.733 155.74 178.016 156.023 178.366 156.023H192.766C193.116 156.023 193.4 155.74 193.4 155.389V141.028C193.4 140.678 193.116 140.395 192.766 140.395Z" fill="#3B485C" fill-opacity="0.1"/>
|
|
20
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M195.54 141.172C195.949 141.503 196.011 142.103 195.679 142.511L185.888 154.531C185.02 155.598 183.417 155.68 182.443 154.709L178.122 150.398C177.749 150.026 177.749 149.423 178.122 149.051L179.4 147.777C179.771 147.406 180.371 147.406 180.743 147.777L183.234 150.262C183.633 150.66 184.287 150.626 184.643 150.19L192.801 140.173C193.132 139.766 193.73 139.704 194.137 140.034L195.54 141.172Z" fill="#7798BB"/>
|
|
21
|
+
<path opacity="0.4" d="M236.872 141.583H210.129C208.893 141.583 207.892 142.585 207.892 143.821C207.892 145.057 208.893 146.059 210.129 146.059H236.872C238.108 146.059 239.11 145.057 239.11 143.821C239.11 142.585 238.108 141.583 236.872 141.583Z" fill="#9EB6CF"/>
|
|
22
|
+
<path opacity="0.4" d="M252.914 149.787H210.036C208.852 149.787 207.892 150.789 207.892 152.025C207.892 153.261 208.852 154.263 210.036 154.263H252.914C254.099 154.263 255.059 153.261 255.059 152.025C255.059 150.789 254.099 149.787 252.914 149.787Z" fill="#9EB6CF"/>
|
|
24
23
|
</g>
|
|
25
24
|
<defs>
|
|
26
25
|
<clipPath id="clip0_2777_36501">
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
2
|
<g clip-path="url(#clip0_2777_36499)">
|
|
3
3
|
<rect width="353" height="212" fill="#F3F5F6"/>
|
|
4
|
-
<rect x="0.414551" width="353" height="212" fill="#3B485C" fill-opacity="0.1"/>
|
|
5
4
|
<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
|
|
6
5
|
<rect x="147.425" y="98.3327" width="18.8131" height="18.8131" rx="0.85514" stroke="#9EB6CF" stroke-width="1.71028"/>
|
|
7
6
|
<rect x="195.598" y="58.2103" width="14.0113" height="14.0113" rx="0.85514" transform="rotate(45 195.598 58.2103)" stroke="#9EB6CF" stroke-width="1.71028"/>
|
package/demo/demo.css
CHANGED
|
@@ -50,6 +50,14 @@ img {
|
|
|
50
50
|
height: 10vw;
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
+
.container img {
|
|
54
|
+
height: 100%;
|
|
55
|
+
width: 100%;
|
|
56
|
+
object-fit: cover;
|
|
57
|
+
-webkit-mask-size: cover;
|
|
58
|
+
mask-size: cover;
|
|
59
|
+
}
|
|
60
|
+
|
|
53
61
|
span {
|
|
54
62
|
display: flex;
|
|
55
63
|
flex-wrap: nowrap;
|
|
@@ -58,3 +66,4 @@ span {
|
|
|
58
66
|
margin-top: 0.5rem;
|
|
59
67
|
text-align: center;
|
|
60
68
|
}
|
|
69
|
+
|
package/demo/index.html
CHANGED
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
<input class="search-wrapper" type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for illustrations...">
|
|
19
19
|
<div class="demo-wrapper dot-illustration">
|
|
20
20
|
<!-- light agility illustrations -->
|
|
21
|
+
<div>
|
|
22
|
+
<img class="illustration-agility-favourite-light"></i>
|
|
23
|
+
<span>agility-favourite-light</span>
|
|
24
|
+
</div>
|
|
21
25
|
<div>
|
|
22
26
|
<img class="illustration-agility-disconnected-light"></i>
|
|
23
27
|
<span>agility-disconnected-light</span>
|
|
@@ -80,6 +84,10 @@
|
|
|
80
84
|
</div>
|
|
81
85
|
|
|
82
86
|
<!-- dark agility illustrations -->
|
|
87
|
+
<div>
|
|
88
|
+
<img class="illustration-agility-favourite-dark"></i>
|
|
89
|
+
<span>agility-favourite-dark</span>
|
|
90
|
+
</div>
|
|
83
91
|
<div>
|
|
84
92
|
<img class="illustration-agility-disconnected-dark"></i>
|
|
85
93
|
<span>agility-disconnected-dark</span>
|
|
@@ -141,6 +149,10 @@
|
|
|
141
149
|
<span>agility-user-dark</span>
|
|
142
150
|
</div>
|
|
143
151
|
<!-- light digitalai illustrations -->
|
|
152
|
+
<div>
|
|
153
|
+
<img class="illustration-digitalai-favorite-light"></i>
|
|
154
|
+
<span>digitalai-favorite-light</span>
|
|
155
|
+
</div>
|
|
144
156
|
<div>
|
|
145
157
|
<img class="illustration-digitalai-disconnected-light"></i>
|
|
146
158
|
<span>digitalai-disconnected-light</span>
|
|
@@ -201,7 +213,12 @@
|
|
|
201
213
|
<img class="illustration-digitalai-user-light"></i>
|
|
202
214
|
<span>digitalai-user-light</span>
|
|
203
215
|
</div>
|
|
216
|
+
|
|
204
217
|
<!-- dark digitalai illustrations -->
|
|
218
|
+
<div>
|
|
219
|
+
<img class="illustration-digitalai-favourite-dark"></i>
|
|
220
|
+
<span>digitalai-favourite-dark</span>
|
|
221
|
+
</div>
|
|
205
222
|
<div>
|
|
206
223
|
<img class="illustration-digitalai-disconnected-dark"></i>
|
|
207
224
|
<span>digitalai-disconnected-dark</span>
|
|
@@ -628,105 +645,105 @@
|
|
|
628
645
|
</div>
|
|
629
646
|
|
|
630
647
|
<!-- light ux agility illustrations -->
|
|
631
|
-
<div>
|
|
648
|
+
<div class="container">
|
|
632
649
|
<img class="illustration-agility-ux-community-light"></i>
|
|
633
650
|
<span>agility-ux-community-light</span>
|
|
634
651
|
</div>
|
|
635
|
-
<div>
|
|
652
|
+
<div class="container">
|
|
636
653
|
<img class="illustration-agility-ux-goal-light"></i>
|
|
637
654
|
<span>agility-ux-goal-light</span>
|
|
638
655
|
</div>
|
|
639
|
-
<div>
|
|
656
|
+
<div class="container">
|
|
640
657
|
<img class="illustration-agility-ux-launch-light"></i>
|
|
641
658
|
<span>agility-ux-launch-light</span>
|
|
642
659
|
</div>
|
|
643
|
-
<div>
|
|
660
|
+
<div class="container">
|
|
644
661
|
<img class="illustration-agility-ux-objective-light"></i>
|
|
645
662
|
<span>agility-ux-objective-light</span>
|
|
646
663
|
</div>
|
|
647
|
-
<div>
|
|
664
|
+
<div class="container">
|
|
648
665
|
<img class="illustration-agility-ux-paper-light"></i>
|
|
649
666
|
<span>agility-ux-paper-light</span>
|
|
650
667
|
</div>
|
|
651
|
-
<div>
|
|
668
|
+
<div class="container">
|
|
652
669
|
<img class="illustration-agility-ux-update-light"></i>
|
|
653
670
|
<span>agility-ux-update-light</span>
|
|
654
671
|
</div>
|
|
655
672
|
|
|
656
673
|
<!-- dark ux agility illustrations -->
|
|
657
|
-
<div>
|
|
674
|
+
<div class="container">
|
|
658
675
|
<img class="illustration-agility-ux-community-dark"></i>
|
|
659
676
|
<span>agility-ux-community-dark</span>
|
|
660
677
|
</div>
|
|
661
|
-
<div>
|
|
678
|
+
<div class="container">
|
|
662
679
|
<img class="illustration-agility-ux-goal-dark"></i>
|
|
663
680
|
<span>agility-ux-goal-dark</span>
|
|
664
681
|
</div>
|
|
665
|
-
<div>
|
|
682
|
+
<div class="container">
|
|
666
683
|
<img class="illustration-agility-ux-launch-dark"></i>
|
|
667
684
|
<span>agility-ux-launch-dark</span>
|
|
668
685
|
</div>
|
|
669
|
-
<div>
|
|
686
|
+
<div class="container">
|
|
670
687
|
<img class="illustration-agility-ux-objective-dark"></i>
|
|
671
688
|
<span>agility-ux-objective-dark</span>
|
|
672
689
|
</div>
|
|
673
|
-
<div>
|
|
690
|
+
<div class="container">
|
|
674
691
|
<img class="illustration-agility-ux-paper-dark"></i>
|
|
675
692
|
<span>agility-ux-paper-dark</span>
|
|
676
693
|
</div>
|
|
677
|
-
<div>
|
|
694
|
+
<div class="container">
|
|
678
695
|
<img class="illustration-agility-ux-update-dark"></i>
|
|
679
696
|
<span>agility-ux-update-dark</span>
|
|
680
697
|
</div>
|
|
681
698
|
|
|
682
699
|
<!-- light ux digitalai illustrations -->
|
|
683
|
-
<div>
|
|
700
|
+
<div class="container">
|
|
684
701
|
<img class="illustration-digitalai-ux-community-light"></i>
|
|
685
702
|
<span>digitalai-ux-community-light</span>
|
|
686
703
|
</div>
|
|
687
|
-
<div>
|
|
704
|
+
<div class="container">
|
|
688
705
|
<img class="illustration-digitalai-ux-goal-light"></i>
|
|
689
706
|
<span>digitalai-ux-goal-light</span>
|
|
690
707
|
</div>
|
|
691
|
-
<div>
|
|
708
|
+
<div class="container">
|
|
692
709
|
<img class="illustration-digitalai-ux-launch-light"></i>
|
|
693
710
|
<span>digitalai-ux-launch-light</span>
|
|
694
711
|
</div>
|
|
695
|
-
<div>
|
|
712
|
+
<div class="container">
|
|
696
713
|
<img class="illustration-digitalai-ux-objective-light"></i>
|
|
697
714
|
<span>digitalai-ux-objective-light</span>
|
|
698
715
|
</div>
|
|
699
|
-
<div>
|
|
716
|
+
<div class="container">
|
|
700
717
|
<img class="illustration-digitalai-ux-paper-light"></i>
|
|
701
718
|
<span>digitalai-ux-paper-light</span>
|
|
702
719
|
</div>
|
|
703
|
-
<div>
|
|
720
|
+
<div class="container">
|
|
704
721
|
<img class="illustration-digitalai-ux-update-light"></i>
|
|
705
722
|
<span>digitalai-ux-update-light</span>
|
|
706
723
|
</div>
|
|
707
724
|
|
|
708
725
|
<!-- dark ux digitalai illustrations -->
|
|
709
|
-
<div>
|
|
726
|
+
<div class="container">
|
|
710
727
|
<img class="illustration-digitalai-ux-community-dark"></i>
|
|
711
728
|
<span>digitalai-ux-community-dark</span>
|
|
712
729
|
</div>
|
|
713
|
-
<div>
|
|
730
|
+
<div class="container">
|
|
714
731
|
<img class="illustration-digitalai-ux-goal-dark"></i>
|
|
715
732
|
<span>digitalai-ux-goal-dark</span>
|
|
716
733
|
</div>
|
|
717
|
-
<div>
|
|
734
|
+
<div class="container">
|
|
718
735
|
<img class="illustration-digitalai-ux-launch-dark"></i>
|
|
719
736
|
<span>digitalai-ux-launch-dark</span>
|
|
720
737
|
</div>
|
|
721
|
-
<div>
|
|
738
|
+
<div class="container">
|
|
722
739
|
<img class="illustration-digitalai-ux-objective-dark"></i>
|
|
723
740
|
<span>digitalai-ux-objective-dark</span>
|
|
724
741
|
</div>
|
|
725
|
-
<div>
|
|
742
|
+
<div class="container">
|
|
726
743
|
<img class="illustration-digitalai-ux-paper-dark"></i>
|
|
727
744
|
<span>digitalai-ux-paper-dark</span>
|
|
728
745
|
</div>
|
|
729
|
-
<div>
|
|
746
|
+
<div class="container">
|
|
730
747
|
<img class="illustration-digitalai-ux-update-dark"></i>
|
|
731
748
|
<span>digitalai-ux-update-dark</span>
|
|
732
749
|
</div>
|