@nanoporetech-digital/components 7.9.2 → 8.0.0-alpha.0

package/dist/collection/components/icon/pictogram/microbiome-metagenomics.svg

@@ -0,0 +1,16 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9531)">
+<path d="M42.145 4.91263C40.1877 4.91263 38.5952 6.50502 38.5952 8.46236C38.5952 10.4197 40.1877 12.0121 42.145 12.0121C44.1022 12.0121 45.6947 10.4197 45.6947 8.46236C45.6947 6.50502 44.1022 4.91263 42.145 4.91263ZM42.145 10.5815C40.9765 10.5815 40.0259 9.63082 40.0259 8.46236C40.0259 7.29391 40.9765 6.3433 42.145 6.3433C43.3134 6.3433 44.264 7.29391 44.264 8.46236C44.264 9.63082 43.3134 10.5815 42.145 10.5815Z"/>
+<path d="M22.2364 25.6308C22.6775 24.377 22.604 23.0264 22.0293 21.828C21.4235 20.5646 20.3501 19.6743 19.1156 19.2624C19.7894 18.6966 20.3027 17.9593 20.6024 17.1076C21.0435 15.8538 20.9699 14.5032 20.3953 13.3047C19.209 10.8307 16.231 9.78301 13.7571 10.9692C11.283 12.1555 10.2353 15.1334 11.4216 17.6074C11.9962 18.8059 13.0032 19.7089 14.257 20.15C14.2822 20.1589 14.3077 20.1665 14.333 20.175C13.6603 20.7405 13.1478 21.4771 12.8485 22.3279C12.4074 23.5817 12.4809 24.9322 13.0556 26.1307C13.0942 26.2113 13.1354 26.2899 13.1778 26.3675C12.4646 26.3767 11.7557 26.5404 11.0934 26.858C9.89493 27.4327 8.99193 28.4397 8.55084 29.6934C8.53259 29.7453 8.51657 29.7976 8.50009 29.8497C7.0485 28.3953 4.77945 27.9366 2.82426 28.8742C0.350178 30.0604 -0.697477 33.0384 0.488744 35.5124C1.34334 37.2947 3.12744 38.3366 4.98344 38.3366C5.70377 38.3366 6.43522 38.1796 7.12695 37.8478C8.41653 37.2296 9.31741 36.1241 9.71755 34.8573C10.2388 35.3816 10.8753 35.7863 11.5933 36.0388C12.1337 36.229 12.692 36.3235 13.2484 36.3235C13.983 36.3235 14.7142 36.1587 15.3961 35.8317C16.5946 35.257 17.4976 34.2501 17.9387 32.9964C18.3798 31.7425 18.3062 30.392 17.7316 29.1936C17.6925 29.112 17.651 29.0321 17.6079 28.9533C18.3096 28.9451 19.0205 28.789 19.6938 28.4662C20.8923 27.8915 21.7952 26.8845 22.2364 25.6308ZM12.7116 16.9889C11.8664 15.2262 12.6129 13.1045 14.3756 12.2593C14.8686 12.0229 15.3895 11.9111 15.9028 11.9111C17.2251 11.9111 18.4964 12.6536 19.1052 13.9233C19.9504 15.686 19.204 17.8077 17.4412 18.6529C16.5873 19.0623 15.6251 19.1148 14.7318 18.8004C13.8385 18.4861 13.121 17.8428 12.7116 16.9889ZM6.50842 36.5579C4.74568 37.403 2.62397 36.6566 1.7788 34.8939C0.933633 33.1311 1.68005 31.0094 3.4428 30.1642C3.93579 29.9279 4.45667 29.816 4.97002 29.816C6.29226 29.816 7.56356 30.5585 8.17241 31.8282C8.24872 31.9874 8.31161 32.1495 8.3624 32.3133C8.38925 32.4475 8.42266 32.5806 8.46078 32.7129C8.7461 34.2495 7.98344 35.8507 6.50842 36.5579ZM16.5891 32.5215C16.2748 33.4148 15.6315 34.1323 14.7776 34.5417C13.9236 34.9511 12.9614 35.0037 12.0681 34.6892C11.1748 34.375 10.4574 33.7316 10.048 32.8777C9.97006 32.7152 9.9059 32.5497 9.85458 32.3824C9.82889 32.2542 9.79692 32.1265 9.76068 31.9994C9.47204 30.4608 10.2349 28.8563 11.712 28.1481C12.1979 27.9151 12.7188 27.7978 13.2421 27.7978C13.6385 27.7978 14.0364 27.8651 14.4214 28.0006C15.3147 28.3149 16.0321 28.9582 16.4415 29.8121C16.851 30.666 16.9034 31.6282 16.5891 32.5215ZM14.3456 25.5122C13.9362 24.6583 13.8838 23.696 14.1981 22.8027C14.5124 21.9094 15.1557 21.1919 16.0096 20.7825C16.4955 20.5496 17.0164 20.4322 17.5398 20.4322C17.9362 20.4322 18.3341 20.4995 18.7191 20.635C19.6123 20.9493 20.3298 21.5926 20.7392 22.4465C21.1487 23.3004 21.2011 24.2627 20.8868 25.1559C20.5725 26.0493 19.9291 26.7667 19.0752 27.1761C17.3124 28.0211 15.1907 27.2748 14.3456 25.5122Z"/>
+<path d="M57.0029 19.5211L62.9883 25.5065L64 24.4949L57.4864 17.9812C57.5775 17.5143 57.6247 17.0353 57.6247 16.549C57.6247 14.5742 56.8556 12.7176 55.4593 11.3212L47.1443 3.00624C45.7479 1.60985 43.8913 0.84082 41.9165 0.84082C39.9418 0.84082 38.0852 1.60985 36.6888 3.00624C33.8063 5.88883 33.8062 10.5791 36.6887 13.4617L45.0038 21.7767C46.4001 23.1731 48.2567 23.9421 50.2315 23.9421C50.7179 23.9421 51.1969 23.8949 51.6639 23.8038L58.1774 30.3174L59.1891 29.3057L53.2037 23.3203C53.8204 23.0494 54.4009 22.6944 54.9291 22.2582L62.4347 29.7638L63.4464 28.7522L55.9408 21.2465C56.377 20.7183 56.732 20.1378 57.0029 19.5211ZM50.2315 22.5114C48.6389 22.5114 47.1416 21.8912 46.0155 20.7651L37.7005 12.45C35.3757 10.1253 35.3757 6.34265 37.7006 4.01786C38.8266 2.89167 40.3239 2.27149 41.9165 2.27149C43.5092 2.27149 45.0065 2.89172 46.1326 4.01786L54.4476 12.3328C56.6011 14.4863 56.7582 17.89 54.9221 20.2278L54.8677 20.1734L53.856 21.1851L53.9107 21.2398C52.865 22.0633 51.583 22.5114 50.2315 22.5114Z"/>
+<path d="M42.6368 41.1706C42.6368 39.7856 41.5099 38.6588 40.1249 38.6588C38.7398 38.6588 37.6129 39.7856 37.6129 41.1706C37.6129 42.5557 38.7398 43.6826 40.1249 43.6826C41.5099 43.6826 42.6368 42.5557 42.6368 41.1706ZM39.0436 41.1706C39.0436 40.5745 39.5287 40.0895 40.1249 40.0895C40.7211 40.0895 41.2062 40.5745 41.2062 41.1706C41.2062 41.7668 40.7211 42.2519 40.1249 42.2519C39.5287 42.2519 39.0436 41.7668 39.0436 41.1706Z"/>
+<path d="M42.3687 46.6522C40.9836 46.6522 39.8567 47.7791 39.8567 49.1642C39.8567 50.5492 40.9836 51.6761 42.3687 51.6761C43.7538 51.6761 44.8806 50.5492 44.8806 49.1642C44.8806 47.7791 43.7538 46.6522 42.3687 46.6522ZM42.3687 50.2455C41.7725 50.2455 41.2874 49.7603 41.2874 49.1642C41.2874 48.568 41.7725 48.0829 42.3687 48.0829C42.9649 48.0829 43.45 48.568 43.45 49.1642C43.45 49.7603 42.9649 50.2455 42.3687 50.2455Z"/>
+<path d="M33.6621 43.6352C31.6041 43.6352 29.9298 45.3096 29.9298 47.3675C29.9298 49.4255 31.6041 51.0999 33.6621 51.0999C35.7201 51.0999 37.3945 49.4255 37.3945 47.3675C37.3945 45.3096 35.7201 43.6352 33.6621 43.6352ZM33.6621 49.6692C32.393 49.6692 31.3605 48.6367 31.3605 47.3675C31.3605 46.0984 32.393 45.0659 33.6621 45.0659C34.9313 45.0659 35.9638 46.0984 35.9638 47.3675C35.9638 48.6367 34.9313 49.6692 33.6621 49.6692Z"/>
+<path d="M46.5947 38.0512L50.0223 34.6235L49.0106 33.6118L45.583 37.0394C43.5949 35.2703 41.0262 34.1407 38.2023 33.9765V29.1349H36.7717V33.9765C33.9478 34.1407 31.3791 35.2702 29.391 37.0394L25.9634 33.6117L24.9518 34.6234L28.3793 38.0511C26.6101 40.0392 25.4805 42.6079 25.3162 45.4318H20.4748V46.8625H25.3162C25.4805 49.6864 26.6101 52.2551 28.3793 54.2432L24.9517 57.6709L25.9633 58.6826L29.391 55.2549C31.3791 57.0241 33.9477 58.1536 36.7717 58.3178V63.1594H38.2023V58.3178C41.0262 58.1536 43.5949 57.024 45.583 55.2549L49.0106 58.6825L50.0223 57.6708L46.5947 54.2431C48.3639 52.2551 49.4935 49.6864 49.6577 46.8625H54.4992V45.4318H49.6577C49.4935 42.6079 48.3639 40.0392 46.5947 38.0512ZM37.487 56.9087C31.553 56.9087 26.7254 52.0811 26.7254 46.1472C26.7254 40.2132 31.553 35.3856 37.487 35.3856C43.4209 35.3856 48.2486 40.2132 48.2486 46.1472C48.2486 52.0811 43.4209 56.9087 37.487 56.9087Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9531">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/multiomics.svg

@@ -0,0 +1,13 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9547)">
+<path d="M32 32.8276L60.4296 16.4138L32 0L3.57043 16.4138L32 32.8276ZM6.43743 16.4138L32 1.65528L57.5626 16.4138L32 31.1724L6.43743 16.4138Z"/>
+<path d="M52.6461 23.9661L57.5626 26.8046L32 41.5631L6.43743 26.8046L11.3539 23.9661L9.92035 23.1384L3.57043 26.8046L32 43.2184L60.4296 26.8046L54.0796 23.1384L52.6461 23.9661Z"/>
+<path d="M52.6799 34.3764L57.5626 37.1954L32 51.954L6.43743 37.1954L11.3201 34.3764L9.88657 33.5488L3.57043 37.1954L32 53.6092L60.4296 37.1954L54.1134 33.5488L52.6799 34.3764Z"/>
+<path d="M52.6891 44.7725L57.5626 47.5862L32 62.3447L6.43743 47.5862L11.3109 44.7725L9.8774 43.9449L3.57043 47.5862L32 64L60.4296 47.5862L54.1226 43.9448L52.6891 44.7725Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9547">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/plant-research.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M63.3527 3.52246H54.4649C48.2915 3.52246 42.4875 5.92653 38.1222 10.2918C33.7568 14.6572 31.3528 20.4611 31.3528 26.6346V28.5219C30.2214 25.2912 28.3699 22.3299 25.8779 19.8379C21.5126 15.4726 15.7086 13.0685 9.53513 13.0685H0.647249C0.289763 13.0685 0 13.3583 0 13.7158V22.6037C0 28.7772 2.40407 34.5811 6.76938 38.9464C11.1347 43.3117 16.9387 45.7158 23.1121 45.7158H31.3528V60.4774H32.6473V36.1807C32.6473 36.177 32.6471 36.1734 32.6471 36.1697H40.888C47.0614 36.1697 52.8654 33.7656 57.2306 29.4003C61.5959 25.035 64 19.2311 64 13.0576V4.16971C64 3.81222 63.7102 3.52246 63.3527 3.52246ZM31.3528 43.506L14.9439 27.0971L14.0285 28.0124L20.8913 34.8752H14.0623V36.1697H22.1858L30.4374 44.4213H23.1121C17.2844 44.4213 11.8055 42.1519 7.68472 38.0311C3.56393 33.9103 1.2945 28.4314 1.2945 22.6037V14.363H9.53513C15.3629 14.363 20.8417 16.6325 24.9625 20.7533C29.0833 24.8741 31.3528 30.353 31.3528 36.1807V43.506ZM62.7055 13.0576C62.7055 18.8853 60.4361 24.3642 56.3153 28.485C52.1945 32.6058 46.7156 34.8752 40.888 34.8752H33.5626L42.1456 26.2922H42.1722V26.2656L49.9715 18.4663L49.0561 17.551L42.1722 24.4349V17.5688H40.8777V25.7294L32.6473 33.9598V26.6346C32.6473 20.8069 34.9167 15.328 39.0375 11.2072C43.1584 7.08639 48.6372 4.81696 54.4649 4.81696H62.7055V13.0576Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/population-genomics.svg

@@ -0,0 +1,6 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M22.7005 49.2315H13.8382C9.74998 49.2315 6.42395 52.5575 6.42395 56.6458V64H7.90469V56.6458C7.90469 53.374 10.5664 50.7122 13.8382 50.7122H22.7005C25.9723 50.7122 28.6341 53.374 28.6341 56.6458V64H30.1148V56.6458C30.1148 52.5575 26.7888 49.2315 22.7005 49.2315Z"/>
+<path d="M18.0872 45.48C18.1488 45.4816 18.2102 45.4824 18.2716 45.4824C20.086 45.4824 21.7931 44.7895 23.0959 43.5197C24.4433 42.2066 25.1854 40.4474 25.1854 38.5664V34.9128C25.1854 32.3206 23.7511 30.0582 21.6353 28.8741V28.6491C21.6353 25.3773 24.2971 22.7155 27.5688 22.7155H36.4311C39.7029 22.7155 42.3646 25.3773 42.3646 28.6491V28.8741C40.2488 30.0582 38.8145 32.3206 38.8145 34.9128V38.4273C38.8145 42.2206 41.8354 45.3844 45.5485 45.48C45.6101 45.4816 45.6714 45.4824 45.7327 45.4824C47.5472 45.4824 49.2542 44.7895 50.5572 43.5197C51.9046 42.2065 52.6466 40.4474 52.6466 38.5664V34.9128C52.6466 31.0992 49.5441 27.9967 45.7306 27.9967C45.0733 27.9967 44.438 28.0908 43.8353 28.2629C43.6337 24.3534 40.3898 21.2348 36.4311 21.2348H27.5688C23.6101 21.2348 20.3662 24.3534 20.1646 28.2629C19.5619 28.0908 18.9266 27.9967 18.2694 27.9967C14.4558 27.9967 11.3533 31.0992 11.3533 34.9128V38.4273C11.3533 42.2206 14.3742 45.3844 18.0872 45.48ZM51.1659 34.9128V38.5664C51.1659 40.0447 50.5827 41.4272 49.5237 42.4593C48.4652 43.4908 47.0678 44.0379 45.5866 43.9997C42.6689 43.9246 40.2952 41.4249 40.2952 38.4273V34.9128C40.2952 31.9157 42.7336 29.4774 45.7306 29.4774C48.7276 29.4774 51.1659 31.9157 51.1659 34.9128ZM12.8341 34.9128C12.8341 31.9157 15.2723 29.4774 18.2694 29.4774C21.2664 29.4774 23.7047 31.9157 23.7047 34.9128V38.5664C23.7047 40.0447 23.1214 41.4272 22.0625 42.4593C21.0039 43.4908 19.6045 44.0383 18.1254 43.9997C15.2077 43.9246 12.8341 41.4249 12.8341 38.4273V34.9128Z"/>
+<path d="M50.1617 49.2315H41.2994C37.2112 49.2315 33.8852 52.5575 33.8852 56.6458V64H35.3659V56.6458C35.3659 53.374 38.0277 50.7122 41.2994 50.7122H50.1617C53.4335 50.7122 56.0952 53.374 56.0952 56.6458V64H57.5759V56.6458C57.5759 52.5575 54.25 49.2315 50.1617 49.2315Z"/>
+<path d="M31.8179 17.4833C31.8795 17.4849 31.9407 17.4857 32.0021 17.4857C33.8165 17.4857 35.5237 16.7927 36.8266 15.523C38.174 14.2099 38.916 12.4508 38.916 10.5697V6.91601C38.916 3.10251 35.8135 0 32 0C28.1864 0 25.0839 3.10251 25.0839 6.91601V10.4306C25.0839 14.2238 28.1048 17.3877 31.8179 17.4833ZM26.5646 6.91601C26.5646 3.91901 29.0029 1.48074 32 1.48074C34.997 1.48074 37.4353 3.91901 37.4353 6.91601V10.5697C37.4353 12.048 36.8521 13.4305 35.7931 14.4625C34.7347 15.4941 33.3365 16.041 31.856 16.0031C28.9384 15.9279 26.5646 13.4281 26.5646 10.4306V6.91601Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/prepare.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M42.8159 0H21.184C20.775 0 20.4435 0.33154 20.4435 0.740567V10.5379C20.4435 10.947 20.775 11.2785 21.184 11.2785H23.5449V38.5627L27.3578 60.1074C27.757 62.363 29.7093 64 32 64C34.2906 64 36.2429 62.363 36.642 60.1074L40.455 38.5627V11.2785H42.8159C43.2249 11.2785 43.5564 10.947 43.5564 10.5379V0.740567C43.5564 0.33154 43.2249 0 42.8159 0ZM38.9739 38.4328L35.1836 59.8493C34.9098 61.3961 33.571 62.5189 32 62.5189C30.429 62.5189 29.0901 61.3961 28.8163 59.8493L25.026 38.4328V11.2785H38.9739V38.4328ZM42.0753 9.79738H21.9246V1.48113H42.0753V9.79738Z"/>
+<path d="M32.1022 59.3782C33.0139 59.3782 33.0411 58.6773 33.0411 58.6773L33.842 53.2607H30.3624L31.1634 58.6773C31.1634 58.6773 31.1906 59.3782 32.1022 59.3782Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/scalable.svg

@@ -0,0 +1,12 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9555)">
+<path d="M59.6061 0H15.6135C13.1909 0 11.2198 2.00282 11.2198 4.46472V28.7527H12.6751V4.46472C12.6751 2.81716 13.9931 1.47684 15.6135 1.47684H59.6061C61.2264 1.47684 62.5447 2.81716 62.5447 4.46472V49.1791C62.5447 50.8266 61.2264 52.1668 59.6061 52.1668H35.709V53.6437H59.6061C62.0289 53.6437 64 51.6408 64 49.1791V4.46472C64 2.00282 62.0289 0 59.6061 0Z"/>
+<path d="M16.5335 48.4935L46.1521 18.8746V33.6222H47.6021V16.3978H30.3778V17.8477H45.1253L15.5067 47.4666L16.5335 48.4935Z"/>
+<path d="M30.609 59.5964C30.609 61.2206 29.2879 62.542 27.6637 62.542H4.40387C2.77967 62.542 1.45835 61.2206 1.45835 59.5964V36.3361C1.45835 34.712 2.77967 33.3907 4.40387 33.3907H23.1567V31.9324H4.40387C1.97559 31.9324 0 33.9079 0 36.3361V59.5964C0 62.0246 1.97559 64 4.40387 64H27.6637C30.092 64 32.0676 62.0246 32.0676 59.5964V40.8434H30.609V59.5964Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9555">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/sequence.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M54.2678 55.9396H44.9712V38.4425H39.7889V23.8137H35.0734V31.2715H29.6523V41.7181H19.8375V8.32451H13.7353V25.5524H0V24.2882H12.4711V7.0603H21.1017V40.4538H28.3881V30.0073H33.8092V22.5495H41.0532V37.1783H46.2354V54.6754H53.0036V25.1311H64V26.3953H54.2678V55.9396Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/single-cell-spatial-transcriptions.svg

@@ -0,0 +1,12 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9619)">
+<path d="M36.8024 25.3901C35.3974 24.3693 33.7367 23.8298 32 23.8298C30.2634 23.8298 28.6027 24.3693 27.1976 25.3901C25.7926 26.411 24.7663 27.8236 24.2297 29.4753C23.693 31.127 23.693 32.873 24.2297 34.5247C24.7663 36.1765 25.7926 37.5891 27.1976 38.6099C28.6026 39.6307 30.2632 40.1703 32 40.1703C33.7368 40.1703 35.3975 39.6307 36.8024 38.6099C38.2075 37.5891 39.2337 36.1765 39.7704 34.5247C40.307 32.873 40.307 31.127 39.7704 29.4753C39.2337 27.8236 38.2075 26.4111 36.8024 25.3901ZM38.4171 34.085C37.9739 35.449 37.1263 36.6156 35.966 37.4586C34.8058 38.3017 33.4344 38.7472 32 38.7472C30.5657 38.7472 29.1943 38.3017 28.0341 37.4586C26.8738 36.6156 26.0262 35.4491 25.583 34.085C25.1398 32.721 25.1398 31.279 25.583 29.915C26.0262 28.551 26.8738 27.3844 28.0341 26.5414C29.1944 25.6984 30.5658 25.2528 32 25.2528C33.4343 25.2528 34.8057 25.6984 35.966 26.5414C37.1263 27.3845 37.9739 28.5511 38.4171 29.915C38.8602 31.279 38.8602 32.721 38.4171 34.085Z"/>
+<path d="M63.0327 27.1716L57.3576 13.4709C56.068 10.3572 53.643 7.93211 50.5292 6.64235L36.8285 0.967317C33.7149 -0.322439 30.2852 -0.322439 27.1716 0.967317L13.4708 6.64235C10.3571 7.93206 7.93203 10.3572 6.64232 13.4709L0.967281 27.1716C-0.322427 30.2852 -0.322427 33.7148 0.967281 36.8285L6.64232 50.5292C7.93208 53.6429 10.3571 56.068 13.4708 57.3576L27.1716 63.0327C28.7284 63.6776 30.3642 64 32 64C33.6359 64 35.2717 63.6776 36.8285 63.0327L50.5292 57.3576C53.643 56.068 56.068 53.6429 57.3576 50.5292L63.0327 36.8285C64.3224 33.7148 64.3224 30.2852 63.0327 27.1716ZM61.7181 36.284L56.043 49.9847C54.8987 52.7472 52.7472 54.8987 49.9847 56.043L36.284 61.7181C33.5215 62.8623 30.4787 62.8624 27.7161 61.7181L14.0154 56.043C11.2529 54.8987 9.10128 52.7472 7.95704 49.9847L2.282 36.284C1.13771 33.5214 1.13771 30.4786 2.282 27.7161L7.95704 14.0154C9.10128 11.2529 11.2528 9.10131 14.0154 7.95707L27.7161 2.28204C30.4787 1.13775 33.5213 1.13775 36.284 2.28204L49.9847 7.95707C52.7472 9.10131 54.8987 11.2529 56.043 14.0154L61.7181 27.7161C62.8623 30.4786 62.8623 33.5214 61.7181 36.284Z"/>
+<path d="M53.0467 18.3046C51.6583 14.9526 49.0476 12.3419 45.6955 10.9533L37.1981 7.43362C33.846 6.04529 30.154 6.04529 26.8019 7.43362L18.3045 10.9533C14.9525 12.3418 12.3418 14.9525 10.9533 18.3046L7.43359 26.8019C6.04516 30.154 6.04516 33.846 7.43359 37.1981L10.9533 45.6955C12.3418 49.0476 14.9526 51.6583 18.3045 53.0467L26.8019 56.5664C28.478 57.2606 30.239 57.6077 32 57.6077C33.761 57.6077 35.522 57.2606 37.1981 56.5664L45.6955 53.0467C49.0475 51.6583 51.6583 49.0475 53.0467 45.6955L56.5664 37.1981C57.9549 33.846 57.9549 30.154 56.5664 26.8019L53.0467 18.3046ZM55.2518 36.6535L51.7321 45.1509C50.489 48.1518 48.1518 50.489 45.1509 51.7321L36.6535 55.2518C33.6526 56.4947 30.3474 56.4947 27.3465 55.2518L18.8491 51.7321C15.8483 50.4891 13.5111 48.1519 12.268 45.1509L8.74831 36.6535C7.5053 33.6526 7.5053 30.3474 8.74831 27.3465L12.268 18.8491C13.511 15.8483 15.8483 13.5111 18.8491 12.2681L27.3465 8.74834C30.3473 7.50563 33.6528 7.50543 36.6535 8.74834L45.1509 12.2681C48.1519 13.5111 50.4891 15.8483 51.7321 18.8491L55.2518 27.3465C56.4947 30.3474 56.4947 33.6526 55.2518 36.6535Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9619">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/snvs-phasing.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M41.3567 0.726094C41.3462 2.68 40.8066 4.54006 39.7784 6.22893H12.9043C11.9776 4.61082 11.4904 2.84294 11.4803 0.990073L11.4765 0.263979L10.0243 0.271677L10.0281 0.997771C10.047 4.49007 11.5342 7.70421 14.3292 10.2925C14.3347 10.2978 14.3401 10.3027 14.3458 10.3077C16.4533 12.1418 18.7614 13.4283 21.1974 14.6283C21.6864 14.3907 22.1753 14.1557 22.6622 13.922L22.8656 13.8244C20.1405 12.5175 17.5711 11.1872 15.3079 9.21981C14.7805 8.73055 14.3087 8.21581 13.8873 7.68112H38.7376C38.3712 8.1214 37.9695 8.54731 37.5294 8.95563C35.1189 11.051 32.3609 12.4236 29.4376 13.815L26.1541 15.3987C25.6174 15.6668 25.0799 15.9429 24.5433 16.2319C24.4821 16.2648 24.4206 16.2957 24.3594 16.329L23.9185 16.5405C23.0039 16.9795 22.0965 17.4156 21.2083 17.8606C15.2802 20.8311 10.2373 24.2085 10.0283 31.653C10.0281 31.6649 10.0281 31.6767 10.0283 31.6886C10.1897 39.4176 15.6001 42.8027 21.8104 45.901C22.1438 45.7346 22.4791 45.5678 22.8171 45.3997L22.8268 45.395C23.0307 45.2936 23.2371 45.1907 23.4431 45.0881C19.9105 43.3572 16.7017 41.6756 14.4977 39.3088H38.5811C36.4815 41.6944 33.378 43.3856 29.9277 45.0897C29.4062 45.3472 28.8778 45.605 28.3428 45.8657L27.9216 46.0707C27.9153 46.0739 27.909 46.077 27.9027 46.0804C27.4936 46.2949 27.0856 46.5044 26.6786 46.7118C26.1389 46.9868 25.6016 47.2573 25.0707 47.5222C24.7482 47.6831 24.4278 47.8426 24.1102 48.0004C23.3355 48.3855 22.5753 48.7645 21.8239 49.146C20.1454 49.9982 18.5159 50.8649 16.9009 51.8531C12.6377 54.5172 10.2168 58.6801 10.2581 63.2739L10.2646 64L11.7168 63.987L11.7103 63.2609C11.6925 61.3002 12.1871 59.4252 13.1286 57.7409H39.8511C40.6998 59.3566 41.1436 61.1383 41.1268 62.997L41.1203 63.7231L42.5725 63.736L42.579 63.0099C42.6203 58.4161 40.1993 54.2532 35.9303 51.5853C34.4888 50.7033 33.0342 49.9171 31.5419 49.1511C31.1108 49.3631 30.6798 49.5731 30.2506 49.7822L29.9076 49.9492C31.7181 50.8615 33.4611 51.7769 35.1665 52.8203C36.707 53.7831 37.9789 54.9601 38.947 56.2887H14.0867C15.0269 55.0689 16.2295 53.985 17.6647 53.0881C19.5371 51.9425 21.4519 50.9528 23.4489 49.9531C23.8813 49.7366 24.316 49.5199 24.7567 49.3008C25.3888 48.9866 26.0319 48.6667 26.6818 48.3389C27.2127 48.0712 27.7486 47.7969 28.2863 47.517C28.38 47.4683 28.4733 47.4208 28.5672 47.3716L28.9785 47.1712C29.8466 46.7484 30.7085 46.3284 31.5533 45.9009C37.5399 42.8715 42.6519 39.4626 42.8087 31.9526C42.8089 31.9406 42.8089 31.9289 42.8087 31.9169C42.5934 24.2464 37.2461 20.8938 31.0862 17.8551C30.9445 17.9225 30.8028 17.9899 30.6613 18.0569C30.2481 18.253 29.8303 18.4523 29.4116 18.6535C33.0779 20.4256 36.3921 22.1509 38.5953 24.6609H14.0194C16.112 22.1355 19.3053 20.3975 22.878 18.6554C23.4266 18.3879 23.9832 18.1203 24.547 17.8497L25.0048 17.6299C25.0158 17.6246 25.0267 17.6189 25.0377 17.613C25.4087 17.411 25.7818 17.2147 26.1557 17.0229C26.6947 16.7463 27.2343 16.4812 27.7724 16.2204C28.3265 15.952 28.8787 15.6881 29.4232 15.4297C29.9869 15.1622 30.5449 14.8972 31.0969 14.6296C33.7332 13.3518 36.2278 12.0134 38.4913 10.0438C38.4969 10.0387 38.5024 10.0338 38.5079 10.0286C41.3029 7.43983 42.7901 4.22589 42.8089 0.733793L42.8128 0.00769854L41.3606 0L41.3567 0.726094ZM39.6724 37.8566H13.3402C12.3556 36.394 11.7158 34.6799 11.5337 32.5928H41.3263C41.1856 34.674 40.5984 36.39 39.6724 37.8566ZM39.6803 26.113C40.5654 27.5213 41.1399 29.1627 41.309 31.1406H11.5091C11.6401 29.1686 12.1651 27.5249 12.9964 26.113H39.6803Z"/>
+<path d="M48.2611 32.0366L53.9757 37.7512V26.3221L48.2611 32.0366Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/splice-variation.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M55.6431 15.1614V11.2162C55.6431 9.32592 54.1052 7.78809 52.2149 7.78809H42.9921C41.1019 7.78809 39.564 9.32592 39.564 11.2162V15.1614H23.3608V11.2162C23.3608 9.32592 21.8229 7.78809 19.9326 7.78809H10.7098C8.81955 7.78809 7.28172 9.32592 7.28172 11.2162V15.1614H0V16.4939H7.28172V20.439C7.28172 22.3293 8.81955 23.8671 10.7098 23.8671H19.9326C21.8229 23.8671 23.3608 22.3293 23.3608 20.439V16.4939H39.564V20.439C39.564 22.3293 41.1019 23.8671 42.9921 23.8671H52.2149C54.1052 23.8671 55.6431 22.3293 55.6431 20.439V16.4939H64V15.1614H55.6431ZM22.0282 20.439C22.0282 21.5945 21.0882 22.5346 19.9326 22.5346H10.7098C9.55433 22.5346 8.61427 21.5945 8.61427 20.439V11.2162C8.61427 10.0607 9.55433 9.12064 10.7098 9.12064H19.9326C21.0882 9.12064 22.0282 10.0607 22.0282 11.2162V20.439ZM54.3106 20.439C54.3106 21.5945 53.3704 22.5346 52.2149 22.5346H42.9921C41.8367 22.5346 40.8966 21.5945 40.8966 20.439V11.2162C40.8966 10.0607 41.8367 9.12064 42.9921 9.12064H52.2149C53.3704 9.12064 54.3106 10.0607 54.3106 11.2162V20.439Z"/>
+<path d="M23.3608 43.5609C23.3608 41.6706 21.8229 40.1328 19.9326 40.1328H10.7098C8.81955 40.1328 7.28172 41.6706 7.28172 43.5609V47.506H0V48.8386H7.28172V52.7837C7.28172 54.674 8.81955 56.2119 10.7098 56.2119H19.9326C21.8229 56.2119 23.3608 54.674 23.3608 52.7837V48.8386H64V47.506H23.3608V43.5609ZM22.0282 52.7837C22.0282 53.9392 21.0882 54.8793 19.9326 54.8793H10.7098C9.55433 54.8793 8.61427 53.9392 8.61427 52.7837V43.5609C8.61427 42.4054 9.55433 41.4653 10.7098 41.4653H19.9326C21.0882 41.4653 22.0282 42.4054 22.0282 43.5609V52.7837Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/structural-variation.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M19.3742 0C15.7657 0 12.8298 2.93582 12.8298 6.54444V26.2239C12.8298 28.4715 13.9622 30.5355 15.8586 31.7448C15.9816 31.8233 16.0001 31.9381 16.0001 31.9996C16.0002 32.0618 15.9817 32.178 15.859 32.2568C13.9622 33.4664 12.8298 35.5304 12.8298 37.7781V57.4575C12.8298 61.0647 15.7657 63.9995 19.3742 63.9995C22.9829 63.9995 25.9187 61.0647 25.9187 57.4575V37.7781C25.9187 35.5314 24.7874 33.4675 22.894 32.2582C22.7692 32.178 22.7507 32.0618 22.7508 31.9996C22.7509 31.9381 22.7694 31.8233 22.8924 31.7448C24.7874 30.5345 25.9187 28.4707 25.9187 26.2239V6.54444C25.9187 2.93582 22.9829 0 19.3742 0ZM22.1035 30.5094C21.5918 30.8361 21.2858 31.3924 21.285 31.9976C21.2842 32.604 21.5895 33.1624 22.1034 33.4925C23.5746 34.4321 24.4529 36.0342 24.4529 37.7781V57.4575C24.4529 60.2565 22.1746 62.5336 19.3742 62.5336C16.5739 62.5336 14.2957 60.2565 14.2957 57.4575V37.7781C14.2957 36.0337 15.1747 34.4318 16.6491 33.4915C17.1615 33.1624 17.4668 32.604 17.4659 31.9976C17.4651 31.3924 17.1592 30.8361 16.6471 30.5091C15.1747 29.5702 14.2957 27.9682 14.2957 26.2239V20.8109H24.4529V26.2239C24.4529 27.9678 23.5745 29.5699 22.1035 30.5094ZM24.4529 10.5367H14.2957V6.54444C14.2957 3.7441 16.5739 1.46584 19.3742 1.46584C22.1746 1.46584 24.4529 3.7441 24.4529 6.54444V10.5367Z"/>
+<path d="M51.1678 22.0971V6.54444C51.1678 2.93582 48.232 0 44.6234 0C41.0148 0 38.079 2.93582 38.079 6.54444V26.2244C38.079 28.472 39.2114 30.536 41.1078 31.7453C41.2306 31.8237 41.2491 31.9383 41.2493 31.9999C41.2493 32.0621 41.2307 32.1781 41.1082 32.2568C39.2114 33.4664 38.079 35.5304 38.079 37.7781V57.4575C38.079 59.5711 39.0878 61.4528 40.6484 62.6495C41.7513 63.4956 43.1292 64 44.6234 64C46.1176 64 47.4955 63.4956 48.5984 62.6495C50.159 61.4528 51.1678 59.5711 51.1678 57.4575V37.7781C51.1678 35.5313 50.0365 33.4674 48.1432 32.2582C48.0185 32.1781 47.9999 32.0621 48 31.9999C48.0001 31.9383 48.0187 31.8238 48.1416 31.7453C50.0365 30.5351 51.1678 28.4712 51.1678 26.2244V22.2061C51.1695 22.1862 51.1703 22.1661 51.1703 22.1457C51.1703 22.1293 51.1689 22.1132 51.1678 22.0971ZM44.6234 1.46584C47.4238 1.46584 49.702 3.7441 49.702 6.54444V21.4128H39.5448V6.54444C39.5448 3.7441 41.823 1.46584 44.6234 1.46584Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/targeted-sequencing.svg

@@ -0,0 +1,10 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9595)">
+<path d="M54.6274 9.37256C48.5834 3.32856 40.5476 0 32 0C23.4525 0 15.4166 3.32856 9.37261 9.37256C3.32856 15.4166 0 23.4525 0 32C0 40.5475 3.32856 48.5834 9.37261 54.6274C15.4166 60.6714 23.4525 64 32 64C40.5476 64 48.5834 60.6714 54.6274 54.6274C60.6714 48.5834 64 40.5476 64 32C64 23.4525 60.6714 15.4166 54.6274 9.37256ZM62.568 31.2883H55.657C55.4793 25.233 53.0385 19.566 48.7362 15.2638C44.434 10.9616 38.7671 8.52067 32.7117 8.34302V1.43198C40.6125 1.61123 48.0139 4.77191 53.621 10.379C59.2281 15.9861 62.3888 23.3875 62.568 31.2883ZM32 37.2129C29.1257 37.2129 26.7872 34.8743 26.7872 32C26.7872 29.1256 29.1257 26.7871 32 26.7871C34.8743 26.7871 37.2129 29.1256 37.2129 32C37.2129 34.8743 34.8743 37.2129 32 37.2129ZM31.2883 25.4025C28.1966 25.7337 25.7338 28.1965 25.4026 31.2883H9.76721C9.94441 25.6132 12.2369 20.3036 16.2702 16.2702C20.3036 12.2369 25.6132 9.94441 31.2883 9.76721V25.4025ZM25.4026 32.7117C25.7338 35.8034 28.1966 38.2663 31.2883 38.5975V54.2328C25.6132 54.0556 20.3036 51.7631 16.2702 47.7298C12.2369 43.6964 9.94441 38.3867 9.76721 32.7117H25.4026ZM32.7117 38.5975C35.8034 38.2663 38.2663 35.8034 38.5975 32.7117H54.2328C54.0556 38.3867 51.7631 43.6964 47.7298 47.7298C43.6964 51.7631 38.3867 54.0556 32.7117 54.2328V38.5975ZM38.5975 31.2883C38.2663 28.1965 35.8034 25.7337 32.7117 25.4025V9.76721C38.3867 9.94441 43.6964 12.2369 47.7298 16.2702C51.7631 20.3036 54.0556 25.6132 54.2328 31.2883H38.5975ZM10.379 10.379C15.9861 4.77191 23.3875 1.61123 31.2883 1.43198V8.34302C25.233 8.52068 19.566 10.9616 15.2638 15.2638C10.9616 19.566 8.52068 25.233 8.34302 31.2883H1.43198C1.61123 23.3875 4.77191 15.9861 10.379 10.379ZM1.43198 32.7117H8.34302C8.52067 38.7671 10.9616 44.434 15.2638 48.7362C19.566 53.0385 25.233 55.4793 31.2883 55.657V62.568C23.3875 62.3888 15.9861 59.2281 10.379 53.621C4.77191 48.0139 1.61123 40.6125 1.43198 32.7117ZM53.621 53.621C48.0139 59.2281 40.6125 62.3888 32.7117 62.568V55.657C38.7671 55.4793 44.434 53.0385 48.7362 48.7362C53.0385 44.434 55.4793 38.7671 55.657 32.7117H62.568C62.3888 40.6125 59.2281 48.0139 53.621 53.621Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9595">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/transcriptomics.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M48.6991 31.7835C48.5885 27.8979 47.0923 24.7531 44.1251 22.1695C41.5218 19.9026 38.1328 18.2997 34.545 16.6026L34.0962 16.3902C32.5814 15.5779 31.0515 14.8626 29.5719 14.1707C29.0344 13.9194 28.5024 13.6703 27.9759 13.4193H42.6342V11.9389H25.1164V11.9753C23.5481 11.1202 22.0577 10.1692 20.6797 8.98893C19.0631 7.51125 17.9306 5.81371 17.3182 3.9769H38.0792V2.49641H16.9428C16.8416 1.92103 16.7883 1.33497 16.7851 0.740192L16.781 0L15.3005 0.00810674L15.3046 0.748351C15.3238 4.25893 16.8404 7.48929 19.6902 10.0902C19.6958 10.0954 19.7016 10.1004 19.7074 10.1054C22.4959 12.4967 25.6284 13.9613 28.9448 15.5119C30.4116 16.1977 31.9283 16.9068 33.4124 17.7034C33.4234 17.7093 33.4344 17.7149 33.4457 17.7203L33.912 17.9408C36.3007 19.0708 38.5784 20.1485 40.5532 21.3813H26.9486V22.8617H42.6342V22.8423C45.1766 24.8785 46.8995 27.4238 47.1835 31.1474H16.6282V32.6279H47.1757C46.8609 36.5153 44.9482 39.1187 42.1672 41.213H26.3413V42.6935H39.9418C38.1288 43.7749 36.0914 44.7531 33.966 45.7732L33.5368 45.9793C33.5304 45.9824 33.524 45.9856 33.5177 45.9888C32.2119 46.6631 30.9107 47.3006 29.6523 47.9172C27.101 49.167 24.6912 50.3476 22.3102 51.7832C17.9647 54.4593 15.4966 58.6424 15.5389 63.2598L15.5456 64L17.026 63.9865L17.0193 63.2462C17.0166 62.9522 17.0269 62.6604 17.0473 62.3706H38.0792V60.8901H17.2541C17.9159 57.7516 19.9564 54.9715 23.0806 53.0474C23.3713 52.8722 23.663 52.7006 23.9558 52.532H42.6342V51.0515H26.6836C27.8629 50.4428 29.0663 49.8529 30.3036 49.2467C31.5659 48.6283 32.8709 47.9889 34.1873 47.3092L34.6066 47.1079C38.1912 45.3875 41.577 43.7626 44.1745 41.476C47.1368 38.8684 48.6168 35.7099 48.6992 31.8203C48.6995 31.8081 48.6994 31.7958 48.6991 31.7835Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/unrestricted-read-length.svg

@@ -0,0 +1,10 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<g clip-path="url(#clip0_465_9651)">
+<path d="M3.73502 32.6833H60.2651C62.322 32.6833 64 30.966 64 28.8609C64 26.7559 62.322 25.0387 60.2651 25.0387H7.00087C5.68369 25.0387 4.61913 23.9492 4.61913 22.6013C4.61913 21.2533 5.68369 20.1639 7.00087 20.1639H55.7903C57.8473 20.1639 59.525 18.4466 59.525 16.3416C59.525 14.2366 57.8473 12.5194 55.7903 12.5194H12.7026C11.3854 12.5194 10.3209 11.4299 10.3209 10.082C10.3209 8.73401 11.3854 7.64458 12.7026 7.64458H46.8408C48.8977 7.64458 50.5758 5.9273 50.5758 3.82229C50.5758 1.71727 48.8977 0 46.8408 0H21.3674V1.40335H46.8408C48.158 1.40335 49.2225 2.49281 49.2225 3.84075C49.2225 5.18869 48.158 6.27817 46.8408 6.27817H12.7026C10.6456 6.27817 8.9676 7.99542 8.9676 10.1004C8.9676 12.2054 10.6456 13.9227 12.7026 13.9227H55.7903C57.1075 13.9227 58.1721 15.0121 58.1721 16.3601C58.1721 17.708 57.1075 18.7975 55.7903 18.7975H7.00087C4.94391 18.7975 3.2659 20.5147 3.2659 22.6198C3.2659 24.7248 4.94391 26.442 7.00087 26.442H60.2651C61.5824 26.442 62.6466 27.5315 62.6466 28.8794C62.6466 30.2274 61.5824 31.3168 60.2651 31.3168H3.73502C1.67806 31.3168 0 33.0341 0 35.1391C0 37.2442 1.67806 38.9614 3.73502 38.9614H58.6953C60.0126 38.9614 61.0768 40.0508 61.0768 41.3988C61.0768 42.7467 60.0126 43.8361 58.6953 43.8361H9.45477C7.39781 43.8361 5.7198 45.5534 5.7198 47.6585C5.7198 49.7635 7.39781 51.4807 9.45477 51.4807H52.8312C54.1484 51.4807 55.2129 52.5702 55.2129 53.9181C55.2129 55.2661 54.1484 56.3555 52.8312 56.3555H21.2913C19.2343 56.3555 17.5563 58.0728 17.5563 60.1779C17.5563 62.283 19.2343 64 21.2913 64H43.5027V62.5966H21.2732C19.956 62.5966 18.8915 61.5074 18.8915 60.1592C18.8915 58.8111 19.956 57.722 21.2732 57.722H52.8312C54.8882 57.722 56.5662 56.0047 56.5662 53.8997C56.5662 51.7946 54.8882 50.0774 52.8312 50.0774H9.45477C8.1376 50.0774 7.07304 48.9879 7.07304 47.64C7.07304 46.292 8.1376 45.2026 9.45477 45.2026H58.6953C60.7522 45.2026 62.4302 43.4853 62.4302 41.3803C62.4302 39.2753 60.7522 37.5581 58.6953 37.5581H3.73502C2.41784 37.5581 1.35328 36.4686 1.35328 35.1207C1.35328 33.7727 2.41784 32.6833 3.73502 32.6833Z"/>
+</g>
+<defs>
+<clipPath id="clip0_465_9651">
+<rect width="64" height="64"/>
+</clipPath>
+</defs>
+</svg>

package/dist/collection/components/icon/pictogram/whole-genome-sequencing.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M43.0075 23.4907C44.452 21.7084 45.3101 19.506 45.462 17.2213H45.4932V5.92131C45.4932 2.65628 42.837 0 39.572 0C36.3069 0 33.6506 2.65628 33.6506 5.92131V21.2652C33.6506 22.0724 33.0675 22.7592 32.3223 22.8287C31.8965 22.8688 31.4909 22.7346 31.1789 22.4507C30.8675 22.1673 30.696 21.7794 30.696 21.3586V5.92131C30.696 2.65628 28.0397 0 24.7746 0H24.4287C21.1637 0 18.5074 2.65628 18.5074 5.92131V16.4884C18.5074 19.0329 19.3877 21.5203 20.9863 23.4921C22.1181 24.8881 23.5751 25.9881 25.2031 26.6979C23.573 27.4086 22.1174 28.5085 20.9863 29.9041C19.3877 31.8764 18.5074 34.3632 18.5074 36.9065V58.2152C18.478 60.3737 19.4285 62.1265 21.1842 63.151C22.1543 63.7171 23.2907 64 24.4273 64C25.5649 64 26.7027 63.7165 27.6733 63.1494C29.4279 62.1242 30.3772 60.372 30.3466 58.2147V32.1297C30.3466 31.3224 30.9297 30.6356 31.6749 30.566C32.1005 30.5262 32.5062 30.6601 32.8182 30.9441C33.1297 31.2275 33.3012 31.6154 33.3012 32.0362V58.0423C33.2707 60.2639 34.2487 62.0675 36.0551 63.1217C38.0536 64.288 40.7384 64.2872 42.7359 63.1201C44.5412 62.0654 45.5179 60.2621 45.4864 58.0418V36.9065C45.4864 34.3619 44.606 31.8745 43.0074 29.9028C41.8757 28.5067 40.4187 27.4067 38.7906 26.6969C40.4207 25.9862 41.8764 24.8863 43.0075 23.4907ZM44.0274 10.9959H35.1164V7.91676H44.0274V10.9959ZM39.572 1.46585C42.0287 1.46585 44.0274 3.46457 44.0274 5.92131V6.45091H35.1164V5.92131C35.1164 3.46457 37.1152 1.46585 39.572 1.46585ZM29.2301 10.9959H19.9732V7.91676H29.2301V10.9959ZM24.4287 1.46585H24.7746C27.2314 1.46585 29.2301 3.46457 29.2301 5.92131V6.45091H19.9732V5.92131C19.9732 3.46457 21.9719 1.46585 24.4287 1.46585ZM19.9732 45.4358H28.8807V53.6169H19.9731L19.9732 45.4358ZM19.9732 43.97L19.9732 41.2263H28.8807V43.97H19.9732ZM26.9338 61.8837C25.4589 62.7454 23.3983 62.7458 21.923 61.885C21.0171 61.3563 19.9435 60.2933 19.9731 58.2309L19.9731 55.0827H28.8807V58.2204L28.8808 58.2313C28.9116 60.2919 27.839 61.3549 26.9338 61.8837ZM34.767 41.2263H44.0205V43.97H34.767L34.767 41.2263ZM34.767 45.4358H44.0205V53.6169H34.767L34.767 45.4358ZM41.9965 61.8544C40.4651 62.7491 38.3258 62.7496 36.794 61.8556C35.8522 61.3061 34.7361 60.2011 34.767 58.058L34.767 55.0827H44.0205V58.0475L44.0206 58.0584C44.0525 60.1998 42.9375 61.3047 41.9965 61.8544ZM36.469 25.9204C36.1055 26.0069 35.8515 26.3263 35.8513 26.6971C35.8512 27.068 36.105 27.3875 36.4784 27.4766C38.5865 27.949 40.5008 29.1385 41.8688 30.8259C43.2563 32.5374 44.0205 34.6969 44.0205 36.9065V39.7605H34.767L34.7671 32.0362C34.7671 31.2097 34.4163 30.4164 33.8048 29.86C33.1927 29.303 32.3659 29.029 31.5379 29.1066C30.0479 29.2458 28.8807 30.5737 28.8807 32.1297V39.7605H19.9732L19.9732 36.9065C19.9732 34.6982 20.7374 32.5391 22.125 30.8271C23.4934 29.1389 25.4076 27.9489 27.5251 27.4743C27.8885 27.3876 28.1424 27.0681 28.1424 26.6974C28.1424 26.3267 27.8885 26.0072 27.5152 25.9182C25.4072 25.4458 23.4929 24.2563 22.125 22.5689C20.7374 20.8574 19.9732 18.6979 19.9732 16.4884V12.4618H29.2301V21.3586C29.2301 22.1852 29.5808 22.9784 30.1924 23.5349C30.8045 24.0919 31.6312 24.3663 32.4593 24.2882C33.9493 24.149 35.1164 22.8212 35.1164 21.2652V12.4618H44.0274V15.7554H44.0205V16.4884C44.0205 18.6966 43.2563 20.8557 41.8687 22.5677C40.5004 24.2559 38.5861 25.4459 36.469 25.9204Z"/>
+</svg>

package/dist/collection/components/icon/pictogram/workflow-end-to-end.svg

@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64">
+<path d="M58.5794 38.3024C58.3728 38.3024 58.1691 38.3151 57.9685 38.3377C55.9668 34.2395 51.7575 31.4088 46.8979 31.4088H30.6457L35.3827 26.6718H33.5933L28.8564 31.4088H17.1022C12.8428 31.4088 9.14032 28.9851 7.29698 25.4453C9.3639 24.6803 10.8413 22.6895 10.8413 20.3599C10.8413 18.0302 9.36389 16.0394 7.29696 15.2744C9.14029 11.7346 12.8428 9.31091 17.1022 9.31091H33.3536L28.6173 14.0472H30.4066L35.1429 9.31091H53.1969C53.5114 12.0027 55.8045 14.0989 58.5794 14.0989C61.5684 14.0989 64 11.6672 64 8.67829C64 5.68931 61.5684 3.25762 58.5794 3.25762C55.8045 3.25762 53.5114 5.35384 53.1969 8.04566H35.1455L30.2745 3.1748H28.4852L33.3562 8.04566H17.1022C12.2425 8.04566 8.03325 10.8764 6.03157 14.9746C5.8309 14.952 5.62728 14.9392 5.42066 14.9392C2.43168 14.9392 0 17.3709 0 20.3599C0 23.3488 2.43168 25.7805 5.42066 25.7805C5.62728 25.7805 5.83091 25.7677 6.03158 25.7451C8.03325 29.8433 12.2425 32.674 17.1022 32.674H28.8551L33.7255 37.5442H35.5148L30.6444 32.674H46.8979C51.1573 32.674 54.8598 35.0977 56.7031 38.6375C54.6361 39.4026 53.1588 41.3933 53.1588 43.723C53.1588 46.0527 54.6361 48.0434 56.7031 48.8085C54.8598 52.3483 51.1573 54.772 46.8979 54.772H35.1435L30.2746 49.9031H28.4852L33.3542 54.772H10.8032C10.4887 52.0801 8.19553 49.9839 5.42066 49.9839C2.43168 49.9839 0 52.4155 0 55.4045C0 58.3935 2.43168 60.8251 5.42066 60.8251C8.19547 60.8251 10.4886 58.729 10.8031 56.0372H33.3556L28.6173 60.7755H30.4067L35.145 56.0372H46.8979C51.7575 56.0372 55.9668 53.2065 57.9685 49.1083C58.1692 49.1309 58.3728 49.1436 58.5794 49.1436C61.5684 49.1436 64 46.712 64 43.723C64 40.734 61.5684 38.3024 58.5794 38.3024ZM58.5794 4.52287C60.8707 4.52287 62.7348 6.38697 62.7348 8.67829C62.7348 10.9696 60.8707 12.8337 58.5794 12.8337C56.2881 12.8337 54.424 10.9696 54.424 8.67829C54.424 6.38697 56.2881 4.52287 58.5794 4.52287ZM5.42066 24.5152C3.12935 24.5152 1.26524 22.6511 1.26524 20.3599C1.26524 18.0686 3.12935 16.2045 5.42066 16.2045C7.71193 16.2045 9.57604 18.0686 9.57604 20.3599C9.57604 22.6511 7.71193 24.5152 5.42066 24.5152ZM5.42066 59.5599C3.12935 59.5599 1.26524 57.6958 1.26524 55.4045C1.26524 53.1132 3.12935 51.2491 5.42066 51.2491C7.71193 51.2491 9.57604 53.1132 9.57604 55.4045C9.57604 57.6958 7.71193 59.5599 5.42066 59.5599ZM58.5794 47.8784C56.2881 47.8784 54.424 46.0143 54.424 43.723C54.424 41.4317 56.2881 39.5676 58.5794 39.5676C60.8707 39.5676 62.7348 41.4317 62.7348 43.723C62.7348 46.0143 60.8707 47.8784 58.5794 47.8784Z"/>
+</svg>

package/dist/collection/components/icon/request.js

@@ -1,5 +1,5 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
 import { validateContent } from "./validate";
 export const iconContent = new Map();
@@ -22,4 +22,3 @@ export const getSvgContent = (url) => {
     }
     return req;
 };
-//# sourceMappingURL=request.js.map

package/dist/collection/components/icon/utils.js

@@ -1,5 +1,5 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
 import { getAssetPath } from "@stencil/core";
 let CACHED_MAP;
@@ -17,25 +17,24 @@ export const addIcons = (icons) => {
 };
 export const getUrl = (i) => {
     let url = getSrc(i.src);
-    if (url) {
+    if (url)
         return url;
-    }
     url = getName(i.name, i.icon);
-    if (url) {
+    if (url)
         return getNamedUrl(url);
-    }
     if (i.icon) {
         url = getSrc(i.icon);
-        if (url) {
+        if (url)
             return url;
-        }
     }
     return null;
 };
 const getNamedUrl = (iconName) => {
     const url = getIconMap().get(iconName);
-    if (url) {
+    if (url)
         return url;
+    if (iconName.startsWith('device/') || iconName.startsWith('pictogram/')) {
+        return getAssetPath(`../nano-assets/icon/${iconName}.svg`);
     }
     return getAssetPath(`../nano-assets/fontawesome-pro/svgs/${iconName}.svg`);
 };
@@ -60,13 +59,11 @@ export const getName = (iconName, icon) => {
 export const getSrc = (src) => {
     if (isStr(src)) {
         src = src.trim();
-        if (isSrc(src)) {
+        if (isSrc(src))
             return src;
-        }
     }
     return null;
 };
 export const isSrc = (str) => str.length > 0 && /(\/|\.)/.test(str);
 export const isStr = (val) => typeof val === 'string';
 export const toLower = (val) => val.toLowerCase();
-//# sourceMappingURL=utils.js.map

package/dist/collection/components/icon/validate.js

@@ -1,5 +1,5 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
 import { isStr } from "./utils";
 export const validateContent = (svgContent) => {
@@ -46,4 +46,3 @@ export const isValid = (elm) => {
     }
     return true;
 };
-//# sourceMappingURL=validate.js.map

package/dist/collection/components/icon-button/icon-button.css

@@ -1,7 +1,4 @@
-:host {
-  box-sizing: border-box;
-}
-
+:host,
 *,
 *::before,
 *::after {
@@ -10,10 +7,17 @@
 [hidden] {
   display: none !important;
 }
-:host {
-  box-sizing: border-box;
-}
-
+@media (prefers-reduced-motion: reduce) {
+    :host,
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }:host,
 *,
 *::before,
 *::after {
@@ -22,23 +26,32 @@
 [hidden] {
   display: none !important;
 }
-:host {
+@media (prefers-reduced-motion: reduce) {
+    :host,
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }:host {
   /**
-    * @prop --color: defaults to #b5aea7;
-    * @prop --active-color: defaults to #005c75;
-    * @prop --hover-color: defaults to #007495;
-    * @prop --background: defaults to transparent;
-    * @prop --padding: defaults to var(--nano-spacing-small, 8px);
-    * @prop --box-shadow: defaults to none;
-    */
-  --border-radius: var(--nano-border-radius-medium, 4px);
-  --active-color: #005c75;
-  --hover-color: #007495;
-  --nano-color-base: var(--color, #687576);
-  --background: transparent;
-  --padding: var(--nano-spacing-small, 8px);
+   * @prop --border-radius: Defaults to none.
+   * @prop --active-color: Defaults to var(--nano-color-neutral-800).
+   * @prop --hover-color: Defaults to var(--nano-color-primary-1100).
+   * @prop --padding: Defaults to var(--nano-spacing-sm).
+   * @prop --box-shadow: Defaults to none.
+   * @prop --button-bg: Defaults to transparent.
+   */
+  --border-radius: none;
+  --active-color: var(--nano-color-neutral-800);
+  --hover-color: var(--nano-color-primary-1100);
+  --padding: var(--nano-spacing-xs);
   --box-shadow: none;
-  --button-bg: var(--background);
+  --button-bg: transparent;
+  color: currentcolor;
   border-radius: var(--border-radius);
   display: inline-block;
 }
@@ -51,42 +64,37 @@
   border-radius: inherit;
   background: var(--button-bg);
   font-size: inherit;
-  color: var(--color);
+  color: inherit;
   padding: var(--padding);
   cursor: pointer;
   appearance: none;
-  transition: box-shadow var(--nano-transition-fast, 0.1s) ease-in-out;
   box-shadow: var(--box-shadow);
 }
 .icon-button:hover:not(.icon-button--disabled), .icon-button:focus:not(.icon-button--disabled) {
   color: var(--hover-color);
-  --nano-color-base: var(--hover-color);
 }
 .icon-button:active:not(.icon-button--disabled) {
   color: var(--active-color);
-  --nano-color-base: var(--active-color);
 }
-.icon-button:focus {
-  outline: none;
+.icon-button:focus-visible:not(.icon-button--disabled) {
+  outline: var(--nano-focus-ring);
+  outline-offset: var(--nano-focus-ring-offset);
 }
 
 .icon-button__label {
-  clip: rect(1px, 1px, 1px, 1px);
   clip-path: inset(50%);
   block-size: 1px;
-  inline-size: 1px;
-  margin: -1px;
   overflow: hidden;
-  padding: 0;
   position: absolute;
+  white-space: nowrap;
+  inline-size: 1px;
 }
 
-.icon-button--disabled {
+:host([disabled]:not([disabled=false])) {
   opacity: 0.5;
   cursor: not-allowed;
-  pointer-events: none;
 }
 
-.focus-visible.icon-button:focus {
-  box-shadow: var(--nano-control-focus-shadow, 0 0 0 0.1875rem  var(--nano-control-focus-color, rgba(144, 198, 231, 0.8)));
+.icon-button--disabled {
+  pointer-events: none;
 }

package/dist/collection/components/icon-button/icon-button.js

@@ -1,10 +1,12 @@
 /*!
- * Web Components for Nanopore digital Web Apps
+ * Custom elements for Nanopore-Digital Web applications
  */
 import { Host, } from "@stencil/core";
 import { h } from "../../utils/renderer";
-import { focusVisible } from "../../utils/focus-visible";
-/** Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
+/** Simple icon-only buttons designed to be used for actions and in toolbars.
+ *
+ * @version 1.0.0
+ * @status stable
  *
  * @part base - the main control (either `<a />` or `<button />`)
  * @part icon - a `<nano-icon />` component
@@ -79,16 +81,6 @@ export class IconButton {
             fakeButton.remove();
         }
     };
-    componentDidLoad() {
-        focusVisible.observe(this.button);
-    }
-    connectedCallback() {
-        if (this.button)
-            focusVisible.observe(this.button);
-    }
-    disconnectedCallback() {
-        focusVisible.unobserve(this.button);
-    }
     content() {
         const TagType = this.href === undefined ? 'button' : 'a';
         return (h(TagType, { onClick: this.handleClick, part: "base", ref: (el) => (this.button = el), class: {
@@ -118,6 +110,7 @@ export class IconButton {
         return {
             "iconName": {
                 "type": "string",
+                "attribute": "icon-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -132,11 +125,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-name",
                 "reflect": false
             },
             "iconSrc": {
                 "type": "string",
+                "attribute": "icon-src",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -151,11 +144,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-src",
                 "reflect": false
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'submit' | 'reset' | 'button'",
@@ -170,12 +163,12 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": true,
                 "defaultValue": "'button'"
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -190,11 +183,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -209,11 +202,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -228,11 +221,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "showTooltip": {
                 "type": "boolean",
+                "attribute": "show-tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -247,12 +240,12 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "show-tooltip",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -267,12 +260,12 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -287,11 +280,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "href",
                 "reflect": false
             },
             "rel": {
                 "type": "string",
+                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -306,11 +299,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rel",
                 "reflect": false
             },
             "target": {
                 "type": "string",
+                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -325,11 +318,11 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "target",
                 "reflect": false
             },
             "form": {
                 "type": "string",
+                "attribute": "form",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLFormElement | string",
@@ -349,7 +342,6 @@ export class IconButton {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "form",
                 "reflect": false
             }
         };
@@ -377,4 +369,3 @@ export class IconButton {
     }
     static get elementRef() { return "host"; }
 }
-//# sourceMappingURL=icon-button.js.map

package/dist/collection/components/icon-item/icon-item.css

@@ -0,0 +1,41 @@
+:host,
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+[hidden] {
+  display: none !important;
+}
+@media (prefers-reduced-motion: reduce) {
+    :host,
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }:host,
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+[hidden] {
+  display: none !important;
+}
+@media (prefers-reduced-motion: reduce) {
+    :host,
+    *,
+    *::before,
+    *::after {
+      animation-duration: 0.01ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.01ms !important;
+      scroll-behavior: auto !important;
+    }
+  }/*
+* @prop --icon-dims - the size of the icon. Defaults to --nano-pictogram-size-large
+*/