@everchron/ec-shards 0.6.21 → 0.6.25

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 (16) hide show
  1. package/dist/ec-shards.common.js +99 -72
  2. package/dist/ec-shards.common.js.map +1 -1
  3. package/dist/ec-shards.css +1 -1
  4. package/dist/ec-shards.umd.js +99 -72
  5. package/dist/ec-shards.umd.js.map +1 -1
  6. package/dist/ec-shards.umd.min.js +2 -2
  7. package/dist/ec-shards.umd.min.js.map +1 -1
  8. package/dist/img/dialog-link.ebaa9bfa.svg +1 -0
  9. package/package.json +1 -1
  10. package/src/assets/icons/play.svg +1 -0
  11. package/src/assets/images/dialog-icons/dialog-link.svg +1 -0
  12. package/src/components/data-card/data-card.vue +3 -0
  13. package/src/components/data-list-item/data-list-item.vue +6 -1
  14. package/src/components/dialog-header/dialog-header.vue +4 -0
  15. package/src/stories/data-list-item/data-list-item.stories.js +3 -2
  16. package/src/stories/dialog-header/dialog-header.stories.mdx +2 -1
package/dist/img/dialog-link.ebaa9bfa.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><g fill="#FFF" transform="translate(4.367 10.328)"><path fill-opacity=".4" d="M22.4335918,10.3115625 L14.1002585,10.3115625 C8.11717372,10.3115625 3.26692518,15.1618111 3.26692518,21.1448959 C3.26692518,27.1279807 8.11717372,31.9782292 14.1002585,31.9782292 L22.4335918,31.9782292 C28.4166766,31.9782292 33.2669252,27.1279807 33.2669252,21.1448959 C33.2669252,15.1618111 28.4166766,10.3115625 22.4335918,10.3115625 Z M14.1002585,15.3115625 L22.4335918,15.3115625 C25.6552529,15.3115625 28.2669252,17.9232348 28.2669252,21.1448959 C28.2669252,24.3665569 25.6552529,26.9782292 22.4335918,26.9782292 L14.1002585,26.9782292 C10.8785975,26.9782292 8.26692518,24.3665569 8.26692518,21.1448959 C8.26692518,17.9232348 10.8785975,15.3115625 14.1002585,15.3115625 Z" transform="rotate(-45 18.267 21.145)"/><path d="M37.1528379,7.33596302 C43.1359226,7.33596302 47.9861712,12.1862116 47.9861712,18.1692963 C47.9861712,24.0558798 43.2911205,28.8458753 37.4414423,28.99886 L37.1528379,29.0026297 L28.8195045,29.0026297 C25.2509008,29.0026297 21.9707915,27.2617275 19.9560584,24.3995113 C19.663465,23.9838406 19.4003584,23.548038 19.1688824,23.0952404 C18.6737518,22.1646537 18.3715601,21.3369199 18.2623072,20.6120389 C18.2623072,20.6120389 20.0083471,20.6096447 23.5004268,20.6048562 C23.6452086,20.9146031 23.8476456,21.2415455 24.0446998,21.5214892 C25.0832132,22.9968457 26.7364879,23.9163211 28.5581672,23.9968615 L28.8195045,24.0026297 L37.1528379,24.0026297 C40.3744989,24.0026297 42.9861712,21.3909574 42.9861712,18.1692963 C42.9861712,15.0225577 40.4945595,12.457766 37.37659,12.3401753 L37.1528379,12.335963 L28.8195045,12.335963 C26.8774098,12.335963 25.1001868,13.2892358 24.0156169,14.8588034 C23.8426567,15.109108 23.6896426,15.3722679 23.5580471,15.6459465 L18.5189498,15.6233792 C18.6303874,14.0690817 19.4739092,12.6361181 19.9021385,12.0163933 C21.847894,9.20053523 25.0120981,7.44792805 28.4827127,7.34113996 L28.8195045,7.33596302 L37.1528379,7.33596302 Z" transform="rotate(-45 33.124 18.17)"/></g></svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everchron/ec-shards",
3
- "version": "0.6.21",
3
+ "version": "0.6.25",
4
4
  "private": false,
5
5
  "description": "Everchron Shards UI Library",
6
6
  "repository": "https://github.com/everchron/ec-shards.git",
package/src/assets/icons/play.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path vector-effect="non-scaling-stroke" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.23583333,6.80783333 L6.23583333,23.1921667 C6.23583333,24.3849167 7.52283333,25.1345833 8.55958333,24.54525 L22.9765833,16.3530833 C24.0263333,15.75725 24.0263333,14.2438333 22.9765833,13.648 L8.55958333,5.45475 C7.52283333,4.86541667 6.23583333,5.61508333 6.23583333,6.80783333 Z"/></svg>
package/src/assets/images/dialog-icons/dialog-link.svg ADDED
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60"><g fill="#FFF" transform="translate(4.367 10.328)"><path fill-opacity=".4" d="M22.4335918,10.3115625 L14.1002585,10.3115625 C8.11717372,10.3115625 3.26692518,15.1618111 3.26692518,21.1448959 C3.26692518,27.1279807 8.11717372,31.9782292 14.1002585,31.9782292 L22.4335918,31.9782292 C28.4166766,31.9782292 33.2669252,27.1279807 33.2669252,21.1448959 C33.2669252,15.1618111 28.4166766,10.3115625 22.4335918,10.3115625 Z M14.1002585,15.3115625 L22.4335918,15.3115625 C25.6552529,15.3115625 28.2669252,17.9232348 28.2669252,21.1448959 C28.2669252,24.3665569 25.6552529,26.9782292 22.4335918,26.9782292 L14.1002585,26.9782292 C10.8785975,26.9782292 8.26692518,24.3665569 8.26692518,21.1448959 C8.26692518,17.9232348 10.8785975,15.3115625 14.1002585,15.3115625 Z" transform="rotate(-45 18.267 21.145)"/><path d="M37.1528379,7.33596302 C43.1359226,7.33596302 47.9861712,12.1862116 47.9861712,18.1692963 C47.9861712,24.0558798 43.2911205,28.8458753 37.4414423,28.99886 L37.1528379,29.0026297 L28.8195045,29.0026297 C25.2509008,29.0026297 21.9707915,27.2617275 19.9560584,24.3995113 C19.663465,23.9838406 19.4003584,23.548038 19.1688824,23.0952404 C18.6737518,22.1646537 18.3715601,21.3369199 18.2623072,20.6120389 C18.2623072,20.6120389 20.0083471,20.6096447 23.5004268,20.6048562 C23.6452086,20.9146031 23.8476456,21.2415455 24.0446998,21.5214892 C25.0832132,22.9968457 26.7364879,23.9163211 28.5581672,23.9968615 L28.8195045,24.0026297 L37.1528379,24.0026297 C40.3744989,24.0026297 42.9861712,21.3909574 42.9861712,18.1692963 C42.9861712,15.0225577 40.4945595,12.457766 37.37659,12.3401753 L37.1528379,12.335963 L28.8195045,12.335963 C26.8774098,12.335963 25.1001868,13.2892358 24.0156169,14.8588034 C23.8426567,15.109108 23.6896426,15.3722679 23.5580471,15.6459465 L18.5189498,15.6233792 C18.6303874,14.0690817 19.4739092,12.6361181 19.9021385,12.0163933 C21.847894,9.20053523 25.0120981,7.44792805 28.4827127,7.34113996 L28.8195045,7.33596302 L37.1528379,7.33596302 Z" transform="rotate(-45 33.124 18.17)"/></g></svg>
package/src/components/data-card/data-card.vue CHANGED
@@ -227,11 +227,14 @@
227
227
  }
228
228
 
229
229
  .chained{
230
+ display: inline-flex;
231
+
230
232
  > span{
231
233
  &:after{
232
234
  content: "•";
233
235
  margin: 0 5px;
234
236
  opacity: .7;
237
+ font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Helvetica", sans-serif, "Apple Color Emoji";
235
238
  }
236
239
 
237
240
  &:last-child:after{
package/src/components/data-list-item/data-list-item.vue CHANGED
@@ -206,7 +206,7 @@
206
206
  padding: 8px 0;
207
207
  position: relative;
208
208
 
209
- a{
209
+ a:not(.ecs-button){
210
210
  color: $blue-8;
211
211
  cursor: pointer;
212
212
 
@@ -260,6 +260,11 @@
260
260
  }
261
261
  }
262
262
 
263
+ .ecs-button{
264
+ margin-top: -5px;
265
+ margin-bottom: -5px;
266
+ }
267
+
263
268
  .progress{
264
269
  background: $blue-2;
265
270
  position: absolute;
package/src/components/dialog-header/dialog-header.vue CHANGED
@@ -175,5 +175,9 @@
175
175
  &-relativity:before{
176
176
  background: url('../../assets/images/dialog-icons/dialog-relativity.svg');
177
177
  }
178
+
179
+ &-link:before{
180
+ background: url('../../assets/images/dialog-icons/dialog-link.svg');
181
+ }
178
182
  }
179
183
  </style>
package/src/stories/data-list-item/data-list-item.stories.js CHANGED
@@ -1,5 +1,6 @@
1
1
  import EcsDataList from '@components/data-list/data-list';
2
2
  import EcsDataListItem from '@components/data-list-item/data-list-item';
3
+ import EcsButton from '@components/button/button';
3
4
 
4
5
  export default {
5
6
  title: 'Content Structures/Data List',
@@ -7,11 +8,11 @@ export default {
7
8
  };
8
9
 
9
10
  export const dataListItem = () => ({
10
- components: { EcsDataList, EcsDataListItem },
11
+ components: { EcsDataList, EcsDataListItem, EcsButton },
11
12
  template: `<ecs-data-list>
12
13
  <ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
13
14
  <ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
14
- <ecs-data-list-item identifier="Identifier">Data</ecs-data-list-item>
15
+ <ecs-data-list-item identifier="Identifier">Data<ecs-button type="secondary" icon="download" size="xsml" href="https://google.com" icon-only /></ecs-data-list-item>
15
16
  </ecs-data-list>`
16
17
  });
17
18
 
package/src/stories/dialog-header/dialog-header.stories.mdx CHANGED
@@ -61,6 +61,7 @@ To add an illustration, add the `icon` attribute with one of the following value
61
61
  + `upload` Uploads
62
62
  + `user` User or witness related actions
63
63
  + `video` Video related actions
64
+ + `link` Linking related actions
64
65
 
65
66
  ### Illustration Background Color
66
67
 
@@ -72,4 +73,4 @@ The background color of illustrations can be changed by setting the `icon-color`
72
73
 
73
74
  ## Props and Slots
74
75
 
75
- <ArgsTable of={EcsDialogHeader} />
76
+ <ArgsTable of={EcsDialogHeader} />