@digital-ai/dot-illustrations 2.0.25 → 2.0.26

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 (5) hide show
  1. package/demo/script.js +63 -2
  2. package/illustrations/dark/global/time.svg +27 -0
  3. package/illustrations/light/global/time.svg +27 -0
  4. package/index.css +8 -0
  5. package/package.json +1 -1
package/demo/script.js CHANGED
@@ -157,10 +157,71 @@ document.addEventListener('DOMContentLoaded', () => {
157
157
 
158
158
  // --- ILLUSTRATION DATA ---
159
159
  const globalList = [
160
- "add-new","ai","add-new-grid","add-team","add-user","assets","analysis-circle","community","chart","custom-dashboards","dependency-down","dependency-up","disconnected","done","dora-metrics-circle","download","empty","error-fourhundredfour","error-fivehundred","error-fivehundredthree","error-fourhundredthree","favorite","features","folder-versioning","forbiden-access","filter-empty","launch","no-files","no-filters","nothing-defined","password-token","protection-in-progress","reports","scan-document","survey","user","ui-ux-improvements","upload","work-item","workflows-main","research","commitrepo"
160
+ "add-new",
161
+ "ai",
162
+ "add-new-grid",
163
+ "add-team",
164
+ "add-user",
165
+ "assets",
166
+ "analysis-circle",
167
+ "community",
168
+ "commitrepo",
169
+ "chart",
170
+ "custom-dashboards",
171
+ "dependency-down",
172
+ "dependency-up",
173
+ "disconnected",
174
+ "done",
175
+ "dora-metrics-circle",
176
+ "download",
177
+ "empty",
178
+ "error-fourhundredfour",
179
+ "error-fivehundred",
180
+ "error-fivehundredthree",
181
+ "error-fourhundredthree",
182
+ "favorite","features",
183
+ "folder-versioning",
184
+ "forbiden-access",
185
+ "filter-empty",
186
+ "launch",
187
+ "no-files",
188
+ "no-filters",
189
+ "nothing-defined",
190
+ "password-token",
191
+ "protection-in-progress",
192
+ "reports","scan-document",
193
+ "survey",
194
+ "time",
195
+ "user",
196
+ "ui-ux-improvements",
197
+ "upload","work-item",
198
+ "workflows-main",
199
+ "research"
161
200
  ];
162
201
  const dashboardsList = [
163
- "analysis","automation","burn-down","burn-up","change-credit-score","change-data-quality","change-executive","change-impact-detection","change-impact-hotspots","change-failure-factors","change-failure-prediction","CRP-failure-prediction-monitoring","custom","defect","dependency","dora","executive","change-impact","item","late-task","onboarding","data-extraction","workflow"
202
+ "analysis",
203
+ "automation",
204
+ "burn-down",
205
+ "burn-up",
206
+ "change-credit-score",
207
+ "change-data-quality",
208
+ "change-executive",
209
+ "change-impact-detection",
210
+ "change-impact-hotspots",
211
+ "change-failure-factors",
212
+ "change-failure-prediction",
213
+ "CRP-failure-prediction-monitoring",
214
+ "custom",
215
+ "defect",
216
+ "dependency",
217
+ "dora",
218
+ "executive",
219
+ "change-impact",
220
+ "item",
221
+ "late-task",
222
+ "onboarding",
223
+ "data-extraction",
224
+ "workflow"
164
225
  ];
165
226
  const illustrations = [...globalList, ...dashboardsList, "my-new-illustration"];
166
227
 
package/illustrations/dark/global/time.svg ADDED
@@ -0,0 +1,27 @@
1
+ <svg width="249" height="249" viewBox="0 0 249 249" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="124.019" cy="124.5" r="93" fill="#494F60" fill-opacity="0.3"/>
3
+ <circle cx="30.5632" cy="167.808" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
4
+ <rect x="49.73" y="50.2109" width="148.578" height="148.578" rx="74.2891" fill="#3D465C"/>
5
+ <rect x="58.019" y="58.5" width="132" height="132" rx="66" fill="#555F77"/>
6
+ <g clip-path="url(#clip0_4440_5148)">
7
+ <rect x="62.5068" y="64.082" width="123.389" height="123.389" rx="61.6946" fill="#252D40"/>
8
+ <rect x="120.916" y="61.8945" width="6.57102" height="14.9673" rx="0.730114" fill="#8591AE"/>
9
+ <rect x="189.181" y="123.59" width="6.57102" height="14.9673" rx="0.730114" transform="rotate(90 189.181 123.59)" fill="#8591AE"/>
10
+ <rect x="120.916" y="176.883" width="6.57102" height="14.9673" rx="0.730114" fill="#8591AE"/>
11
+ <rect x="74.1885" y="123.59" width="6.57102" height="14.9673" rx="0.730114" transform="rotate(90 74.1885 123.59)" fill="#8591AE"/>
12
+ <rect x="81.4932" y="99.1797" width="5.84091" height="50.6592" rx="2.92045" transform="rotate(-54.7849 81.4932 99.1797)" fill="#AAB2C5"/>
13
+ <rect x="140.172" y="100.812" width="5.84091" height="26.0643" rx="2.92045" transform="rotate(36.7803 140.172 100.812)" fill="#AAB2C5"/>
14
+ <rect x="167.322" y="159.566" width="1.5513" height="53.2885" rx="0.775649" transform="rotate(128.345 167.322 159.566)" fill="#AAB2C5"/>
15
+ <rect x="116.353" y="117.93" width="15.6974" height="15.6974" rx="7.84872" fill="#AAB2C5"/>
16
+ <rect x="120.551" y="122.129" width="7.30114" height="7.30114" rx="3.65057" fill="#D6DCE8"/>
17
+ </g>
18
+ <circle cx="205.166" cy="47.9113" r="7.29412" fill="#494F60" fill-opacity="0.3"/>
19
+ <circle cx="212.916" cy="31.9545" r="4.10294" fill="#494F60" fill-opacity="0.3"/>
20
+ <circle cx="39.6809" cy="58.3982" r="3.19118" fill="#494F60" fill-opacity="0.3"/>
21
+ <circle cx="30.5628" cy="193.338" r="6.83824" fill="#494F60" fill-opacity="0.3"/>
22
+ <defs>
23
+ <clipPath id="clip0_4440_5148">
24
+ <rect x="62.5068" y="64.082" width="123.389" height="123.389" rx="61.6946" fill="white"/>
25
+ </clipPath>
26
+ </defs>
27
+ </svg>
package/illustrations/light/global/time.svg ADDED
@@ -0,0 +1,27 @@
1
+ <svg width="249" height="249" viewBox="0 0 249 249" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <circle cx="124.438" cy="124.5" r="93" fill="#94A8E1" fill-opacity="0.2"/>
3
+ <circle cx="30.9822" cy="167.808" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
4
+ <rect x="50.1489" y="50.2109" width="148.578" height="148.578" rx="74.2891" fill="#D6DCE8"/>
5
+ <rect x="58.438" y="58.5" width="132" height="132" rx="66" fill="#CBD2E2"/>
6
+ <g clip-path="url(#clip0_4440_5208)">
7
+ <rect x="62.9258" y="64.082" width="123.389" height="123.389" rx="61.6946" fill="#F8F9FC"/>
8
+ <rect x="121.335" y="61.8945" width="6.57102" height="14.9673" rx="0.730114" fill="#CBD2E2"/>
9
+ <rect x="189.6" y="123.59" width="6.57102" height="14.9673" rx="0.730114" transform="rotate(90 189.6 123.59)" fill="#CBD2E2"/>
10
+ <rect x="121.335" y="176.883" width="6.57102" height="14.9673" rx="0.730114" fill="#CBD2E2"/>
11
+ <rect x="74.6074" y="123.59" width="6.57102" height="14.9673" rx="0.730114" transform="rotate(90 74.6074 123.59)" fill="#CBD2E2"/>
12
+ <rect x="81.9121" y="99.1797" width="5.84091" height="50.6592" rx="2.92045" transform="rotate(-54.7849 81.9121 99.1797)" fill="#8591AE"/>
13
+ <rect x="140.591" y="100.812" width="5.84091" height="26.0643" rx="2.92045" transform="rotate(36.7803 140.591 100.812)" fill="#8591AE"/>
14
+ <rect x="167.741" y="159.566" width="1.5513" height="53.2885" rx="0.775649" transform="rotate(128.345 167.741 159.566)" fill="#8591AE"/>
15
+ <rect x="116.771" y="117.93" width="15.6974" height="15.6974" rx="7.84872" fill="#8591AE"/>
16
+ <rect x="120.97" y="122.129" width="7.30114" height="7.30114" rx="3.65057" fill="#F8F9FC"/>
17
+ </g>
18
+ <circle cx="205.585" cy="47.9113" r="7.29412" fill="#94A8E1" fill-opacity="0.2"/>
19
+ <circle cx="213.335" cy="31.9545" r="4.10294" fill="#94A8E1" fill-opacity="0.2"/>
20
+ <circle cx="40.0999" cy="58.3982" r="3.19118" fill="#94A8E1" fill-opacity="0.2"/>
21
+ <circle cx="30.9818" cy="193.338" r="6.83824" fill="#94A8E1" fill-opacity="0.2"/>
22
+ <defs>
23
+ <clipPath id="clip0_4440_5208">
24
+ <rect x="62.9258" y="64.082" width="123.389" height="123.389" rx="61.6946" fill="white"/>
25
+ </clipPath>
26
+ </defs>
27
+ </svg>
package/index.css CHANGED
@@ -2,6 +2,14 @@
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 {
6
+ content: url('./illustrations/light/global/time.svg');
7
+ }
8
+
9
+ .dot-illustration img.time.dark.global-illustration {
10
+ content: url('./illustrations/dark/global/time.svg');
11
+ }
12
+
5
13
  .dot-illustration img.forbiden-access.light.global-illustration {
6
14
  content: url('./illustrations/light/global/forbiden-access.svg');
7
15
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digital-ai/dot-illustrations",
3
- "version": "2.0.25",
3
+ "version": "2.0.26",
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": {