@ably/ui 17.4.0-dev.a6eaaf33 → 17.4.0-dev.bba2eb71

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

@@ -1,10 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_1894)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M33.7769 0C34.0958 2.80896 32.9394 5.63437 31.2223 7.6626C29.5063 9.69201 26.6942 11.2676 23.9386 11.0595C23.5595 8.30694 24.9542 5.43096 26.5426 3.63553C28.315 1.60848 31.3053 0.0952388 33.7769 0ZM27.1802 12.9872C28.9902 12.2871 31.2387 11.4174 33.7176 11.5968C35.3024 11.7121 39.8028 12.1742 42.7161 16.3658C42.7114 16.3687 42.7047 16.3727 42.6961 16.3778C42.2779 16.6259 37.3516 19.5488 37.4082 25.5005C37.4732 32.7645 43.9266 35.1843 44 35.2114C43.9973 35.2193 43.9927 35.2339 43.9861 35.2547C43.8495 35.6863 42.8595 38.8134 40.5982 42.038C38.5502 44.9657 36.4287 47.8769 33.0799 47.9381C31.4726 47.9668 30.3975 47.5123 29.2801 47.0398C28.1102 46.5452 26.8939 46.0309 24.9719 46.0309C22.9573 46.0309 21.6842 46.5608 20.4578 47.0712C19.3951 47.5135 18.3675 47.9412 16.9229 47.9969C13.6908 48.1168 11.23 44.8352 9.16748 41.9227C4.94985 35.9627 1.72495 25.0808 6.05449 17.7368C8.20483 14.0895 12.047 11.7779 16.2165 11.7191C18.0159 11.6858 19.7577 12.3601 21.2828 12.9505C22.4481 13.4016 23.4869 13.8038 24.3281 13.8038C25.0691 13.8038 26.0373 13.4293 27.1802 12.9872Z" fill="#888888"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_1894">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_1894">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_1894)">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M33.7769 0C34.0958 2.80896 32.9394 5.63437 31.2223 7.6626C29.5063 9.69201 26.6942 11.2676 23.9386 11.0595C23.5595 8.30694 24.9542 5.43096 26.5426 3.63553C28.315 1.60848 31.3053 0.0952388 33.7769 0ZM27.1802 12.9872C28.9902 12.2871 31.2387 11.4174 33.7176 11.5968C35.3024 11.7121 39.8028 12.1742 42.7161 16.3658C42.7114 16.3687 42.7047 16.3727 42.6961 16.3778C42.2779 16.6259 37.3516 19.5488 37.4082 25.5005C37.4732 32.7645 43.9266 35.1843 44 35.2114C43.9973 35.2193 43.9927 35.2339 43.9861 35.2547C43.8495 35.6863 42.8595 38.8134 40.5982 42.038C38.5502 44.9657 36.4287 47.8769 33.0799 47.9381C31.4726 47.9668 30.3975 47.5123 29.2801 47.0398C28.1102 46.5452 26.8939 46.0309 24.9719 46.0309C22.9573 46.0309 21.6842 46.5608 20.4578 47.0712C19.3951 47.5135 18.3675 47.9412 16.9229 47.9969C13.6908 48.1168 11.23 44.8352 9.16748 41.9227C4.94985 35.9627 1.72495 25.0808 6.05449 17.7368C8.20483 14.0895 12.047 11.7779 16.2165 11.7191C18.0159 11.6858 19.7577 12.3601 21.2828 12.9505C22.4481 13.4016 23.4869 13.8038 24.3281 13.8038C25.0691 13.8038 26.0373 13.4293 27.1802 12.9872Z"
+      fill="#888888" />
+  </g>
+</svg>

package/core/icons/tech/icon-tech-web-push.svg

@@ -1,12 +1,18 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_1965)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44 2H4C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46H44C45.1046 46 46 45.1046 46 44V4C46 2.89543 45.1046 2 44 2ZM4 0C1.79086 0 0 1.79086 0 4V44C0 46.2091 1.79086 48 4 48H44C46.2091 48 48 46.2091 48 44V4C48 1.79086 46.2091 0 44 0H4Z" fill="#03020D"/>
-<path d="M15.62 30.9998L18.26 20.9398L20.92 30.9998H23.4L27.28 16.7998H24.64L22.16 26.9998L19.5 16.7998H17.04L14.36 26.9998L11.9 16.7998H9.26001L13.14 30.9998H15.62Z" fill="black"/>
-<path d="M31.7152 30.9998V25.0198H34.4952C37.3552 25.0198 38.9752 23.1998 38.9752 20.8998C38.9752 18.5398 37.3552 16.7998 34.4952 16.7998H29.1352V30.9998H31.7152ZM34.2952 19.1398C35.4752 19.1398 36.3552 19.7198 36.3552 20.8998C36.3552 22.0598 35.4752 22.6798 34.2952 22.6798H31.7152V19.1398H34.2952Z" fill="black"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_1965">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_1965">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_1965)">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M44 2H4C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46H44C45.1046 46 46 45.1046 46 44V4C46 2.89543 45.1046 2 44 2ZM4 0C1.79086 0 0 1.79086 0 4V44C0 46.2091 1.79086 48 4 48H44C46.2091 48 48 46.2091 48 44V4C48 1.79086 46.2091 0 44 0H4Z"
+      fill="#03020D" />
+    <path
+      d="M15.62 30.9998L18.26 20.9398L20.92 30.9998H23.4L27.28 16.7998H24.64L22.16 26.9998L19.5 16.7998H17.04L14.36 26.9998L11.9 16.7998H9.26001L13.14 30.9998H15.62Z"
+      fill="black" />
+    <path
+      d="M31.7152 30.9998V25.0198H34.4952C37.3552 25.0198 38.9752 23.1998 38.9752 20.8998C38.9752 18.5398 37.3552 16.7998 34.4952 16.7998H29.1352V30.9998H31.7152ZM34.2952 19.1398C35.4752 19.1398 36.3552 19.7198 36.3552 20.8998C36.3552 22.0598 35.4752 22.6798 34.2952 22.6798H31.7152V19.1398H34.2952Z"
+      fill="black" />
+  </g>
+</svg>

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

@@ -1,12 +1,18 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_1949)">
-<path d="M22.4955 20.73C20.4989 24.0864 18.586 27.3368 16.6332 30.5626C16.1317 31.3908 15.8835 32.0654 16.2841 33.1181C17.3903 36.0263 15.8299 38.8564 12.8972 39.6246C10.1315 40.3493 7.43685 38.5316 6.8881 35.5706C6.40183 32.9497 8.43573 30.3804 11.3255 29.9708C11.5675 29.9361 11.8148 29.9322 12.2216 29.9017L16.6172 22.5309C13.8526 19.7819 12.2071 16.5687 12.5713 12.5867C12.8287 9.77202 13.9356 7.33955 15.9586 5.34593C19.8333 1.52805 25.7445 0.909868 30.3069 3.84027C34.6885 6.65513 36.6953 12.1381 34.9847 16.8308C33.6949 16.4812 32.3961 16.1285 30.9683 15.7412C31.5054 13.132 31.1082 10.7892 29.3484 8.78199C28.1858 7.45679 26.6939 6.76221 24.9976 6.50628C21.5968 5.99253 18.2578 8.17735 17.267 11.5154C16.1424 15.3035 17.8446 18.3982 22.4955 20.7302V20.73Z" fill="#C73A63"/>
-<path d="M28.1977 16.7607C29.6044 19.2423 31.0327 21.7613 32.4482 24.2572C39.603 22.0436 44.9974 26.0043 46.9327 30.2446C49.2703 35.3668 47.6723 41.4335 43.0815 44.5937C38.3694 47.8376 32.4102 47.2834 28.2353 43.1162C29.2993 42.2256 30.3686 41.3309 31.511 40.3751C35.6345 43.0459 39.2411 42.9201 41.9186 39.7575C44.2018 37.0595 44.1523 33.0367 41.8028 30.3954C39.0915 27.3473 35.4597 27.2544 31.0697 30.1803C29.2487 26.9495 27.396 23.7446 25.6325 20.4905C25.0379 19.3937 24.3815 18.7573 23.0412 18.5253C20.8032 18.1372 19.3583 16.2153 19.2715 14.0621C19.1863 11.9326 20.4409 10.0077 22.4018 9.25777C24.3442 8.51463 26.6237 9.11437 27.9303 10.7659C28.998 12.1152 29.3373 13.6338 28.7754 15.2979C28.6192 15.762 28.4169 16.211 28.1977 16.7609V16.7607Z" fill="#4B4B4B"/>
-<path d="M31.5597 37.0468H22.9465C22.121 40.4424 20.3377 43.1838 17.2653 44.9272C14.8766 46.2821 12.3023 46.7415 9.56231 46.299C4.51747 45.4855 0.392479 40.9441 0.0292839 35.8304C-0.38171 30.0373 3.60008 24.888 8.90743 23.7314C9.27383 25.0621 9.64417 26.4055 10.0106 27.733C5.14112 30.2174 3.45574 33.3477 4.81857 37.2619C6.01824 40.7064 9.42607 42.5945 13.1263 41.8643C16.9051 41.1187 18.8102 37.9783 18.5776 32.9384C22.1599 32.9384 25.7452 32.9013 29.3279 32.9566C30.7268 32.9786 31.8068 32.8335 32.8606 31.6002C34.5957 29.5708 37.7894 29.7539 39.658 31.6706C41.5677 33.6294 41.4763 36.7811 39.4554 38.6573C37.5056 40.4676 34.4252 40.3709 32.6009 38.4202C32.2261 38.0182 31.9306 37.5408 31.5597 37.0468Z" fill="#4A4A4A"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_1949">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_1949">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_1949)">
+    <path
+      d="M22.4955 20.73C20.4989 24.0864 18.586 27.3368 16.6332 30.5626C16.1317 31.3908 15.8835 32.0654 16.2841 33.1181C17.3903 36.0263 15.8299 38.8564 12.8972 39.6246C10.1315 40.3493 7.43685 38.5316 6.8881 35.5706C6.40183 32.9497 8.43573 30.3804 11.3255 29.9708C11.5675 29.9361 11.8148 29.9322 12.2216 29.9017L16.6172 22.5309C13.8526 19.7819 12.2071 16.5687 12.5713 12.5867C12.8287 9.77202 13.9356 7.33955 15.9586 5.34593C19.8333 1.52805 25.7445 0.909868 30.3069 3.84027C34.6885 6.65513 36.6953 12.1381 34.9847 16.8308C33.6949 16.4812 32.3961 16.1285 30.9683 15.7412C31.5054 13.132 31.1082 10.7892 29.3484 8.78199C28.1858 7.45679 26.6939 6.76221 24.9976 6.50628C21.5968 5.99253 18.2578 8.17735 17.267 11.5154C16.1424 15.3035 17.8446 18.3982 22.4955 20.7302V20.73Z"
+      fill="#C73A63" />
+    <path
+      d="M28.1977 16.7607C29.6044 19.2423 31.0327 21.7613 32.4482 24.2572C39.603 22.0436 44.9974 26.0043 46.9327 30.2446C49.2703 35.3668 47.6723 41.4335 43.0815 44.5937C38.3694 47.8376 32.4102 47.2834 28.2353 43.1162C29.2993 42.2256 30.3686 41.3309 31.511 40.3751C35.6345 43.0459 39.2411 42.9201 41.9186 39.7575C44.2018 37.0595 44.1523 33.0367 41.8028 30.3954C39.0915 27.3473 35.4597 27.2544 31.0697 30.1803C29.2487 26.9495 27.396 23.7446 25.6325 20.4905C25.0379 19.3937 24.3815 18.7573 23.0412 18.5253C20.8032 18.1372 19.3583 16.2153 19.2715 14.0621C19.1863 11.9326 20.4409 10.0077 22.4018 9.25777C24.3442 8.51463 26.6237 9.11437 27.9303 10.7659C28.998 12.1152 29.3373 13.6338 28.7754 15.2979C28.6192 15.762 28.4169 16.211 28.1977 16.7609V16.7607Z"
+      fill="#4B4B4B" />
+    <path
+      d="M31.5597 37.0468H22.9465C22.121 40.4424 20.3377 43.1838 17.2653 44.9272C14.8766 46.2821 12.3023 46.7415 9.56231 46.299C4.51747 45.4855 0.392479 40.9441 0.0292839 35.8304C-0.38171 30.0373 3.60008 24.888 8.90743 23.7314C9.27383 25.0621 9.64417 26.4055 10.0106 27.733C5.14112 30.2174 3.45574 33.3477 4.81857 37.2619C6.01824 40.7064 9.42607 42.5945 13.1263 41.8643C16.9051 41.1187 18.8102 37.9783 18.5776 32.9384C22.1599 32.9384 25.7452 32.9013 29.3279 32.9566C30.7268 32.9786 31.8068 32.8335 32.8606 31.6002C34.5957 29.5708 37.7894 29.7539 39.658 31.6706C41.5677 33.6294 41.4763 36.7811 39.4554 38.6573C37.5056 40.4676 34.4252 40.3709 32.6009 38.4202C32.2261 38.0182 31.9306 37.5408 31.5597 37.0468Z"
+      fill="#4A4A4A" />
+  </g>
+</svg>

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

@@ -1,12 +1,18 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_1959)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44 2H4C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46H44C45.1046 46 46 45.1046 46 44V4C46 2.89543 45.1046 2 44 2ZM4 0C1.79086 0 0 1.79086 0 4V44C0 46.2091 1.79086 48 4 48H44C46.2091 48 48 46.2091 48 44V4C48 1.79086 46.2091 0 44 0H4Z" fill="#03020D"/>
-<path d="M15.6864 31.0001L18.3264 20.9401L20.9864 31.0001H23.4664L27.3464 16.8001H24.7064L22.2264 27.0001L19.5664 16.8001H17.1064L14.4264 27.0001L11.9664 16.8001H9.32642L13.2064 31.0001H15.6864Z" fill="#03020D"/>
-<path d="M37.2453 27.1601C37.2453 22.3001 30.9653 22.9401 30.9653 20.3001C30.9653 19.4201 31.6453 18.7801 32.7653 18.7801L36.3853 19.9801V17.3001C35.3053 16.8801 34.0653 16.5601 32.7053 16.5601C30.1853 16.5601 28.4453 18.1001 28.4453 20.3401C28.4453 25.2201 34.6853 24.1801 34.6853 27.1801C34.6853 28.3801 33.8253 29.0001 32.5053 29.0001L28.4053 27.6001V30.3001C29.8053 30.7801 31.1253 31.2401 32.5853 31.2401C35.3053 31.2401 37.2453 29.6801 37.2453 27.1601Z" fill="#03020D"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_1959">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_1959">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_1959)">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M44 2H4C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46H44C45.1046 46 46 45.1046 46 44V4C46 2.89543 45.1046 2 44 2ZM4 0C1.79086 0 0 1.79086 0 4V44C0 46.2091 1.79086 48 4 48H44C46.2091 48 48 46.2091 48 44V4C48 1.79086 46.2091 0 44 0H4Z"
+      fill="#03020D" />
+    <path
+      d="M15.6864 31.0001L18.3264 20.9401L20.9864 31.0001H23.4664L27.3464 16.8001H24.7064L22.2264 27.0001L19.5664 16.8001H17.1064L14.4264 27.0001L11.9664 16.8001H9.32642L13.2064 31.0001H15.6864Z"
+      fill="#03020D" />
+    <path
+      d="M37.2453 27.1601C37.2453 22.3001 30.9653 22.9401 30.9653 20.3001C30.9653 19.4201 31.6453 18.7801 32.7653 18.7801L36.3853 19.9801V17.3001C35.3053 16.8801 34.0653 16.5601 32.7053 16.5601C30.1853 16.5601 28.4453 18.1001 28.4453 20.3401C28.4453 25.2201 34.6853 24.1801 34.6853 27.1801C34.6853 28.3801 33.8253 29.0001 32.5053 29.0001L28.4053 27.6001V30.3001C29.8053 30.7801 31.1253 31.2401 32.5853 31.2401C35.3053 31.2401 37.2453 29.6801 37.2453 27.1601Z"
+      fill="#03020D" />
+  </g>
+</svg>

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

@@ -1,10 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_1957)">
-<path d="M13.8499 3C12.5535 3.00281 11.2845 3.73875 10.632 4.86131L0.481922 22.4931C-0.160641 23.6186 -0.160641 25.0899 0.481922 26.2155L10.632 43.8474C11.2845 44.97 12.5535 45.7061 13.8499 45.7088H34.1502C35.4465 45.7059 36.7155 44.97 37.368 43.8474L47.5182 26.2155C48.1607 25.0899 48.1605 23.6186 47.5182 22.4931L37.368 4.86131C36.7155 3.73856 35.4465 3.00263 34.1502 3H13.8499ZM14.0342 13.3149C14.0622 13.3121 14.0914 13.3121 14.1194 13.3149H17.6207C17.6985 13.3175 17.7744 13.3396 17.8414 13.3794C17.9083 13.4191 17.9641 13.4751 18.0036 13.5422L23.9434 24.1269C23.9734 24.1794 23.9925 24.2376 23.9997 24.2976C24.0072 24.2376 24.0263 24.1794 24.0563 24.1269L29.9819 13.5422C30.0227 13.4732 30.0807 13.416 30.1503 13.3761C30.2199 13.3363 30.2986 13.3152 30.3788 13.3149H33.8804C34.1903 13.3176 34.4226 13.7081 34.2773 13.9826L28.4792 24.3544L34.2773 34.7119C34.4363 34.9879 34.1986 35.3964 33.8804 35.3938H30.3788C30.2972 35.3921 30.2176 35.3689 30.1479 35.3264C30.0782 35.284 30.0209 35.224 29.9819 35.1523L24.0563 24.5674C24.0263 24.5151 24.0072 24.4568 23.9999 24.3969C23.9926 24.457 23.9734 24.515 23.9434 24.5676L18.0034 35.1523C17.9657 35.2219 17.9107 35.2807 17.8437 35.323C17.7767 35.3653 17.7 35.3897 17.6209 35.3938H14.1192C13.801 35.3966 13.5632 34.9879 13.7222 34.7119L19.5203 24.3544L13.7222 13.9826C13.5833 13.7321 13.7528 13.3684 14.034 13.3149H14.0342Z" fill="#3498DB"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_1957">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_1957">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_1957)">
+    <path
+      d="M13.8499 3C12.5535 3.00281 11.2845 3.73875 10.632 4.86131L0.481922 22.4931C-0.160641 23.6186 -0.160641 25.0899 0.481922 26.2155L10.632 43.8474C11.2845 44.97 12.5535 45.7061 13.8499 45.7088H34.1502C35.4465 45.7059 36.7155 44.97 37.368 43.8474L47.5182 26.2155C48.1607 25.0899 48.1605 23.6186 47.5182 22.4931L37.368 4.86131C36.7155 3.73856 35.4465 3.00263 34.1502 3H13.8499ZM14.0342 13.3149C14.0622 13.3121 14.0914 13.3121 14.1194 13.3149H17.6207C17.6985 13.3175 17.7744 13.3396 17.8414 13.3794C17.9083 13.4191 17.9641 13.4751 18.0036 13.5422L23.9434 24.1269C23.9734 24.1794 23.9925 24.2376 23.9997 24.2976C24.0072 24.2376 24.0263 24.1794 24.0563 24.1269L29.9819 13.5422C30.0227 13.4732 30.0807 13.416 30.1503 13.3761C30.2199 13.3363 30.2986 13.3152 30.3788 13.3149H33.8804C34.1903 13.3176 34.4226 13.7081 34.2773 13.9826L28.4792 24.3544L34.2773 34.7119C34.4363 34.9879 34.1986 35.3964 33.8804 35.3938H30.3788C30.2972 35.3921 30.2176 35.3689 30.1479 35.3264C30.0782 35.284 30.0209 35.224 29.9819 35.1523L24.0563 24.5674C24.0263 24.5151 24.0072 24.4568 23.9999 24.3969C23.9926 24.457 23.9734 24.515 23.9434 24.5676L18.0034 35.1523C17.9657 35.2219 17.9107 35.2807 17.8437 35.323C17.7767 35.3653 17.7 35.3897 17.6209 35.3938H14.1192C13.801 35.3966 13.5632 34.9879 13.7222 34.7119L19.5203 24.3544L13.7222 13.9826C13.5833 13.7321 13.7528 13.3684 14.034 13.3149H14.0342Z"
+      fill="#3498DB" />
+  </g>
+</svg>

package/core/icons/tech/icon-tech-xhr-streaming.svg

@@ -1,12 +1,18 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_2008)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M44 2H4C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46H44C45.1046 46 46 45.1046 46 44V4C46 2.89543 45.1046 2 44 2ZM4 0C1.79086 0 0 1.79086 0 4V44C0 46.2091 1.79086 48 4 48H44C46.2091 48 48 46.2091 48 44V4C48 1.79086 46.2091 0 44 0H4Z" fill="#03020D"/>
-<path d="M13.0199 30.9998L16.5199 25.4598L20.0399 30.9998H23.1199L18.2599 23.6398L22.7399 16.7998H19.6999L16.5199 21.8398L13.3399 16.7998H10.2999L14.7799 23.6398L9.93994 30.9998H13.0199Z" fill="black"/>
-<path d="M27.2268 30.9998V25.0398H34.4268V30.9998H37.0068V16.7998H34.4268V22.6998H27.2268V16.7998H24.6468V30.9998H27.2268Z" fill="black"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_2008">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_2008">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_2008)">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M44 2H4C2.89543 2 2 2.89543 2 4V44C2 45.1046 2.89543 46 4 46H44C45.1046 46 46 45.1046 46 44V4C46 2.89543 45.1046 2 44 2ZM4 0C1.79086 0 0 1.79086 0 4V44C0 46.2091 1.79086 48 4 48H44C46.2091 48 48 46.2091 48 44V4C48 1.79086 46.2091 0 44 0H4Z"
+      fill="#03020D" />
+    <path
+      d="M13.0199 30.9998L16.5199 25.4598L20.0399 30.9998H23.1199L18.2599 23.6398L22.7399 16.7998H19.6999L16.5199 21.8398L13.3399 16.7998H10.2999L14.7799 23.6398L9.93994 30.9998H13.0199Z"
+      fill="black" />
+    <path
+      d="M27.2268 30.9998V25.0398H34.4268V30.9998H37.0068V16.7998H34.4268V22.6998H27.2268V16.7998H24.6468V30.9998H27.2268Z"
+      fill="black" />
+  </g>
+</svg>

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

@@ -1,20 +1,34 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M38.1528 10.9147C38.1735 11.277 37.6719 11.1818 37.6719 11.5474C37.6719 22.1842 25.1438 38.4123 13 41.5478V42C29.1325 40.4769 47.5937 23.2929 48 7L38.1517 10.915L38.1528 10.9147Z" fill="url(#paint0_linear_1031_1929)"/>
-<path d="M33.034 12.4222C33.0541 12.7836 33.0657 13.1462 33.0657 13.5114C33.0657 24.1228 24.942 38.4211 13 41.5489V42C28.6245 41.232 41 24.6524 41 11.9422C41 11.2885 40.9661 10.6405 40.9018 10L33.0345 12.4217L33.034 12.4222Z" fill="#E96D1F"/>
-<path d="M40.8873 10.0011L38.8787 10.7415C38.8895 11.0032 38.8961 11.3546 38.8961 11.6188C38.8961 22.831 29.0679 38.3319 15.8827 40.7572C15.027 41.0531 13.895 41.3221 13 41.5544V42C30.2073 40.4876 42.2967 22.4513 40.8886 10L40.8873 10.0011Z" fill="#D9541E"/>
-<path d="M10.1285 10.9147C10.1072 11.277 10.6231 11.1818 10.6231 11.5474C10.6231 22.1842 23.5092 38.4123 36 41.5478V42C19.4066 40.4769 0.417929 23.2929 0 7L10.1297 10.915L10.1285 10.9147Z" fill="url(#paint1_linear_1031_1929)"/>
-<path d="M15.2505 12.4222C15.2297 12.7836 15.2176 13.1462 15.2176 13.5114C15.2176 24.1228 23.6315 38.4211 36 41.5489V42C19.8174 41.232 7 24.6524 7 11.9422C7 11.2885 7.03508 10.6405 7.10168 10L15.25 12.4217L15.2505 12.4222Z" fill="#A0CE67"/>
-<path d="M7.11674 10.0011L9.19706 10.7415C9.18586 11.0032 9.17903 11.3546 9.17903 11.6188C9.17903 22.831 19.3583 38.3319 33.0143 40.7572C33.9006 41.0531 35.073 41.3221 36 41.5544V42C18.1782 40.4876 5.65694 22.4513 7.11538 10L7.11674 10.0011Z" fill="#439639"/>
-<defs>
-<linearGradient id="paint0_linear_1031_1929" x1="30.5105" y1="41.9997" x2="30.5105" y2="6.99972" gradientUnits="userSpaceOnUse">
-<stop offset="0.011" stop-color="#1B3967"/>
-<stop offset="0.467" stop-color="#13B5EA"/>
-<stop offset="0.9945" stop-color="#002B5C"/>
-</linearGradient>
-<linearGradient id="paint1_linear_1031_1929" x1="17.9892" y1="41.9997" x2="17.9892" y2="6.99972" gradientUnits="userSpaceOnUse">
-<stop offset="0.011" stop-color="#1B3967"/>
-<stop offset="0.467" stop-color="#13B5EA"/>
-<stop offset="0.9945" stop-color="#002B5C"/>
-</linearGradient>
-</defs>
-</svg>
+  <defs>
+    <linearGradient id="paint0_linear_1031_1929" x1="30.5105" y1="41.9997" x2="30.5105" y2="6.99972"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0.011" stop-color="#1B3967" />
+      <stop offset="0.467" stop-color="#13B5EA" />
+      <stop offset="0.9945" stop-color="#002B5C" />
+    </linearGradient>
+    <linearGradient id="paint1_linear_1031_1929" x1="17.9892" y1="41.9997" x2="17.9892" y2="6.99972"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0.011" stop-color="#1B3967" />
+      <stop offset="0.467" stop-color="#13B5EA" />
+      <stop offset="0.9945" stop-color="#002B5C" />
+    </linearGradient>
+  </defs>
+  <path
+    d="M38.1528 10.9147C38.1735 11.277 37.6719 11.1818 37.6719 11.5474C37.6719 22.1842 25.1438 38.4123 13 41.5478V42C29.1325 40.4769 47.5937 23.2929 48 7L38.1517 10.915L38.1528 10.9147Z"
+    fill="url(#paint0_linear_1031_1929)" />
+  <path
+    d="M33.034 12.4222C33.0541 12.7836 33.0657 13.1462 33.0657 13.5114C33.0657 24.1228 24.942 38.4211 13 41.5489V42C28.6245 41.232 41 24.6524 41 11.9422C41 11.2885 40.9661 10.6405 40.9018 10L33.0345 12.4217L33.034 12.4222Z"
+    fill="#E96D1F" />
+  <path
+    d="M40.8873 10.0011L38.8787 10.7415C38.8895 11.0032 38.8961 11.3546 38.8961 11.6188C38.8961 22.831 29.0679 38.3319 15.8827 40.7572C15.027 41.0531 13.895 41.3221 13 41.5544V42C30.2073 40.4876 42.2967 22.4513 40.8886 10L40.8873 10.0011Z"
+    fill="#D9541E" />
+  <path
+    d="M10.1285 10.9147C10.1072 11.277 10.6231 11.1818 10.6231 11.5474C10.6231 22.1842 23.5092 38.4123 36 41.5478V42C19.4066 40.4769 0.417929 23.2929 0 7L10.1297 10.915L10.1285 10.9147Z"
+    fill="url(#paint1_linear_1031_1929)" />
+  <path
+    d="M15.2505 12.4222C15.2297 12.7836 15.2176 13.1462 15.2176 13.5114C15.2176 24.1228 23.6315 38.4211 36 41.5489V42C19.8174 41.232 7 24.6524 7 11.9422C7 11.2885 7.03508 10.6405 7.10168 10L15.25 12.4217L15.2505 12.4222Z"
+    fill="#A0CE67" />
+  <path
+    d="M7.11674 10.0011L9.19706 10.7415C9.18586 11.0032 9.17903 11.3546 9.17903 11.6188C9.17903 22.831 19.3583 38.3319 33.0143 40.7572C33.9006 41.0531 35.073 41.3221 36 41.5544V42C18.1782 40.4876 5.65694 22.4513 7.11538 10L7.11674 10.0011Z"
+    fill="#439639" />
+</svg>

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

@@ -1,10 +1,12 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_1930)">
-<path d="M29.9998 24.0105C30.0006 25.7412 29.6884 27.4579 29.0783 29.0775C27.458 29.6876 25.741 30.0003 24.0098 30.0006H23.9895C22.2068 29.9983 20.4986 29.6724 18.9225 29.0783C18.3119 27.4584 17.9994 25.7416 18 24.0105V23.9895C17.9992 22.2591 18.3111 20.5427 18.9206 18.9233C20.5407 18.312 22.2581 17.9992 23.9897 18H24.0099C25.7413 17.9992 27.4585 18.3119 29.0784 18.9231C29.6887 20.5424 30.0009 22.2588 30 23.9893V24.0103L29.9998 24.0105ZM47.6666 20.0001H33.6574L43.5628 10.0939C42.7853 9.00172 41.9181 7.97635 40.9701 7.02844V7.02769C40.022 6.08079 38.9969 5.21431 37.9054 4.43719L27.9992 14.3434V0.334125C26.6817 0.112487 25.348 0.000726919 24.012 0L23.9872 0C22.6283 0.00075 21.2972 0.11625 20.0001 0.334125V14.3434L10.0939 4.43719C9.00214 5.2141 7.97749 6.0812 7.03069 7.02938L7.02544 7.03312C6.07904 7.97985 5.21299 9.00363 4.43625 10.0939L14.3432 20.0001H0.334125C0.334125 20.0001 0 22.6313 0 23.9918V24.0083C0 25.3688 0.115312 26.7021 0.334125 27.9999H14.3434L4.43644 37.9061C5.99487 40.0931 7.90687 42.0051 10.0939 43.5636L20.0001 33.6566V47.6666C21.3161 47.8872 22.6481 47.9987 23.9826 48H24.0165C25.3509 47.9988 26.683 47.8873 27.999 47.6666V33.6566L37.9061 43.5636C38.9975 42.7862 40.0223 41.9194 40.9701 40.9723L40.9723 40.9701C41.919 40.0221 42.7855 38.9973 43.5628 37.9061L33.6559 27.9999H47.6666C47.8847 26.7043 47.9985 25.3749 48 24.0174V23.9826C47.9985 22.6251 47.8847 21.2957 47.6666 20.0001Z" fill="#FF4A00"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_1930">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_1930">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_1930)">
+    <path
+      d="M29.9998 24.0105C30.0006 25.7412 29.6884 27.4579 29.0783 29.0775C27.458 29.6876 25.741 30.0003 24.0098 30.0006H23.9895C22.2068 29.9983 20.4986 29.6724 18.9225 29.0783C18.3119 27.4584 17.9994 25.7416 18 24.0105V23.9895C17.9992 22.2591 18.3111 20.5427 18.9206 18.9233C20.5407 18.312 22.2581 17.9992 23.9897 18H24.0099C25.7413 17.9992 27.4585 18.3119 29.0784 18.9231C29.6887 20.5424 30.0009 22.2588 30 23.9893V24.0103L29.9998 24.0105ZM47.6666 20.0001H33.6574L43.5628 10.0939C42.7853 9.00172 41.9181 7.97635 40.9701 7.02844V7.02769C40.022 6.08079 38.9969 5.21431 37.9054 4.43719L27.9992 14.3434V0.334125C26.6817 0.112487 25.348 0.000726919 24.012 0L23.9872 0C22.6283 0.00075 21.2972 0.11625 20.0001 0.334125V14.3434L10.0939 4.43719C9.00214 5.2141 7.97749 6.0812 7.03069 7.02938L7.02544 7.03312C6.07904 7.97985 5.21299 9.00363 4.43625 10.0939L14.3432 20.0001H0.334125C0.334125 20.0001 0 22.6313 0 23.9918V24.0083C0 25.3688 0.115312 26.7021 0.334125 27.9999H14.3434L4.43644 37.9061C5.99487 40.0931 7.90687 42.0051 10.0939 43.5636L20.0001 33.6566V47.6666C21.3161 47.8872 22.6481 47.9987 23.9826 48H24.0165C25.3509 47.9988 26.683 47.8873 27.999 47.6666V33.6566L37.9061 43.5636C38.9975 42.7862 40.0223 41.9194 40.9701 40.9723L40.9723 40.9701C41.919 40.0221 42.7855 38.9973 43.5628 37.9061L33.6559 27.9999H47.6666C47.8847 26.7043 47.9985 25.3749 48 24.0174V23.9826C47.9985 22.6251 47.8847 21.2957 47.6666 20.0001Z"
+      fill="#FF4A00" />
+  </g>
+</svg>

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

@@ -1,11 +1,13 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1031_1935)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM24 39C32.2843 39 39 32.2843 39 24C39 15.7157 32.2843 9 24 9C15.7157 9 9 15.7157 9 24C9 32.2843 15.7157 39 24 39Z" fill="#FF0000"/>
-<rect x="1" y="41" width="56" height="9" transform="rotate(-45 1 41)" fill="#FF0000"/>
-</g>
-<defs>
-<clipPath id="clip0_1031_1935">
-<rect width="48" height="48" fill="white"/>
-</clipPath>
-</defs>
-</svg>
+  <defs>
+    <clipPath id="clip0_1031_1935">
+      <rect width="48" height="48" fill="white" />
+    </clipPath>
+  </defs>
+  <g clip-path="url(#clip0_1031_1935)">
+    <path fill-rule="evenodd" clip-rule="evenodd"
+      d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48ZM24 39C32.2843 39 39 32.2843 39 24C39 15.7157 32.2843 9 24 9C15.7157 9 9 15.7157 9 24C9 32.2843 15.7157 39 24 39Z"
+      fill="#FF0000" />
+    <rect x="1" y="41" width="56" height="9" transform="rotate(-45 1 41)" fill="#FF0000" />
+  </g>
+</svg>

package/core/remote-session-data.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/core/remote-session-data.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\n// Fetches current users session data\n// Assumes an authenticated session, so will only work when used on ably.com/ably.io\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst NOT_FOUND_ERROR_CODE = \"not-found\";\n\nconst fetchSessionData = async (store, sessionUrl) => {\n  const sessionLoaded = (payload = {}) =>\n    store.dispatch({ type: \"session/loaded\", payload });\n\n  try {\n    if (!sessionUrl) {\n      console.log(\n        `Skipping fetching session, invalid sessionUrl: \"${sessionUrl}\"`,\n      );\n      sessionLoaded();\n      return;\n    }\n\n    const options = {\n      headers: {\n        accept: \"application/json\",\n      },\n      cache: \"no-cache\",\n    };\n\n    if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n      options.credentials = \"include\";\n    }\n\n    const res = await fetch(sessionUrl, options);\n    const jsonResponse = isJsonResponse(res.headers.get(\"content-type\"));\n\n    if (!jsonResponse) {\n      throw new Error(\"Session endpoint is not serving json\");\n    }\n\n    const payload = await res.json();\n\n    if (payload.error === NOT_FOUND_ERROR_CODE) {\n      sessionLoaded();\n    } else {\n      sessionLoaded(payload);\n    }\n  } catch (e) {\n    sessionLoaded();\n    console.warn(\"Could not fetch session data due to error:\", e);\n  }\n};\n\nconst initialState = { data: null };\n\nconst REDUCER_KEY = \"session\";\n\nconst reducerSessionData = {\n  [REDUCER_KEY]: (state = initialState, action) => {\n    switch (action.type) {\n      case \"session/loaded\":\n        return { ...state, data: action.payload };\n      default:\n        return state;\n    }\n  },\n};\n\nconst selectSessionData = (store) => store.getState()[REDUCER_KEY]?.data;\n\nexport { fetchSessionData, reducerSessionData, selectSessionData };\n"],"names":["isJsonResponse","NOT_FOUND_ERROR_CODE","fetchSessionData","store","sessionUrl","sessionLoaded","payload","dispatch","type","console","log","options","headers","accept","cache","credentials","res","fetch","jsonResponse","get","Error","json","error","e","warn","initialState","data","REDUCER_KEY","reducerSessionData","state","action","selectSessionData","getState"],"mappings":"AAKA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,qBAAuB,YAE7B,MAAMC,iBAAmB,MAAOC,MAAOC,cACrC,MAAMC,cAAgB,CAACC,QAAU,CAAC,CAAC,GACjCH,MAAMI,QAAQ,CAAC,CAAEC,KAAM,iBAAkBF,OAAQ,GAEnD,GAAI,CACF,GAAI,CAACF,WAAY,CACfK,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEN,WAAW,CAAC,CAAC,EAElEC,gBACA,MACF,CAEA,MAAMM,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,GA0BgB,MA1BuB,CACrCH,QAAQI,WAAW,CAAG,SACxB,CAEA,MAAMC,IAAM,MAAMC,MAAMb,WAAYO,SACpC,MAAMO,aAAelB,eAAegB,IAAIJ,OAAO,CAACO,GAAG,CAAC,iBAEpD,GAAI,CAACD,aAAc,CACjB,MAAM,IAAIE,MAAM,uCAClB,CAEA,MAAMd,QAAU,MAAMU,IAAIK,IAAI,GAE9B,GAAIf,QAAQgB,KAAK,GAAKrB,qBAAsB,CAC1CI,eACF,KAAO,CACLA,cAAcC,QAChB,CACF,CAAE,MAAOiB,EAAG,CACVlB,gBACAI,QAAQe,IAAI,CAAC,6CAA8CD,EAC7D,CACF,EAEA,MAAME,aAAe,CAAEC,KAAM,IAAK,EAElC,MAAMC,YAAc,UAEpB,MAAMC,mBAAqB,CACzB,CAACD,YAAY,CAAE,CAACE,MAAQJ,YAAY,CAAEK,UACpC,OAAQA,OAAOtB,IAAI,EACjB,IAAK,iBACH,MAAO,CAAE,GAAGqB,KAAK,CAAEH,KAAMI,OAAOxB,OAAO,AAAC,CAC1C,SACE,OAAOuB,KACX,CACF,CACF,EAEA,MAAME,kBAAoB,AAAC5B,OAAUA,MAAM6B,QAAQ,EAAE,CAACL,YAAY,EAAED,IAEpE,QAASxB,gBAAgB,CAAE0B,kBAAkB,CAAEG,iBAAiB,CAAG"}
+{"version":3,"sources":["../../src/core/remote-session-data.js"],"sourcesContent":["/* global __ENABLE_FETCH_WITH_CREDENTIALS__ */\n\n// Fetches current users session data\n// Assumes an authenticated session, so will only work when used on ably.com/ably.io\n\nimport { isJsonResponse } from \"./remote-data-util\";\n\nconst NOT_FOUND_ERROR_CODE = \"not-found\";\n\nconst fetchSessionData = async (store, sessionUrl) => {\n  const sessionLoaded = (payload = {}) =>\n    store.dispatch({ type: \"session/loaded\", payload });\n\n  try {\n    if (!sessionUrl) {\n      console.log(\n        `Skipping fetching session, invalid sessionUrl: \"${sessionUrl}\"`,\n      );\n      sessionLoaded();\n      return;\n    }\n\n    const options = {\n      headers: {\n        accept: \"application/json\",\n      },\n      cache: \"no-cache\",\n    };\n\n    if (__ENABLE_FETCH_WITH_CREDENTIALS__) {\n      options.credentials = \"include\";\n    }\n\n    const res = await fetch(sessionUrl, options);\n    const jsonResponse = isJsonResponse(res.headers.get(\"content-type\"));\n\n    if (!jsonResponse) {\n      throw new Error(\"Session endpoint is not serving json\");\n    }\n\n    const payload = await res.json();\n\n    if (payload.error === NOT_FOUND_ERROR_CODE) {\n      sessionLoaded();\n    } else {\n      sessionLoaded(payload);\n    }\n  } catch (e) {\n    sessionLoaded();\n    console.warn(\"Could not fetch session data due to error:\", e);\n  }\n};\n\nconst initialState = { data: null };\n\nconst REDUCER_KEY = \"session\";\n\nconst reducerSessionData = {\n  [REDUCER_KEY]: (state = initialState, action) => {\n    switch (action.type) {\n      case \"session/loaded\":\n        return { ...state, data: action.payload };\n      default:\n        return state;\n    }\n  },\n};\n\nconst selectSessionData = (store) => store.getState()[REDUCER_KEY]?.data;\n\nexport { fetchSessionData, reducerSessionData, selectSessionData };\n"],"names":["isJsonResponse","NOT_FOUND_ERROR_CODE","fetchSessionData","store","sessionUrl","sessionLoaded","payload","dispatch","type","console","log","options","headers","accept","cache","credentials","res","fetch","jsonResponse","get","Error","json","error","e","warn","initialState","data","REDUCER_KEY","reducerSessionData","state","action","selectSessionData","getState"],"mappings":"AAKA,OAASA,cAAc,KAAQ,oBAAqB,CAEpD,MAAMC,qBAAuB,YAE7B,MAAMC,iBAAmB,MAAOC,MAAOC,cACrC,MAAMC,cAAgB,CAACC,QAAU,CAAC,CAAC,GACjCH,MAAMI,QAAQ,CAAC,CAAEC,KAAM,iBAAkBF,OAAQ,GAEnD,GAAI,CACF,GAAI,CAACF,WAAY,CACfK,QAAQC,GAAG,CACT,CAAC,gDAAgD,EAAEN,WAAW,CAAC,CAAC,EAElEC,gBACA,MACF,CAEA,MAAMM,QAAU,CACdC,QAAS,CACPC,OAAQ,kBACV,EACAC,MAAO,UACT,EAEA,SAAuC,CACrCH,QAAQI,WAAW,CAAG,SACxB,CAEA,MAAMC,IAAM,MAAMC,MAAMb,WAAYO,SACpC,MAAMO,aAAelB,eAAegB,IAAIJ,OAAO,CAACO,GAAG,CAAC,iBAEpD,GAAI,CAACD,aAAc,CACjB,MAAM,IAAIE,MAAM,uCAClB,CAEA,MAAMd,QAAU,MAAMU,IAAIK,IAAI,GAE9B,GAAIf,QAAQgB,KAAK,GAAKrB,qBAAsB,CAC1CI,eACF,KAAO,CACLA,cAAcC,QAChB,CACF,CAAE,MAAOiB,EAAG,CACVlB,gBACAI,QAAQe,IAAI,CAAC,6CAA8CD,EAC7D,CACF,EAEA,MAAME,aAAe,CAAEC,KAAM,IAAK,EAElC,MAAMC,YAAc,UAEpB,MAAMC,mBAAqB,CACzB,CAACD,YAAY,CAAE,CAACE,MAAQJ,YAAY,CAAEK,UACpC,OAAQA,OAAOtB,IAAI,EACjB,IAAK,iBACH,MAAO,CAAE,GAAGqB,KAAK,CAAEH,KAAMI,OAAOxB,OAAO,AAAC,CAC1C,SACE,OAAOuB,KACX,CACF,CACF,EAEA,MAAME,kBAAoB,AAAC5B,OAAUA,MAAM6B,QAAQ,EAAE,CAACL,YAAY,EAAED,IAEpE,QAASxB,gBAAgB,CAAE0B,kBAAkB,CAAEG,iBAAiB,CAAG"}

package/core/styles.components.css

@@ -34,12 +34,25 @@
     @apply my-20 sm:my-24 md:my-32;
   }
 
-  .ui-section-spacing-collapse {
-    /* This removes the spacing between adjacent .ui-section-spacing classes,
-       in a way that handles margin collapsing as well (hence not an exact opposite) */
+  /* The *-collapse classes remove the spacing between adjacent .ui-section-spacing classes,
+     in a way that handles margin collapsing as well (hence not an exact opposite) */
+  .ui-section-spacing-collapse,
+  .ui-section-spacing-collapse-full {
     @apply -my-4 sm:-my-8 md:-my-16;
   }
 
+  .ui-section-spacing-collapse-half {
+    @apply -my-2 sm:-my-4 md:-my-8;
+  }
+
+  .ui-section-spacing-collapse-quarter {
+    @apply -my-1 sm:-my-2 md:-my-4;
+  }
+
+  .ui-section-spacing-collapse-eighth {
+    @apply -my-0.5 sm:-my-1 md:-my-2;
+  }
+
   .ui-content-spacing {
     @apply my-10 sm:my-12 md:my-16;
   }

package/index.d.ts

@@ -432,7 +432,7 @@ export type CodeSnippetProps = {
      * Default language to display. If not found in available languages, first available is used.
      * If found in languages but no matching snippet exists, a message is displayed.
      */
-    lang: string;
+    lang: string | null;
     /**
      * Callback fired when the active language changes
      */
@@ -4753,6 +4753,7 @@ type HeroiconComponent = React.ComponentType<React.SVGProps<SVGSVGElement>>;
 export const defaultIconSecondaryColor: (name: IconName) => "text-neutral-000" | "text-neutral-100" | "text-neutral-200" | "text-neutral-300" | "text-neutral-400" | "text-neutral-500" | "text-neutral-600" | "text-neutral-700" | "text-neutral-800" | "text-neutral-900" | "text-neutral-1000" | "text-neutral-1100" | "text-neutral-1200" | "text-neutral-1300" | "text-orange-100" | "text-orange-200" | "text-orange-300" | "text-orange-400" | "text-orange-500" | "text-orange-600" | "text-orange-700" | "text-orange-800" | "text-orange-900" | "text-orange-1000" | "text-orange-1100" | "text-yellow-100" | "text-yellow-200" | "text-yellow-300" | "text-yellow-400" | "text-yellow-500" | "text-yellow-600" | "text-yellow-700" | "text-yellow-800" | "text-yellow-900" | "text-green-100" | "text-green-200" | "text-green-300" | "text-green-400" | "text-green-500" | "text-green-600" | "text-green-700" | "text-green-800" | "text-green-900" | "text-blue-100" | "text-blue-200" | "text-blue-300" | "text-blue-400" | "text-blue-500" | "text-blue-600" | "text-blue-700" | "text-blue-800" | "text-blue-900" | "text-violet-100" | "text-violet-200" | "text-violet-300" | "text-violet-400" | "text-violet-500" | "text-violet-600" | "text-violet-700" | "text-violet-800" | "text-violet-900" | "text-pink-100" | "text-pink-200" | "text-pink-300" | "text-pink-400" | "text-pink-500" | "text-pink-600" | "text-pink-700" | "text-pink-800" | "text-pink-900" | "text-gui-blue-default-light" | "text-gui-blue-hover-light" | "text-gui-blue-active-light" | "text-gui-blue-default-dark" | "text-gui-blue-hover-dark" | "text-gui-blue-active-dark" | "text-gui-blue-focus" | "text-gui-unavailable" | "text-gui-success-green" | "text-gui-error-red" | "text-gui-focus" | "text-gui-focus-outline" | "text-gui-visited" | "text-white" | "text-extra-light-grey" | "text-light-grey" | "text-mid-grey" | "text-dark-grey" | "text-charcoal-grey" | "text-cool-black" | "text-active-orange" | "text-bright-red" | "text-red-orange" | "text-electric-cyan" | "text-zingy-green" | "text-jazzy-pink" | "text-gui-default" | "text-gui-hover" | "text-gui-active" | "text-gui-error" | "text-gui-success" | "text-gui-default-dark" | "text-gui-hover-dark" | "text-gui-active-dark" | "text-transparent" | "bg-neutral-000" | "bg-neutral-100" | "bg-neutral-200" | "bg-neutral-300" | "bg-neutral-400" | "bg-neutral-500" | "bg-neutral-600" | "bg-neutral-700" | "bg-neutral-800" | "bg-neutral-900" | "bg-neutral-1000" | "bg-neutral-1100" | "bg-neutral-1200" | "bg-neutral-1300" | "bg-orange-100" | "bg-orange-200" | "bg-orange-300" | "bg-orange-400" | "bg-orange-500" | "bg-orange-600" | "bg-orange-700" | "bg-orange-800" | "bg-orange-900" | "bg-orange-1000" | "bg-orange-1100" | "bg-yellow-100" | "bg-yellow-200" | "bg-yellow-300" | "bg-yellow-400" | "bg-yellow-500" | "bg-yellow-600" | "bg-yellow-700" | "bg-yellow-800" | "bg-yellow-900" | "bg-green-100" | "bg-green-200" | "bg-green-300" | "bg-green-400" | "bg-green-500" | "bg-green-600" | "bg-green-700" | "bg-green-800" | "bg-green-900" | "bg-blue-100" | "bg-blue-200" | "bg-blue-300" | "bg-blue-400" | "bg-blue-500" | "bg-blue-600" | "bg-blue-700" | "bg-blue-800" | "bg-blue-900" | "bg-violet-100" | "bg-violet-200" | "bg-violet-300" | "bg-violet-400" | "bg-violet-500" | "bg-violet-600" | "bg-violet-700" | "bg-violet-800" | "bg-violet-900" | "bg-pink-100" | "bg-pink-200" | "bg-pink-300" | "bg-pink-400" | "bg-pink-500" | "bg-pink-600" | "bg-pink-700" | "bg-pink-800" | "bg-pink-900" | "bg-gui-blue-default-light" | "bg-gui-blue-hover-light" | "bg-gui-blue-active-light" | "bg-gui-blue-default-dark" | "bg-gui-blue-hover-dark" | "bg-gui-blue-active-dark" | "bg-gui-blue-focus" | "bg-gui-unavailable" | "bg-gui-success-green" | "bg-gui-error-red" | "bg-gui-focus" | "bg-gui-focus-outline" | "bg-gui-visited" | "bg-white" | "bg-extra-light-grey" | "bg-light-grey" | "bg-mid-grey" | "bg-dark-grey" | "bg-charcoal-grey" | "bg-cool-black" | "bg-active-orange" | "bg-bright-red" | "bg-red-orange" | "bg-electric-cyan" | "bg-zingy-green" | "bg-jazzy-pink" | "bg-gui-default" | "bg-gui-hover" | "bg-gui-active" | "bg-gui-error" | "bg-gui-success" | "bg-gui-default-dark" | "bg-gui-hover-dark" | "bg-gui-active-dark" | "bg-transparent" | "from-neutral-000" | "from-neutral-100" | "from-neutral-200" | "from-neutral-300" | "from-neutral-400" | "from-neutral-500" | "from-neutral-600" | "from-neutral-700" | "from-neutral-800" | "from-neutral-900" | "from-neutral-1000" | "from-neutral-1100" | "from-neutral-1200" | "from-neutral-1300" | "from-orange-100" | "from-orange-200" | "from-orange-300" | "from-orange-400" | "from-orange-500" | "from-orange-600" | "from-orange-700" | "from-orange-800" | "from-orange-900" | "from-orange-1000" | "from-orange-1100" | "from-yellow-100" | "from-yellow-200" | "from-yellow-300" | "from-yellow-400" | "from-yellow-500" | "from-yellow-600" | "from-yellow-700" | "from-yellow-800" | "from-yellow-900" | "from-green-100" | "from-green-200" | "from-green-300" | "from-green-400" | "from-green-500" | "from-green-600" | "from-green-700" | "from-green-800" | "from-green-900" | "from-blue-100" | "from-blue-200" | "from-blue-300" | "from-blue-400" | "from-blue-500" | "from-blue-600" | "from-blue-700" | "from-blue-800" | "from-blue-900" | "from-violet-100" | "from-violet-200" | "from-violet-300" | "from-violet-400" | "from-violet-500" | "from-violet-600" | "from-violet-700" | "from-violet-800" | "from-violet-900" | "from-pink-100" | "from-pink-200" | "from-pink-300" | "from-pink-400" | "from-pink-500" | "from-pink-600" | "from-pink-700" | "from-pink-800" | "from-pink-900" | "from-gui-blue-default-light" | "from-gui-blue-hover-light" | "from-gui-blue-active-light" | "from-gui-blue-default-dark" | "from-gui-blue-hover-dark" | "from-gui-blue-active-dark" | "from-gui-blue-focus" | "from-gui-unavailable" | "from-gui-success-green" | "from-gui-error-red" | "from-gui-focus" | "from-gui-focus-outline" | "from-gui-visited" | "from-white" | "from-extra-light-grey" | "from-light-grey" | "from-mid-grey" | "from-dark-grey" | "from-charcoal-grey" | "from-cool-black" | "from-active-orange" | "from-bright-red" | "from-red-orange" | "from-electric-cyan" | "from-zingy-green" | "from-jazzy-pink" | "from-gui-default" | "from-gui-hover" | "from-gui-active" | "from-gui-error" | "from-gui-success" | "from-gui-default-dark" | "from-gui-hover-dark" | "from-gui-active-dark" | "from-transparent" | "to-neutral-000" | "to-neutral-100" | "to-neutral-200" | "to-neutral-300" | "to-neutral-400" | "to-neutral-500" | "to-neutral-600" | "to-neutral-700" | "to-neutral-800" | "to-neutral-900" | "to-neutral-1000" | "to-neutral-1100" | "to-neutral-1200" | "to-neutral-1300" | "to-orange-100" | "to-orange-200" | "to-orange-300" | "to-orange-400" | "to-orange-500" | "to-orange-600" | "to-orange-700" | "to-orange-800" | "to-orange-900" | "to-orange-1000" | "to-orange-1100" | "to-yellow-100" | "to-yellow-200" | "to-yellow-300" | "to-yellow-400" | "to-yellow-500" | "to-yellow-600" | "to-yellow-700" | "to-yellow-800" | "to-yellow-900" | "to-green-100" | "to-green-200" | "to-green-300" | "to-green-400" | "to-green-500" | "to-green-600" | "to-green-700" | "to-green-800" | "to-green-900" | "to-blue-100" | "to-blue-200" | "to-blue-300" | "to-blue-400" | "to-blue-500" | "to-blue-600" | "to-blue-700" | "to-blue-800" | "to-blue-900" | "to-violet-100" | "to-violet-200" | "to-violet-300" | "to-violet-400" | "to-violet-500" | "to-violet-600" | "to-violet-700" | "to-violet-800" | "to-violet-900" | "to-pink-100" | "to-pink-200" | "to-pink-300" | "to-pink-400" | "to-pink-500" | "to-pink-600" | "to-pink-700" | "to-pink-800" | "to-pink-900" | "to-gui-blue-default-light" | "to-gui-blue-hover-light" | "to-gui-blue-active-light" | "to-gui-blue-default-dark" | "to-gui-blue-hover-dark" | "to-gui-blue-active-dark" | "to-gui-blue-focus" | "to-gui-unavailable" | "to-gui-success-green" | "to-gui-error-red" | "to-gui-focus" | "to-gui-focus-outline" | "to-gui-visited" | "to-white" | "to-extra-light-grey" | "to-light-grey" | "to-mid-grey" | "to-dark-grey" | "to-charcoal-grey" | "to-cool-black" | "to-active-orange" | "to-bright-red" | "to-red-orange" | "to-electric-cyan" | "to-zingy-green" | "to-jazzy-pink" | "to-gui-default" | "to-gui-hover" | "to-gui-active" | "to-gui-error" | "to-gui-success" | "to-gui-default-dark" | "to-gui-hover-dark" | "to-gui-active-dark" | "to-transparent" | "border-neutral-000" | "border-neutral-100" | "border-neutral-200" | "border-neutral-300" | "border-neutral-400" | "border-neutral-500" | "border-neutral-600" | "border-neutral-700" | "border-neutral-800" | "border-neutral-900" | "border-neutral-1000" | "border-neutral-1100" | "border-neutral-1200" | "border-neutral-1300" | "border-orange-100" | "border-orange-200" | "border-orange-300" | "border-orange-400" | "border-orange-500" | "border-orange-600" | "border-orange-700" | "border-orange-800" | "border-orange-900" | "border-orange-1000" | "border-orange-1100" | "border-yellow-100" | "border-yellow-200" | "border-yellow-300" | "border-yellow-400" | "border-yellow-500" | "border-yellow-600" | "border-yellow-700" | "border-yellow-800" | "border-yellow-900" | "border-green-100" | "border-green-200" | "border-green-300" | "border-green-400" | "border-green-500" | "border-green-600" | "border-green-700" | "border-green-800" | "border-green-900" | "border-blue-100" | "border-blue-200" | "border-blue-300" | "border-blue-400" | "border-blue-500" | "border-blue-600" | "border-blue-700" | "border-blue-800" | "border-blue-900" | "border-violet-100" | "border-violet-200" | "border-violet-300" | "border-violet-400" | "border-violet-500" | "border-violet-600" | "border-violet-700" | "border-violet-800" | "border-violet-900" | "border-pink-100" | "border-pink-200" | "border-pink-300" | "border-pink-400" | "border-pink-500" | "border-pink-600" | "border-pink-700" | "border-pink-800" | "border-pink-900" | "border-gui-blue-default-light" | "border-gui-blue-hover-light" | "border-gui-blue-active-light" | "border-gui-blue-default-dark" | "border-gui-blue-hover-dark" | "border-gui-blue-active-dark" | "border-gui-blue-focus" | "border-gui-unavailable" | "border-gui-success-green" | "border-gui-error-red" | "border-gui-focus" | "border-gui-focus-outline" | "border-gui-visited" | "border-white" | "border-extra-light-grey" | "border-light-grey" | "border-mid-grey" | "border-dark-grey" | "border-charcoal-grey" | "border-cool-black" | "border-active-orange" | "border-bright-red" | "border-red-orange" | "border-electric-cyan" | "border-zingy-green" | "border-jazzy-pink" | "border-gui-default" | "border-gui-hover" | "border-gui-active" | "border-gui-error" | "border-gui-success" | "border-gui-default-dark" | "border-gui-hover-dark" | "border-gui-active-dark" | "border-transparent" | "dark:text-neutral-000" | "dark:text-neutral-100" | "dark:text-neutral-200" | "dark:text-neutral-300" | "dark:text-neutral-400" | "dark:text-neutral-500" | "dark:text-neutral-600" | "dark:text-neutral-700" | "dark:text-neutral-800" | "dark:text-neutral-900" | "dark:text-neutral-1000" | "dark:text-neutral-1100" | "dark:text-neutral-1200" | "dark:text-neutral-1300" | "dark:text-orange-100" | "dark:text-orange-200" | "dark:text-orange-300" | "dark:text-orange-400" | "dark:text-orange-500" | "dark:text-orange-600" | "dark:text-orange-700" | "dark:text-orange-800" | "dark:text-orange-900" | "dark:text-orange-1000" | "dark:text-orange-1100" | "dark:text-yellow-100" | "dark:text-yellow-200" | "dark:text-yellow-300" | "dark:text-yellow-400" | "dark:text-yellow-500" | "dark:text-yellow-600" | "dark:text-yellow-700" | "dark:text-yellow-800" | "dark:text-yellow-900" | "dark:text-green-100" | "dark:text-green-200" | "dark:text-green-300" | "dark:text-green-400" | "dark:text-green-500" | "dark:text-green-600" | "dark:text-green-700" | "dark:text-green-800" | "dark:text-green-900" | "dark:text-blue-100" | "dark:text-blue-200" | "dark:text-blue-300" | "dark:text-blue-400" | "dark:text-blue-500" | "dark:text-blue-600" | "dark:text-blue-700" | "dark:text-blue-800" | "dark:text-blue-900" | "dark:text-violet-100" | "dark:text-violet-200" | "dark:text-violet-300" | "dark:text-violet-400" | "dark:text-violet-500" | "dark:text-violet-600" | "dark:text-violet-700" | "dark:text-violet-800" | "dark:text-violet-900" | "dark:text-pink-100" | "dark:text-pink-200" | "dark:text-pink-300" | "dark:text-pink-400" | "dark:text-pink-500" | "dark:text-pink-600" | "dark:text-pink-700" | "dark:text-pink-800" | "dark:text-pink-900" | "dark:text-gui-blue-default-light" | "dark:text-gui-blue-hover-light" | "dark:text-gui-blue-active-light" | "dark:text-gui-blue-default-dark" | "dark:text-gui-blue-hover-dark" | "dark:text-gui-blue-active-dark" | "dark:text-gui-blue-focus" | "dark:text-gui-unavailable" | "dark:text-gui-success-green" | "dark:text-gui-error-red" | "dark:text-gui-focus" | "dark:text-gui-focus-outline" | "dark:text-gui-visited" | "dark:text-white" | "dark:text-extra-light-grey" | "dark:text-light-grey" | "dark:text-mid-grey" | "dark:text-dark-grey" | "dark:text-charcoal-grey" | "dark:text-cool-black" | "dark:text-active-orange" | "dark:text-bright-red" | "dark:text-red-orange" | "dark:text-electric-cyan" | "dark:text-zingy-green" | "dark:text-jazzy-pink" | "dark:text-gui-default" | "dark:text-gui-hover" | "dark:text-gui-active" | "dark:text-gui-error" | "dark:text-gui-success" | "dark:text-gui-default-dark" | "dark:text-gui-hover-dark" | "dark:text-gui-active-dark" | "dark:text-transparent" | "dark:bg-neutral-000" | "dark:bg-neutral-100" | "dark:bg-neutral-200" | "dark:bg-neutral-300" | "dark:bg-neutral-400" | "dark:bg-neutral-500" | "dark:bg-neutral-600" | "dark:bg-neutral-700" | "dark:bg-neutral-800" | "dark:bg-neutral-900" | "dark:bg-neutral-1000" | "dark:bg-neutral-1100" | "dark:bg-neutral-1200" | "dark:bg-neutral-1300" | "dark:bg-orange-100" | "dark:bg-orange-200" | "dark:bg-orange-300" | "dark:bg-orange-400" | "dark:bg-orange-500" | "dark:bg-orange-600" | "dark:bg-orange-700" | "dark:bg-orange-800" | "dark:bg-orange-900" | "dark:bg-orange-1000" | "dark:bg-orange-1100" | "dark:bg-yellow-100" | "dark:bg-yellow-200" | "dark:bg-yellow-300" | "dark:bg-yellow-400" | "dark:bg-yellow-500" | "dark:bg-yellow-600" | "dark:bg-yellow-700" | "dark:bg-yellow-800" | "dark:bg-yellow-900" | "dark:bg-green-100" | "dark:bg-green-200" | "dark:bg-green-300" | "dark:bg-green-400" | "dark:bg-green-500" | "dark:bg-green-600" | "dark:bg-green-700" | "dark:bg-green-800" | "dark:bg-green-900" | "dark:bg-blue-100" | "dark:bg-blue-200" | "dark:bg-blue-300" | "dark:bg-blue-400" | "dark:bg-blue-500" | "dark:bg-blue-600" | "dark:bg-blue-700" | "dark:bg-blue-800" | "dark:bg-blue-900" | "dark:bg-violet-100" | "dark:bg-violet-200" | "dark:bg-violet-300" | "dark:bg-violet-400" | "dark:bg-violet-500" | "dark:bg-violet-600" | "dark:bg-violet-700" | "dark:bg-violet-800" | "dark:bg-violet-900" | "dark:bg-pink-100" | "dark:bg-pink-200" | "dark:bg-pink-300" | "dark:bg-pink-400" | "dark:bg-pink-500" | "dark:bg-pink-600" | "dark:bg-pink-700" | "dark:bg-pink-800" | "dark:bg-pink-900" | "dark:bg-gui-blue-default-light" | "dark:bg-gui-blue-hover-light" | "dark:bg-gui-blue-active-light" | "dark:bg-gui-blue-default-dark" | "dark:bg-gui-blue-hover-dark" | "dark:bg-gui-blue-active-dark" | "dark:bg-gui-blue-focus" | "dark:bg-gui-unavailable" | "dark:bg-gui-success-green" | "dark:bg-gui-error-red" | "dark:bg-gui-focus" | "dark:bg-gui-focus-outline" | "dark:bg-gui-visited" | "dark:bg-white" | "dark:bg-extra-light-grey" | "dark:bg-light-grey" | "dark:bg-mid-grey" | "dark:bg-dark-grey" | "dark:bg-charcoal-grey" | "dark:bg-cool-black" | "dark:bg-active-orange" | "dark:bg-bright-red" | "dark:bg-red-orange" | "dark:bg-electric-cyan" | "dark:bg-zingy-green" | "dark:bg-jazzy-pink" | "dark:bg-gui-default" | "dark:bg-gui-hover" | "dark:bg-gui-active" | "dark:bg-gui-error" | "dark:bg-gui-success" | "dark:bg-gui-default-dark" | "dark:bg-gui-hover-dark" | "dark:bg-gui-active-dark" | "dark:bg-transparent" | "dark:from-neutral-000" | "dark:from-neutral-100" | "dark:from-neutral-200" | "dark:from-neutral-300" | "dark:from-neutral-400" | "dark:from-neutral-500" | "dark:from-neutral-600" | "dark:from-neutral-700" | "dark:from-neutral-800" | "dark:from-neutral-900" | "dark:from-neutral-1000" | "dark:from-neutral-1100" | "dark:from-neutral-1200" | "dark:from-neutral-1300" | "dark:from-orange-100" | "dark:from-orange-200" | "dark:from-orange-300" | "dark:from-orange-400" | "dark:from-orange-500" | "dark:from-orange-600" | "dark:from-orange-700" | "dark:from-orange-800" | "dark:from-orange-900" | "dark:from-orange-1000" | "dark:from-orange-1100" | "dark:from-yellow-100" | "dark:from-yellow-200" | "dark:from-yellow-300" | "dark:from-yellow-400" | "dark:from-yellow-500" | "dark:from-yellow-600" | "dark:from-yellow-700" | "dark:from-yellow-800" | "dark:from-yellow-900" | "dark:from-green-100" | "dark:from-green-200" | "dark:from-green-300" | "dark:from-green-400" | "dark:from-green-500" | "dark:from-green-600" | "dark:from-green-700" | "dark:from-green-800" | "dark:from-green-900" | "dark:from-blue-100" | "dark:from-blue-200" | "dark:from-blue-300" | "dark:from-blue-400" | "dark:from-blue-500" | "dark:from-blue-600" | "dark:from-blue-700" | "dark:from-blue-800" | "dark:from-blue-900" | "dark:from-violet-100" | "dark:from-violet-200" | "dark:from-violet-300" | "dark:from-violet-400" | "dark:from-violet-500" | "dark:from-violet-600" | "dark:from-violet-700" | "dark:from-violet-800" | "dark:from-violet-900" | "dark:from-pink-100" | "dark:from-pink-200" | "dark:from-pink-300" | "dark:from-pink-400" | "dark:from-pink-500" | "dark:from-pink-600" | "dark:from-pink-700" | "dark:from-pink-800" | "dark:from-pink-900" | "dark:from-gui-blue-default-light" | "dark:from-gui-blue-hover-light" | "dark:from-gui-blue-active-light" | "dark:from-gui-blue-default-dark" | "dark:from-gui-blue-hover-dark" | "dark:from-gui-blue-active-dark" | "dark:from-gui-blue-focus" | "dark:from-gui-unavailable" | "dark:from-gui-success-green" | "dark:from-gui-error-red" | "dark:from-gui-focus" | "dark:from-gui-focus-outline" | "dark:from-gui-visited" | "dark:from-white" | "dark:from-extra-light-grey" | "dark:from-light-grey" | "dark:from-mid-grey" | "dark:from-dark-grey" | "dark:from-charcoal-grey" | "dark:from-cool-black" | "dark:from-active-orange" | "dark:from-bright-red" | "dark:from-red-orange" | "dark:from-electric-cyan" | "dark:from-zingy-green" | "dark:from-jazzy-pink" | "dark:from-gui-default" | "dark:from-gui-hover" | "dark:from-gui-active" | "dark:from-gui-error" | "dark:from-gui-success" | "dark:from-gui-default-dark" | "dark:from-gui-hover-dark" | "dark:from-gui-active-dark" | "dark:from-transparent" | "dark:to-neutral-000" | "dark:to-neutral-100" | "dark:to-neutral-200" | "dark:to-neutral-300" | "dark:to-neutral-400" | "dark:to-neutral-500" | "dark:to-neutral-600" | "dark:to-neutral-700" | "dark:to-neutral-800" | "dark:to-neutral-900" | "dark:to-neutral-1000" | "dark:to-neutral-1100" | "dark:to-neutral-1200" | "dark:to-neutral-1300" | "dark:to-orange-100" | "dark:to-orange-200" | "dark:to-orange-300" | "dark:to-orange-400" | "dark:to-orange-500" | "dark:to-orange-600" | "dark:to-orange-700" | "dark:to-orange-800" | "dark:to-orange-900" | "dark:to-orange-1000" | "dark:to-orange-1100" | "dark:to-yellow-100" | "dark:to-yellow-200" | "dark:to-yellow-300" | "dark:to-yellow-400" | "dark:to-yellow-500" | "dark:to-yellow-600" | "dark:to-yellow-700" | "dark:to-yellow-800" | "dark:to-yellow-900" | "dark:to-green-100" | "dark:to-green-200" | "dark:to-green-300" | "dark:to-green-400" | "dark:to-green-500" | "dark:to-green-600" | "dark:to-green-700" | "dark:to-green-800" | "dark:to-green-900" | "dark:to-blue-100" | "dark:to-blue-200" | "dark:to-blue-300" | "dark:to-blue-400" | "dark:to-blue-500" | "dark:to-blue-600" | "dark:to-blue-700" | "dark:to-blue-800" | "dark:to-blue-900" | "dark:to-violet-100" | "dark:to-violet-200" | "dark:to-violet-300" | "dark:to-violet-400" | "dark:to-violet-500" | "dark:to-violet-600" | "dark:to-violet-700" | "dark:to-violet-800" | "dark:to-violet-900" | "dark:to-pink-100" | "dark:to-pink-200" | "dark:to-pink-300" | "dark:to-pink-400" | "dark:to-pink-500" | "dark:to-pink-600" | "dark:to-pink-700" | "dark:to-pink-800" | "dark:to-pink-900" | "dark:to-gui-blue-default-light" | "dark:to-gui-blue-hover-light" | "dark:to-gui-blue-active-light" | "dark:to-gui-blue-default-dark" | "dark:to-gui-blue-hover-dark" | "dark:to-gui-blue-active-dark" | "dark:to-gui-blue-focus" | "dark:to-gui-unavailable" | "dark:to-gui-success-green" | "dark:to-gui-error-red" | "dark:to-gui-focus" | "dark:to-gui-focus-outline" | "dark:to-gui-visited" | "dark:to-white" | "dark:to-extra-light-grey" | "dark:to-light-grey" | "dark:to-mid-grey" | "dark:to-dark-grey" | "dark:to-charcoal-grey" | "dark:to-cool-black" | "dark:to-active-orange" | "dark:to-bright-red" | "dark:to-red-orange" | "dark:to-electric-cyan" | "dark:to-zingy-green" | "dark:to-jazzy-pink" | "dark:to-gui-default" | "dark:to-gui-hover" | "dark:to-gui-active" | "dark:to-gui-error" | "dark:to-gui-success" | "dark:to-gui-default-dark" | "dark:to-gui-hover-dark" | "dark:to-gui-active-dark" | "dark:to-transparent" | "dark:border-neutral-000" | "dark:border-neutral-100" | "dark:border-neutral-200" | "dark:border-neutral-300" | "dark:border-neutral-400" | "dark:border-neutral-500" | "dark:border-neutral-600" | "dark:border-neutral-700" | "dark:border-neutral-800" | "dark:border-neutral-900" | "dark:border-neutral-1000" | "dark:border-neutral-1100" | "dark:border-neutral-1200" | "dark:border-neutral-1300" | "dark:border-orange-100" | "dark:border-orange-200" | "dark:border-orange-300" | "dark:border-orange-400" | "dark:border-orange-500" | "dark:border-orange-600" | "dark:border-orange-700" | "dark:border-orange-800" | "dark:border-orange-900" | "dark:border-orange-1000" | "dark:border-orange-1100" | "dark:border-yellow-100" | "dark:border-yellow-200" | "dark:border-yellow-300" | "dark:border-yellow-400" | "dark:border-yellow-500" | "dark:border-yellow-600" | "dark:border-yellow-700" | "dark:border-yellow-800" | "dark:border-yellow-900" | "dark:border-green-100" | "dark:border-green-200" | "dark:border-green-300" | "dark:border-green-400" | "dark:border-green-500" | "dark:border-green-600" | "dark:border-green-700" | "dark:border-green-800" | "dark:border-green-900" | "dark:border-blue-100" | "dark:border-blue-200" | "dark:border-blue-300" | "dark:border-blue-400" | "dark:border-blue-500" | "dark:border-blue-600" | "dark:border-blue-700" | "dark:border-blue-800" | "dark:border-blue-900" | "dark:border-violet-100" | "dark:border-violet-200" | "dark:border-violet-300" | "dark:border-violet-400" | "dark:border-violet-500" | "dark:border-violet-600" | "dark:border-violet-700" | "dark:border-violet-800" | "dark:border-violet-900" | "dark:border-pink-100" | "dark:border-pink-200" | "dark:border-pink-300" | "dark:border-pink-400" | "dark:border-pink-500" | "dark:border-pink-600" | "dark:border-pink-700" | "dark:border-pink-800" | "dark:border-pink-900" | "dark:border-gui-blue-default-light" | "dark:border-gui-blue-hover-light" | "dark:border-gui-blue-active-light" | "dark:border-gui-blue-default-dark" | "dark:border-gui-blue-hover-dark" | "dark:border-gui-blue-active-dark" | "dark:border-gui-blue-focus" | "dark:border-gui-unavailable" | "dark:border-gui-success-green" | "dark:border-gui-error-red" | "dark:border-gui-focus" | "dark:border-gui-focus-outline" | "dark:border-gui-visited" | "dark:border-white" | "dark:border-extra-light-grey" | "dark:border-light-grey" | "dark:border-mid-grey" | "dark:border-dark-grey" | "dark:border-charcoal-grey" | "dark:border-cool-black" | "dark:border-active-orange" | "dark:border-bright-red" | "dark:border-red-orange" | "dark:border-electric-cyan" | "dark:border-zingy-green" | "dark:border-jazzy-pink" | "dark:border-gui-default" | "dark:border-gui-hover" | "dark:border-gui-active" | "dark:border-gui-error" | "dark:border-gui-success" | "dark:border-gui-default-dark" | "dark:border-gui-hover-dark" | "dark:border-gui-active-dark" | "dark:border-transparent";
 export const toPascalCase: (str: string) => string;
 export const getHeroicon: (iconName: string, variant: string) => HeroiconComponent | null;
+export const setUniqueIds: (el: SVGSVGElement | null, uniqueId: string) => void;
 export {};
 //# sourceMappingURL=utils.d.ts.map
 }
@@ -4768,7 +4769,7 @@ export type IconProps = {
     additionalCSS?: string;
     variant?: "outline" | "solid" | "micro" | "mini";
 };
-const Icon: ({ name, size, color, secondaryColor, additionalCSS, variant, ...additionalAttributes }: IconProps) => import("react/jsx-runtime").JSX.Element | null;
+const Icon: ({ name, size, color, secondaryColor, additionalCSS, variant, ...additionalAttributes }: IconProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export default Icon;
 //# sourceMappingURL=Icon.d.ts.map
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "17.4.0-dev.a6eaaf33",
+  "version": "17.4.0-dev.bba2eb71",
   "description": "Home of the Ably design system library ([design.ably.com](https://design.ably.com)). It provides a showcase, development/test environment and a publishing pipeline for different distributables.",
   "repository": {
     "type": "git",