npm - @everchron/ec-shards - Versions diffs - 1.0.2 → 1.2.0 - Mend

@everchron/ec-shards 1.0.2 → 1.2.0

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 (35) hide show

package/dist/img/load-file-annotations.a86b6944.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="142" viewBox="0 0 141 142" width="141" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="128" width="102" x="0" y="0"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_548_255"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_548_255" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="134" width="105" x="36" y="8"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_548_255"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_548_255" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="32.5" width="33" x="101" y="13"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_548_255" stdDeviation="2"/></filter><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="110.5" x2="121.5" y1="38.5" y2="28"><stop offset="0" stop-color="#bec2ca"/><stop offset="1" stop-color="#d7dae1"/></linearGradient><mask id="e" height="102" maskUnits="userSpaceOnUse" width="82" x="48" y="20"><path d="m48.5 122v-102h63l18.5 18.5v83.5z" fill="#fff"/></mask><g filter="url(#a)"><rect fill="#fff" height="120" rx="8" width="94" x="4" y="3"/><rect height="119" rx="7.5" stroke="#d7dae1" width="93" x="4.5" y="3.5"/></g><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="12"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="12"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="18"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="18"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="24"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="24"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="30"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="30"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="36"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="36"/><rect fill="#e9a032" height="2" opacity=".2" rx="1" width="4" x="11" y="42"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="42"/><rect fill="#e9a032" height="2" rx="1" width="14" x="23" y="42"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="48"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="48"/><rect fill="#e9a032" height="2" opacity=".2" rx="1" width="4" x="11" y="54"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="54"/><rect fill="#e9a032" height="2" rx="1" width="25" x="19" y="54"/><rect fill="#e9a032" height="2" opacity=".2" rx="1" width="4" x="11" y="60"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="60"/><rect fill="#e9a032" height="2" rx="1" width="11" x="19" y="60"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="66"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="66"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="72"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="72"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="78"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="78"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="84"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="84"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="90"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="90"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="96"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="96"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="102"/><rect fill="#ecedf2" height="2" rx="1" width="13" x="19" y="102"/><g filter="url(#b)"><path d="m48 137h81c4.418 0 8-3.582 8-8v-86l-30.5-32h-58.5c-4.4183 0-8 3.5817-8 8v110c0 4.418 3.5817 8 8 8z" fill="#fff"/><path d="m129 136.5h-81c-4.1421 0-7.5-3.358-7.5-7.5v-110c0-4.1421 3.3579-7.5 7.5-7.5h58.286l30.214 31.7001v85.7999c0 4.142-3.358 7.5-7.5 7.5z" stroke="#d7dae1"/></g><g mask="url(#e)"><path d="m50 21h70l8 8h-78z" fill="#ecedf2"/><g fill="#fff" stroke="#ecedf2"><path d="m50.5 29.5h77v91h-77z"/><path d="m50.5 30.5h77v9h-77z"/><path d="m50.5 39.5h77v9h-77z"/><path d="m50.5 48.5h77v9h-77z"/><path d="m50.5 57.5h77v9h-77z"/><path d="m50.5 66.5h77v9h-77z"/><path d="m50.5 75.5h77v9h-77z"/><path d="m50.5 84.5h77v9h-77z"/><path d="m50.5 93.5h77v9h-77z"/><path d="m50.5 102.5h77v9h-77z"/><path d="m50.5 111.5h77v9h-77z"/></g><path d="m61 31h1v90h-1z" fill="#ecedf2"/><path d="m81 31h1v90h-1z" fill="#ecedf2"/><path d="m114 31h1v90h-1z" fill="#ecedf2"/><path d="m50 57h78v10h-78z" fill="#f1b251" opacity=".1"/><path d="m50 93h78v10h-78z" fill="#f1b251" opacity=".1"/></g><g stroke="#fff" stroke-linecap="round"><path d="m116 100.5c-8.561 0-15.5 6.939-15.5 15.5s6.939 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.939-15.5-15.5-15.5z" fill="#b9bcc2" stroke-linejoin="round" stroke-width="3"/><path d="m116.016 109.778v12.444" stroke-linejoin="round" stroke-width="2"/><path d="m111.342 114.445 4.667-4.667 4.667 4.667" stroke-linejoin="round" stroke-width="2"/></g><g filter="url(#c)" opacity=".15"><path d="m130 41-22-24-3 24.5z" fill="#1d1f28"/></g><path d="m136.5 43-30-31.5 1.5 26.5z" fill="#fff" stroke="url(#d)" stroke-linejoin="round"/></svg>

package/dist/img/load-file-designation-report.43313733.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="141" viewBox="0 0 142 141" width="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="128" width="102" x="40" y="1"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_548_441"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_548_441" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="105" width="134" x="0" y="36"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_548_441"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_548_441" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="33" width="32.5" x="95.5" y="42"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_548_441" stdDeviation="2"/></filter><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="102.5" x2="113" y1="65.5" y2="54.5"><stop offset="0" stop-color="#bec2ca"/><stop offset="1" stop-color="#d7dae1"/></linearGradient><mask id="e" height="82" maskUnits="userSpaceOnUse" width="112" x="13" y="48"><path d="m13.5 130v-82h90l21.5 20.5v61.5z" fill="#fff"/></mask><g filter="url(#a)"><rect fill="#fff" height="120" rx="8" width="94" x="44" y="4"/><rect height="119" rx="7.5" stroke="#d7dae1" width="93" x="44.5" y="4.5"/></g><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="13"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="13"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="19"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="19"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="25"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="25"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="31"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="31"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="37"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="37"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="43"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="43"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="49"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="49"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="55"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="55"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="61"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="61"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="67"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="67"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="73"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="73"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="79"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="79"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="85"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="85"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="91"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="91"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="97"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="59" y="97"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="51" y="103"/><rect fill="#ecedf2" height="2" rx="1" width="13" x="59" y="103"/><g filter="url(#b)"><path d="m4 128v-81c0-4.4183 3.58172-8 8-8h86l32 30.5v58.5c0 4.418-3.582 8-8 8h-110c-4.41827 0-8-3.582-8-8z" fill="#fff"/><path d="m4.5 47v81c0 4.142 3.35787 7.5 7.5 7.5h110c4.142 0 7.5-3.358 7.5-7.5v-58.2858l-31.7001-30.2142h-85.7999c-4.14213 0-7.5 3.3579-7.5 7.5z" stroke="#d7dae1"/></g><g mask="url(#e)"><g fill="#fff" stroke="#ecedf2"><path d="m15.5 57.5h103v64h-103z"/><path d="m15.5 58.5h103v9h-103z"/><path d="m15.5 67.5h103v9h-103z"/><path d="m15.5 76.5h103v9h-103z"/><path d="m15.5 85.5h103v9h-103z"/><path d="m15.5 94.5h103v9h-103z"/><path d="m15.5 103.5h103v9h-103z"/><path d="m15.5 112.5h103v9h-103z"/></g><path d="m26 59h1v63h-1z" fill="#ecedf2"/><path d="m38 59h1v63h-1z" fill="#ecedf2"/><path d="m61 59h1v63h-1z" fill="#ecedf2"/><path d="m81 59h1v63h-1z" fill="#ecedf2"/><path d="m100 59h1v63h-1z" fill="#ecedf2"/><path d="m15 50h104v8h-104z" fill="#ecedf2"/><rect fill="#c4dff7" height="2" rx="1" width="11" x="42" y="62"/><rect fill="#c4dff7" height="2" rx="1" width="8" x="85" y="62"/><rect fill="#c6eaa5" height="2" rx="1" width="11" x="65" y="62"/><rect fill="#c4dff7" height="2" rx="1" width="11" x="42" y="71"/><rect fill="#c4dff7" height="2" rx="1" width="8" x="85" y="71"/><rect fill="#c6eaa5" height="2" rx="1" width="11" x="65" y="71"/><rect fill="#c4dff7" height="2" rx="1" width="11" x="42" y="80"/><rect fill="#c4dff7" height="2" rx="1" width="8" x="85" y="80"/><rect fill="#c6eaa5" height="2" rx="1" width="11" x="65" y="80"/><rect fill="#c4dff7" height="2" rx="1" width="11" x="42" y="89"/><rect fill="#c4dff7" height="2" rx="1" width="8" x="85" y="89"/><rect fill="#c6eaa5" height="2" rx="1" width="11" x="65" y="89"/><rect fill="#c4dff7" height="2" rx="1" width="11" x="42" y="98"/><rect fill="#c4dff7" height="2" rx="1" width="8" x="85" y="98"/><rect fill="#c6eaa5" height="2" rx="1" width="11" x="65" y="98"/><rect fill="#c4dff7" height="2" rx="1" width="11" x="42" y="107"/><rect fill="#c4dff7" height="2" rx="1" width="8" x="85" y="107"/><rect fill="#c6eaa5" height="2" rx="1" width="11" x="65" y="107"/><rect fill="#c4dff7" height="2" rx="1" width="11" x="42" y="116"/><rect fill="#c4dff7" height="2" rx="1" width="8" x="85" y="116"/><rect fill="#c6eaa5" height="2" rx="1" width="11" x="65" y="116"/></g><g filter="url(#c)" opacity=".15"><path d="m100 46 24 22-24.5 3z" fill="#1d1f28"/></g><g stroke-linejoin="round"><path d="m98 39.5 31.5 30-26.5-1.5z" fill="#fff" stroke="url(#d)"/><path d="m109 99.5c-8.561 0-15.5 6.939-15.5 15.5s6.939 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.939-15.5-15.5-15.5z" fill="#b9bcc2" stroke="#fff" stroke-linecap="round" stroke-width="3"/><path d="m109.016 108.778v12.444" stroke="#fff" stroke-linecap="round" stroke-width="2"/><path d="m104.342 113.445 4.667-4.667 4.667 4.667" stroke="#fff" stroke-linecap="round" stroke-width="2"/></g></svg>

package/dist/img/load-file-designation.c1a22daa.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="142" viewBox="0 0 141 142" width="141" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="128" width="102" x="0" y="0"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_561_249"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_561_249" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="134" width="105" x="36" y="8"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_561_249"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_561_249" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="32.5" width="33" x="101" y="13"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_561_249" stdDeviation="2"/></filter><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="110.5" x2="121.5" y1="38.5" y2="28"><stop offset="0" stop-color="#bec2ca"/><stop offset="1" stop-color="#d7dae1"/></linearGradient><mask id="e" height="102" maskUnits="userSpaceOnUse" width="82" x="48" y="20"><path d="m48.5 122v-102h63l18.5 18.5v83.5z" fill="#fff"/></mask><g filter="url(#a)"><rect fill="#fff" height="120" rx="8" width="94" x="4" y="3"/><rect height="119" rx="7.5" stroke="#d7dae1" width="93" x="4.5" y="3.5"/></g><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="12"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="12"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="18"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="18"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="24"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="24"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="30"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="30"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="36"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="36"/><rect fill="#227fd3" height="2" opacity=".2" rx="1" width="4" x="11" y="42"/><rect fill="#227fd3" height="2" rx="1" width="66" x="19" y="42"/><rect fill="#227fd3" height="2" opacity=".2" rx="1" width="4" x="11" y="48"/><rect fill="#227fd3" height="2" rx="1" width="66" x="19" y="48"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="54"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="54"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="60"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="60"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="66"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="66"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="72"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="72"/><g fill="#5daf00"><rect height="2" opacity=".2" rx="1" width="4" x="11" y="78"/><rect height="2" rx="1" width="66" x="19" y="78"/><rect height="2" opacity=".2" rx="1" width="4" x="11" y="84"/><rect height="2" rx="1" width="66" x="19" y="84"/><rect height="2" opacity=".2" rx="1" width="4" x="11" y="90"/><rect height="2" rx="1" width="66" x="19" y="90"/></g><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="96"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="96"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="102"/><rect fill="#ecedf2" height="2" rx="1" width="13" x="19" y="102"/><g filter="url(#b)"><path d="m48 137h81c4.418 0 8-3.582 8-8v-86l-30.5-32h-58.5c-4.4183 0-8 3.5817-8 8v110c0 4.418 3.5817 8 8 8z" fill="#fff"/><path d="m129 136.5h-81c-4.1421 0-7.5-3.358-7.5-7.5v-110c0-4.1421 3.3579-7.5 7.5-7.5h58.286l30.214 31.7001v85.7999c0 4.142-3.358 7.5-7.5 7.5z" stroke="#d7dae1"/></g><g mask="url(#e)"><path d="m50 21h70l8 8h-78z" fill="#ecedf2"/><g fill="#fff" stroke="#ecedf2"><path d="m50.5 29.5h77v91h-77z"/><path d="m50.5 30.5h77v9h-77z"/><path d="m50.5 39.5h77v9h-77z"/><path d="m50.5 48.5h77v9h-77z"/><path d="m50.5 57.5h77v9h-77z"/><path d="m50.5 66.5h77v9h-77z"/><path d="m50.5 75.5h77v9h-77z"/><path d="m50.5 84.5h77v9h-77z"/><path d="m50.5 93.5h77v9h-77z"/><path d="m50.5 102.5h77v9h-77z"/><path d="m50.5 111.5h77v9h-77z"/></g><path d="m61 31h1v90h-1z" fill="#ecedf2"/><path d="m81 31h1v90h-1z" fill="#ecedf2"/><path d="m114 31h1v90h-1z" fill="#ecedf2"/><path d="m50 57h78v10h-78z" fill="#227fd3" opacity=".1"/><path d="m50 93h78v10h-78z" fill="#5daf00" opacity=".1"/></g><path d="m116 100.5c-8.561 0-15.5 6.939-15.5 15.5s6.939 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.939-15.5-15.5-15.5z" fill="#b9bcc2" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="m116.016 109.778v12.444" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="m111.342 114.445 4.667-4.667 4.667 4.667" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g filter="url(#c)" opacity=".15"><path d="m130 41-22-24-3 24.5z" fill="#1d1f28"/></g><path d="m136.5 43-30-31.5 1.5 26.5z" fill="#fff" stroke="url(#d)" stroke-linejoin="round"/></svg>

package/dist/img/load-file-zip.a8320034.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="142" viewBox="0 0 142 142" width="142" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="128" width="102" x="40" y="0"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_792"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_792" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="134" width="105" x="0" y="8"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_792"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_792" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="32.5" width="33" x="65" y="13"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_550_792" stdDeviation="2"/></filter><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="74.5" x2="85.5" y1="38.5" y2="28"><stop offset="0" stop-color="#bec2ca"/><stop offset="1" stop-color="#d7dae1"/></linearGradient><mask id="e" height="102" maskUnits="userSpaceOnUse" width="82" x="12" y="20"><path d="m12.5 122v-102h63l18.5 18.5v83.5z" fill="#fff"/></mask><g filter="url(#a)"><rect fill="#fff" height="120" rx="8" width="94" x="44" y="3"/><rect height="119" rx="7.5" stroke="#d7dae1" width="93" x="44.5" y="3.5"/></g><g clip-rule="evenodd" fill="#d7dae1" fill-rule="evenodd"><path d="m116.777 77h4.445c1.534 0 2.778-1.2371 2.778-2.7638l-.927-7.4712c0-1.5267-1.242-2.765-2.777-2.765h-2.592c-1.534 0-2.779 1.2366-2.779 2.765l-.925 7.4706c-.001 1.5273 1.243 2.7644 2.777 2.7644zm.223-8.7776c0-1.2281.895-2.2224 2-2.2224s2 .9943 2 2.2224v.5541c0 1.228-.895 2.2235-2 2.2235s-2-.9955-2-2.2235z"/><path d="m115 60.5002c0-.8286.718-1.5002 1.604-1.5002l3.792.001c.887 0 1.604.6706 1.604 1.4992 0 .8281-.717 1.4998-1.604 1.4998h-3.792c-.886-.0015-1.604-.6721-1.604-1.4998z"/><path d="m122 56v2h-4v-2z"/><path d="m122 52v2h-4v-2z"/><path d="m119 54v2h-4v-2z"/><path d="m119 50v2h-4v-2z"/><path d="m122 48v2h-4v-2z"/><path d="m122 44v2h-4v-2z"/><path d="m119 46v2h-4v-2z"/><path d="m119 42v2h-4v-2z"/><path d="m122 40v2h-4v-2z"/><path d="m122 36v2h-4v-2z"/><path d="m119 38v2h-4v-2z"/><path d="m119 34v2h-4v-2z"/><path d="m122 32v2h-4v-2z"/><path d="m122 28v2h-4v-2z"/><path d="m119 30v2h-4v-2z"/><path d="m119 26v2h-4v-2z"/><path d="m122 20v2h-4v-2z"/><path d="m122 16v2h-4v-2z"/><path d="m119 18v2h-4v-2z"/><path d="m122 24v2h-4v-2z"/><path d="m119 22v2h-4v-2z"/><path d="m119 14v2h-4v-2z"/><path d="m122 12v2h-4v-2z"/><path d="m122 8v2h-4v-2z"/><path d="m119 10v2h-4v-2z"/><path d="m119 6v2h-4v-2z"/><path d="m122 4v2h-7v-2z"/></g><g filter="url(#b)"><path d="m12 137h81c4.4183 0 8-3.582 8-8v-86l-30.5-32h-58.5c-4.41828 0-8 3.5817-8 8v110c0 4.418 3.58172 8 8 8z" fill="#fff"/><path d="m93 136.5h-81c-4.14213 0-7.5-3.358-7.5-7.5v-110c0-4.1421 3.35786-7.5 7.5-7.5h58.2858l30.2142 31.7001v85.7999c0 4.142-3.3579 7.5-7.5 7.5z" stroke="#d7dae1"/></g><g mask="url(#e)"><path d="m14 21h70l8 8h-78z" fill="#ecedf2"/><g fill="#fff" stroke="#ecedf2"><path d="m14.5 29.5h77v91h-77z"/><path d="m14.5 30.5h77v9h-77z"/><path d="m14.5 39.5h77v9h-77z"/><path d="m14.5 48.5h77v9h-77z"/><path d="m14.5 57.5h77v9h-77z"/><path d="m14.5 66.5h77v9h-77z"/><path d="m14.5 75.5h77v9h-77z"/><path d="m14.5 84.5h77v9h-77z"/><path d="m14.5 93.5h77v9h-77z"/><path d="m14.5 102.5h77v9h-77z"/><path d="m14.5 111.5h77v9h-77z"/></g><path d="m25 31h1v90h-1z" fill="#ecedf2"/><path d="m45 31h1v90h-1z" fill="#ecedf2"/><path d="m78 31h1v90h-1z" fill="#ecedf2"/><path d="m14 57h78v10h-78z" fill="#157efb" opacity=".1"/><path d="m14 93h78v10h-78z" fill="#157efb" opacity=".1"/></g><path d="m80 100.5c-8.5611 0-15.5 6.939-15.5 15.5s6.9389 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.9389-15.5-15.5-15.5z" fill="#b9bcc2" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="m80.0156 109.778v12.444" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="m75.3424 114.445 4.6667-4.667 4.6667 4.667" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g filter="url(#c)" opacity=".15"><path d="m94 41-22-24-3 24.5z" fill="#1d1f28"/></g><path d="m100.5 43-30-31.5 1.5 26.5z" fill="#fff" stroke="url(#d)" stroke-linejoin="round"/></svg>

package/dist/img/overlay-files.7cb16b90.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="142" viewBox="0 0 143 142" width="143" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="41" y="0"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1620"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1620" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="37" y="4"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1620"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1620" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="33" y="8"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1620"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1620" mode="normal" result="shape"/></filter><filter id="d" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="128" width="102" x="0" y="14"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1620"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1620" mode="normal" result="shape"/></filter><g filter="url(#a)" opacity=".3"><rect fill="#fff" height="116" rx="8" width="94" x="45" y="3"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="45.5" y="3.5"/></g><g filter="url(#b)" opacity=".6"><rect fill="#fff" height="116" rx="8" width="94" x="41" y="7"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="41.5" y="7.5"/></g><g filter="url(#c)"><rect fill="#fff" height="116" rx="8" width="94" x="37" y="11"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="37.5" y="11.5"/></g><path d="m45 21h78v8h-78z" fill="#ecedf2"/><path d="m45.5 29.5h77v82h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 30.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 39.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 48.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 57.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 66.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 75.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 84.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 93.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m45.5 102.5h77v9h-77z" fill="#fff" stroke="#ecedf2"/><path d="m56 31h1v80h-1z" fill="#ecedf2"/><path d="m76 31h1v80h-1z" fill="#ecedf2"/><path d="m109 31h1v80h-1z" fill="#ecedf2"/><path d="m45 57h78v10h-78z" fill="#e9a032" opacity=".16"/><path d="m45 93h78v10h-78z" fill="#e9a032" opacity=".16"/><path d="m45 75h78v10h-78z" fill="#e9a032" opacity=".16"/><g filter="url(#d)"><rect fill="#fff" height="120" rx="8" width="94" x="4" y="17"/><rect height="119" rx="7.5" stroke="#d7dae1" width="93" x="4.5" y="17.5"/></g><path d="m77 100.5c-8.5611 0-15.5 6.939-15.5 15.5s6.9389 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.9389-15.5-15.5-15.5z" fill="#b9bcc2" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="m83.0091 114.797-7.2122 7.213h4.8081" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="m73.3943 109.988h4.8096l-7.2137 7.215" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g clip-rule="evenodd" fill="#d7dae1" fill-rule="evenodd"><path d="m26.7771 91h4.4447c1.534 0 2.7782-1.2371 2.7782-2.7638l-.9267-7.4712c0-1.5267-1.2424-2.765-2.777-2.765h-2.5926c-1.534 0-2.7782 1.2366-2.7782 2.765l-.9255 7.4706c-.0006 1.5273 1.2431 2.7644 2.7771 2.7644zm.2229-8.7776c0-1.2281.8954-2.2224 2-2.2224s2 .9943 2 2.2224v.5541c0 1.228-.8954 2.2235-2 2.2235s-2-.9955-2-2.2235z"/><path d="m25 74.5002c0-.8286.7179-1.5002 1.6037-1.5002l3.7926.001c.8863 0 1.6037.6706 1.6037 1.4992 0 .8281-.7174 1.4998-1.6037 1.4998h-3.7926c-.8858-.0015-1.6037-.6721-1.6037-1.4998z"/><path d="m32 70v2h-4v-2z"/><path d="m32 66v2h-4v-2z"/><path d="m29 68v2h-4v-2z"/><path d="m29 64v2h-4v-2z"/><path d="m32 62v2h-4v-2z"/><path d="m32 58v2h-4v-2z"/><path d="m29 60v2h-4v-2z"/><path d="m29 56v2h-4v-2z"/><path d="m32 54v2h-4v-2z"/><path d="m32 50v2h-4v-2z"/><path d="m29 52v2h-4v-2z"/><path d="m29 48v2h-4v-2z"/><path d="m32 46v2h-4v-2z"/><path d="m32 42v2h-4v-2z"/><path d="m29 44v2h-4v-2z"/><path d="m29 40v2h-4v-2z"/><path d="m32 34v2h-4v-2z"/><path d="m32 30v2h-4v-2z"/><path d="m29 32v2h-4v-2z"/><path d="m32 38v2h-4v-2z"/><path d="m29 36v2h-4v-2z"/><path d="m29 28v2h-4v-2z"/><path d="m32 26v2h-4v-2z"/><path d="m32 22v2h-4v-2z"/><path d="m29 24v2h-4v-2z"/><path d="m29 20v2h-4v-2z"/><path d="m32 18v2h-7v-2z"/></g></svg>

package/dist/img/overlay-metadata.b1df7d12.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="142" viewBox="0 0 141 142" width="141" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="35" y="0"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="31" y="4"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="27" y="8"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="d" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="126" width="105" x="0" y="16"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="e" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="32.5" width="33" x="65" y="21"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_550_1495" stdDeviation="2"/></filter><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="74.5" x2="85.5" y1="46.5" y2="36"><stop offset="0" stop-color="#bec2ca"/><stop offset="1" stop-color="#d7dae1"/></linearGradient><mask id="g" height="94" maskUnits="userSpaceOnUse" width="82" x="12" y="28"><path d="m12.5 122v-94h63l18.5 18.5v75.5z" fill="#fff"/></mask><g filter="url(#a)" opacity=".3"><rect fill="#fff" height="116" rx="8" width="94" x="39" y="3"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="39.5" y="3.5"/></g><g filter="url(#b)" opacity=".6"><rect fill="#fff" height="116" rx="8" width="94" x="35" y="7"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="35.5" y="7.5"/></g><g filter="url(#c)"><rect fill="#fff" height="116" rx="8" width="94" x="31" y="11"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="31.5" y="11.5"/></g><path d="m39 21h78v8h-78z" fill="#ecedf2"/><g fill="#fff"><path d="m39.5 29.5h77v82h-77z" stroke="#ecedf2"/><path d="m39.5 30.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 39.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 48.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 57.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 66.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 75.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 84.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 93.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 102.5h77v9h-77z" stroke="#ecedf2"/></g><path d="m50 31h1v80h-1z" fill="#ecedf2"/><path d="m70 31h1v80h-1z" fill="#ecedf2"/><path d="m103 31h1v80h-1z" fill="#ecedf2"/><path d="m39 57h78v10h-78z" fill="#858e9e" opacity=".1"/><path d="m39 93h78v10h-78z" fill="#858e9e" opacity=".1"/><path d="m39 75h78v10h-78z" fill="#858e9e" opacity=".1"/><g filter="url(#d)"><path d="m12 137h81c4.4183 0 8-3.582 8-8v-78l-30.5-32h-58.5c-4.41828 0-8 3.5817-8 8v102c0 4.418 3.58172 8 8 8z" fill="#fff"/><path d="m93 136.5h-81c-4.14214 0-7.5-3.358-7.5-7.5v-102c0-4.1421 3.35786-7.5 7.5-7.5h58.2858l30.2142 31.7001v77.7999c0 4.142-3.3579 7.5-7.5 7.5z" stroke="#d7dae1"/></g><g mask="url(#g)"><path d="m14 29h70l8 8h-78z" fill="#ecedf2"/><g fill="#fff" stroke="#ecedf2"><path d="m14.5 37.5h77v82h-77z"/><path d="m14.5 38.5h77v9h-77z"/><path d="m14.5 47.5h77v9h-77z"/><path d="m14.5 56.5h77v9h-77z"/><path d="m14.5 65.5h77v9h-77z"/><path d="m14.5 74.5h77v9h-77z"/><path d="m14.5 83.5h77v9h-77z"/><path d="m14.5 92.5h77v9h-77z"/><path d="m14.5 101.5h77v9h-77z"/><path d="m14.5 110.5h77v9h-77z"/></g><path d="m25 39h1v80h-1z" fill="#ecedf2"/><path d="m45 39h1v80h-1z" fill="#ecedf2"/><path d="m78 39h1v80h-1z" fill="#ecedf2"/><path d="m14 65h78v10h-78z" fill="#0eba65" opacity=".1"/><path d="m14 83h78v10h-78z" fill="#0eba65" opacity=".1"/><path d="m14 101h78v10h-78z" fill="#0eba65" opacity=".1"/></g><path d="m80 100.5c-8.5611 0-15.5 6.939-15.5 15.5s6.9389 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.9389-15.5-15.5-15.5z" fill="#b9bcc2" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="m86.0091 114.797-7.2122 7.213h4.8081" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="m76.3943 109.988h4.8096l-7.2137 7.215" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g filter="url(#e)" opacity=".15"><path d="m94 49-22-24-3 24.5z" fill="#1d1f28"/></g><path d="m100.5 51-30-31.5 1.5 26.5z" fill="#fff" stroke="url(#f)" stroke-linejoin="round"/></svg>

package/package.json CHANGED Viewed

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

package/src/assets/images/.DS_Store CHANGED Viewed

Binary file

package/src/assets/images/selectable-tiles-illustrations/load-file-annotations.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/assets/images/selectable-tiles-illustrations/load-file-designation-report.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/assets/images/selectable-tiles-illustrations/load-file-designation.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="142" viewBox="0 0 141 142" width="141" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="128" width="102" x="0" y="0"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_561_249"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_561_249" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="134" width="105" x="36" y="8"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_561_249"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_561_249" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="32.5" width="33" x="101" y="13"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_561_249" stdDeviation="2"/></filter><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="110.5" x2="121.5" y1="38.5" y2="28"><stop offset="0" stop-color="#bec2ca"/><stop offset="1" stop-color="#d7dae1"/></linearGradient><mask id="e" height="102" maskUnits="userSpaceOnUse" width="82" x="48" y="20"><path d="m48.5 122v-102h63l18.5 18.5v83.5z" fill="#fff"/></mask><g filter="url(#a)"><rect fill="#fff" height="120" rx="8" width="94" x="4" y="3"/><rect height="119" rx="7.5" stroke="#d7dae1" width="93" x="4.5" y="3.5"/></g><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="12"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="12"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="18"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="18"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="24"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="24"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="30"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="30"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="36"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="36"/><rect fill="#227fd3" height="2" opacity=".2" rx="1" width="4" x="11" y="42"/><rect fill="#227fd3" height="2" rx="1" width="66" x="19" y="42"/><rect fill="#227fd3" height="2" opacity=".2" rx="1" width="4" x="11" y="48"/><rect fill="#227fd3" height="2" rx="1" width="66" x="19" y="48"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="54"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="54"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="60"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="60"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="66"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="66"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="72"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="72"/><g fill="#5daf00"><rect height="2" opacity=".2" rx="1" width="4" x="11" y="78"/><rect height="2" rx="1" width="66" x="19" y="78"/><rect height="2" opacity=".2" rx="1" width="4" x="11" y="84"/><rect height="2" rx="1" width="66" x="19" y="84"/><rect height="2" opacity=".2" rx="1" width="4" x="11" y="90"/><rect height="2" rx="1" width="66" x="19" y="90"/></g><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="96"/><rect fill="#ecedf2" height="2" rx="1" width="66" x="19" y="96"/><rect fill="#f3f4f7" height="2" rx="1" width="4" x="11" y="102"/><rect fill="#ecedf2" height="2" rx="1" width="13" x="19" y="102"/><g filter="url(#b)"><path d="m48 137h81c4.418 0 8-3.582 8-8v-86l-30.5-32h-58.5c-4.4183 0-8 3.5817-8 8v110c0 4.418 3.5817 8 8 8z" fill="#fff"/><path d="m129 136.5h-81c-4.1421 0-7.5-3.358-7.5-7.5v-110c0-4.1421 3.3579-7.5 7.5-7.5h58.286l30.214 31.7001v85.7999c0 4.142-3.358 7.5-7.5 7.5z" stroke="#d7dae1"/></g><g mask="url(#e)"><path d="m50 21h70l8 8h-78z" fill="#ecedf2"/><g fill="#fff" stroke="#ecedf2"><path d="m50.5 29.5h77v91h-77z"/><path d="m50.5 30.5h77v9h-77z"/><path d="m50.5 39.5h77v9h-77z"/><path d="m50.5 48.5h77v9h-77z"/><path d="m50.5 57.5h77v9h-77z"/><path d="m50.5 66.5h77v9h-77z"/><path d="m50.5 75.5h77v9h-77z"/><path d="m50.5 84.5h77v9h-77z"/><path d="m50.5 93.5h77v9h-77z"/><path d="m50.5 102.5h77v9h-77z"/><path d="m50.5 111.5h77v9h-77z"/></g><path d="m61 31h1v90h-1z" fill="#ecedf2"/><path d="m81 31h1v90h-1z" fill="#ecedf2"/><path d="m114 31h1v90h-1z" fill="#ecedf2"/><path d="m50 57h78v10h-78z" fill="#227fd3" opacity=".1"/><path d="m50 93h78v10h-78z" fill="#5daf00" opacity=".1"/></g><path d="m116 100.5c-8.561 0-15.5 6.939-15.5 15.5s6.939 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.939-15.5-15.5-15.5z" fill="#b9bcc2" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="m116.016 109.778v12.444" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="m111.342 114.445 4.667-4.667 4.667 4.667" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g filter="url(#c)" opacity=".15"><path d="m130 41-22-24-3 24.5z" fill="#1d1f28"/></g><path d="m136.5 43-30-31.5 1.5 26.5z" fill="#fff" stroke="url(#d)" stroke-linejoin="round"/></svg>

package/src/assets/images/selectable-tiles-illustrations/load-file-zip.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/assets/images/selectable-tiles-illustrations/overlay-files.svg ADDED Viewed

@@ -0,0 +1 @@

package/src/assets/images/selectable-tiles-illustrations/overlay-metadata.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg fill="none" height="142" viewBox="0 0 141 142" width="141" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="35" y="0"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="31" y="4"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="124" width="102" x="27" y="8"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="d" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="126" width="105" x="0" y="16"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0.278431 0 0 0 0 0.294118 0 0 0 0 0.376471 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_550_1495"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_550_1495" mode="normal" result="shape"/></filter><filter id="e" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="32.5" width="33" x="65" y="21"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" mode="normal" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_550_1495" stdDeviation="2"/></filter><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="74.5" x2="85.5" y1="46.5" y2="36"><stop offset="0" stop-color="#bec2ca"/><stop offset="1" stop-color="#d7dae1"/></linearGradient><mask id="g" height="94" maskUnits="userSpaceOnUse" width="82" x="12" y="28"><path d="m12.5 122v-94h63l18.5 18.5v75.5z" fill="#fff"/></mask><g filter="url(#a)" opacity=".3"><rect fill="#fff" height="116" rx="8" width="94" x="39" y="3"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="39.5" y="3.5"/></g><g filter="url(#b)" opacity=".6"><rect fill="#fff" height="116" rx="8" width="94" x="35" y="7"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="35.5" y="7.5"/></g><g filter="url(#c)"><rect fill="#fff" height="116" rx="8" width="94" x="31" y="11"/><rect height="115" rx="7.5" stroke="#d7dae1" width="93" x="31.5" y="11.5"/></g><path d="m39 21h78v8h-78z" fill="#ecedf2"/><g fill="#fff"><path d="m39.5 29.5h77v82h-77z" stroke="#ecedf2"/><path d="m39.5 30.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 39.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 48.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 57.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 66.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 75.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 84.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 93.5h77v9h-77z" stroke="#ecedf2"/><path d="m39.5 102.5h77v9h-77z" stroke="#ecedf2"/></g><path d="m50 31h1v80h-1z" fill="#ecedf2"/><path d="m70 31h1v80h-1z" fill="#ecedf2"/><path d="m103 31h1v80h-1z" fill="#ecedf2"/><path d="m39 57h78v10h-78z" fill="#858e9e" opacity=".1"/><path d="m39 93h78v10h-78z" fill="#858e9e" opacity=".1"/><path d="m39 75h78v10h-78z" fill="#858e9e" opacity=".1"/><g filter="url(#d)"><path d="m12 137h81c4.4183 0 8-3.582 8-8v-78l-30.5-32h-58.5c-4.41828 0-8 3.5817-8 8v102c0 4.418 3.58172 8 8 8z" fill="#fff"/><path d="m93 136.5h-81c-4.14214 0-7.5-3.358-7.5-7.5v-102c0-4.1421 3.35786-7.5 7.5-7.5h58.2858l30.2142 31.7001v77.7999c0 4.142-3.3579 7.5-7.5 7.5z" stroke="#d7dae1"/></g><g mask="url(#g)"><path d="m14 29h70l8 8h-78z" fill="#ecedf2"/><g fill="#fff" stroke="#ecedf2"><path d="m14.5 37.5h77v82h-77z"/><path d="m14.5 38.5h77v9h-77z"/><path d="m14.5 47.5h77v9h-77z"/><path d="m14.5 56.5h77v9h-77z"/><path d="m14.5 65.5h77v9h-77z"/><path d="m14.5 74.5h77v9h-77z"/><path d="m14.5 83.5h77v9h-77z"/><path d="m14.5 92.5h77v9h-77z"/><path d="m14.5 101.5h77v9h-77z"/><path d="m14.5 110.5h77v9h-77z"/></g><path d="m25 39h1v80h-1z" fill="#ecedf2"/><path d="m45 39h1v80h-1z" fill="#ecedf2"/><path d="m78 39h1v80h-1z" fill="#ecedf2"/><path d="m14 65h78v10h-78z" fill="#0eba65" opacity=".1"/><path d="m14 83h78v10h-78z" fill="#0eba65" opacity=".1"/><path d="m14 101h78v10h-78z" fill="#0eba65" opacity=".1"/></g><path d="m80 100.5c-8.5611 0-15.5 6.939-15.5 15.5s6.9389 15.5 15.5 15.5 15.5-6.939 15.5-15.5-6.9389-15.5-15.5-15.5z" fill="#b9bcc2" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><path d="m86.0091 114.797-7.2122 7.213h4.8081" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><path d="m76.3943 109.988h4.8096l-7.2137 7.215" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/><g filter="url(#e)" opacity=".15"><path d="m94 49-22-24-3 24.5z" fill="#1d1f28"/></g><path d="m100.5 51-30-31.5 1.5 26.5z" fill="#fff" stroke="url(#f)" stroke-linejoin="round"/></svg>

package/src/components/button/button.vue CHANGED Viewed

@@ -1,5 +1,5 @@
 <template>
-  <a v-if="href" :href="href" :target="target"
+  <a v-if="href && !addon" :href="href" :target="target"
     class="ecs-button"
     :class="[
       typeClass,
@@ -17,7 +17,7 @@
     <slot></slot>
   </a>
-  <button v-else
+  <button v-else-if="!addon"
     class="ecs-button"
     :class="[
       typeClass,
@@ -34,6 +34,18 @@
     <ecs-icon v-if="icon || loading" :type="iconType" :width="iconSize" :height="iconSize" />
     <slot></slot>
   </button>
+  <button v-else
+    class="ecs-button ecs-button-addon"
+    :class="[
+      typeClass,
+      sizeClass,
+      active ? `active` : '',]"
+      @click="$emit('click', $event)">
+      <svg width="8" height="6" viewBox="0 0 8 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M1 1.5L4 4.5L7 1.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+      </svg>
+  </button>
 </template>
 <script>
@@ -73,7 +85,9 @@
       /** If the button should act as a link, you can set the href with this prop. */
       href: String,
       /** If the button should act as a link, this allows you to modify the target attribute. */
-      target: String
+      target: String,
+      /** Renders a small dropdown add-on button variant, which should only be used in combination with a regular button, and within an `EcsButtonGroup`. */
+      addon: Boolean
     },
     computed: {
@@ -219,7 +233,7 @@
     }
     &:focus{
-      box-shadow: 0 0 0 2px $color-blue-2;
+      box-shadow: 0 0 0 2px rgba($color-blue-8, .1);
     }
     &:active,
@@ -247,7 +261,7 @@
     }
     &:focus{
-      box-shadow: 0 0 0 2px $color-gray-2;
+      box-shadow: 0 0 0 2px rgba($color-gray-8, .1);
     }
     &:active,
@@ -275,7 +289,7 @@
     }
     &:focus{
-      box-shadow: 0 0 0 2px $color-red-3;
+      box-shadow: 0 0 0 2px rgba($color-red-8, .1);
       color: $color-red-9;
     }
@@ -299,7 +313,7 @@
     }
     &:focus{
-      box-shadow: 0 0 0 2px $color-red-3;
+      box-shadow: 0 0 0 2px rgba($color-red-8, .1);
       color: $color-red-9;
     }
@@ -323,7 +337,7 @@
     }
     &:focus{
-      box-shadow: 0 0 0 2px $color-yellow-4;
+      box-shadow: 0 0 0 2px rgba($color-yellow-7, .2);
     }
     &:active,
@@ -348,7 +362,7 @@
     }
     &:focus{
-      box-shadow: 0 0 0 3px $color-green-2;
+      box-shadow: 0 0 0 3px rgba($color-green-10, .1);
     }
     &:active,
@@ -367,7 +381,7 @@
     }
     &:focus{
-      box-shadow: 0 0 0 3px $color-blue-2;
+      box-shadow: 0 0 0 3px rgba($color-blue-10, .1);
     }
     &:active,
@@ -400,4 +414,65 @@
     }
   }
 }
+.ecs-button-addon{
+  &.ecs-button-sml{
+    padding: 0 $spacing-5;
+  }
+  &.ecs-button-md{
+    padding: 0 6px;
+  }
+  &.ecs-button-lg{
+    padding: 0 $spacing-10;
+  }
+  &.ecs-button-primary,
+  &.ecs-button-secondary,
+  &.ecs-button-danger,
+  &.ecs-button-danger-vibrant,
+  &.ecs-button-warning{
+    &:before{
+      content: "";
+      background: rgba($color-gray-12, .1);
+      width: 1px;
+      height: 60%;
+      border-radius: 1px;
+      position: absolute;
+      left: -1px;
+      top: 20%;
+      transition: .5s;
+    }
+    &:hover:before{
+      opacity: 0;
+    }
+  }
+}
+.ecs-button-group{
+  .ecs-button-create,
+  .ecs-button-vibrant{
+    border-radius: 0;
+    border-right: 1px solid;
+  }
+  .ecs-button-create{
+    border-color: $color-green-10;
+  }
+  .ecs-button-create:first-child,
+  .ecs-button-vibrant:first-child{
+    border-top-left-radius: $border-radius-small;
+    border-bottom-left-radius: $border-radius-small;
+  }
+  .ecs-button-create:last-child,
+  .ecs-button-vibrant:last-child{
+    border-top-right-radius: $border-radius-small;
+    border-bottom-right-radius: $border-radius-small;
+    border-right: none;
+  }
+}
 </style>

package/src/components/button-group/button-group.vue ADDED Viewed

@@ -0,0 +1,14 @@
+<template>
+  <div class="ecs-button-group">
+    <slot></slot>
+  </div>
+</template>
+<style lang="scss" scoped>
+@import "../../tokens/build/scss/tokens.scss";
+.ecs-button-group{
+  display: flex;
+  align-items: center;
+}
+</style>