@ably/ui 14.2.0 → 14.3.0-dev.2d7e392

package/core/icons/icon-tech-net.svg

@@ -0,0 +1,14 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3698_15653)">
+<path d="M46 0.5H2C0.895431 0.5 0 1.39543 0 2.5V46.5C0 47.6046 0.895432 48.5 2 48.5H46C47.1046 48.5 48 47.6046 48 46.5V2.5C48 1.39543 47.1046 0.5 46 0.5Z" fill="#512BD4"/>
+<path d="M8.55483 31.1667C8.21544 31.1667 7.92696 31.0537 7.68938 30.8274C7.4518 30.5954 7.33301 30.32 7.33301 30.001C7.33301 29.6762 7.4518 29.3979 7.68938 29.1659C7.92696 28.9339 8.21544 28.8179 8.55483 28.8179C8.89988 28.8179 9.1912 28.9339 9.42878 29.1659C9.67201 29.3979 9.79363 29.6762 9.79363 30.001C9.79363 30.32 9.67201 30.5954 9.42878 30.8274C9.1912 31.0537 8.89988 31.1667 8.55483 31.1667Z" fill="white"/>
+<path d="M41.3336 20.2574H37.8378V30.9753H35.8183V20.2574H32.3311V18.5H41.3336V20.2574Z" fill="white"/>
+<path d="M31.6262 30.9753H24.7959V18.5H31.3548V20.2574H26.8154V23.7894H30.9984V25.538H26.8154V29.2266H31.6262V30.9753Z" fill="white"/>
+<path d="M22.1224 30.9753H19.9163L14.1042 21.8059C13.9571 21.5739 13.8354 21.3332 13.7393 21.0838H13.6884C13.7336 21.3506 13.7563 21.9219 13.7563 22.7976V30.9753H11.8047V18.5H14.155L19.7721 27.4519C20.0096 27.8232 20.1624 28.0783 20.2303 28.2175H20.2642C20.2076 27.8869 20.1793 27.3273 20.1793 26.5384V18.5H22.1224V30.9753Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_3698_15653">
+<rect width="48" height="48" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-tech-objectivec.svg

@@ -0,0 +1,16 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3698_15495)">
+<rect x="48" y="45.5" width="3" height="10" transform="rotate(90 48 45.5)" fill="#03020D"/>
+<rect x="10" y="45.5" width="3" height="10" transform="rotate(90 10 45.5)" fill="#03020D"/>
+<path d="M33.0683 31.776C31.3403 33.036 29.1803 33.864 26.5883 33.864C21.0803 33.864 17.0483 30.048 17.0483 24.72C17.0483 19.32 20.9723 15.468 26.3003 15.468L34.0403 17.844V12.768C32.0603 12.048 29.2523 11.292 26.1563 11.292C18.4163 11.292 12.4043 16.728 12.4043 24.72C12.4043 32.712 18.4163 38.148 26.1563 38.148C29.5043 38.148 32.6363 37.176 34.6883 35.88L33.0683 31.776Z" fill="#03020D"/>
+<rect y="3.5" width="3" height="42" fill="#03020D"/>
+<rect x="48" y="0.5" width="3" height="10" transform="rotate(90 48 0.5)" fill="#03020D"/>
+<rect x="45" y="3.5" width="3" height="42" fill="#03020D"/>
+<rect x="10" y="0.5" width="3" height="10" transform="rotate(90 10 0.5)" fill="#03020D"/>
+</g>
+<defs>
+<clipPath id="clip0_3698_15495">
+<rect width="48" height="48" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-tech-php.svg

@@ -0,0 +1,5 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.917 17.5732H3.79837L0 36.6182H3.69212L4.70147 31.5714H7.88892C8.96894 31.5714 10.0139 31.4476 11.0232 31.1995C12.0326 30.9515 12.9798 30.3671 13.8654 29.4465C14.5916 28.7203 15.1579 27.9059 15.5653 27.0028C15.9903 26.0996 16.265 25.179 16.3888 24.2403C16.7075 22.186 16.3978 20.5657 15.4591 19.3795C14.5204 18.1932 13.0064 17.5908 10.917 17.5732ZM6.90086 20.6281L6.90617 20.6015L6.87961 20.6281H6.90086ZM6.90086 20.6281L5.31245 28.5701C5.4187 28.5876 5.52495 28.5967 5.63119 28.5967H6.00306C7.70303 28.6142 9.11984 28.4463 10.253 28.092C11.3861 27.7201 12.1479 26.4276 12.5373 24.2139C12.8561 22.3546 12.5373 21.2831 11.5811 20.9999C10.6424 20.7168 9.46514 20.584 8.04834 20.6015C7.83584 20.619 7.63236 20.6281 7.43741 20.6281H6.90086Z" fill="black"/>
+<path d="M20.5945 12.5H24.26L23.2241 17.5733H26.5178C28.324 17.6089 29.6696 17.9808 30.5552 18.6889C31.4583 19.3971 31.7239 20.7432 31.3521 22.7264L29.5724 31.5715H25.8537L27.5537 23.1248C27.7306 22.2392 27.6775 21.6108 27.3943 21.2389C27.1112 20.867 26.5002 20.6811 25.5616 20.6811L22.6132 20.6545L20.4351 31.5715H16.7695L20.5945 12.5Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.4072 17.5732H35.2886L31.4902 36.6182H35.1824L36.1917 31.5714H39.3791C40.4592 31.5714 41.5041 31.4476 42.5135 31.1995C43.5228 30.9515 44.47 30.3671 45.3556 29.4465C46.0818 28.7203 46.6481 27.9059 47.0556 27.0028C47.4806 26.0996 47.7552 25.179 47.879 24.2403C48.1977 22.186 47.888 20.5657 46.9493 19.3795C46.0106 18.1932 44.4966 17.5908 42.4072 17.5732ZM38.3911 20.6281L38.3964 20.6015L38.3699 20.6281H38.3911ZM38.3911 20.6281L36.8027 28.5701C36.909 28.5876 37.0152 28.5967 37.1214 28.5967H37.4933C39.1933 28.6142 40.6101 28.4463 41.7432 28.092C42.8764 27.7201 43.6382 26.4276 44.0276 24.2139C44.3463 22.3546 44.0276 21.2831 43.0713 20.9999C42.1326 20.7168 40.9554 20.584 39.5386 20.6015C39.3261 20.619 39.1226 20.6281 38.9277 20.6281H38.3911Z" fill="black"/>
+</svg>

package/core/icons/icon-tech-python.svg

@@ -0,0 +1,25 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3698_15488)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8946 48.7183C16.8218 48.7183 11.0879 47.6063 11.0879 46.2349C11.0879 44.8638 16.8218 43.7515 23.8946 43.7515C30.968 43.7515 36.7019 44.8638 36.7019 46.2349C36.7019 47.6063 30.968 48.7183 23.8946 48.7183Z" fill="url(#paint0_radial_3698_15488)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.8946 48.7183C16.8218 48.7183 11.0879 47.6063 11.0879 46.2349C11.0879 44.8638 16.8218 43.7515 23.8946 43.7515C30.968 43.7515 36.7019 44.8638 36.7019 46.2349C36.7019 47.6063 30.968 48.7183 23.8946 48.7183Z" fill="url(#paint1_radial_3698_15488)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.1553 33.9789C30.1459 33.9789 30.9485 34.7904 30.9485 35.7939C30.9485 36.8014 30.1459 37.6209 29.1553 37.6209C28.1682 37.6209 27.3621 36.8014 27.3621 35.7939C27.3621 34.7904 28.1682 33.9789 29.1553 33.9789ZM34.5238 10.9331V15.1768C34.5238 18.4673 31.7346 21.236 28.5539 21.236H19.0079C16.3934 21.236 14.2295 23.4741 14.2295 26.0926V35.1929C14.2295 37.7825 16.4814 39.3064 19.0079 40.0491C22.033 40.9388 24.9337 41.0997 28.5539 40.0491C30.9596 39.3527 33.3319 37.9505 33.3319 35.1929V31.5505H23.7862V30.3363H38.1102C40.8878 30.3363 41.9229 28.3991 42.889 25.4913C43.8868 22.4977 43.8441 19.6188 42.889 15.7781C42.2024 13.0134 40.8914 10.9331 38.1102 10.9331H34.5238Z" fill="url(#paint2_linear_3698_15488)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 20.6488V20.5968C4.00261 19.091 4.2318 17.6073 4.67285 15.7781C5.43369 12.6023 7.86554 10.9331 10.6431 10.9331H23.7863V9.71896H14.2296V6.07652C14.2296 3.31891 14.9638 1.82345 19.008 1.10883C20.3808 0.866177 21.9411 0.72663 23.5748 0.719075C25.2085 0.71152 26.9119 0.835512 28.554 1.10883C31.1472 1.54125 33.332 3.4869 33.332 6.07652V15.1768C33.332 17.8456 31.2107 20.0334 28.554 20.0334H19.008C15.7673 20.0334 13.0377 22.8155 13.0377 25.9699V30.3363H9.75209C6.97448 30.3363 5.35192 28.3205 4.67285 25.4913C4.22224 23.6222 4.00255 22.1229 4 20.6488H4ZM18.4067 3.64795C17.4157 3.64795 16.6135 4.46745 16.6135 5.47495C16.6135 6.47844 17.4157 7.29039 18.4067 7.29039C19.3938 7.29039 20.1999 6.47844 20.1999 5.47495C20.1999 4.46745 19.3938 3.64795 18.4067 3.64795Z" fill="#4786CF"/>
+</g>
+<defs>
+<radialGradient id="paint0_radial_3698_15488" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.8947 46.2349) rotate(-90) scale(2.48291 56.2936)">
+<stop stop-color="#C6C6C6"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<radialGradient id="paint1_radial_3698_15488" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(23.8947 46.2349) rotate(-90) scale(2.48291 56.2936)">
+<stop stop-color="#C6C6C6"/>
+<stop offset="1" stop-color="white"/>
+</radialGradient>
+<linearGradient id="paint2_linear_3698_15488" x1="38.8273" y1="28.3769" x2="30.8628" y2="17.341" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFD33A"/>
+<stop offset="1" stop-color="#FFE873"/>
+</linearGradient>
+<clipPath id="clip0_3698_15488">
+<rect width="48" height="48" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-tech-react.svg

@@ -0,0 +1,11 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3698_15482)">
+<path d="M48 24.8779C48 21.6981 44.0179 18.6847 37.9128 16.8159C39.3216 10.5934 38.6955 5.64268 35.9364 4.05768C35.3004 3.68589 34.5569 3.50978 33.7448 3.50978V5.6916C34.1949 5.6916 34.5569 5.77966 34.8602 5.94598C36.1908 6.70913 36.768 9.61496 36.318 13.3524C36.2104 14.2721 36.0342 15.2407 35.819 16.2289C33.9013 15.7593 31.8076 15.3973 29.6062 15.1625C28.2854 13.3524 26.9156 11.7087 25.5361 10.2705C28.7256 7.30595 31.7195 5.68182 33.7546 5.68182V3.5C31.064 3.5 27.5418 5.41765 23.9804 8.74419C20.4191 5.43722 16.8969 3.53914 14.2063 3.53914V5.72095C16.2316 5.72095 19.2352 7.3353 22.4248 10.2803C21.055 11.7185 19.6853 13.3524 18.384 15.1625C16.1729 15.3973 14.0791 15.7593 12.1614 16.2387C11.9364 15.2603 11.7701 14.3113 11.6527 13.4013C11.1928 9.66388 11.7603 6.75805 13.0811 5.98512C13.3746 5.80901 13.7562 5.73074 14.2063 5.73074V3.54892C13.3844 3.54892 12.6408 3.72503 11.9951 4.09682C9.24582 5.68182 8.62943 10.6227 10.0481 16.8257C3.96249 18.7042 0 21.7079 0 24.8779C0 28.0577 3.98206 31.0711 10.0872 32.9399C8.67835 39.1625 9.30453 44.1131 12.0636 45.6981C12.6996 46.0699 13.4431 46.246 14.265 46.246C16.9556 46.246 20.4778 44.3284 24.0391 41.0018C27.6005 44.3088 31.1227 46.2069 33.8133 46.2069C34.6351 46.2069 35.3787 46.0308 36.0245 45.659C38.7738 44.074 39.3901 39.1331 37.9715 32.9301C44.0375 31.0614 48 28.0479 48 24.8779ZM35.2613 18.352C34.8993 19.6141 34.4492 20.9154 33.9405 22.2167C33.5393 21.434 33.1186 20.6512 32.6588 19.8685C32.2087 19.0858 31.7293 18.3227 31.2499 17.5791C32.6392 17.7846 33.9796 18.0389 35.2613 18.352ZM30.7803 28.7719C30.0171 30.0927 29.2344 31.3451 28.4223 32.5094C26.9645 32.6366 25.4872 32.7051 24 32.7051C22.5226 32.7051 21.0453 32.6366 19.5972 32.5192C18.7852 31.3549 17.9927 30.1123 17.2295 28.8013C16.4859 27.5196 15.8108 26.2183 15.1945 24.9073C15.8011 23.5962 16.4859 22.2852 17.2197 21.0035C17.9829 19.6826 18.7656 18.4303 19.5777 17.266C21.0355 17.1388 22.5128 17.0703 24 17.0703C25.4774 17.0703 26.9548 17.1388 28.4028 17.2562C29.2148 18.4205 30.0073 19.6631 30.7705 20.9741C31.5141 22.2558 32.1892 23.5571 32.8055 24.8681C32.1892 26.1792 31.5141 27.4902 30.7803 28.7719ZM33.9405 27.5C34.4688 28.8111 34.9189 30.1221 35.2907 31.394C34.009 31.7071 32.6588 31.9713 31.2597 32.1767C31.7391 31.4234 32.2185 30.6504 32.6686 29.8579C33.1186 29.0752 33.5393 28.2827 33.9405 27.5ZM24.0196 37.9395C23.1097 37.0002 22.1998 35.9533 21.2996 34.8086C22.1802 34.8477 23.0803 34.8771 23.9902 34.8771C24.9099 34.8771 25.8198 34.8575 26.7102 34.8086C25.8296 35.9533 24.9197 37.0002 24.0196 37.9395ZM16.7403 32.1767C15.351 31.9713 14.0106 31.7169 12.7289 31.4038C13.0909 30.1417 13.541 28.8404 14.0497 27.5391C14.4509 28.3219 14.8716 29.1046 15.3314 29.8873C15.7913 30.67 16.2609 31.4331 16.7403 32.1767ZM23.9707 11.8163C24.8806 12.7556 25.7905 13.8025 26.6906 14.9472C25.81 14.9081 24.9099 14.8787 24 14.8787C23.0803 14.8787 22.1704 14.8983 21.2801 14.9472C22.1606 13.8025 23.0705 12.7556 23.9707 11.8163ZM16.7305 17.5791C16.2511 18.3325 15.7717 19.1054 15.3216 19.8979C14.8716 20.6806 14.4509 21.4633 14.0497 22.246C13.5214 20.935 13.0713 19.6239 12.6996 18.352C13.9812 18.0487 15.3314 17.7846 16.7305 17.5791ZM7.87607 29.8286C4.41256 28.3512 2.17203 26.414 2.17203 24.8779C2.17203 23.3418 4.41256 21.3948 7.87607 19.9272C8.71749 19.5652 9.63718 19.2424 10.5862 18.9391C11.1439 20.8567 11.8777 22.8526 12.7876 24.8975C11.8875 26.9325 11.1635 28.9187 10.6156 30.8265C9.64697 30.5232 8.72727 30.1906 7.87607 29.8286ZM13.1398 43.8098C11.8092 43.0467 11.232 40.1409 11.682 36.4034C11.7896 35.4837 11.9658 34.5151 12.181 33.5269C14.0987 33.9965 16.1924 34.3585 18.3938 34.5934C19.7146 36.4034 21.0844 38.0471 22.4639 39.4853C19.2744 42.4499 16.2805 44.074 14.2454 44.074C13.8051 44.0642 13.4333 43.9762 13.1398 43.8098ZM36.3473 36.3545C36.8072 40.0919 36.2397 42.9978 34.9189 43.7707C34.6254 43.9468 34.2438 44.0251 33.7937 44.0251C31.7684 44.0251 28.7648 42.4107 25.5752 39.4658C26.945 38.0275 28.3147 36.3936 29.616 34.5836C31.8272 34.3488 33.9209 33.9868 35.8386 33.5073C36.0636 34.4955 36.2397 35.4446 36.3473 36.3545ZM40.1141 29.8286C39.2727 30.1906 38.353 30.5135 37.404 30.8168C36.8463 28.8991 36.1125 26.9032 35.2026 24.8583C36.1027 22.8233 36.8267 20.8371 37.3746 18.9293C38.3433 19.2326 39.2629 19.5652 40.1239 19.9272C43.5874 21.4046 45.828 23.3418 45.828 24.8779C45.8182 26.414 43.5777 28.361 40.1141 29.8286Z" fill="#61DAFB"/>
+<path d="M23.9898 29.3493C26.4592 29.3493 28.4611 27.3474 28.4611 24.878C28.4611 22.4086 26.4592 20.4067 23.9898 20.4067C21.5204 20.4067 19.5186 22.4086 19.5186 24.878C19.5186 27.3474 21.5204 29.3493 23.9898 29.3493Z" fill="#61DAFB"/>
+</g>
+<defs>
+<clipPath id="clip0_3698_15482">
+<rect width="48" height="48" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-tech-ruby.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="49" fill="none"><g clip-path="url(#a)"><path fill="url(#b)" d="M37.174 32.082 9.779 48.349l35.471-2.407 2.732-35.767-10.808 21.907Z"/><path fill="url(#c)" d="M45.308 45.917 42.26 24.875l-8.305 10.966 11.353 10.076Z"/><path fill="url(#d)" d="m45.35 45.917-22.336-1.753-13.117 4.139 35.452-2.386Z"/><path fill="url(#e)" d="m9.93 48.308 5.58-18.28-12.28 2.626 6.7 15.653Z"/><path fill="url(#f)" d="m0 38.785 3.422-6.24-2.768-7.436L0 38.785Z"/><path fill="url(#g)" d="m33.953 35.901-5.134-20.11-14.693 13.773L33.953 35.9Z"/><path fill="url(#h)" d="M46.817 16.074 32.928 4.73l-3.867 12.504 17.756-1.16Z"/><path fill="url(#i)" d="m40.322.686-8.168 4.515L27 .626l13.322.06Z"/><path fill="#fff" d="m.47 24.875 2.785 7.9 12.101-2.715 13.816-12.84 3.9-12.385L26.931.5 16.494 4.406c-3.288 3.059-9.67 9.11-9.9 9.225-.227.116-4.214 7.65-6.124 11.244Z"/><path fill="url(#j)" d="M10.25 10.683C17.376 3.617 26.564-.559 30.09 3c3.525 3.558-.212 12.203-7.34 19.268C15.623 29.33 6.55 33.736 3.025 30.178c-3.526-3.555.097-12.43 7.224-19.495Z"/><path fill="url(#k)" d="m9.93 48.3 5.536-18.337 18.386 5.907C27.204 42.102 19.81 47.373 9.93 48.3Z"/><path fill="#9E1209" d="M0 38.704c.262 9.408 7.05 9.548 9.941 9.631L3.262 32.736 0 38.704Z"/><path fill="url(#l)" d="M3.233 32.755 2.185 45.241c1.978 2.703 4.7 2.938 7.555 2.728-2.065-5.142-6.192-15.422-6.507-15.214Z"/><path fill="url(#m)" d="m29.196 17.183 4.72 18.696C39.47 30.04 44.453 23.763 46.894 16l-17.697 1.184Z"/><path fill="url(#n)" d="m15.458 29.963 7.4 14.279c4.377-2.374 7.804-5.265 10.942-8.363l-18.342-5.916Z"/><path fill="url(#o)" d="M46.846 16.094c1.89-5.701 2.325-13.88-6.582-15.398l-7.309 4.037 13.892 11.36Z"/><path fill="url(#p)" d="M29.223 17.213c4.267 2.622 12.867 7.89 13.041 7.987.271.152 3.708-5.796 4.488-9.157l-17.53 1.17Z"/><path fill="url(#q)" d="m32.911 4.765 14.703 2.063c-.785-3.325-3.195-5.47-7.302-6.141l-7.4 4.078Z"/></g><defs><linearGradient id="b" x1="51.112" x2="41.001" y1="47.678" y2="29.774" gradientUnits="userSpaceOnUse"><stop stop-color="#FB7655"/><stop stop-color="#FB7655"/><stop offset=".41" stop-color="#E42B1E"/><stop offset=".99" stop-color="#900"/><stop offset="1" stop-color="#900"/></linearGradient><linearGradient id="c" x1="67.988" x2="22.822" y1="-3.843" y2="-6.411" gradientUnits="userSpaceOnUse"><stop stop-color="#871101"/><stop stop-color="#871101"/><stop offset=".99" stop-color="#911209"/><stop offset="1" stop-color="#911209"/></linearGradient><linearGradient id="d" x1="2787.28" x2="2787.1" y1="559.652" y2="-82.588" gradientUnits="userSpaceOnUse"><stop stop-color="#871101"/><stop stop-color="#871101"/><stop offset=".99" stop-color="#911209"/><stop offset="1" stop-color="#911209"/></linearGradient><linearGradient id="e" x1="4.959" x2="12.911" y1="34.687" y2="45.208" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop stop-color="#fff"/><stop offset=".23" stop-color="#E57252"/><stop offset=".46" stop-color="#DE3B20"/><stop offset=".99" stop-color="#A60003"/><stop offset="1" stop-color="#A60003"/></linearGradient><linearGradient id="f" x1="-11.51" x2="1.418" y1="53.252" y2="53.759" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop stop-color="#fff"/><stop offset=".31" stop-color="#DE4024"/><stop offset=".99" stop-color="#BF190B"/><stop offset="1" stop-color="#BF190B"/></linearGradient><linearGradient id="g" x1="16.647" x2="17.435" y1="19.467" y2="32.88" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop stop-color="#fff"/><stop offset=".23" stop-color="#E4714E"/><stop offset=".56" stop-color="#BE1A0D"/><stop offset=".99" stop-color="#A80D00"/><stop offset="1" stop-color="#A80D00"/></linearGradient><linearGradient id="h" x1="21.858" x2="22.968" y1="3.092" y2="22.543" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop stop-color="#fff"/><stop offset=".18" stop-color="#E46342"/><stop offset=".4" stop-color="#C82410"/><stop offset=".99" stop-color="#A80D00"/><stop offset="1" stop-color="#A80D00"/></linearGradient><linearGradient id="i" x1="88.161" x2="89.301" y1="7.802" y2="-33.194" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop stop-color="#fff"/><stop offset=".54" stop-color="#C81F11"/><stop offset=".99" stop-color="#BF0905"/><stop offset="1" stop-color="#BF0905"/></linearGradient><linearGradient id="j" x1="14.71" x2="51.846" y1="56.693" y2="18.288" gradientUnits="userSpaceOnUse"><stop stop-color="#BD0012"/><stop stop-color="#BD0012"/><stop offset=".07" stop-color="#fff"/><stop offset=".17" stop-color="#fff"/><stop offset=".27" stop-color="#C82F1C"/><stop offset=".33" stop-color="#820C01"/><stop offset=".46" stop-color="#A31601"/><stop offset=".72" stop-color="#B31301"/><stop offset=".99" stop-color="#E82609"/><stop offset="1" stop-color="#E82609"/></linearGradient><linearGradient id="k" x1="27.063" x2="17.423" y1="39.583" y2="32.693" gradientUnits="userSpaceOnUse"><stop stop-color="#8C0C01"/><stop stop-color="#8C0C01"/><stop offset=".54" stop-color="#990C00"/><stop offset=".99" stop-color="#A80D0E"/><stop offset="1" stop-color="#A80D0E"/></linearGradient><linearGradient id="l" x1="11.381" x2="-7.149" y1="31.599" y2="27.836" gradientUnits="userSpaceOnUse"><stop stop-color="#8B2114"/><stop stop-color="#8B2114"/><stop offset=".43" stop-color="#9E100A"/><stop offset=".99" stop-color="#B3100C"/><stop offset="1" stop-color="#B3100C"/></linearGradient><linearGradient id="m" x1="48.563" x2="35.214" y1="21.422" y2="13.908" gradientUnits="userSpaceOnUse"><stop stop-color="#7E110B"/><stop stop-color="#7E110B"/><stop offset=".99" stop-color="#9E0C00"/><stop offset="1" stop-color="#9E0C00"/></linearGradient><linearGradient id="o" x1="49.815" x2="44.461" y1="9.431" y2="4.27" gradientUnits="userSpaceOnUse"><stop stop-color="#79130D"/><stop stop-color="#79130D"/><stop offset=".99" stop-color="#9E120B"/><stop offset="1" stop-color="#9E120B"/></linearGradient><linearGradient id="q" x1="10.024" x2="11.639" y1=".58" y2="24.005" gradientUnits="userSpaceOnUse"><stop stop-color="#B31000"/><stop stop-color="#B31000"/><stop offset=".44" stop-color="#910F08"/><stop offset=".99" stop-color="#791C12"/><stop offset="1" stop-color="#791C12"/></linearGradient><radialGradient id="n" cx="0" cy="0" r="1" gradientTransform="matrix(16.212 0 0 12.6203 17.943 35.797)" gradientUnits="userSpaceOnUse"><stop stop-color="#A30C00"/><stop stop-color="#A30C00"/><stop offset=".99" stop-color="#800E08"/><stop offset="1" stop-color="#800E08"/></radialGradient><radialGradient id="p" cx="0" cy="0" r="1" gradientTransform="matrix(12.1954 0 0 6.37254 34.832 19.726)" gradientUnits="userSpaceOnUse"><stop stop-color="#A80D00"/><stop stop-color="#A80D00"/><stop offset=".99" stop-color="#7E0E08"/><stop offset="1" stop-color="#7E0E08"/></radialGradient><clipPath id="a"><path fill="#fff" d="M0 .5h48v48H0z"/></clipPath></defs></svg>

package/core/icons/icon-tech-swift.svg

@@ -0,0 +1,20 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3698_15503)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6327 0.5C4.76041 0.5 0 5.26041 0 11.1327V37.8673C0 43.7396 4.76041 48.5 10.6327 48.5H37.3673C43.2396 48.5 48 43.7396 48 37.8673V11.1327C48 5.26041 43.2396 0.5 37.3673 0.5H10.6327Z" fill="url(#paint0_linear_3698_15503)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6242 0.538086C4.75643 0.538086 0 5.29452 0 11.1623V23.2544L4.92459 28.5554C4.92459 28.5554 4.92497 28.5554 4.92497 28.5558C4.97427 28.6429 11.3415 39.7834 24.7418 39.7834C30.7957 39.7834 32.5548 36.6791 35.5559 36.6791C38.6603 36.6791 40.5229 39.7834 40.5229 39.7834C42.3341 35.3335 37.8325 30.2629 37.8325 30.2629C37.8325 30.2629 42.955 18.4146 27.1227 7.65244C27.1223 7.6521 27.1223 7.65172 27.1219 7.65172L20.1073 0.538086H10.6242Z" fill="url(#paint1_linear_3698_15503)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.1602 7.65527C42.9932 18.4176 37.8708 30.2665 37.8708 30.2665C37.8708 30.2665 42.3723 35.3372 40.5613 39.787C40.5613 39.787 38.6986 36.6825 35.5941 36.6825C32.5931 36.6825 30.8339 39.787 24.7801 39.787C11.3272 39.787 4.96289 28.559 4.96289 28.559C17.076 36.5408 25.3492 30.8874 25.3492 30.8874C19.8848 27.7133 8.27439 12.5708 8.27439 12.5708C18.3944 21.1786 22.7621 23.4365 22.7621 23.4365C20.1474 21.2836 12.8277 10.7598 12.8277 10.7598C18.6845 16.6857 30.3164 24.9371 30.3164 24.9371C33.6343 15.8161 27.1602 7.65527 27.1602 7.65527Z" fill="#FEFEFE"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_3698_15503" x1="2.81259" y1="-5.75877" x2="-6.25876" y2="45.6874" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAAE41"/>
+<stop offset="1" stop-color="#EF3E31"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3698_15503" x1="4.87574" y1="-1.86515" x2="-1.22988" y2="35.8395" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E29F3A"/>
+<stop offset="1" stop-color="#D43929"/>
+</linearGradient>
+<clipPath id="clip0_3698_15503">
+<rect width="48" height="48" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-tech-terraform.svg

@@ -0,0 +1,12 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3698_16326)">
+<path d="M32.0391 16.5401V31.6841L45.1225 24.1161V8.95605L32.0391 16.5401Z" fill="#7A50BA"/>
+<path d="M17.5195 8.95605L30.603 16.5401V31.6841L17.5195 24.1081V8.95605Z" fill="#7A50BA"/>
+<path d="M3 0.5V15.652L16.0835 23.228V8.076L3 0.5ZM17.5195 40.924L30.603 48.5V33.348L17.5195 25.772V40.924Z" fill="#7A50BA"/>
+</g>
+<defs>
+<clipPath id="clip0_3698_16326">
+<rect width="48" height="48" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/core/icons/icon-tech-zapier.svg

@@ -0,0 +1,10 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3698_16320)">
+<path d="M29.9998 24.5105C30.0006 26.2412 29.6884 27.9579 29.0783 29.5775C27.458 30.1876 25.741 30.5003 24.0098 30.5006H23.9895C22.2068 30.4983 20.4986 30.1724 18.9225 29.5783C18.3119 27.9584 17.9994 26.2416 18 24.5105V24.4895C17.9992 22.7591 18.3111 21.0427 18.9206 19.4233C20.5407 18.812 22.2581 18.4992 23.9897 18.5H24.0099C25.7413 18.4992 27.4585 18.8119 29.0784 19.4231C29.6887 21.0424 30.0009 22.7588 30 24.4893V24.5103L29.9998 24.5105ZM47.6666 20.5001H33.6574L43.5628 10.5939C42.7853 9.50172 41.9181 8.47635 40.9701 7.52844V7.52769C40.022 6.58079 38.9969 5.71431 37.9054 4.93719L27.9992 14.8434V0.834125C26.6817 0.612487 25.348 0.500727 24.012 0.5L23.9872 0.5C22.6283 0.50075 21.2972 0.61625 20.0001 0.834125V14.8434L10.0939 4.93719C9.00214 5.7141 7.97749 6.5812 7.03069 7.52938L7.02544 7.53312C6.07904 8.47985 5.21299 9.50363 4.43625 10.5939L14.3432 20.5001H0.334125C0.334125 20.5001 0 23.1313 0 24.4918V24.5083C0 25.8688 0.115312 27.2021 0.334125 28.4999H14.3434L4.43644 38.4061C5.99487 40.5931 7.90687 42.5051 10.0939 44.0636L20.0001 34.1566V48.1666C21.3161 48.3872 22.6481 48.4987 23.9826 48.5H24.0165C25.3509 48.4988 26.683 48.3873 27.999 48.1666V34.1566L37.9061 44.0636C38.9975 43.2862 40.0223 42.4194 40.9701 41.4723L40.9723 41.4701C41.919 40.5221 42.7855 39.4973 43.5628 38.4061L33.6559 28.4999H47.6666C47.8847 27.2043 47.9985 25.8749 48 24.5174V24.4826C47.9985 23.1251 47.8847 21.7957 47.6666 20.5001Z" fill="#FF4A00"/>
+</g>
+<defs>
+<clipPath id="clip0_3698_16320">
+<rect width="48" height="48" fill="white" transform="translate(0 0.5)"/>
+</clipPath>
+</defs>
+</svg>

package/core/load-sprites.js

@@ -1 +1 @@
-export default(spritesUrl=>{fetch(spritesUrl).then(response=>response.text()).then(image=>{const container=document.createElement("div");container.style.display="none";container.innerHTML=image;document.body.appendChild(container)}).catch(err=>console.error(err))});
+export default(spritesUrl=>{if(document.querySelector(".ably-sprites"))return;fetch(spritesUrl).then(response=>response.text()).then(image=>{const container=document.createElement("div");container.className="ably-sprites";container.style.opacity=0;container.style.position="absolute";container.style.width="0";container.style.height="0";container.innerHTML=image;document.body.appendChild(container)}).catch(err=>console.error(err))});