ably-ui 6.9.0 → 6.10.0.dev.67b3652

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '08110eedef59aff1a62acf4bb45c830c8423c83ba6d51acad95bc1311d53de6b'
-  data.tar.gz: 8a69de889ed443e3a5401327cd625a16bfe38f16df492f4153dce152c0597954
+  metadata.gz: b85482965125b8bf93e4f5f7217b98612fa4a15259acab8f450d9a2d9956c25f
+  data.tar.gz: dd1859c485cde829f68c541a89e3ce60acc2066801ea01a62f1c899812201edf
 SHA512:
-  metadata.gz: c1a7db3ddb08408e7c4a046e4106dfceb6040f939cd9cc8a2f6d8179ec1f6d85637c2bac05d9f827fb1a84bb5cf8e8264b9de93e75304723291067f355b4f462
-  data.tar.gz: c1dd3a749fd6c9afc1a72e447f7b2ea4b1479fa16166e4174d6dd2eb76583bc4b8e07965addacb4a08d243d436fc3091f4bb8a3c374b6b933cd288c7e67c79f2
+  metadata.gz: 7b9cd51756b105e9ff664be5a3fdc713ffc1319d05a00c96ebaec5805cd85b21006cb392db296ea16257a425061608fc29a2334277f04547b9a92977ee5b4635
+  data.tar.gz: 0e1d3f98f8eba8d5e9a2a595f15daef872961f907a89a651bee916714d38251e24590d69c8c3ff22fa618e97f8d304a159ac39358812ee21385ca68fae3d0b47

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (6.5.3.dev.efd8d9f)
+    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/styles.css

@@ -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.9.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.9.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-18 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: []