ably-ui 8.7.0.dev.a5a9be3 → 8.7.0.dev.a7c6637

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 36f64936b44ed4b74c92e6f647cc26ad52abdafa5b1d68cee7fccc78589d4bf2
-  data.tar.gz: 3d89348067dde346f1bac44b95bc03fd0d7d95779df91c468e861aa2dbd6de1f
+  metadata.gz: eb220e825899d696a3931fd47d8e36bab3de03cd0bdb5d2f13d2481ffdf0ee3d
+  data.tar.gz: 4dff2e12e1b602e38dd2aed93b8d6e55e15d193a07883318a719f6c90a579f60
 SHA512:
-  metadata.gz: 68d0d18f1d78fea231cd3fd3b963e159fbff29d118ba4d437513e0a23043dccaa645935cd0455127215937ecb1d5b1afc1b93978875158bde22924b86292310a
-  data.tar.gz: 573a1ea16fbe5bc6d7b1f0633722a968243ee4bc63a432594102c178164dfe629dcab05e528a00c5b00f9cfad2c1a76fb9caee66c51661d0230e273e2c17067b
+  metadata.gz: 67b3a0222d68e198f78b9dc49fd7687ee6863eed3d32f0a9c721a38f2059a71c89e474e450d189de147f41a639ee73473ae055168852cd7c1ff1ef4222f330a3
+  data.tar.gz: 9d3e331555f281cea0987319ad50597ce9bc2e5724c045d9dbd6eb0205b7df9b9836a8bd34497dedd690d1f4f5f482858c89c6d3663824b7112fae7f2e118e3e

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (8.7.0.dev.c598ce1)
+    ably-ui (8.7.0.dev.35640ff)
       view_component (>= 2.33, < 2.50)
 
 GEM

data/README.md

@@ -294,14 +294,10 @@ To deploy a review app with your in-progress code, you can use the `pre-release`
 scripts/pre-release.sh
 ```
 
-This script is a combination of two scripts:
+This will do a couple of things:
 
-1. Pre-Release:
-
-- update your local dependencies for ably-ui and run a production build
-- release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
-
-2. Update Pre-Release Version:
+— update your local dependencies for ably-ui and run a production build
+— release a gem and a NPM package with the version built from your current SemVer but adding a pre-release tag based on a short SHA of your HEAD commit
 
 - update the preview app
 - commit all the above and push to origin

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

@@ -8,7 +8,7 @@
   }
 
   .ui-footer-link {
-    @apply text-gui-default hover:text-gui-hover text-menu3 font-light;
+    @apply text-gui-default hover:text-gui-hover hover:underline text-menu3 font-light;
   }
 
   .ui-footer-compliance-text {

data/lib/ably_ui/core/footer/footer.html.erb

@@ -87,9 +87,9 @@
         <li class="p-menu-row-snug">
           <%= link_to 'SDKs', abs_url("/download"), class: "ui-footer-menu-row-link" %>
         </li>
-        <li class="p-menu-row-snug flex items-center -mt-4">
+        <li class="p-menu-row-snug flex items-center">
           <a class="pr-8 ui-footer-menu-row-link" href="https://status.ably.com/">System status</a>
-          <iframe class="w-20 h-20 mb-2" src="https://status.ably.com/embed/icon" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
+          <iframe class="w-24 h-24 mt-4" src="https://status.ably.com/embed/icon" allowtransparency="true" frameborder="0" scrolling="no"></iframe>
         </li>
       </ul>
     </div>
@@ -147,7 +147,7 @@
     <hr class="border-t border-mid-grey my-0"/>
   </div>
   <%# Twitter + Glassdoor SM * above + Glassdoor XS  + Badges %>
-  <div class="max-w-screen-xl mx-auto py-16 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
+  <div class="max-w-screen-xl mx-auto py-32 grid ui-grid-gap ui-grid-px sm:grid-cols-2">
     <div class="md:flex md:items-center">
       <div class="flex flex-col md:flex-row flex-auto ml-8 sm:col-span-1 md:col-span-2">
         <div class="">
@@ -194,7 +194,7 @@
         <div class="border-t border-mid-grey w-full"></div>
         <div class="flex py-24">
           <a
-                class="h-24 pr-16 text-cool-black hover:text-icon-glassdoor"
+                class="h-24 pr-24 text-cool-black hover:text-icon-glassdoor"
                 href="https://www.glassdoor.co.uk/Overview/Working-at-Ably-EI_IE2184188.11,15.htm"
                 title="Ably reviews on glassdoor"
               >
@@ -210,9 +210,9 @@
       </div>
     </div>
     <div class="col-span-full sm:col-span-1 inline-flex sm:ml-auto sm:items-center">
-      <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 h-80") %>
-      <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 h-80") %>
-      <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 h-80") %>
+      <%= image_tag(highest_user_adoption, alt: "Highest User Adoption 2022", class: "mr-24 w-96 h-96") %>
+      <%= image_tag(users_love_us, alt: "Users Love Us", class: "mr-24 w-96 h-96") %>
+      <%= image_tag(highest_performer, alt: "High Performer 2022", class: "mr-24 w-96 h-96") %>
     </div>
   </div>
   <div class="max-w-screen-xl ui-grid-px mx-auto">
@@ -227,7 +227,7 @@
         <%= link_to 'Privacy', abs_url("/privacy"), class: "ui-footer-link" %>
       </div>
     </div>
-    <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-8 md:justify-items-end">
+    <div class="xs:grid xs:grid-cols-2 sm:grid-cols-4 xs:pl-16 sm:pl-0 ">
       <div class="flex mr-24">
         <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
         <div>
@@ -236,23 +236,23 @@
         </div>
       </div>
       <div class="flex mr-24 md:col-start-2">
-        <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
+        <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
         <div>
-          <p class="ui-footer-compliance-text font-medium whitespace-nowrap">HIPAA</p>
+          <p class="ui-footer-compliance-text font-medium">HIPAA</p>
           <p class="ui-footer-compliance-text font-light mb-24">Compliant</p>
         </div>
       </div>
       <div class="flex mr-24 md:col-start-3">
-        <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
+        <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
         <div>
-          <p class="ui-footer-compliance-text font-medium whitespace-nowrap">EU GDPR</p>
+          <p class="ui-footer-compliance-text font-medium">EU GDPR</p>
           <p class="ui-footer-compliance-text font-light mb-24">Certified</p>
         </div>
       </div>
       <div class="flex mr-24 md:col-start-4">
-        <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12 ui-footer-tick-icon")) %>
+        <%= render(AblyUi::Core::Icon.new(name: "icon-gui-tick", color: "text-active-orange", size: "1.5rem", additional_css:"bg-white rounded-full mr-12")) %>
         <div>
-          <p class="ui-footer-compliance-text font-medium whitespace-nowrap">256-bit AES</p>
+          <p class="ui-footer-compliance-text font-medium">256-bit AES</p>
           <p class="ui-footer-compliance-text font-light mb-24">Encryption</p>
         </div>
       </div>

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '8.7.0.dev.a5a9be3'
+  VERSION = '8.7.0.dev.a7c6637'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 8.7.0.dev.a5a9be3
+  version: 8.7.0.dev.a7c6637
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-01-09 00:00:00.000000000 Z
+date: 2023-01-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component