ably-ui 7.1.0 → 7.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9ec5ccd54e6c1f484f6eedc575460bc5a737c3ef07171bcd8d42a273fb1aac03
-  data.tar.gz: a74a343c08b9207daf6b98cd89c45fb12dee1b568f2a71417890d03b8db850a3
+  metadata.gz: 5e8ea235b9540a6f33ff71df69fe0d80bfbfdd9a52cc40b8649c4d7f3f57378e
+  data.tar.gz: 9a710ebd9eb8690273277994b3307d81b1ede423972288fbc8f1ed4024d4256a
 SHA512:
-  metadata.gz: 57c5bd278a0362bcbc4b2385c16533cd73cbc8ca58047021b19f02615411973f8cf1979fefd02e6e8f6bae7973a9ec5a71bfe7e882a47c58040d1153a7671361
-  data.tar.gz: 45f1b08f3f89239dc4fc513efa66914d0f2734ab337556e966e907b60826ae7fad4409cf45a7f42e6a79231269aba7b37bd99d6209874bfd4a770b2fa7ac21af
+  metadata.gz: 7c94bc8c8cb9011df14e74479c90e2ba38047e44ddc3b407667bc30a50013669e59a5656bb1d18d2a32d71865fbda7961b4450542cfd687ac7d7471592f43969
+  data.tar.gz: d1e6bf484e1062c7b6a5c6119441bceee87535129a73a5283875530189d5ff4760b52168665ece4e8b69bb497d8dc853d172043ee9510c089285686dee99eb1e

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (7.0.1.dev.778adc0)
+    ably-ui (7.1.0.dev.97a5585)
       view_component (>= 2.33, < 2.50)
 
 GEM

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

@@ -74,10 +74,10 @@
       <h2 class="ui-footer-col-title">Developers</h2>
       <ul>
         <li class="p-menu-row-snug">
-          <%= link_to 'Start in 5 minutes', abs_url("/documentation/quick-start-guide"), class: "ui-footer-menu-row-link" %>
+          <%= link_to 'Start in 5 minutes', abs_url("/docs/quick-start-guide"), class: "ui-footer-menu-row-link" %>
         </li>
         <li class="p-menu-row-snug">
-          <%= link_to 'Documentation', abs_url("/documentation"), class: "ui-footer-menu-row-link" %>
+          <%= link_to 'Documentation', abs_url("/docs"), class: "ui-footer-menu-row-link" %>
         </li>
         <li class="p-menu-row-snug">
           <%= link_to 'Tutorials', abs_url("/tutorials"), class: "ui-footer-menu-row-link" %>

data/lib/ably_ui/core/loader/component.js

@@ -0,0 +1 @@
+!function(e,o){"object"==typeof exports&&"object"==typeof module?module.exports=o():"function"==typeof define&&define.amd?define([],o):"object"==typeof exports?exports.AblyUi=o():(e.AblyUi=e.AblyUi||{},e.AblyUi.Core=e.AblyUi.Core||{},e.AblyUi.Core.Loader=o())}(this,(function(){return{}.default}));

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

@@ -0,0 +1,18 @@
+<%= tag.svg class: "#{ring_color} #{additional_css}", style: "width: #{size}; height: #{size}", width: "24", height: "24", view_box: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" do %>
+  <style>
+    @keyframes chunk-animation {
+      to {
+        transform: rotate(360deg);
+      }
+    }
+
+    .chunk {
+      transform: rotate(0deg);
+      transform-origin: center;
+      animation: chunk-animation 0.6s cubic-bezier(.44,.15,.66,.98) forwards infinite;
+    }
+  </style>
+
+  <path fill="currentColor" d="m12 1.99976c-1.9778 0-3.91121.58649-5.5557 1.6853s-2.92621 2.6606-3.68309 4.48786c-.75688 1.82728-.95491 3.83788-.56906 5.77778.38585 1.9398 1.33826 3.7216 2.73679 5.1201 1.39852 1.3985 3.18035 2.351 5.12016 2.7368 1.9398.3859 3.9505.1878 5.7777-.569 1.8273-.7569 3.3891-2.0387 4.4879-3.6831 1.0988-1.6445 1.6853-3.5779 1.6853-5.5557 0-1.3133-.2587-2.61362-.7612-3.82688-.5025-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612zm0 18.00004c-1.5822 0-3.12896-.4692-4.44456-1.3483-1.31559-.879-2.34097-2.1285-2.94647-3.5903s-.76393-3.0703-.45525-4.6222c.30868-1.55181 1.07061-2.97728 2.18943-4.0961s2.54428-1.88074 4.09615-2.18943c1.5518-.30868 3.1604-.15025 4.6222.45525s2.7112 1.63088 3.5903 2.94647c.879 1.3156 1.3482 2.86231 1.3482 4.44461 0 2.1217-.8428 4.1565-2.3431 5.6568s-3.5352 2.3432-5.6569 2.3432z" opacity=".5"/>
+  <path className="chunk" d="m20 11.9998h2c0-1.3133-.2587-2.61362-.7612-3.82688-.5026-1.21325-1.2391-2.31565-2.1677-3.24423-.9286-.92859-2.031-1.66518-3.2443-2.16773-1.2132-.50255-2.5136-.7612-3.8268-.7612v2c2.1217 0 4.1566.84285 5.6569 2.34314 1.5002 1.50029 2.3431 3.53512 2.3431 5.6569z" fill="#ff5416"/>
+<% end %>

data/lib/ably_ui/core/loader/loader.rb

@@ -0,0 +1,19 @@
+module AblyUi
+  module Core
+    class Loader < ViewComponent::Base
+      attr_reader :size
+      attr_reader :ring_color
+      attr_reader :additional_css
+
+      def initialize(
+        size: '1.5rem',
+        ring_color: 'text-dark-grey',
+        additional_css: ''
+      )
+        @size = size
+        @ring_color = ring_color
+        @additional_css = additional_css
+      end
+    end
+  end
+end

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

@@ -11,7 +11,7 @@
       Docs, quick start guides, tutorials, and API reference to help you start building with Ably’s platform and APIs.
     </p>
 
-    <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/documentation"))) do %>Visit Documentation<% end %>
+    <%= render(AblyUi::Core::FeaturedLink.new(url: abs_url("/docs"))) do %>Visit Documentation<% end %>
   </div>
 
   <div>

data/lib/ably_ui/core/styles.css

@@ -19,13 +19,13 @@
     --color-gui-viewed: #4887c2;
     --color-gui-unavailable: #a8a8a8;
     --color-gui-error: #fb0c0c;
+    --color-gui-success: #11cb24;
 
     /* code syntax: theme */
     --syntax-black: var(--color-cool-black);
     --syntax-dark-grey: var(--color-dark-grey);
     --syntax-mid-grey: var(--color-mid-grey);
     --syntax-light-grey: var(--color-light-grey);
-
     --syntax-orange: #e78c45;
     --syntax-yellow: #e7c547;
     --syntax-blue: #3490ec;
@@ -154,7 +154,7 @@
        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-sm: 600px; /* gutters 16px, side-margin 32px */
+    --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 */
     --bp-xl: 1440px; /* gutters 32px, side-margin 64px */

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '7.1.0'
+  VERSION = '7.2.0'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 7.1.0
+  version: 7.2.0
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-04-01 00:00:00.000000000 Z
+date: 2022-04-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -130,6 +130,9 @@ files:
 - lib/ably_ui/core/images/rocket-list-2021.png
 - lib/ably_ui/core/images/scale-motif-open-empathetic.svg
 - lib/ably_ui/core/images/technical-support-01-800x533.jpg
+- lib/ably_ui/core/loader/component.js
+- lib/ably_ui/core/loader/loader.html.erb
+- lib/ably_ui/core/loader/loader.rb
 - lib/ably_ui/core/logo/component.js
 - lib/ably_ui/core/logo/logo.html.erb
 - lib/ably_ui/core/logo/logo.rb