@digital-ai/dot-illustrations 2.0.27 → 2.0.28

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 (3) hide show
  1. package/demo/script.js +4 -10
  2. package/index.css +133 -133
  3. package/package.json +1 -1
package/demo/script.js CHANGED
@@ -269,17 +269,14 @@ document.addEventListener('DOMContentLoaded', () => {
269
269
  if (modalDescription) modalDescription.innerHTML = '';
270
270
  if (!descriptionsLoaded) return;
271
271
  const themeClass = root.classList.contains('dark') ? 'dark' : 'light';
272
- let categoryClass = "";
273
272
  let categoryFolder = "";
274
273
  if (globalList.includes(illustration)) {
275
- categoryClass = "global-illustration";
276
274
  categoryFolder = "global";
277
275
  } else if (dashboardsList.includes(illustration)) {
278
- categoryClass = "dashboards-illustration";
279
276
  categoryFolder = "dashboards";
280
277
  }
281
278
  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>`;
279
+ modalImage.innerHTML = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass}\" style=\"width:286px;height:286px;object-fit:contain;\"/></span>`;
283
280
  // Set the illustration name
284
281
  const modalIllustrationName = document.getElementById('modal-illustration-name');
285
282
  if (modalIllustrationName) modalIllustrationName.textContent = illustration;
@@ -288,7 +285,7 @@ document.addEventListener('DOMContentLoaded', () => {
288
285
  const modalDotCode = document.getElementById('modal-dot-code');
289
286
  if (modalDotCode) modalDotCode.value = dotCodeString;
290
287
  // Show the HTML code snippet in the modal
291
- const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass} ${categoryClass}\"/></span>`;
288
+ const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass}\"/></span>`;
292
289
  modalCode.value = codeString;
293
290
  modal.classList.add('active');
294
291
  modal.classList.remove('hidden');
@@ -347,13 +344,10 @@ document.addEventListener('DOMContentLoaded', () => {
347
344
  const favs = getFavourites();
348
345
  const themeClass = root.classList.contains('dark') ? 'dark' : 'light';
349
346
  toShow.forEach(illustration => {
350
- let categoryClass = "";
351
347
  let categoryFolder = "";
352
348
  if (globalList.includes(illustration)) {
353
- categoryClass = "global-illustration";
354
349
  categoryFolder = "global";
355
350
  } else if (dashboardsList.includes(illustration)) {
356
- categoryClass = "dashboards-illustration";
357
351
  categoryFolder = "dashboards";
358
352
  }
359
353
  const svgPath = `illustrations/${themeClass}/${categoryFolder}/${illustration}.svg`;
@@ -361,7 +355,7 @@ document.addEventListener('DOMContentLoaded', () => {
361
355
  const div = document.createElement("div");
362
356
  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
357
  // Show the HTML code snippet in the card
364
- const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass} ${categoryClass}\"/></span>`;
358
+ const codeString = `<span class=\"dot-illustration\"><img src=\"${svgPath}\" class=\"${illustration} ${themeClass}\"/></span>`;
365
359
  div.innerHTML = `
366
360
  <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
361
  <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 +364,7 @@ document.addEventListener('DOMContentLoaded', () => {
370
364
  </button>
371
365
  <div class="flex-1 flex flex-col justify-center items-center">
372
366
  <span class="dot-illustration">
373
- <img src="${svgPath}" class="${illustration} ${themeClass} ${categoryClass}"/>
367
+ <img src="${svgPath}" class="${illustration} ${themeClass}"/>
374
368
  </span>
375
369
  <span class="iconID block text-center text-base font-medium text-gray-800 dark:text-gray-200 my-2">${illustration}</span>
376
370
  </div>
package/index.css CHANGED
@@ -2,347 +2,347 @@
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.time.light {
6
6
  content: url('./illustrations/light/global/time.svg');
7
7
  }
8
8
 
9
- .dot-illustration img.time.dark.global-illustration {
9
+ .dot-illustration img.time.dark {
10
10
  content: url('./illustrations/dark/global/time.svg');
11
11
  }
12
12
 
13
- .dot-illustration img.forbiden-access.light.global-illustration {
13
+ .dot-illustration img.forbiden-access.light {
14
14
  content: url('./illustrations/light/global/forbiden-access.svg');
15
15
  }
16
16
 
17
- .dot-illustration img.forbiden-access.dark.global-illustration {
17
+ .dot-illustration img.forbiden-access.dark {
18
18
  content: url('./illustrations/dark/global/forbiden-access.svg');
19
19
  }
20
20
 
21
- .dot-illustration img.scan-document.light.global-illustration {
21
+ .dot-illustration img.scan-document.light {
22
22
  content: url('./illustrations/light/global/scan-document.svg');
23
23
  }
24
24
 
25
- .dot-illustration img.scan-document.dark.global-illustration {
25
+ .dot-illustration img.scan-document.dark {
26
26
  content: url('./illustrations/dark/global/scan-document.svg');
27
27
  }
28
28
 
29
- .dot-illustration img.protection-in-progress.light.global-illustration {
29
+ .dot-illustration img.protection-in-progress.light {
30
30
  content: url('./illustrations/light/global/protection-in-progress.svg');
31
31
  }
32
32
 
33
- .dot-illustration img.protection-in-progress.dark.global-illustration {
33
+ .dot-illustration img.protection-in-progress.dark {
34
34
  content: url('./illustrations/dark/global/protection-in-progress.svg');
35
35
  }
36
36
 
37
- .dot-illustration img.upload.light.global-illustration {
37
+ .dot-illustration img.upload.light {
38
38
  content: url('./illustrations/light/global/upload.svg');
39
39
  }
40
40
 
41
- .dot-illustration img.upload.dark.global-illustration {
41
+ .dot-illustration img.upload.dark {
42
42
  content: url('./illustrations/dark/global/upload.svg');
43
43
  }
44
44
 
45
- .dot-illustration img.download.light.global-illustration {
45
+ .dot-illustration img.download.light {
46
46
  content: url('./illustrations/light/global/download.svg');
47
47
  }
48
48
 
49
- .dot-illustration img.download.dark.global-illustration {
49
+ .dot-illustration img.download.dark {
50
50
  content: url('./illustrations/dark/global/download.svg');
51
51
  }
52
52
 
53
- .dot-illustration img.ai.light.global-illustration {
53
+ .dot-illustration img.ai.light {
54
54
  content: url('./illustrations/light/global/ai.svg');
55
55
  }
56
56
 
57
- .dot-illustration img.ai.dark.global-illustration {
57
+ .dot-illustration img.ai.dark {
58
58
  content: url('./illustrations/dark/global/ai.svg');
59
59
  }
60
60
 
61
- .dot-illustration img.folder-versioning.light.global-illustration {
61
+ .dot-illustration img.folder-versioning.light {
62
62
  content: url('./illustrations/light/global/folder-versioning.svg');
63
63
  }
64
64
 
65
- .dot-illustration img.folder-versioning.dark.global-illustration {
65
+ .dot-illustration img.folder-versioning.dark {
66
66
  content: url('./illustrations/dark/global/folder-versioning.svg');
67
67
  }
68
68
 
69
- .dot-illustration img.analysis-circle.light.global-illustration {
69
+ .dot-illustration img.analysis-circle.light {
70
70
  content: url('./illustrations/light/global/analysis-circle.svg');
71
71
  }
72
72
 
73
- .dot-illustration img.analysis-circle.dark.global-illustration {
73
+ .dot-illustration img.analysis-circle.dark {
74
74
  content: url('./illustrations/dark/global/analysis-circle.svg');
75
75
  }
76
76
 
77
- .dot-illustration img.workflows-main.light.global-illustration {
77
+ .dot-illustration img.workflows-main.light {
78
78
  content: url('./illustrations/light/global/workflows-main.svg');
79
79
  }
80
80
 
81
- .dot-illustration img.workflows-main.dark.global-illustration {
81
+ .dot-illustration img.workflows-main.dark {
82
82
  content: url('./illustrations/dark/global/workflows-main.svg');
83
83
  }
84
84
 
85
- .dot-illustration img.dora-metrics-circle.light.global-illustration {
85
+ .dot-illustration img.dora-metrics-circle.light {
86
86
  content: url('./illustrations/light/global/dora-metrics-circle.svg');
87
87
  }
88
88
 
89
- .dot-illustration img.dora-metrics-circle.dark.global-illustration {
89
+ .dot-illustration img.dora-metrics-circle.dark {
90
90
  content: url('./illustrations/dark/global/dora-metrics-circle.svg');
91
91
  }
92
92
 
93
- .dot-illustration img.custom-dashboards.light.global-illustration {
93
+ .dot-illustration img.custom-dashboards.light {
94
94
  content: url('./illustrations/light/global/custom-dashboards.svg');
95
95
  }
96
96
 
97
- .dot-illustration img.custom-dashboards.dark.global-illustration {
97
+ .dot-illustration img.custom-dashboards.dark {
98
98
  content: url('./illustrations/dark/global/custom-dashboards.svg');
99
99
  }
100
100
 
101
- .dot-illustration img.dependency-up.light.global-illustration {
101
+ .dot-illustration img.dependency-up.light {
102
102
  content: url('./illustrations/light/global/dependency-up.svg');
103
103
  }
104
104
 
105
- .dot-illustration img.dependency-up.dark.global-illustration {
105
+ .dot-illustration img.dependency-up.dark {
106
106
  content: url('./illustrations/dark/global/dependency-up.svg');
107
107
  }
108
108
 
109
- .dot-illustration img.dependency-down.light.global-illustration {
109
+ .dot-illustration img.dependency-down.light {
110
110
  content: url('./illustrations/light/global/dependency-down.svg');
111
111
  }
112
112
 
113
- .dot-illustration img.dependency-down.dark.global-illustration {
113
+ .dot-illustration img.dependency-down.dark {
114
114
  content: url('./illustrations/dark/global/dependency-down.svg');
115
115
  }
116
116
 
117
- .dot-illustration img.chart.light.global-illustration {
117
+ .dot-illustration img.chart.light {
118
118
  content: url('./illustrations/light/global/chart.svg');
119
119
  }
120
120
 
121
- .dot-illustration img.chart.dark.global-illustration {
121
+ .dot-illustration img.chart.dark {
122
122
  content: url('./illustrations/dark/global/chart.svg');
123
123
  }
124
124
 
125
- .dot-illustration img.add-new.light.global-illustration {
125
+ .dot-illustration img.add-new.light {
126
126
  content: url('./illustrations/light/global/add-new.svg');
127
127
  }
128
128
 
129
- .dot-illustration img.add-new.dark.global-illustration {
129
+ .dot-illustration img.add-new.dark {
130
130
  content: url('./illustrations/dark/global/add-new.svg');
131
131
  }
132
132
 
133
- .dot-illustration img.add-new-grid.light.global-illustration {
133
+ .dot-illustration img.add-new-grid.light {
134
134
  content: url('./illustrations/light/global/add-new-grid.svg');
135
135
  }
136
136
 
137
- .dot-illustration img.add-new-grid.dark.global-illustration {
137
+ .dot-illustration img.add-new-grid.dark {
138
138
  content: url('./illustrations/dark/global/add-new-grid.svg');
139
139
  }
140
140
 
141
- .dot-illustration img.add-team.light.global-illustration {
141
+ .dot-illustration img.add-team.light {
142
142
  content: url('./illustrations/light/global/add-team.svg');
143
143
  }
144
144
 
145
- .dot-illustration img.add-team.dark.global-illustration {
145
+ .dot-illustration img.add-team.dark {
146
146
  content: url('./illustrations/dark/global/add-team.svg');
147
147
  }
148
148
 
149
- .dot-illustration img.add-user.light.global-illustration {
149
+ .dot-illustration img.add-user.light {
150
150
  content: url('./illustrations/light/global/add-user.svg');
151
151
  }
152
152
 
153
- .dot-illustration img.add-user.dark.global-illustration {
153
+ .dot-illustration img.add-user.dark {
154
154
  content: url('./illustrations/dark/global/add-user.svg');
155
155
  }
156
156
 
157
- .dot-illustration img.assets.light.global-illustration {
157
+ .dot-illustration img.assets.light {
158
158
  content: url('./illustrations/light/global/assets.svg');
159
159
  }
160
160
 
161
- .dot-illustration img.assets.dark.global-illustration {
161
+ .dot-illustration img.assets.dark {
162
162
  content: url('./illustrations/dark/global/assets.svg');
163
163
  }
164
164
 
165
- .dot-illustration img.community.light.global-illustration {
165
+ .dot-illustration img.community.light {
166
166
  content: url('./illustrations/light/global/community.svg');
167
167
  }
168
168
 
169
- .dot-illustration img.community.dark.global-illustration {
169
+ .dot-illustration img.community.dark {
170
170
  content: url('./illustrations/dark/global/community.svg');
171
171
  }
172
172
 
173
- .dot-illustration img.disconnected.light.global-illustration {
173
+ .dot-illustration img.disconnected.light {
174
174
  content: url('./illustrations/light/global/disconnected.svg');
175
175
  }
176
176
 
177
- .dot-illustration img.disconnected.dark.global-illustration {
177
+ .dot-illustration img.disconnected.dark {
178
178
  content: url('./illustrations/dark/global/disconnected.svg');
179
179
  }
180
180
 
181
- .dot-illustration img.done.light.global-illustration {
181
+ .dot-illustration img.done.light {
182
182
  content: url('./illustrations/light/global/done.svg');
183
183
  }
184
184
 
185
- .dot-illustration img.done.dark.global-illustration {
185
+ .dot-illustration img.done.dark {
186
186
  content: url('./illustrations/dark/global/done.svg');
187
187
  }
188
188
 
189
- .dot-illustration img.empty.light.global-illustration {
189
+ .dot-illustration img.empty.light {
190
190
  content: url('./illustrations/light/global/empty.svg');
191
191
  }
192
192
 
193
- .dot-illustration img.empty.dark.global-illustration {
193
+ .dot-illustration img.empty.dark {
194
194
  content: url('./illustrations/dark/global/empty.svg');
195
195
  }
196
196
 
197
- .dot-illustration img.favorite.light.global-illustration {
197
+ .dot-illustration img.favorite.light {
198
198
  content: url('./illustrations/light/global/favorite.svg');
199
199
  }
200
200
 
201
- .dot-illustration img.favorite.dark.global-illustration {
201
+ .dot-illustration img.favorite.dark {
202
202
  content: url('./illustrations/dark/global/favorite.svg');
203
203
  }
204
204
 
205
- .dot-illustration img.features.light.global-illustration {
205
+ .dot-illustration img.features.light {
206
206
  content: url('./illustrations/light/global/features.svg');
207
207
  }
208
208
 
209
- .dot-illustration img.features.dark.global-illustration {
209
+ .dot-illustration img.features.dark {
210
210
  content: url('./illustrations/dark/global/features.svg');
211
211
  }
212
212
 
213
- .dot-illustration img.launch.light.global-illustration {
213
+ .dot-illustration img.launch.light {
214
214
  content: url('./illustrations/light/global/launch.svg');
215
215
  }
216
216
 
217
- .dot-illustration img.launch.dark.global-illustration {
217
+ .dot-illustration img.launch.dark {
218
218
  content: url('./illustrations/dark/global/launch.svg');
219
219
  }
220
220
 
221
- .dot-illustration img.no-files.light.global-illustration {
221
+ .dot-illustration img.no-files.light {
222
222
  content: url('./illustrations/light/global/no-files.svg');
223
223
  }
224
224
 
225
- .dot-illustration img.no-files.dark.global-illustration {
225
+ .dot-illustration img.no-files.dark {
226
226
  content: url('./illustrations/dark/global/no-files.svg');
227
227
  }
228
228
 
229
- .dot-illustration img.nothing-defined.light.global-illustration {
229
+ .dot-illustration img.nothing-defined.light {
230
230
  content: url('./illustrations/light/global/nothing-defined.svg');
231
231
  }
232
232
 
233
- .dot-illustration img.nothing-defined.dark.global-illustration {
233
+ .dot-illustration img.nothing-defined.dark {
234
234
  content: url('./illustrations/dark/global/nothing-defined.svg');
235
235
  }
236
236
 
237
- .dot-illustration img.password-token.light.global-illustration {
237
+ .dot-illustration img.password-token.light {
238
238
  content: url('./illustrations/light/global/password-token.svg');
239
239
  }
240
240
 
241
- .dot-illustration img.password-token.dark.global-illustration {
241
+ .dot-illustration img.password-token.dark {
242
242
  content: url('./illustrations/dark/global/password-token.svg');
243
243
  }
244
244
 
245
- .dot-illustration img.reports.light.global-illustration {
245
+ .dot-illustration img.reports.light {
246
246
  content: url('./illustrations/light/global/reports.svg');
247
247
  }
248
248
 
249
- .dot-illustration img.reports.dark.global-illustration {
249
+ .dot-illustration img.reports.dark {
250
250
  content: url('./illustrations/dark/global/reports.svg');
251
251
  }
252
252
 
253
- .dot-illustration img.survey.light.global-illustration {
253
+ .dot-illustration img.survey.light {
254
254
  content: url('./illustrations/light/global/survey.svg');
255
255
  }
256
256
 
257
- .dot-illustration img.survey.dark.global-illustration {
257
+ .dot-illustration img.survey.dark {
258
258
  content: url('./illustrations/dark/global/survey.svg');
259
259
  }
260
260
 
261
- .dot-illustration img.user.light.global-illustration {
261
+ .dot-illustration img.user.light {
262
262
  content: url('./illustrations/light/global/user.svg');
263
263
  }
264
264
 
265
- .dot-illustration img.user.dark.global-illustration {
265
+ .dot-illustration img.user.dark {
266
266
  content: url('./illustrations/dark/global/user.svg');
267
267
  }
268
268
 
269
- .dot-illustration img.work-item.light.global-illustration {
269
+ .dot-illustration img.work-item.light {
270
270
  content: url('./illustrations/light/global/work-item.svg');
271
271
  }
272
272
 
273
- .dot-illustration img.work-item.dark.global-illustration {
273
+ .dot-illustration img.work-item.dark {
274
274
  content: url('./illustrations/dark/global/work-item.svg');
275
275
  }
276
276
 
277
- .dot-illustration img.error-fourhundredfour.light.global-illustration {
277
+ .dot-illustration img.error-fourhundredfour.light {
278
278
  content: url('./illustrations/light/global/error-fourhundredfour.svg');
279
279
  }
280
280
 
281
- .dot-illustration img.error-fourhundredfour.dark.global-illustration {
281
+ .dot-illustration img.error-fourhundredfour.dark {
282
282
  content: url('./illustrations/dark/global/error-fourhundredfour.svg');
283
283
  }
284
284
 
285
- .dot-illustration img.error-fivehundred.light.global-illustration {
285
+ .dot-illustration img.error-fivehundred.light {
286
286
  content: url('./illustrations/light/global/error-fivehundred.svg');
287
287
  }
288
288
 
289
- .dot-illustration img.error-fivehundred.dark.global-illustration {
289
+ .dot-illustration img.error-fivehundred.dark {
290
290
  content: url('./illustrations/dark/global/error-fivehundred.svg');
291
291
  }
292
292
 
293
- .dot-illustration img.error-fourhundredthree.light.global-illustration {
293
+ .dot-illustration img.error-fourhundredthree.light {
294
294
  content: url('./illustrations/light/global/error-fourhundredthree.svg');
295
295
  }
296
296
 
297
- .dot-illustration img.error-fourhundredthree.dark.global-illustration {
297
+ .dot-illustration img.error-fourhundredthree.dark {
298
298
  content: url('./illustrations/dark/global/error-fourhundredthree.svg');
299
299
  }
300
300
 
301
- .dot-illustration img.error-fivehundredthree.light.global-illustration {
301
+ .dot-illustration img.error-fivehundredthree.light {
302
302
  content: url('./illustrations/light/global/error-fivehundredthree.svg');
303
303
  }
304
304
 
305
- .dot-illustration img.error-fivehundredthree.dark.global-illustration {
305
+ .dot-illustration img.error-fivehundredthree.dark {
306
306
  content: url('./illustrations/dark/global/error-fivehundredthree.svg');
307
307
  }
308
308
 
309
- .dot-illustration img.no-filters.light.global-illustration {
309
+ .dot-illustration img.no-filters.light {
310
310
  content: url('./illustrations/light/global/no-filters.svg');
311
311
  }
312
312
 
313
- .dot-illustration img.no-filters.dark.global-illustration {
313
+ .dot-illustration img.no-filters.dark {
314
314
  content: url('./illustrations/dark/global/no-filters.svg');
315
315
  }
316
316
 
317
- .dot-illustration img.research.light.global-illustration {
317
+ .dot-illustration img.research.light {
318
318
  content: url('./illustrations/light/global/research.svg');
319
319
  }
320
320
 
321
- .dot-illustration img.research.dark.global-illustration {
321
+ .dot-illustration img.research.dark {
322
322
  content: url('./illustrations/dark/global/research.svg');
323
323
  }
324
324
 
325
- .dot-illustration img.commitrepo.light.global-illustration {
325
+ .dot-illustration img.commitrepo.light {
326
326
  content: url('./illustrations/light/global/commitrepo.svg');
327
327
  }
328
328
 
329
- .dot-illustration img.commitrepo.dark.global-illustration {
329
+ .dot-illustration img.commitrepo.dark {
330
330
  content: url('./illustrations/dark/global/commitrepo.svg');
331
331
  }
332
332
 
333
- .dot-illustration img.ui-ux-improvements.light.global-illustration {
333
+ .dot-illustration img.ui-ux-improvements.light {
334
334
  content: url('./illustrations/light/global/ui-ux-improvements.svg');
335
335
  }
336
336
 
337
- .dot-illustration img.ui-ux-improvements.dark.global-illustration {
337
+ .dot-illustration img.ui-ux-improvements.dark {
338
338
  content: url('./illustrations/dark/global/ui-ux-improvements.svg');
339
339
  }
340
340
 
341
- .dot-illustration img.filter-empty.light.global-illustration {
341
+ .dot-illustration img.filter-empty.light {
342
342
  content: url('./illustrations/light/global/filter-empty.svg');
343
343
  }
344
344
 
345
- .dot-illustration img.filter-empty.dark.global-illustration {
345
+ .dot-illustration img.filter-empty.dark {
346
346
  content: url('./illustrations/dark/global/filter-empty.svg');
347
347
  }
348
348
 
@@ -351,186 +351,186 @@
351
351
  /*Path: --------- './illustrations/light/dashboards/*.svg ----- light */
352
352
  /*Path: --------- './illustrations/dark/dashboards/*.svg ------ dark */
353
353
 
354
- .dot-illustration img.analysis.light.dashboards-illustration {
354
+ .dot-illustration img.analysis.light {
355
355
  content: url('./illustrations/light/dashboards/analysis.svg');
356
356
  }
357
357
 
358
- .dot-illustration img.analysis.dark.dashboards-illustration {
358
+ .dot-illustration img.analysis.dark {
359
359
  content: url('./illustrations/dark/dashboards/analysis.svg');
360
360
  }
361
361
 
362
- .dot-illustration img.automation.light.dashboards-illustration {
362
+ .dot-illustration img.automation.light {
363
363
  content: url('./illustrations/light/dashboards/automation.svg');
364
364
  }
365
365
 
366
- .dot-illustration img.automation.dark.dashboards-illustration {
366
+ .dot-illustration img.automation.dark {
367
367
  content: url('./illustrations/dark/dashboards/automation.svg');
368
368
  }
369
369
 
370
- .dot-illustration img.burn-down.light.dashboards-illustration {
370
+ .dot-illustration img.burn-down.light {
371
371
  content: url('./illustrations/light/dashboards/burn-down.svg');
372
372
  }
373
373
 
374
- .dot-illustration img.burn-down.dark.dashboards-illustration {
374
+ .dot-illustration img.burn-down.dark {
375
375
  content: url('./illustrations/dark/dashboards/burn-down.svg');
376
376
  }
377
377
 
378
- .dot-illustration img.burn-up.light.dashboards-illustration {
378
+ .dot-illustration img.burn-up.light {
379
379
  content: url('./illustrations/light/dashboards/burn-up.svg');
380
380
  }
381
381
 
382
- .dot-illustration img.burn-up.dark.dashboards-illustration {
382
+ .dot-illustration img.burn-up.dark {
383
383
  content: url('./illustrations/dark/dashboards/burn-up.svg');
384
384
  }
385
385
 
386
- .dot-illustration img.custom.light.dashboards-illustration {
386
+ .dot-illustration img.custom.light {
387
387
  content: url('./illustrations/light/dashboards/custom.svg');
388
388
  }
389
389
 
390
- .dot-illustration img.custom.dark.dashboards-illustration {
390
+ .dot-illustration img.custom.dark {
391
391
  content: url('./illustrations/dark/dashboards/custom.svg');
392
392
  }
393
393
 
394
- .dot-illustration img.defect.light.dashboards-illustration {
394
+ .dot-illustration img.defect.light {
395
395
  content: url('./illustrations/light/dashboards/defect.svg');
396
396
  }
397
397
 
398
- .dot-illustration img.defect.dark.dashboards-illustration {
398
+ .dot-illustration img.defect.dark {
399
399
  content: url('./illustrations/dark/dashboards/defect.svg');
400
400
  }
401
401
 
402
- .dot-illustration img.dependency.light.dashboards-illustration {
402
+ .dot-illustration img.dependency.light {
403
403
  content: url('./illustrations/light/dashboards/dependency.svg');
404
404
  }
405
405
 
406
- .dot-illustration img.dependency.dark.dashboards-illustration {
406
+ .dot-illustration img.dependency.dark {
407
407
  content: url('./illustrations/dark/dashboards/dependency.svg');
408
408
  }
409
409
 
410
- .dot-illustration img.dora.light.dashboards-illustration {
410
+ .dot-illustration img.dora.light {
411
411
  content: url('./illustrations/light/dashboards/dora.svg');
412
412
  }
413
413
 
414
- .dot-illustration img.dora.dark.dashboards-illustration {
414
+ .dot-illustration img.dora.dark {
415
415
  content: url('./illustrations/dark/dashboards/dora.svg');
416
416
  }
417
417
 
418
- .dot-illustration img.executive.light.dashboards-illustration {
418
+ .dot-illustration img.executive.light {
419
419
  content: url('./illustrations/light/dashboards/executive.svg');
420
420
  }
421
421
 
422
- .dot-illustration img.executive.dark.dashboards-illustration {
422
+ .dot-illustration img.executive.dark {
423
423
  content: url('./illustrations/dark/dashboards/executive.svg');
424
424
  }
425
425
 
426
- .dot-illustration img.item.light.dashboards-illustration {
426
+ .dot-illustration img.item.light {
427
427
  content: url('./illustrations/light/dashboards/item.svg');
428
428
  }
429
429
 
430
- .dot-illustration img.item.dark.dashboards-illustration {
430
+ .dot-illustration img.item.dark {
431
431
  content: url('./illustrations/dark/dashboards/item.svg');
432
432
  }
433
433
 
434
- .dot-illustration img.late-task.light.dashboards-illustration {
434
+ .dot-illustration img.late-task.light {
435
435
  content: url('./illustrations/light/dashboards/late-task.svg');
436
436
  }
437
437
 
438
- .dot-illustration img.late-task.dark.dashboards-illustration {
438
+ .dot-illustration img.late-task.dark {
439
439
  content: url('./illustrations/dark/dashboards/late-task.svg');
440
440
  }
441
441
 
442
- .dot-illustration img.onboarding.light.dashboards-illustration {
442
+ .dot-illustration img.onboarding.light {
443
443
  content: url('./illustrations/light/dashboards/onboarding.svg');
444
444
  }
445
445
 
446
- .dot-illustration img.onboarding.dark.dashboards-illustration {
446
+ .dot-illustration img.onboarding.dark {
447
447
  content: url('./illustrations/dark/dashboards/onboarding.svg');
448
448
  }
449
449
 
450
- .dot-illustration img.workflow.light.dashboards-illustration {
450
+ .dot-illustration img.workflow.light {
451
451
  content: url('./illustrations/light/dashboards/workflow.svg');
452
452
  }
453
453
 
454
- .dot-illustration img.workflow.dark.dashboards-illustration {
454
+ .dot-illustration img.workflow.dark {
455
455
  content: url('./illustrations/dark/dashboards/workflow.svg');
456
456
  }
457
457
 
458
- .dot-illustration img.CRP-failure-prediction-monitoring.light.dashboards-illustration {
458
+ .dot-illustration img.CRP-failure-prediction-monitoring.light {
459
459
  content: url('./illustrations/light/dashboards/CRP-failure-prediction-monitoring.svg');
460
460
  }
461
461
 
462
- .dot-illustration img.CRP-failure-prediction-monitoring.dark.dashboards-illustration {
462
+ .dot-illustration img.CRP-failure-prediction-monitoring.dark {
463
463
  content: url('./illustrations/dark/dashboards/CRP-failure-prediction-monitoring.svg');
464
464
  }
465
465
 
466
- .dot-illustration img.change-credit-score.light.dashboards-illustration {
466
+ .dot-illustration img.change-credit-score.light {
467
467
  content: url('./illustrations/light/dashboards/change-credit-score.svg');
468
468
  }
469
469
 
470
- .dot-illustration img.change-credit-score.dark.dashboards-illustration {
470
+ .dot-illustration img.change-credit-score.dark {
471
471
  content: url('./illustrations/dark/dashboards/change-credit-score.svg');
472
472
  }
473
473
 
474
- .dot-illustration img.change-data-quality.light.dashboards-illustration {
474
+ .dot-illustration img.change-data-quality.light {
475
475
  content: url('./illustrations/light/dashboards/change-data-quality.svg');
476
476
  }
477
477
 
478
- .dot-illustration img.change-data-quality.dark.dashboards-illustration {
478
+ .dot-illustration img.change-data-quality.dark {
479
479
  content: url('./illustrations/dark/dashboards/change-data-quality.svg');
480
480
  }
481
481
 
482
- .dot-illustration img.change-impact.light.dashboards-illustration {
482
+ .dot-illustration img.change-impact.light {
483
483
  content: url('./illustrations/light/dashboards/change-impact.svg');
484
484
  }
485
485
 
486
- .dot-illustration img.change-impact.dark.dashboards-illustration {
486
+ .dot-illustration img.change-impact.dark {
487
487
  content: url('./illustrations/dark/dashboards/change-impact.svg');
488
488
  }
489
489
 
490
- .dot-illustration img.change-executive.light.dashboards-illustration {
490
+ .dot-illustration img.change-executive.light {
491
491
  content: url('./illustrations/light/dashboards/change-executive.svg');
492
492
  }
493
493
 
494
- .dot-illustration img.change-executive.dark.dashboards-illustration {
494
+ .dot-illustration img.change-executive.dark {
495
495
  content: url('./illustrations/dark/dashboards/change-executive.svg');
496
496
  }
497
497
 
498
- .dot-illustration img.change-impact-detection.light.dashboards-illustration {
498
+ .dot-illustration img.change-impact-detection.light {
499
499
  content: url('./illustrations/light/dashboards/change-impact-detection.svg');
500
500
  }
501
501
 
502
- .dot-illustration img.change-impact-detection.dark.dashboards-illustration {
502
+ .dot-illustration img.change-impact-detection.dark {
503
503
  content: url('./illustrations/dark/dashboards/change-impact-detection.svg');
504
504
  }
505
505
 
506
- .dot-illustration img.change-impact-hotspots.light.dashboards-illustration {
506
+ .dot-illustration img.change-impact-hotspots.light {
507
507
  content: url('./illustrations/light/dashboards/change-impact-hotspots.svg');
508
508
  }
509
509
 
510
- .dot-illustration img.change-impact-hotspots.dark.dashboards-illustration {
510
+ .dot-illustration img.change-impact-hotspots.dark {
511
511
  content: url('./illustrations/dark/dashboards/change-impact-hotspots.svg');
512
512
  }
513
513
 
514
- .dot-illustration img.change-failure-factors.light.dashboards-illustration {
514
+ .dot-illustration img.change-failure-factors.light {
515
515
  content: url('./illustrations/light/dashboards/change-failure-factors.svg');
516
516
  }
517
517
 
518
- .dot-illustration img.change-failure-factors.dark.dashboards-illustration {
518
+ .dot-illustration img.change-failure-factors.dark {
519
519
  content: url('./illustrations/dark/dashboards/change-failure-factors.svg');
520
520
  }
521
521
 
522
- .dot-illustration img.change-failure-prediction.light.dashboards-illustration {
522
+ .dot-illustration img.change-failure-prediction.light {
523
523
  content: url('./illustrations/light/dashboards/change-failure-prediction.svg');
524
524
  }
525
525
 
526
- .dot-illustration img.change-failure-prediction.dark.dashboards-illustration {
526
+ .dot-illustration img.change-failure-prediction.dark {
527
527
  content: url('./illustrations/dark/dashboards/change-failure-prediction.svg');
528
528
  }
529
529
 
530
- .dot-illustration img.data-extraction.light.dashboards-illustration {
530
+ .dot-illustration img.data-extraction.light {
531
531
  content: url('./illustrations/light/dashboards/data-extraction.svg');
532
532
  }
533
533
 
534
- .dot-illustration img.data-extraction.dark.dashboards-illustration {
534
+ .dot-illustration img.data-extraction.dark {
535
535
  content: url('./illustrations/dark/dashboards/data-extraction.svg');
536
- }
536
+ }
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.28",
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": {