ably-ui 8.7.0.dev.2f1ba81 → 8.7.0.dev.3ad2a24

data/lib/ably_ui/core/styles.css

@@ -1,132 +1,34 @@
 @layer base {
   :root {
-    /* Neutral colors */
-    --color-neutral-000: #ffffff;
-    --color-neutral-100: #f8fafc;
-    --color-neutral-200: #f4f8fb;
-    --color-neutral-300: #edf1f7;
-    --color-neutral-400: #e2e7ef;
-    --color-neutral-500: #c6ced9;
-    --color-neutral-600: #adb6c2;
-    --color-neutral-700: #89929f;
-    --color-neutral-800: #667085;
-    --color-neutral-900: #39414e;
-    --color-neutral-1000: #2b303b;
-    --color-neutral-1100: #202531;
-    --color-neutral-1200: #141924;
-    --color-neutral-1300: #03020d;
-
-    /* Ably orange */
-    --color-orange-100: #fff5f1;
-    --color-orange-200: #ffe3d8;
-    --color-orange-300: #ffc4ae;
-    --color-orange-400: #ff9c79;
-    --color-orange-500: #ff723f;
-    --color-orange-600: #ff5416;
-    --color-orange-700: #ff2739;
-    --color-orange-800: #e40000;
-    --color-orange-900: #b82202;
-    --color-orange-1000: #751500;
-    --color-orange-1100: #2a0b00;
-
-    /* Secondary colours */
-    --color-yellow-100: #fffbef;
-    --color-yellow-200: #fff0ba;
-    --color-yellow-300: #ffe27c;
-    --color-yellow-400: #ffd43d;
-    --color-yellow-500: #f8c100;
-    --color-yellow-600: #e8a700;
-    --color-yellow-700: #ac8600;
-    --color-yellow-800: #654f00;
-    --color-yellow-900: #291c01;
-    --color-green-100: #f1fff1;
-    --color-green-200: #b8ffbb;
-    --color-green-300: #80ff85;
-    --color-green-400: #08ff13;
-    --color-green-500: #00e80b;
-    --color-green-600: #00c008;
-    --color-green-700: #008e06;
-    --color-green-800: #005303;
-    --color-green-900: #002a02;
-    --color-blue-100: #f1fbff;
-    --color-blue-200: #b8eaff;
-    --color-blue-300: #80d9ff;
-    --color-blue-400: #4ad4ff;
-    --color-blue-500: #2cc0ff;
-    --color-blue-600: #00a5ec;
-    --color-blue-700: #0284cd;
-    --color-blue-800: #004b75;
-    --color-blue-900: #001b2a;
-    --color-violet-100: #f7f2fe;
-    --color-violet-200: #d8bcfb;
-    --color-violet-300: #b986f8;
-    --color-violet-400: #9951f5;
-    --color-violet-500: #7a1bf2;
-    --color-violet-600: #5f0bc9;
-    --color-violet-700: #460894;
-    --color-violet-800: #2d055e;
-    --color-violet-900: #130228;
-    --color-pink-100: #fff1fc;
-    --color-pink-200: #ffb8f1;
-    --color-pink-300: #ff80e6;
-    --color-pink-400: #ff47db;
-    --color-pink-500: #ff17d2;
-    --color-pink-600: #d400ab;
-    --color-pink-700: #9c007e;
-    --color-pink-800: #630050;
-    --color-pink-900: #2a0022;
-
-    /* GUI colours */
-    /* Note: The ‘Light and ‘Dark’ refers to the colour of the background on which the colour is used. */
-    --color-gui-blue-default-light: #006edc;
-    --color-gui-blue-hover-light: #0862b9;
-    --color-gui-blue-active-light: #074095;
-    --color-gui-blue-default-dark: #4da6ff;
-    --color-gui-blue-hover-dark: #2894ff;
-    --color-gui-blue-active-dark: #0080ff;
-    --color-gui-blue-focus: #80b9f2;
-    --color-gui-unavailable: #a8a8a8;
-    --color-gui-success-green: #11cb24;
-    --color-gui-error-red: #fb0c0c;
-    --color-gui-focus: #80b9f2;
+    --color-cool-black: #03020d;
+    --color-active-orange: #ff5416;
+    --color-red-orange: #e40000;
+    --color-white: #ffffff;
+    --color-electric-cyan: #4af7ff;
+    --color-zingy-green: #08ff13;
+    --color-bright-red: #ff2739;
+    --color-jazzy-pink: #ff17d2;
+    --color-extra-light-grey: #fafafb;
+    --color-light-grey: #f5f5f6;
+    --color-mid-grey: #d9d9da;
+    --color-dark-grey: #76767c;
+    --color-charcoal-grey: #292831;
+    --color-gui-default: #0073e6;
+    --color-gui-hover: #0867c4;
+    --color-gui-focus: #0073e6;
     --color-gui-focus-outline: #80b9f2;
+    --color-gui-active: #074095;
     --color-gui-visited: #4887c2;
-
-    /* Colours replaced by neutral colours */
-    --color-white: var(--color-neutral-000);
-    --color-extra-light-grey: var(--color-neutral-100);
-    --color-light-grey: var(--color-neutral-200);
-    --color-mid-grey: var(--color-neutral-500);
-    --color-dark-grey: var(--color-neutral-800);
-    --color-charcoal-grey: var(--color-neutral-1000);
-    --color-cool-black: var(--color-neutral-1300);
-
-    /* Colours replaced by orange colours */
-    --color-active-orange: var(--color-orange-600);
-    --color-bright-red: var(--color-orange-700);
-    --color-red-orange: var(--color-orange-800);
-
-    /* Colours replaced by secondary colours */
-    --color-electric-cyan: var(--color-blue-400);
-    --color-zingy-green: var(--color-green-400);
-    --color-jazzy-pink: var(--color-pink-500);
-
-    /* Colours replaced by GUI colours */
-    --color-gui-default: var(--color-gui-blue-default-light);
-    --color-gui-hover: var(--color-gui-blue-hover-light);
-    --color-gui-active: var(--color-gui-blue-active-light);
-    --color-gui-error: var(--color-gui-error-red);
-    --color-gui-success: var(--color-gui-success-green);
-    --color-gui-default-dark: var(--color-gui-blue-default-dark);
-    --color-gui-hover-dark: var(--color-gui-blue-hover-dark);
-    --color-gui-active-dark: var(--color-gui-blue-active-dark);
+    --color-gui-unavailable: #a8a8a8;
+    --color-gui-error: #fb0c0c;
+    --color-gui-success: #11cb24;
 
     /* code syntax: theme */
-    --syntax-black: var(--color-neutral-1300);
-    --syntax-dark-grey: var(--color-neutral-800);
-    --syntax-mid-grey: var(--color-neutral-500);
-    --syntax-light-grey: var(--color-neutral-200);
-    --syntax-extra-light-grey: var(--color-neutral-100);
+    --syntax-black: var(--color-cool-black);
+    --syntax-dark-grey: var(--color-dark-grey);
+    --syntax-mid-grey: var(--color-mid-grey);
+    --syntax-light-grey: var(--color-light-grey);
+    --syntax-extra-light-grey: var(--color-extra-light-grey);
     --syntax-orange: #e78c45;
     --syntax-yellow: #e7c547;
     --syntax-blue: #3490ec;
@@ -168,51 +70,44 @@
 
     --gradient-hot-pink: linear-gradient(
       80.2deg,
-      var(--color-orange-700) 0%,
+      var(--color-bright-red) 0%,
       var(--color-jazzy-pink) 100%
     );
 
-    --fs-title-xl: 3rem;
-    --fs-title: 2.75rem;
-    --fs-title-xs: 2.5rem;
-    --fs-h1-xl: 2.5rem;
-    --fs-h1: 2.25rem;
-    --fs-h1-xs: 2rem;
-
-    --fs-h2-xl: 2.125rem;
+    --fs-title-xl: 4rem;
+    --fs-title: 3.5rem;
+    --fs-title-xs: 3rem;
+    --fs-h1-xl: 3.5rem;
+    --fs-h1: 3rem;
+    --fs-h1-xs: 2.625rem;
+    --fs-h2-xl: 2.5rem;
     --fs-h2: 2rem;
-    --fs-h2-xs: 1.75rem;
-
+    --fs-h2-xs: 1.875rem;
     --fs-h3: 1.5rem;
-    --fs-h4: 1.25rem;
-    --fs-h5: 1rem;
-
-    --fs-p1: 1rem;
-    --fs-p2: 0.938rem;
+    --fs-h4: 1.125rem;
+    --fs-p1: 1.125rem;
+    --fs-p2: 1rem;
     --fs-p3: 0.875rem;
     --fs-standfirst-xl: 2.25rem;
     --fs-standfirst: 1.5rem;
-    --fs-sub-header: 1.125rem;
-    --fs-sub-header-xs: 1.063rem;
+    --fs-sub-header: 1.5rem;
+    --fs-sub-header-xs: 1.125rem;
     --fs-overline1: 1rem;
     --fs-overline2: 0.875rem;
-    --fs-btn1: 1rem;
-    --fs-btn2: 0.938rem;
+    --fs-btn1: 1.125rem;
+    --fs-btn2: 1rem;
     --fs-btn3: 0.875rem;
-    --fs-menu1: 1rem;
-    --fs-menu2: 0.938rem;
+    --fs-menu1: 1.125rem;
+    --fs-menu2: 1rem;
     --fs-menu3: 0.875rem;
-    --fs-quote: 1.25rem;
-    --fs-code: 0.938rem;
-    --fs-code2: 0.813rem;
+    --fs-quote: 1.5rem;
+    --fs-code: 0.875rem;
 
     --lh-dense: 1;
     --lh-tight: 1.125;
     --lh-snug: 1.15;
-    --lh-min-normal: 1.2;
     --lh-normal: 1.25;
     --lh-relaxed: 1.45;
-    --lh-extra-relaxed: 1.6;
 
     --ls-tighten-0_025: -0.025em;
     --ls-tighten-0_02: -0.02em;
@@ -220,9 +115,7 @@
     --ls-tighten-0_01: -0.01em;
     --ls-tighten-0_005: -0.005em;
     --ls-tighten-0_0025: -0.0025em;
-    --ls-tighten-0_0015: -0.0015em;
     --ls-widen-0_1: 0.1em;
-    --ls-widen-0_16: 0.16em;
     --ls-widen-0_15: 0.15em;
 
     --spacing-0: 0px;
@@ -237,7 +130,6 @@
     --spacing-20: 1.25rem;
     --spacing-24: 1.5rem;
     --spacing-32: 2rem;
-    --spacing-36: 2.25rem;
     --spacing-40: 2.5rem;
     --spacing-48: 3rem;
     --spacing-64: 4rem;
@@ -285,7 +177,7 @@
 }
 @layer components {
   .ui-btn {
-    @apply text-white bg-cool-black text-btn2 font-sans font-bold inline-block rounded p-btn;
+    @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block rounded p-btn;
     @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;
@@ -309,7 +201,7 @@
     background-size: 200% 100%;
     background-position: 0% 0%;
 
-    @apply text-white text-btn2 font-sans font-bold inline-block rounded p-btn;
+    @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;
   }
@@ -325,7 +217,7 @@
   }
 
   .ui-btn-invert {
-    @apply text-cool-black bg-white text-btn2 font-sans font-bold inline-block rounded p-btn;
+    @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block rounded p-btn;
     @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;
@@ -335,7 +227,7 @@
   }
 
   .ui-btn-secondary {
-    @apply text-cool-black bg-white text-btn2 font-sans font-bold inline-block border-btn border-cool-black rounded p-btn;
+    @apply text-cool-black bg-white text-btn2 font-sans font-medium inline-block border-btn border-cool-black rounded p-btn;
     @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;
@@ -345,7 +237,7 @@
   }
 
   .ui-btn-secondary-invert {
-    @apply text-white bg-cool-black text-btn2 font-sans font-bold inline-block border-btn border-mid-grey rounded p-btn;
+    @apply text-white bg-cool-black text-btn2 font-sans font-medium inline-block border-btn border-mid-grey rounded p-btn;
     @apply hover:text-white hover:border-active-orange;
     @apply active:border-red-orange;
     @apply focus:outline-gui-focus;
@@ -430,53 +322,47 @@
 }
 @layer components {
   .ui-text-title {
-    @apply font-sans font-extrabold text-cool-black;
+    @apply font-sans font-medium text-cool-black;
     @apply text-title-xs xs:text-title xl:text-title-xl;
-    @apply tracking-tighten-0.015 xs:tracking-tighten-0.02 xl:tracking-tighten-0.02;
+    @apply tracking-tighten-0.01 xs:tracking-tighten-0.015 xl:tracking-tighten-0.02;
   }
 
   .ui-text-h1 {
-    @apply font-sans font-extrabold text-cool-black;
+    @apply font-sans font-medium text-cool-black;
     @apply text-h1-xs xs:text-h1 xl:text-h1-xl;
-    @apply tracking-tighten-0.0125 xs:tracking-tighten-0.015;
+    @apply tracking-tighten-0.01;
   }
 
   .ui-text-h2 {
-    @apply font-sans font-extrabold text-cool-black;
+    @apply font-sans font-medium text-cool-black;
     @apply text-h2-xs xs:text-h2 xl:text-h2-xl;
-    @apply tracking-tighten-0.015 xs:tracking-tighten-0.01;
+    @apply tracking-tighten-0.005;
   }
 
   .ui-text-h3 {
-    @apply font-sans font-extrabold text-cool-black;
+    @apply font-sans font-medium text-cool-black;
     @apply text-h3;
-    @apply tracking-tighten-0.005;
+    @apply tracking-tighten-0.0025;
   }
 
   .ui-text-h4 {
-    @apply font-sans font-extrabold text-cool-black;
-    @apply text-h4;
-    @apply tracking-tighten-0.0015;
-  }
-
-  .ui-text-h5 {
-    @apply font-sans font-extrabold text-cool-black;
-    @apply text-h5;
-    @apply tracking-tighten-0.0025;
+    @apply font-sans font-medium text-cool-black;
+    @apply text-h4 uppercase;
+    @apply tracking-widen-0.1;
   }
 
   .ui-text-p1 {
-    @apply font-sans font-medium text-charcoal-grey;
+    @apply font-sans font-light text-charcoal-grey;
     @apply text-p1;
   }
 
   .ui-text-p2 {
-    @apply font-sans font-medium text-charcoal-grey;
+    @apply font-sans font-light text-charcoal-grey;
     @apply text-p2;
   }
 
   .ui-text-p3 {
-    @apply font-sans font-medium text-charcoal-grey;
+    @apply font-sans font-light text-charcoal-grey;
     @apply text-p3;
   }
 
@@ -487,63 +373,60 @@
   }
 
   .ui-text-quote {
-    @apply font-sans font-normal text-cool-black;
-    @apply text-quote leading-normal;
-    @apply tracking-tighten-0.0015;
+    @apply font-sans font-light text-cool-black;
+    @apply text-quote;
+    @apply tracking-tighten-0.025;
   }
 
   .ui-text-sub-header {
-    @apply font-sans font-semibold text-neutral-800;
-    @apply text-sub-header-xs xs:text-sub-header leading-normal;
+    @apply font-sans font-light text-dark-grey;
+    @apply text-sub-header-xs xs:text-sub-header;
+    @apply tracking-tighten-0.025;
   }
 
   .ui-text-overline1 {
-    @apply font-mono font-medium text-active-orange uppercase;
-    @apply text-overline1 leading-normal;
-    @apply tracking-widen-0.16;
+    @apply font-sans font-medium text-dark-grey uppercase;
+    @apply text-overline1;
+    @apply tracking-widen-0.15;
   }
 
   .ui-text-overline2 {
-    @apply font-mono font-medium text-active-orange uppercase;
-    @apply text-overline2 leading-normal;
-    @apply tracking-widen-0.16;
+    @apply font-sans font-medium text-dark-grey uppercase;
+    @apply text-overline2;
+    @apply tracking-widen-0.1;
   }
 
   .ui-text-menu1 {
-    @apply font-sans font-medium text-cool-black;
-    @apply text-menu1 leading-snug;
+    @apply font-sans font-light text-cool-black;
+    @apply text-menu1;
   }
 
   .ui-text-menu2 {
-    @apply font-sans font-medium text-cool-black;
-    @apply text-menu2 leading-snug;
+    @apply font-sans font-light text-cool-black;
+    @apply text-menu2;
   }
 
   .ui-text-menu3 {
-    @apply font-sans font-medium text-cool-black;
-    @apply text-menu3 leading-snug;
+    @apply font-sans font-light text-cool-black;
+    @apply text-menu3;
   }
 
   .ui-text-code {
-    @apply font-mono font-medium text-code;
-  }
-
-  .ui-text-code2 {
-    @apply font-mono font-medium text-code2;
+    @apply font-mono font-semibold text-code;
   }
 
   .ui-text-code-inline {
-    @apply font-mono font-medium text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
+    @apply font-mono font-semibold text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
   }
 
   .ui-unordered-list {
-    @apply text-p1 font-medium text-cool-black;
-    @apply list-disc ml-32 my-16;
+    @apply text-p1 font-light text-cool-black;
+    @apply list-disc ml-32 mb-24;
   }
 
   .ui-ordered-list {
-    @apply text-p1 font-medium text-charcoal-grey;
-    @apply ml-32 my-16 list-decimal;
+    @apply text-p1 font-light text-cool-black;
+    @apply ml-32 mb-24 list-decimal;
   }
 
   .ui-unordered-list li > *:last-of-type:not(ul):not(ol),
@@ -560,21 +443,11 @@
   }
 
   .ui-unordered-list ul ul {
-    @apply list-square my-8;
-  }
-
-  .ui-unordered-list ul ul {
-    @apply my-8;
-  }
-
-  .ui-ordered-list li,
-  .ui-unordered-list li {
-    @apply font-medium font-sans tracking-widen-0;
-    line-height: var(--lh-extra-relaxed);
+    @apply list-square;
   }
 
   .ui-unordered-list-with-emphasis {
-    @apply text-p1 font-medium text-cool-black;
+    @apply text-p1 font-light text-cool-black;
     @apply list-disc ml-32 mt-32 -mb-12;
   }
 
@@ -610,11 +483,11 @@
 }
 @layer components {
   .ui-checkbox-p1 {
-    @apply flex items-start mb-16 font-sans font-medium;
+    @apply flex items-start mb-16 font-sans;
   }
 
   .ui-checkbox-p2 {
-    @apply flex items-start mb-12 font-sans font-medium;
+    @apply flex items-start mb-12 font-sans;
   }
 
   .ui-checkbox-input {
@@ -633,12 +506,12 @@
 
   .ui-checkbox-label-p1 {
     @apply select-none;
-    @apply text-p1 font-medium text-cool-black;
+    @apply text-p1 font-light text-cool-black;
   }
 
   .ui-checkbox-label-p2 {
     @apply select-none;
-    @apply text-p2 font-medium text-cool-black;
+    @apply text-p2 font-light text-cool-black;
   }
 
   .ui-checkbox-input:disabled + .ui-checkbox-styled {
@@ -659,7 +532,7 @@
   }
 
   .ui-textarea {
-    @apply font-sans font-medium text-cool-black text-p1;
+    @apply font-sans font-light text-cool-black text-p1;
     @apply p-input mb-16;
     @apply bg-light-grey border-mid-grey transition-input border rounded block w-full;
     @apply hover:bg-white hover:shadow-input hover:border-transparent;
@@ -672,6 +545,12 @@
     color: #76767c;
   }
 
+  .ui-textarea:-ms-input-placeholder {
+    /* CSS vars don't work in ::placeholder in Webkit :( */
+    /* color: var(--text-dark-grey); */
+    color: #76767c;
+  }
+
   .ui-textarea::placeholder {
     /* CSS vars don't work in ::placeholder in Webkit :( */
     /* color: var(--text-dark-grey); */

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

@@ -1 +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.Core=e.AblyUi.Core||{},e.AblyUi.Core.Uptime=t())}(this,(()=>(()=>{"use strict";var e={};return e.default})()));
+!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.Core=e.AblyUi.Core||{},e.AblyUi.Core.Uptime=t())}(this,(function(){return(()=>{"use strict";var e={};return e.default})()}));

data/lib/ably_ui/reset/scripts.js

@@ -1 +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.Reset=t())}(this,(()=>(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})()));
+!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.Reset=t())}(this,(function(){return(()=>{"use strict";var e={};return(e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})})(e),e})()}));

data/lib/ably_ui/reset/styles.css

@@ -86,7 +86,8 @@
   abbr[title] {
     border-bottom: none; /* 1 */
     text-decoration: underline; /* 2 */
-    text-decoration: underline dotted; /* 2 */
+    -webkit-text-decoration: underline dotted;
+            text-decoration: underline dotted; /* 2 */
   }
 
   /**
@@ -443,10 +444,19 @@
     resize: vertical;
   }
 
+  input:-ms-input-placeholder,
+  textarea:-ms-input-placeholder {
+    color: #a0aec0;
+  }
+
   input::-moz-placeholder, textarea::-moz-placeholder {
     color: #a0aec0;
   }
 
+  input:-ms-input-placeholder, textarea:-ms-input-placeholder {
+    color: #a0aec0;
+  }
+
   input::placeholder,
   textarea::placeholder {
     color: #a0aec0;

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '8.7.0.dev.2f1ba81'
+  VERSION = '8.7.0.dev.3ad2a24'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 8.7.0.dev.2f1ba81
+  version: 8.7.0.dev.3ad2a24
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-19 00:00:00.000000000 Z
+date: 2022-12-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -91,8 +91,6 @@ files:
 - lib/ably_ui/core/fonts/NEXT-Book-Medium.otf
 - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff
 - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff2
-- lib/ably_ui/core/fonts/jetBrains-mono.css
-- lib/ably_ui/core/fonts/manrope.css
 - lib/ably_ui/core/fonts/next.css
 - lib/ably_ui/core/fonts/source-code-pro.css
 - lib/ably_ui/core/footer/component.css
@@ -105,7 +103,6 @@ files:
 - lib/ably_ui/core/images/ably-logo.png
 - lib/ably_ui/core/images/ably-logo.svg
 - lib/ably_ui/core/images/ably-stack.svg
-- lib/ably_ui/core/images/best-support-2023.svg
 - lib/ably_ui/core/images/cust-logo-ao-col-pos.png
 - lib/ably_ui/core/images/cust-logo-ao-col-pos@2x.png
 - lib/ably_ui/core/images/cust-logo-ausopen-col-pos.png
@@ -131,12 +128,9 @@ files:
 - lib/ably_ui/core/images/cust-photo-hubspot-max-freiert.jpg
 - lib/ably_ui/core/images/cust-photo-split-pato-echague.jpg
 - lib/ably_ui/core/images/cust-photo-vitac-joe-antonio.jpg
-- lib/ably_ui/core/images/fastest-implementation-2023.svg
 - lib/ably_ui/core/images/flexible-companies.png
 - lib/ably_ui/core/images/high-performer-2022.png
-- lib/ably_ui/core/images/high-performer-2023.svg
 - lib/ably_ui/core/images/highest-user-adoption-2022.png
-- lib/ably_ui/core/images/highest-user-adoption-2023.svg
 - lib/ably_ui/core/images/icon-tech-aws.svg
 - lib/ably_ui/core/images/rocket-list-2021.png
 - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
@@ -162,9 +156,9 @@ files:
 - lib/ably_ui/core/meganav_content_developers/component.js
 - lib/ably_ui/core/meganav_content_developers/meganav_content_developers.html.erb
 - lib/ably_ui/core/meganav_content_developers/meganav_content_developers.rb
-- lib/ably_ui/core/meganav_content_products/component.js
-- lib/ably_ui/core/meganav_content_products/meganav_content_products.html.erb
-- lib/ably_ui/core/meganav_content_products/meganav_content_products.rb
+- lib/ably_ui/core/meganav_content_platform/component.js
+- lib/ably_ui/core/meganav_content_platform/meganav_content_platform.html.erb
+- lib/ably_ui/core/meganav_content_platform/meganav_content_platform.rb
 - lib/ably_ui/core/meganav_content_use_cases/component.js
 - lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.html.erb
 - lib/ably_ui/core/meganav_content_use_cases/meganav_content_use_cases.rb

data/lib/ably_ui/core/fonts/jetBrains-mono.css

@@ -1,3 +0,0 @@
-@layer base {
-  @import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;200;300;400;500;600;700;800&display=swap");
-}

data/lib/ably_ui/core/fonts/manrope.css

@@ -1,3 +0,0 @@
-@layer base {
-  @import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");
-}

data/lib/ably_ui/core/images/best-support-2023.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94 122"><path fill="#fff" d="M8.1 89.9 47.6 110l38-20.1V11.3H8.1z"/><path fill="#f2f3f2" d="M86.4 11.6 7.3 91.3l41 20.3 38.1-19.5z"/><path fill="#dcdedc" d="M5.5 37.5v54.1l1.4.7 39.5 20.1 1.2.6 1.2-.6 38.1-20.1 1.4-.7V8.7H5.5v28.8zm2.6 52.6V11.3h77.6v78.8l-38.1 20.1L8.1 90.1z"/><path fill="#ff492c" d="M46.9 12.6c.4 0 .8 0 1.2.1L46.9 15c-1.8-.1-3.4 1.3-3.5 3.1-.1 1.8 1.3 3.4 3.1 3.5h.4c.8 0 1.6-.3 2.2-.8l1.3 2.2c-1 .7-2.2 1.1-3.5 1.1-3.2.1-5.9-2.3-6-5.5-.1-3.2 2.3-5.9 5.5-6h.5zm4.1 4.9 1.5 2.5-1.5 2.4-1.4-2.4h-2.9l1.5-2.5H51zm-2.4-.9c0-.4.1-.8.3-1.1.2-.3.6-.6.9-.8l.2-.1c.4-.2.5-.3.5-.5s-.3-.4-.5-.4c-.4 0-.7.2-.9.6l-.5-.5c.1-.2.3-.4.5-.6.3-.2.6-.2.9-.2.3 0 .7.1.9.3.2.2.4.5.4.8 0 .5-.3.9-.9 1.1l-.3.2c-.3.2-.5.3-.6.6h1.8v.7l-2.7-.1zm-1.7 12.5 9.5-5.4v-15H37.3v14.9l9.6 5.5z"/><path fill="#23cca2" d="M90.2 64.5H3.6l-3.2 7 3.2 7h86.6l3.1-7z"/><path fill="#252530" d="M24.22 60.12q-1.2 0-2.09-.38-.91-.39-1.39-1.1-.49-.71-.49-1.65v-.33q0-.08.05-.13.06-.05.13-.05h1.71q.07 0 .13.05.05.05.05.13v.22q0 .6.56 1.01.55.42 1.5.42.79 0 1.18-.34.39-.34.39-.83 0-.37-.24-.61-.24-.25-.65-.44-.42-.18-1.31-.51-1.01-.35-1.71-.71-.69-.36-1.17-.98-.47-.62-.47-1.54 0-.9.47-1.57.46-.68 1.28-1.04.83-.36 1.91-.36 1.14 0 2.03.41.89.4 1.4 1.13.5.72.5 1.69v.22q0 .08-.05.13-.06.05-.13.05h-1.72q-.08 0-.13-.05-.06-.05-.06-.13v-.12q0-.63-.51-1.07-.52-.44-1.42-.44-.71 0-1.1.3-.4.29-.4.82 0 .38.23.63.24.26.69.46.46.2 1.42.55 1.07.39 1.67.69.61.3 1.1.89.49.59.49 1.54 0 1.41-1.04 2.22-1.03.82-2.81.82Zm9.69-7.65q0-.07.06-.13.05-.05.12-.05h1.76q.07 0 .13.05.05.06.05.13v7.35q0 .08-.05.13-.06.05-.13.05h-1.76q-.07 0-.12-.05-.06-.05-.06-.13v-.51q0-.04-.03-.05-.03-.01-.06.04-.6.8-1.86.8-1.14 0-1.87-.68-.74-.69-.74-1.94v-5.01q0-.07.06-.13.05-.05.12-.05h1.74q.08 0 .13.05.05.06.05.13v4.49q0 .6.33.97.32.38.89.38.51 0 .84-.31.33-.31.4-.8v-4.73Zm10.56 1.89q.27.76.27 1.8t-.28 1.88q-.35.96-1.09 1.52-.74.56-1.84.56-1.08 0-1.68-.75-.03-.04-.06-.03-.03.01-.03.06v3.21q0 .08-.05.13t-.13.05h-1.75q-.08 0-.13-.05t-.05-.13V52.47q0-.07.05-.13.05-.05.13-.05h1.75q.08 0 .13.05.05.06.05.13v.49q0 .05.03.06.03.01.06-.02.63-.83 1.74-.83 1.04 0 1.8.58.75.58 1.08 1.61Zm-2.29 3.36q.37-.58.37-1.59 0-.94-.31-1.5-.35-.64-1.11-.64-.69 0-1.04.64-.31.54-.31 1.52 0 1 .33 1.56.34.6 1.02.6.67 0 1.05-.59Zm10.81-3.36q.27.76.27 1.8t-.28 1.88q-.35.96-1.09 1.52-.74.56-1.84.56-1.08 0-1.68-.75-.03-.04-.06-.03-.03.01-.03.06v3.21q0 .08-.05.13t-.13.05h-1.75q-.08 0-.13-.05t-.05-.13V52.47q0-.07.05-.13.05-.05.13-.05h1.75q.08 0 .13.05.05.06.05.13v.49q0 .05.03.06.03.01.06-.02.63-.83 1.74-.83 1.04 0 1.8.58.75.58 1.08 1.61Zm-2.29 3.36q.37-.58.37-1.59 0-.94-.31-1.5-.35-.64-1.11-.64-.69 0-1.04.64-.31.54-.31 1.52 0 1 .33 1.56.34.6 1.02.6.67 0 1.05-.59Zm7.29 2.4q-1.26 0-2.16-.66-.9-.66-1.23-1.8-.21-.7-.21-1.53 0-.88.21-1.59.34-1.11 1.24-1.74.9-.63 2.17-.63 1.22 0 2.09.62.88.63 1.24 1.74.23.75.23 1.57 0 .81-.2 1.52-.34 1.17-1.23 1.83-.89.67-2.15.67Zm0-1.81q.49 0 .84-.3.34-.3.49-.83.12-.48.12-1.05 0-.63-.12-1.06-.16-.51-.51-.8-.34-.28-.83-.28-.52 0-.85.28-.34.29-.49.8-.12.35-.12 1.06 0 .68.1 1.05.15.53.51.83.35.3.86.3Zm8.79-6.12q.54 0 .86.21.12.06.09.22l-.32 1.71q-.01.18-.21.11-.22-.08-.52-.08-.13 0-.33.03-.54.05-.92.4-.37.35-.37.94v4.09q0 .08-.06.13-.05.05-.12.05h-1.76q-.07 0-.13-.05-.05-.05-.05-.13v-7.35q0-.07.05-.13.06-.05.13-.05h1.76q.07 0 .12.05.06.06.06.13v.57q0 .04.03.06.03.02.04-.02.62-.89 1.65-.89Zm6.42 1.62q0 .07-.05.12-.05.06-.13.06h-1.44q-.07 0-.07.07v3.18q0 .49.2.74.2.24.65.24h.5q.07 0 .12.05.06.05.06.13v1.42q0 .17-.18.19-.63.03-.9.03-1.25 0-1.86-.41-.62-.41-.63-1.55v-4.02q0-.07-.08-.07h-.85q-.08 0-.13-.06-.05-.05-.05-.12v-1.34q0-.07.05-.13.05-.05.13-.05h.85q.08 0 .08-.08v-1.78q0-.07.05-.13.05-.05.13-.05h1.68q.07 0 .12.05.06.06.06.13v1.78q0 .08.07.08h1.44q.08 0 .13.05.05.06.05.13v1.34ZM38.17 39.53q-.09.04 0 .09 1.42.73 1.42 2.44 0 1.46-.99 2.2-.99.74-2.59.74h-3.89q-.07 0-.12-.05-.06-.05-.06-.13V34.68q0-.07.06-.13.05-.05.12-.05h3.77q3.55 0 3.55 2.88 0 1.5-1.27 2.15Zm-4.04-3.22q-.07 0-.07.08v2.34q0 .08.07.08h1.76q.7 0 1.1-.33.38-.33.38-.9 0-.59-.38-.93-.4-.34-1.1-.34h-1.76Zm1.88 6.86q.69 0 1.08-.35.39-.35.39-.97 0-.61-.39-.97-.39-.35-1.1-.35h-1.86q-.07 0-.07.08v2.48q0 .08.07.08h1.88Zm11.92-2.82q.09.57.06 1.27-.01.19-.19.19h-4.64q-.09 0-.06.07.05.3.17.6.39.84 1.59.84.96-.01 1.51-.78.06-.09.14-.09.04 0 .1.06l1.08 1.06q.08.08.08.14 0 .03-.06.12-.5.62-1.28.95-.77.34-1.71.34-1.29 0-2.18-.58-.89-.59-1.28-1.64-.32-.75-.32-1.96 0-.83.23-1.46.34-1.06 1.21-1.69.86-.63 2.04-.63 1.5 0 2.41.87.91.87 1.1 2.32Zm-3.49-1.36q-.95 0-1.25.88-.06.2-.1.48 0 .07.07.07h2.6q.09 0 .06-.07-.08-.43-.08-.42-.13-.45-.47-.7-.34-.24-.83-.24Zm7.83 6.11q-1.01 0-1.76-.28t-1.16-.79q-.41-.51-.41-1.16v-.15q0-.07.05-.13.05-.05.13-.05h1.66q.08 0 .13.05.05.06.05.13v.01q0 .34.37.57.37.23.92.23.51 0 .83-.2.31-.21.31-.5 0-.27-.27-.41-.27-.13-.88-.28-.71-.18-1.11-.35-.96-.33-1.53-.81-.57-.48-.57-1.38 0-1.11.86-1.76.86-.65 2.29-.65.96 0 1.68.3.72.31 1.12.87.39.55.39 1.26 0 .07-.05.12-.05.05-.13.05h-1.6q-.08 0-.13-.05t-.05-.12q0-.33-.34-.56-.34-.23-.89-.23-.5 0-.81.19-.32.18-.32.49 0 .3.31.45.31.15 1.03.32.16.04.37.09.21.05.45.13 1.07.32 1.68.81.62.5.62 1.44 0 1.11-.88 1.73-.88.62-2.36.62Zm8.86-6.29q0 .07-.05.12-.05.06-.13.06h-1.44q-.07 0-.07.07v3.18q0 .49.2.74.2.24.66.24h.49q.07 0 .13.05.05.05.05.13v1.42q0 .17-.18.19-.63.03-.9.03-1.25 0-1.86-.41-.62-.41-.63-1.55v-4.02q0-.07-.08-.07h-.85q-.08 0-.13-.06-.05-.05-.05-.12v-1.34q0-.07.05-.13.05-.05.13-.05h.85q.08 0 .08-.08v-1.78q0-.07.05-.13.05-.05.13-.05h1.68q.07 0 .13.05.05.06.05.13v1.78q0 .08.07.08h1.44q.08 0 .13.05.05.06.05.13v1.34Z"/><path fill="#242530" d="M40.46 69.28q0 .05-.04.08-.03.04-.08.04h-3.4q-.05 0-.05.05v1.87q0 .05.05.05h2.29q.05 0 .09.03.03.04.03.09v.76q0 .05-.03.09-.04.03-.09.03h-2.29q-.05 0-.05.05v2.86q0 .05-.04.08-.03.04-.08.04h-.92q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h4.49q.05 0 .08.04.04.03.04.08v.76Zm4.56 6.12q-.1 0-.13-.1l-.33-1.07q-.02-.04-.05-.04h-2.64q-.03 0-.05.04l-.33 1.07q-.03.1-.13.1h-1q-.06 0-.09-.04-.03-.03-.01-.1l2.17-6.76q.03-.1.13-.1h1.25q.1 0 .13.1l2.18 6.76q.01.02.01.05 0 .09-.11.09h-1Zm-2.89-2.18q-.01.06.04.06h2.03q.06 0 .04-.06l-1.03-3.35q-.01-.04-.03-.04-.02 0-.03.04l-1.02 3.35Zm5.15 2.18q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h.92q.05 0 .09.04.03.03.03.08v5.83q0 .05.05.05h3.35q.05 0 .08.04.04.03.04.08v.76q0 .05-.04.08-.03.04-.08.04h-4.44Zm5.71 0q-.05 0-.08-.04-.04-.03-.04-.08v-6.76q0-.05.04-.08.03-.04.08-.04h.92q.05 0 .09.04.03.03.03.08v5.83q0 .05.05.05h3.35q.05 0 .09.04.03.03.03.08v.76q0 .05-.03.08-.04.04-.09.04h-4.44Z"/><path fill="#252530" d="M34.03 93.46q-.03.03-.02.06.02.03.06.03H38q.07 0 .12.05.06.05.06.12v1.41q0 .07-.06.12-.05.05-.12.05h-6.52q-.08 0-.13-.05t-.05-.12v-1.34q0-.13.09-.22.71-.69 1.45-1.51.74-.82.93-1.02.4-.48.82-.92 1.32-1.46 1.32-2.17 0-.51-.36-.84-.36-.32-.94-.32t-.94.32q-.37.33-.37.87v.36q0 .07-.05.12-.05.05-.12.05h-1.71q-.07 0-.12-.05-.06-.05-.06-.12v-.68q.05-.78.5-1.39.45-.6 1.19-.92.75-.32 1.68-.32 1.03 0 1.79.39.76.38 1.17 1.03.42.66.42 1.45 0 .61-.31 1.25-.3.64-.91 1.38-.45.56-.97 1.12-.52.55-1.55 1.59l-.22.22Zm8.86 2q-1.6 0-2.52-.89-.93-.89-.93-2.43v-3.83q0-1.51.93-2.39.92-.89 2.52-.89 1.59 0 2.53.89.93.88.93 2.39v3.83q0 1.54-.93 2.43-.94.89-2.53.89Zm0-1.75q.65 0 1.03-.4.39-.4.39-1.07v-3.99q0-.66-.39-1.06-.38-.4-1.03-.4-.64 0-1.02.4-.39.4-.39 1.06v3.99q0 .67.39 1.07.38.4 1.02.4Zm7.52-.25q-.03.03-.01.06.01.03.06.03h3.93q.07 0 .12.05.05.05.05.12v1.41q0 .07-.05.12-.05.05-.12.05h-6.53q-.07 0-.12-.05-.05-.05-.05-.12v-1.34q0-.13.08-.22.72-.69 1.45-1.51.74-.82.93-1.02.41-.48.83-.92 1.32-1.46 1.32-2.17 0-.51-.36-.84-.37-.32-.95-.32t-.94.32q-.36.33-.36.87v.36q0 .07-.05.12-.05.05-.13.05H47.8q-.07 0-.12-.05-.05-.05-.05-.12v-.68q.04-.78.49-1.39.45-.6 1.2-.92.75-.32 1.67-.32 1.03 0 1.79.39.77.38 1.18 1.03.41.66.41 1.45 0 .61-.3 1.25-.31.64-.92 1.38-.45.56-.97 1.12-.52.55-1.55 1.59l-.22.22Zm11.46-3q.29.66.29 1.53 0 .79-.26 1.45-.35.93-1.17 1.45-.82.53-1.94.53-1.1 0-1.93-.55-.83-.56-1.2-1.5-.2-.56-.23-1.22 0-.17.17-.17h1.72q.17 0 .17.17.06.48.16.71.13.38.43.59.29.21.7.21.81 0 1.12-.71.2-.43.2-1.01 0-.69-.22-1.12-.33-.68-1.11-.68-.16 0-.34.09-.17.1-.42.27-.06.04-.11.04-.09 0-.13-.08l-.86-1.21q-.03-.04-.03-.1 0-.09.06-.14l2.3-2.02q.03-.03.03-.06-.01-.03-.05-.03h-3.41q-.07 0-.13-.05-.05-.05-.05-.12v-1.41q0-.07.05-.12.06-.05.13-.05h6.04q.08 0 .13.05t.05.12v1.6q0 .11-.1.22l-1.9 1.74q-.03.03-.02.05 0 .03.06.03 1.26.25 1.8 1.5Z"/></svg>