@digital-ai/dot-illustrations 1.0.20 → 1.0.21

package/demo/index.html

@@ -364,10 +364,59 @@
         <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</span>
+        <span class="illustrationID">agility-CRP-failure-prediction-monitoring-dashboard-light</span>
       </div>
 
       <div>
@@ -436,10 +485,59 @@
         <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</span>
+        <span class="illustrationID">digitalai-CRP-failure-prediction-monitoring-dashboard-light</span>
       </div>
 
       <div>
@@ -508,10 +606,59 @@
         <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</span>
+        <span class="illustrationID">agility-CRP-failure-prediction-monitoring-dashboard-dark</span>
       </div>
 
       <div>
@@ -581,6 +728,55 @@
         <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>

package/index.css

@@ -290,6 +290,38 @@
 
 /* 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');
 }
@@ -348,6 +380,38 @@
 
 /* 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');
 }
@@ -406,6 +470,38 @@
 
 /* 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');
 }
@@ -464,6 +560,38 @@
 
 /* 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');
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digital-ai/dot-illustrations",
-  "version": "1.0.20",
+  "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": {