ably-ui 11.7.1.dev.a87b30a → 11.7.1.dev.d65c98c

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 892b09892d8e23e3fe5b3575ed53a9a141d1e8a6fc213f04165a5309cf5485ac
-  data.tar.gz: 4a55ef48dcb10866d8f7527bfbfba5beb4c4d056fbf098d09a8846fee7a51462
+  metadata.gz: '08e7da0cfda8df93b660d8d5e8a45692bdc97706c1852769f8c24c3a96d60120'
+  data.tar.gz: 0d297a53434f82e20f9e9233cd7e4154ffee06e8aaa6642568d14a6e906a08b6
 SHA512:
-  metadata.gz: a6088e0906e167b3e94164454b469799ceb39fe259d6db080468631eb44f7aad4ee1a8261adcfa4697e117a933ae9cb2c4cc8547aa99d5f00b9ef69dde5eb81b
-  data.tar.gz: 198650b90c12a3344b79e1cd4ae64ca995450dac4d65f36e2405084c2112caf9566532591d58108619ed3fde854702475d636fd2475e6a86448cb76ba8893a08
+  metadata.gz: d9a053d9c6e227f2e4df821c9cf3734725cb503451b0742f798e44c422bbb458639d751dcc1fc875cc0e286a72d5d4a187711fd5269e6f9ea37f5839e8cf6f0d
+  data.tar.gz: 2295f0fb06ae9616c717edad8639de92bd72c44dca57e34f5c4432df493606c6b1e7b558fb15eb0e949fb3bc315df725b254be8062ed508ab214608d4f85d136

data/Gemfile.lock

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

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

@@ -1,16 +1,7 @@
 @layer components {
   .ui-featured-link {
     @apply font-sans font-bold block;
-    @apply text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus;
-  }
-
-  .ui-featured-link:hover svg {
-    @apply left-0;
-  }
-
-  .ui-featured-link-icon {
-    transition: left 100ms ease-in-out;
-    @apply align-middle ml-8 relative -top-1 -left-4;
+    @apply text-neutral-500 hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus;
   }
 }
 

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

@@ -1,6 +1,15 @@
-<%= link_to(@url, class: "ui-featured-link #{@text_size} #{@flush ? '' : 'py-8'}  #{@additional_css}", style: "--featured-link-icon-size: var(#{@text_size.gsub("text", "--fs")})") do %>
-  <%= content -%><%= render(AblyUi::Core::Icon.new(name: "icon-gui-link-arrow",
-                                                   size: "calc(var(--featured-link-icon-size) * 1.25)",
-                                                   color: @icon_color,
-                                                   additional_css: "ui-featured-link-icon")) %>
+<%= link_to(@url, class: "ui-featured-link group #{@text_size} #{@flush ? '' : 'py-8'}  #{@additional_css}", style: "--featured-link-icon-size: var(#{@text_size.gsub("text", "--fs")})") do %>
+  <% if @reverse %>
+    <%= render(AblyUi::Core::Icon.new(name: "icon-gui-link-arrow",
+                                      size: "calc(var(--featured-link-icon-size) * 1.25)",
+                                      color: @icon_color,
+                                      additional_css: "ui-featured-link-icon align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180")) %>
+    <%= content -%>
+  <% else %>
+    <%= content -%><%= render(AblyUi::Core::Icon.new(name: "icon-gui-link-arrow",
+                                                     size: "calc(var(--featured-link-icon-size) * 1.25)",
+                                                     color: @icon_color,
+                                                     additional_css: "ui-featured-link-icon align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0")) %>
+  <% end %>
+
 <% end %>

data/lib/ably_ui/core/featured_link/featured_link.rb

@@ -3,15 +3,17 @@ module AblyUi
     class FeaturedLink < ViewComponent::Base
       def initialize(
         url:,
-        text_size: 'text-menu3',
+        text_size: 'text-p2',
         icon_color: 'text-cool-black',
         flush: false,
+        reverse: false,
         additional_css: ''
       )
         @url = url
         @text_size = text_size
         @icon_color = icon_color
         @flush = flush
+        @reverse = reverse
         @additional_css = additional_css
       end
     end

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '11.7.1.dev.a87b30a'
+  VERSION = '11.7.1.dev.d65c98c'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 11.7.1.dev.a87b30a
+  version: 11.7.1.dev.d65c98c
 platform: ruby
 authors:
 - Dominik Piatek