@digital-ai/dot-illustrations 1.0.19 → 1.0.21

package/dashboards/light/digitalai/digitalai-change-impact-dashboard-light.svg

@@ -0,0 +1,32 @@
+<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3070_6927)">
+<rect width="353" height="212" fill="#F3F5F6"/>
+<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
+<g opacity="0.5">
+<rect x="99" y="51" width="156" height="3" rx="1.5" fill="#E3E5E8"/>
+</g>
+<g opacity="0.5">
+<rect x="99.0596" y="58.4199" width="35" height="2" rx="1" fill="#9EB6CF"/>
+</g>
+<rect x="99.0596" y="71" width="21" height="2" rx="1" fill="#E3E5E8"/>
+<rect x="155" y="65" width="96" height="15" rx="1.04594" fill="#C5D3E2"/>
+<rect x="99.0596" y="87" width="21" height="2" rx="1" fill="#E3E5E8"/>
+<rect x="155" y="81" width="96" height="15" rx="1.04594" fill="#C5D3E2"/>
+<rect x="99.0596" y="103" width="21" height="2" rx="1" fill="#E3E5E8"/>
+<rect x="155" y="97" width="96" height="15" rx="1.04594" fill="#2F598C"/>
+<rect x="99.0596" y="119" width="21" height="2" rx="1" fill="#E3E5E8"/>
+<rect x="155" y="113" width="96" height="15" rx="1.04594" fill="#C5D3E2"/>
+<rect x="99.0596" y="135" width="21" height="2" rx="1" fill="#E3E5E8"/>
+<rect x="155" y="129" width="96" height="15" rx="1.04594" fill="#C5D3E2"/>
+<rect x="99.0596" y="151" width="21" height="2" rx="1" fill="#E3E5E8"/>
+<rect x="155" y="145" width="96" height="15" rx="1.04594" fill="#2F598C"/>
+<g opacity="0.5">
+<rect x="155" y="59" width="96" height="2" rx="1" fill="#9EB6CF"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_3070_6927">
+<rect width="353" height="212" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dashboards/light/digitalai/digitalai-change-impact-detection-light.svg

@@ -0,0 +1,17 @@
+<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3070_6924)">
+<rect width="353" height="212" fill="#F3F5F6"/>
+<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
+<path d="M253.285 159.491H108.797C105.483 159.491 102.797 156.805 102.797 153.491V58.5859" stroke="#9EB6CF" stroke-width="2" stroke-linecap="round"/>
+<path d="M105.745 155.43L117 139.501L137.5 126.316L155.248 84.8613L183.104 123.924L203.593 126.316L220.5 111.501L235.5 108.501L254.255 98.5012V159.001H204.752H155.248H105.745V155.43Z" fill="#C5D3E2"/>
+<path d="M105.745 157.023C106.157 157.023 106.49 156.309 106.49 155.428C106.49 154.548 106.157 153.834 105.745 153.834C105.334 153.834 105 154.548 105 155.428C105 156.309 105.334 157.023 105.745 157.023Z" fill="#C5D3E2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M154.379 74.0518C162.35 74.948 168.085 82.136 167.188 90.1066C166.292 98.0772 159.104 103.812 151.134 102.916C147.261 102.481 143.917 100.56 141.604 97.7865C141.548 97.6971 141.487 97.6101 141.42 97.5259C141.353 97.4419 141.282 97.3631 141.207 97.2894C139.018 94.4187 137.889 90.7323 138.324 86.8613C139.22 78.8906 146.408 73.1556 154.379 74.0518ZM135.729 98.6663C133.573 95.0673 132.537 90.7583 133.042 86.2674C134.266 75.3795 144.085 67.5456 154.973 68.7698C165.861 69.9939 173.695 79.8127 172.47 90.7005C171.246 101.588 161.428 109.422 150.54 108.198C146.047 107.693 142.075 105.725 139.044 102.822L130.673 109.501C129.525 110.416 127.853 110.228 126.938 109.081C126.022 107.933 126.21 106.261 127.358 105.346L135.729 98.6663Z" fill="#5A82AD"/>
+<circle opacity="0.4" cx="152.5" cy="88.5" r="15.5" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M151.85 80.3014C152.201 80.1038 152.597 80 153 80C153.403 80 153.799 80.1038 154.15 80.3014C154.501 80.499 154.795 80.7837 155.004 81.1281L155.007 81.1329L160.678 90.6005L160.686 90.6144C160.891 90.9688 160.999 91.3705 161 91.7797C161.001 92.1889 160.895 92.5913 160.692 92.9468C160.49 93.3023 160.198 93.5986 159.845 93.8061C159.492 94.0136 159.091 94.1252 158.682 94.1297L158.671 94.1298L147.318 94.1297C146.909 94.1252 146.508 94.0136 146.155 93.8061C145.802 93.5986 145.51 93.3023 145.308 92.9468C145.105 92.5913 144.999 92.1889 145 91.7797C145.001 91.3705 145.109 90.9688 145.314 90.6144L145.322 90.6005L150.993 81.1329L151.855 81.649L150.996 81.1281C151.205 80.7837 151.499 80.499 151.85 80.3014ZM152.715 82.1683L147.051 91.6236C147.023 91.673 147.009 91.7287 147.009 91.7854C147.009 91.8438 147.024 91.9013 147.053 91.9521C147.082 92.0029 147.123 92.0452 147.174 92.0748C147.223 92.1039 147.279 92.1197 147.336 92.121H158.664C158.721 92.1197 158.777 92.1039 158.826 92.0748C158.877 92.0452 158.918 92.0029 158.947 91.9521C158.976 91.9013 158.991 91.8438 158.991 91.7854C158.991 91.7287 158.977 91.673 158.949 91.6236L153.285 82.1683C153.255 82.1198 153.214 82.0797 153.164 82.0518C153.114 82.0235 153.058 82.0087 153 82.0087C152.942 82.0087 152.886 82.0235 152.836 82.0518C152.786 82.0797 152.745 82.1198 152.715 82.1683ZM153 84.0861C153.555 84.0861 154.004 84.5357 154.004 85.0904V87.7687C154.004 88.3234 153.555 88.773 153 88.773C152.445 88.773 151.996 88.3234 151.996 87.7687V85.0904C151.996 84.5357 152.445 84.0861 153 84.0861ZM153 89.4425C152.445 89.4425 151.996 89.8922 151.996 90.4469C151.996 91.0016 152.445 91.4512 153 91.4512H153.007C153.561 91.4512 154.011 91.0016 154.011 90.4469C154.011 89.8922 153.561 89.4425 153.007 89.4425H153Z" fill="#5A82AD"/>
+</g>
+<defs>
+<clipPath id="clip0_3070_6924">
+<rect width="353" height="212" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dashboards/light/digitalai/digitalai-change-impact-hotspots-light.svg

@@ -0,0 +1,16 @@
+<svg width="353" height="212" viewBox="0 0 353 212" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3070_6928)">
+<rect width="353" height="212" fill="#F3F5F6"/>
+<rect x="83.6538" y="35" width="185.692" height="142" rx="8" fill="white"/>
+<path d="M253.632 159.491H109.144C105.83 159.491 103.144 156.805 103.144 153.491V58.5859" stroke="#9EB6CF" stroke-width="2" stroke-linecap="round"/>
+<rect x="201" y="59" width="96" height="90" rx="1.04594" transform="rotate(90 201 59)" fill="#C5D3E2"/>
+<rect x="254" y="59" width="30" height="49" rx="1.04594" transform="rotate(90 254 59)" fill="#C5D3E2"/>
+<rect x="254" y="92" width="30" height="49" rx="1.04594" transform="rotate(90 254 92)" fill="#C5D3E2"/>
+<rect x="254" y="125" width="30" height="49" rx="1.04594" transform="rotate(90 254 125)" fill="#2F598C"/>
+</g>
+<defs>
+<clipPath id="clip0_3070_6928">
+<rect width="353" height="212" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/demo/index.html

@@ -364,6 +364,61 @@
         <span class="illustrationID">digitalai-user-dark</span>
       </div>
       <!-- light dashboards agility illustrations --> 
+
+      <div>
+        <img class="illustration-dashboards-agility-change-impact-hotspots-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-impact-hotspots-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-impact-detection-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-impact-detection-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-impact-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-impact-dashboard-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-failure-prediction-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-failure-prediction-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-failure-factors-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-failure-factors-dashboard-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-executive-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-executive-dashboard-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-data-quality-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-data-quality-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-credit-score-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-credit-score-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-CRP-failure-prediction-monitoring-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-CRP-failure-prediction-monitoring-dashboard-light</span>
+      </div>
+
       <div>
         <img class="illustration-dashboards-agility-burn-up-light"></i>
         <button class="button" onclick="copyText(this)">Copy ID</button>
@@ -430,6 +485,61 @@
         <span class="illustrationID">agility-item-light</span>
       </div>
       <!-- light dashboards digitalai illustrations --> 
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-impact-hotspots-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-impact-hotspots-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-impact-detection-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-impact-detection-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-impact-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-impact-dashboard-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-failure-prediction-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-failure-prediction-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-failure-factors-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-failure-factors-dashboard-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-executive-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-executive-dashboard-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-data-quality-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-data-quality-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-credit-score-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-credit-score-light</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-CRP-failure-prediction-monitoring-dashboard-light"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-CRP-failure-prediction-monitoring-dashboard-light</span>
+      </div>
+
       <div>
         <img class="illustration-dashboards-digitalai-burn-down-light"></i>
         <button class="button" onclick="copyText(this)">Copy ID</button>
@@ -496,6 +606,61 @@
         <span class="illustrationID">digitalai-item-light</span>
       </div>
       <!-- dark dashboards agility illustrations --> 
+
+      <div>
+        <img class="illustration-dashboards-agility-change-impact-hotspots-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-impact-hotspots-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-impact-detection-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-impact-detection-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-impact-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-impact-dashboard-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-failure-prediction-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-failure-prediction-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-failure-factors-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-failure-factors-dashboard-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-executive-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-executive-dashboard-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-data-quality-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-data-quality-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-change-credit-score-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-change-credit-score-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-agility-CRP-failure-prediction-monitoring-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">agility-CRP-failure-prediction-monitoring-dashboard-dark</span>
+      </div>
+
       <div>
         <img class="illustration-dashboards-agility-burn-up-dark"></i>
         <button class="button" onclick="copyText(this)">Copy ID</button>
@@ -563,6 +728,61 @@
         <span class="illustrationID">agility-item-dark</span>
       </div>
       <!-- dark dashboards digitalai illustrations --> 
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-impact-hotspots-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-impact-hotspots-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-impact-detection-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-impact-detection-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-impact-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-impact-dashboard-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-failure-prediction-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-failure-prediction-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-failure-factors-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-failure-factors-dashboard-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-executive-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-executive-dashboard-dark</span>
+      </div>
+
+      <div>
+        <img class="illustration-dashboards-digitalai-change-data-quality-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-data-quality-dark</span>
+      </div>
+      
+      <div>
+        <img class="illustration-dashboards-digitalai-change-credit-score-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-change-credit-score-dark</span>
+      </div>
+      
+      <div>
+        <img class="illustration-dashboards-digitalai-CRP-failure-prediction-monitoring-dashboard-dark"></i>
+        <button class="button" onclick="copyText(this)">Copy ID</button>
+        <span class="illustrationID">digitalai-CRP-failure-prediction-monitoring-dark</span>
+      </div>
+
       <div>
         <img class="illustration-dashboards-digitalai-burn-up-dark"></i>
         <button class="button" onclick="copyText(this)">Copy ID</button>

package/index.css

@@ -290,6 +290,42 @@
 
 /* Agility Dashboards Light Illustrations */
 
+.dot-illustration img.illustration-dashboards-agility-change-impact-hotspots-light {
+    content: url('./dashboards/light/agility/agility-change-impact-hotspots-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-impact-detection-light {
+    content: url('./dashboards/light/agility/agility-change-impact-detection-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-impact-dashboard-light {
+    content: url('./dashboards/light/agility/agility-change-impact-dashboard-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-failure-prediction-light {
+    content: url('./dashboards/light/agility/agility-change-failure-prediction-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-failure-factors-dashboard-light {
+    content: url('./dashboards/light/agility/agility-change-failure-factors-dashboard-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-executive-dashboard-light {
+    content: url('./dashboards/light/agility/agility-change-executive-dashboard-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-data-quality-light {
+    content: url('./dashboards/light/agility/agility-change-data-quality-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-credit-score-light {
+    content: url('./dashboards/light/agility/agility-change-credit-score-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-CRP-failure-prediction-monitoring-dashboard-light {
+    content: url('./dashboards/light/agility/CRP-failure-prediction-monitoring-dashboard-light.svg');
+}
+
 .dot-illustration img.illustration-dashboards-agility-burn-up-light {
     content: url('./dashboards/light/agility/agility-burn-up-light.svg');
 }
@@ -344,6 +380,42 @@
 
 /* Agility Dashboards Dark Illustrations */
 
+.dot-illustration img.illustration-dashboards-agility-change-impact-hotspots-dark {
+    content: url('./dashboards/dark/agility/agility-change-impact-hotspots-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-impact-detection-dark {
+    content: url('./dashboards/dark/agility/agility-change-impact-detection-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-impact-dashboard-dark {
+    content: url('./dashboards/dark/agility/agility-change-impact-dashboard-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-failure-prediction-dark {
+    content: url('./dashboards/dark/agility/agility-change-failure-prediction-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-failure-factors-dashboard-dark {
+    content: url('./dashboards/dark/agility/agility-change-failure-factors-dashboard-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-executive-dashboard-dark {
+    content: url('./dashboards/dark/agility/agility-change-executive-dashboard-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-data-quality-dark {
+    content: url('./dashboards/dark/agility/agility-change-data-quality-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-change-credit-score-dark {
+    content: url('./dashboards/dark/agility/agility-change-credit-score-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-agility-CRP-failure-prediction-monitoring-dashboard-dark {
+    content: url('./dashboards/dark/agility/CRP-failure-prediction-monitoring-dashboard-dark.svg');
+}
+
 .dot-illustration img.illustration-dashboards-agility-burn-up-dark {
     content: url('./dashboards/dark/agility/agility-burn-up-dark.svg');
 }
@@ -398,6 +470,42 @@
 
 /* Digitalai Dashboards Light Illustrations */
 
+.dot-illustration img.illustration-dashboards-digitalai-change-impact-hotspots-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-impact-hotspots-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-impact-detection-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-impact-detection-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-impact-dashboard-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-impact-dashboard-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-failure-prediction-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-failure-prediction-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-failure-factors-dashboard-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-failure-factors-dashboard-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-executive-dashboard-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-executive-dashboard-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-data-quality-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-data-quality-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-credit-score-light {
+    content: url('./dashboards/light/digitalai/digitalai-change-credit-score-light.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-CRP-failure-prediction-monitoring-dashboard-light {
+    content: url('./dashboards/light/digitalai/CRP-failure-prediction-monitoring-dashboard-light.svg');
+}
+
 .dot-illustration img.illustration-dashboards-digitalai-burn-down-light {
     content: url('./dashboards/light/digitalai/digitalai-burn-down-light.svg');
 }
@@ -452,6 +560,42 @@
 
 /* Digitalai Dashboards Dark Illustrations */
 
+.dot-illustration img.illustration-dashboards-digitalai-change-impact-hotspots-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-impact-hotspots-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-impact-detection-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-impact-detection-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-impact-dashboard-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-impact-dashboard-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-failure-prediction-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-failure-prediction-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-failure-factors-dashboard-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-failure-factors-dashboard-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-executive-dashboard-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-executive-dashboard-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-data-quality-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-data-quality-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-change-credit-score-dark {
+    content: url('./dashboards/dark/digitalai/digitalai-change-credit-score-dark.svg');
+}
+
+.dot-illustration img.illustration-dashboards-digitalai-CRP-failure-prediction-monitoring-dashboard-dark {
+    content: url('./dashboards/dark/digitalai/CRP-failure-prediction-monitoring-dashboard-dark.svg');
+}
+
 .dot-illustration img.illustration-dashboards-digitalai-burn-up-dark {
     content: url('./dashboards/dark/digitalai/digitalai-burn-up-dark.svg');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-illustrations",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "description": "A central place for the design team to keep illustrations and for dev teams to find them.",
   "main": "./index.css",
   "scripts": {