@ably/ui 5.2.0 → 6.0.1

package/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 inline-flex items-center justify-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 inline-flex items-center justify-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 inline-flex items-center justify-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 inline-flex items-center justify-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 inline-flex items-center justify-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 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ably/ui",
-  "version": "5.2.0",
+  "version": "6.0.1",
   "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",

package/src/core/Code/component.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 %>

package/src/core/Code/component.jsx

@@ -4,9 +4,9 @@ import T from "prop-types";
 import "./component.css";
 import { highlight } from "./component.js";
 
-const Code = ({ language, snippet }) => {
+const Code = ({ language, snippet, textSize = "ui-text-code1" }) => {
   const HTMLraw = highlight(language, `${snippet}`.trim());
-  const className = `font-mono language-${language}`;
+  const className = `language-${language} ${textSize}`;
   return (
     <div className="hljs p-32 overflow-auto" data-id="code">
       <pre lang={language}>
@@ -19,6 +19,7 @@ const Code = ({ language, snippet }) => {
 Code.propTypes = {
   language: T.string,
   snippet: T.string,
+  textSize: T.string,
 };
 
 export default Code;

package/src/core/Code/component.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

package/src/core/CustomerLogos/component.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>

package/src/core/CustomerLogos/component.jsx

@@ -0,0 +1,27 @@
+import React from "react";
+import T from "prop-types";
+
+const CustomerLogos = ({ companies }) => {
+  return (
+    <section className="w-full bg-white">
+      <ul className="py-64 flex flex-row flex-wrap md:flex-nowrap content-between m-auto items-center">
+        {companies.map((company) => (
+          <li key={company.label} className="flex-auto text-center sm:w-1/3 w-1/2">
+            <img alt={company.label} src={company.logo} className="mx-auto" />
+          </li>
+        ))}
+      </ul>
+    </section>
+  );
+};
+
+CustomerLogos.propTypes = {
+  companies: T.arrayOf(
+    T.shape({
+      label: T.string,
+      logo: T.string,
+    })
+  ),
+};
+
+export default CustomerLogos;

package/src/core/CustomerLogos/component.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

package/src/core/FeaturedLink/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;
   }
 

package/src/core/FeaturedLink/component.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,

package/src/core/FeaturedLink/component.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

package/src/core/icons/icon-display-api-keys.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+</svg>

package/src/core/icons/icon-display-cloud-servers.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+</svg>

package/src/core/icons/icon-display-map-pin.svg

@@ -1,3 +1,3 @@
 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-	<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"/>
 </svg>

package/src/core/icons/icon-display-servers.svg

@@ -0,0 +1,3 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+</svg>

package/src/core/icons/icon-gui-history.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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"/>
+</svg>

package/src/core/icons/icon-gui-refresh.svg

@@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<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>
+</svg>

package/src/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>

package/src/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>

package/src/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>

package/src/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>

package/src/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>