tramway 3.1.2.5 → 3.1.2.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 564610d50165b34a4446cdc570c377a12f9c49587b366c994141a3e2702e289f
-  data.tar.gz: beed0c0e6d742dbec6caeaed2fff43c0b6ff62248b804d723dc7b0ce98883b4b
+  metadata.gz: c9b234f727ff8de6c0d6f910d4132ae760f304db2b2e4fb211c06a1983264a18
+  data.tar.gz: b94972e8d2862560cefca6f4343e15c3b362be56038426cda2b3a988b8705329
 SHA512:
-  metadata.gz: 98bfc099a4338a4e114a7591d9721b209077e3a419b83669b5c5fbe5ce21a4c004515a97af9d4a32bf3c5219c426198176c5e413b3633569b68935f623eb9f3f
-  data.tar.gz: f7d43d03755310fa2ae39e8d0a89c2c87ff90791843ce7ee899eae5ef518dd06b7830c45a0a861159dcf7378862c3e008ef7411b21b465a19ade3863085880a1
+  metadata.gz: 59d8c55e6c5300996bc0250d106715647180320c0ab044a1e99dde08188cc887f5de4d8d2f175246c06a73e25f90c7dcea537ff58f0ff29a07f01ba278f346e9
+  data.tar.gz: 5061f9357362cf45cfbfe5cc96ca937cdb4a1be8f58a6e156946c4ac2ea277ca3b3d5615f18fb66372a4ea33f57b39a71e33d15542ea2ff72ddf4b2bdf169ae3

data/README.md

@@ -1230,7 +1230,7 @@ Tramway uses [Tailwind](https://tailwindcss.com/) by default. All UI helpers are
 
 Tramway provides `tramway_form_for` helper that renders Tailwind-styled forms by default. Form inputs use hardcoded
 dark shadcn-style classes; Tramway does not render a separate light form theme.
-Checkboxes render with a visible, fixed-size dark unchecked surface and use the light primary checked state.
+Checkboxes render with the same dark border and focus highlight treatment as other inputs, then use the light primary checked state.
 Checkbox controls, checkmarks, and vertically centered label line heights scale together with the form-level `size:` option.
 
 ```erb

data/app/assets/javascripts/tramway/tramway.js

@@ -389,12 +389,12 @@ class UiCheckbox extends Controller {
     this.buttonTarget.setAttribute("aria-checked", checked.toString())
     this.buttonTarget.dataset.state = state
     this.syncBoxStyle(checked)
-    this.buttonTarget.classList.add("border-zinc-50")
+    this.buttonTarget.classList.toggle("border-zinc-50", checked)
+    this.buttonTarget.classList.toggle("border-zinc-800", !checked)
     this.buttonTarget.classList.toggle("bg-zinc-50", checked)
     this.buttonTarget.classList.toggle("text-zinc-950", checked)
-    this.buttonTarget.classList.toggle("bg-zinc-900", !checked)
+    this.buttonTarget.classList.toggle("bg-zinc-950", !checked)
     this.buttonTarget.classList.toggle("text-zinc-50", !checked)
-    this.buttonTarget.classList.remove("border-zinc-800", "bg-zinc-950")
     this.indicatorTarget.classList.toggle("hidden", !checked)
     this.buttonTarget.toggleAttribute("disabled", this.inputTarget.disabled)
   }
@@ -412,10 +412,8 @@ class UiCheckbox extends Controller {
     this.buttonTarget.style.padding = "0"
     this.buttonTarget.style.lineHeight = "1"
     this.buttonTarget.style.boxSizing = "border-box"
-    this.buttonTarget.style.border = "1px solid #fafafa"
-    this.buttonTarget.style.backgroundColor = checked ? "#fafafa" : "#18181b"
+    this.buttonTarget.style.backgroundColor = checked ? "#fafafa" : "#09090b"
     this.buttonTarget.style.color = checked ? "#09090b" : "#fafafa"
-    this.buttonTarget.style.boxShadow = "0 0 0 1px #fafafa"
   }
 
   checkboxSize() {

data/app/components/tailwind_component.rb

@@ -72,7 +72,7 @@ class TailwindComponent < Tramway::BaseComponent
   end
 
   def checkbox_base_classes
-    'shrink-0 rounded-sm border border-zinc-800 bg-zinc-950 text-zinc-50 shadow-sm ' \
+    'shrink-0 rounded-sm border border-zinc-800 bg-zinc-950 text-zinc-50 shadow-sm transition-colors ' \
       'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-300 ' \
       'focus-visible:ring-offset-2 focus-visible:ring-offset-zinc-950 disabled:cursor-not-allowed ' \
       'disabled:opacity-50'

data/app/components/tramway/form/checkbox_component.rb

@@ -10,9 +10,7 @@ module Tramway
         'justify-content': 'center',
         padding: '0',
         'line-height': '1',
-        'box-sizing': 'border-box',
-        border: '1px solid #fafafa',
-        'box-shadow': '0 0 0 1px #fafafa'
+        'box-sizing': 'border-box'
       }.freeze
 
       CHECKBOX_BUTTON_SIZES = {
@@ -22,10 +20,7 @@ module Tramway
       }.freeze
 
       def checkbox_button_classes
-        "peer #{size_class(:checkbox_input)} shrink-0 rounded-sm border border-zinc-50 bg-zinc-900 text-zinc-50 " \
-          'ring-offset-zinc-950 ' \
-          'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-300 ' \
-          'focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ' \
+        "peer #{size_class(:checkbox_input)} #{checkbox_base_classes} " \
           'data-[state=checked]:border-zinc-50 data-[state=checked]:bg-zinc-50 ' \
           'data-[state=checked]:text-zinc-950'
       end
@@ -87,7 +82,7 @@ module Tramway
           height: checkbox_button_size,
           'min-width': checkbox_button_size,
           'min-height': checkbox_button_size,
-          'background-color': checked? ? '#fafafa' : '#18181b',
+          'background-color': checked? ? '#fafafa' : '#09090b',
           color: checked? ? '#09090b' : '#fafafa'
         )
       end

data/lib/tramway/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: tramway
 version: !ruby/object:Gem::Version
-  version: 3.1.2.5
+  version: 3.1.2.6
 platform: ruby
 authors:
 - kalashnikovisme