ably-ui 7.8.2.dev.b40c1c7 → 7.8.2.dev.e8b31f4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6bc95f950b8fa14b809c4be0aead7ce8487e0a1f01d84e52e199f0e5ac6c2dce
-  data.tar.gz: 539035910801cd764259bc43ae802aa0d87ea4ffe0cc400003b790ed7864cbb6
+  metadata.gz: 93fe05c1f516bd76cd872302ea5300bb8117129228348fca7442355c1afb5c37
+  data.tar.gz: 5ebcc9f5f087c67c4adc6efa9ee507640f894a4ecef0b41b4aad4360c9f154ca
 SHA512:
-  metadata.gz: 35e6cf7bb30437e759e8166d4874a18a1703cc70f744b2f902d3bc8260a8a6a0e8a75e7543e80fe69ec33b8ee2c1aa562108d2b4968e4bd84ee7fc53783c303f
-  data.tar.gz: 02fe08c6eb2013a273981cf3052057279127b6dc0ed5b986866f3003268a951df2e7a234c8ea5128d46fb30d1d590506a332cb365e2d5db56586a7b914d9e1ea
+  metadata.gz: 99cfd4edbc8e1bcddc11bdbe8ca3c255e38315a214fb456689f13fb87b218d26204d9a9c5c247f22f9755b54203029cb2e0b11cc4909f067a5283fa3f582e178
+  data.tar.gz: 27951a326a734504d60d4d89779916ae073828535173619d08397beebbb7d1526978a9b99192e5bef9f00bcfb2cc06fbc4849b8293fdc4dcf4eb3d9d3a5a78de

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

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

data/lib/ably_ui/core/styles.css

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

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '7.8.2.dev.b40c1c7'
+  VERSION = '7.8.2.dev.e8b31f4'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 7.8.2.dev.b40c1c7
+  version: 7.8.2.dev.e8b31f4
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-06-20 00:00:00.000000000 Z
+date: 2022-06-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -91,6 +91,7 @@ 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