npm - @digital-ai/dot-illustrations - Versions diffs - 2.0.9 → 2.0.11 - Mend

@digital-ai/dot-illustrations 2.0.9 → 2.0.11

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 (8) hide show

package/demo/script.js +4 -3
package/integrations/demo/script.js +1 -0
package/integrations/index.css +4 -0
package/integrations/slack.svg +6 -0
package/package.json +1 -1
package/integrations/demo.css +0 -128
package/integrations/index.html +0 -991
package/integrations/script.js +0 -51

package/demo/script.js CHANGED Viewed

@@ -34,10 +34,13 @@ function doMagic() {
     "done",
     "dora-metrics-circle",
     "empty",
+    "error-fourhundredfour",
+    "error-fivehundred",
     "favorite",
     "features",
     "launch",
     "no-files",
+    "no-filters",
     "nothing-defined",
     "password-token",
     "reports",
@@ -45,10 +48,8 @@ function doMagic() {
     "user",
     "work-item",
     "workflows-main",
-    "error-fourhundredfour",
-    "error-fivehundred",
-    "no-filters",
   // Dashboards arrange from A-Z
     "analysis",
     "automation",

package/integrations/demo/script.js CHANGED Viewed

@@ -110,6 +110,7 @@ function doMagic() {
 "salesforce",
 "servicenow",
 "skytab",
+"slack",
 "sonarcloud",
 "sonarqube",
 "sonatype",

package/integrations/index.css CHANGED Viewed

@@ -376,6 +376,10 @@
     content: url('skytab.svg');
 }
+.dot-integration img.slack {
+    content: url('slack.svg');
+}
 .dot-integration img.sonarcloud {
     content: url('sonarcloud.svg');
 }

package/integrations/slack.svg ADDED Viewed

@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2163 22.6333C14.2163 23.7948 13.2776 24.7335 12.1161 24.7335C10.9546 24.7335 10.0159 23.7948 10.0159 22.6333C10.0159 21.4718 10.9546 20.533 12.1161 20.533H14.2163V22.6333ZM15.2665 22.6333C15.2665 21.4718 16.2052 20.533 17.3667 20.533C18.5282 20.533 19.4669 21.4718 19.4669 22.6333V27.8839C19.4669 29.0453 18.5282 29.9841 17.3667 29.9841C16.2052 29.9841 15.2665 29.0453 15.2665 27.8839V22.6333Z" fill="#E01E5A"/>
+<path d="M17.3667 14.2005C16.2052 14.2005 15.2665 13.2617 15.2665 12.1002C15.2665 10.9387 16.2052 10 17.3667 10C18.5282 10 19.467 10.9387 19.467 12.1002V14.2005H17.3667ZM17.3667 15.2665C18.5282 15.2665 19.467 16.2052 19.467 17.3667C19.467 18.5282 18.5282 19.467 17.3667 19.467H12.1002C10.9387 19.467 10 18.5282 10 17.3667C10 16.2052 10.9387 15.2665 12.1002 15.2665H17.3667Z" fill="#36C5F0"/>
+<path d="M25.7836 17.3667C25.7836 16.2052 26.7223 15.2665 27.8838 15.2665C29.0453 15.2665 29.984 16.2052 29.984 17.3667C29.984 18.5282 29.0453 19.467 27.8838 19.467H25.7836V17.3667ZM24.7334 17.3667C24.7334 18.5282 23.7947 19.467 22.6332 19.467C21.4717 19.467 20.533 18.5282 20.533 17.3667V12.1002C20.533 10.9387 21.4717 10 22.6332 10C23.7947 10 24.7334 10.9387 24.7334 12.1002V17.3667Z" fill="#2EB67D"/>
+<path d="M22.6332 25.7836C23.7947 25.7836 24.7334 26.7224 24.7334 27.8839C24.7334 29.0453 23.7947 29.9841 22.6332 29.9841C21.4717 29.9841 20.533 29.0453 20.533 27.8839V25.7836H22.6332ZM22.6332 24.7335C21.4717 24.7335 20.533 23.7948 20.533 22.6333C20.533 21.4718 21.4717 20.533 22.6332 20.533H27.8997C29.0612 20.533 29.9999 21.4718 29.9999 22.6333C29.9999 23.7948 29.0612 24.7335 27.8997 24.7335H22.6332Z" fill="#ECB22E"/>
+</svg>

package/package.json CHANGED Viewed

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

package/integrations/demo.css DELETED Viewed

@@ -1,128 +0,0 @@
-* {
-  box-sizing: border-box;
-}
-body {
-  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-  margin: 0 auto;
-  height: 100%;
-  text-align: center;
-  overflow-y: hidden;
-}
-.search-wrapper {
-  display: flex;
-  width: 720px;
-  height: 48px;
-  flex-direction: column;
-  margin: 24px auto;
-  gap: 4px;
-  padding-left: 12px;
-  padding-right: 12px;
-  /* new added code */
-  top: 0;
-  background-color: #fff;
-  z-index: 999;
-}
-input {
-  font-size: 16px;
-  font-weight: 500;
-}
-.demo-wrapper {
-  display: flex;
-  flex-wrap: wrap;
-  font-size: 2.5rem;
-  justify-content: center;
-  width: 100vw;
-  height: calc(100vh - 200px);
-  overflow-y: auto;
-  padding-bottom: 200px;
-  align-content: flex-start;
-}
-.demo-wrapper>div {
-  z-index: 1;
-  display: grid;
-  grid-template-rows: 1fr 1fr;
-  width: 220px;
-  height: 220px;
-  min-width: 220px;
-  max-width: 460px;
-  max-height: 460px;
-  min-height: 220px;
-  overflow: hidden;
-  background: #fff;
-  margin: 16px;
-  padding: 24px;
-  border: solid 1px #C1C6CD;
-  border-radius: 4px;
-  transition: opacity 0.3s ease;
-  /* DropShadow/dropshadow-normal */
-  box-shadow: 0px 8px 16px 0px rgba(59, 72, 92, 0.16);
-  position: relative;
-}
-.demo-wrapper>div:hover{
-  opacity: 0.7;
-  background: var(--Overlay-colors-default-overlay, #3B485C);
-}
-img {
-  align-items: center;
-  height: 150px;
-  width: 150px;
-  max-width: 300px;
-  max-height: 300px;
-  min-width: 120px;
-  min-height: 120px;
-  display: flex;
-  margin: auto;
-  z-index: -1;
-  color: #39404a;
-}
-.container img {
-  height: 100%;
-  width: 100%;
-  object-fit: cover;
-  -webkit-mask-size: cover;
-  mask-size: cover;
-  z-index: 0;
-}
-span {
-  display: flex;
-  flex-wrap: nowrap;
-  font-family: 'Courier New', Courier, monospace;
-  font-size: 0.8rem;
-  margin-top: 0.5rem;
-  text-align: center;
-  z-index: 0;
-}
-.button {
-  opacity: 0;
-  transition: opacity 0.3s ease;
-  transform: translate(-50%, -50%);
-  border: solid 1px #667385;
-  border-radius: 4px;
-  background: #FFF;
-  color: rgb(43, 50, 55);
-  cursor: pointer;
-  font-size: 16px;
-  padding: 8px 16px;
-  z-index: 29;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-}
-.demo-wrapper div:hover .button {
-  opacity: 1;
-}

package/integrations/index.html DELETED Viewed

@@ -1,991 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <title>Dot Illustrations Library</title>
-    <link rel="stylesheet" href="../index.css" />
-    <link rel="stylesheet" href="./demo.css" />
-    <script src="script.js" defer></script>
-  </head>
-  <body>
-    <h1>Dot Illustrations</h1>
-    <p>
-      For more details please see
-      <a href="https://github.com/digital-ai/dot-illustrations" target="_blank">
-        https://github.com/digital-ai/dot-illustrations
-      </a>
-    </p>
-      <input class="search-wrapper" type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for illustrations...">
-    <div class="demo-wrapper dot-illustration">
-      <!-- light agility illustrations -->
-      <div>
-        <img class="illustration-agility-empty-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-empty-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-favourite-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-favourite-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-disconnected-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-disconnected-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-features-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-features-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-launch-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-nothing-defined-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-nothing-defined-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-survey-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-survey-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-community-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-assets-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-assets-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-work-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-work-item-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-reports-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-reports-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-chart-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-chart-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-no-files-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-no-files-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-password-token-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-password-token-light</span>
-      </div>
-      <div>
-        <img class="illustration-agility-user-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-user-light</span>
-      </div>
-      <!-- dark agility illustrations -->
-      <div>
-        <img class="illustration-agility-empty-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-empty-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-favourite-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-favourite-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-disconnected-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-disconnected-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-features-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-features-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-launch-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-nothing-defined-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-nothing-defined-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-survey-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-survey-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-community-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-assets-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-assets-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-work-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-work-item-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-reports-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-reports-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-up-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-up-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-dependency-down-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-down-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-chart-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-chart-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-no-files-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-no-files-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-password-token-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-password-token-dark</span>
-      </div>
-      <div>
-        <img class="illustration-agility-user-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-user-dark</span>
-      </div>
-      <!-- light digitalai illustrations -->
-      <div>
-        <img class="illustration-digitalai-empty-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-empty-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-favorite-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-favorite-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-disconnected-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-disconnected-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-features-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-features-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-launch-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-nothing-defined-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-nothing-defined-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-survey-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-survey-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-community-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-assets-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-assets-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-work-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-work-item-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-reports-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-reports-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-chart-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-chart-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-no-files-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-no-files-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-password-token-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-password-token-light</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-user-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-user-light</span>
-      </div>
-      <!-- dark digitalai illustrations -->
-      <div>
-        <img class="illustration-digitalai-empty-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-empty-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-favourite-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-favourite-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-disconnected-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-disconnected-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-features-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-features-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-launch-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-nothing-defined-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-nothing-defined-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-survey-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-survey-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-community-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-assets-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-assets-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-work-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-work-item-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-reports-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-reports-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-up-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-up-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-dependency-down-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-down-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-chart-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-chart-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-no-files-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-no-files-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-password-token-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-password-token-dark</span>
-      </div>
-      <div>
-        <img class="illustration-digitalai-user-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-user-dark</span>
-      </div>
-      <!-- light dashboards agility illustrations -->
-      <div>
-        <img class="illustration-dashboards-agility-burn-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-burn-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-custom-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-light</span>
-      </div>
-      <!-- light dashboards digitalai illustrations -->
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-light</span>
-      </div>
-      <!-- dark dashboards agility illustrations -->
-      <div>
-        <img class="illustration-dashboards-agility-burn-up-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-up-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-burn-down-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-burn-down-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-custom-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-agility-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-dark</span>
-      </div>
-      <!-- dark dashboards digitalai illustrations -->
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-up-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-up-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-burn-down-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-burn-down-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-dark</span>
-      </div>
-      <!-- light nobg dashboards agility illustrations -->
-      <div>
-        <img class="illustration-dashboards-agility-custom-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-nobg-light</span>
-      </div>
-      <!-- light nobg dashboards digitalai illustrations -->
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-nobg-light</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-nobg-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-nobg-light</span>
-      </div>
-      <!-- dark nobg dashboards agility illustrations -->
-      <div>
-        <img class="illustration-dashboards-agility-custom-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-custom-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dora-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dora-agility-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-onboarding-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-onboarding-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-late-task-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-late-task-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-analysis-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-analysis-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-workflow-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-workflow-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-dependency-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-dependency-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-executive-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-executive-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-automation-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-automation-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-defect-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-defect-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-agility-item-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-item-nobg-dark</span>
-      </div>
-      <!-- dark nobg dashboards digitalai illustrations -->
-      <div>
-        <img class="illustration-dashboards-digitalai-custom-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-custom-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dora-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dora-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-onboarding-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-onboarding-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-late-task-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-late-task-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-analysis-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-analysis-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-workflow-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-workflow-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-dependency-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-dependency-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-executive-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-executive-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-automation-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-automation-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-defect-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-defect-nobg-dark</span>
-      </div>
-      <div>
-        <img class="illustration-dashboards-digitalai-item-nobg-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-item-nobg-dark</span>
-      </div>
-      <!-- light ux agility illustrations -->
-      <div class="container">
-        <img class="illustration-agility-ux-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-community-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-goal-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-goal-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-launch-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-objective-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-objective-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-paper-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-paper-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-update-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-update-light</span>
-      </div>
-      <!-- dark ux agility illustrations -->
-      <div class="container">
-        <img class="illustration-agility-ux-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-community-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-goal-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-goal-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-launch-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-objective-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-objective-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-paper-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-paper-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-agility-ux-update-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">agility-ux-update-dark</span>
-      </div>
-      <!-- light ux digitalai illustrations -->
-      <div class="container">
-        <img class="illustration-digitalai-ux-community-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-community-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-goal-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-goal-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-launch-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-launch-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-objective-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-objective-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-paper-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-paper-light</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-update-light"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-update-light</span>
-      </div>
-      <!-- dark ux digitalai illustrations -->
-      <div class="container">
-        <img class="illustration-digitalai-ux-community-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-community-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-goal-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-goal-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-launch-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-launch-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-objective-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-objective-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-paper-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-paper-dark</span>
-      </div>
-      <div class="container">
-        <img class="illustration-digitalai-ux-update-dark"></i>
-        <button class="button" onclick="copyText(this)">Copy ID</button>
-        <span class="illustrationID">digitalai-ux-update-dark</span>
-      </div>
-    </div>
-  </body>
-</html>

package/integrations/script.js DELETED Viewed

@@ -1,51 +0,0 @@
-function myFunction() {
-    var input, filter, divs, i, div, txtValue;
-    input = document.getElementById('myInput');
-    filter = input.value.toUpperCase();
-    divs = document.querySelectorAll('div');
-    for (i = 0; i < divs.length; i++) {
-      div = divs[i];
-      txtValue = div.textContent || div.innerText;
-      if (txtValue.toUpperCase().indexOf(filter) > -1) {
-        divs[i].style.display = "";
-      } else {
-        divs[i].style.display = "none";
-      }
-    }
-  }
-  function copyText(button) {
-    // Find the closest div parent of the clicked button
-    var parentDiv = button.closest('div');
-    // Find the span within the same parent div
-    var copyText = parentDiv.querySelector('.illustrationID');
-    // Get the text content of the span
-    var textToCopy = copyText.textContent;
-    // Use the Clipboard API to copy the text
-    navigator.clipboard.writeText(textToCopy).then(function() {
-        // Alert the copied text
-        alert("Copied the text: " + textToCopy);
-    }, function(err) {
-        console.error('Failed to copy text: ', err);
-    });
-  }
-  function copyCode() {
-    // Get the code block element
-    var copyCode = document.getElementById("myCodeBlock");
-    // Get the text content of the code block
-    var codeToCopy = copyCode.textContent;
-    // Use the Clipboard API to copy the text
-    navigator.clipboard.writeText(codeToCopy).then(function() {
-      // Alert the copied code
-      alert("Copied the code block");
-    }, function(err) {
-      console.error('Failed to copy code block: ', err);
-    });
-  }