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

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 892b09892d8e23e3fe5b3575ed53a9a141d1e8a6fc213f04165a5309cf5485ac
4
- data.tar.gz: 4a55ef48dcb10866d8f7527bfbfba5beb4c4d056fbf098d09a8846fee7a51462
3
+ metadata.gz: '08e7da0cfda8df93b660d8d5e8a45692bdc97706c1852769f8c24c3a96d60120'
4
+ data.tar.gz: 0d297a53434f82e20f9e9233cd7e4154ffee06e8aaa6642568d14a6e906a08b6
5
5
  SHA512:
6
- metadata.gz: a6088e0906e167b3e94164454b469799ceb39fe259d6db080468631eb44f7aad4ee1a8261adcfa4697e117a933ae9cb2c4cc8547aa99d5f00b9ef69dde5eb81b
7
- data.tar.gz: 198650b90c12a3344b79e1cd4ae64ca995450dac4d65f36e2405084c2112caf9566532591d58108619ed3fde854702475d636fd2475e6a86448cb76ba8893a08
6
+ metadata.gz: d9a053d9c6e227f2e4df821c9cf3734725cb503451b0742f798e44c422bbb458639d751dcc1fc875cc0e286a72d5d4a187711fd5269e6f9ea37f5839e8cf6f0d
7
+ data.tar.gz: 2295f0fb06ae9616c717edad8639de92bd72c44dca57e34f5c4432df493606c6b1e7b558fb15eb0e949fb3bc315df725b254be8062ed508ab214608d4f85d136
data/Gemfile.lock CHANGED
@@ -1,7 +1,7 @@
1
1
  PATH
2
2
  remote: .
3
3
  specs:
4
- ably-ui (11.7.1)
4
+ ably-ui (11.7.1.dev.a87b30a)
5
5
  view_component (>= 2.33, < 2.50)
6
6
 
7
7
  GEM
@@ -1,16 +1,7 @@
1
1
  @layer components {
2
2
  .ui-featured-link {
3
3
  @apply font-sans font-bold block;
4
- @apply text-gui-default hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus;
5
- }
6
-
7
- .ui-featured-link:hover svg {
8
- @apply left-0;
9
- }
10
-
11
- .ui-featured-link-icon {
12
- transition: left 100ms ease-in-out;
13
- @apply align-middle ml-8 relative -top-1 -left-4;
4
+ @apply text-neutral-500 hover:text-gui-hover focus:text-gui-focus focus:outline-gui-focus;
14
5
  }
15
6
  }
16
7
 
@@ -1,6 +1,15 @@
1
- <%= 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 %>
2
- <%= content -%><%= render(AblyUi::Core::Icon.new(name: "icon-gui-link-arrow",
3
- size: "calc(var(--featured-link-icon-size) * 1.25)",
4
- color: @icon_color,
5
- additional_css: "ui-featured-link-icon")) %>
1
+ <%= 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 %>
2
+ <% if @reverse %>
3
+ <%= render(AblyUi::Core::Icon.new(name: "icon-gui-link-arrow",
4
+ size: "calc(var(--featured-link-icon-size) * 1.25)",
5
+ color: @icon_color,
6
+ additional_css: "ui-featured-link-icon align-middle mr-8 relative -top-1 -right-4 transition-all group-hover:right-0 transform rotate-180")) %>
7
+ <%= content -%>
8
+ <% else %>
9
+ <%= content -%><%= render(AblyUi::Core::Icon.new(name: "icon-gui-link-arrow",
10
+ size: "calc(var(--featured-link-icon-size) * 1.25)",
11
+ color: @icon_color,
12
+ additional_css: "ui-featured-link-icon align-middle ml-8 relative -top-1 -left-4 transition-all group-hover:left-0")) %>
13
+ <% end %>
14
+
6
15
  <% end %>
@@ -3,15 +3,17 @@ module AblyUi
3
3
  class FeaturedLink < ViewComponent::Base
4
4
  def initialize(
5
5
  url:,
6
- text_size: 'text-menu3',
6
+ text_size: 'text-p2',
7
7
  icon_color: 'text-cool-black',
8
8
  flush: false,
9
+ reverse: false,
9
10
  additional_css: ''
10
11
  )
11
12
  @url = url
12
13
  @text_size = text_size
13
14
  @icon_color = icon_color
14
15
  @flush = flush
16
+ @reverse = reverse
15
17
  @additional_css = additional_css
16
18
  end
17
19
  end
@@ -1,3 +1,3 @@
1
1
  module AblyUi
2
- VERSION = '11.7.1.dev.a87b30a'
2
+ VERSION = '11.7.1.dev.d65c98c'
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ably-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 11.7.1.dev.a87b30a
4
+ version: 11.7.1.dev.d65c98c
5
5
  platform: ruby
6
6
  authors:
7
7
  - Dominik Piatek