@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.
Files changed (54) hide show
  1. package/agility/dark/global/agility-favourite-dark.svg +24 -0
  2. package/agility/light/global/agility-favourite-light.svg +24 -0
  3. package/dashboards/dark/agility/agility-analysis-dark.svg +0 -1
  4. package/dashboards/dark/agility/agility-automation-dark.svg +0 -1
  5. package/dashboards/dark/agility/agility-custom-dark.svg +0 -1
  6. package/dashboards/dark/agility/agility-defect-dark.svg +0 -1
  7. package/dashboards/dark/agility/agility-dependency-dark.svg +0 -1
  8. package/dashboards/dark/agility/agility-dora-dark.svg +0 -1
  9. package/dashboards/dark/agility/agility-executive-dark.svg +0 -1
  10. package/dashboards/dark/agility/agility-item-dark.svg +0 -1
  11. package/dashboards/dark/agility/agility-late-task-dark.svg +0 -1
  12. package/dashboards/dark/agility/agility-onboarding-dark.svg +18 -19
  13. package/dashboards/dark/agility/agility-workflow-dark.svg +0 -1
  14. package/dashboards/dark/digitalai/digitalai-analysis-dark.svg +0 -1
  15. package/dashboards/dark/digitalai/digitalai-automation-dark.svg +0 -1
  16. package/dashboards/dark/digitalai/digitalai-custom-dark.svg +0 -1
  17. package/dashboards/dark/digitalai/digitalai-defect-dark.svg +0 -1
  18. package/dashboards/dark/digitalai/digitalai-dependency-dark.svg +0 -1
  19. package/dashboards/dark/digitalai/digitalai-dora-dark.svg +0 -1
  20. package/dashboards/dark/digitalai/digitalai-executive-dark.svg +0 -1
  21. package/dashboards/dark/digitalai/digitalai-item-dark.svg +0 -1
  22. package/dashboards/dark/digitalai/digitalai-late-task-dark.svg +0 -1
  23. package/dashboards/dark/digitalai/digitalai-onboarding-dark.svg +18 -19
  24. package/dashboards/dark/digitalai/digitalai-workflow-dark.svg +0 -1
  25. package/dashboards/light/agility/agility-analysis-light.svg +0 -1
  26. package/dashboards/light/agility/agility-automation-light.svg +0 -1
  27. package/dashboards/light/agility/agility-custom-light.svg +0 -1
  28. package/dashboards/light/agility/agility-defect-light.svg +0 -1
  29. package/dashboards/light/agility/agility-dependency-light.svg +0 -1
  30. package/dashboards/light/agility/agility-dora-light.svg +0 -1
  31. package/dashboards/light/agility/agility-executive-light.svg +0 -1
  32. package/dashboards/light/agility/agility-item-light.svg +0 -1
  33. package/dashboards/light/agility/agility-late-task-light.svg +0 -1
  34. package/dashboards/light/agility/agility-onboarding-light.svg +18 -19
  35. package/dashboards/light/agility/agility-workflow-light.svg +0 -1
  36. package/dashboards/light/digitalai/digitalai-analysis-light.svg +0 -1
  37. package/dashboards/light/digitalai/digitalai-automation-light.svg +0 -1
  38. package/dashboards/light/digitalai/digitalai-custom-light.svg +0 -1
  39. package/dashboards/light/digitalai/digitalai-defect-light.svg +0 -1
  40. package/dashboards/light/digitalai/digitalai-dependency-light.svg +0 -1
  41. package/dashboards/light/digitalai/digitalai-dora-light.svg +0 -1
  42. package/dashboards/light/digitalai/digitalai-executive-light.svg +0 -1
  43. package/dashboards/light/digitalai/digitalai-item-light.svg +0 -1
  44. package/dashboards/light/digitalai/digitalai-late-task-light.svg +0 -1
  45. package/dashboards/light/digitalai/digitalai-onboarding-light.svg +18 -19
  46. package/dashboards/light/digitalai/digitalai-workflow-light.svg +0 -1
  47. package/demo/demo.css +9 -0
  48. package/demo/index.html +41 -24
  49. package/digitalai/dark/global/digitalai-favourite-dark.svg +24 -0
  50. package/digitalai/light/global/digitalai-favorite-light.svg +24 -0
  51. package/index.css +16 -0
  52. package/package.json +1 -1
  53. /package/integrations/{dephix.svg → delphix.svg} +0 -0
  54. /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
- <rect x="178.291" y="62.0234" width="64" height="6" rx="3" fill="#A4C280"/>
7
- <path d="M193.322 79.459H178.922C178.572 79.459 178.289 79.7428 178.289 80.0928V94.4539C178.289 94.804 178.572 95.0878 178.922 95.0878H193.322C193.672 95.0878 193.956 94.804 193.956 94.4539V80.0928C193.956 79.7428 193.672 79.459 193.322 79.459Z" fill="#3B485C" fill-opacity="0.1"/>
8
- <path fill-rule="evenodd" clip-rule="evenodd" d="M196.095 80.236C196.504 80.5671 196.566 81.1672 196.234 81.5751L186.443 93.5958C185.575 94.6621 183.972 94.7446 182.998 93.7731L178.677 89.4622C178.304 89.0907 178.304 88.4875 178.677 88.116L179.955 86.8411C180.326 86.4709 180.926 86.4709 181.298 86.8411L183.789 89.3268C184.188 89.7243 184.842 89.6905 185.198 89.2541L193.356 79.237C193.687 78.8306 194.285 78.7688 194.692 79.0988L196.095 80.236Z" fill="#649726"/>
9
- <path opacity="0.4" d="M237.428 80.6475H210.685C209.449 80.6475 208.447 81.6494 208.447 82.8853C208.447 84.1212 209.449 85.123 210.685 85.123H237.428C238.664 85.123 239.666 84.1212 239.666 82.8853C239.666 81.6494 238.664 80.6475 237.428 80.6475Z" fill="#A4C280"/>
10
- <path opacity="0.4" d="M253.47 88.8516H210.592C209.407 88.8516 208.447 89.8535 208.447 91.0894C208.447 92.3253 209.407 93.3271 210.592 93.3271H253.47C254.655 93.3271 255.615 92.3253 255.615 91.0894C255.615 89.8535 254.655 88.8516 253.47 88.8516Z" fill="#A4C280"/>
11
- <path d="M193.322 103.66H178.922C178.572 103.66 178.289 103.944 178.289 104.294V118.655C178.289 119.005 178.572 119.289 178.922 119.289H193.322C193.672 119.289 193.956 119.005 193.956 118.655V104.294C193.956 103.944 193.672 103.66 193.322 103.66Z" fill="#3B485C" fill-opacity="0.1"/>
12
- <path fill-rule="evenodd" clip-rule="evenodd" d="M196.095 104.437C196.504 104.768 196.566 105.368 196.234 105.776L186.443 117.797C185.575 118.863 183.972 118.946 182.998 117.974L178.677 113.663C178.304 113.292 178.304 112.689 178.677 112.317L179.955 111.042C180.326 110.672 180.926 110.672 181.298 111.042L183.789 113.528C184.188 113.925 184.842 113.892 185.198 113.455L193.356 103.438C193.687 103.032 194.285 102.97 194.692 103.3L196.095 104.437Z" fill="#649726"/>
13
- <path opacity="0.4" d="M237.428 104.849H210.685C209.449 104.849 208.447 105.851 208.447 107.086C208.447 108.322 209.449 109.324 210.685 109.324H237.428C238.664 109.324 239.666 108.322 239.666 107.086C239.666 105.851 238.664 104.849 237.428 104.849Z" fill="#A4C280"/>
14
- <path opacity="0.4" d="M253.47 113.053H210.592C209.407 113.053 208.447 114.055 208.447 115.291C208.447 116.526 209.407 117.528 210.592 117.528H253.47C254.655 117.528 255.615 116.526 255.615 115.291C255.615 114.055 254.655 113.053 253.47 113.053Z" fill="#A4C280"/>
15
- <path d="M193.322 127.861H178.922C178.572 127.861 178.289 128.145 178.289 128.495V142.856C178.289 143.206 178.572 143.49 178.922 143.49H193.322C193.672 143.49 193.956 143.206 193.956 142.856V128.495C193.956 128.145 193.672 127.861 193.322 127.861Z" fill="#3B485C" fill-opacity="0.1"/>
16
- <path fill-rule="evenodd" clip-rule="evenodd" d="M196.095 128.638C196.504 128.969 196.566 129.569 196.234 129.977L186.443 141.998C185.575 143.064 183.972 143.147 182.998 142.175L178.677 137.864C178.304 137.493 178.304 136.89 178.677 136.518L179.955 135.243C180.326 134.873 180.926 134.873 181.298 135.243L183.789 137.729C184.188 138.127 184.842 138.093 185.198 137.656L193.356 127.639C193.687 127.233 194.285 127.171 194.692 127.501L196.095 128.638Z" fill="#649726"/>
17
- <path opacity="0.4" d="M237.428 129.05H210.685C209.449 129.05 208.447 130.052 208.447 131.288C208.447 132.523 209.449 133.525 210.685 133.525H237.428C238.664 133.525 239.666 132.523 239.666 131.288C239.666 130.052 238.664 129.05 237.428 129.05Z" fill="#A4C280"/>
18
- <path opacity="0.4" d="M253.47 137.254H210.592C209.407 137.254 208.447 138.256 208.447 139.492C208.447 140.728 209.407 141.729 210.592 141.729H253.47C254.655 141.729 255.615 140.728 255.615 139.492C255.615 138.256 254.655 137.254 253.47 137.254Z" fill="#A4C280"/>
19
- <ellipse cx="126.805" cy="108.824" rx="36.3587" ry="36.436" fill="#3B485C" fill-opacity="0.1"/>
20
- <path d="M109.378 131.349C109.394 121.291 111.291 117.462 119.487 115.26C124.289 117.202 127.026 117.106 131.974 115.26C140.619 117.101 141.894 121.691 142.677 131.349H109.378Z" fill="#498500"/>
21
- <path d="M113.54 97.5804C114.071 100.513 114.169 101.828 115.324 104.135L135.541 104.135C137.325 102.262 137.336 100.693 137.759 97.3039C138.981 93.3496 138.521 92.6455 136.73 89.238C138.514 83.2791 115.999 77.159 115.324 89.238C112.97 91.4564 112.791 93.4403 113.54 97.5804Z" fill="#498500"/>
22
- <path d="M119.486 115.26L121.27 111.685H130.189L131.973 115.26C127.232 117.567 124.521 117.96 119.486 115.26Z" fill="#397200"/>
23
- <path d="M128.776 92.1483C120.438 88.9733 115.168 90.3349 115.168 101.257C115.722 105.202 118.54 113.679 124.519 113.679C132.824 113.679 135.377 105.964 135.8 101.347C136.45 94.2435 136.106 95.758 135.214 92.1483C132.816 93.4447 131.772 93.289 128.776 92.1483Z" fill="#A4C280"/>
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
- <rect x="177.886" y="62.0234" width="64" height="6" rx="3" fill="#9EB6CF"/>
7
- <path d="M192.917 79.459H178.517C178.167 79.459 177.884 79.7428 177.884 80.0928V94.4539C177.884 94.804 178.167 95.0878 178.517 95.0878H192.917C193.267 95.0878 193.551 94.804 193.551 94.4539V80.0928C193.551 79.7428 193.267 79.459 192.917 79.459Z" fill="#3B485C" fill-opacity="0.1"/>
8
- <path fill-rule="evenodd" clip-rule="evenodd" d="M195.69 80.236C196.099 80.5671 196.161 81.1672 195.829 81.5751L186.038 93.5958C185.17 94.6621 183.567 94.7446 182.593 93.7731L178.272 89.4622C177.899 89.0907 177.899 88.4875 178.272 88.116L179.55 86.8411C179.921 86.4709 180.521 86.4709 180.893 86.8411L183.384 89.3268C183.783 89.7243 184.437 89.6905 184.793 89.2541L192.951 79.237C193.282 78.8306 193.88 78.7688 194.287 79.0988L195.69 80.236Z" fill="#7798BB"/>
9
- <path opacity="0.4" d="M237.023 80.6475H210.28C209.044 80.6475 208.042 81.6494 208.042 82.8853C208.042 84.1212 209.044 85.123 210.28 85.123H237.023C238.259 85.123 239.261 84.1212 239.261 82.8853C239.261 81.6494 238.259 80.6475 237.023 80.6475Z" fill="#9EB6CF"/>
10
- <path opacity="0.4" d="M253.065 88.8516H210.187C209.002 88.8516 208.042 89.8535 208.042 91.0894C208.042 92.3253 209.002 93.3271 210.187 93.3271H253.065C254.249 93.3271 255.209 92.3253 255.209 91.0894C255.209 89.8535 254.249 88.8516 253.065 88.8516Z" fill="#9EB6CF"/>
11
- <path d="M192.917 103.66H178.517C178.167 103.66 177.884 103.944 177.884 104.294V118.655C177.884 119.005 178.167 119.289 178.517 119.289H192.917C193.267 119.289 193.551 119.005 193.551 118.655V104.294C193.551 103.944 193.267 103.66 192.917 103.66Z" fill="#3B485C" fill-opacity="0.1"/>
12
- <path fill-rule="evenodd" clip-rule="evenodd" d="M195.69 104.437C196.099 104.768 196.161 105.368 195.829 105.776L186.038 117.797C185.17 118.863 183.567 118.946 182.593 117.974L178.272 113.663C177.899 113.292 177.899 112.689 178.272 112.317L179.55 111.042C179.921 110.672 180.521 110.672 180.893 111.042L183.384 113.528C183.783 113.925 184.437 113.892 184.793 113.455L192.951 103.438C193.282 103.032 193.88 102.97 194.287 103.3L195.69 104.437Z" fill="#7798BB"/>
13
- <path opacity="0.4" d="M237.023 104.849H210.28C209.044 104.849 208.042 105.851 208.042 107.086C208.042 108.322 209.044 109.324 210.28 109.324H237.023C238.259 109.324 239.261 108.322 239.261 107.086C239.261 105.851 238.259 104.849 237.023 104.849Z" fill="#9EB6CF"/>
14
- <path opacity="0.4" d="M253.065 113.053H210.187C209.002 113.053 208.042 114.055 208.042 115.291C208.042 116.526 209.002 117.528 210.187 117.528H253.065C254.249 117.528 255.209 116.526 255.209 115.291C255.209 114.055 254.249 113.053 253.065 113.053Z" fill="#9EB6CF"/>
15
- <path d="M192.917 127.861H178.517C178.167 127.861 177.884 128.145 177.884 128.495V142.856C177.884 143.206 178.167 143.49 178.517 143.49H192.917C193.267 143.49 193.551 143.206 193.551 142.856V128.495C193.551 128.145 193.267 127.861 192.917 127.861Z" fill="#3B485C" fill-opacity="0.1"/>
16
- <path fill-rule="evenodd" clip-rule="evenodd" d="M195.69 128.638C196.099 128.969 196.161 129.569 195.829 129.977L186.038 141.998C185.17 143.064 183.567 143.147 182.593 142.175L178.272 137.864C177.899 137.493 177.899 136.89 178.272 136.518L179.55 135.243C179.921 134.873 180.521 134.873 180.893 135.243L183.384 137.729C183.783 138.127 184.437 138.093 184.793 137.656L192.951 127.639C193.282 127.233 193.88 127.171 194.287 127.501L195.69 128.638Z" fill="#7798BB"/>
17
- <path opacity="0.4" d="M237.023 129.05H210.28C209.044 129.05 208.042 130.052 208.042 131.288C208.042 132.523 209.044 133.525 210.28 133.525H237.023C238.259 133.525 239.261 132.523 239.261 131.288C239.261 130.052 238.259 129.05 237.023 129.05Z" fill="#9EB6CF"/>
18
- <path opacity="0.4" d="M253.065 137.254H210.187C209.002 137.254 208.042 138.256 208.042 139.492C208.042 140.728 209.002 141.729 210.187 141.729H253.065C254.249 141.729 255.209 140.728 255.209 139.492C255.209 138.256 254.249 137.254 253.065 137.254Z" fill="#9EB6CF"/>
19
- <ellipse cx="126.4" cy="108.824" rx="36.3587" ry="36.436" fill="#3B485C" fill-opacity="0.1"/>
20
- <path d="M108.973 131.349C108.988 121.291 110.885 117.462 119.081 115.26C123.883 117.202 126.621 117.106 131.568 115.26C140.214 117.101 141.489 121.691 142.272 131.349H108.973Z" fill="#3D6C9E"/>
21
- <path d="M113.135 97.5804C113.665 100.513 113.764 101.828 114.919 104.135L135.136 104.135C136.92 102.262 136.931 100.693 137.354 97.3039C138.575 93.3496 138.116 92.6455 136.325 89.238C138.109 83.2791 115.594 77.159 114.919 89.238C112.565 91.4564 112.386 93.4403 113.135 97.5804Z" fill="#3D6C9E"/>
22
- <path d="M119.081 115.26L120.865 111.685H129.784L131.568 115.26C126.826 117.567 124.116 117.96 119.081 115.26Z" fill="#2F598C"/>
23
- <path d="M128.371 92.1483C120.032 88.9733 114.763 90.3349 114.763 101.257C115.317 105.202 118.135 113.679 124.114 113.679C132.418 113.679 134.972 105.964 135.394 101.347C136.045 94.2435 135.701 95.758 134.809 92.1483C132.411 93.4447 131.367 93.289 128.371 92.1483Z" fill="#9EB6CF"/>
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>