@everchron/ec-shards 0.5.35 → 0.5.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "0.5.35",
+  "version": "0.5.39",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/assets/icons/toolbar-annotations.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3.5 4.5)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M1.991155,6.21724894e-15 C0.891470458,6.21724894e-15 0,0.886706352 0,1.99810135 L0,6.00189865 C0,7.10541955 0.90009892,8 2.00104344,8 L3,8 L3,12.0001925 C3,12.5523709 3.36190124,12.7311783 3.79859594,12.4067997 L9.73125,8 L20.0015078,8 C21.1052446,8 22,7.11329365 22,6.00189865 L22,1.99810135 C22,0.894580447 21.1103261,6.21724894e-15 20.008845,6.21724894e-15 L1.991155,6.21724894e-15 Z" opacity=".6"/><path d="M0,11 L4.50244025e-30,15.9940809 C5.50121794e-30,17.1019194 0.888273597,18 2.00439577,18 L14.2,18 L18.228797,21.3573308 C18.6547206,21.7122672 19,21.5566468 19,20.9906311 L19,18 L19.9989566,18 C21.1041023,18 22,17.1134452 22,15.9940809 L22,13.0059191 C22,11.8980806 21.1084037,11 19.9947686,11 L10.6375,11"/></g></svg>

package/src/assets/icons/toolbar-bulk-documents.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 3)" stroke="currentColor"><path d="M16,18.6666667 L21.3333333,18.6666667 C22.8060927,18.6666667 24,17.4727593 24,16 L24,5.93881333 C24,4.87794747 23.5785722,3.86053199 22.8284267,3.11038667 L20.8896133,1.17157333 C20.139468,0.421427764 19.1220525,0 18.0611867,0 L10.6093333,0 C9.136574,0 7.94266667,1.19390733 7.94266667,2.66666667 L7.94266667,5.33333333" opacity=".6"/><path d="M12.9609833,24 C13.0437277,24 13.1678444,24 13.3333333,24 C14.8060927,24 16,22.8060927 16,21.3333333 L16,11.2721467 C16,10.2112808 15.5785722,9.19386533 14.8284267,8.44372 L12.8896133,6.50490667 C12.139468,5.7547611 11.1220525,5.33333333 10.0611867,5.33333333 L2.66666667,5.33333333 C1.19390733,5.33333333 0,6.52724067 0,8 C0,8.63062371 0,9.1035915 0,9.41890335"/></g><path d="M9.55232685,5.53259995 C10.5406283,4.54473483 10.7851155,3.03493244 10.1590821,1.78565285 L8.50217351,3.44069451 C8.2287837,3.71400177 7.78561878,3.71400177 7.51222897,3.44069451 L7.13884112,3.06730666 C7.00744943,2.93599915 6.93362726,2.75785741 6.93362726,2.57210102 C6.93362726,2.38634462 7.00744943,2.20820289 7.13884112,2.07689538 L8.81908645,0.396650044 C7.58505195,-0.277156099 6.05737327,-0.0788520553 5.0362679,0.887687999 C4.01516252,1.85422805 3.73334391,3.3687263 4.33843222,4.63786931 L0.211096252,8.76240487 C0.0759421565,8.89740002 0,9.08058816 0,9.27161256 C0,9.46263695 0.0759421565,9.64582509 0.211096252,9.78082024 L0.720303936,10.2904947 C0.855378795,10.4256771 1.0386442,10.5016309 1.22974499,10.5016309 C1.42084577,10.5016309 1.60411118,10.4256771 1.73918604,10.2904947 L5.86325487,6.16642583 C7.10303672,6.75808373 8.58111934,6.50413179 9.55232685,5.53259995 L9.55232685,5.53259995 Z" transform="translate(3 16)" stroke="currentColor"/></g></svg>

package/src/assets/icons/toolbar-bulk-issues.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M12.5523268,21.5326 C13.5406283,20.5447348 13.7851155,19.0349324 13.1590821,17.7856529 L11.5021735,19.4406945 C11.2287837,19.7140018 10.7856188,19.7140018 10.512229,19.4406945 L10.1388411,19.0673067 C10.0074494,18.9359991 9.93362726,18.7578574 9.93362726,18.572101 C9.93362726,18.3863446 10.0074494,18.2082029 10.1388411,18.0768954 L11.8190865,16.39665 C10.585052,15.7228439 9.05737327,15.9211479 8.0362679,16.887688 C7.01516252,17.8542281 6.73334391,19.3687263 7.33843222,20.6378693 L3.21109625,24.7624049 C3.07594216,24.8974 3,25.0805882 3,25.2716126 C3,25.462637 3.07594216,25.6458251 3.21109625,25.7808202 L3.72030394,26.2904947 C3.8553788,26.4256771 4.0386442,26.5016309 4.22974499,26.5016309 C4.42084577,26.5016309 4.60411118,26.4256771 4.73918604,26.2904947 L8.86325487,22.1664258 C10.1030367,22.7580837 11.5811193,22.5041318 12.5523268,21.5326 L12.5523268,21.5326 Z" stroke="currentColor"/><g transform="matrix(-1 0 0 1 26 5)" opacity=".6" stroke="currentColor"><path d="M11.8351463,18.7582483 C11.5135557,19.0803453 11.0311698,19.5634909 10.3879885,20.207685 C9.88186704,20.7146007 9.19505048,20.9996167 8.47872494,21 C7.76239939,21.0003706 7.07528323,20.7160777 6.5686285,20.209695 L0.791288501,14.435445 C0.284648605,13.9290581 0,13.2420982 0,12.52578 C0,11.8094618 0.284648605,11.1225019 0.791288501,10.616115 L10.5337885,0.878115 C11.0963711,0.315831833 11.8592232,0 12.6546235,0 L17.9999785,0 C19.6568328,0 20.9999785,1.34314575 20.9999785,3 L20.9999785,8.33772 C20.9999785,9.13255045 20.6845595,9.89489631 20.1229735,10.45737"/><circle cx="17" cy="4" r="1.5"/></g></g></svg>

package/src/assets/icons/toolbar-bulk-profiles.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 3)" opacity=".6" stroke="currentColor"><path d="M0.373249441,14.9771568 C-0.639162017,11.0077943 0.407994836,6.62142749 3.51472,3.51472 C8.20101333,-1.17157333 15.7989867,-1.17157333 20.4852533,3.51472 C25.1715467,8.20101333 25.1715467,15.7989867 20.4852533,20.4852533 C16.937826,24.0326807 11.7219542,24.8947787 7.3636056,23.0715474"/><path d="M20.2501765 18.9479601C19.0302144 17.3895291 16.6965659 16.3333333 13.99992 16.3333333 13.721663 16.3333333 13.4455167 16.3469217 13.1725763 16.3731284M16.82832 6.50490667C18.3904133 8.067 18.3904133 10.5996667 16.82832 12.16176 16.1195931 12.8704869 15.2110769 13.2576621 14.2840615 13.3232855 13.1678575 13.4023016 12.0248331 13.0151264 11.1714667 12.16176 10.6483241 11.6386175 10.3003812 11.0066184 10.1276378 10.3386746 9.78457291 9.01215128 10.1325159 7.54385748 11.1714667 6.50490667 12.73356 4.94281333 15.2662267 4.94281333 16.82832 6.50490667"/></g><path d="M9.55232685,5.53259995 C10.5406283,4.54473483 10.7851155,3.03493244 10.1590821,1.78565285 L8.50217351,3.44069451 C8.2287837,3.71400177 7.78561878,3.71400177 7.51222897,3.44069451 L7.13884112,3.06730666 C7.00744943,2.93599915 6.93362726,2.75785741 6.93362726,2.57210102 C6.93362726,2.38634462 7.00744943,2.20820289 7.13884112,2.07689538 L8.81908645,0.396650044 C7.58505195,-0.277156099 6.05737327,-0.0788520553 5.0362679,0.887687999 C4.01516252,1.85422805 3.73334391,3.3687263 4.33843222,4.63786931 L0.211096252,8.76240487 C0.0759421565,8.89740002 0,9.08058816 0,9.27161256 C0,9.46263695 0.0759421565,9.64582509 0.211096252,9.78082024 L0.720303936,10.2904947 C0.855378795,10.4256771 1.0386442,10.5016309 1.22974499,10.5016309 C1.42084577,10.5016309 1.60411118,10.4256771 1.73918604,10.2904947 L5.86325487,6.16642583 C7.10303672,6.75808373 8.58111934,6.50413179 9.55232685,5.53259995 L9.55232685,5.53259995 Z" transform="translate(3 16)" stroke="currentColor"/></g></svg>

package/src/assets/icons/toolbar-cards.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><rect y="10.2" width="24" height="13.2" rx="2"/><path d="M21.6,4.27722931 L21.6,6.34957733 C21.6,7.45414683 20.7045695,8.34957733 19.6,8.34957733 L4.4,8.34957733 C3.2954305,8.34957733 2.4,7.45414683 2.4,6.34957733 L2.4,4.2 L2.4,4.2" opacity=".7" transform="matrix(1 0 0 -1 0 12.55)"/><path d="M19.2,0.0772293091 C19.2,1.00084162 18.4512643,1.74957733 17.527652,1.74957733 L6.54957733,1.74957733 C5.58331245,1.74957733 4.8,0.966264879 4.8,0 L4.8,0 L4.8,0" opacity=".4" transform="matrix(1 0 0 -1 0 1.75)"/></g></svg>

package/src/assets/icons/toolbar-dashboard.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".6" transform="translate(3 3)" stroke="currentColor"><path d="M8,24 L4,24 C1.790861,24 0,22.209139 0,20 L0,4 C0,1.790861 1.790861,0 4,0 L20,0 C22.209139,0 24,1.790861 24,4 L24,9.33333333"/><line x1="24" y1="5.667" y2="5.667"/></g><g transform="translate(12.5 12.5)" stroke="currentColor"><path d="M15,7.5 L15,7.5 C15,11.6425 11.6425,15 7.5,15 L7.5,15 C3.3575,15 0,11.6425 0,7.5 L0,7.5 C0,3.3575 3.3575,0 7.5,0 L7.5,0 C11.6425,0 15,3.3575 15,7.5 Z"/><path d="M12.8033333,12.8033333 L7.74416667,7.74416667 C7.5875,7.5875 7.5,7.37583333 7.5,7.155 L7.5,0"/><line x1="7.558" y1="7.467" x2="13.992" y2="3.75"/></g></g></svg>

package/src/assets/icons/toolbar-more.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M12,24 L12,24 C5.372,24 0,18.628 0,12 L0,12 C0,5.372 5.372,0 12,0 L12,0 C18.628,0 24,5.372 24,12 L24,12 C24,18.628 18.628,24 12,24 Z" opacity=".2"/><path d="M11.9986667 11.5C11.7226667 11.5 11.4986667 11.724 11.5013333 12 11.5013333 12.276 11.7253333 12.5 12.0013333 12.5 12.2773333 12.5 12.5013333 12.276 12.5013333 12 12.5 11.724 12.276 11.5 11.9986667 11.5M17.332 11.5C17.056 11.5 16.832 11.724 16.8346667 12 16.8346667 12.276 17.0586667 12.5 17.3346667 12.5 17.6106667 12.5 17.8346667 12.276 17.8346667 12 17.8333333 11.724 17.6093333 11.5 17.332 11.5M6.66533333 11.5C6.38933333 11.5 6.16533333 11.724 6.168 12 6.168 12.276 6.392 12.5 6.668 12.5 6.944 12.5 7.168 12.276 7.168 12 7.16666667 11.724 6.94266667 11.5 6.66533333 11.5" stroke-width="1.5"/></g></svg>

package/src/assets/icons/toolbar-page-navigation.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M13.3333333,24 L18.6666667,24 C20.8758057,24 22.6666667,22.209139 22.6666667,20 L22.6666667,7.34574667 C22.6666667,6.28488542 22.2452356,5.26747539 21.4950933,4.51733333 L18.1493333,1.17157333 C17.3991913,0.421431031 16.3817812,0 15.32092,0 L5.33333333,0 C3.12419433,0 1.33333333,1.790861 1.33333333,4 L1.33333333,12" opacity=".6"/><polyline points="2.66666667 16 0 18.6666667 2.66666667 21.3333333"/><path d="M0,18.6666667 L6.66666667,18.6666667 C8.139426,18.6666667 9.33333333,19.860574 9.33333333,21.3333333 L9.33333333,21.3333333 C9.33333333,22.8060927 8.139426,24 6.66666667,24 L5.34666667,24"/><path d="M20.6666667,7.33333333 L18,7.33333333 C16.5272407,7.33333333 15.3333333,6.139426 15.3333333,4.66666667 L15.3333333,2" opacity=".6"/></g></svg>

package/src/assets/icons/toolbar-profile-map.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3.4 3.12)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><circle cx="12.999" cy="10" r="4"/><circle cx="1.5" cy="5" r="1.5"/><circle cx="21.5" cy="1.5" r="1.5"/><circle cx="1.5" cy="21.5" r="1.5"/><circle cx="12.999" cy="21.5" r="1.5"/><g opacity=".6" transform="translate(3.869 3.823)"><line y1="15.378" x2="5.13" y2="10.074"/><line x1="13.13" y1="2.177" x2="15.541"/><line x1=".634" y1="2.337" x2="3.868" y2="3.811"/><line x1="14.722" y1="9.006" x2="13.984" y2="8.677"/><line x1="9.13" y1="14.431" x2="9.13" y2="11.786"/></g><circle cx="21.5" cy="14" r="1.5"/></g></svg>

package/src/assets/icons/toolbar-refresh.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(5 5)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".6" transform="translate(.444)"><polyline points="4.16666667 5.83333333 0 5.83333333 0 1.66666667"/><path d="M19.5555556,10 C19.5555556,4.47666667 15.0788889,0 9.55555556,0 C5.52222222,0 2.05444444,2.39333333 0.473333333,5.83333333"/></g><polyline points="15.3866667 14.1666667 19.5533333 14.1666667 19.5533333 18.3333333"/><path d="M0,10 C0,15.5233333 4.47666667,20 10,20 C14.0333333,20 17.5011111,17.6066667 19.0822222,14.1666667"/></g></svg>

package/src/assets/icons/toolbar-relativity.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" fill="none" fill-rule="evenodd"><path d="M9,0 L23,0 C23.5522847,-1.01453063e-16 24,0.44771525 24,1 L24,15 C24,15.5522847 23.5522847,16 23,16 L8,16 L8,16 L8,1 C8,0.44771525 8.44771525,1.01453063e-16 9,0 Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path d="M1,8 L16,8 L16,8 L16,23 C16,23.5522847 15.5522847,24 15,24 L1,24 C0.44771525,24 6.76353751e-17,23.5522847 0,23 L0,9 C-6.76353751e-17,8.44771525 0.44771525,8 1,8 Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><rect fill="currentColor" opacity=".2" x="8.5" y="8.5" width="7" height="7"/></g></svg>

package/src/assets/icons/toolbar-settings.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(2.333 2.333)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g opacity=".6" transform="translate(6.333 1.697)"><line x1="10.133" y1="10.97" x2="19" y2="10.97"/><line x1="4.435" y1="14.258" y2="21.939"/><line x1="4.435" y1="7.682"/><circle cx="6.333" cy="10.97" r="3.8"/></g><line y1="12.667" x2="2.217" y2="12.667"/><line x1="19" y1="1.697" x2="17.891" y2="3.617"/><line x1="19" y1="23.636" x2="17.891" y2="21.716"/><path d="M20.0553867,5.27794667 C24.1360627,9.35862379 24.1360621,15.9747077 20.0553854,20.0553841 C15.9747086,24.1360605 9.35862472,24.1360605 5.27794795,20.0553841 C1.19727118,15.9747077 1.19727061,9.35862379 5.27794667,5.27794667 C7.23748404,3.31819872 9.89531344,2.21720609 12.6666667,2.21720609 C15.4380199,2.21720609 18.0958493,3.31819872 20.0553867,5.27794667"/><line x1="1.697" y1="19" x2="3.617" y2="17.891"/><line x1="23.636" y1="6.333" x2="21.716" y2="7.442"/><line x1="12.667" y1="25.333" x2="12.667" y2="23.116"/><line x1="12.667" x2="12.667" y2="2.217"/><line x1="23.636" y1="19" x2="21.716" y2="17.891"/><line x1="1.697" y1="6.333" x2="3.617" y2="7.442"/><line x1="23.116" y1="12.667" x2="25.333" y2="12.667"/><line x1="7.445" y1="21.716" x2="6.333" y2="23.636"/><line x1="7.441" y1="3.617" x2="6.333" y2="1.697"/></g></svg>

package/src/assets/icons/toolbar-share.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 1.667)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M9.33333333,1.33333333 L2.66666667,1.33333333 C1.19333333,1.33333333 0,2.52666667 0,4 L0,22.6666667 C0,24.14 1.19333333,25.3333333 2.66666667,25.3333333 L21.3333333,25.3333333 C22.8066667,25.3333333 24,24.14 24,22.6666667 L24,16" opacity=".6"/><path d="M17.3333333,10.3893333 C13.0093333,10.3893333 9.33466667,12.6133333 7.92133333,15.7266667 L7.92133333,14.9373333 C7.92133333,9.27466667 12.0826667,4.656 17.3333333,4.31066667 L17.3333333,0 L25.3333333,7.33333333 L17.3333333,14.6666667 L17.3333333,10.3893333 Z"/></g></svg>

package/src/assets/icons/toolbar-sort.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(6.5 4.5)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(0 3)"><line x1="3" x2="3" y2="15"/><polyline points="0 12.5 3 15.5 6 12.5"/></g><path d="M17.8018,21 L14.2039,21 C14.0223,21 13.8548,20.9014 13.7666,20.7422 C13.6785,20.5833 13.6836,20.3889 13.7799,20.2349 L17.8237,13.7649 C17.92,13.6108 17.925,13.4165 17.837,13.2576 C17.7489,13.0984 17.5815,13 17.3996,13 L13.8017,13" opacity=".6"/><g opacity=".6" transform="translate(14)"><path d="M0,8 L0,2 C0,0.8953 0.8954,0 2,0 C3.1046,0 4,0.8953 4,2 L4,8"/><line y1="4" x2="4" y2="4"/></g></g></svg>

package/src/assets/icons/toolbar-source.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(1.667 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M18 17.3333333C18 18.8066667 15.9106667 20 13.3333333 20 10.756 20 8.66666667 18.8053333 8.66666667 17.3333333M8.66666667 13.3333333C8.66666667 14.8066667 10.756 16 13.3333333 16 15.9106667 16 18 14.8066667 18 13.3333333"/><path d="M8.66666667,13.3333333 L8.66666667,21.3333333 C8.66666667,22.8053333 10.7546667,24 13.332,24 C15.9093333,24 17.9986673,22.8066667 17.9986673,21.3333333 L17.9986673,13.3333333 C18,11.86 15.9093333,10.6666667 13.3333333,10.6666667 C10.7573333,10.6666667 8.668,11.8613333 8.66666667,13.3333333 Z"/><path d="M22.6666667,18.4786667 C24.9626667,17.884 26.6666667,15.816 26.6666667,13.3333333 C26.6666667,10.388 24.2786667,8 21.3333333,8 C21.3333333,3.58133333 17.752,0 13.3333333,0 C9.81733333,0 6.83866667,2.27066667 5.76533333,5.424 C2.51333333,5.868 0,8.62666667 0,12 C0,14.7293333 1.65066667,17.0613333 4,18.092" opacity=".6"/></g></svg>

package/src/assets/icons/toolbar-table.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="square"><rect stroke="currentColor" opacity=".4" stroke-linejoin="round" x="3" y="5" width="24" height="20" rx="2"/><g transform="translate(4 5.977)" stroke="currentColor"><line y1="4.662" x2="22" y2="4.662" stroke-linejoin="round"/><line x1="5" y1="4.523" x2="5"/><line x1="16" y1="4.523" x2="16"/><line x1="10.48" y1="4.523" x2="10.48"/></g><g opacity=".6" transform="translate(4 11.139)" stroke="currentColor"><line y1="4.361" x2="22" y2="4.361" stroke-linejoin="round"/><line y1="9.361" x2="22" y2="9.361" stroke-linejoin="round"/><line x1="5" y1="12.863" x2="5"/><line x1="16" y1="12.863" x2="16"/><line x1="10.48" y1="12.861" x2="10.48"/></g></g></svg>

package/src/assets/icons/toolbar-transcript-excerpt.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><g transform="translate(3 4.333)" opacity=".6" stroke="currentColor"><path d="M2,0 L17.3333333,0 C18.8060927,0 20,1.19390733 20,2.66666667 L20,16"/><path d="M6,21.3333333 L21.3333333,21.3333333 C22.8060927,21.3333333 24,20.139426 24,18.6666667 M6,21.3333333 C4.8954305,21.3333333 4,20.4379028 4,19.3333333 L4,2 C4,0.8954305 3.1045695,0 2,0 C0.8954305,0 0,0.8954305 0,2 L0,5.33333333 C0,6.069713 0.596953667,6.66666667 1.33333333,6.66666667 L4,6.66666667"/></g><line x1="10" y1="9.69" x2="18" y2="9.69" stroke="currentColor" opacity=".2"/><line x1="10" y1="13" x2="19" y2="13" stroke="currentColor"/><line x1="10" y1="16" x2="18" y2="16" stroke="currentColor"/><line x1="10" y1="19" x2="17" y2="19" stroke="currentColor" opacity=".2"/></g></svg>

package/src/assets/icons/toolbar-transcript.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 4.333)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><line x1="7" y1="5.357" x2="15" y2="5.357" opacity=".6"/><line x1="7" y1="8.667" x2="16" y2="8.667" opacity=".6"/><line x1="7" y1="11.667" x2="15" y2="11.667" opacity=".6"/><line x1="7" y1="14.667" x2="14" y2="14.667" opacity=".6"/><path d="M2,0 L17.3333333,0 C18.8060927,0 20,1.19390733 20,2.66666667 L20,16"/><path d="M6,21.3333333 L21.3333333,21.3333333 C22.8060927,21.3333333 24,20.139426 24,18.6666667 M6,21.3333333 C4.8954305,21.3333333 4,20.4379028 4,19.3333333 L4,2 C4,0.8954305 3.1045695,0 2,0 C0.8954305,0 0,0.8954305 0,2 L0,5.33333333 C0,6.069713 0.596953667,6.66666667 1.33333333,6.66666667 L4,6.66666667"/></g></svg>

package/src/assets/icons/toolbar-video.svg

@@ -0,0 +1 @@
+<svg width="30" height="30" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"><g transform="translate(3 3)" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M0,13.3333333 L0,4 C0,1.790861 1.790861,0 4,0 L20,0 C22.209139,0 24,1.790861 24,4 L24,13.3333333 C24,15.5424723 22.209139,17.3333333 20,17.3333333 L4,17.3333333 C1.790861,17.3333333 0,15.5424723 0,13.3333333 Z" opacity=".6"/><path d="M9.49673333,11.1321067 L9.49673333,6.20122667 C9.49680142,5.89150249 9.66212204,5.60534847 9.93040588,5.45058138 C10.1986897,5.2958143 10.5291667,5.29595355 10.79732,5.45094667 L15.0637067,7.91638667 C15.3316784,8.07120351 15.4967333,8.35718788 15.4967333,8.66666667 C15.4967333,8.97614546 15.3316784,9.26212982 15.0637067,9.41694667 L10.7973333,11.8823867 C10.5291792,12.0373866 10.1986973,12.0375295 9.93040922,11.8827616 C9.66212111,11.7279936 9.49679866,11.441835 9.49673333,11.1321067 L9.49673333,11.1321067 Z"/><line x1="22.667" y1="22.667" x2="9.333" y2="22.667" opacity=".6"/><line x1="1.333" y1="22.667" x2="5.333" y2="22.667" opacity=".6"/><line x1="5.333" y1="24" x2="5.333" y2="21.333"/></g></svg>

package/src/components/action-toolbar/action-toolbar.vue

@@ -28,16 +28,16 @@
   box-shadow: 0 1px 0 rgba($gray-10, .2);
 }
 
-.content-enter-active {
+.action-bar-enter-active {
   transition: all .3s;
 }
 
-.content-leave-active {
+.action-bar-leave-active {
   transition: all .3s;
 }
 
-.content-enter,
-.content-leave-to{
+.action-bar-enter,
+.action-bar-leave-to{
   opacity: 0;
   margin-top: -$toolbar_sub_height;
 }

package/src/components/button-toolbar-icon/button-toolbar-icon.vue

@@ -1,17 +1,21 @@
 <template>
   <button class="ecs-toolbar-icon-button"
           :class="[
-            icon,
             refresh ? 'refreshing' : '',
             active ? 'active' : '',
             loading ? 'loading' : ''
           ]" @click="$emit('click', $event)">
+    <ecs-icon :type="icon" />
     <span v-if="hasBadge" class="badge" />
   </button>
 </template>
 
 <script>
+  import EcsIcon from '../icon/icon'
+
   export default {
+    components: { EcsIcon },
+
     props: {
       icon: {
         type: String,
@@ -45,19 +49,20 @@
   width: 30px;
   height: 30px;
   padding: 0;
-  background: $toolbar-icon-button-sprite;
   position: relative;
-  transition: .2s opacity;
+  transition: .2s;
   cursor: pointer;
+  color: $gray-13;
 
   .badge{
-    width: 6px;
-    height: 6px;
-    border-radius: 100%;
+    width: 10px;
+    height: 10px;
+    border-radius: 20px;
     background: $blue-8;
     position: absolute;
-    top: 0px;
+    top: 0;
     right: 2px;
+    border: 2px solid #FFF;
   }
 
   &.loading{
@@ -65,75 +70,25 @@
     cursor: wait;
   }
 
+  &.refreshing{
+    animation: spin 1s infinite linear;
+  }
+
   &:disabled{
     opacity: .5;
     cursor: not-allowed;
   }
 
   &.active{
-    background-position-x: -40px;
-  }
-
-  &.sort{
-    background-position-y: 0;
-  }
-
-  &.more{
-    background-position-y: -40px;
-  }
-
-  &.share{
-    background-position-y: -80px;
-  }
-
-  &.page{
-    background-position-y: -120px;
-  }
-
-  &.document-bulk{
-    background-position-y: -160px;
-  }
-
-  &.annotate{
-    background-position-y: -200px;
-  }
-
-  &.database{
-    background-position-y: -240px;
-  }
-
-  &.settings{
-    background-position-y: -280px;
-  }
-
-  &.witness-bulk{
-    background-position-y: -320px;
-  }
-
-  &.refresh{
-    background-position-y: -360px;
-
-    &.loading{
-      animation: spin 1s infinite linear;
-    }
-  }
-
-  &.relativity{
-    background-position-y: -400px;
-  }
-
-  &.issue-bulk{
-    background-position-y: -440px;
-  }
-
-  &.excerpts{
-    background-position-y: -480px;
+    color: $blue-9;
   }
 }
 </style>
 
 <style lang="scss">
+@import "../tokens/tokens";
+
 .popover-button.active > .ecs-toolbar-icon-button{
-  background-position-x: -40px;
+  color: $blue-9;
 }
-</style>
+</style>

package/src/components/card/card.vue

@@ -93,4 +93,4 @@
     box-shadow: 0 0 0 2px $blue-4, 0 1px 4px 0 rgba(47,51,60,0.10);
   }
 }
-</style>
+</style>

package/src/components/data-list-item/data-list-item.vue

@@ -3,7 +3,8 @@
     <div class="ecs-data-list-item"
         :class="[
                   small ? 'ecs-data-list-item-sml' : '',
-                  full ? 'ecs-data-list-item-full' : ''
+                  full ? 'ecs-data-list-item-full' : '',
+                  plain ? '' : 'indent'
                 ]">
       <div class="ecs-data-list-identifier">
         {{identifier}}
@@ -74,6 +75,10 @@
       visible: {
         type: Boolean,
         default: false
+      },
+      plain: {
+        type: Boolean,
+        default: false
       }
     },
 
@@ -142,6 +147,18 @@
         min-height: 30px;
       }
     }
+
+    &.indent{
+      .ecs-data-list-identifier{
+        background: rgba($gray-6, .1);
+        color: $gray-10;
+        padding: 8px;
+      }
+
+      .ecs-data-list-data{
+        padding: 8px 0 8px 8px;
+      }
+    }
   }
 
   > div{
@@ -166,11 +183,10 @@
   &-identifier{
     display: flex;
     justify-content: space-between;
-    background: rgba($gray-6, .1);
-    color: $gray-10;
+    color: $gray-9;
     width: 145px;
     min-width: 145px;
-    padding: 8px;
+    padding: 8px 0;
   }
 
   &-expand-button{
@@ -187,11 +203,16 @@
 
   &-data{
     width: calc(100% - 145px);
-    padding: 8px 0 8px 8px;
+    padding: 8px 0;
     position: relative;
 
     a{
       color: $blue-8;
+      cursor: pointer;
+
+      &:hover{
+        color: $blue-9;
+      }
     }
 
     li{

package/src/components/jumper-document/jumper-document.vue

@@ -1,12 +1,12 @@
 <template>
   <ecs-button-toolbar-group class="ecs-viewer-toolbar-jumper">
-    <ecs-button-toolbar @click="$emit('goToPrev')" :disabled="currentEntry == 1 || navigating" class="previous" :title="prevTooltip" />
+    <ecs-button-toolbar @click="$emit('goToPrev')" :disabled="currentEntry == 1 || navigating" class="previous" :title="prevTooltip" icon="toolbar-page-navigation" />
     <div v-if="showCount" class="ecs-viewer-toolbar-jumper-inputs">
       <div v-html="currentEntry" @click="$emit('selectCurEntryText')" @keydown="indexPosKeyPressed" @blur="$emit('blur')" contenteditable class="ecs-viewer-toolbar-jumper-input" :disabled="navigating" id="currEntry"></div>
       /&nbsp;
       <div>{{ totalEntries }}</div>
     </div>
-    <ecs-button-toolbar @click="$emit('goToNext')" :disabled="currentEntry == totalEntries || navigating" class="next" :title="nextTooltip" />
+    <ecs-button-toolbar @click="$emit('goToNext')" :disabled="currentEntry == totalEntries || navigating" class="next" :title="nextTooltip" icon="toolbar-page-navigation" />
   </ecs-button-toolbar-group>
 </template>
 
@@ -78,21 +78,6 @@
   .previous,
   .next{
     width: 42px;
-
-    &:before{
-      content: "";
-      position: absolute;
-      width: 40px;
-      height: 30px;
-      top: 0;
-      left: 0;
-      background: $toolbar-icon-button-sprite;
-      background-position: 3px -121px;
-    }
-  }
-
-  .next:before{
-    transform: scaleX(-1);
   }
 
   &-inputs{
@@ -121,3 +106,9 @@
   }
 }
 </style>
+
+<style lang="scss">
+.ecs-toolbar-button.next .icon{
+  transform: scaleX(-1);
+}
+</style>

package/src/components/layout-index/layout-index.vue

@@ -100,7 +100,7 @@
   &-sidebar{
     &.overlay{
       position: absolute;
-      z-index: 9;
+      z-index: 2;
       right: 0;
       top: 0;
       bottom: 0;

package/src/components/pagination/pagination.vue

@@ -179,7 +179,6 @@
     bottom: 34px;
     z-index: 1000;
     background-color: #fff;
-    background-clip: padding-box;
     box-shadow: 0 0 0 1px rgba($gray-15, .08), 0 1px 3px 0 rgba($gray-15, 0.15); 
     border-radius: 4px;
     max-height: 30vh;

package/src/components/party-entry/party-entry.vue

@@ -1,16 +1,21 @@
 <template>
   <div class="ecs-mf-party"
       :class="[type, party, shared ? 'shared' : '']">
+    <ecs-icon :type="iconType" :color="iconColor" />
     <slot></slot>
   </div>
 </template>
 
 <script>
+  import EcsIcon from '../icon/icon'
+
   export default {
+    components: { EcsIcon },
+
     props: {
       type: {
         type: String,
-        validator: v => ['sequence', 'folder', 'document'].includes(v),
+        validator: v => ['sequence', 'folder', 'document', 'pacer'].includes(v),
         required: true
       },
       party: {
@@ -22,6 +27,42 @@
         type: Boolean,
         default: false
       }
+    },
+
+    computed: {
+      iconType() {
+        switch (this.type){
+          case 'sequence':
+            return 'colored-sequence'
+          case 'folder':
+            return 'colored-folder'
+          case 'document':
+            return 'colored-document'
+          case 'pacer':
+            return 'colored-pacer'
+          default:
+            return 'colored-document'
+        }
+      },
+
+      iconColor() {
+        switch (this.party){
+          case 'client':
+            return '#227FD3'
+          case 'opposing':
+            return '#5DAF00'
+          case 'joint':
+            return '#A4927A'
+          case 'other':
+            return '#95989C'
+          case 'court':
+            return '#D78B21'
+          case 'unaffiliated':
+            return '#C1C2C4'
+          default:
+            return '#C1C2C4'
+        }
+      }
     }
   }
 </script>
@@ -32,32 +73,12 @@
 
 .ecs-mf-party{
   position: relative;
-  padding-left: 30px;
   line-height: 30px;
-  display: inline-block;
-
-  &.nested-folder{
-    position: absolute;
-    display: none;
+  display: inline-flex;
 
-    &:before{
-      left: -3px;
-      top: -2px;
-      opacity: .35;
-    }
-
-    &:after{
-      display: none;
-    }
-  }
-
-  &:before{
-    width: 30px;
-    height: 30px;
-    content: "";
-    position: absolute;
-    left: 0;
-    top: 0;
+  .icon{
+    flex-shrink: 0;
+    margin-right: 5px;
   }
 
   &:after{
@@ -67,7 +88,7 @@
     content: "";
     left: 16px;
     top: 15px;
-    background: url('../../assets/images/master-file/shared-badge.svg');
+    background: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" width="11" height="11" viewBox="0 0 11 11"><g fill="none" fill-rule="evenodd"><circle cx="5.5" cy="5.5" r="5.5" fill="#FFFFFF"/><path fill="#5A80F4" fill-rule="nonzero" d="M5.5,9 C7.43299662,9 9,7.43299662 9,5.5 C9,3.56700338 7.43299662,2 5.5,2 C3.56700338,2 2,3.56700338 2,5.5 C2,7.43299662 3.56700338,9 5.5,9 Z M5.5,10 C3.01471863,10 1,7.98528137 1,5.5 C1,3.01471863 3.01471863,1 5.5,1 C7.98528137,1 10,3.01471863 10,5.5 C10,7.98528137 7.98528137,10 5.5,10 Z"/><circle cx="5.531" cy="5.4" r="1.277" stroke="#5E83F5"/><path stroke="#5E83F5" d="M3.62307692,9.04615385 L3.62307692,8.6 C3.62307692,7.53846154 4.48461538,6.69230769 5.53076923,6.69230769 C6.57692308,6.69230769 7.43846154,7.55384615 7.43846154,8.6 L7.43846154,9.04615385"/></g></svg>');
     opacity: 0;
     transition: .3s;
   }
@@ -78,102 +99,26 @@
 
   &.client{
     color: $party-client-text;
-
-    &.folder:before{
-      background: url('../../assets/images/master-file/family-client.svg');
-    }
-
-    &.sequence:before{
-      background: url('../../assets/images/master-file/sequence-client.svg');
-    }
-
-    &.document:before{
-      background: url('../../assets/images/master-file/doc-client.svg');
-    }
   }
 
   &.opposing{
     color: $party-opposition-text;
-
-    &.folder:before{
-      background: url('../../assets/images/master-file/family-opposition.svg');
-    }
-
-    &.sequence:before{
-      background: url('../../assets/images/master-file/sequence-opposition.svg');
-    }
-
-    &.document:before{
-      background: url('../../assets/images/master-file/doc-opposition.svg');
-    }
   }
 
   &.joint{
     color: $party-joint-text;
-
-    &.folder:before{
-      background: url('../../assets/images/master-file/family-joint.svg');
-    }
-
-    &.sequence:before{
-      background: url('../../assets/images/master-file/sequence-joint.svg');
-    }
-
-    &.document:before{
-      background: url('../../assets/images/master-file/doc-joint.svg');
-    }
   }
 
   &.other{
     color: $party-other-text;
-
-    &.folder:before{
-      background: url('../../assets/images/master-file/family-other.svg');
-    }
-
-    &.sequence:before{
-      background: url('../../assets/images/master-file/sequence-other.svg');
-    }
-
-    &.document:before{
-      background: url('../../assets/images/master-file/doc-other.svg');
-    }
   }
 
   &.court{
     color: $party-court-text;
-
-    &.folder:before{
-      background: url('../../assets/images/master-file/family-court.svg');
-    }
-
-    &.sequence:before{
-      background: url('../../assets/images/master-file/sequence-court.svg');
-    }
-
-    &.document:before{
-      background: url('../../assets/images/master-file/doc-court.svg');
-    }
   }
 
   &.unaffiliated{
     color: $party-other-text;
-
-    &.folder:before{
-      background: url('../../assets/images/master-file/family-unaffiliated.svg');
-    }
-
-    &.sequence:before{
-      background: url('../../assets/images/master-file/sequence-unaffiliated.svg');
-    }
-
-    &.document:before{
-      background: url('../../assets/images/master-file/doc-unaffiliated.svg');
-    }
   }
 }
-
-.is-search .ecs-mf-party.nested-folder{
-  display: block;
-}
 </style>

package/src/components/tokens/tokens.scss

@@ -1,4 +1,3 @@
 @import "colors";
 @import "fonts";
 @import "layout";
-@import "sprites";