@digital-ai/dot-illustrations 2.0.27 → 2.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/demo/script.js CHANGED
@@ -192,6 +192,7 @@ document.addEventListener('DOMContentLoaded', () => {
192
192
  "reports","scan-document",
193
193
  "survey",
194
194
  "time",
195
+ "tags",
195
196
  "user",
196
197
  "ui-ux-improvements",
197
198
  "upload","work-item",
@@ -269,17 +270,14 @@ document.addEventListener('DOMContentLoaded', () => {
269
270
  if (modalDescription) modalDescription.innerHTML = '';
270
271
  if (!descriptionsLoaded) return;
271
272
  const themeClass = root.classList.contains('dark') ? 'dark' : 'light';
272
- let categoryClass = "";
273
273
  let categoryFolder = "";
274
274
  if (globalList.includes(illustration)) {
275
- categoryClass = "global-illustration";
276
275
  categoryFolder = "global";
277
276
  } else if (dashboardsList.includes(illustration)) {
278
- categoryClass = "dashboards-illustration";
279
277
  categoryFolder = "dashboards";
280
278
  }
281
279
  const svgPath = `illustrations/${themeClass}/${categoryFolder}/${illustration}.svg`;
282
- modalImage.innerHTML = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass} ${categoryClass}\" style=\"width:286px;height:286px;object-fit:contain;\"/></span>`;
280
+ modalImage.innerHTML = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass}\" style=\"width:286px;height:286px;object-fit:contain;\"/></span>`;
283
281
  // Set the illustration name
284
282
  const modalIllustrationName = document.getElementById('modal-illustration-name');
285
283
  if (modalIllustrationName) modalIllustrationName.textContent = illustration;
@@ -288,7 +286,7 @@ document.addEventListener('DOMContentLoaded', () => {
288
286
  const modalDotCode = document.getElementById('modal-dot-code');
289
287
  if (modalDotCode) modalDotCode.value = dotCodeString;
290
288
  // Show the HTML code snippet in the modal
291
- const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass} ${categoryClass}\"/></span>`;
289
+ const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass}\"/></span>`;
292
290
  modalCode.value = codeString;
293
291
  modal.classList.add('active');
294
292
  modal.classList.remove('hidden');
@@ -347,13 +345,10 @@ document.addEventListener('DOMContentLoaded', () => {
347
345
  const favs = getFavourites();
348
346
  const themeClass = root.classList.contains('dark') ? 'dark' : 'light';
349
347
  toShow.forEach(illustration => {
350
- let categoryClass = "";
351
348
  let categoryFolder = "";
352
349
  if (globalList.includes(illustration)) {
353
- categoryClass = "global-illustration";
354
350
  categoryFolder = "global";
355
351
  } else if (dashboardsList.includes(illustration)) {
356
- categoryClass = "dashboards-illustration";
357
352
  categoryFolder = "dashboards";
358
353
  }
359
354
  const svgPath = `illustrations/${themeClass}/${categoryFolder}/${illustration}.svg`;
@@ -361,7 +356,7 @@ document.addEventListener('DOMContentLoaded', () => {
361
356
  const div = document.createElement("div");
362
357
  div.setAttribute("class", "copy-container relative group flex flex-col items-center justify-between bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-xl shadow-lg p-2 md:p-3 transition-transform duration-200 hover:scale-105 hover:shadow-2xl h-[302px] w-full justify-center");
363
358
  // Show the HTML code snippet in the card
364
- const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass} ${categoryClass}\"/></span>`;
359
+ const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass}\"/></span>`;
365
360
  div.innerHTML = `
366
361
  <button class="absolute top-2 right-2 z-10 p-1 rounded-full bg-white/80 dark:bg-gray-800/80 hover:bg-yellow-100 dark:hover:bg-yellow-300 transition" title="Toggle favourite" onclick="event.stopPropagation(); window.toggleFavourite && window.toggleFavourite('${illustration}')">
367
362
  <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="${isFav ? 'gold' : 'none'}" viewBox="0 0 24 24" stroke="gold">
@@ -370,7 +365,7 @@ document.addEventListener('DOMContentLoaded', () => {
370
365
  </button>
371
366
  <div class="flex-1 flex flex-col justify-center items-center">
372
367
  <span class="dot-illustration">
373
- <img src="${svgPath}" class="${illustration} ${themeClass} ${categoryClass}"/>
368
+ <img src="${svgPath}" class="${illustration} ${themeClass}"/>
374
369
  </span>
375
370
  <span class="iconID block text-center text-base font-medium text-gray-800 dark:text-gray-200 my-2">${illustration}</span>
376
371
  </div>
@@ -0,0 +1,26 @@
1
+ <svg width="263" height="309" viewBox="0 0 263 309" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="135.019" cy="126.5" r="93" fill="#494F60" fill-opacity="0.3"/>
3
+ <g filter="url(#filter0_d_4467_6142)">
4
+ <path d="M159.821 72.335C164.499 71.6516 169.068 74.1281 171.049 78.4199L189.97 119.412C191.314 122.325 191.277 125.689 189.866 128.571L151.799 206.36C149.126 211.823 142.433 213.949 137.098 211.03L69.7998 174.218C64.7183 171.438 62.7724 165.134 65.4336 159.989C74.1014 143.233 92.6389 107.453 104.576 84.8076C106.162 81.7997 109.082 79.7505 112.446 79.2588L159.821 72.335ZM154.81 85.8828C148.808 85.8828 143.942 90.7485 143.942 96.75C143.943 102.751 148.808 107.616 154.81 107.616C160.811 107.616 165.676 102.751 165.676 96.75C165.676 90.7486 160.811 85.8829 154.81 85.8828Z" fill="#555F77"/>
5
+ <circle cx="115.515" cy="129.845" r="5.3336" fill="#3D465C"/>
6
+ <circle cx="149.041" cy="147.755" r="5.3336" fill="#3D465C"/>
7
+ <path d="M119.219 146.001C121.811 145.451 125.245 145.165 128.183 146.861C131.188 148.596 132.104 151.487 132.4 153.792C132.548 154.941 132.549 156.007 132.563 156.738C132.57 157.097 132.579 157.338 132.598 157.498C132.834 157.849 132.867 158.317 132.641 158.707C132.326 159.254 131.627 159.441 131.08 159.126C130.708 158.911 130.544 158.578 130.473 158.396C130.396 158.2 130.36 158 130.338 157.844C130.295 157.531 130.285 157.148 130.278 156.782C130.263 156.004 130.261 155.081 130.133 154.083C129.877 152.093 129.152 150.059 127.04 148.84C124.859 147.581 122.138 147.718 119.694 148.237C118.492 148.492 117.419 148.825 116.567 149.085C116.156 149.211 115.762 149.33 115.449 149.403C115.294 149.439 115.115 149.475 114.939 149.488C114.824 149.497 114.449 149.524 114.087 149.315C113.54 148.999 113.353 148.3 113.668 147.754C113.912 147.332 114.382 147.125 114.836 147.196C114.861 147.191 114.893 147.186 114.93 147.177C115.153 147.125 115.467 147.031 115.9 146.899C116.738 146.643 117.904 146.28 119.219 146.001Z" fill="#3D465C"/>
8
+ <path d="M171.977 32.2148C177.464 32.2147 181.735 34.2961 184.642 36.006C188.005 37.9843 192.922 42.6522 195.76 48.485C198.722 54.5749 199.664 62.6619 193.32 69.9273C188.34 75.6306 181.217 82.3471 174.724 87.8002C171.469 90.5341 168.31 93.003 165.596 94.9003C164.241 95.8477 162.952 96.6846 161.787 97.3483C160.688 97.9747 159.447 98.5941 158.247 98.9213C155.812 99.5857 153.298 98.1495 152.634 95.7136C151.97 93.2778 153.406 90.7645 155.842 90.1002C155.848 90.0982 155.972 90.0606 156.238 89.9387C156.502 89.8174 156.842 89.6423 157.261 89.4038C158.101 88.9247 159.142 88.2558 160.357 87.4066C162.783 85.7106 165.722 83.4209 168.844 80.7984C175.106 75.5389 181.856 69.1534 186.433 63.9129C189.645 60.2344 189.43 56.3756 187.538 52.4852C185.52 48.3381 181.883 44.9911 180.005 43.8866C177.671 42.5137 175.082 41.3581 171.977 41.3582C168.944 41.3583 164.766 42.4667 159.306 46.8904C155.461 50.005 152.667 55.3119 150.821 61.2557C149.004 67.1104 148.297 72.9639 148.205 76.444C148.137 78.9679 146.036 80.9595 143.512 80.8922C140.988 80.8248 138.997 78.7239 139.064 76.2C139.177 71.974 139.997 65.2818 142.089 58.5443C144.153 51.8961 147.653 44.564 153.55 39.7859C160.267 34.3442 166.416 32.215 171.977 32.2148Z" fill="#3D465C"/>
9
+ </g>
10
+ <circle cx="41.5632" cy="169.808" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
11
+ <circle cx="216.166" cy="49.9113" r="7.29412" fill="#494F60" fill-opacity="0.3"/>
12
+ <circle cx="223.916" cy="33.9545" r="4.10294" fill="#494F60" fill-opacity="0.3"/>
13
+ <circle cx="50.6809" cy="60.3982" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
14
+ <circle cx="41.5628" cy="195.338" r="6.83824" fill="#494F60" fill-opacity="0.3"/>
15
+ <defs>
16
+ <filter id="filter0_d_4467_6142" x="0.242188" y="0.214844" width="261.811" height="308.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
19
+ <feOffset dy="32"/>
20
+ <feGaussianBlur stdDeviation="32"/>
21
+ <feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.282353 0 0 0 0 0.360784 0 0 0 0.24 0"/>
22
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4467_6142"/>
23
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4467_6142" result="shape"/>
24
+ </filter>
25
+ </defs>
26
+ </svg>
@@ -0,0 +1,26 @@
1
+ <svg width="263" height="309" viewBox="0 0 263 309" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="135.438" cy="126.5" r="93" fill="#94A8E1" fill-opacity="0.2"/>
3
+ <g filter="url(#filter0_d_4467_6198)">
4
+ <path d="M160.24 72.335C164.917 71.6516 169.487 74.1281 171.468 78.4199L190.389 119.412C191.733 122.325 191.695 125.689 190.285 128.571L152.218 206.36C149.545 211.823 142.852 213.949 137.517 211.03L70.2188 174.218C65.1373 171.438 63.1914 165.134 65.8525 159.989C74.5204 143.233 93.0578 107.453 104.995 84.8076C106.581 81.7997 109.501 79.7505 112.865 79.2588L160.24 72.335ZM155.229 85.8828C149.227 85.8828 144.361 90.7485 144.361 96.75C144.362 102.751 149.227 107.616 155.229 107.616C161.23 107.616 166.094 102.751 166.095 96.75C166.095 90.7486 161.23 85.8829 155.229 85.8828Z" fill="#F8F9FC"/>
5
+ <circle cx="115.934" cy="129.845" r="5.3336" fill="#8591AE"/>
6
+ <circle cx="149.46" cy="147.755" r="5.3336" fill="#8591AE"/>
7
+ <path d="M119.638 146.001C122.23 145.451 125.664 145.165 128.602 146.861C131.607 148.596 132.523 151.487 132.819 153.792C132.967 154.941 132.968 156.007 132.982 156.738C132.989 157.097 132.998 157.338 133.017 157.498C133.253 157.849 133.286 158.317 133.06 158.707C132.745 159.254 132.046 159.441 131.499 159.126C131.127 158.911 130.963 158.578 130.892 158.396C130.815 158.2 130.778 158 130.757 157.844C130.714 157.531 130.704 157.148 130.697 156.782C130.682 156.004 130.68 155.081 130.552 154.083C130.296 152.093 129.571 150.059 127.459 148.84C125.278 147.581 122.557 147.718 120.113 148.237C118.911 148.492 117.838 148.825 116.986 149.085C116.575 149.211 116.181 149.33 115.868 149.403C115.713 149.439 115.534 149.475 115.358 149.488C115.243 149.497 114.868 149.524 114.506 149.315C113.959 148.999 113.772 148.3 114.087 147.754C114.331 147.332 114.801 147.125 115.255 147.196C115.28 147.191 115.312 147.186 115.349 147.177C115.572 147.125 115.886 147.031 116.319 146.899C117.157 146.643 118.323 146.28 119.638 146.001Z" fill="#8591AE"/>
8
+ <path d="M172.395 32.2148C177.883 32.2147 182.154 34.2961 185.061 36.006C188.423 37.9843 193.341 42.6522 196.179 48.485C199.141 54.5749 200.083 62.6619 193.739 69.9273C188.758 75.6306 181.636 82.3471 175.143 87.8002C171.888 90.5341 168.729 93.003 166.015 94.9003C164.66 95.8477 163.371 96.6846 162.206 97.3483C161.107 97.9747 159.866 98.5941 158.666 98.9213C156.23 99.5857 153.717 98.1495 153.053 95.7136C152.389 93.2778 153.825 90.7645 156.261 90.1002C156.267 90.0982 156.391 90.0606 156.657 89.9387C156.921 89.8174 157.261 89.6423 157.68 89.4038C158.52 88.9247 159.561 88.2558 160.776 87.4066C163.202 85.7106 166.14 83.4209 169.263 80.7984C175.525 75.5389 182.275 69.1534 186.852 63.9129C190.064 60.2344 189.849 56.3756 187.957 52.4852C185.939 48.3381 182.302 44.9911 180.424 43.8866C178.09 42.5137 175.501 41.3581 172.395 41.3582C169.363 41.3583 165.185 42.4667 159.724 46.8904C155.88 50.005 153.086 55.3119 151.24 61.2557C149.422 67.1104 148.716 72.9639 148.623 76.444C148.556 78.9679 146.455 80.9595 143.931 80.8922C141.407 80.8248 139.416 78.7239 139.483 76.2C139.596 71.974 140.416 65.2818 142.508 58.5443C144.572 51.8961 148.071 44.564 153.969 39.7859C160.686 34.3442 166.835 32.215 172.395 32.2148Z" fill="#8591AE"/>
9
+ </g>
10
+ <circle cx="41.9822" cy="169.808" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
11
+ <circle cx="216.585" cy="49.9113" r="7.29412" fill="#94A8E1" fill-opacity="0.2"/>
12
+ <circle cx="224.335" cy="33.9545" r="4.10294" fill="#94A8E1" fill-opacity="0.2"/>
13
+ <circle cx="51.0999" cy="60.3982" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
14
+ <circle cx="41.9818" cy="195.338" r="6.83824" fill="#94A8E1" fill-opacity="0.2"/>
15
+ <defs>
16
+ <filter id="filter0_d_4467_6198" x="0.661133" y="0.214844" width="261.811" height="308.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
17
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
18
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
19
+ <feOffset dy="32"/>
20
+ <feGaussianBlur stdDeviation="32"/>
21
+ <feColorMatrix type="matrix" values="0 0 0 0 0.231373 0 0 0 0 0.282353 0 0 0 0 0.360784 0 0 0 0.24 0"/>
22
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4467_6198"/>
23
+ <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4467_6198" result="shape"/>
24
+ </filter>
25
+ </defs>
26
+ </svg>
package/index.css CHANGED
@@ -2,347 +2,355 @@
2
2
  /*Path: --------- './illustrations/light/global/*.svg ----- light */
3
3
  /*Path: --------- './illustrations/dark/global/*.svg ------ dark */
4
4
 
5
- .dot-illustration img.time.light.global-illustration {
5
+ .dot-illustration img.tags.light {
6
+ content: url('./illustrations/light/global/tags.svg');
7
+ }
8
+
9
+ .dot-illustration img.tags.dark {
10
+ content: url('./illustrations/dark/global/tags.svg');
11
+ }
12
+
13
+ .dot-illustration img.time.light {
6
14
  content: url('./illustrations/light/global/time.svg');
7
15
  }
8
16
 
9
- .dot-illustration img.time.dark.global-illustration {
17
+ .dot-illustration img.time.dark {
10
18
  content: url('./illustrations/dark/global/time.svg');
11
19
  }
12
20
 
13
- .dot-illustration img.forbiden-access.light.global-illustration {
21
+ .dot-illustration img.forbiden-access.light {
14
22
  content: url('./illustrations/light/global/forbiden-access.svg');
15
23
  }
16
24
 
17
- .dot-illustration img.forbiden-access.dark.global-illustration {
25
+ .dot-illustration img.forbiden-access.dark {
18
26
  content: url('./illustrations/dark/global/forbiden-access.svg');
19
27
  }
20
28
 
21
- .dot-illustration img.scan-document.light.global-illustration {
29
+ .dot-illustration img.scan-document.light {
22
30
  content: url('./illustrations/light/global/scan-document.svg');
23
31
  }
24
32
 
25
- .dot-illustration img.scan-document.dark.global-illustration {
33
+ .dot-illustration img.scan-document.dark {
26
34
  content: url('./illustrations/dark/global/scan-document.svg');
27
35
  }
28
36
 
29
- .dot-illustration img.protection-in-progress.light.global-illustration {
37
+ .dot-illustration img.protection-in-progress.light {
30
38
  content: url('./illustrations/light/global/protection-in-progress.svg');
31
39
  }
32
40
 
33
- .dot-illustration img.protection-in-progress.dark.global-illustration {
41
+ .dot-illustration img.protection-in-progress.dark {
34
42
  content: url('./illustrations/dark/global/protection-in-progress.svg');
35
43
  }
36
44
 
37
- .dot-illustration img.upload.light.global-illustration {
45
+ .dot-illustration img.upload.light {
38
46
  content: url('./illustrations/light/global/upload.svg');
39
47
  }
40
48
 
41
- .dot-illustration img.upload.dark.global-illustration {
49
+ .dot-illustration img.upload.dark {
42
50
  content: url('./illustrations/dark/global/upload.svg');
43
51
  }
44
52
 
45
- .dot-illustration img.download.light.global-illustration {
53
+ .dot-illustration img.download.light {
46
54
  content: url('./illustrations/light/global/download.svg');
47
55
  }
48
56
 
49
- .dot-illustration img.download.dark.global-illustration {
57
+ .dot-illustration img.download.dark {
50
58
  content: url('./illustrations/dark/global/download.svg');
51
59
  }
52
60
 
53
- .dot-illustration img.ai.light.global-illustration {
61
+ .dot-illustration img.ai.light {
54
62
  content: url('./illustrations/light/global/ai.svg');
55
63
  }
56
64
 
57
- .dot-illustration img.ai.dark.global-illustration {
65
+ .dot-illustration img.ai.dark {
58
66
  content: url('./illustrations/dark/global/ai.svg');
59
67
  }
60
68
 
61
- .dot-illustration img.folder-versioning.light.global-illustration {
69
+ .dot-illustration img.folder-versioning.light {
62
70
  content: url('./illustrations/light/global/folder-versioning.svg');
63
71
  }
64
72
 
65
- .dot-illustration img.folder-versioning.dark.global-illustration {
73
+ .dot-illustration img.folder-versioning.dark {
66
74
  content: url('./illustrations/dark/global/folder-versioning.svg');
67
75
  }
68
76
 
69
- .dot-illustration img.analysis-circle.light.global-illustration {
77
+ .dot-illustration img.analysis-circle.light {
70
78
  content: url('./illustrations/light/global/analysis-circle.svg');
71
79
  }
72
80
 
73
- .dot-illustration img.analysis-circle.dark.global-illustration {
81
+ .dot-illustration img.analysis-circle.dark {
74
82
  content: url('./illustrations/dark/global/analysis-circle.svg');
75
83
  }
76
84
 
77
- .dot-illustration img.workflows-main.light.global-illustration {
85
+ .dot-illustration img.workflows-main.light {
78
86
  content: url('./illustrations/light/global/workflows-main.svg');
79
87
  }
80
88
 
81
- .dot-illustration img.workflows-main.dark.global-illustration {
89
+ .dot-illustration img.workflows-main.dark {
82
90
  content: url('./illustrations/dark/global/workflows-main.svg');
83
91
  }
84
92
 
85
- .dot-illustration img.dora-metrics-circle.light.global-illustration {
93
+ .dot-illustration img.dora-metrics-circle.light {
86
94
  content: url('./illustrations/light/global/dora-metrics-circle.svg');
87
95
  }
88
96
 
89
- .dot-illustration img.dora-metrics-circle.dark.global-illustration {
97
+ .dot-illustration img.dora-metrics-circle.dark {
90
98
  content: url('./illustrations/dark/global/dora-metrics-circle.svg');
91
99
  }
92
100
 
93
- .dot-illustration img.custom-dashboards.light.global-illustration {
101
+ .dot-illustration img.custom-dashboards.light {
94
102
  content: url('./illustrations/light/global/custom-dashboards.svg');
95
103
  }
96
104
 
97
- .dot-illustration img.custom-dashboards.dark.global-illustration {
105
+ .dot-illustration img.custom-dashboards.dark {
98
106
  content: url('./illustrations/dark/global/custom-dashboards.svg');
99
107
  }
100
108
 
101
- .dot-illustration img.dependency-up.light.global-illustration {
109
+ .dot-illustration img.dependency-up.light {
102
110
  content: url('./illustrations/light/global/dependency-up.svg');
103
111
  }
104
112
 
105
- .dot-illustration img.dependency-up.dark.global-illustration {
113
+ .dot-illustration img.dependency-up.dark {
106
114
  content: url('./illustrations/dark/global/dependency-up.svg');
107
115
  }
108
116
 
109
- .dot-illustration img.dependency-down.light.global-illustration {
117
+ .dot-illustration img.dependency-down.light {
110
118
  content: url('./illustrations/light/global/dependency-down.svg');
111
119
  }
112
120
 
113
- .dot-illustration img.dependency-down.dark.global-illustration {
121
+ .dot-illustration img.dependency-down.dark {
114
122
  content: url('./illustrations/dark/global/dependency-down.svg');
115
123
  }
116
124
 
117
- .dot-illustration img.chart.light.global-illustration {
125
+ .dot-illustration img.chart.light {
118
126
  content: url('./illustrations/light/global/chart.svg');
119
127
  }
120
128
 
121
- .dot-illustration img.chart.dark.global-illustration {
129
+ .dot-illustration img.chart.dark {
122
130
  content: url('./illustrations/dark/global/chart.svg');
123
131
  }
124
132
 
125
- .dot-illustration img.add-new.light.global-illustration {
133
+ .dot-illustration img.add-new.light {
126
134
  content: url('./illustrations/light/global/add-new.svg');
127
135
  }
128
136
 
129
- .dot-illustration img.add-new.dark.global-illustration {
137
+ .dot-illustration img.add-new.dark {
130
138
  content: url('./illustrations/dark/global/add-new.svg');
131
139
  }
132
140
 
133
- .dot-illustration img.add-new-grid.light.global-illustration {
141
+ .dot-illustration img.add-new-grid.light {
134
142
  content: url('./illustrations/light/global/add-new-grid.svg');
135
143
  }
136
144
 
137
- .dot-illustration img.add-new-grid.dark.global-illustration {
145
+ .dot-illustration img.add-new-grid.dark {
138
146
  content: url('./illustrations/dark/global/add-new-grid.svg');
139
147
  }
140
148
 
141
- .dot-illustration img.add-team.light.global-illustration {
149
+ .dot-illustration img.add-team.light {
142
150
  content: url('./illustrations/light/global/add-team.svg');
143
151
  }
144
152
 
145
- .dot-illustration img.add-team.dark.global-illustration {
153
+ .dot-illustration img.add-team.dark {
146
154
  content: url('./illustrations/dark/global/add-team.svg');
147
155
  }
148
156
 
149
- .dot-illustration img.add-user.light.global-illustration {
157
+ .dot-illustration img.add-user.light {
150
158
  content: url('./illustrations/light/global/add-user.svg');
151
159
  }
152
160
 
153
- .dot-illustration img.add-user.dark.global-illustration {
161
+ .dot-illustration img.add-user.dark {
154
162
  content: url('./illustrations/dark/global/add-user.svg');
155
163
  }
156
164
 
157
- .dot-illustration img.assets.light.global-illustration {
165
+ .dot-illustration img.assets.light {
158
166
  content: url('./illustrations/light/global/assets.svg');
159
167
  }
160
168
 
161
- .dot-illustration img.assets.dark.global-illustration {
169
+ .dot-illustration img.assets.dark {
162
170
  content: url('./illustrations/dark/global/assets.svg');
163
171
  }
164
172
 
165
- .dot-illustration img.community.light.global-illustration {
173
+ .dot-illustration img.community.light {
166
174
  content: url('./illustrations/light/global/community.svg');
167
175
  }
168
176
 
169
- .dot-illustration img.community.dark.global-illustration {
177
+ .dot-illustration img.community.dark {
170
178
  content: url('./illustrations/dark/global/community.svg');
171
179
  }
172
180
 
173
- .dot-illustration img.disconnected.light.global-illustration {
181
+ .dot-illustration img.disconnected.light {
174
182
  content: url('./illustrations/light/global/disconnected.svg');
175
183
  }
176
184
 
177
- .dot-illustration img.disconnected.dark.global-illustration {
185
+ .dot-illustration img.disconnected.dark {
178
186
  content: url('./illustrations/dark/global/disconnected.svg');
179
187
  }
180
188
 
181
- .dot-illustration img.done.light.global-illustration {
189
+ .dot-illustration img.done.light {
182
190
  content: url('./illustrations/light/global/done.svg');
183
191
  }
184
192
 
185
- .dot-illustration img.done.dark.global-illustration {
193
+ .dot-illustration img.done.dark {
186
194
  content: url('./illustrations/dark/global/done.svg');
187
195
  }
188
196
 
189
- .dot-illustration img.empty.light.global-illustration {
197
+ .dot-illustration img.empty.light {
190
198
  content: url('./illustrations/light/global/empty.svg');
191
199
  }
192
200
 
193
- .dot-illustration img.empty.dark.global-illustration {
201
+ .dot-illustration img.empty.dark {
194
202
  content: url('./illustrations/dark/global/empty.svg');
195
203
  }
196
204
 
197
- .dot-illustration img.favorite.light.global-illustration {
205
+ .dot-illustration img.favorite.light {
198
206
  content: url('./illustrations/light/global/favorite.svg');
199
207
  }
200
208
 
201
- .dot-illustration img.favorite.dark.global-illustration {
209
+ .dot-illustration img.favorite.dark {
202
210
  content: url('./illustrations/dark/global/favorite.svg');
203
211
  }
204
212
 
205
- .dot-illustration img.features.light.global-illustration {
213
+ .dot-illustration img.features.light {
206
214
  content: url('./illustrations/light/global/features.svg');
207
215
  }
208
216
 
209
- .dot-illustration img.features.dark.global-illustration {
217
+ .dot-illustration img.features.dark {
210
218
  content: url('./illustrations/dark/global/features.svg');
211
219
  }
212
220
 
213
- .dot-illustration img.launch.light.global-illustration {
221
+ .dot-illustration img.launch.light {
214
222
  content: url('./illustrations/light/global/launch.svg');
215
223
  }
216
224
 
217
- .dot-illustration img.launch.dark.global-illustration {
225
+ .dot-illustration img.launch.dark {
218
226
  content: url('./illustrations/dark/global/launch.svg');
219
227
  }
220
228
 
221
- .dot-illustration img.no-files.light.global-illustration {
229
+ .dot-illustration img.no-files.light {
222
230
  content: url('./illustrations/light/global/no-files.svg');
223
231
  }
224
232
 
225
- .dot-illustration img.no-files.dark.global-illustration {
233
+ .dot-illustration img.no-files.dark {
226
234
  content: url('./illustrations/dark/global/no-files.svg');
227
235
  }
228
236
 
229
- .dot-illustration img.nothing-defined.light.global-illustration {
237
+ .dot-illustration img.nothing-defined.light {
230
238
  content: url('./illustrations/light/global/nothing-defined.svg');
231
239
  }
232
240
 
233
- .dot-illustration img.nothing-defined.dark.global-illustration {
241
+ .dot-illustration img.nothing-defined.dark {
234
242
  content: url('./illustrations/dark/global/nothing-defined.svg');
235
243
  }
236
244
 
237
- .dot-illustration img.password-token.light.global-illustration {
245
+ .dot-illustration img.password-token.light {
238
246
  content: url('./illustrations/light/global/password-token.svg');
239
247
  }
240
248
 
241
- .dot-illustration img.password-token.dark.global-illustration {
249
+ .dot-illustration img.password-token.dark {
242
250
  content: url('./illustrations/dark/global/password-token.svg');
243
251
  }
244
252
 
245
- .dot-illustration img.reports.light.global-illustration {
253
+ .dot-illustration img.reports.light {
246
254
  content: url('./illustrations/light/global/reports.svg');
247
255
  }
248
256
 
249
- .dot-illustration img.reports.dark.global-illustration {
257
+ .dot-illustration img.reports.dark {
250
258
  content: url('./illustrations/dark/global/reports.svg');
251
259
  }
252
260
 
253
- .dot-illustration img.survey.light.global-illustration {
261
+ .dot-illustration img.survey.light {
254
262
  content: url('./illustrations/light/global/survey.svg');
255
263
  }
256
264
 
257
- .dot-illustration img.survey.dark.global-illustration {
265
+ .dot-illustration img.survey.dark {
258
266
  content: url('./illustrations/dark/global/survey.svg');
259
267
  }
260
268
 
261
- .dot-illustration img.user.light.global-illustration {
269
+ .dot-illustration img.user.light {
262
270
  content: url('./illustrations/light/global/user.svg');
263
271
  }
264
272
 
265
- .dot-illustration img.user.dark.global-illustration {
273
+ .dot-illustration img.user.dark {
266
274
  content: url('./illustrations/dark/global/user.svg');
267
275
  }
268
276
 
269
- .dot-illustration img.work-item.light.global-illustration {
277
+ .dot-illustration img.work-item.light {
270
278
  content: url('./illustrations/light/global/work-item.svg');
271
279
  }
272
280
 
273
- .dot-illustration img.work-item.dark.global-illustration {
281
+ .dot-illustration img.work-item.dark {
274
282
  content: url('./illustrations/dark/global/work-item.svg');
275
283
  }
276
284
 
277
- .dot-illustration img.error-fourhundredfour.light.global-illustration {
285
+ .dot-illustration img.error-fourhundredfour.light {
278
286
  content: url('./illustrations/light/global/error-fourhundredfour.svg');
279
287
  }
280
288
 
281
- .dot-illustration img.error-fourhundredfour.dark.global-illustration {
289
+ .dot-illustration img.error-fourhundredfour.dark {
282
290
  content: url('./illustrations/dark/global/error-fourhundredfour.svg');
283
291
  }
284
292
 
285
- .dot-illustration img.error-fivehundred.light.global-illustration {
293
+ .dot-illustration img.error-fivehundred.light {
286
294
  content: url('./illustrations/light/global/error-fivehundred.svg');
287
295
  }
288
296
 
289
- .dot-illustration img.error-fivehundred.dark.global-illustration {
297
+ .dot-illustration img.error-fivehundred.dark {
290
298
  content: url('./illustrations/dark/global/error-fivehundred.svg');
291
299
  }
292
300
 
293
- .dot-illustration img.error-fourhundredthree.light.global-illustration {
301
+ .dot-illustration img.error-fourhundredthree.light {
294
302
  content: url('./illustrations/light/global/error-fourhundredthree.svg');
295
303
  }
296
304
 
297
- .dot-illustration img.error-fourhundredthree.dark.global-illustration {
305
+ .dot-illustration img.error-fourhundredthree.dark {
298
306
  content: url('./illustrations/dark/global/error-fourhundredthree.svg');
299
307
  }
300
308
 
301
- .dot-illustration img.error-fivehundredthree.light.global-illustration {
309
+ .dot-illustration img.error-fivehundredthree.light {
302
310
  content: url('./illustrations/light/global/error-fivehundredthree.svg');
303
311
  }
304
312
 
305
- .dot-illustration img.error-fivehundredthree.dark.global-illustration {
313
+ .dot-illustration img.error-fivehundredthree.dark {
306
314
  content: url('./illustrations/dark/global/error-fivehundredthree.svg');
307
315
  }
308
316
 
309
- .dot-illustration img.no-filters.light.global-illustration {
317
+ .dot-illustration img.no-filters.light {
310
318
  content: url('./illustrations/light/global/no-filters.svg');
311
319
  }
312
320
 
313
- .dot-illustration img.no-filters.dark.global-illustration {
321
+ .dot-illustration img.no-filters.dark {
314
322
  content: url('./illustrations/dark/global/no-filters.svg');
315
323
  }
316
324
 
317
- .dot-illustration img.research.light.global-illustration {
325
+ .dot-illustration img.research.light {
318
326
  content: url('./illustrations/light/global/research.svg');
319
327
  }
320
328
 
321
- .dot-illustration img.research.dark.global-illustration {
329
+ .dot-illustration img.research.dark {
322
330
  content: url('./illustrations/dark/global/research.svg');
323
331
  }
324
332
 
325
- .dot-illustration img.commitrepo.light.global-illustration {
333
+ .dot-illustration img.commitrepo.light {
326
334
  content: url('./illustrations/light/global/commitrepo.svg');
327
335
  }
328
336
 
329
- .dot-illustration img.commitrepo.dark.global-illustration {
337
+ .dot-illustration img.commitrepo.dark {
330
338
  content: url('./illustrations/dark/global/commitrepo.svg');
331
339
  }
332
340
 
333
- .dot-illustration img.ui-ux-improvements.light.global-illustration {
341
+ .dot-illustration img.ui-ux-improvements.light {
334
342
  content: url('./illustrations/light/global/ui-ux-improvements.svg');
335
343
  }
336
344
 
337
- .dot-illustration img.ui-ux-improvements.dark.global-illustration {
345
+ .dot-illustration img.ui-ux-improvements.dark {
338
346
  content: url('./illustrations/dark/global/ui-ux-improvements.svg');
339
347
  }
340
348
 
341
- .dot-illustration img.filter-empty.light.global-illustration {
349
+ .dot-illustration img.filter-empty.light {
342
350
  content: url('./illustrations/light/global/filter-empty.svg');
343
351
  }
344
352
 
345
- .dot-illustration img.filter-empty.dark.global-illustration {
353
+ .dot-illustration img.filter-empty.dark {
346
354
  content: url('./illustrations/dark/global/filter-empty.svg');
347
355
  }
348
356
 
@@ -351,186 +359,186 @@
351
359
  /*Path: --------- './illustrations/light/dashboards/*.svg ----- light */
352
360
  /*Path: --------- './illustrations/dark/dashboards/*.svg ------ dark */
353
361
 
354
- .dot-illustration img.analysis.light.dashboards-illustration {
362
+ .dot-illustration img.analysis.light {
355
363
  content: url('./illustrations/light/dashboards/analysis.svg');
356
364
  }
357
365
 
358
- .dot-illustration img.analysis.dark.dashboards-illustration {
366
+ .dot-illustration img.analysis.dark {
359
367
  content: url('./illustrations/dark/dashboards/analysis.svg');
360
368
  }
361
369
 
362
- .dot-illustration img.automation.light.dashboards-illustration {
370
+ .dot-illustration img.automation.light {
363
371
  content: url('./illustrations/light/dashboards/automation.svg');
364
372
  }
365
373
 
366
- .dot-illustration img.automation.dark.dashboards-illustration {
374
+ .dot-illustration img.automation.dark {
367
375
  content: url('./illustrations/dark/dashboards/automation.svg');
368
376
  }
369
377
 
370
- .dot-illustration img.burn-down.light.dashboards-illustration {
378
+ .dot-illustration img.burn-down.light {
371
379
  content: url('./illustrations/light/dashboards/burn-down.svg');
372
380
  }
373
381
 
374
- .dot-illustration img.burn-down.dark.dashboards-illustration {
382
+ .dot-illustration img.burn-down.dark {
375
383
  content: url('./illustrations/dark/dashboards/burn-down.svg');
376
384
  }
377
385
 
378
- .dot-illustration img.burn-up.light.dashboards-illustration {
386
+ .dot-illustration img.burn-up.light {
379
387
  content: url('./illustrations/light/dashboards/burn-up.svg');
380
388
  }
381
389
 
382
- .dot-illustration img.burn-up.dark.dashboards-illustration {
390
+ .dot-illustration img.burn-up.dark {
383
391
  content: url('./illustrations/dark/dashboards/burn-up.svg');
384
392
  }
385
393
 
386
- .dot-illustration img.custom.light.dashboards-illustration {
394
+ .dot-illustration img.custom.light {
387
395
  content: url('./illustrations/light/dashboards/custom.svg');
388
396
  }
389
397
 
390
- .dot-illustration img.custom.dark.dashboards-illustration {
398
+ .dot-illustration img.custom.dark {
391
399
  content: url('./illustrations/dark/dashboards/custom.svg');
392
400
  }
393
401
 
394
- .dot-illustration img.defect.light.dashboards-illustration {
402
+ .dot-illustration img.defect.light {
395
403
  content: url('./illustrations/light/dashboards/defect.svg');
396
404
  }
397
405
 
398
- .dot-illustration img.defect.dark.dashboards-illustration {
406
+ .dot-illustration img.defect.dark {
399
407
  content: url('./illustrations/dark/dashboards/defect.svg');
400
408
  }
401
409
 
402
- .dot-illustration img.dependency.light.dashboards-illustration {
410
+ .dot-illustration img.dependency.light {
403
411
  content: url('./illustrations/light/dashboards/dependency.svg');
404
412
  }
405
413
 
406
- .dot-illustration img.dependency.dark.dashboards-illustration {
414
+ .dot-illustration img.dependency.dark {
407
415
  content: url('./illustrations/dark/dashboards/dependency.svg');
408
416
  }
409
417
 
410
- .dot-illustration img.dora.light.dashboards-illustration {
418
+ .dot-illustration img.dora.light {
411
419
  content: url('./illustrations/light/dashboards/dora.svg');
412
420
  }
413
421
 
414
- .dot-illustration img.dora.dark.dashboards-illustration {
422
+ .dot-illustration img.dora.dark {
415
423
  content: url('./illustrations/dark/dashboards/dora.svg');
416
424
  }
417
425
 
418
- .dot-illustration img.executive.light.dashboards-illustration {
426
+ .dot-illustration img.executive.light {
419
427
  content: url('./illustrations/light/dashboards/executive.svg');
420
428
  }
421
429
 
422
- .dot-illustration img.executive.dark.dashboards-illustration {
430
+ .dot-illustration img.executive.dark {
423
431
  content: url('./illustrations/dark/dashboards/executive.svg');
424
432
  }
425
433
 
426
- .dot-illustration img.item.light.dashboards-illustration {
434
+ .dot-illustration img.item.light {
427
435
  content: url('./illustrations/light/dashboards/item.svg');
428
436
  }
429
437
 
430
- .dot-illustration img.item.dark.dashboards-illustration {
438
+ .dot-illustration img.item.dark {
431
439
  content: url('./illustrations/dark/dashboards/item.svg');
432
440
  }
433
441
 
434
- .dot-illustration img.late-task.light.dashboards-illustration {
442
+ .dot-illustration img.late-task.light {
435
443
  content: url('./illustrations/light/dashboards/late-task.svg');
436
444
  }
437
445
 
438
- .dot-illustration img.late-task.dark.dashboards-illustration {
446
+ .dot-illustration img.late-task.dark {
439
447
  content: url('./illustrations/dark/dashboards/late-task.svg');
440
448
  }
441
449
 
442
- .dot-illustration img.onboarding.light.dashboards-illustration {
450
+ .dot-illustration img.onboarding.light {
443
451
  content: url('./illustrations/light/dashboards/onboarding.svg');
444
452
  }
445
453
 
446
- .dot-illustration img.onboarding.dark.dashboards-illustration {
454
+ .dot-illustration img.onboarding.dark {
447
455
  content: url('./illustrations/dark/dashboards/onboarding.svg');
448
456
  }
449
457
 
450
- .dot-illustration img.workflow.light.dashboards-illustration {
458
+ .dot-illustration img.workflow.light {
451
459
  content: url('./illustrations/light/dashboards/workflow.svg');
452
460
  }
453
461
 
454
- .dot-illustration img.workflow.dark.dashboards-illustration {
462
+ .dot-illustration img.workflow.dark {
455
463
  content: url('./illustrations/dark/dashboards/workflow.svg');
456
464
  }
457
465
 
458
- .dot-illustration img.CRP-failure-prediction-monitoring.light.dashboards-illustration {
466
+ .dot-illustration img.CRP-failure-prediction-monitoring.light {
459
467
  content: url('./illustrations/light/dashboards/CRP-failure-prediction-monitoring.svg');
460
468
  }
461
469
 
462
- .dot-illustration img.CRP-failure-prediction-monitoring.dark.dashboards-illustration {
470
+ .dot-illustration img.CRP-failure-prediction-monitoring.dark {
463
471
  content: url('./illustrations/dark/dashboards/CRP-failure-prediction-monitoring.svg');
464
472
  }
465
473
 
466
- .dot-illustration img.change-credit-score.light.dashboards-illustration {
474
+ .dot-illustration img.change-credit-score.light {
467
475
  content: url('./illustrations/light/dashboards/change-credit-score.svg');
468
476
  }
469
477
 
470
- .dot-illustration img.change-credit-score.dark.dashboards-illustration {
478
+ .dot-illustration img.change-credit-score.dark {
471
479
  content: url('./illustrations/dark/dashboards/change-credit-score.svg');
472
480
  }
473
481
 
474
- .dot-illustration img.change-data-quality.light.dashboards-illustration {
482
+ .dot-illustration img.change-data-quality.light {
475
483
  content: url('./illustrations/light/dashboards/change-data-quality.svg');
476
484
  }
477
485
 
478
- .dot-illustration img.change-data-quality.dark.dashboards-illustration {
486
+ .dot-illustration img.change-data-quality.dark {
479
487
  content: url('./illustrations/dark/dashboards/change-data-quality.svg');
480
488
  }
481
489
 
482
- .dot-illustration img.change-impact.light.dashboards-illustration {
490
+ .dot-illustration img.change-impact.light {
483
491
  content: url('./illustrations/light/dashboards/change-impact.svg');
484
492
  }
485
493
 
486
- .dot-illustration img.change-impact.dark.dashboards-illustration {
494
+ .dot-illustration img.change-impact.dark {
487
495
  content: url('./illustrations/dark/dashboards/change-impact.svg');
488
496
  }
489
497
 
490
- .dot-illustration img.change-executive.light.dashboards-illustration {
498
+ .dot-illustration img.change-executive.light {
491
499
  content: url('./illustrations/light/dashboards/change-executive.svg');
492
500
  }
493
501
 
494
- .dot-illustration img.change-executive.dark.dashboards-illustration {
502
+ .dot-illustration img.change-executive.dark {
495
503
  content: url('./illustrations/dark/dashboards/change-executive.svg');
496
504
  }
497
505
 
498
- .dot-illustration img.change-impact-detection.light.dashboards-illustration {
506
+ .dot-illustration img.change-impact-detection.light {
499
507
  content: url('./illustrations/light/dashboards/change-impact-detection.svg');
500
508
  }
501
509
 
502
- .dot-illustration img.change-impact-detection.dark.dashboards-illustration {
510
+ .dot-illustration img.change-impact-detection.dark {
503
511
  content: url('./illustrations/dark/dashboards/change-impact-detection.svg');
504
512
  }
505
513
 
506
- .dot-illustration img.change-impact-hotspots.light.dashboards-illustration {
514
+ .dot-illustration img.change-impact-hotspots.light {
507
515
  content: url('./illustrations/light/dashboards/change-impact-hotspots.svg');
508
516
  }
509
517
 
510
- .dot-illustration img.change-impact-hotspots.dark.dashboards-illustration {
518
+ .dot-illustration img.change-impact-hotspots.dark {
511
519
  content: url('./illustrations/dark/dashboards/change-impact-hotspots.svg');
512
520
  }
513
521
 
514
- .dot-illustration img.change-failure-factors.light.dashboards-illustration {
522
+ .dot-illustration img.change-failure-factors.light {
515
523
  content: url('./illustrations/light/dashboards/change-failure-factors.svg');
516
524
  }
517
525
 
518
- .dot-illustration img.change-failure-factors.dark.dashboards-illustration {
526
+ .dot-illustration img.change-failure-factors.dark {
519
527
  content: url('./illustrations/dark/dashboards/change-failure-factors.svg');
520
528
  }
521
529
 
522
- .dot-illustration img.change-failure-prediction.light.dashboards-illustration {
530
+ .dot-illustration img.change-failure-prediction.light {
523
531
  content: url('./illustrations/light/dashboards/change-failure-prediction.svg');
524
532
  }
525
533
 
526
- .dot-illustration img.change-failure-prediction.dark.dashboards-illustration {
534
+ .dot-illustration img.change-failure-prediction.dark {
527
535
  content: url('./illustrations/dark/dashboards/change-failure-prediction.svg');
528
536
  }
529
537
 
530
- .dot-illustration img.data-extraction.light.dashboards-illustration {
538
+ .dot-illustration img.data-extraction.light {
531
539
  content: url('./illustrations/light/dashboards/data-extraction.svg');
532
540
  }
533
541
 
534
- .dot-illustration img.data-extraction.dark.dashboards-illustration {
542
+ .dot-illustration img.data-extraction.dark {
535
543
  content: url('./illustrations/dark/dashboards/data-extraction.svg');
536
- }
544
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digital-ai/dot-illustrations",
3
- "version": "2.0.27",
3
+ "version": "2.0.29",
4
4
  "description": "A central place for the design team to keep illustrations and for dev teams to find them.",
5
5
  "main": "./index.css",
6
6
  "scripts": {