@digital-ai/dot-illustrations 1.0.2 → 1.0.4

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 (37) hide show
  1. package/Dashboards/Light/Release/{Custom.svg → custom.svg} +1 -1
  2. package/Dashboards/Light/dashboards-custom-light.svg +33 -0
  3. package/README.md +1 -1
  4. package/index.css +33 -33
  5. package/package.json +1 -1
  6. /package/Agility-illustrations/Dark/global/{disconnected.svg → agility-global-disconnected-dark.svg} +0 -0
  7. /package/Agility-illustrations/Dark/global/{nothing-defined.svg → agility-global-nothing-defined-dark.svg} +0 -0
  8. /package/Agility-illustrations/Dark/processes/{assets.svg → agility-processes-assets-dark.svg} +0 -0
  9. /package/Agility-illustrations/Dark/processes/{work-item.svg → agility-processes-work-item-dark.svg} +0 -0
  10. /package/Agility-illustrations/Light/global/{disconnected.svg → agility-global-disconnected-light.svg} +0 -0
  11. /package/Agility-illustrations/Light/global/{features.svg → agility-global-features-light.svg} +0 -0
  12. /package/Agility-illustrations/Light/global/{launch.svg → agility-global-launch-light.svg} +0 -0
  13. /package/Agility-illustrations/Light/global/{nothing-defined.svg → agility-global-nothing-defined-light.svg} +0 -0
  14. /package/Agility-illustrations/Light/global/{survey.svg → agility-global-survey-light.svg} +0 -0
  15. /package/Agility-illustrations/Light/processes/{assets.svg → agility-processes-assets-light.svg} +0 -0
  16. /package/Agility-illustrations/Light/processes/{work-item.svg → agility-processes-work-item-light.svg} +0 -0
  17. /package/Dashboards/Light/Release/{release-dependency-dashboard.svg → dashboards-release-dependency-light.svg} +0 -0
  18. /package/Dashboards/Light/Release/{dora-metrics.svg → dashboards-release-dora-light.svg} +0 -0
  19. /package/Dashboards/Light/Release/{release-executive-overview.svg → dashboards-release-executive-overview-light.svg} +0 -0
  20. /package/Dashboards/Light/Release/{release-late-task-and-its-impact.svg → dashboards-release-late-tasks-light.svg} +0 -0
  21. /package/Dashboards/Light/Release/{onboarding-plan-and-progress.svg → dashboards-release-onboarding-light.svg} +0 -0
  22. /package/Dashboards/Light/Release/{release-task-open-work-analysis.svg → dashboards-release-open-task-analysis-light.svg} +0 -0
  23. /package/Dashboards/Light/Release/{workflow-adoption-and-usage-patterns.svg → dashboards-release-workflow-adoption-and-usage-patterns-light.svg} +0 -0
  24. /package/Dot-illustrations/Dark/global/{disconnected.svg → dot-global-disconnected-dark.svg} +0 -0
  25. /package/Dot-illustrations/Dark/global/{features.svg → dot-global-features-dark.svg} +0 -0
  26. /package/Dot-illustrations/Dark/global/{launch.svg → dot-global-launch-dark.svg} +0 -0
  27. /package/Dot-illustrations/Dark/global/{nothing-defined.svg → dot-global-nothing-defined-dark.svg} +0 -0
  28. /package/Dot-illustrations/Dark/global/{survey.svg → dot-global-survey-dark.svg} +0 -0
  29. /package/Dot-illustrations/Dark/processes/{assets.svg → dot-global-assets-dark.svg} +0 -0
  30. /package/Dot-illustrations/Dark/processes/{work-item.svg → dot-global-work-item-dark.svg} +0 -0
  31. /package/Dot-illustrations/Light/global/{disconnected.svg → dot-global-disconnected-light.svg} +0 -0
  32. /package/Dot-illustrations/Light/global/{features.svg → dot-global-features-light.svg} +0 -0
  33. /package/Dot-illustrations/Light/global/{launch.svg → dot-global-launch-light.svg} +0 -0
  34. /package/Dot-illustrations/Light/global/{nothing-defined.svg → dot-global-nothing-defined-light.svg} +0 -0
  35. /package/Dot-illustrations/Light/global/{survey.svg → dot-global-survey-light.svg} +0 -0
  36. /package/Dot-illustrations/Light/processes/{assets.svg → dot-global-assets-light.svg} +0 -0
  37. /package/Dot-illustrations/Light/processes/{work-item.svg → dot-global-work-item-light.svg} +0 -0
package/Dashboards/Light/Release/{Custom.svg → custom.svg} RENAMED
@@ -30,4 +30,4 @@
30
30
  <rect x="103" y="104" width="3" height="28" fill="#AECCEC" fill-opacity="0.5"/>
31
31
  <path d="M254.946 109.821C255.496 109.771 255.987 110.177 255.997 110.729C256.06 113.934 255.019 117.076 253.033 119.618C251.047 122.161 248.251 123.931 245.125 124.647C244.587 124.77 244.075 124.393 243.99 123.847L243.58 121.2C243.496 120.654 243.872 120.148 244.405 120.006C246.355 119.485 248.092 118.342 249.346 116.738C250.599 115.134 251.287 113.171 251.32 111.154C251.329 110.602 251.729 110.114 252.279 110.064L254.946 109.821Z" fill="#D7E5F5"/>
32
32
  <path d="M243.524 123.91C243.589 124.459 243.197 124.96 242.645 124.985C240.224 125.097 237.809 124.578 235.64 123.472C233.174 122.214 231.135 120.253 229.783 117.837C228.431 115.421 227.825 112.658 228.043 109.897C228.262 107.137 229.293 104.503 231.008 102.329C232.723 100.155 235.044 98.5387 237.678 97.6839C240.311 96.829 243.14 96.7744 245.804 97.5268C248.469 98.2792 250.851 99.8049 252.648 101.911C254.229 103.763 255.296 105.99 255.751 108.371C255.855 108.913 255.459 109.411 254.91 109.476L252.25 109.79C251.702 109.855 251.21 109.461 251.087 108.922C250.753 107.461 250.069 106.096 249.09 104.949C247.893 103.546 246.307 102.53 244.533 102.03C242.759 101.529 240.876 101.565 239.122 102.134C237.369 102.703 235.823 103.78 234.682 105.227C233.54 106.675 232.853 108.428 232.708 110.266C232.563 112.104 232.966 113.943 233.866 115.552C234.766 117.161 236.123 118.467 237.766 119.304C239.11 119.989 240.596 120.336 242.095 120.321C242.648 120.315 243.145 120.702 243.21 121.25L243.524 123.91Z" fill="#EDF1F5"/>
33
- </svg>
33
+ </svg>
package/Dashboards/Light/dashboards-custom-light.svg ADDED
@@ -0,0 +1,33 @@
1
+ <svg width="354" height="212" viewBox="0 0 354 212" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <rect width="353.75" height="212" fill="#F3F5F6"/>
3
+ <rect width="185.692" height="142" transform="translate(84 36)" fill="white"/>
4
+ <rect x="95" y="137" width="162" height="6" rx="1.8171" fill="#E8EDF3"/>
5
+ <rect x="95" y="149" width="51" height="3.55814" rx="1.04594" fill="#E8EDF3"/>
6
+ <rect x="158" y="150" width="21" height="2" rx="1" fill="#E8EDF3"/>
7
+ <rect x="95" y="157" width="21" height="2" rx="1" fill="#E8EDF3"/>
8
+ <rect x="95" y="163" width="21" height="2" rx="1" fill="#E8EDF3"/>
9
+ <rect x="95" y="169" width="21" height="2" rx="1" fill="#E8EDF3"/>
10
+ <rect x="158" y="157" width="12" height="2" rx="1" fill="#E8EDF3"/>
11
+ <rect x="158" y="163" width="12" height="2" rx="1" fill="#E8EDF3"/>
12
+ <rect x="158" y="169" width="12" height="2" rx="1" fill="#E8EDF3"/>
13
+ <rect x="198" y="157" width="12" height="2" rx="1" fill="#E8EDF3"/>
14
+ <rect x="198" y="163" width="12" height="2" rx="1" fill="#E8EDF3"/>
15
+ <rect x="198" y="169" width="12" height="2" rx="1" fill="#E8EDF3"/>
16
+ <rect x="234" y="157" width="12" height="2" rx="1" fill="#E8EDF3"/>
17
+ <rect x="234" y="163" width="12" height="2" rx="1" fill="#E8EDF3"/>
18
+ <rect x="234" y="169" width="12" height="2" rx="1" fill="#E8EDF3"/>
19
+ <rect x="198" y="150" width="21" height="2" rx="1" fill="#E8EDF3"/>
20
+ <rect x="234" y="150" width="17" height="2" rx="1" fill="#E8EDF3"/>
21
+ <rect x="229" y="55" width="17" height="2" rx="1" fill="#E8EDF3"/>
22
+ <rect x="229" y="59" width="17" height="2" rx="1" fill="#E8EDF3"/>
23
+ <rect x="238" y="129" width="9" height="2" rx="1" fill="#E8EDF3"/>
24
+ <rect x="96" y="53" width="17" height="2" rx="1" fill="#E8EDF3"/>
25
+ <rect x="96" y="57" width="17" height="2" rx="1" fill="#E8EDF3"/>
26
+ <rect x="138" y="67" width="45" height="45" rx="22.5" fill="#EFF3F5" fill-opacity="0.8"/>
27
+ <rect x="169" y="57" width="45" height="45" rx="22.5" fill="#5D99D8" fill-opacity="0.5"/>
28
+ <rect x="98" y="110" width="3" height="22" fill="#E8EDF3" fill-opacity="0.8"/>
29
+ <rect x="108" y="120" width="3" height="12" fill="#E8EDF3" fill-opacity="0.8"/>
30
+ <rect x="103" y="104" width="3" height="28" fill="#AECCEC" fill-opacity="0.5"/>
31
+ <path d="M254.946 109.821C255.496 109.771 255.987 110.177 255.997 110.729C256.06 113.934 255.019 117.076 253.033 119.618C251.047 122.161 248.251 123.931 245.125 124.647C244.587 124.77 244.075 124.393 243.99 123.847L243.58 121.2C243.496 120.654 243.872 120.148 244.405 120.006C246.355 119.485 248.092 118.342 249.346 116.738C250.599 115.134 251.287 113.171 251.32 111.154C251.329 110.602 251.729 110.114 252.279 110.064L254.946 109.821Z" fill="#D7E5F5"/>
32
+ <path d="M243.524 123.91C243.589 124.459 243.197 124.96 242.645 124.985C240.224 125.097 237.809 124.578 235.64 123.472C233.174 122.214 231.135 120.253 229.783 117.837C228.431 115.421 227.825 112.658 228.043 109.897C228.262 107.137 229.293 104.503 231.008 102.329C232.723 100.155 235.044 98.5387 237.678 97.6839C240.311 96.829 243.14 96.7744 245.804 97.5268C248.469 98.2792 250.851 99.8049 252.648 101.911C254.229 103.763 255.296 105.99 255.751 108.371C255.855 108.913 255.459 109.411 254.91 109.476L252.25 109.79C251.702 109.855 251.21 109.461 251.087 108.922C250.753 107.461 250.069 106.096 249.09 104.949C247.893 103.546 246.307 102.53 244.533 102.03C242.759 101.529 240.876 101.565 239.122 102.134C237.369 102.703 235.823 103.78 234.682 105.227C233.54 106.675 232.853 108.428 232.708 110.266C232.563 112.104 232.966 113.943 233.866 115.552C234.766 117.161 236.123 118.467 237.766 119.304C239.11 119.989 240.596 120.336 242.095 120.321C242.648 120.315 243.145 120.702 243.21 121.25L243.524 123.91Z" fill="#EDF1F5"/>
33
+ </svg>
package/README.md CHANGED
@@ -33,7 +33,7 @@ If not using `dot-components` then import `@digital-ai/dot-illustrations` into y
33
33
 
34
34
  ## Contributing
35
35
 
36
- To add new illustrations, first add the new file to the appropriate location in one of the asset folders (Agility-illustrations, Dot-illustrations, etc.). The file names should not contain spaces or special characters.
36
+ To add new illustrations, first add the new file to the appropriate location in one of the asset folders (Agility-illustrations, Dot-illustrations, etc.). The file names should not contain spaces or special characters, and they must be uniquely named project wide.
37
37
 
38
38
  Next, add new class selectors to `index.css` that set the content to your new files. Define the light version first, then if you have a dark version, define it second with an additional .dark-theme class selector. For example:
39
39
  ```css
package/index.css CHANGED
@@ -11,142 +11,142 @@
11
11
  /* Agility Light Illustrations */
12
12
 
13
13
  .dot-illustration img.illustration-agility-global-disconnected {
14
- content: url('./Agility-illustrations/Light/global/disconnected.svg');
14
+ content: url('./Agility-illustrations/Light/global/agility-global-disconnected-light.svg');
15
15
  }
16
16
 
17
17
  .dot-illustration img.illustration-agility-global-features {
18
- content: url('./Agility-illustrations/Light/global/features.svg');
18
+ content: url('./Agility-illustrations/Light/global/agility-global-features-light.svg');
19
19
  }
20
20
 
21
21
  .dot-illustration img.illustration-agility-global-launch {
22
- content: url('./Agility-illustrations/Light/global/launch.svg');
22
+ content: url('./Agility-illustrations/Light/global/agility-global-launch-light.svg');
23
23
  }
24
24
 
25
25
  .dot-illustration img.illustration-agility-global-nothing-defined {
26
- content: url('./Agility-illustrations/Light/global/nothing-defined.svg');
26
+ content: url('./Agility-illustrations/Light/global/agility-global-nothing-defined-light.svg');
27
27
  }
28
28
 
29
29
  .dot-illustration img.illustration-agility-global-survey {
30
- content: url('./Agility-illustrations/Light/global/survey.svg');
30
+ content: url('./Agility-illustrations/Light/global/agility-global-survey-light.svg');
31
31
  }
32
32
 
33
33
  .dot-illustration img.illustration-agility-processes-assets {
34
- content: url('./Agility-illustrations/Light/processes/assets.svg');
34
+ content: url('./Agility-illustrations/Light/processes/agility-processes-assets-light.svg');
35
35
  }
36
36
 
37
37
  .dot-illustration img.illustration-agility-processes-work-item {
38
- content: url('./Agility-illustrations/Light/processes/work-item.svg');
38
+ content: url('./Agility-illustrations/Light/processes/agility-processes-work-item-light.svg');
39
39
  }
40
40
 
41
41
 
42
42
  /* Agility Dark Illustrations */
43
43
 
44
44
  .dot-illustration img.illustration-agility-global-disconnected.dark-theme {
45
- content: url('./Agility-illustrations/Dark/global/disconnected.svg');
45
+ content: url('./Agility-illustrations/Dark/global/agility-global-disconnected-dark.svg');
46
46
  }
47
47
 
48
48
  .dot-illustration img.illustration-agility-global-nothing-defined.dark-theme {
49
- content: url('./Agility-illustrations/Dark/global/nothing-defined.svg');
49
+ content: url('./Agility-illustrations/Dark/global/agility-global-nothing-defined-dark.svg');
50
50
  }
51
51
 
52
52
  .dot-illustration img.illustration-agility-processes-assets.dark-theme {
53
- content: url('./Agility-illustrations/Dark/processes/assets.svg');
53
+ content: url('./Agility-illustrations/Dark/processes/agility-processes-assets-dark.svg');
54
54
  }
55
55
 
56
56
  .dot-illustration img.illustration-agility-processes-work-item.dark-theme {
57
- content: url('./Agility-illustrations/Dark/processes/work-item.svg');
57
+ content: url('./Agility-illustrations/Dark/processes/agility-processes-work-item-dark.svg');
58
58
  }
59
59
 
60
60
  /* Dashboard Light Illustrations */
61
61
 
62
62
  .dot-illustration img.illustration-dashboards-custom {
63
- content: url('./Dashboards/Light/Release/custom.svg');
63
+ content: url('./Dashboards/Light/dashboards-custom-light.svg');
64
64
  }
65
65
 
66
66
  .dot-illustration img.illustration-dashboards-dora {
67
- content: url('./Dashboards/Light/Release/dora-metrics.svg');
67
+ content: url('./Dashboards/Light/Release/dashboards-release-dora-light.svg');
68
68
  }
69
69
 
70
70
  .dot-illustration img.illustration-dashboards-onboarding {
71
- content: url('./Dashboards/Light/Release/onboarding-plan-and-progress.svg');
71
+ content: url('./Dashboards/Light/Release/dashboards-release-onboarding-light.svg');
72
72
  }
73
73
 
74
74
  .dot-illustration img.illustration-dashboards-release-dependency {
75
- content: url('./Dashboards/Light/Release/release-dependency-dashboard.svg');
75
+ content: url('./Dashboards/Light/Release/dashboards-release-dependency-light.svg');
76
76
  }
77
77
 
78
78
  .dot-illustration img.illustration-dashboards-release-executive-overview {
79
- content: url('./Dashboards/Light/Release/release-executive-overview.svg');
79
+ content: url('./Dashboards/Light/Release/dashboards-release-executive-overview-light.svg');
80
80
  }
81
81
 
82
82
  .dot-illustration img.illustration-dashboards-release-late-task {
83
- content: url('./Dashboards/Light/Release/release-late-task-and-its-impact.svg');
83
+ content: url('./Dashboards/Light/Release/dashboards-release-late-tasks-light.svg');
84
84
  }
85
85
 
86
86
  .dot-illustration img.illustration-dashboards-release-open-task {
87
- content: url('./Dashboards/Light/Release/release-task-open-work-analysis.svg');
87
+ content: url('./Dashboards/Light/Release/dashboards-release-open-task-analysis-light.svg');
88
88
  }
89
89
 
90
90
  .dot-illustration img.illustration-dashboards-workflow-adoption {
91
- content: url('./Dashboards/Light/Release/workflow-adoption-and-usage-patterns.svg');
91
+ content: url('./Dashboards/Light/Release/dashboards-release-workflow-adoption-and-usage-patterns-light.svg');
92
92
  }
93
93
 
94
94
  /* Dot Light Illustrations */
95
95
 
96
96
  .dot-illustration img.illustration-dot-global-disconnected {
97
- content: url('./Dot-illustrations/Light/global/disconnected.svg');
97
+ content: url('./Dot-illustrations/Light/global/dot-global-disconnected-light.svg');
98
98
  }
99
99
 
100
100
  .dot-illustration img.illustration-dot-global-features {
101
- content: url('./Dot-illustrations/Light/global/features.svg');
101
+ content: url('./Dot-illustrations/Light/global/dot-global-features-light.svg');
102
102
  }
103
103
 
104
104
  .dot-illustration img.illustration-dot-global-launch {
105
- content: url('./Dot-illustrations/Light/global/launch.svg');
105
+ content: url('./Dot-illustrations/Light/global/dot-global-launch-light.svg');
106
106
  }
107
107
 
108
108
  .dot-illustration img.illustration-dot-global-nothing-defined {
109
- content: url('./Dot-illustrations/Light/global/nothing-defined.svg');
109
+ content: url('./Dot-illustrations/Light/global/dot-global-nothing-defined-light.svg');
110
110
  }
111
111
 
112
112
  .dot-illustration img.illustration-dot-global-survey {
113
- content: url('./Dot-illustrations/Light/global/survey.svg');
113
+ content: url('./Dot-illustrations/Light/global/dot-global-survey-light.svg');
114
114
  }
115
115
 
116
116
  .dot-illustration img.illustration-dot-processes-assets {
117
- content: url('./Dot-illustrations/Light/processes/assets.svg');
117
+ content: url('./Dot-illustrations/Light/processes/dot-global-assets-light.svg');
118
118
  }
119
119
 
120
120
  .dot-illustration img.illustration-dot-processes-work-item {
121
- content: url('./Dot-illustrations/Light/processes/work-item.svg');
121
+ content: url('./Dot-illustrations/Light/processes/dot-global-work-item-light.svg');
122
122
  }
123
123
 
124
124
  /* Dot Dark Illustrations */
125
125
 
126
126
  .dot-illustration img.illustration-dot-global-disconnected.dark-theme {
127
- content: url('./Dot-illustrations/Dark/global/disconnected.svg');
127
+ content: url('./Dot-illustrations/Dark/global/dot-global-disconnected-dark.svg');
128
128
  }
129
129
 
130
130
  .dot-illustration img.illustration-dot-global-features.dark-theme {
131
- content: url('./Dot-illustrations/Dark/global/features.svg');
131
+ content: url('./Dot-illustrations/Dark/global/dot-global-features-dark.svg');
132
132
  }
133
133
 
134
134
  .dot-illustration img.illustration-dot-global-launch.dark-theme {
135
- content: url('./Dot-illustrations/Dark/global/launch.svg');
135
+ content: url('./Dot-illustrations/Dark/global/dot-global-launch-dark.svg');
136
136
  }
137
137
 
138
138
  .dot-illustration img.illustration-dot-global-nothing-defined.dark-theme {
139
- content: url('./Dot-illustrations/Dark/global/nothing-defined.svg');
139
+ content: url('./Dot-illustrations/Dark/global/dot-global-nothing-defined-dark.svg');
140
140
  }
141
141
 
142
142
  .dot-illustration img.illustration-dot-global-survey.dark-theme {
143
- content: url('./Dot-illustrations/Dark/global/survey.svg');
143
+ content: url('./Dot-illustrations/Dark/global/dot-global-survey-dark.svg');
144
144
  }
145
145
 
146
146
  .dot-illustration img.illustration-dot-processes-assets.dark-theme {
147
- content: url('./Dot-illustrations/Dark/processes/assets.svg');
147
+ content: url('./Dot-illustrations/Dark/processes/dot-global-assets-dark.svg');
148
148
  }
149
149
 
150
150
  .dot-illustration img.illustration-dot-processes-work-item.dark-theme {
151
- content: url('./Dot-illustrations/Dark/processes/work-item.svg');
151
+ content: url('./Dot-illustrations/Dark/processes/dot-global-work-item-dark.svg');
152
152
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digital-ai/dot-illustrations",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
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": {