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

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 892b09892d8e23e3fe5b3575ed53a9a141d1e8a6fc213f04165a5309cf5485ac
-  data.tar.gz: 4a55ef48dcb10866d8f7527bfbfba5beb4c4d056fbf098d09a8846fee7a51462
+  metadata.gz: 14025d0f909f489747600675d08c445168855f6bd4e5cfda0a55b60640b415fe
+  data.tar.gz: afcbae3fec127ea0234fece378724479a564905903e728a56ca15fe1261e7c57
 SHA512:
-  metadata.gz: a6088e0906e167b3e94164454b469799ceb39fe259d6db080468631eb44f7aad4ee1a8261adcfa4697e117a933ae9cb2c4cc8547aa99d5f00b9ef69dde5eb81b
-  data.tar.gz: 198650b90c12a3344b79e1cd4ae64ca995450dac4d65f36e2405084c2112caf9566532591d58108619ed3fde854702475d636fd2475e6a86448cb76ba8893a08
+  metadata.gz: dee555ee684431ba58ca0aa1811569fd1d3d69e06c42861d30a0dc0d17d4180e5d9c4fd11074a71f2b790e100598542409dd015b96fb9f85bd8bed0b8c3d4462
+  data.tar.gz: 067daa00bb3ef6398cea3b23e3c8cf847dc75919b565bdba1cc1424d7565b91d60703f8b4c94e119abd369cbdab50b87a78822be23fd0c80d096e4efb5f31d36

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.abfa747'
 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.abfa747
 platform: ruby
 authors:
 - Dominik Piatek