tramway 1.1.1.1 → 1.1.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: d030fadb4001f3f0b6f7d0f357bd51600fa7d215fc33e7b04c4b2425e107cd85
-  data.tar.gz: b17e4b7498a18dc9521645db93cd506a4f0d835bc34d933142d292efd0fb3603
+  metadata.gz: ea59bb13e40c79e864a729304ee65244445e7efa0dd7c65ef8b40486e12f2abd
+  data.tar.gz: 6604d77cbb0be931d3771581427fd94e7ab6291fb8d2cfc41fc1799fb7568743
 SHA512:
-  metadata.gz: 1c37c218ca13fc270e0d37cb37aeaf21c074724c75e1c2aa2a294c67e0e9ba59a16c0f6fd4f6711a092f07530e13c354bccd0d56c13064db5941f8accd88418f
-  data.tar.gz: 19816173a9590f08e477840a2cb2f822dabdbd8a2f9ef9f3304f9e5c02cbb01ce2fbdefd0b10a18bdf44cd97b0f4df68db8414bae374213a598e413a6d308323
+  metadata.gz: 54a593799cf75505bd41c90d12f5690b9acd4f594db1f50490831b061741579ae33bf9594f4421b6a8f6456292eb2a210b46b392540a86122c48dffeac724ca2
+  data.tar.gz: 32f655b1853dcfe7b9f2031f4170df164c51b505971a4c9154189598509af7a5ab4c70deaf2ead1a74f5f905df1cc1d59bc38965a1faf3abb4a87e9c2efb05c6

data/README.md

@@ -819,6 +819,14 @@ Tramway ships with helpers for common UI patterns built on top of Tailwind compo
   <%= tramway_button path: user_path(user), text: 'View profile', color: :emerald, data: { turbo: false } %>
   ```
 
+* `tramway_badge` renders a Tailwind-styled badge with the provided `text`. Pass a semantic `type` (for example, `:success` or
+  `:danger`) to use the built-in color mappings, or supply a custom Tailwind color family with `color:`. When you opt into a
+  custom color, ensure the corresponding background utilities are available in your Tailwind safelist.
+
+  ```erb
+  <%= tramway_badge text: 'Active', type: :success %>
+  ```
+
 * `tramway_back_button` renders a standardized "Back" link.
 
   ```erb
@@ -849,6 +857,7 @@ Tramway provides `tramway_form_for` helper that renders Tailwind-styled forms by
   <%= f.email_field :email %>
   <%= f.password_field :password %>
   <%= f.select :role, [:admin, :user] %>
+  <%= f.date_field :birth_date %>
   <%= f.multiselect :permissions, [['Create User', 'create_user'], ['Update user', 'update_user']] %>
   <%= f.file_field :file %>
   <%= f.submit 'Create User' %>
@@ -863,6 +872,7 @@ Available form helpers:
 * password_field
 * file_field
 * select
+* date_field
 * multiselect ([Stimulus-based](https://github.com/Purple-Magic/tramway#stimulus-based-inputs))
 * submit
 

data/app/components/tailwinds/form/builder.rb

@@ -49,6 +49,10 @@ module Tailwinds
                ), &)
       end
 
+      def date_field(attribute, **, &)
+        common_field(:date_field, :date_field, attribute, **, &)
+      end
+
       def file_field(attribute, **options, &)
         sanitized_options = sanitize_options(options)
         input = super(attribute, **sanitized_options.merge(class: :hidden))

data/app/components/tailwinds/form/date_field_component.html.haml

@@ -0,0 +1,8 @@
+.mb-4
+  - if @label
+    = component('tailwinds/form/label', for: @for) do
+      = @label
+  - base_classes = 'w-full bg-white border border-gray-300 rounded focus:outline-none focus:border-red-500 '
+  - base_classes += 'dark:bg-gray-800 dark:border-gray-600 dark:text-white dark:focus:border-red-400 dark:placeholder-white'
+  - classes = "#{size_class(:text_input)} #{base_classes}"
+  = @input.call @attribute, **@options.merge(class: classes), value: @value

data/app/components/tailwinds/form/date_field_component.rb

@@ -0,0 +1,9 @@
+# frozen_string_literal: true
+
+module Tailwinds
+  module Form
+    # Tailwind-styled date field
+    class DateFieldComponent < TailwindComponent
+    end
+  end
+end

data/app/components/tailwinds/table/cell_component.html.haml

@@ -1,2 +1,2 @@
-.div-table-cell.px-6.py-4.font-medium.text-gray-900.dark:text-white.text-xs.sm:text-base
+.div-table-cell.md:block.first:block.hidden.px-6.py-4.font-medium.text-gray-900.dark:text-white.text-base
   = content

data/app/components/tailwinds/table/header_component.html.haml

@@ -1,7 +1,7 @@
-.div-table-row.grid.text-white.text-small.gap-4.bg-purple-700.dark:bg-gray-700.dark:text-gray-400{ class: "grid-cols-#{columns_count}", aria: { label: "Table Header" }, role: "row" }
+.div-table-row.grid.text-white.text-small.gap-4.bg-purple-700.dark:bg-gray-700.dark:text-gray-400.grid-cols-1{ class: "md:grid-cols-#{columns_count}", aria: { label: "Table Header" }, role: "row" }
   - if headers.any?
     - headers.each do |header|
-      .div-table-cell.py-4.px-6
+      .div-table-cell.py-4.px-6.first:block.hidden.md:block
         = header
   - else
     = content

data/app/components/tailwinds/table/row_component.rb

@@ -25,7 +25,7 @@ module Tailwinds
       def desktop_row_classes(cells_count)
         [
           'div-table-row', 'grid', 'gap-4', 'bg-white', 'border-b', 'last:border-b-0', 'dark:bg-gray-800',
-          'dark:border-gray-700', "grid-cols-#{cells_count}"
+          'dark:border-gray-700', "md:grid-cols-#{cells_count}", 'grid-cols-1'
         ].join(' ')
       end
 

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

@@ -1,5 +1,6 @@
 = helpers.component 'tailwinds/table/row/preview'
 
 - width_class = options[:class]&.include?('w-') ? '' : 'w-full'
+
 .div-table.text-left.rtl:text-right.text-gray-500.dark:text-gray-400{ class: "#{options[:class]} #{width_class}", **options.except(:class) }
   = content

data/config/tailwind.config.js

@@ -11,6 +11,8 @@ module.exports = {
     'div-table-cell',
     'sm:text-base',
     'last:border-b-0',
+    'md:block',
+    'first:block',
 
     // === Visibility and typography helpers ===
     'hidden',

data/lib/tramway/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tramway
 version: !ruby/object:Gem::Version
-  version: 1.1.1.1
+  version: 1.1.2
 platform: ruby
 authors:
 - kalashnikovisme
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-27 00:00:00.000000000 Z
+date: 2025-12-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: anyway_config
@@ -153,6 +153,8 @@ files:
 - app/components/tailwinds/containers/narrow_component.html.haml
 - app/components/tailwinds/containers/narrow_component.rb
 - app/components/tailwinds/form/builder.rb
+- app/components/tailwinds/form/date_field_component.html.haml
+- app/components/tailwinds/form/date_field_component.rb
 - app/components/tailwinds/form/file_field_component.html.haml
 - app/components/tailwinds/form/file_field_component.rb
 - app/components/tailwinds/form/label_component.html.haml