@digital-ai/dot-illustrations 1.0.27 → 1.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.
Files changed (8) hide show
  1. package/agility/dark/global/done-dark.svg +11 -0
  2. package/agility/light/global/done-light.svg +11 -0
  3. package/demo/index.html +12 -1
  4. package/digitalai/dark/global/done-dark.svg +11 -0
  5. package/digitalai/light/global/done-light.svg +11 -0
  6. package/index.css +11 -1
  7. package/integrations/demo/script.js +1 -1
  8. package/package.json +1 -1
package/agility/dark/global/done-dark.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg width="200" height="191" viewBox="0 0 200 191" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#333F52"/>
3
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#C1C6CD" fill-opacity="0.1"/>
4
+ <mask id="mask0_3383_12142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="1" width="192" height="190">
5
+ <ellipse cx="99.8906" cy="96" rx="95.5" ry="95" fill="#333F52"/>
6
+ </mask>
7
+ <g mask="url(#mask0_3383_12142)">
8
+ <circle cx="99.9841" cy="95.9841" r="38.0154" fill="#80AA4D"/>
9
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M117.538 84.0495C118.983 85.7011 118.866 88.2571 117.277 89.7586L95.8819 109.966C94.3982 111.367 92.1323 111.367 90.6486 109.966L80.9237 100.781C79.334 99.2794 79.2169 96.7233 80.662 95.0718C82.1072 93.4202 84.5674 93.2984 86.157 94.7999L93.2652 101.514L112.043 83.7776C113.633 82.2762 116.093 82.3979 117.538 84.0495Z" fill="white"/>
10
+ </g>
11
+ </svg>
package/agility/light/global/done-light.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg width="200" height="191" viewBox="0 0 200 191" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#F3F5F6"/>
3
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#3B485C" fill-opacity="0.06"/>
4
+ <mask id="mask0_3363_10809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="1" width="192" height="190">
5
+ <ellipse cx="99.8906" cy="96" rx="95.5" ry="95" fill="#F3F5F6"/>
6
+ </mask>
7
+ <g mask="url(#mask0_3363_10809)">
8
+ <circle cx="99.9841" cy="95.9841" r="38.0154" fill="#80AA4D"/>
9
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M117.538 84.0495C118.983 85.7011 118.866 88.2571 117.277 89.7586L95.8819 109.966C94.3982 111.367 92.1323 111.367 90.6486 109.966L80.9237 100.781C79.334 99.2794 79.2169 96.7233 80.662 95.0718C82.1072 93.4202 84.5674 93.2984 86.157 94.7999L93.2652 101.514L112.043 83.7776C113.633 82.2762 116.093 82.3979 117.538 84.0495Z" fill="white"/>
10
+ </g>
11
+ </svg>
package/demo/index.html CHANGED
@@ -18,6 +18,11 @@
18
18
  <input class="search-wrapper" type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for illustrations...">
19
19
  <div class="demo-wrapper dot-illustration">
20
20
  <!-- light agility illustrations -->
21
+ <div>
22
+ <img class="illustration-done-light"></i>
23
+ <button class="button" onclick="copyText(this)">Copy ID</button>
24
+ <span class="illustrationID">done-light</span>
25
+ </div>
21
26
  <div>
22
27
  <img class="illustration-agility-empty-light"></i>
23
28
  <button class="button" onclick="copyText(this)">Copy ID</button>
@@ -104,7 +109,13 @@
104
109
  <span class="illustrationID">agility-user-light</span>
105
110
  </div>
106
111
 
107
- <!-- dark agility illustrations -->
112
+ <!-- dark agility illustrations -->
113
+ <div>
114
+ <img class="illustration-done-dark"></i>
115
+ <button class="button" onclick="copyText(this)">Copy ID</button>
116
+ <span class="illustrationID">done-dark</span>
117
+ </div>
118
+
108
119
  <div>
109
120
  <img class="illustration-agility-empty-dark"></i>
110
121
  <button class="button" onclick="copyText(this)">Copy ID</button>
package/digitalai/dark/global/done-dark.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg width="200" height="191" viewBox="0 0 200 191" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#333F52"/>
3
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#C1C6CD" fill-opacity="0.1"/>
4
+ <mask id="mask0_3383_12142" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="1" width="192" height="190">
5
+ <ellipse cx="99.8906" cy="96" rx="95.5" ry="95" fill="#333F52"/>
6
+ </mask>
7
+ <g mask="url(#mask0_3383_12142)">
8
+ <circle cx="99.9841" cy="95.9841" r="38.0154" fill="#80AA4D"/>
9
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M117.538 84.0495C118.983 85.7011 118.866 88.2571 117.277 89.7586L95.8819 109.966C94.3982 111.367 92.1323 111.367 90.6486 109.966L80.9237 100.781C79.334 99.2794 79.2169 96.7233 80.662 95.0718C82.1072 93.4202 84.5674 93.2984 86.157 94.7999L93.2652 101.514L112.043 83.7776C113.633 82.2762 116.093 82.3979 117.538 84.0495Z" fill="white"/>
10
+ </g>
11
+ </svg>
package/digitalai/light/global/done-light.svg ADDED
@@ -0,0 +1,11 @@
1
+ <svg width="200" height="191" viewBox="0 0 200 191" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#F3F5F6"/>
3
+ <path d="M99.8906 191C152.634 191 195.391 148.467 195.391 96C195.391 43.5329 152.634 1 99.8906 1C47.1474 1 4.39062 43.5329 4.39062 96C4.39062 148.467 47.1474 191 99.8906 191Z" fill="#3B485C" fill-opacity="0.06"/>
4
+ <mask id="mask0_3363_10809" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="1" width="192" height="190">
5
+ <ellipse cx="99.8906" cy="96" rx="95.5" ry="95" fill="#F3F5F6"/>
6
+ </mask>
7
+ <g mask="url(#mask0_3363_10809)">
8
+ <circle cx="99.9841" cy="95.9841" r="38.0154" fill="#80AA4D"/>
9
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M117.538 84.0495C118.983 85.7011 118.866 88.2571 117.277 89.7586L95.8819 109.966C94.3982 111.367 92.1323 111.367 90.6486 109.966L80.9237 100.781C79.334 99.2794 79.2169 96.7233 80.662 95.0718C82.1072 93.4202 84.5674 93.2984 86.157 94.7999L93.2652 101.514L112.043 83.7776C113.633 82.2762 116.093 82.3979 117.538 84.0495Z" fill="white"/>
10
+ </g>
11
+ </svg>
package/index.css CHANGED
@@ -1,4 +1,9 @@
1
1
  /* agility light Illustrations */
2
+
3
+ .dot-illustration img.illustration-done-light {
4
+ content: url('./digitalai/light/global/done-light.svg');
5
+ }
6
+
2
7
  .dot-illustration img.illustration-agility-empty-light {
3
8
  content: url('./agility/light/global/agility-empty-light.svg');
4
9
  }
@@ -209,7 +214,12 @@
209
214
 
210
215
  /* Digitalai Dark Illustrations */
211
216
 
212
- .dot-illustration img.illustration-digitalai-empty-dark {
217
+ .dot-illustration img.illustration-done-dark {
218
+ content: url('./digitalai/dark/global/done-dark.svg');
219
+ }
220
+
221
+
222
+ .dot-illustration img.illustration-digitalai-done-dark {
213
223
  content: url('./digitalai/dark/global/digitalai-empty-dark.svg');
214
224
  }
215
225
 
package/integrations/demo/script.js CHANGED
@@ -148,7 +148,7 @@ function doMagic() {
148
148
  <!-- Code block to be copied -->
149
149
  <pre class="codeBlock">
150
150
  <code class="codeBlock">
151
- <span class="dot-illustration">
151
+ <span class="dot-integration">
152
152
  <img class="${integration}""></img>
153
153
  </span>
154
154
  </code>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digital-ai/dot-illustrations",
3
- "version": "1.0.27",
3
+ "version": "1.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": {