ably-ui 5.2.0 → 5.3.0.dev.3c981a4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5c944ad59ec21d1f5a95c9e5c0e44cf535d2c80fe2dd21b11fbadd75dfdaea51
-  data.tar.gz: 64f11fac69001172956f7e94e74dc5b3df101e81f2227925d0bf56a06a7e48be
+  metadata.gz: '0891792174db273447d722fc8d143f67bd4d17000b883eff5028706197af0143'
+  data.tar.gz: ec0b5117eb1de427d614a52a42191ecf7d6c1e0cd57d0e416afce8f058770891
 SHA512:
-  metadata.gz: 1f99a4c0d6222abfeef3307f72f0cc812170d4962ede2f4c467b50ee3ecd79b7f057e3d051fc2b54c8928e6e8fb33f0567900ac656cae649d70d756d1450d539
-  data.tar.gz: 65793f5e32bc59c9483e0697ceb6c98067ddc2f5550cff7666dc8b9a2febac263375ce728c4ce14af664a6883bf549305e136d59eb3decbe9528dc01e4671840
+  metadata.gz: 979fc308ddd2ffe408e9c02d0e5493ca53bb4e97cd2df6ee94ce447b5ef676e420ab09f08925b68c054cb7635045f341c448f8d9cf5571a460d15fb522016d9f
+  data.tar.gz: 80c2b3b3d4352ea7dd8a38683f17ed372f07f0bc3b066ce7077a8f90b3d01ae7bcc984af901a48d5731712e38540cfdc8f5e5715c07d4d3eb7b97757fccea268

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (5.1.0)
+    ably-ui (5.3.0)
       view_component (~> 2.33.0)
 
 GEM

data/lib/ably_ui/core/code/code.html.erb

@@ -1,3 +1,3 @@
-<div class="hljs p-32 overflow-auto" data-id="code">
-  <pre lang="<%= @language %>"><code class="font-mono language-<%= @language %>"><%= @snippet %></code></pre>
-</div>
+<%= tag.div class: "hljs p-32 overflow-auto", data: { id: "code" } do %>
+  <%= tag.pre lang: @language do %><%= tag.code class: "language-#{@language} #{@text_size}" do %><%= @snippet %><% end %><% end %>
+<% end %>

data/lib/ably_ui/core/code/code.rb

@@ -2,9 +2,10 @@ module AblyUi
   module Core
     class Code < ViewComponent::Base
       include AblyUi::Core::Util
-      def initialize(language:, snippet:)
+      def initialize(language:, snippet:, text_size: 'ui-text-code1')
         @language = language
         @snippet = snippet.try(:strip)
+        @text_size = text_size
       end
     end
   end

data/lib/ably_ui/core/core.base.css

@@ -0,0 +1 @@
+@import "./styles/properties.css";

data/lib/ably_ui/core/core.components.css

@@ -0,0 +1,49 @@
+@import "./styles/buttons.css";
+@import "./styles/layout.css";
+@import "./styles/text.css";
+
+@layer components {
+  .ui-input {
+    @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
+    @apply hover:bg-white hover:shadow-input hover:border-transparent;
+    @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
+    @apply max-w-screen-sm;
+  }
+
+  /* Basis for icon component */
+  .ui-icon-cool-black {
+    stroke: var(--color-cool-black);
+  }
+
+  .ui-icon-white {
+    stroke: var(--color-white);
+  }
+
+  .ui-icon-dark-grey {
+    stroke: var(--color-dark-grey);
+  }
+
+  /* Extend how tailwind does group hover for icons */
+  .group {
+    &:hover {
+      .group-hover\:icon-gui-hover {
+        stroke: var(--color-gui-hover);
+      }
+    }
+
+    &:focus {
+      .group-focus\:icon-gui-focus {
+        stroke: var(--color-gui-focus);
+      }
+    }
+  }
+
+  .ui-version-tag {
+    @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
+
+    position: relative;
+    vertical-align: super;
+    margin-left: 3px;
+    font-size: 8px;
+  }
+}

data/lib/ably_ui/core/customer_logos/component.js

@@ -0,0 +1 @@
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.CustomerLogos=o())}(this,(function(){return{}.default}));

data/lib/ably_ui/core/customer_logos/customer_logos.html.erb

@@ -0,0 +1,9 @@
+<section class="w-full bg-white">
+  <ul class="py-64 flex flex-row flex-wrap md:flex-nowrap content-between m-auto items-center">
+    <% companies.each do |company| %>
+	    <li class="flex-auto text-center sm:w-1/3 w-1/2">
+	      <%= image_tag company[:logo], alt: "#{company[:label]} logo", class: 'mx-auto' %>
+	    </li>
+    <% end %>
+  </ul>
+</section>

data/lib/ably_ui/core/customer_logos/customer_logos.rb

@@ -0,0 +1,13 @@
+require 'json'
+
+module AblyUi
+  module Core
+    class CustomerLogos < ViewComponent::Base
+      attr_reader :companies
+
+      def initialize(companies:)
+        @companies = companies
+      end
+    end
+  end
+end

data/lib/ably_ui/core/featured_link/component.css

@@ -1,7 +1,6 @@
 @layer components {
   .ui-featured-link {
-    max-width: calc(100% - 1.25rem);
-    @apply font-medium block;
+    @apply font-sans font-medium block;
     @apply text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus;
   }
 

data/lib/ably_ui/core/featured_link/featured_link.html.erb

@@ -1,4 +1,4 @@
-<%= link_to(@url, class: "ui-featured-link #{@text_size} #{@flush ? '' : 'py-8'}", style: "--featured-link-icon-size: var(#{@text_size.gsub("text", "--fs")})") do %>
+<%= link_to(@url, class: "ui-featured-link #{@text_size} #{@flush ? '' : 'py-8'}  #{@additional_css}", style: "--featured-link-icon-size: var(#{@text_size.gsub("text", "--fs")})") do %>
   <%= content -%><%= render(AblyUi::Core::Icon.new(name: "icon-gui-link-arrow",
                                                    size: "calc(var(--featured-link-icon-size) * 1.25)",
                                                    color: @icon_color,

data/lib/ably_ui/core/featured_link/featured_link.rb

@@ -5,12 +5,14 @@ module AblyUi
         url:,
         text_size: 'text-menu3',
         icon_color: 'text-cool-black',
-        flush: false
+        flush: false,
+        additional_css: ''
       )
         @url = url
         @text_size = text_size
         @icon_color = icon_color
         @flush = flush
+        @additional_css = additional_css
       end
     end
   end

data/lib/ably_ui/core/icon/component.css

@@ -0,0 +1 @@
+

data/lib/ably_ui/core/images/cust-logo-ausopen-mono-pos.svg

@@ -0,0 +1,5 @@
+<svg width="244" height="122" viewBox="0 0 244 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M81 75.0786H93.8882L101.392 55.4373L109.16 75.0786H121.96L104.746 36.1502H98.3904L81 75.0786Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M143.014 75.9633C154.3 75.9633 163.45 66.7934 163.45 55.4816C163.45 44.1697 154.3 35 143.014 35C131.728 35 122.578 44.1697 122.578 55.4816C122.578 66.7933 131.728 75.9633 143.014 75.9633ZM134.319 55.4815C134.319 50.6685 138.212 46.7669 143.014 46.7669C147.816 46.7669 151.709 50.6686 151.709 55.4815C151.709 60.2945 147.816 64.1961 143.014 64.1961C138.212 64.1961 134.319 60.2945 134.319 55.4815Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133.645 84.1737V78.7283H132.558V84.1737H133.645ZM122.831 82.8972C122.831 83.8596 123.252 84.2419 124.075 84.2351C124.251 84.2351 124.448 84.2147 124.659 84.1805L124.625 83.2932C124.53 83.3135 124.421 83.3272 124.319 83.3272C124.061 83.3272 123.908 83.2248 123.908 82.8972V81.4433H124.591V80.5218H123.908V78.9878L122.831 79.6839V80.5218H122.209V81.4433H122.831V82.8972ZM120.494 80.3922C121.282 80.3922 121.881 80.7949 121.888 81.6551H120.903C120.896 81.3684 120.718 81.299 120.494 81.299C120.058 81.299 120.027 81.759 120.454 81.8339C121.269 81.977 121.898 82.3291 121.898 83.0269C121.898 83.9552 121.436 84.3372 120.434 84.3372C119.432 84.3372 119.021 83.9218 119.007 82.9799H119.998C120.005 83.2257 120.15 83.3815 120.461 83.3815C120.775 83.3815 120.867 83.2448 120.846 83.1114C120.824 82.9748 120.679 82.8789 120.406 82.8415C119.577 82.7272 119.053 82.3499 119.053 81.6688C119.053 80.7744 119.672 80.3922 120.494 80.3922ZM113.44 80.8632V80.481H114.507V84.1737H113.44V83.805C113.189 84.1191 112.746 84.3045 112.393 84.3045C110.975 84.3045 110.536 83.2794 110.543 82.2625C110.557 81.2523 111.217 80.4196 112.406 80.4196C112.766 80.4195 113.203 80.556 113.44 80.8632ZM113.464 82.3868C113.464 81.8324 113.042 81.3781 112.521 81.3781C111.908 81.3781 111.601 81.8631 111.593 82.3715C111.586 82.8721 111.9 83.3881 112.521 83.3881C113.042 83.3881 113.464 82.9416 113.464 82.3868ZM130.851 80.481V80.8632C130.613 80.556 130.177 80.4195 129.817 80.4196C128.628 80.4196 127.967 81.2523 127.954 82.2625C127.947 83.2794 128.386 84.3045 129.803 84.3045C130.157 84.3045 130.6 84.1191 130.851 83.805V84.1737H131.918V80.481H130.851ZM130.875 82.3868C130.875 81.8324 130.453 81.3781 129.932 81.3781C129.318 81.3781 129.012 81.8631 129.004 82.3715C128.996 82.8721 129.311 83.3881 129.932 83.3881C130.453 83.3881 130.875 82.9416 130.875 82.3868ZM138.603 80.481V80.8632C138.365 80.556 137.929 80.4195 137.569 80.4196C136.38 80.4196 135.72 81.2523 135.706 82.2625C135.699 83.2794 136.138 84.3045 137.555 84.3045C137.909 84.3045 138.352 84.1191 138.603 83.805V84.1737H139.67V80.481H138.603ZM138.627 82.3868C138.627 81.8324 138.205 81.3781 137.684 81.3781C137.07 81.3781 136.764 81.8631 136.756 82.3715C136.748 82.8721 137.063 83.3881 137.684 83.3881C138.205 83.3881 138.627 82.9416 138.627 82.3868ZM117.421 83.9229V84.2981H118.514V80.4809H117.476V82.696C117.476 83.6576 116.164 83.7173 116.164 82.6328V80.4809H115.079V82.515C115.072 83.4295 115.279 84.3393 116.325 84.3461C116.719 84.3528 117.163 84.2573 117.421 83.9229ZM126.22 84.1736H125.25V80.5638H126.215L126.256 80.9093C126.494 80.684 126.883 80.4887 127.182 80.4887C127.311 80.4887 127.454 80.5091 127.597 80.5433L127.583 81.512C127.474 81.4779 127.212 81.4596 127.09 81.4596C126.703 81.4666 126.22 81.6275 126.22 82.1256V84.1736ZM134.688 78.8482C135.014 78.8414 135.354 79.0462 135.354 79.4763C135.354 79.8722 135.048 80.0702 134.736 80.077C134.41 80.0838 134.07 79.8856 134.07 79.4763C134.07 79.0666 134.376 78.855 134.688 78.8482ZM134.172 84.1736V80.4809H135.259V84.1736H134.172ZM141.43 80.4809V80.8495C141.688 80.5218 142.123 80.4263 142.517 80.4263C143.563 80.44 143.849 81.218 143.842 82.1395V84.1736H142.755V82.0632C142.755 81.565 142.476 81.3398 142.184 81.3398C141.865 81.3398 141.423 81.4911 141.423 82.0837V84.1736H140.349V80.4809H141.43ZM160.354 80.8495V80.4809H159.273V84.1736H160.347V82.0837C160.347 81.4911 160.788 81.3398 161.108 81.3398C161.4 81.3398 161.679 81.565 161.679 82.0632V84.1736H162.766V82.1395C162.773 81.218 162.487 80.44 161.441 80.4263C161.047 80.4263 160.612 80.5218 160.354 80.8495ZM146.133 82.3306C146.133 79.6959 150.053 79.7026 150.053 82.3306C150.053 84.9587 146.133 84.9449 146.133 82.3306ZM148.98 82.3306C148.98 81.0747 147.206 81.0815 147.206 82.3306C147.206 83.5661 148.98 83.5729 148.98 82.3306ZM151.506 83.8324V86H150.57V80.4809H151.547V80.8495C151.799 80.5355 152.325 80.4332 152.678 80.4332C153.847 80.4332 154.493 81.3751 154.486 82.392C154.473 83.4023 153.854 84.318 152.664 84.318C152.304 84.3181 151.751 84.1122 151.506 83.8324ZM152.55 83.3567C152.03 83.3567 151.61 82.9035 151.61 82.3506C151.61 81.7979 152.03 81.3524 152.55 81.3524C153.169 81.3524 153.482 81.8669 153.475 82.366C153.467 82.8651 153.161 83.3567 152.55 83.3567ZM158.712 82.7403H155.951C156.08 83.0814 156.386 83.4252 156.822 83.4252C157.256 83.4252 157.368 83.2589 157.48 83.0926L157.482 83.0895H158.644C158.358 83.9086 157.584 84.3113 156.809 84.2975C155.878 84.277 154.954 83.566 154.954 82.3168C154.954 81.0472 155.912 80.4193 156.87 80.4262C157.815 80.4331 158.752 81.0608 158.752 82.3168C158.752 82.4672 158.739 82.6037 158.712 82.7403ZM156.836 81.3613C157.183 81.3613 157.606 81.5321 157.708 81.9006H156.033C156.142 81.5389 156.517 81.3613 156.836 81.3613Z" fill="#03020D"/>
+</svg>

data/lib/ably_ui/core/images/cust-logo-bloomberg-mono-pos.svg

@@ -0,0 +1,11 @@
+<svg width="244" height="122" viewBox="0 0 244 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35 45H47.696C50.1143 45 51.928 45.605 53.2715 46.6134C54.7494 47.8235 55.5555 49.5714 55.5555 51.7227C55.5555 54.2101 54.5479 55.7563 52.5326 56.6975V56.8319C55.2196 57.7059 56.7646 60.1261 56.7646 63.0168C56.7646 65.7731 55.6898 67.9244 53.9433 69.2689C52.4654 70.3445 50.5845 70.8151 48.0319 70.8151H35V45ZM46.4197 55.084C47.7632 55.084 48.7708 54.3445 48.7708 52.7983C48.7708 51.3193 47.7632 50.5798 46.3525 50.5798H41.9862V55.0168H46.4197V55.084ZM47.0243 65.1008C48.5693 65.1008 49.7113 64.1597 49.7113 62.479C49.7113 60.6639 48.5021 59.8571 47.0243 59.8571H42.0533V65.1681H47.0243V65.1008Z" fill="#03020D"/>
+<path d="M57.9066 45H64.5569V70.8824H57.9066V45Z" fill="#03020D"/>
+<path d="M65.9004 61.6722C65.9004 55.8235 69.6622 51.9243 75.5064 51.9243C81.3506 51.9243 85.0452 55.8907 85.0452 61.6722C85.0452 67.521 81.3506 71.4201 75.5064 71.4201C69.6622 71.4201 65.9004 67.521 65.9004 61.6722ZM78.3949 61.6722C78.3949 58.4453 77.3873 56.4285 75.372 56.4285C73.3568 56.4285 72.4163 58.4453 72.4163 61.6722C72.4163 64.8991 73.3568 66.9831 75.372 66.9831C77.3873 66.9159 78.3949 64.8991 78.3949 61.6722Z" fill="#03020D"/>
+<path d="M85.7841 61.6722C85.7841 55.8235 89.5459 51.9243 95.3901 51.9243C101.234 51.9243 104.862 55.8235 104.862 61.6722C104.862 67.521 101.167 71.4201 95.3229 71.4201C89.5459 71.4201 85.7841 67.521 85.7841 61.6722ZM98.2786 61.6722C98.2786 58.4453 97.271 56.4285 95.2558 56.4285C93.2405 56.4285 92.3001 58.4453 92.3001 61.6722C92.3001 64.8991 93.2405 66.9831 95.2558 66.9831C97.271 66.9159 98.2786 64.8991 98.2786 61.6722Z" fill="#03020D"/>
+<path d="M106.205 52.395H112.385V55.1513H112.52C113.729 53 115.408 51.8572 118.095 51.8572C120.446 51.8572 122.193 53 123.066 55.0168H123.2C124.678 52.5967 126.626 51.8572 128.91 51.8572C133.209 51.8572 135.023 55.0168 135.023 59.2521V70.8152H128.574V60.395C128.574 58.5126 127.97 57.3026 126.358 57.3026C124.745 57.3026 123.939 58.7815 123.939 60.7984V70.8152H117.491V60.395C117.491 58.5126 116.886 57.3026 115.274 57.3026C113.662 57.3026 112.856 58.7815 112.856 60.7984V70.8152H106.205V52.395Z" fill="#03020D"/>
+<path d="M143.151 68.395H143.084V70.8151H136.904V45H143.353V54.2773H143.487C144.696 52.6639 146.376 51.7899 148.727 51.7899C153.362 51.7899 156.049 55.958 156.049 61.5378C156.049 67.7899 153.16 71.4202 148.324 71.4202C146.309 71.4202 144.226 70.479 143.151 68.395ZM149.399 61.4706C149.399 58.5126 148.324 56.563 146.376 56.563C144.36 56.563 143.151 58.5126 143.151 61.4706C143.151 64.4286 144.428 66.3782 146.376 66.3782C148.324 66.3782 149.399 64.4958 149.399 61.4706Z" fill="#03020D"/>
+<path d="M156.788 61.6051C156.788 55.8236 160.617 51.8572 166.125 51.8572C168.879 51.8572 170.962 52.7311 172.574 54.2773C174.723 56.3614 175.664 59.5883 175.597 63.353H163.237C163.505 65.6387 164.58 66.8488 166.528 66.8488C167.67 66.8488 168.678 66.311 169.081 65.1009H175.328C174.253 69.3362 170.962 71.4202 166.327 71.4202C160.617 71.353 156.788 67.4538 156.788 61.6051ZM163.237 59.6555H169.148C169.014 57.437 167.804 56.2942 166.259 56.2942C164.446 56.2269 163.438 57.5042 163.237 59.6555Z" fill="#03020D"/>
+<path d="M182.919 55.5547H183.053C184.397 53.0001 186.143 51.9917 188.36 51.9917C188.897 51.9917 189.233 52.0589 189.435 52.1934V57.8404H189.3C185.471 57.1682 183.255 58.9833 183.255 63.1514V70.8825H176.739V52.3951H182.919V55.5547Z" fill="#03020D"/>
+<path d="M190.106 70.8822H196.354C196.622 71.689 197.429 72.4285 198.974 72.4285C201.056 72.4285 201.795 71.1511 201.795 69.2016V67.857H201.661C200.653 69.0671 199.242 69.9411 197.227 69.9411C193.264 69.9411 189.771 66.9831 189.771 61.2016C189.771 55.8906 192.592 51.7898 196.891 51.7898C199.377 51.7898 200.854 52.7982 201.862 54.3444H201.996V52.3276H208.176V68.3276C208.176 71.2856 207.169 73.5713 205.624 74.9159C204.012 76.3276 201.728 76.9327 199.108 76.9327C194.137 76.9999 190.711 74.9831 190.106 70.8822ZM202.064 60.9327C202.064 58.6469 200.989 56.7646 199.108 56.7646C197.294 56.7646 196.152 58.378 196.152 60.9327C196.152 63.42 197.294 65.1679 199.108 65.1679C200.922 65.1679 202.064 63.3528 202.064 60.9327Z" fill="#03020D"/>
+</svg>

data/lib/ably_ui/core/images/cust-logo-hopin-mono-pos.svg

@@ -0,0 +1,4 @@
+<svg width="244" height="122" viewBox="0 0 244 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M169.572 46.0183C171.548 46.0183 173.094 44.4728 173.094 42.4965C173.094 40.5709 171.548 39.0254 169.572 39.0254C167.621 39.0254 166 40.5709 166 42.4965C165.949 44.4475 167.621 46.0183 169.572 46.0183ZM139.168 48.4507H144.463V51.6431C145.806 49.7175 148.771 47.9693 152.242 47.9693C158.855 47.9693 163.871 53.518 163.871 60.3589C163.871 67.1492 158.855 72.7486 152.242 72.7486C148.745 72.7486 145.832 71.0004 144.463 69.0748V82.2245H139.168V48.4507ZM151.279 52.7072C146.972 52.7072 144.033 56.0263 144.033 60.3336C144.033 64.6155 146.997 67.96 151.279 67.96C155.536 67.96 158.5 64.6408 158.5 60.3336C158.5 56.077 155.536 52.7072 151.279 52.7072ZM176.134 48.4507H181.43V51.6938C182.899 49.2868 185.636 47.9693 188.752 47.9693C194.351 47.9693 198 51.8965 198 57.9266V72.2672H192.705V58.7881C192.705 55.0382 190.754 52.7579 187.688 52.7579C184.166 52.7579 181.455 55.4689 181.455 60.5363V72.2419H176.16V48.4507H176.134ZM98.7306 47.9693C95.6142 47.9693 92.8525 49.2868 91.4083 51.6938V39.0254H86.1129V72.2672H91.4083V60.5616C91.4083 55.4943 94.1193 52.7832 97.6411 52.7832C100.732 52.7832 102.658 55.0636 102.658 58.8134V72.2672H107.953V57.9266C107.928 51.8711 104.33 47.9693 98.7306 47.9693ZM172.156 48.4507H166.861V72.2672H172.156V48.4507ZM123.586 72.7233C116.466 72.7233 110.943 67.2505 110.943 60.3336C110.943 53.4167 116.441 47.9439 123.586 47.9439C130.731 47.9439 136.229 53.4167 136.229 60.3336C136.229 67.2505 130.706 72.7233 123.586 72.7233ZM123.586 67.8586C127.843 67.8586 130.832 64.5902 130.832 60.3589C130.832 56.1277 127.843 52.8593 123.586 52.8593C119.279 52.8593 116.289 56.1277 116.289 60.3589C116.289 64.5902 119.279 67.8586 123.586 67.8586Z" fill="#03020D"/>
+<path d="M66.8064 45.4102C66.7557 47.0064 65.6409 49.2867 63.7153 49.2867C62.5498 49.2867 61.5617 48.3239 61.5617 47.1584V47.1331C61.511 45.2582 60.6749 43.6113 59.332 42.4711C58.3186 41.635 57.0517 41.0776 55.6835 40.9256C56.849 39.7348 58.5213 39 60.3455 39C62.6511 39 64.7541 40.3175 65.9703 42.2431C66.5783 43.1806 66.857 44.3207 66.8064 45.4102ZM59.2814 45.5622C60.2948 46.8291 60.9029 49.2867 59.4334 50.4775C58.4959 51.2376 57.1531 51.111 56.393 50.2495C55.1261 48.856 53.4032 48.1212 51.655 48.0959C50.3122 48.0452 48.9693 48.4506 47.8545 49.2107C47.9812 47.5638 48.7413 45.9423 50.1601 44.7768C51.9844 43.3072 54.5434 42.8512 56.7223 43.738C57.7358 44.0927 58.6226 44.7261 59.2814 45.5622ZM53.6059 50.4522C55.1768 50.7816 57.3051 52.3018 56.9757 54.126C56.773 55.2915 55.6329 56.0516 54.4674 55.8489H54.4167C52.5418 55.5702 50.7175 56.1276 49.4 57.2171C48.3866 58.0279 47.5758 59.1681 47.2211 60.4856C46.2583 59.1174 45.8022 57.4198 46.0809 55.6209C46.537 53.3406 48.1839 51.415 50.4642 50.6549C51.4523 50.3255 52.5925 50.2495 53.6059 50.4522ZM52.4404 57.7999C53.8593 57.0398 56.4436 56.8877 57.3811 58.484C57.9892 59.4721 57.6345 60.7896 56.621 61.3977C54.9994 62.3605 53.986 63.906 53.6313 65.6289C53.3779 66.8958 53.5046 68.2639 54.1127 69.5054C52.4911 69.1 50.9962 68.0612 50.1095 66.5157C48.944 64.4888 48.9693 61.9551 50.1855 59.9535C50.7175 59.0414 51.503 58.2813 52.4404 57.7999ZM56.317 64.1341C56.925 62.6645 58.8 60.8909 60.5229 61.5244C61.663 61.9298 62.2204 63.1713 61.815 64.2354C61.207 65.9836 61.4603 67.8332 62.2964 69.3534C62.9552 70.5189 63.918 71.431 65.1848 72.0391C63.6393 72.7485 61.8657 72.9259 60.1681 72.2671C57.9385 71.4564 56.317 69.5054 55.9622 67.1998C55.8356 66.1863 55.9622 65.0968 56.317 64.1341ZM63.4619 66.541C62.9298 65.0208 63.2086 62.5125 65.0075 61.8791C66.1476 61.4737 67.3638 62.0311 67.7692 63.1459C68.4533 64.8688 69.8468 66.1357 71.4937 66.7944C72.7098 67.2758 74.1287 67.3518 75.4715 67.0224C74.7874 68.5426 73.4953 69.7841 71.7724 70.4176C69.5427 71.2283 66.9837 70.7469 65.2608 69.1761C64.4247 68.416 63.766 67.5292 63.4619 66.541ZM70.5055 63.8553C69.1374 63.0192 67.6678 60.8909 68.6306 59.2947C69.2387 58.3066 70.5309 57.9265 71.595 58.484C73.2672 59.3707 75.1168 59.4721 76.8144 58.9147C78.0812 58.484 79.196 57.6732 80.0068 56.5584C80.4629 58.1546 80.2855 59.9028 79.3481 61.4737C78.1826 63.5006 75.9023 64.7421 73.5459 64.6661C72.4565 64.7168 71.3417 64.4128 70.5055 63.8553ZM74.154 57.3438C72.5325 57.5718 70.0495 56.8624 69.7454 55.0382C69.4921 53.9233 70.3028 52.8085 71.4937 52.6058H71.5443C73.4193 52.2511 74.9141 51.1363 75.8009 49.6414C76.485 48.5266 76.8144 47.2091 76.6877 45.8409C78.0559 46.753 79.12 48.2479 79.3987 49.9961C79.8041 52.2765 78.8667 54.6581 77.0424 56.1023C76.181 56.7611 75.1675 57.2425 74.154 57.3438ZM72.6845 50.0722C71.595 51.263 69.2387 52.3018 67.7945 51.111C66.857 50.3509 66.7304 49.0333 67.5158 48.1212C68.6813 46.677 69.1374 44.8528 68.8587 43.1299C68.656 41.8631 68.0479 40.6216 67.0851 39.6081C68.7573 39.4561 70.4802 39.9375 71.8991 41.0776C73.7233 42.5471 74.5848 45.0048 74.078 47.2598C73.8753 48.3239 73.3686 49.3121 72.6845 50.0722Z" fill="#03020D"/>
+</svg>

data/lib/ably_ui/core/images/cust-logo-hubspot-mono-pos.svg

@@ -0,0 +1,4 @@
+<svg width="244" height="122" viewBox="0 0 244 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M67.1612 58.7658V47.5718H72.042V74.2929H67.1612V63.4624H56.8808V74.2929H52V47.5718H56.8808V58.7658H67.1612ZM83.6246 69.6931C85.8546 69.6931 87.6624 67.8853 87.6624 65.6553V54.2102H92.2753V65.6553C92.2753 70.4376 88.3985 74.3144 83.6162 74.3144C78.8339 74.3144 74.9571 70.4376 74.9571 65.6553V54.2102H79.5867V65.6553C79.5867 67.8853 81.3945 69.6931 83.6246 69.6931ZM121.964 55.3891C121.964 53.0432 123.516 52.2995 125.216 52.2995C126.587 52.2995 128.397 53.3421 129.581 54.6072L132.613 51.0345C131.099 48.9875 128.029 47.5718 125.515 47.5718C120.493 47.5718 116.861 50.5132 116.861 55.3891C116.861 60.5643 120.48 61.8399 123.577 62.9316C125.894 63.7483 127.919 64.4621 127.919 66.6286C127.919 68.1901 126.403 69.5699 124.666 69.5699C122.179 69.5699 121.219 68.465 120.121 67.2015C120.011 67.074 119.899 66.9448 119.783 66.8151L116.419 70.3136C118.571 72.9561 121.225 74.2977 124.406 74.2977C129.176 74.2977 133.015 71.3204 133.015 66.6668C133.015 60.6108 128.994 59.3409 125.802 58.3326C123.7 57.6687 121.957 57.1181 121.957 55.3891H121.964ZM186.859 67.0279C186.859 68.8406 187.636 70.0243 190.371 70.0243V70.0195C190.89 70.0195 191.483 69.9836 192 69.9478L190.855 74.1637C190.244 74.2736 189.624 74.3233 189.004 74.312C185.048 74.312 182.164 72.2052 182.164 68.0251V51.6825L186.859 49.5757V54.9396H191.11V59.0049H186.859V67.0279ZM99.844 56.5274C101.391 55.0089 102.991 54.3441 105.284 54.3441V54.3465C110.462 54.3465 114.914 58.6749 114.914 64.3328C114.914 70.0626 110.077 74.3168 104.576 74.3168C99.6192 74.3168 95.2071 70.1367 95.2071 64.0339V47.732H99.844V56.5274ZM99.9946 64.3902C99.9946 67.2958 102.35 69.6512 105.256 69.6512C108.161 69.6512 110.517 67.2958 110.517 64.3902C110.517 61.4847 108.161 59.1292 105.256 59.1292C102.35 59.1292 99.9946 61.4847 99.9946 64.3902ZM155.632 64.0889C155.632 58.3497 150.804 54.105 145.294 54.105C140.337 54.105 135.925 58.2851 135.925 64.3879V80.6993H140.562V71.892C142.107 73.4081 143.709 74.0753 146 74.0753C151.177 74.0753 155.63 69.7493 155.63 64.0889H155.632ZM151.242 64.0315C151.242 66.9371 148.886 69.2925 145.981 69.2925C143.075 69.2925 140.72 66.9371 140.72 64.0315C140.72 61.126 143.075 58.7705 145.981 58.7705C148.886 58.7705 151.242 61.126 151.242 64.0315Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M170.612 49.2216V53.88C174.831 54.5211 178.206 57.7196 179.072 61.8984C179.939 66.0772 178.114 70.3539 174.497 72.6196C170.881 74.8854 166.236 74.6618 162.854 72.0591L159.069 75.8447C159.167 76.1541 159.22 76.4764 159.224 76.8012C159.223 78.6337 157.736 80.1185 155.904 80.118C154.071 80.1176 152.586 78.6322 152.586 76.7996C152.585 74.9671 154.07 73.4809 155.902 73.4796C156.227 73.4839 156.55 73.5362 156.859 73.6351L160.685 69.8089C158.278 66.3787 158.216 61.8245 160.53 58.3303L147.949 48.5425C147.344 48.8935 146.658 49.0798 145.959 49.0829C144.324 49.081 142.852 48.0943 142.228 46.5831C141.604 45.0719 141.953 43.3339 143.11 42.1796C144.268 41.0253 146.007 40.6822 147.517 41.3103C149.026 41.9383 150.008 43.4139 150.005 45.0487C150 45.389 149.952 45.7273 149.862 46.0555L162.636 56.0059C164.031 54.8841 165.698 54.1507 167.467 53.88V49.2216C166.21 48.6345 165.405 47.3755 165.398 45.9885V45.8809C165.398 43.8998 167.004 42.2938 168.986 42.2938H169.093C171.074 42.2938 172.68 43.8998 172.68 45.8809V45.9885C172.674 47.3755 171.868 48.6345 170.612 49.2216ZM163.811 63.9596C163.809 66.851 166.151 69.1964 169.043 69.1991L169.048 69.1967C171.94 69.1967 174.285 66.852 174.285 63.9596C174.283 61.0682 171.939 58.7249 169.048 58.7249C166.156 58.7249 163.812 61.0682 163.811 63.9596Z" fill="#03020D"/>
+</svg>

data/lib/ably_ui/core/images/cust-logo-split-mono-pos.svg

@@ -0,0 +1,9 @@
+<svg width="244" height="122" viewBox="0 0 244 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M71.2253 77.7648V87.7101L100.67 71.0517V61.1064L71.2253 77.7648Z" fill="#03020D"/>
+<path d="M71.2253 54.1445L100.67 70.8028V60.8576L71.2253 44.1992V54.1445Z" fill="#03020D"/>
+<path d="M58 61.8515L87.4448 78.5099V68.5646L58 51.9062V61.8515Z" fill="#03020D"/>
+<path d="M58 61.8515L87.4448 78.5099V68.5646L58 51.9062V61.8515Z" fill="#03020D"/>
+<path d="M87.4448 35L58 51.6583V61.6036L87.4448 44.9453V35Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M79.9946 49.1603L71.2253 44.1992V54.1213L79.9946 49.1603ZM78.6755 73.5494L87.4449 78.5104V68.5884L78.6755 73.5494Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M158.472 72.6461H162.694V42.7075H158.472V72.6461ZM186 54.0766V50.2328H182.305V42.7075H178.082V50.2328H175.037V54.0766H178.082V72.6461H182.305V54.0766H186ZM167.932 72.6461H172.155V50.2328H167.932V72.6461ZM172.155 47.6437H167.932V42.7075H172.155V47.6437ZM142.596 69.3692C147.022 69.3692 150.189 65.769 150.189 61.4801C150.189 57.2318 146.818 53.4691 142.474 53.4691C138.13 53.4691 134.962 57.192 134.962 61.3997C134.962 65.7284 138.13 69.3692 142.596 69.3692ZM154.412 61.7229C154.412 54.9668 149.702 49.6228 142.759 49.6228C139.551 49.6228 136.628 50.9986 134.759 53.6689H134.676V50.2328H130.821V80.1308H135.044V69.4098H135.127C136.751 72.0801 140.039 73.2122 143.045 73.2122C149.496 73.2122 154.412 68.0746 154.412 61.7229ZM120.629 58.7692C124.325 59.9021 127.411 61.7229 127.411 66.0516C127.411 70.4615 124.162 73.2122 119.856 73.2122C118.873 73.1984 117.898 73.0205 116.974 72.6859C113.646 71.5132 111.9 68.8023 111.9 65.2825H116.119C116.282 67.5881 117.419 69.3683 119.936 69.3683C121.804 69.3683 123.184 68.2354 123.184 66.2936C123.184 64.2537 121.243 63.5595 119.047 62.7747C116.194 61.7545 112.912 60.5812 112.912 56.0997C112.912 52.2558 116.282 49.6261 119.977 49.6261C123.836 49.6261 126.798 52.2964 126.881 56.1801H122.658C122.455 54.5623 121.48 53.4692 119.775 53.4692C118.354 53.4692 117.136 54.3593 117.136 55.856C117.136 57.6957 118.815 58.2114 120.29 58.6643C120.405 58.6994 120.518 58.7342 120.629 58.7692Z" fill="#03020D"/>
+</svg>

data/lib/ably_ui/core/images/cust-logo-toyota-mono-pos.svg

@@ -0,0 +1,18 @@
+<svg width="244" height="122" viewBox="0 0 244 122" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M122.146 84.3092C122.135 80.7443 125.008 77.8684 128.597 77.8623C132.097 77.8679 134.973 80.7438 135.043 84.3092C134.973 87.8341 132.098 90.71 128.597 90.7599C125.008 90.71 122.135 87.8341 122.146 84.3092ZM128.597 88.3835C130.534 88.3536 132.138 86.5332 132.158 84.3092C132.138 82.0425 130.534 80.2221 128.597 80.2349C126.576 80.2216 124.968 82.0419 125.032 84.3092C124.968 86.533 126.576 88.3533 128.597 88.3835ZM142.34 90.4204V80.5746H146.074V78.3718H135.722V80.5746H139.626V90.4204H142.34ZM149.297 87.7015L148.281 90.4207H145.059L150.148 78.3718H153.541L158.464 90.4207H155.241L154.223 87.7015H149.297ZM153.541 85.6674H151.846H150.148L151.846 81.2533L153.541 85.6674ZM92.4479 80.5746V90.4204H89.7328V80.5746H86V78.3718H96.1825V80.5746H92.4479ZM103.307 77.8623C99.7384 77.8684 96.8668 80.7443 96.8614 84.3092C96.8666 87.8341 99.7384 90.71 103.307 90.7599C106.83 90.71 109.706 87.8341 109.758 84.3092C109.706 80.7438 106.83 77.8679 103.307 77.8623ZM103.307 88.3835C105.267 88.3536 106.87 86.5332 106.872 84.3092C106.87 82.0425 105.267 80.2221 103.307 80.2349C101.306 80.2216 99.7005 82.0419 99.7473 84.3092C99.7005 86.533 101.306 88.3533 103.307 88.3835ZM117.223 90.4204H115.867H114.511V85.8369L109.758 78.3718H112.981L115.867 83.4605L118.923 78.3718H121.976L117.223 85.8369V90.4204Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M121.507 72.7001C103.133 72.7001 88.1849 63.3463 88.1849 51.8499C88.1849 40.3524 103.133 31 121.507 31C139.88 31 154.829 40.3524 154.829 51.8499C154.829 63.3463 139.88 72.7001 121.507 72.7001ZM121.507 32.0243C103.697 32.0243 89.2075 40.9184 89.2075 51.8499C89.2075 62.784 103.697 71.6773 121.507 71.6775C139.317 71.6775 153.807 62.7837 153.807 51.8499C153.807 40.9184 139.317 32.0243 121.507 32.0243Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M103.929 40.0569C104.895 37.3336 110.559 35.2665 118.358 34.7903L119.968 34.6903L118.71 35.6985C116.489 37.476 114.766 41.2405 113.981 46.0278L113.896 46.5334L113.39 46.4506C108.609 45.6348 105.249 44.1141 104.167 42.2699C103.909 41.8307 103.779 41.3713 103.779 40.912C103.78 40.6205 103.831 40.3313 103.929 40.0569ZM104.801 40.9155C104.801 41.1911 104.883 41.4708 105.05 41.7543C105.928 43.2521 108.917 44.5763 113.073 45.3452C113.805 41.3049 115.208 37.9793 117.032 35.9156C110.636 36.5017 105.63 38.3188 104.893 40.3992C104.831 40.572 104.801 40.7417 104.801 40.9155ZM116.932 46.3337L116.832 46.89L117.397 46.933C118.735 47.0329 120.118 47.0868 121.506 47.0868C122.895 47.0868 124.279 47.0329 125.617 46.933L126.18 46.89L126.08 46.3337C125.311 42.014 123.6 39.4336 121.507 39.4336C119.412 39.4336 117.701 42.014 116.932 46.3337ZM124.955 45.9444C124.259 42.5992 122.938 40.4562 121.507 40.4562C120.076 40.4562 118.753 42.5992 118.059 45.9444C119.189 46.0183 120.342 46.0643 121.506 46.0643C122.671 46.0643 123.823 46.0183 124.955 45.9444ZM124.303 35.699C126.523 37.4765 128.247 41.2415 129.032 46.0283L129.116 46.5339L129.621 46.4511C134.405 45.6353 137.766 44.1141 138.845 42.2702C139.264 41.5615 139.344 40.7962 139.085 40.0576C138.119 37.3346 132.454 35.2675 124.656 34.7908L123.049 34.6908L124.303 35.699ZM138.119 40.3992C137.384 38.3221 132.377 36.5017 125.983 35.9156C127.808 37.9796 129.209 41.3051 129.941 45.3452C134.095 44.5763 137.084 43.2518 137.966 41.7543C138.129 41.4708 138.213 41.1911 138.213 40.9155C138.213 40.7417 138.183 40.572 138.119 40.3992ZM98.9945 42.0639C95.4895 44.9998 93.6371 48.4877 93.6371 52.1523C93.6371 60.7728 104.149 68.0595 118.087 69.0978L119.644 69.2147L118.458 68.2021C115.405 65.5898 113.508 59.3916 113.508 52.0255L113.54 50.2851L113.113 50.1982C105.782 48.8842 100.566 45.8015 99.8232 42.3494L99.6456 41.5206L98.9945 42.0639ZM99.0714 43.375C96.1935 45.9943 94.6607 49.01 94.6607 52.1523C94.6607 59.9479 104.081 66.5814 116.781 67.9365C114.108 64.7541 112.487 58.8555 112.487 52.0255C112.487 52.0255 112.495 51.5203 112.504 51.121C105.422 49.769 100.412 46.8632 99.0714 43.375ZM116.516 51.231L116.513 51.4165C116.513 58.2635 118.66 63.4291 121.507 63.4291C124.353 63.4291 126.5 58.2635 126.5 51.4165L126.493 50.6778L125.944 50.7248C124.496 50.8516 123.005 50.9145 121.507 50.9145C120.01 50.9145 118.517 50.8516 117.073 50.7248L116.521 50.675L116.516 51.231ZM121.507 62.4074C123.387 62.4074 125.394 58.1505 125.471 51.7798C124.169 51.8757 122.845 51.9355 121.507 51.9355C120.171 51.9355 118.843 51.8757 117.542 51.7798C117.617 58.1505 119.625 62.4074 121.507 62.4074ZM143.189 42.3494C142.447 45.8015 137.23 48.884 129.901 50.1982L129.471 50.2779L129.505 52.0252C129.505 59.3914 127.608 65.5898 124.555 68.2018L123.37 69.2144L124.925 69.0976C138.864 68.0592 149.376 60.7726 149.376 52.152C149.376 48.4875 147.522 44.9996 144.017 42.0636L143.368 41.5204L143.189 42.3494ZM148.354 52.1523C148.354 49.01 146.82 45.9943 143.94 43.375C142.599 46.8629 137.59 49.769 130.51 51.121C130.517 51.5201 130.527 52.0255 130.527 52.0255C130.527 58.8555 128.906 64.7541 126.233 67.9365C138.934 66.5814 148.354 59.9479 148.354 52.1523Z" fill="#03020D"/>
+<path d="M143.551 39.7174C143.598 39.8473 143.641 39.9797 143.675 40.1129C143.867 40.8787 143.828 41.6308 143.578 42.3637C146.903 45.1059 148.863 48.488 148.863 52.1525C148.863 61.2992 136.615 68.7157 121.507 68.7157C106.398 68.7157 94.1502 61.2992 94.1502 52.1525C94.1502 48.4911 96.1124 45.1062 99.4337 42.3637C99.1859 41.6308 99.1461 40.8787 99.3388 40.1129C99.3787 39.9675 99.4318 39.8262 99.4976 39.6906C94.96 42.9233 92.2089 47.16 92.2089 51.8C92.2089 61.9314 105.325 70.1437 121.507 70.1437C137.686 70.1437 150.804 61.9314 150.804 51.8C150.805 47.1697 148.065 42.9427 143.551 39.7174Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M121.507 34.1013C131.036 34.1013 139.514 36.5976 140.542 39.9968C141.434 42.9455 136.558 45.6747 128.873 46.7571L129.538 45.9439C135.759 44.8858 139.454 42.6291 138.602 40.2294C137.569 37.3167 130.061 35.2067 121.506 35.2067C112.951 35.2067 105.444 37.3162 104.411 40.2294C103.558 42.6288 107.254 44.8856 113.473 45.9439L114.141 46.7571C106.453 45.6747 101.58 42.9455 102.473 39.9968C103.502 36.5981 111.979 34.1013 121.507 34.1013ZM121.506 46.5735C122.925 46.5735 124.286 46.5206 125.577 46.4237L126.425 47.0367C124.868 47.1725 123.224 47.2494 121.507 47.2494C119.789 47.2494 118.145 47.1725 116.589 47.0367L117.432 46.4237H117.437C118.728 46.5206 120.088 46.5735 121.506 46.5735Z" fill="#03020D"/>
+<path d="M117.447 46.4237C118.161 42.4563 119.71 39.9769 121.506 39.9769C123.304 39.9769 124.852 42.4563 125.567 46.4237H125.581L126.417 47.0298C125.711 41.7903 123.78 38.442 121.507 38.442C119.233 38.442 117.302 41.7903 116.598 47.0298L117.433 46.4237H117.447Z" fill="#03020D"/>
+<path d="M126.67 49.9985L125.987 51.2338C125.987 51.3238 125.991 51.4163 125.991 51.5101C125.991 58.0866 123.98 63.073 121.506 63.073C119.031 63.073 117.024 58.0861 117.024 51.5101C117.024 51.4063 117.026 51.3033 117.028 51.2039L116.344 49.9985C116.324 50.4998 116.314 51.0015 116.314 51.5032C116.314 58.9593 118.639 64.6073 121.507 64.6073C124.376 64.6073 126.703 58.9593 126.703 51.5032C126.702 51.0015 126.691 50.4998 126.67 49.9985V49.9985Z" fill="#03020D"/>
+<path d="M114.152 46.7602C115.135 39.4776 118.056 34.1008 121.507 34.1008C117.807 34.1008 114.654 38.8643 113.483 45.9582L114.142 46.7602H114.152Z" fill="#03020D"/>
+<path d="M128.862 46.7602H128.869L129.528 45.9582C128.36 38.8643 125.205 34.1008 121.507 34.1008C124.958 34.1013 127.881 39.4776 128.862 46.7602Z" fill="#03020D"/>
+<path d="M129.988 50.6975L129.149 49.6959H129.142C129.189 50.4917 129.216 51.3005 129.216 52.1222C129.216 62.0751 125.764 70.1432 121.507 70.1432C126.28 70.1432 130.015 62.6602 130.015 52.1222C130.015 51.64 130.005 51.1671 129.988 50.6975Z" fill="#03020D"/>
+<path d="M113.8 52.1224C113.8 51.3008 113.827 50.492 113.873 49.6962H113.867L113.026 50.6947C113.008 51.1704 112.999 51.6464 112.998 52.1224C112.998 62.6605 116.736 70.1434 121.507 70.1434C117.252 70.1434 113.8 62.0751 113.8 52.1224Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M99.3391 40.1126C99.1463 40.8785 99.1862 41.6306 99.4339 42.3635C98.1626 43.4119 97.0923 44.5563 96.2535 45.7716C96.5458 43.8394 97.3146 42.0103 98.4904 40.4493C98.8209 40.1894 99.1568 39.9364 99.4978 39.6903C99.4321 39.8259 99.379 39.9673 99.3391 40.1126ZM146.76 45.7716C145.922 44.5563 144.849 43.4121 143.578 42.3635C143.828 41.6306 143.867 40.8788 143.674 40.1131C143.641 39.9799 143.598 39.8475 143.55 39.7177C143.881 39.9528 144.206 40.1968 144.523 40.4493C145.701 42.0093 146.47 43.8388 146.76 45.7716Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M121.507 31.5121C103.385 31.5121 88.6962 40.6189 88.6962 51.8499C88.6962 63.0836 103.385 72.1865 121.507 72.1868C139.626 72.1868 154.316 63.0833 154.316 51.8499C154.316 40.6189 139.626 31.5121 121.507 31.5121ZM150.804 51.7998C150.804 61.9312 137.686 70.1435 121.507 70.1435C105.325 70.1435 92.2081 61.9312 92.2081 51.7998C92.2081 41.668 105.325 33.4524 121.507 33.4524C137.686 33.4524 150.804 41.6675 150.804 51.7998Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M121.507 34.1013C117.252 34.1013 113.8 42.274 113.8 52.1224C113.8 62.075 117.25 70.1434 121.507 70.1434C125.764 70.1434 129.216 62.0753 129.216 52.1224C129.216 42.274 125.764 34.1013 121.507 34.1013ZM126.703 51.5063C126.703 58.9593 124.376 64.6073 121.507 64.6073C118.638 64.6073 116.313 58.9593 116.313 51.5063C116.313 43.7715 118.638 38.4423 121.507 38.4423C124.376 38.4423 126.703 43.7715 126.703 51.5063Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M121.507 31.8916C110.412 31.8916 100.185 36.7645 99.3391 40.1126C97.996 45.425 107.851 50.2322 121.507 50.2322C135.16 50.2322 145.016 45.4247 143.675 40.1126C142.477 35.3734 132.601 31.8916 121.507 31.8916ZM102.473 39.9968C103.502 36.5981 111.979 34.1013 121.507 34.1013C131.036 34.1013 139.514 36.5976 140.542 39.9968C141.694 43.804 133.233 47.2494 121.507 47.2494C109.783 47.2494 101.321 43.8045 102.473 39.9968Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M113.021 50.7019C104.578 49.1836 99.0236 45.4593 99.2233 41.2612C99.4009 45.0597 105.235 48.4249 113.867 49.6929L113.865 49.6959L113.021 50.7019ZM143.791 41.2612C143.615 45.0595 137.776 48.4247 129.146 49.6929L129.149 49.6959L129.991 50.7019C138.435 49.1839 143.99 45.4552 143.791 41.2612ZM116.333 49.9886L116.339 49.9927L117.043 51.2338C118.476 51.3563 119.966 51.4263 121.507 51.4263C123.055 51.4263 124.548 51.3565 125.991 51.2308L126.676 49.9922L126.68 49.9881C125.032 50.1448 123.305 50.2317 121.507 50.2317C119.78 50.2327 118.053 50.1516 116.333 49.9886Z" fill="#03020D"/>
+</svg>

data/lib/ably_ui/core/sprites.svg

@@ -4,6 +4,8 @@
 <path d="M14.122 20.5734H0.5C0.5 22.4677 2.0222 24 3.90634 24H14.122C16.0027 24 17.5249 22.4643 17.5249 20.5734V6.49471C17.5249 6.42706 17.4708 6.36617 17.4032 6.36617H14.2438C14.1761 6.36617 14.122 6.42368 14.122 6.49133V20.57V20.5734ZM14.122 0C16.0027 0 17.5249 1.53573 17.5249 3.43002H3.90634V17.5087C3.90634 17.5763 3.84884 17.6338 3.78118 17.6338H0.625159C0.557505 17.6338 0.5 17.5763 0.5 17.5087V3.43002C0.5 1.53573 2.0222 0 3.90634 0H14.122Z"/>
 </symbol><symbol fill="none" id="sprite-icon-display-48hrs" viewBox="0 0 48 48"><title>sprite-icon-display-48hrs</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M4.75 24C4.75 13.3685 13.3685 4.75 24 4.75C24.4142 4.75 24.75 4.41421 24.75 4C24.75 3.58579 24.4142 3.25 24 3.25C12.5401 3.25 3.25 12.5401 3.25 24C3.25 35.4599 12.5401 44.75 24 44.75C35.4599 44.75 44.75 35.4599 44.75 24C44.75 23.5858 44.4142 23.25 44 23.25C43.5858 23.25 43.25 23.5858 43.25 24C43.25 34.6315 34.6315 43.25 24 43.25C13.3685 43.25 4.75 34.6315 4.75 24ZM33.0947 26.36C33.0947 28.682 31.1507 30.212 28.9727 30.212C26.7947 30.212 24.8507 28.682 24.8507 26.36C24.8507 24.884 25.6247 23.75 26.8487 23.138C25.8947 22.58 25.3007 21.626 25.3007 20.402C25.3007 18.35 27.0287 17 28.9727 17C30.9167 17 32.6447 18.35 32.6447 20.402C32.6447 21.626 32.0507 22.58 31.0787 23.138C32.3027 23.75 33.0947 24.884 33.0947 26.36ZM26.3087 26.36C26.3087 27.836 27.4787 28.862 28.9727 28.862C30.4667 28.862 31.6367 27.836 31.6367 26.36C31.6367 24.884 30.4667 23.84 28.9727 23.84C27.4787 23.84 26.3087 24.884 26.3087 26.36ZM26.7587 20.402C26.7587 21.626 27.7307 22.49 28.9727 22.49C30.2147 22.49 31.1867 21.626 31.1867 20.402C31.1867 19.196 30.2147 18.35 28.9727 18.35C27.7307 18.35 26.7587 19.196 26.7587 20.402ZM20.9773 27.008V29.996H19.5193V27.008H14.3533V25.838L19.3753 17.216H21.0493L15.9733 25.64H19.5193V22.778H20.9773V25.64H23.6773V27.008H20.9773Z" fill="#03020D"/>
+</symbol><symbol fill="none" id="sprite-icon-display-api-keys" viewBox="0 0 48 48"><title>sprite-icon-display-api-keys</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9975 1.25001L24 1.25C30.2947 1.25 34.8666 5.48148 36.9677 11.5435C39.9369 11.7908 42.5707 12.9175 44.499 14.8032C46.5441 16.8032 47.75 19.6133 47.75 23C47.75 26.4402 46.5053 29.2339 44.403 31.1816C42.3094 33.1213 39.4195 34.1729 36.2009 34.2498L36.183 34.25H36C34.2051 34.25 32.75 35.7051 32.75 37.5V41.5C32.75 41.538 32.7472 41.5754 32.7417 41.6119C33.7603 41.9279 34.5 42.8775 34.5 44C34.5 45.3807 33.3807 46.5 32 46.5C30.6193 46.5 29.5 45.3807 29.5 44C29.5 42.8775 30.2397 41.9279 31.2583 41.6119C31.2528 41.5754 31.25 41.538 31.25 41.5V37.5C31.25 34.8766 33.3766 32.75 36 32.75H36.1739C39.0895 32.6786 41.6049 31.7291 43.3835 30.0813C45.1552 28.44 46.25 26.0569 46.25 23C46.25 19.9872 45.1862 17.5733 43.4502 15.8757C41.7085 14.1724 39.2446 13.1467 36.3792 13.0077C36.0667 12.9926 35.7964 12.7851 35.7011 12.4871C33.8169 6.59587 29.6288 2.75057 24.0012 2.75C16.999 2.77388 13.4625 5.84333 11.6103 9.01639C9.90907 11.9307 9.59656 14.9789 9.47898 16.1258C9.46599 16.2525 9.45537 16.356 9.44553 16.4335C9.40186 16.7776 9.1279 17.0469 8.78309 17.0846C4.68819 17.5327 1.75 20.5577 1.75 25C1.75 27.3994 2.61404 29.3228 4.00756 30.6484C5.40559 31.9784 7.38279 32.75 9.678 32.75H12C14.6234 32.75 16.75 34.8766 16.75 37.5V41.5C16.75 41.538 16.7472 41.5754 16.7417 41.6119C17.7603 41.9279 18.5 42.8775 18.5 44C18.5 45.3807 17.3807 46.5 16 46.5C14.6193 46.5 13.5 45.3807 13.5 44C13.5 42.8775 14.2397 41.9279 15.2583 41.6119C15.2528 41.5754 15.25 41.538 15.25 41.5V37.5C15.25 35.7051 13.7949 34.25 12 34.25H9.678C7.04421 34.25 4.68241 33.3607 2.97369 31.7352C1.26046 30.1054 0.25 27.7788 0.25 25C0.25 19.9901 3.49532 16.4323 8.01664 15.6768C8.15873 14.3389 8.57927 11.2334 10.3148 8.2602C12.4266 4.6425 16.4461 1.27535 23.9975 1.25001ZM24 32.75C24.4142 32.75 24.75 33.0858 24.75 33.5V41.6145C25.7643 41.933 26.5 42.8806 26.5 44C26.5 45.3807 25.3807 46.5 24 46.5C22.6193 46.5 21.5 45.3807 21.5 44C21.5 42.8806 22.2357 41.933 23.25 41.6145V33.5C23.25 33.0858 23.5858 32.75 24 32.75ZM14.5 44C14.5 43.1716 15.1716 42.5 16 42.5C16.8284 42.5 17.5 43.1716 17.5 44C17.5 44.8284 16.8284 45.5 16 45.5C15.1716 45.5 14.5 44.8284 14.5 44ZM32 42.5C31.1716 42.5 30.5 43.1716 30.5 44C30.5 44.8284 31.1716 45.5 32 45.5C32.8284 45.5 33.5 44.8284 33.5 44C33.5 43.1716 32.8284 42.5 32 42.5ZM22.5 44C22.5 43.1716 23.1716 42.5 24 42.5C24.8284 42.5 25.5 43.1716 25.5 44C25.5 44.8284 24.8284 45.5 24 45.5C23.1716 45.5 22.5 44.8284 22.5 44ZM17 17.75C14.1005 17.75 11.75 20.1005 11.75 23C11.75 25.8995 14.1005 28.25 17 28.25C18.9423 28.25 20.6392 27.1956 21.5481 25.6245L21.6444 25.458L24.1049 23.968C24.9592 23.4507 26.0267 23.4372 26.8938 23.9326L28.3798 24.7818C28.7641 25.0014 29.2359 25.0014 29.6202 24.7818L31.1356 23.9158C31.9811 23.4327 33.0189 23.4327 33.8644 23.9158L34.9166 24.5171C35.4428 24.8178 36.109 24.6977 36.497 24.232L37.3904 23.16C37.4676 23.0673 37.4676 22.9327 37.3903 22.84L35.7237 20.84C35.6762 20.783 35.6058 20.75 35.5316 20.75H21.7647L21.5481 20.3755C20.6392 18.8044 18.9423 17.75 17 17.75ZM10.25 23C10.25 19.2721 13.2721 16.25 17 16.25C19.3413 16.25 21.4033 17.4424 22.6132 19.25H35.5316C36.051 19.25 36.5435 19.4807 36.876 19.8797L38.5427 21.8797C39.0835 22.5287 39.0835 23.4713 38.5427 24.1203L37.6494 25.1923C36.7957 26.2167 35.3301 26.481 34.1724 25.8195L33.1202 25.2182C32.7359 24.9986 32.2641 24.9986 31.8798 25.2182L30.3644 26.0842C29.5189 26.5673 28.4811 26.5673 27.6356 26.0842L26.1496 25.235C25.7555 25.0098 25.2702 25.0159 24.8819 25.2511L22.7451 26.5451C21.5568 28.467 19.4287 29.75 17 29.75C13.2721 29.75 10.25 26.7279 10.25 23ZM14.5 23C14.5 22.4477 14.9477 22 15.5 22C16.0523 22 16.5 22.4477 16.5 23C16.5 23.5523 16.0523 24 15.5 24C14.9477 24 14.5 23.5523 14.5 23ZM15.5 21C14.3954 21 13.5 21.8954 13.5 23C13.5 24.1046 14.3954 25 15.5 25C16.6046 25 17.5 24.1046 17.5 23C17.5 21.8954 16.6046 21 15.5 21Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-browser" viewBox="0 0 48 48"><title>sprite-icon-display-browser</title>
 	<g clip-path="url(#clip0)">
 		<path fill-rule="evenodd" clip-rule="evenodd" d="M7 8.75C6.30964 8.75 5.75 9.30964 5.75 10V34H17.0949C17.5138 34 17.9221 34.1315 18.2622 34.376L19.303 35.124C19.6431 35.3685 20.0514 35.5 20.4703 35.5H27.5297C27.9486 35.5 28.3569 35.3685 28.697 35.124L29.7378 34.376C30.0779 34.1315 30.4862 34 30.9051 34H42.25V10C42.25 9.30964 41.6904 8.75 41 8.75H7ZM4.25 10V34H1C0.447715 34 0 34.4477 0 35V38C0 38.5523 0.447714 39 0.999999 39H47C47.5523 39 48 38.5523 48 38V35C48 34.4477 47.5523 34 47 34H43.75V10C43.75 8.48122 42.5188 7.25 41 7.25H7C5.48122 7.25 4.25 8.48122 4.25 10ZM46.5 35.5H30.9051C30.8003 35.5 30.6983 35.5329 30.6132 35.594L29.5725 36.3421C28.9772 36.7699 28.2627 37 27.5297 37H20.4703C19.7373 37 19.0228 36.7699 18.4275 36.3421L17.3868 35.594C17.3017 35.5329 17.1997 35.5 17.0949 35.5H1.5V37.5H46.5V35.5ZM25 11C25 11.5523 24.5523 12 24 12C23.4477 12 23 11.5523 23 11C23 10.4477 23.4477 10 24 10C24.5523 10 25 10.4477 25 11Z" fill="#03020D"/>
@@ -17,6 +19,8 @@
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M16.75 4C17.1642 4 17.5 4.33579 17.5 4.75V6.25H31V4.75C31 4.33579 31.3358 4 31.75 4C32.1642 4 32.5 4.33579 32.5 4.75V6.25H40C42.6234 6.25 44.75 8.37665 44.75 11V37C44.75 39.6234 42.6234 41.75 40 41.75H8C5.37665 41.75 3.25 39.6234 3.25 37V11C3.25 8.37665 5.37665 6.25 8 6.25H16V4.75C16 4.33579 16.3358 4 16.75 4ZM31 7.75V9.25C31 9.66421 31.3358 10 31.75 10C32.1642 10 32.5 9.66421 32.5 9.25V7.75H40C41.7949 7.75 43.25 9.20507 43.25 11V17.25H4.75V11C4.75 9.20507 6.20507 7.75 8 7.75H16V9.25C16 9.66421 16.3358 10 16.75 10C17.1642 10 17.5 9.66421 17.5 9.25V7.75H31ZM4.75 18.75V37C4.75 38.7949 6.20508 40.25 8 40.25H40C41.7949 40.25 43.25 38.7949 43.25 37V18.75H4.75Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-call-mobile" viewBox="0 0 48 48"><title>sprite-icon-display-call-mobile</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3.5H24C25.3807 3.5 26.5 4.61929 26.5 6V42C26.5 43.3807 25.3807 44.5 24 44.5H8C6.61929 44.5 5.5 43.3807 5.5 42V6C5.5 4.61929 6.61929 3.5 8 3.5ZM4 6C4 3.79086 5.79086 2 8 2H24C26.2091 2 28 3.79086 28 6V42C28 44.2091 26.2091 46 24 46H8C5.79086 46 4 44.2091 4 42V6ZM31 21.75C32.2426 21.75 33.25 22.7574 33.25 24C33.25 25.2426 32.2426 26.25 31 26.25V27.75C33.0711 27.75 34.75 26.0711 34.75 24C34.75 21.9289 33.0711 20.25 31 20.25V21.75ZM38.25 24C38.25 19.9959 35.0041 16.75 31 16.75V15.25C35.8325 15.25 39.75 19.1675 39.75 24C39.75 28.8325 35.8325 32.75 31 32.75V31.25C35.0041 31.25 38.25 28.0041 38.25 24ZM31 11.75C37.7655 11.75 43.25 17.2345 43.25 24C43.25 30.7655 37.7655 36.25 31 36.25V37.75C38.5939 37.75 44.75 31.5939 44.75 24C44.75 16.4061 38.5939 10.25 31 10.25V11.75ZM11 41C11 40.5858 11.3358 40.25 11.75 40.25H20.25C20.6642 40.25 21 40.5858 21 41C21 41.4142 20.6642 41.75 20.25 41.75H11.75C11.3358 41.75 11 41.4142 11 41ZM16 7C16.5523 7 17 6.55228 17 6C17 5.44772 16.5523 5 16 5C15.4477 5 15 5.44772 15 6C15 6.55228 15.4477 7 16 7Z" fill="#03020D"/>
+</symbol><symbol fill="none" id="sprite-icon-display-cloud-servers" viewBox="0 0 48 48"><title>sprite-icon-display-cloud-servers</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9305 1.25L22.928 1.25001C19.1663 1.26263 16.3209 2.16727 14.179 3.58598C12.0396 5.00308 10.6518 6.89994 9.74914 8.81907C8.26167 11.9815 8.06171 15.3211 7.9923 16.6843C3.42863 17.5061 0 21.7056 0 26.6695C0 32.2864 4.35972 36.25 9.678 36.25C10.0922 36.25 10.428 35.9142 10.428 35.5C10.428 35.0858 10.0922 34.75 9.678 34.75C5.13828 34.75 1.5 31.409 1.5 26.6695C1.5 22.1862 4.72837 18.5284 8.78309 18.0846C9.1279 18.0469 9.40186 17.7776 9.44553 17.4335C9.46441 17.2847 9.47723 17.0562 9.49373 16.7619C9.57379 15.3345 9.7405 12.3616 11.1065 9.45752C11.9185 7.73117 13.1435 6.0711 15.0074 4.83653C16.8686 3.60372 19.4169 2.762 22.9317 2.75C28.6269 2.75058 33.8404 6.66921 35.7011 12.4871C35.7964 12.7851 36.0667 12.9926 36.3792 13.0077C41.9981 13.2802 46.5 18.103 46.5 24.1293C46.5 30.207 41.9083 34.6131 36.1651 34.7502C35.751 34.7601 35.4233 35.1038 35.4332 35.5179C35.4431 35.932 35.7868 36.2597 36.2009 36.2498C42.7337 36.0938 48 31.0459 48 24.1293C48 17.5374 43.19 12.1193 36.9665 11.5457C34.791 5.41533 29.1621 1.25 22.9305 1.25ZM33 26.5H13C12.1716 26.5 11.5 27.1716 11.5 28V32C11.5 32.8284 12.1716 33.5 13 33.5H33C33.8284 33.5 34.5 32.8284 34.5 32V28C34.5 27.1716 33.8284 26.5 33 26.5ZM13 25C11.3431 25 10 26.3431 10 28V32C10 33.6569 11.3431 35 13 35H33C34.6569 35 36 33.6569 36 32V28C36 26.3431 34.6569 25 33 25H13ZM14 27.75C14.4142 27.75 14.75 28.0858 14.75 28.5V31.5C14.75 31.9142 14.4142 32.25 14 32.25C13.5858 32.25 13.25 31.9142 13.25 31.5V28.5C13.25 28.0858 13.5858 27.75 14 27.75ZM17.25 28.5C17.25 28.0858 16.9142 27.75 16.5 27.75C16.0858 27.75 15.75 28.0858 15.75 28.5V31.5C15.75 31.9142 16.0858 32.25 16.5 32.25C16.9142 32.25 17.25 31.9142 17.25 31.5V28.5ZM33 30C33 30.5523 32.5523 31 32 31C31.4477 31 31 30.5523 31 30C31 29.4477 31.4477 29 32 29C32.5523 29 33 29.4477 33 30ZM29 31C29.5523 31 30 30.5523 30 30C30 29.4477 29.5523 29 29 29C28.4477 29 28 29.4477 28 30C28 30.5523 28.4477 31 29 31ZM33 37.5H13C12.1716 37.5 11.5 38.1716 11.5 39V43C11.5 43.8284 12.1716 44.5 13 44.5H33C33.8284 44.5 34.5 43.8284 34.5 43V39C34.5 38.1716 33.8284 37.5 33 37.5ZM13 36C11.3431 36 10 37.3431 10 39V43C10 44.6569 11.3431 46 13 46H33C34.6569 46 36 44.6569 36 43V39C36 37.3431 34.6569 36 33 36H13ZM14.75 39.5C14.75 39.0858 14.4142 38.75 14 38.75C13.5858 38.75 13.25 39.0858 13.25 39.5V42.5C13.25 42.9142 13.5858 43.25 14 43.25C14.4142 43.25 14.75 42.9142 14.75 42.5V39.5ZM16.5 38.75C16.9142 38.75 17.25 39.0858 17.25 39.5V42.5C17.25 42.9142 16.9142 43.25 16.5 43.25C16.0858 43.25 15.75 42.9142 15.75 42.5V39.5C15.75 39.0858 16.0858 38.75 16.5 38.75ZM32 42C32.5523 42 33 41.5523 33 41C33 40.4477 32.5523 40 32 40C31.4477 40 31 40.4477 31 41C31 41.5523 31.4477 42 32 42ZM30 41C30 41.5523 29.5523 42 29 42C28.4477 42 28 41.5523 28 41C28 40.4477 28.4477 40 29 40C29.5523 40 30 40.4477 30 41Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-documentation" viewBox="0 0 48 48"><title>sprite-icon-display-documentation</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M38 42.5H10C9.72386 42.5 9.5 42.2761 9.5 42V6C9.5 5.72386 9.72386 5.5 10 5.5H30.3431C31.0062 5.5 31.6421 5.76339 32.1109 6.23223L37.7678 11.8891C38.2366 12.3579 38.5 12.9938 38.5 13.6569V42C38.5 42.2761 38.2761 42.5 38 42.5ZM10 44H38C39.1046 44 40 43.1046 40 42V13.6569C40 12.596 39.5786 11.5786 38.8284 10.8284L33.1716 5.17157C32.4214 4.42143 31.404 4 30.3431 4H10C8.89543 4 8 4.89543 8 6V42C8 43.1046 8.89543 44 10 44ZM20.1167 17.6L14.25 22L20.1167 26.4L19.2167 27.6L12.55 22.6C12.3611 22.4584 12.25 22.2361 12.25 22C12.25 21.764 12.3611 21.5417 12.55 21.4L19.2167 16.4L20.1167 17.6ZM27.7212 14.206L21.7212 35.206L20.2789 34.7939L26.2789 13.7939L27.7212 14.206ZM27.4834 23.6L33.3501 28L27.4834 32.4L28.3834 33.6L35.0501 28.6C35.239 28.4584 35.3501 28.2361 35.3501 28C35.3501 27.764 35.239 27.5417 35.0501 27.4L28.3834 22.4L27.4834 23.6Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-general-comms" viewBox="0 0 48 48"><title>sprite-icon-display-general-comms</title>
@@ -37,7 +41,7 @@
 </symbol><symbol fill="none" id="sprite-icon-display-live-chat" viewBox="0 0 48 48"><title>sprite-icon-display-live-chat</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M26 5.25C28.6234 5.25 30.75 7.37664 30.75 10V17.25H40C42.6234 17.25 44.75 19.3766 44.75 22V39.6756C44.75 41.2119 42.912 42.0026 41.7966 40.9462L37.8512 37.2095H22C19.3766 37.2095 17.25 35.0828 17.25 32.4595V25.2095H10.1488L6.20337 28.9462C5.08797 30.0026 3.25 29.2119 3.25 27.6756V10C3.25 7.37665 5.37665 5.25 8 5.25H26ZM18.75 25.2095V32.4595C18.75 34.2544 20.2051 35.7095 22 35.7095H38.4488L42.8281 39.8571C42.9874 40.008 43.25 39.8951 43.25 39.6756V22C43.25 20.2051 41.7949 18.75 40 18.75H30.75V20.4595C30.75 23.0828 28.6234 25.2095 26 25.2095H18.75ZM29.25 18.75V20.4595C29.25 22.2544 27.7949 23.7095 26 23.7095H18.75V22C18.75 20.2051 20.2051 18.75 22 18.75H29.25ZM29.25 17.25H22C19.3766 17.25 17.25 19.3766 17.25 22V23.7095H9.55121L5.17191 27.8571C5.01257 28.008 4.75 27.895 4.75 27.6756V10C4.75 8.20507 6.20507 6.75 8 6.75H26C27.7949 6.75 29.25 8.20507 29.25 10V17.25Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-map-pin" viewBox="0 0 48 48"><title>sprite-icon-display-map-pin</title>
-	<path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 18.08C10.75 10.7342 16.7342 4.75 24.08 4.75C31.4644 4.75 37.41 10.7328 37.41 18.08C37.41 20.5268 36.5797 23.334 35.2826 26.2091C33.9901 29.0739 32.26 31.9501 30.5191 34.5193C28.7797 37.0864 27.0387 39.3334 25.732 40.9391C25.079 41.7416 24.5353 42.3828 24.1556 42.8227L24.1191 42.865L24.0802 42.8201C23.6982 42.3792 23.1514 41.7365 22.4946 40.9324C21.1804 39.3235 19.4294 37.0726 17.68 34.5029C15.929 31.9311 14.189 29.0536 12.8892 26.1906C11.5845 23.317 10.75 20.5155 10.75 18.08ZM23.5643 44.5037C23.5645 44.5039 23.5646 44.504 24.12 44L24.6762 44.5031C24.5341 44.6602 24.3323 44.7498 24.1206 44.75C23.9088 44.7502 23.7066 44.6605 23.5643 44.5037ZM23.5643 44.5037L24.12 44C24.6762 44.5031 24.677 44.5023 24.6772 44.5021L24.6794 44.4996L24.6877 44.4904L24.7191 44.4553L24.7733 44.3946L24.8393 44.3202C24.9441 44.2018 25.0969 44.0277 25.291 43.8029C25.6791 43.3534 26.2322 42.7009 26.8955 41.8859C28.2213 40.2566 29.9903 37.9736 31.7609 35.3607C33.53 32.75 35.3099 29.7961 36.6499 26.8259C37.9853 23.866 38.91 20.8332 38.91 18.08C38.91 9.90718 32.2956 3.25 24.08 3.25C15.9058 3.25 9.25 9.90579 9.25 18.08C9.25 20.8245 10.1805 23.853 11.5233 26.8107C12.871 29.7789 14.661 32.7339 16.44 35.3471C18.2206 37.9624 19.9996 40.249 21.3329 41.8813C21.9999 42.6979 22.5562 43.3517 22.9464 43.8022C23.1415 44.0275 23.2952 44.202 23.4006 44.3206C23.4532 44.38 23.4938 44.4253 23.5214 44.4561L23.553 44.4912L23.5643 44.5037ZM16.79 17.2401C16.79 13.2139 20.0539 9.95007 24.08 9.95007C28.1062 9.95007 31.37 13.2139 31.37 17.2401C31.37 21.2662 28.1062 24.5301 24.08 24.5301C20.0539 24.5301 16.79 21.2662 16.79 17.2401ZM24.08 8.45007C19.2255 8.45007 15.29 12.3855 15.29 17.2401C15.29 22.0947 19.2255 26.0301 24.08 26.0301C28.9346 26.0301 32.87 22.0947 32.87 17.2401C32.87 12.3855 28.9346 8.45007 24.08 8.45007Z" fill="#03020D"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.75 18.08C10.75 10.7342 16.7342 4.75 24.08 4.75C31.4644 4.75 37.41 10.7328 37.41 18.08C37.41 20.5268 36.5797 23.334 35.2826 26.2091C33.9901 29.0739 32.26 31.9501 30.5191 34.5193C28.7797 37.0864 27.0387 39.3334 25.732 40.9391C25.079 41.7416 24.5353 42.3828 24.1556 42.8227L24.1191 42.865L24.0802 42.8201C23.6982 42.3792 23.1514 41.7365 22.4946 40.9324C21.1804 39.3235 19.4294 37.0726 17.68 34.5029C15.929 31.9311 14.189 29.0536 12.8892 26.1906C11.5845 23.317 10.75 20.5155 10.75 18.08ZM23.5643 44.5037C23.5645 44.5039 23.5646 44.504 24.12 44L24.6762 44.5031C24.5341 44.6602 24.3323 44.7498 24.1206 44.75C23.9088 44.7502 23.7066 44.6605 23.5643 44.5037ZM23.5643 44.5037L24.12 44C24.6762 44.5031 24.677 44.5023 24.6772 44.5021L24.6794 44.4996L24.6877 44.4904L24.7191 44.4553L24.7733 44.3946L24.8393 44.3202C24.9441 44.2018 25.0969 44.0277 25.291 43.8029C25.6791 43.3534 26.2322 42.7009 26.8955 41.8859C28.2213 40.2566 29.9903 37.9736 31.7609 35.3607C33.53 32.75 35.3099 29.7961 36.6499 26.8259C37.9853 23.866 38.91 20.8332 38.91 18.08C38.91 9.90718 32.2956 3.25 24.08 3.25C15.9058 3.25 9.25 9.90579 9.25 18.08C9.25 20.8245 10.1805 23.853 11.5233 26.8107C12.871 29.7789 14.661 32.7339 16.44 35.3471C18.2206 37.9624 19.9996 40.249 21.3329 41.8813C21.9999 42.6979 22.5562 43.3517 22.9464 43.8022C23.1415 44.0275 23.2952 44.202 23.4006 44.3206C23.4532 44.38 23.4938 44.4253 23.5214 44.4561L23.553 44.4912L23.5643 44.5037ZM16.79 17.2401C16.79 13.2139 20.0539 9.95007 24.08 9.95007C28.1062 9.95007 31.37 13.2139 31.37 17.2401C31.37 21.2662 28.1062 24.5301 24.08 24.5301C20.0539 24.5301 16.79 21.2662 16.79 17.2401ZM24.08 8.45007C19.2255 8.45007 15.29 12.3855 15.29 17.2401C15.29 22.0947 19.2255 26.0301 24.08 26.0301C28.9346 26.0301 32.87 22.0947 32.87 17.2401C32.87 12.3855 28.9346 8.45007 24.08 8.45007Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-message" viewBox="0 0 48 48"><title>sprite-icon-display-message</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M5 7.25C2.37665 7.25 0.25 9.37665 0.25 12V36C0.25 38.6234 2.37665 40.75 5 40.75H43C45.6234 40.75 47.75 38.6234 47.75 36V12C47.75 9.37665 45.6234 7.25 43 7.25H5ZM3.36577 9.19015C3.84588 8.91031 4.40422 8.75 5 8.75H43C43.6017 8.75 44.1653 8.91353 44.6486 9.19858L24.6531 24.0753L3.36577 9.19015ZM2.26183 10.2486C1.93785 10.754 1.75 11.3551 1.75 12V36C1.75 37.7949 3.20507 39.25 5 39.25H43C44.7949 39.25 46.25 37.7949 46.25 36V12C46.25 11.3577 46.0637 10.7588 45.7421 10.2547L25.1144 25.6017C24.8552 25.7945 24.5016 25.7997 24.2369 25.6146L2.26183 10.2486Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-padlock-closed" viewBox="0 0 48 48"><title>sprite-icon-display-padlock-closed</title>
@@ -63,6 +67,8 @@
 			<rect width="48" height="48" fill="white"/>
 		</clipPath>
 	</defs>
+</symbol><symbol fill="none" id="sprite-icon-display-servers" viewBox="0 0 48 48"><title>sprite-icon-display-servers</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4 8.5H44C45.3807 8.5 46.5 9.61929 46.5 11V19C46.5 20.3807 45.3807 21.5 44 21.5H4C2.61929 21.5 1.5 20.3807 1.5 19V11C1.5 9.61929 2.61929 8.5 4 8.5ZM0 11C0 8.79086 1.79086 7 4 7H44C46.2091 7 48 8.79086 48 11V19C48 21.2091 46.2091 23 44 23H4C1.79086 23 0 21.2091 0 19V11ZM4 26.5H44C45.3807 26.5 46.5 27.6193 46.5 29V37C46.5 38.3807 45.3807 39.5 44 39.5H4C2.61929 39.5 1.5 38.3807 1.5 37V29C1.5 27.6193 2.61929 26.5 4 26.5ZM0 29C0 26.7909 1.79086 25 4 25H44C46.2091 25 48 26.7909 48 29V37C48 39.2091 46.2091 41 44 41H4C1.79086 41 0 39.2091 0 37V29ZM6.75 30C6.75 29.5858 6.41421 29.25 6 29.25C5.58579 29.25 5.25 29.5858 5.25 30V36C5.25 36.4142 5.58579 36.75 6 36.75C6.41421 36.75 6.75 36.4142 6.75 36V30ZM9 29.25C9.41421 29.25 9.75 29.5858 9.75 30V36C9.75 36.4142 9.41421 36.75 9 36.75C8.58579 36.75 8.25 36.4142 8.25 36V30C8.25 29.5858 8.58579 29.25 9 29.25ZM41 34C41.5523 34 42 33.5523 42 33C42 32.4477 41.5523 32 41 32C40.4477 32 40 32.4477 40 33C40 33.5523 40.4477 34 41 34ZM36 33C36 33.5523 35.5523 34 35 34C34.4477 34 34 33.5523 34 33C34 32.4477 34.4477 32 35 32C35.5523 32 36 32.4477 36 33ZM6 11.25C6.41421 11.25 6.75 11.5858 6.75 12V18C6.75 18.4142 6.41421 18.75 6 18.75C5.58579 18.75 5.25 18.4142 5.25 18V12C5.25 11.5858 5.58579 11.25 6 11.25ZM9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12V18C8.25 18.4142 8.58579 18.75 9 18.75C9.41421 18.75 9.75 18.4142 9.75 18V12ZM42 15C42 15.5523 41.5523 16 41 16C40.4477 16 40 15.5523 40 15C40 14.4477 40.4477 14 41 14C41.5523 14 42 14.4477 42 15ZM35 16C35.5523 16 36 15.5523 36 15C36 14.4477 35.5523 14 35 14C34.4477 14 34 14.4477 34 15C34 15.5523 34.4477 16 35 16Z" fill="#03020D"/>
 </symbol><symbol fill="none" id="sprite-icon-display-shopping-cart" viewBox="0 0 48 48"><title>sprite-icon-display-shopping-cart</title>
 	<g clip-path="url(#clip0)">
 		<path fill-rule="evenodd" clip-rule="evenodd" d="M1 6.25C0.585786 6.25 0.25 6.58579 0.25 7C0.25 7.41421 0.585786 7.75 1 7.75H1.3917C2.87744 7.75 4.17402 8.75754 4.541 10.1972L10.24 32.555C9.35503 33.012 8.75 33.9353 8.75 35C8.75 36.5188 9.98122 37.75 11.5 37.75H42C42.4142 37.75 42.75 37.4142 42.75 37C42.75 36.5858 42.4142 36.25 42 36.25H11.5C10.8096 36.25 10.25 35.6904 10.25 35C10.25 34.3096 10.8096 33.75 11.5 33.75H37.8074C40.8679 33.75 43.5454 31.6909 44.3312 28.7329L48.0572 14.706C48.5208 12.9608 47.2051 11.25 45.3994 11.25H6.35732L5.99452 9.82673C5.45816 7.72255 3.56317 6.25 1.3917 6.25H1ZM6.73967 12.75L11.7103 32.25H37.8074C40.1878 32.25 42.2703 30.6485 42.8815 28.3478L46.6075 14.3209C46.8182 13.5276 46.2202 12.75 45.3994 12.75H6.73967ZM15 43.5C15.8284 43.5 16.5 42.8284 16.5 42C16.5 41.1716 15.8284 40.5 15 40.5C14.1716 40.5 13.5 41.1716 13.5 42C13.5 42.8284 14.1716 43.5 15 43.5ZM15 45C16.6569 45 18 43.6569 18 42C18 40.3431 16.6569 39 15 39C13.3431 39 12 40.3431 12 42C12 43.6569 13.3431 45 15 45ZM38.5 42C38.5 42.8284 37.8284 43.5 37 43.5C36.1716 43.5 35.5 42.8284 35.5 42C35.5 41.1716 36.1716 40.5 37 40.5C37.8284 40.5 38.5 41.1716 38.5 42ZM40 42C40 43.6569 38.6569 45 37 45C35.3431 45 34 43.6569 34 42C34 40.3431 35.3431 39 37 39C38.6569 39 40 40.3431 40 42Z" fill="#03020D"/>
@@ -90,12 +96,23 @@
   <path fill-rule="evenodd" clip-rule="evenodd" d="M17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5ZM15.7618 17.1761C14.3145 18.3183 12.4869 19 10.5 19C5.80558 19 2 15.1944 2 10.5C2 5.80558 5.80558 2 10.5 2C15.1944 2 19 5.80558 19 10.5C19 12.4869 18.3183 14.3146 17.176 15.7619L22.7071 21.293L21.2929 22.7072L15.7618 17.1761ZM9.5 9.5V6.5H11.5V9.5H14.5V11.5H11.5V14.5H9.5V11.5H6.5V9.5H9.5Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-external-link" viewBox="0 0 24 24"><title>sprite-icon-gui-external-link</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M3 4C3 3.44772 3.44772 3 4 3H12V1H4C2.34315 1 1 2.34315 1 4V20C1 21.6569 2.34315 23 4 23H20C21.6569 23 23 21.6569 23 20V12.4762H21V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4ZM15 3H19.6707L11.775 11.3113L13.225 12.6888L21 4.50456V10H23V2L22 1H15V3Z" fill="currentColor"/>
+</symbol><symbol fill="none" id="sprite-icon-gui-history" viewBox="0 0 24 24"><title>sprite-icon-gui-history</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 11.4477 22.4477 11 23 11C23.5523 11 24 11.4477 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C12.5523 0 13 0.447715 13 1C13 1.55228 12.5523 2 12 2ZM12 4C12.5523 4 13 4.44772 13 5V11.0801C13 11.3721 13.1276 11.6494 13.3492 11.8394L16.1508 14.2407C16.5701 14.6002 16.6187 15.2315 16.2593 15.6508C15.8998 16.0701 15.2685 16.1187 14.8492 15.7593L12.0476 13.3579C11.3827 12.788 11 11.9559 11 11.0801V5C11 4.44772 11.4477 4 12 4ZM19.75 5.25C20.3023 5.25 20.75 4.80228 20.75 4.25C20.75 3.69772 20.3023 3.25 19.75 3.25C19.1977 3.25 18.75 3.69772 18.75 4.25C18.75 4.80228 19.1977 5.25 19.75 5.25ZM17.5 2C17.5 2.55228 17.0523 3 16.5 3C15.9477 3 15.5 2.55228 15.5 2C15.5 1.44772 15.9477 1 16.5 1C17.0523 1 17.5 1.44772 17.5 2ZM22 8.5C22.5523 8.5 23 8.05229 23 7.5C23 6.94772 22.5523 6.5 22 6.5C21.4477 6.5 21 6.94772 21 7.5C21 8.05229 21.4477 8.5 22 8.5Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-link-arrow" viewBox="0 0 24 24"><title>sprite-icon-gui-link-arrow</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M16.9979 11H4V13H16.9979L14 16.331L15.4866 17.6689L19.9866 12.6689V11.331L15.4866 6.33099L14 7.66892L16.9979 11Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-minus" viewBox="0 0 24 24"><title>sprite-icon-gui-minus</title>
   <path fill-rule="evenodd" clip-rule="evenodd" d="M22 13H2V11H22V13Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-plus" viewBox="0 0 24 24"><title>sprite-icon-gui-plus</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M11 13V22H13V13H22V11H13V2H11V11H2V13H11Z" fill="currentColor"/>
+</symbol><symbol fill="none" id="sprite-icon-gui-refresh" viewBox="0 0 24 24"><title>sprite-icon-gui-refresh</title>
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.6508 0.240762C10.2315 -0.118661 9.60017 -0.0700991 9.24075 0.349227C8.88132 0.768553 8.92989 1.39985 9.34921 1.75927L10.8721 3.06461C5.91928 3.63496 2 7.90866 2 13C2 18.4723 6.52771 23 12 23C17.4723 23 22 18.4723 22 13C22 12.4477 21.5523 12 21 12C20.4477 12 20 12.4477 20 13C20 17.3677 16.3677 21 12 21C7.63228 21 4 17.3677 4 13C4 8.96189 7.10476 5.5524 11.025 5.06081L9.2929 6.79291C8.90237 7.18344 8.90237 7.8166 9.2929 8.20712C9.68342 8.59765 10.3166 8.59765 10.7071 8.20712L14.2071 4.70713C14.4041 4.51016 14.51 4.23998 14.4993 3.96164C14.4886 3.6833 14.3623 3.42204 14.1508 3.24076L10.6508 0.240762Z" fill="currentColor"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="currentColor"/>
+</clipPath>
+</defs>
 </symbol><symbol fill="none" id="sprite-icon-gui-search" viewBox="0 0 24 24"><title>sprite-icon-gui-search</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M17 10.5C17 14.0899 14.0899 17 10.5 17C6.91015 17 4 14.0899 4 10.5C4 6.91015 6.91015 4 10.5 4C14.0899 4 17 6.91015 17 10.5ZM15.7618 17.176C14.3145 18.3183 12.4869 19 10.5 19C5.80558 19 2 15.1944 2 10.5C2 5.80558 5.80558 2 10.5 2C15.1944 2 19 5.80558 19 10.5C19 12.4869 18.3183 14.3145 17.176 15.7618L22.7071 21.2929L21.2929 22.7071L15.7618 17.176Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-tick" viewBox="0 0 24 24"><title>sprite-icon-gui-tick</title>

data/lib/ably_ui/core/styles.base.css

@@ -0,0 +1 @@
+@import "./styles/properties.css";

data/lib/ably_ui/core/styles.components.css

@@ -0,0 +1,49 @@
+@import "./styles/buttons.css";
+@import "./styles/layout.css";
+@import "./styles/text.css";
+
+@layer components {
+  .ui-input {
+    @apply text-p2 font-light bg-light-grey rounded p-input w-full leading-none appearance-none border border-mid-grey transition-input;
+    @apply hover:bg-white hover:shadow-input hover:border-transparent;
+    @apply focus:bg-white focus:shadow-input focus:border-transparent focus:outline-gui-focus;
+    @apply max-w-screen-sm;
+  }
+
+  /* Basis for icon component */
+  .ui-icon-cool-black {
+    stroke: var(--color-cool-black);
+  }
+
+  .ui-icon-white {
+    stroke: var(--color-white);
+  }
+
+  .ui-icon-dark-grey {
+    stroke: var(--color-dark-grey);
+  }
+
+  /* Extend how tailwind does group hover for icons */
+  .group {
+    &:hover {
+      .group-hover\:icon-gui-hover {
+        stroke: var(--color-gui-hover);
+      }
+    }
+
+    &:focus {
+      .group-focus\:icon-gui-focus {
+        stroke: var(--color-gui-focus);
+      }
+    }
+  }
+
+  .ui-version-tag {
+    @apply inline-block absolute align-top uppercase font-bold whitespace-nowrap;
+
+    position: relative;
+    vertical-align: super;
+    margin-left: 3px;
+    font-size: 8px;
+  }
+}

data/lib/ably_ui/core/styles.css

@@ -45,10 +45,27 @@
     --icon-color-github: #000000;
 
     --gradient-active-orange: linear-gradient(
-      62deg,
-      var(--color-active-orange) 0,
-      var(--color-active-orange) 60%,
-      var(--color-red-orange) 100%
+      61.2deg,
+      var(--color-active-orange) 10.46%,
+      #fe5215 38.63%,
+      #fc4a13 54.38%,
+      #f73c10 67.07%,
+      #f1280a 78.13%,
+      #e90f04 88.02%,
+      var(--color-red-orange) 92.73%
+    );
+
+    /* Used for smooth transitions from gradient to non-gradient backgrounds */
+    --gradient-transparent: linear-gradient(
+      0deg,
+      rgba(255, 255, 255, 0),
+      rgba(255, 255, 255, 0)
+    );
+
+    --gradient-hot-pink: linear-gradient(
+      80.2deg,
+      var(--color-bright-red) 0%,
+      var(--color-jazzy-pink) 100%
     );
 
     --fs-title-xl: 4rem;
@@ -73,11 +90,15 @@
     --fs-overline2: 0.875rem;
     --fs-btn1: 1.125rem;
     --fs-btn2: 1rem;
+    --fs-btn3: 0.875rem;
     --fs-menu1: 1.125rem;
     --fs-menu2: 1rem;
     --fs-menu3: 0.875rem;
     --fs-quote: 1.5rem;
+    --fs-code1: 1rem;
+    --fs-code2: 0.875rem;
 
+    --lh-dense: 1;
     --lh-tight: 1.125;
     --lh-snug: 1.15;
     --lh-normal: 1.25;
@@ -109,17 +130,24 @@
     --spacing-80: 5rem;
     --spacing-88: 5.5rem;
     --spacing-96: 6rem;
+    --spacing-128: 8rem;
     --spacing-160: 10rem;
     --spacing-256: 16rem;
 
-    --spacing-btn: 0.9375rem 1.5rem; /* 15px 24px */
-    --spacing-btn-small: 0.6875rem 1rem; /* 11px 16px */
+    --spacing-btn-small: 0.875rem 1.25rem; /* 14px 16px */
+    --spacing-btn-xsmall: 0.875rem 1rem; /* 14px 16px */
+    --spacing-btn: 0.875rem 1.5rem; /* 14px 24px */
+    --spacing-btn-large: 0.875rem 1.75rem; /* 14px 28px */
     --spacing-menu-row: 0.625rem 0.5rem 0.6875rem; /* 10px 8px 11px */
     --spacing-menu-row-snug: 0.4375rem 0.5rem 0.375rem; /* 7px 8px 6px */
     --spacing-menu-row-title: 0.6875rem 0.5rem; /* 11px 8px */
     --spacing-media: 0.5rem; /* 8px */
     --spacing-input: 0.8125rem 1rem 0.75rem; /* 13px 16px 12px */
     --spacing-overline: 0.6875rem 0; /* 11px 0 */
+    --spacing-chip-xsmall: 0.375rem 0.5rem; /* 6px 8px */
+    --spacing-chip-small: 0.5rem 0.75rem; /* 8px 12px */
+    --spacing-chip: 0.75rem 1rem; /* 6px 8px */
+    --spacing-chip-large: 1rem 1.25rem; /* 16px 20px */
 
     /* In components, when looking at implementing viewport margin and spacing between elements,
        the values in the comments can be used as guide as they represent the grid the elements (should) sit on.
@@ -145,8 +173,39 @@
     @apply hover:text-white hover:bg-active-orange;
     @apply active:text-white active:bg-red-orange;
     @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
-    @apply disabled:text-mid-grey disabled:bg-gui-unavailable;
+    @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
     @apply transition-colors;
+    @apply flex items-center;
+  }
+
+  .ui-btn-alt {
+    transition: background-position 0.2s;
+    background: linear-gradient(
+      61.2deg,
+      var(--color-active-orange) 5%,
+      #fe5215 19%,
+      #fc4a13 27%,
+      #f73c10 33%,
+      #f1280a 39%,
+      #e90f04 44%,
+      var(--color-red-orange) 50%
+    );
+    background-size: 200% 100%;
+    background-position: 0% 0%;
+
+    @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
+    @apply focus:outline-gui-focus;
+    @apply flex items-center;
+  }
+
+  .ui-btn-alt:hover,
+  .ui-btn-alt:focus {
+    background-position: 100% 0%;
+  }
+
+  .ui-btn-alt:disabled {
+    background: linear-gradient(var(--gradient-transparent));
+    @apply bg-gui-unavailable text-mid-grey cursor-not-allowed;
   }
 
   .ui-btn-invert {
@@ -154,8 +213,9 @@
     @apply hover:text-white hover:bg-active-orange;
     @apply active:text-white active:bg-red-orange;
     @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
-    @apply disabled:text-mid-grey disabled:bg-gui-unavailable;
+    @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
     @apply transition-colors;
+    @apply flex items-center;
   }
 
   .ui-btn-secondary {
@@ -163,8 +223,9 @@
     @apply hover:text-cool-black hover:border-active-orange hover:bg-white;
     @apply active:border-red-orange active:bg-white;
     @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
-    @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:bg-white;
+    @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:bg-white disabled:cursor-not-allowed;
     @apply transition-colors;
+    @apply flex items-center;
   }
 
   .ui-btn-secondary-invert {
@@ -172,9 +233,63 @@
     @apply hover:text-white hover:border-active-orange;
     @apply active:border-red-orange;
     @apply focus:outline-gui-focus;
-    @apply disabled:text-gui-unavailable disabled:border-gui-unavailable;
+    @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:cursor-not-allowed;
+    @apply transition-colors;
+    @apply flex items-center;
+  }
+
+  .ui-btn-icon {
+    @apply w-24 h-24 mr-16;
+  }
+
+  .ui-btn-icon-small {
+    @apply w-20 h-20 mr-12;
+  }
+
+  .ui-btn-icon-xsmall {
+    @apply w-16 h-16 mr-8;
+  }
+
+  .ui-chip {
+    @apply text-btn3 p-chip rounded text-cool-black;
+    @apply hover:bg-mid-grey;
+    @apply active:bg-red-orange active:text-white;
+    @apply focus:bg-red-orange focus:text-white focus:outline-none;
+    @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
     @apply transition-colors;
   }
+
+  .ui-chip[data-selected] {
+    @apply bg-active-orange text-white;
+  }
+
+  .ui-chip[data-selected]:hover {
+    @apply bg-mid-grey text-cool-black;
+  }
+
+  .ui-chip[data-selected]:focus {
+    @apply bg-red-orange text-white;
+  }
+
+  .ui-chip-alt {
+    @apply text-btn3 p-chip rounded text-white;
+    @apply hover:bg-gui-hover;
+    @apply active:bg-gui-active active:text-white;
+    @apply focus:bg-gui-active focus:text-white focus:outline-none;
+    @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
+    @apply transition-colors;
+  }
+
+  .ui-chip-alt[data-selected] {
+    @apply bg-dark-grey text-white;
+  }
+  .ui-chip-alt[data-selected]:hover {
+    @apply bg-gui-hover text-white;
+  }
+
+  .ui-chip-alt[data-selected]:focus {
+    @apply bg-gui-active text-white;
+  }
 }
 @layer components {
   .ui-standard-container {
@@ -209,7 +324,7 @@
   .ui-text-h2 {
     @apply font-sans font-medium text-cool-black;
     @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
-    @apply tracking-tighten-0.01;
+    @apply tracking-tighten-0.005;
   }
 
   .ui-text-h3 {
@@ -283,6 +398,119 @@
     @apply font-sans font-light text-cool-black;
     @apply text-menu3;
   }
+
+  .ui-text-code1 {
+    @apply font-mono font-normal text-code1;
+  }
+
+  .ui-text-code2 {
+    @apply font-mono font-normal text-code2;
+  }
+
+  .ui-unordered-list {
+    @apply text-p1 font-light text-cool-black;
+    @apply list-disc ml-32 mb-24;
+  }
+
+  .ui-unordered-list ul {
+    @apply ml-24 mt-16 list-circle;
+  }
+
+  .ui-unordered-list ul ul {
+    @apply list-square;
+  }
+
+  .ui-unordered-list-with-emphasis {
+    @apply text-p1 font-light text-cool-black;
+    @apply list-disc ml-32 mt-32 -mb-12;
+  }
+
+  .ui-unordered-list-with-emphasis li div {
+    @apply relative -top-12;
+  }
+
+  .ui-unordered-list-with-emphasis li div > strong {
+    @apply block;
+  }
+
+  .ui-unordered-list-with-emphasis ul {
+    margin-top: calc(var(--spacing-16) + var(--spacing-8));
+    @apply ml-24 list-disc;
+  }
+
+  .ui-unordered-list-with-emphasis ul ul {
+    @apply list-circle;
+  }
+
+  /* visited needs to come before :hover et all else it overrides them */
+  .ui-link:visited {
+    @apply text-gui-viewed;
+  }
+
+  .ui-link {
+    @apply hover:text-active-orange active:text-red-orange;
+    -webkit-text-decoration-color: var(--color-active-orange);
+            text-decoration-color: var(--color-active-orange);
+    text-underline-offset: 4px; /* px used here as behaves weird with rem's */
+    -webkit-text-decoration-line: underline;
+            text-decoration-line: underline;
+    text-decoration-thickness: 0.125rem;
+  }
+
+  .ui-link:focus {
+    @apply focus:text-white focus:bg-active-orange focus:outline-none;
+    text-decoration: none;
+  }
+}
+@layer components {
+  .ui-checkbox-p1 {
+    @apply flex items-start mb-16 font-sans;
+  }
+
+  .ui-checkbox-p2 {
+    @apply flex items-start mb-12 font-sans;
+  }
+
+  .ui-checkbox-input {
+    @apply opacity-0 absolute h-20 w-20;
+  }
+
+  .ui-checkbox-styled {
+    @apply w-20 h-20 mr-16;
+    @apply bg-white flex flex-shrink-0 justify-center items-center;
+    @apply border border-dark-grey rounded-md focus-within:border-active-orange;
+  }
+
+  .ui-checkbox-styled-tick {
+    @apply hidden text-white;
+  }
+
+  .ui-checkbox-label-p1 {
+    @apply select-none;
+    @apply text-p1 font-light text-cool-black;
+  }
+
+  .ui-checkbox-label-p2 {
+    @apply select-none;
+    @apply text-p2 font-light text-cool-black;
+  }
+
+  .ui-checkbox-input:disabled + .ui-checkbox-styled {
+    @apply bg-gui-unavailable border;
+  }
+
+  .ui-checkbox-input:focus + .ui-checkbox-styled {
+    border-width: 0.125rem;
+    @apply border-gui-focus;
+  }
+
+  .ui-checkbox-input:checked + .ui-checkbox-styled {
+    @apply bg-active-orange border-dark-grey border;
+  }
+
+  .ui-checkbox-input:checked + .ui-checkbox-styled svg {
+    @apply block;
+  }
 }
 @layer components {
   .ui-input {

data/lib/ably_ui/react/connect_state_wrapper/component.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.AblyUi=t():(e.AblyUi=e.AblyUi||{},e.AblyUi.React=e.AblyUi.React||{},e.AblyUi.React.ConnectStateWrapper=t())}(this,(function(){return{}.default}));

data/lib/ably_ui/react/scripts.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("react-dom")):"function"==typeof define&&define.amd?define([,],t):"object"==typeof exports?exports.AblyUi=t(require("react"),require("react-dom")):(e.AblyUi=e.AblyUi||{},e.AblyUi.React=t(e[void 0],e[void 0]))}(this,(function(e,t){return(()=>{"use strict";var r={281:t=>{t.exports=e},645:e=>{e.exports=t}},o={};function a(e){var t=o[e];if(void 0!==t)return t.exports;var n=o[e]={exports:{}};return r[e](n,n.exports,a),n.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},a.d=(e,t)=>{for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{a.r(n),a.d(n,{reactRenderer:()=>i});var e=a(281),t=a.n(e),r=a(645),o=a.n(r);function i(e){var r=document.querySelectorAll("[data-react]");Array.from(r).forEach((function(r){var a=r.getAttribute("data-react"),n=e[a];if(!n)throw new Error('Found a data-react attribute with "'.concat(a,'" but no matching component.'));var i=r.getAttribute("data-react-props"),c=i&&JSON.parse(i||{});o().render(t().createElement(n,c),r),r.removeAttribute("data-react"),r.removeAttribute("data-react-props")}))}})(),n})()}));

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '5.2.0'
+  VERSION = '5.3.0.dev.3c981a4'
 end

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 5.2.0
+  version: 5.3.0.dev.3c981a4
 platform: ruby
 authors:
 - Dominik Piatek
 - Arti Mathanda
 - Bruce Thomas
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-11-16 00:00:00.000000000 Z
+date: 2021-12-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -26,7 +26,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: 2.33.0
-description: 
+description:
 email:
 - dominik.piatek@ably.com
 - arti.mathanda@ably.com
@@ -52,7 +52,12 @@ files:
 - lib/ably_ui/core/contact_footer/contact_footer.rb
 - lib/ably_ui/core/cookie_message/component.css
 - lib/ably_ui/core/cookie_message/component.js
+- lib/ably_ui/core/core.base.css
+- lib/ably_ui/core/core.components.css
 - lib/ably_ui/core/core.rb
+- lib/ably_ui/core/customer_logos/component.js
+- lib/ably_ui/core/customer_logos/customer_logos.html.erb
+- lib/ably_ui/core/customer_logos/customer_logos.rb
 - lib/ably_ui/core/feature_footer/component.css
 - lib/ably_ui/core/feature_footer/component.js
 - lib/ably_ui/core/feature_footer/feature_footer.html.erb
@@ -84,6 +89,7 @@ files:
 - lib/ably_ui/core/footer/component.js
 - lib/ably_ui/core/footer/footer.html.erb
 - lib/ably_ui/core/footer/footer.rb
+- lib/ably_ui/core/icon/component.css
 - lib/ably_ui/core/icon/component.js
 - lib/ably_ui/core/icon/icon.html.erb
 - lib/ably_ui/core/icon/icon.rb
@@ -96,14 +102,20 @@ files:
 - lib/ably_ui/core/images/cust-logo-ao-col-pos@2x.png
 - lib/ably_ui/core/images/cust-logo-ausopen-col-pos.png
 - lib/ably_ui/core/images/cust-logo-ausopen-col-pos@2x.png
+- lib/ably_ui/core/images/cust-logo-ausopen-mono-pos.svg
+- lib/ably_ui/core/images/cust-logo-bloomberg-mono-pos.svg
+- lib/ably_ui/core/images/cust-logo-hopin-mono-pos.svg
 - lib/ably_ui/core/images/cust-logo-hubspot-col-pos.png
 - lib/ably_ui/core/images/cust-logo-hubspot-col-pos@2x.png
+- lib/ably_ui/core/images/cust-logo-hubspot-mono-pos.svg
 - lib/ably_ui/core/images/cust-logo-lightspeed-col-pos.png
 - lib/ably_ui/core/images/cust-logo-lightspeed-col-pos@2x.png
 - lib/ably_ui/core/images/cust-logo-lightspeed-syst-col-pos.png
 - lib/ably_ui/core/images/cust-logo-lightspeed-syst-col-pos@2x.png
 - lib/ably_ui/core/images/cust-logo-split-col-pos.png
 - lib/ably_ui/core/images/cust-logo-split-col-pos@2x.png
+- lib/ably_ui/core/images/cust-logo-split-mono-pos.svg
+- lib/ably_ui/core/images/cust-logo-toyota-mono-pos.svg
 - lib/ably_ui/core/images/cust-logo-vitac-col-pos.png
 - lib/ably_ui/core/images/cust-logo-vitac-col-pos@2x.png
 - lib/ably_ui/core/images/cust-photo-hubspot-max-freiert.jpg
@@ -174,11 +186,15 @@ files:
 - lib/ably_ui/core/slider/slider.html.erb
 - lib/ably_ui/core/slider/slider.rb
 - lib/ably_ui/core/sprites.svg
+- lib/ably_ui/core/styles.base.css
+- lib/ably_ui/core/styles.components.css
 - lib/ably_ui/core/styles.css
 - lib/ably_ui/core/uptime/component.css
 - lib/ably_ui/core/uptime/component.js
 - lib/ably_ui/core/uptime/uptime.html.erb
 - lib/ably_ui/core/uptime/uptime.rb
+- lib/ably_ui/react/connect_state_wrapper/component.js
+- lib/ably_ui/react/scripts.js
 - lib/ably_ui/reset/scripts.js
 - lib/ably_ui/reset/styles.css
 - lib/ably_ui/version.rb
@@ -187,7 +203,7 @@ licenses:
 - Apache-2.0
 metadata:
   source_code_uri: https://github.com/ably/ably-ui
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -198,12 +214,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.2.3
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Shared component library and design system for Ably Real-time Ltd (ably.com)
 test_files: []