tramway 0.6.0.2 → 0.6.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c3ac70ce33de0d7c3fbfd61650ff031137d8961713e9db94b93f0758ef2eba32
-  data.tar.gz: c8853c8169ac8821acafb3d47de20112400bd0e2d3e4c6390c3aec61917978a1
+  metadata.gz: 43b27ea63deb43c9638207d611bb7d00c4418441569dff08575b0fd7d70645f9
+  data.tar.gz: a833223eb737c92d419c40f0d28a63542c307893fa4a1198f002d3f44ea22ac8
 SHA512:
-  metadata.gz: 485ff69148ae02c0967fa8d5bb75674b10a515a88c195ab86c7d6346b3710594bc3fb710e7d861d40f29287998c6f9a95ff2ddc63f4c0a14a8c69381179d12d6
-  data.tar.gz: ea7258f63f8adab1936e0f71e6a554857a8b650e3fb9182fe481a885a1823dee3ef5008280a849af141cffcfc10ed9324e9c01fd27106097df1af5938d6e57a4
+  metadata.gz: fa0fb3870ec1b95d7f8a463c388ec29867f8ac4d18b0c2e0c6819499ac557b51daf2ae3cc0eb41e5c4417a8138734e904cc29df8019fba02fe87d31eb65b4c9d
+  data.tar.gz: 847ba96f2a59e245528657f1d6e2bb546c66a8c8d63b41b454bf14c7b89d800b8efc32812acf34c75c30e54ed224d50d51a246d9adfcb9118f540fe16b7bd4b0

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/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

@@ -21,7 +21,6 @@ module Tramway
         component 'tailwinds/table/header',
                   headers:,
                   columns:,
-                  options:,
                   &
       end
 
@@ -37,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.2'
+  VERSION = '0.6.1'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tramway
 version: !ruby/object:Gem::Version
-  version: 0.6.0.2
+  version: 0.6.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