stimulus_plumbers_tailwind 0.4.10 → 0.4.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 79b18f9be6a2f72a2b552a8f69cca0f96bc1d0d4092ed858c33f76e09c3b1e26
-  data.tar.gz: ec35944909722c5a7bbf3840573db3a51549e8afa1720f5f069951d94b146771
+  metadata.gz: 6529c722267d8053a48f0541e86b43bbf055912046a1a1889f05822c5fa6d47a
+  data.tar.gz: 37924e7fabe09163da81f85bd2e6eadaf4c62841aeb798632bb8098d0de98ecb
 SHA512:
-  metadata.gz: a35c48c1e604efc1f04581c6975f66199664c92f07e51050c492bcd4683dacd89fe16ff516ae84dca4bde164d34441923c5e42b4597f3f27fd64a4b056b07161
-  data.tar.gz: 0b65ffab71d672cdd08f6ed69794fe932840838a55c4f76acdf197ae3a6822a2938bbc7b58d558033bf562da6d4f76669e5a81ffddff3bc125945187929bcbca
+  metadata.gz: 713da61a006ad7af72103be89bb88b7d1c0cfe0d1d9d6f6f108c32022a19c0d30874bda6529bde4fdf7cb4afb0acc095188ac48aa116a8deeb7b5311fdf7ff4f
+  data.tar.gz: cce57e62900daeeb039ea8f71cf440ead52d88e1e1f9d96d4fd6abf99acbca8b8458860783ce289b9816f01aa37329c0f8611379855ff94a0d009e8ebc17721d

data/CHANGELOG.md

@@ -2,6 +2,25 @@
 
 All notable changes to this project will be documented in this file. See [conventional commits](https://www.conventionalcommits.org/) for commit guidelines.
 
+---
+## [0.4.11](https://github.com/ryancyq/stimulus-plumbers/compare/stimulus-plumbers-tailwind/v0.4.10..stimulus-plumbers-tailwind/v0.4.11) - 2026-07-19
+
+### Bug Fixes
+
+- tailwind source being committed with machine path. migrate to generated source file which should be gitignored + import the generated file in css entry point file instead. ([#180](https://github.com/ryancyq/stimulus-plumbers/issues/180)) - ([347e6ed](https://github.com/ryancyq/stimulus-plumbers/commit/347e6edeee92571f4f2fe7e509b5eed8fd0f2893)) - Ryan Chang
+
+---
+## [0.4.10](https://github.com/ryancyq/stimulus-plumbers/compare/stimulus-plumbers-tailwind/v0.4.9..stimulus-plumbers-tailwind/v0.4.10) - 2026-07-19
+
+### Bug Fixes
+
+- replace *_BASE with semantic parts ([#178](https://github.com/ryancyq/stimulus-plumbers/issues/178)) - ([9a29c0b](https://github.com/ryancyq/stimulus-plumbers/commit/9a29c0b5e804dea66d048d3058041c2cd6ccfe31)) - Ryan Chang
+- install generator will copy css file from gem dir into app assets folder ([#179](https://github.com/ryancyq/stimulus-plumbers/issues/179)) - ([2e497f2](https://github.com/ryancyq/stimulus-plumbers/commit/2e497f2119b1c9aa22115c695d48ea4cdbeff9c2)) - Ryan Chang
+
+### Features
+
+- form field, code + credit card ([#177](https://github.com/ryancyq/stimulus-plumbers/issues/177)) - ([d3adbab](https://github.com/ryancyq/stimulus-plumbers/commit/d3adbaba5ec345807162b03305d22a67ca3846dd)) - Ryan Chang
+
 ---
 ## [0.4.9](https://github.com/ryancyq/stimulus-plumbers/compare/stimulus-plumbers-tailwind/v0.4.8..stimulus-plumbers-tailwind/v0.4.9) - 2026-07-18
 

data/docs/guide.md

@@ -16,12 +16,13 @@ the `STIMULUS_PLUMBERS_CSS_ENTRY` override are shared with the core gem — see
 
 ## Installed CSS files
 
-The Tailwind installer copies these files into the application and imports them relatively:
+The Tailwind installer installs these CSS files and imports them relatively:
 
 - `app/assets/stylesheets/stimulus_plumbers/tokens.css`
 - `app/assets/stylesheets/stimulus_plumbers/tailwind/animations.css` — registers the indeterminate progress bar slide keyframe.
+- `app/assets/builds/stimulus_plumbers/tailwind.css` — generated, git-ignored build artifact holding the gem `@source`, regenerated on every build.
 
-Both files are application-owned: later generator runs restore a missing copy but never overwrite
+The first two files are application-owned: later generator runs restore a missing copy but never overwrite
 an existing one. Legacy imports that point into gem directories are migrated to these app-local
 paths.
 

data/lib/generators/stimulus_plumbers/tailwind/install/install_generator.rb

@@ -66,12 +66,19 @@ module StimulusPlumbers
         end
 
         def apply_sources_directive(css_file)
+          dir     = File.dirname(css_file)
+          sources = File.join(destination_root, SourcesDirective::SOURCES_CSS_PATH)
+
+          # Remove legacy @source first so the import lands at the anchor, not in its place.
+          remove_lines(css_file, SourcesDirective.removal_pattern(from: dir))
           apply_edit(
             css_file,
-            SourcesDirective.directive(from: File.dirname(css_file)),
+            SourcesDirective.import_directive(from: dir, destination_root: destination_root),
             anchor_pattern: SourcesDirective.anchor_pattern,
             stale_pattern:  SourcesDirective.stale_pattern
           )
+          write_generated(sources, SourcesDirective.file_contents(from: File.dirname(sources)))
+          append_to_gitignore(sources)
         end
       end
     end

data/lib/stimulus_plumbers/tailwind/generators/sources_directive.rb

@@ -8,20 +8,48 @@ module StimulusPlumbers
       module SourcesDirective
         GEM_NAME = "stimulus_plumbers_tailwind"
         LIB_DIR  = File.expand_path("../../..", __dir__)
+        SOURCES_CSS_PATH = "app/assets/builds/stimulus_plumbers/tailwind.css"
 
         module_function
 
-        def directive(from:)
+        def import_directive(from:, destination_root:)
+          path = Pathname.new(destination_root).join(SOURCES_CSS_PATH)
+          rel  = path.relative_path_from(Pathname.new(from))
+          rel  = "./#{rel}" unless rel.to_s.start_with?(".", "/")
+          %(@import "#{rel}";)
+        end
+
+        def source_line(from:)
           rel = Pathname.new(LIB_DIR).relative_path_from(Pathname.new(from))
           %(@source "#{rel}/**/*.rb";)
         end
 
+        def file_contents(from:)
+          <<~CSS
+            /*
+             * Auto-generated by stimulus_plumbers:tailwind:install.
+             * Holds a single @source pointing to the stimulus_plumbers_tailwind gem so the Tailwind CLI can scan its component class lists.
+             * The path is absolute to this machine, so this file is git-ignored and regenerated on assets:precompile / tailwindcss:build.
+             * Do not edit by hand.
+             */
+            #{source_line(from: from)}
+          CSS
+        end
+
         def anchor_pattern
           %r{@import "tailwindcss"[^;]*;}
         end
 
         def stale_pattern
-          %r{@source "[^"]*#{Regexp.escape(GEM_NAME)}[^"]*";}
+          Regexp.union(
+            %r{@source "[^"]*#{Regexp.escape(GEM_NAME)}[^"]*";},
+            %r{@import "[^"]*#{Regexp.escape(SOURCES_CSS_PATH)}";},
+            %r{@import "[^"]*stimulus_plumbers/tailwind/sources\.css";}
+          )
+        end
+
+        def removal_pattern(from:)
+          Regexp.union(stale_pattern, Regexp.new(Regexp.escape(source_line(from: from))))
         end
       end
     end

data/lib/stimulus_plumbers/tailwind/version.rb

@@ -2,6 +2,6 @@
 
 module StimulusPlumbers
   module Tailwind
-    VERSION = "0.4.10"
+    VERSION = "0.4.12"
   end
 end

data/lib/stimulus_plumbers/themes/tailwind/button.rb

@@ -15,6 +15,8 @@ module StimulusPlumbers
           inline-flex items-center justify-center gap-(--sp-space-2)
           [&:not(:has(>span))]:aspect-square
           [&:not(:has(>span))]:px-0
+          [&:has(>span[data-sp-label-hidden])]:aspect-square
+          [&:has(>span[data-sp-label-hidden])]:px-0
         ].freeze
 
         CARD = %w[

data/lib/stimulus_plumbers/themes/tailwind/calendar.rb

@@ -95,9 +95,13 @@ module StimulusPlumbers
           { classes: klasses(*DAY, *extra) }
         end
 
-        def calendar_month_classes(**) = { classes: klasses(*MONTH) }
+        def calendar_month_classes(**)
+          { classes: klasses(*MONTH) }
+        end
 
-        def calendar_year_classes(**)  = { classes: klasses(*YEAR) }
+        def calendar_year_classes(**)
+          { classes: klasses(*YEAR) }
+        end
 
         def calendar_quarter_grid_classes
           { classes: klasses(*QUARTER_GRID) }

data/lib/stimulus_plumbers/themes/tailwind/card.rb

@@ -45,11 +45,25 @@ module StimulusPlumbers
           { classes: klasses(*VARIANTS.fetch(variant, VARIANTS[:tertiary]), *BASE) }
         end
 
-        def card_header_classes  = { classes: klasses(*HEADER) }
-        def card_icon_classes    = { classes: klasses(*ICON) }
-        def card_title_classes   = { classes: klasses(*TITLE) }
-        def card_body_classes    = { classes: klasses(*BODY) }
-        def card_action_classes  = { classes: klasses(*ACTION) }
+        def card_header_classes
+          { classes: klasses(*HEADER) }
+        end
+
+        def card_icon_classes
+          { classes: klasses(*ICON) }
+        end
+
+        def card_title_classes
+          { classes: klasses(*TITLE) }
+        end
+
+        def card_body_classes
+          { classes: klasses(*BODY) }
+        end
+
+        def card_action_classes
+          { classes: klasses(*ACTION) }
+        end
       end
     end
   end

data/lib/stimulus_plumbers/themes/tailwind/form/code.rb

@@ -5,14 +5,14 @@ module StimulusPlumbers
     module Tailwind
       module Form
         module Code
-          FIELD = %w[
+          CODE_FIELD = %w[
             relative inline-flex w-fit rounded-(--sp-radius-md)
             focus-within:ring-(length:--sp-focus-ring-width) focus-within:ring-(--sp-focus-ring-color)
             focus-within:ring-offset-(length:--sp-focus-ring-offset)
           ].freeze
-          FIELD_ERROR = %w[focus-within:ring-(--sp-color-error)].freeze
-          CELLS = %w[flex items-center gap-(--sp-space-1)].freeze
-          CELL = %w[
+          CODE_FIELD_ERROR = %w[focus-within:ring-(--sp-color-error)].freeze
+          CODE_CELLS = %w[flex items-center gap-(--sp-space-1)].freeze
+          CODE_CELL = %w[
             flex size-10 items-center justify-center rounded-(--sp-radius-md) border
             border-(--sp-color-muted-fg) bg-(--sp-color-bg)
             text-(length:--sp-text-lg) font-medium text-(--sp-color-fg)
@@ -21,15 +21,31 @@ module StimulusPlumbers
             data-[caret]:border-(--sp-color-primary) data-[caret]:ring-1 data-[caret]:ring-(--sp-color-primary)
             data-[group-end]:me-(--sp-space-2)
           ].freeze
-          CELL_ERROR = %w[border-(--sp-color-error) data-[caret]:ring-(--sp-color-error)].freeze
-          OVERLAY = %w[absolute inset-0 size-full cursor-text opacity-0 disabled:cursor-not-allowed].freeze
+          CODE_CELL_ERROR = %w[border-(--sp-color-error) data-[caret]:ring-(--sp-color-error)].freeze
+          CODE_SEPARATOR = %w[text-(--sp-color-muted-fg)].freeze
+          CODE_OVERLAY = %w[absolute inset-0 size-full cursor-text opacity-0 disabled:cursor-not-allowed].freeze
 
           private
 
-          def form_field_input_code_classes(error: false) = { classes: klasses(*FIELD, *(error ? FIELD_ERROR : [])) }
-          def form_field_input_code_cells_classes = { classes: klasses(*CELLS) }
-          def form_field_input_code_cell_classes(error: false) = { classes: klasses(*CELL, *(error ? CELL_ERROR : [])) }
-          def form_field_input_code_overlay_classes(**) = { classes: klasses(*OVERLAY) }
+          def form_field_input_code_classes(error: false, **)
+            { classes: klasses(*CODE_FIELD, *(error ? CODE_FIELD_ERROR : [])) }
+          end
+
+          def form_field_input_code_cells_classes(**)
+            { classes: klasses(*CODE_CELLS) }
+          end
+
+          def form_field_input_code_cell_classes(error: false, **)
+            { classes: klasses(*CODE_CELL, *(error ? CODE_CELL_ERROR : [])) }
+          end
+
+          def form_field_input_code_separator_classes(**)
+            { classes: klasses(*CODE_SEPARATOR) }
+          end
+
+          def form_field_input_code_overlay_classes(**)
+            { classes: klasses(*CODE_OVERLAY) }
+          end
         end
       end
     end

data/lib/stimulus_plumbers/themes/tailwind/form/credit_card.rb

@@ -5,14 +5,14 @@ module StimulusPlumbers
     module Tailwind
       module Form
         module CreditCard
-          FIELD = %w[
+          CREDIT_CARD_FIELD = %w[
             relative inline-flex w-fit rounded-(--sp-radius-md)
             focus-within:ring-(length:--sp-focus-ring-width) focus-within:ring-(--sp-focus-ring-color)
             focus-within:ring-offset-(length:--sp-focus-ring-offset)
           ].freeze
-          FIELD_ERROR = %w[focus-within:ring-(--sp-color-error)].freeze
-          CELLS = %w[flex items-center gap-(--sp-space-1)].freeze
-          CELL = %w[
+          CREDIT_CARD_FIELD_ERROR = %w[focus-within:ring-(--sp-color-error)].freeze
+          CREDIT_CARD_CELLS = %w[flex items-center gap-(--sp-space-1)].freeze
+          CREDIT_CARD_CELL = %w[
             flex h-10 min-w-16 items-center justify-center px-(--sp-space-2)
             rounded-(--sp-radius-md) border
             border-(--sp-color-muted-fg) bg-(--sp-color-bg)
@@ -21,17 +21,31 @@ module StimulusPlumbers
             data-[filled]:border-(--sp-color-fg)
             data-[caret]:border-(--sp-color-primary) data-[caret]:ring-1 data-[caret]:ring-(--sp-color-primary)
           ].freeze
-          CELL_ERROR = %w[border-(--sp-color-error) data-[caret]:ring-(--sp-color-error)].freeze
-          SEPARATOR = %w[text-(--sp-color-muted-fg)].freeze
-          OVERLAY = %w[absolute inset-0 size-full cursor-text opacity-0 disabled:cursor-not-allowed].freeze
+          CREDIT_CARD_CELL_ERROR = %w[border-(--sp-color-error) data-[caret]:ring-(--sp-color-error)].freeze
+          CREDIT_CARD_SEPARATOR = %w[text-(--sp-color-muted-fg)].freeze
+          CREDIT_CARD_OVERLAY = %w[absolute inset-0 size-full cursor-text opacity-0 disabled:cursor-not-allowed].freeze
 
           private
 
-          def form_field_input_credit_card_classes(error: false) = { classes: klasses(*FIELD, *(error ? FIELD_ERROR : [])) }
-          def form_field_input_credit_card_cells_classes = { classes: klasses(*CELLS) }
-          def form_field_input_credit_card_cell_classes(error: false) = { classes: klasses(*CELL, *(error ? CELL_ERROR : [])) }
-          def form_field_input_credit_card_separator_classes = { classes: klasses(*SEPARATOR) }
-          def form_field_input_credit_card_overlay_classes(**) = { classes: klasses(*OVERLAY) }
+          def form_field_input_credit_card_classes(error: false, **)
+            { classes: klasses(*CREDIT_CARD_FIELD, *(error ? CREDIT_CARD_FIELD_ERROR : [])) }
+          end
+
+          def form_field_input_credit_card_cells_classes(**)
+            { classes: klasses(*CREDIT_CARD_CELLS) }
+          end
+
+          def form_field_input_credit_card_cell_classes(error: false, **)
+            { classes: klasses(*CREDIT_CARD_CELL, *(error ? CREDIT_CARD_CELL_ERROR : [])) }
+          end
+
+          def form_field_input_credit_card_separator_classes(**)
+            { classes: klasses(*CREDIT_CARD_SEPARATOR) }
+          end
+
+          def form_field_input_credit_card_overlay_classes(**)
+            { classes: klasses(*CREDIT_CARD_OVERLAY) }
+          end
         end
       end
     end

data/lib/stimulus_plumbers/themes/tailwind/form.rb

@@ -13,7 +13,13 @@ module StimulusPlumbers
           { classes: klasses(*GROUP, layout == :inline ? GROUP_INLINE : "flex-col") }
         end
 
-        def form_submit_classes(**) = {}
+        def form_submit_classes(**)
+          {}
+        end
+
+        def form_submit_label_classes(hidden: false, **)
+          { classes: klasses(hidden ? "sr-only" : nil) }
+        end
       end
     end
   end

data/lib/stimulus_plumbers/themes/tailwind/icon.rb

@@ -17,6 +17,7 @@ module StimulusPlumbers
           "calendar"      => "calendar-days",
           "external-link" => "arrow-top-right-on-square",
           "reveal"        => "eye",
+          "save"          => "check",
           "grip-vertical" => "bars-3"
         }.freeze
 

data/lib/stimulus_plumbers/themes/tailwind/progress.rb

@@ -35,10 +35,21 @@ module StimulusPlumbers
 
         private
 
-        def progress_bar_classes      = { classes: klasses(*BAR) }
-        def progress_bar_fill_classes = { classes: klasses(*BAR_FILL) }
-        def progress_ring_classes     = { classes: klasses(*RING) }
-        def progress_meter_classes    = { classes: klasses(*METER) }
+        def progress_bar_classes
+          { classes: klasses(*BAR) }
+        end
+
+        def progress_bar_fill_classes
+          { classes: klasses(*BAR_FILL) }
+        end
+
+        def progress_ring_classes
+          { classes: klasses(*RING) }
+        end
+
+        def progress_meter_classes
+          { classes: klasses(*METER) }
+        end
       end
     end
   end

data/lib/stimulus_plumbers/themes/tailwind/timeline/group.rb

@@ -22,9 +22,17 @@ module StimulusPlumbers
 
           private
 
-          def timeline_group_classes              = { classes: klasses(WRAPPER) }
-          def timeline_group_section_classes      = { classes: klasses(SECTION) }
-          def timeline_group_section_date_classes = { classes: klasses(DATE) }
+          def timeline_group_classes
+            { classes: klasses(WRAPPER) }
+          end
+
+          def timeline_group_section_classes
+            { classes: klasses(SECTION) }
+          end
+
+          def timeline_group_section_date_classes
+            { classes: klasses(DATE) }
+          end
 
           def timeline_group_section_list_classes(orientation: :vertical)
             list = orientation.to_sym == :horizontal ? LIST_HORIZONTAL : LIST_VERTICAL

data/lib/stimulus_plumbers/themes/tailwind/timeline.rb

@@ -86,16 +86,45 @@ module StimulusPlumbers
           { classes: klasses(base) }
         end
 
-        def timeline_item_title_classes       = { classes: klasses(ITEM_TITLE) }
-        def timeline_item_heading_classes     = { classes: klasses(ITEM_HEADING) }
-        def timeline_item_trigger_classes     = { classes: klasses(ITEM_TRIGGER) }
-        def timeline_item_description_classes = { classes: klasses(ITEM_DESCRIPTION) }
-        def timeline_item_detail_classes      = { classes: klasses(ITEM_DETAIL) }
-        def timeline_item_actions_classes     = { classes: klasses(ITEM_ACTIONS) }
-        def timeline_item_connector_classes       = { classes: klasses(ITEM_CONNECTOR_HORIZONTAL) }
-        def timeline_item_content_classes         = { classes: klasses(ITEM_CONTENT_HORIZONTAL) }
-        def timeline_track_line_classes                = { classes: klasses(TRACK_LINE_VERTICAL) }
-        def timeline_item_indicator_icon_slot_classes  = { classes: klasses(ITEM_INDICATOR_ICON_SLOT) }
+        def timeline_item_title_classes
+          { classes: klasses(ITEM_TITLE) }
+        end
+
+        def timeline_item_heading_classes
+          { classes: klasses(ITEM_HEADING) }
+        end
+
+        def timeline_item_trigger_classes
+          { classes: klasses(ITEM_TRIGGER) }
+        end
+
+        def timeline_item_description_classes
+          { classes: klasses(ITEM_DESCRIPTION) }
+        end
+
+        def timeline_item_detail_classes
+          { classes: klasses(ITEM_DETAIL) }
+        end
+
+        def timeline_item_actions_classes
+          { classes: klasses(ITEM_ACTIONS) }
+        end
+
+        def timeline_item_connector_classes
+          { classes: klasses(ITEM_CONNECTOR_HORIZONTAL) }
+        end
+
+        def timeline_item_content_classes
+          { classes: klasses(ITEM_CONTENT_HORIZONTAL) }
+        end
+
+        def timeline_track_line_classes
+          { classes: klasses(TRACK_LINE_VERTICAL) }
+        end
+
+        def timeline_item_indicator_icon_slot_classes
+          { classes: klasses(ITEM_INDICATOR_ICON_SLOT) }
+        end
       end
     end
   end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: stimulus_plumbers_tailwind
 version: !ruby/object:Gem::Version
-  version: 0.4.10
+  version: 0.4.12
 platform: ruby
 authors:
 - Ryan Chang