ably-ui 7.8.4.dev.f992ca8 → 7.9.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: eca0b5d2b712a2d72912b595c3ae2791ef9d317a75d351128ab34c232adea3b3
-  data.tar.gz: 023ac78d51b4be017394ed64ebfd3096f922a0bae762653aad4b4490bae031c8
+  metadata.gz: d3020e6ccedac7ebb9e4c8420891dc3bc4d3202f48e6c07f4cde6ab5997ad637
+  data.tar.gz: 5232ab084b7bab5a5198a65dad133569abd3fd523b27c599542bb06fc0e2e294
 SHA512:
-  metadata.gz: fcdcd87a9fff2720129d80eb4265883d3621f1c0ccccc77b195db07bb52e9f3c9b43d05ae716e75ff461da8d4e1080929d9cfd590a08f0c6d64878ba6cd9f4fd
-  data.tar.gz: 358db8bcbe5d481f09781f30894aff903786543112c331f1c991684fbb1b4af446b8f40fb17cd3eb897ae5cfcbf5b60268ffe668ba861aa87cc59b59d2c78246
+  metadata.gz: 4d2421777de45e3a80916d8947d08af01f371b14a20afc46fa1f6624878bb0d1c6d8661ffd96633c2e55b18a30515f500038a0a43a4158b26daeeb72684cca07
+  data.tar.gz: 2c7e8bf07fe784bac1c9a4d665dce94b6ef0d2c85bd274da92e2595e57252962e22d0fa47de7f935dca0e2b45ecb07f6b63965eceed46e4a484924be7dfc859d

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (7.8.4)
+    ably-ui (7.9.0)
       view_component (>= 2.33, < 2.50)
 
 GEM

data/lib/ably_ui/core/styles.css

@@ -15,10 +15,9 @@
     --color-charcoal-grey: #292831;
     --color-gui-default: #0073e6;
     --color-gui-hover: #0867c4;
-    --color-gui-focus: #0073e6;
-    --color-gui-focus-outline: #80b9f2;
+    --color-gui-focus: #80b9f2;
     --color-gui-active: #074095;
-    --color-gui-visited: #4887c2;
+    --color-gui-viewed: #4887c2;
     --color-gui-unavailable: #a8a8a8;
     --color-gui-error: #fb0c0c;
     --color-gui-success: #11cb24;
@@ -156,7 +155,7 @@
     /* 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.
        alternatively, look for ui-grid-* helpers. */
-    --bp-xs: 428px; /* gutters 8px, side-margin 24px */
+    --bp-xs: 375px; /* gutters 8px, side-margin 24px */
     --bp-sm: 768px; /* gutters 16px, side-margin 32px */
     --bp-md: 1040px; /* gutters 24px, side-margin 40px, meganav desktop */
     --bp-lg: 1280px; /* gutters 24px, side-margin 64px */
@@ -344,17 +343,17 @@
   }
 
   .ui-text-p1 {
-    @apply font-sans font-light text-charcoal-grey;
+    @apply font-sans font-light text-cool-black;
     @apply text-p1;
   }
 
   .ui-text-p2 {
-    @apply font-sans font-light text-charcoal-grey;
+    @apply font-sans font-light text-cool-black;
     @apply text-p2;
   }
 
   .ui-text-p3 {
-    @apply font-sans font-light text-charcoal-grey;
+    @apply font-sans font-light text-cool-black;
     @apply text-p3;
   }
 
@@ -460,18 +459,24 @@
     @apply list-square;
   }
 
-  .ui-link {
-    @apply visited:text-gui-visited;
-    @apply hover:text-gui-hover active:text-gui-active disabled:text-gui-unavailable;
-    @apply focus:text-gui-focus focus:outline-gui-focus;
-    @apply underline;
+  /* visited needs to come before :hover et all else it overrides them */
+  .ui-link:visited {
+    @apply text-gui-viewed;
   }
 
-  .ui-link-neutral {
-    @apply visited:text-dark-grey;
-    @apply hover:text-dark-grey active:text-cool-black disabled:text-gui-unavailable;
-    @apply focus:text-gui-focus focus:outline-gui-focus-neutral;
-    @apply underline;
+  .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 {

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '7.8.4.dev.f992ca8'
+  VERSION = '7.9.1'
 end

metadata

@@ -1,16 +1,16 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 7.8.4.dev.f992ca8
+  version: 7.9.1
 platform: ruby
 authors:
 - Dominik Piatek
 - Arti Mathanda
 - Bruce Thomas
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-06-22 00:00:00.000000000 Z
+date: 2022-06-23 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
@@ -91,7 +91,6 @@ files:
 - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff
 - lib/ably_ui/core/fonts/NEXT-Book-Medium.woff2
 - lib/ably_ui/core/fonts/next.css
-- lib/ably_ui/core/fonts/source-code-pro.css
 - lib/ably_ui/core/footer/component.css
 - lib/ably_ui/core/footer/component.js
 - lib/ably_ui/core/footer/footer.html.erb
@@ -202,8 +201,6 @@ 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
@@ -212,7 +209,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
@@ -223,12 +220,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 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: []

data/lib/ably_ui/core/fonts/source-code-pro.css

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

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

@@ -1 +0,0 @@
-!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

@@ -1 +0,0 @@
-!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})()}));