keystone_ui 0.12.0 → 0.12.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1ba08014c8024c4d2be934c04bf5986fabf96067a28816c89b27a68593865878
-  data.tar.gz: 22c8e2fe139a1cb802d7c7e694f54aa95f627f2a8eb0808f9ec65db78a5762ab
+  metadata.gz: 702c1e314aec36dbb95ed4f5541c4bdab916eba0e92f19a85f74ff641ed183f0
+  data.tar.gz: 0252fa96678cb96ab89cae69ad368cc5139ef30ea3c2f8c4ffdfe880a1e511e9
 SHA512:
-  metadata.gz: 8115ce638bb73b100305498b251d5ce6a8d4993d82587061f74dfe24f04f5c039f5bfc33158661daf8d6e305e8c9b866c78ef70102be03e1a7da892b02170ffe
-  data.tar.gz: 7f92473cf68ce1eda055362700d86ac278844b4825763ea7b304dad3ddc0d2a2661b1572b8808a9d5043b36fafaf3518ebb00908b04f01f09910d9c74d08ce70
+  metadata.gz: 9e8be46029fad363c665045bec462c689ceeec5c5b31a4cdec2de99e1a0f661506d8dcc09585d4a1457c201174de5f46ff9bd730524fba0506b0403b28bf4bff
+  data.tar.gz: 22301b268679a53f5c128a1ef20b921cddedf8532f279e3c8065379d72e4a5eaeb64a27f0702bd06593ee4bcd224ab57d468c6c12f6748294061ed9634991021

data/app/components/keystone/ui/radio_card_component.html.erb

@@ -1,4 +1,4 @@
-<label class="block cursor-pointer">
+<label class="inline-block cursor-pointer">
   <input type="radio" name="<%= name %>" value="<%= value %>" <%= "checked" if checked? %> class="peer sr-only">
   <span class="<%= classes %>">
     <span class="<%= label_classes %>"><%= label %></span>

data/app/components/keystone/ui/radio_card_component.rb

@@ -3,10 +3,10 @@
 module Keystone
   module Ui
     class RadioCardComponent < ViewComponent::Base
-      BASE_CLASSES = "block p-4 rounded-lg border-2 cursor-pointer transition"
-      HIGHLIGHT_CLASSES = "border-surface-200 peer-checked:border-accent-500 peer-checked:bg-accent-50"
-      LABEL_CLASSES = "block font-medium text-surface-900"
-      HINT_CLASSES = "block mt-1 text-sm text-surface-500"
+      BASE_CLASSES = "inline-flex flex-col px-4 py-3 rounded-lg border-2 cursor-pointer transition"
+      HIGHLIGHT_CLASSES = "border-gray-200 dark:border-zinc-700 peer-checked:border-accent-500 peer-checked:bg-accent-50 dark:peer-checked:bg-zinc-800"
+      LABEL_CLASSES = "block font-medium text-gray-900 dark:text-gray-100"
+      HINT_CLASSES = "block mt-1 text-sm text-surface-500 dark:text-gray-400"
 
       attr_reader :name, :value, :label, :hint
 

data/app/components/keystone/ui/stat_card_component.html.erb

@@ -14,7 +14,5 @@
   <p class="<%= value_classes %>">
     <% if link? %><a href="<%= href %>" class="<%= value_link_classes %>"><%= value %></a><% else %><%= value %><% end %><% if suffix? %><span class="<%= suffix_classes %>"> <%= suffix %></span><% end %>
   </p>
-  <% if change? %>
-    <p class="mt-1 text-sm font-medium <%= change_classes %>"><%= change_label %></p>
-  <% end %>
+  <p class="<%= change_row_classes %>"><%= change_label %></p>
 </div>

data/app/components/keystone/ui/stat_card_component.rb

@@ -8,6 +8,7 @@ module Keystone
       VALUE_BASE_CLASSES = "mt-1 text-3xl font-bold"
       SUFFIX_CLASSES = "text-lg text-gray-500 dark:text-gray-400"
       DISCLOSURE_CLASSES = "hidden peer-hover:block peer-focus-visible:block absolute inset-x-0 top-full z-10 mt-2 space-y-1 rounded-lg border border-gray-200 bg-white p-3 text-sm text-gray-600 shadow-lg dark:border-zinc-700 dark:bg-zinc-800 dark:text-gray-400"
+      CHANGE_ROW_CLASSES = "mt-1 h-5 text-sm font-medium"
       VALUE_LINK_CLASSES = "hover:underline focus:outline-none focus-visible:underline"
       INFO_BUTTON_CLASSES = "peer shrink-0 text-gray-400 transition hover:text-accent-600 dark:hover:text-accent-400"
 
@@ -73,14 +74,20 @@ module Keystone
       end
 
       def change_label
+        return "" unless change?
+
         formatted = "#{format("%.1f", @change.abs)}%"
         return formatted if @change.zero?
 
         "#{@change.negative? ? "▼" : "▲"} #{formatted}"
       end
 
+      def change_row_classes
+        "#{CHANGE_ROW_CLASSES} #{change_classes}"
+      end
+
       def change_classes
-        return "text-gray-500 dark:text-gray-400" if @change.zero?
+        return "text-gray-500 dark:text-gray-400" if !change? || @change.zero?
         return "text-red-600 dark:text-red-400" if @change.negative?
 
         "text-green-600 dark:text-green-400"

data/lib/keystone_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module KeystoneUi
-  VERSION = "0.12.0"
+  VERSION = "0.12.2"
 end

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: keystone_ui
 version: !ruby/object:Gem::Version
-  version: 0.12.0
+  version: 0.12.2
 platform: ruby
 authors:
 - Tyler Schneider
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-09-15 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: keystone_ui-styles
@@ -219,8 +218,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.16
-signing_key:
+rubygems_version: 4.0.20
 specification_version: 4
 summary: Reusable UI component system for Rails applications.
 test_files: []