ably-ui 6.8.0 → 6.10.0.dev.67b3652

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a27abe9f220385d675b7b665362beefd813ccfe208cc7ed2597b0ff922e0fa17
-  data.tar.gz: b65d43028fa915cf5c8c15059d6b6cf2a08f7382176d72426ae7b987d2017406
+  metadata.gz: b85482965125b8bf93e4f5f7217b98612fa4a15259acab8f450d9a2d9956c25f
+  data.tar.gz: dd1859c485cde829f68c541a89e3ce60acc2066801ea01a62f1c899812201edf
 SHA512:
-  metadata.gz: a9d8b8910dc02f5f2d52e097d27e391cb9a938dba3089325b0da666ccaca5c8494590fb906cd2f43d2174a27bc574b7bd381f942654d6fee97d237353f8be006
-  data.tar.gz: 2bb1091937a0d186e7870e695345e81019bb650ea76342ed4ad925bcbcc2e1a10dfc3c2dd7d84b8511391ae2aa0dbc2101787d2226fc6d6e8bb6a2285702b3a8
+  metadata.gz: 7b9cd51756b105e9ff664be5a3fdc713ffc1319d05a00c96ebaec5805cd85b21006cb392db296ea16257a425061608fc29a2334277f04547b9a92977ee5b4635
+  data.tar.gz: 0e1d3f98f8eba8d5e9a2a595f15daef872961f907a89a651bee916714d38251e24590d69c8c3ff22fa618e97f8d304a159ac39358812ee21385ca68fae3d0b47

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (6.5.4.dev.5dbc374)
+    ably-ui (6.10.0)
       view_component (>= 2.33, < 2.50)
 
 GEM

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

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

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

@@ -1,5 +1,5 @@
 @layer base {
-  @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro&display=swap");
+  @import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@600&display=swap");
 }
 
 @layer components {

data/lib/ably_ui/core/sprites.svg

@@ -96,6 +96,10 @@
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M3.25 10C3.25 7.37665 5.37665 5.25 8 5.25H40C42.6234 5.25 44.75 7.37665 44.75 10V40.9554C44.75 42.4116 43.0751 43.2308 41.9256 42.3367L34.7427 36.75H8C5.37665 36.75 3.25 34.6234 3.25 32V10ZM8 6.75C6.20507 6.75 4.75 8.20507 4.75 10V32C4.75 33.7949 6.20507 35.25 8 35.25H35.2573L42.8465 41.1527C43.0107 41.2804 43.25 41.1634 43.25 40.9554V10C43.25 8.20508 41.7949 6.75 40 6.75H8ZM21.6468 10.7301C21.9083 10.4686 22.2977 10.25 22.75 10.25H25.25C25.7023 10.25 26.0917 10.4686 26.3532 10.7301C26.6148 10.9916 26.8333 11.3811 26.8333 11.8333V12.3782C27.2541 12.5239 27.6929 12.6898 28.1198 12.9029L28.4697 12.553C29.0959 11.9268 30.0708 11.9268 30.697 12.553L32.447 14.303C33.0732 14.9292 33.0732 15.9041 32.447 16.5303L32.1039 16.8734C32.323 17.2846 32.5121 17.72 32.6556 18.1667H33.1667C33.6189 18.1667 34.0084 18.3852 34.2699 18.6468C34.5314 18.9083 34.75 19.2977 34.75 19.75V22.25C34.75 22.7023 34.5314 23.0917 34.2699 23.3532C34.0084 23.6148 33.6189 23.8333 33.1667 23.8333H32.6218C32.4761 24.2541 32.3102 24.6929 32.0971 25.1198L32.447 25.4697C33.0732 26.0959 33.0732 27.0708 32.447 27.697L30.697 29.447C30.0708 30.0732 29.0959 30.0732 28.4697 29.447L28.1266 29.1039C27.7154 29.323 27.28 29.5121 26.8333 29.6556V30.1667C26.8333 30.6189 26.6148 31.0084 26.3532 31.2699C26.0917 31.5314 25.7023 31.75 25.25 31.75H22.75C22.2977 31.75 21.9083 31.5314 21.6468 31.2699C21.3852 31.0084 21.1667 30.6189 21.1667 30.1667V29.6218C20.7459 29.4761 20.3071 29.3102 19.8802 29.0971L19.5303 29.447C18.9041 30.0732 17.9292 30.0732 17.303 29.447L15.553 27.697C14.9268 27.0708 14.9268 26.0959 15.553 25.4697L15.8961 25.1266C15.677 24.7154 15.4879 24.28 15.3444 23.8333H14.8333C14.3811 23.8333 13.9916 23.6148 13.7301 23.3532C13.4686 23.0917 13.25 22.7023 13.25 22.25V19.75C13.25 19.2977 13.4686 18.9083 13.7301 18.6468C13.9916 18.3852 14.3811 18.1667 14.8333 18.1667H15.3782C15.5239 17.7459 15.6898 17.3071 15.9029 16.8802L15.553 16.5303C14.9268 15.9041 14.9268 14.9292 15.553 14.303L17.303 12.553C17.9292 11.9268 18.9041 11.9268 19.5303 12.553L19.8802 12.9029C20.3071 12.6898 20.7459 12.5239 21.1667 12.3782V11.8333C21.1667 11.3811 21.3852 10.9916 21.6468 10.7301ZM22.6667 11.8473V13.4572L22.1538 13.6282C21.3888 13.8832 20.7257 14.1079 20.1475 14.4693L19.6416 14.7855L18.4697 13.6137C18.4531 13.5971 18.4401 13.5901 18.4329 13.5871C18.4256 13.584 18.4203 13.5833 18.4167 13.5833C18.413 13.5833 18.4078 13.584 18.4004 13.5871C18.3932 13.5901 18.3802 13.5971 18.3637 13.6137L16.6137 15.3637C16.5971 15.3802 16.5901 15.3932 16.5871 15.4004C16.584 15.4078 16.5833 15.413 16.5833 15.4167C16.5833 15.4203 16.584 15.4256 16.5871 15.4329C16.5901 15.4401 16.5971 15.4531 16.6137 15.4697L17.7855 16.6416L17.4693 17.1475C17.1079 17.7257 16.8832 18.3888 16.6282 19.1538L16.4572 19.6667H14.8473L14.8445 19.6679C14.8313 19.6741 14.8113 19.6869 14.7907 19.7074C14.7702 19.728 14.7574 19.748 14.7513 19.7612L14.75 19.764V22.236L14.7513 22.2388C14.7574 22.252 14.7702 22.272 14.7907 22.2926C14.8113 22.3131 14.8313 22.3259 14.8445 22.3321L14.8473 22.3333H16.5183L16.6488 22.9206C16.7936 23.5721 17.0887 24.2434 17.4693 24.8525L17.7855 25.3584L16.6137 26.5303C16.5971 26.5469 16.5901 26.5599 16.5871 26.5671C16.584 26.5744 16.5833 26.5797 16.5833 26.5833C16.5833 26.587 16.584 26.5922 16.5871 26.5996C16.5901 26.6068 16.5971 26.6198 16.6137 26.6363L18.3637 28.3863C18.3802 28.4029 18.3932 28.4099 18.4004 28.4129C18.4078 28.416 18.413 28.4167 18.4167 28.4167C18.4203 28.4167 18.4256 28.416 18.4329 28.4129C18.4401 28.4099 18.4531 28.4029 18.4697 28.3863L19.6416 27.2145L20.1475 27.5307C20.7257 27.8921 21.3888 28.1168 22.1538 28.3718L22.6667 28.5428V30.1527L22.6679 30.1555C22.6741 30.1687 22.6869 30.1887 22.7074 30.2093C22.728 30.2298 22.748 30.2426 22.7612 30.2487L22.764 30.25H25.236L25.2388 30.2487C25.252 30.2426 25.272 30.2298 25.2926 30.2093C25.3131 30.1887 25.3259 30.1687 25.3321 30.1555L25.3333 30.1527V28.4817L25.9206 28.3512C26.5721 28.2064 27.2434 27.9113 27.8525 27.5307L28.3584 27.2145L29.5303 28.3863C29.5469 28.4029 29.5599 28.4099 29.5671 28.4129C29.5744 28.416 29.5797 28.4167 29.5833 28.4167C29.587 28.4167 29.5922 28.416 29.5996 28.4129C29.6068 28.4099 29.6198 28.4029 29.6363 28.3863L31.3863 26.6363C31.4029 26.6198 31.4099 26.6068 31.4129 26.5996C31.416 26.5922 31.4167 26.587 31.4167 26.5833C31.4167 26.5813 31.4165 26.5788 31.4158 26.5758C31.4152 26.5733 31.4143 26.5704 31.4129 26.5671C31.4099 26.5599 31.4029 26.5469 31.3863 26.5303L30.2145 25.3584L30.5307 24.8525C30.8921 24.2743 31.1168 23.6112 31.3718 22.8462L31.5428 22.3333H33.1527L33.1555 22.3321C33.1687 22.3259 33.1887 22.3131 33.2093 22.2926C33.2298 22.272 33.2426 22.252 33.2487 22.2388L33.25 22.236V19.764L33.2487 19.7612C33.2426 19.748 33.2298 19.728 33.2093 19.7074C33.1887 19.6869 33.1687 19.6741 33.1555 19.6679L33.1527 19.6667H31.4817L31.3512 19.0794C31.2064 18.4279 30.9113 17.7566 30.5307 17.1475L30.2145 16.6416L31.3863 15.4697C31.4029 15.4531 31.4099 15.4401 31.4129 15.4329C31.416 15.4256 31.4167 15.4203 31.4167 15.4167C31.4167 15.413 31.416 15.4078 31.4129 15.4004C31.4099 15.3932 31.4029 15.3802 31.3863 15.3637L29.6363 13.6137C29.6198 13.5971 29.6068 13.5901 29.5996 13.5871C29.5922 13.584 29.587 13.5833 29.5833 13.5833C29.5797 13.5833 29.5744 13.584 29.5671 13.5871C29.5599 13.5901 29.5469 13.5971 29.5303 13.6137L28.3584 14.7855L27.8525 14.4693C27.2743 14.1079 26.6112 13.8832 25.8462 13.6282L25.3333 13.4572V11.8473L25.3321 11.8445C25.3259 11.8313 25.3131 11.8113 25.2926 11.7907C25.272 11.7702 25.252 11.7574 25.2388 11.7513L25.236 11.75H22.764L22.7612 11.7513C22.748 11.7574 22.728 11.7702 22.7074 11.7907C22.6869 11.8113 22.6741 11.8313 22.6679 11.8445L22.6667 11.8473ZM25.5 21C25.5 21.8284 24.8284 22.5 24 22.5C23.1716 22.5 22.5 21.8284 22.5 21C22.5 20.1716 23.1716 19.5 24 19.5C24.8284 19.5 25.5 20.1716 25.5 21ZM27 21C27 22.6569 25.6569 24 24 24C22.3431 24 21 22.6569 21 21C21 19.3431 22.3431 18 24 18C25.6569 18 27 19.3431 27 21Z" fill="#03020D"/>
 </symbol><symbol id="sprite-icon-gui-ably-badge" viewBox="0 0 24 24"><title>sprite-icon-gui-ably-badge</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M2.77068 19.6145L11.8483 3H9.39923L1 18.3727L2.77068 19.6145ZM21.0524 19.6145L11.9748 3H14.4238L22.823 18.3727L21.0524 19.6145ZM11.9115 12.6525L20.9259 19.7123L19.0862 21L11.9115 15.3833L4.73681 21L2.89715 19.7123L11.9115 12.6525Z"/>
+</symbol><symbol fill="none" id="sprite-icon-gui-arrow-bidirectional-horizontal" viewBox="0 0 24 24"><title>sprite-icon-gui-arrow-bidirectional-horizontal</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.45338 6L10.5433 3.67789L9.05668 2.33997L5.45668 6.33997V7.6779L9.05668 11.6779L10.5433 10.34L8.4373 8L18 8V6L8.45338 6ZM15.5646 18L5.99999 18L5.99999 16L15.5447 16L13.4567 13.6801L14.9433 12.3421L18.5433 16.3421L18.5433 17.6801L14.9433 21.6801L13.4567 20.3421L15.5646 18Z" fill="currentColor"/>
+</symbol><symbol fill="none" id="sprite-icon-gui-arrow-bidirectional-vertical" viewBox="0 0 24 24"><title>sprite-icon-gui-arrow-bidirectional-vertical</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 8.24537L21.331 10.3433L22.669 8.85671L18.669 5.25671H17.331L13.331 8.85671L14.669 10.3433L17 8.24537L17 18H19L19 8.24537ZM7 15.3547L9.33103 13.2568L10.669 14.7433L6.66896 18.3433H5.33103L1.33103 14.7433L2.66896 13.2568L5 15.3547V6.00004H7V15.3547Z" fill="currentColor"/>
 </symbol><symbol fill="none" id="sprite-icon-gui-burger-menu" viewBox="0 0 24 24"><title>sprite-icon-gui-burger-menu</title>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M24 13H0V11H24V13Z" fill="currentColor"/>
 	<path fill-rule="evenodd" clip-rule="evenodd" d="M24 6H0V4H24V6Z" fill="currentColor"/>

data/lib/ably_ui/core/styles.css

@@ -9,7 +9,7 @@
     --color-bright-red: #ff2739;
     --color-jazzy-pink: #ff17d2;
     --color-light-grey: #f5f5f6;
-    --color-mid-grey: #dbdbdc;
+    --color-mid-grey: #d9d9da;
     --color-dark-grey: #76767c;
     --color-charcoal-grey: #292831;
     --color-gui-default: #0073e6;
@@ -96,8 +96,7 @@
     --fs-menu2: 1rem;
     --fs-menu3: 0.875rem;
     --fs-quote: 1.5rem;
-    --fs-code1: 1rem;
-    --fs-code2: 0.875rem;
+    --fs-code: 0.875rem;
 
     --lh-dense: 1;
     --lh-tight: 1.125;
@@ -149,6 +148,7 @@
     --spacing-chip-small: 0.5rem 0.75rem; /* 8px 12px */
     --spacing-chip: 0.75rem 1rem; /* 6px 8px */
     --spacing-chip-large: 1rem 1.25rem; /* 16px 20px */
+    --spacing-inline-code: 0.375rem 0.5rem; /* 6px 8px */
 
     /* 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.
@@ -400,12 +400,12 @@
     @apply text-menu3;
   }
 
-  .ui-text-code1 {
-    @apply font-mono font-normal text-code1;
+  .ui-text-code {
+    @apply font-mono font-semibold text-code;
   }
 
-  .ui-text-code2 {
-    @apply font-mono font-normal text-code2;
+  .ui-text-code-inline {
+    @apply font-mono font-semibold text-code text-charcoal-grey bg-light-grey p-inline-code rounded-sm mx-1;
   }
 
   .ui-unordered-list {
@@ -413,10 +413,24 @@
     @apply list-disc ml-32 mb-24;
   }
 
+  .ui-ordered-list {
+    @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),
+  .ui-ordered-list li > *:last-of-type:not(ul):not(ol) {
+    margin-bottom: 0;
+  }
+
   .ui-unordered-list ul {
     @apply ml-24 mt-16 list-circle;
   }
 
+  .ui-ordered-list ol {
+    @apply ml-24 mt-16 list-decimal;
+  }
+
   .ui-unordered-list ul ul {
     @apply list-square;
   }
@@ -436,11 +450,11 @@
 
   .ui-unordered-list-with-emphasis ul {
     margin-top: calc(var(--spacing-16) + var(--spacing-8));
-    @apply ml-24 list-disc;
+    @apply ml-24 list-circle;
   }
 
   .ui-unordered-list-with-emphasis ul ul {
-    @apply list-circle;
+    @apply list-square;
   }
 
   /* visited needs to come before :hover et all else it overrides them */

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 = '6.8.0'
+  VERSION = '6.10.0.dev.67b3652'
 end

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 6.8.0
+  version: 6.10.0.dev.67b3652
 platform: ruby
 authors:
 - Dominik Piatek
 - Arti Mathanda
 - Bruce Thomas
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-15 00:00:00.000000000 Z
+date: 2022-03-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -32,7 +32,7 @@ dependencies:
     - - "<"
       - !ruby/object:Gem::Version
         version: '2.50'
-description: 
+description:
 email:
 - dominik.piatek@ably.com
 - arti.mathanda@ably.com
@@ -196,6 +196,8 @@ files:
 - 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
@@ -204,7 +206,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
@@ -215,12 +217,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: []