tramway 0.6.0.3 → 0.6.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: bf2ab80ae30a9e91fbae5ec778765d2b188111dcc73b7345ca1e4fd2191a68ac
-  data.tar.gz: 8913fd30d94589d60498e68edc4b24c7f130f2463c5a874cab87c8cc2eb645d2
+  metadata.gz: 7fffab981c47137351c1b55fb952713cf8ee9f1b4ba963ca60e2349d8e836d2e
+  data.tar.gz: e858d3b6377eb934c5ae15bccee505a65f1a4abdb4d7088340f7271ba923c8f8
 SHA512:
-  metadata.gz: ce7b37bd2c408441f4409a20d96883604fea9077e5d884f820ad6ebf218f5d6a6680195ed21d0f305d19b3ace0b01ebcd6f1439c8efa3b87dd0bbba49d1d7652
-  data.tar.gz: 9e28805788ce2ce3b7e82ed9ef09f463942e5ac0fe43617783235c48fcc4809b5fd7ed47d56c8238842ebb268ea805e543c150b5129fa6ba87bcf2f73c3ed0a9
+  metadata.gz: 82dede0fafef9b81bf1e2bf12da749d14a7bf508d7855d57497ccecefb5f2bcb779c89460fdda9f4bdb71bdd6af6df224cb7c0036b457dba0f6d44e703f61cd5
+  data.tar.gz: 37b31c109c429c1d5979a8bbbff3c5ef171653b2abbadc8b2a41c979096af9cf22b0302ede6496539fb8755c4fb83766f01cfe1f98d3e4761a27bb1b89b6903b

data/README.md

@@ -642,8 +642,43 @@ component applies.
 
 Tramway ships with helpers for common UI patterns built on top of Tailwind components.
 
-* `tramway_button` renders a button-styled link and accepts `path`, optional `text`, HTTP `method`, and styling options such as
-  `color`, `type`, and `size`. All additional keyword arguments are forwarded to the underlying component as HTML attributes.
+* `tramway_button` renders a button-styled form submit by default and accepts `path`, optional `text`, HTTP `method`, and styling
+  options such as `color`, `type`, and `size`. Pass `link: true` to render a button-styled link instead. All additional keyword
+  arguments are forwarded to the underlying component as HTML attributes.
+
+  The `type` option maps semantic intent to Tailwind color families. The full set of supported values is:
+
+  | Type | Color |
+  | ---- | ----- |
+  | `default`, `life` | Gray |
+  | `primary`, `hope` | Blue |
+  | `secondary` | Zinc |
+  | `success`, `will` | Green |
+  | `warning`, `greed` | Orange |
+  | `danger`, `rage` | Red |
+  | `love` | Violet |
+  | `compassion` | Indigo |
+  | `fear` | Yellow |
+
+  If none of the predefined semantic types fit your needs, you can supply a Tailwind color family directly using the `color`
+  option—for example: `color: :gray`. When you pass a custom color ensure the corresponding utility classes exist in your
+  Tailwind configuration. Add the following safelist entries (adjusting the color name as needed) to `config/tailwind.config.js`:
+
+  ```js
+  // config/tailwind.config.js
+  module.exports = {
+    // ...
+    safelist: [
+      // existing entries …
+      {
+        pattern: /(bg|hover:bg|dark:bg|dark:hover:bg)-gray-(500|600|700|800)/,
+      },
+    ],
+  }
+  ```
+
+  Tailwind will then emit the `bg-gray-500`, `hover:bg-gray-700`, `dark:bg-gray-600`, and `dark:hover:bg-gray-800` classes that
+  Tramway buttons expect when you opt into a custom color.
 
   ```erb
   <%= tramway_button path: user_path(user), text: 'View profile', color: :emerald, data: { turbo: false } %>

data/app/components/tailwinds/button_component.html.haml

@@ -1,10 +1,10 @@
 - if text.present?
-  - if method == :get
+  - if link
     = link_to text, path, class: classes, **options.except(:class)
   - else
     = button_to text, path, method:, class: classes, **options.except(:class)
 - else
-  - if method == :get
+  - if link
     = link_to path, class: classes, **options.except(:class) do
       = content
   - else

data/app/components/tailwinds/button_component.rb

@@ -6,26 +6,45 @@ module Tailwinds
   class ButtonComponent < BaseComponent
     option :text, optional: true, default: -> {}
     option :path
-    option :color, default: -> { :blue }
-    option :type, default: -> { :default }
+    option :color, optional: true
+    option :type, optional: true
     option :size, default: -> { :middle }
     option :method, optional: true, default: -> { :get }
+    option :link, optional: true, default: -> { false }
     option :options, optional: true, default: -> { {} }
 
     def size_classes
       case size
       when :small
-        'text-sm py-1 px-1'
+        'text-sm py-1 px-2 rounded' # small button
       when :middle
-        'py-2 px-4'
+        'py-2 px-4' # middle button
       end
     end
 
+    TYPE_COLOR_MAP = {
+      default: :gray,
+      life: :gray,
+      primary: :blue,
+      hope: :blue,
+      secondary: :zinc,
+      success: :green,
+      will: :green,
+      warning: :orange,
+      greed: :orange,
+      danger: :red,
+      rage: :red,
+      love: :violet,
+      compassion: :indigo,
+      compassio: :indigo,
+      fear: :yellow
+    }.freeze
+
     def classes
       (default_classes +
         light_mode_classes +
         dark_mode_classes +
-        (method == :get ? %w[px-1 h-fit] : ['cursor-pointer'])).compact.join(' ')
+        (link ? %w[px-1 h-fit] : ['cursor-pointer'])).compact.join(' ')
     end
 
     def default_classes
@@ -43,18 +62,38 @@ module Tailwinds
 
     def light_mode_classes
       [
-        "bg-#{color}-500",
-        "hover:bg-#{color}-700",
+        "bg-#{resolved_color}-500",
+        "hover:bg-#{resolved_color}-700",
         'text-white'
       ]
     end
 
     def dark_mode_classes
       [
-        "dark:bg-#{color}-600",
-        "dark:hover:bg-#{color}-800",
+        "dark:bg-#{resolved_color}-600",
+        "dark:hover:bg-#{resolved_color}-800",
         'dark:text-gray-300'
       ]
     end
+
+    private
+
+    def resolved_color
+      (color || type_color).to_s
+    end
+
+    def type_color
+      TYPE_COLOR_MAP.fetch(normalized_type, TYPE_COLOR_MAP[:default]).to_sym
+    end
+
+    def normalized_type
+      value = type
+      value = nil if value.respond_to?(:empty?) && value.empty?
+      value ||= :default
+      value = value.downcase if value.respond_to?(:downcase)
+      value = value.to_sym if value.respond_to?(:to_sym)
+
+      TYPE_COLOR_MAP.key?(value) ? value : :default
+    end
   end
 end

data/app/components/tailwinds/containers/narrow_component.html.haml

@@ -1,3 +1,3 @@
 .container.p-4.flex.align-center.justify-center.w-full.mx-auto.bg-gray-100.dark:bg-gray-900.text-gray-900.dark:text-white{ id: }
-  .flex.flex-col.justify-center.w-full.py-8.dark:text-white
+  .flex.flex-col.justify-center.w-full.dark:text-white
     = content

data/config/tailwind.config.js

@@ -66,9 +66,11 @@ module.exports = {
     'px-6',
     'px-4',
     'px-3',
+    'px-2',
     'py-8',
     'py-4',
     'py-2',
+    'py-1',
     'mb-2',
     'mt-8',
     'mt-2',
@@ -100,6 +102,44 @@ module.exports = {
     'font-normal',
     'text-xs',
 
+    // === Button color presets ===
+    'bg-gray-500',
+    'hover:bg-gray-700',
+    'dark:bg-gray-600',
+    'dark:hover:bg-gray-800',
+    'bg-blue-500',
+    'hover:bg-blue-700',
+    'dark:bg-blue-600',
+    'dark:hover:bg-blue-800',
+    'bg-zinc-500',
+    'hover:bg-zinc-700',
+    'dark:bg-zinc-600',
+    'dark:hover:bg-zinc-800',
+    'bg-green-500',
+    'hover:bg-green-700',
+    'dark:bg-green-600',
+    'dark:hover:bg-green-800',
+    'bg-orange-500',
+    'hover:bg-orange-700',
+    'dark:bg-orange-600',
+    'dark:hover:bg-orange-800',
+    'bg-red-500',
+    'hover:bg-red-700',
+    'dark:bg-red-600',
+    'dark:hover:bg-red-800',
+    'bg-violet-500',
+    'hover:bg-violet-700',
+    'dark:bg-violet-600',
+    'dark:hover:bg-violet-800',
+    'bg-indigo-500',
+    'hover:bg-indigo-700',
+    'dark:bg-indigo-600',
+    'dark:hover:bg-indigo-800',
+    'bg-yellow-500',
+    'hover:bg-yellow-700',
+    'dark:bg-yellow-600',
+    'dark:hover:bg-yellow-800',
+
     // === Form state helpers ===
     'disabled:bg-gray-100',
     'disabled:text-gray-400',

data/lib/tramway/helpers/views_helper.rb

@@ -36,11 +36,12 @@ module Tramway
         component 'tailwinds/table/cell', &
       end
 
-      def tramway_button(path:, text: nil, method: :get, **options)
+      def tramway_button(path:, text: nil, method: :get, link: false, **options)
         component 'tailwinds/button',
                   text:,
                   path:,
                   method:,
+                  link:,
                   color: options.delete(:color),
                   type: options.delete(:type),
                   size: options.delete(:size),

data/lib/tramway/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Tramway
-  VERSION = '0.6.0.3'
+  VERSION = '0.6.1.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tramway
 version: !ruby/object:Gem::Version
-  version: 0.6.0.3
+  version: 0.6.1.1
 platform: ruby
 authors:
 - kalashnikovisme
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-10-27 00:00:00.000000000 Z
+date: 2025-10-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: anyway_config