layered-ui-rails 0.10.0 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b9fe544e3cfcfc260bba58a205ada774ffcb1154b48b86fb406d25c189da5b77
-  data.tar.gz: 8d66cf1556700d9c26867ab59aa2d989bfd17f924ea1b7ec7be9cc3feb4626c5
+  metadata.gz: 7b8624e106b7699524fb79136daa1fca817909d6d35937c08d1488829265f1cc
+  data.tar.gz: 690fc99b3a4c5a18aed1b301839264ff14d21ceb4a58d1047561baf8853a5231
 SHA512:
-  metadata.gz: 5a2aa85d87740cdf751526101c052155edf16f04136fbb164a70d30a1535bd1b68f82ccec6b333f7c001d8a8a7174868cd5f594d1613d0dd470d5f876bf28d2f
-  data.tar.gz: 33f34e0b13bd3ba0494722ffe41142cbfb3c94cd0da47a6a79bc423a9926928e332586def1e1d669b5c806f6f4fb828da14778197f0349d55e79c626071ec9c2
+  metadata.gz: '058e550042712d33577ebd0336eb4be4da804c22464a441c6fe234122284f2f2abe7208a247c42622669329520facda8b51669179e17c7d0bae95d9c1483723f'
+  data.tar.gz: 5db1adea650826e3b76d6e1a106be48c5ff8af5e1062fbcd100fab95ebd436597ece3318edf3fd1faaf582ee499ca04d1b357f2908b6433e6d854a8f8ba16416

data/.claude/skills/layered-ui-rails/references/CSS.md

@@ -268,6 +268,11 @@ WCAG 2.2 AA table pattern:
 .l-ui-message__body                  Message content
 .l-ui-message__footer                Metadata footer
 .l-ui-message__timestamp             Timestamp
+
+.l-ui-stream-fade                    Fade-in for streamed chunks as they arrive (0.5s ease-out)
+.l-ui-stream-fade-word               Per-word staggered fade-in for completed responses
+                                     (0.5s ease-out; set --i to the word index for a 25ms
+                                     stagger, capped at 1s)
 ```
 
 ## Markdown

data/.claude/skills/layered-ui-rails/references/HELPERS.md

@@ -220,7 +220,7 @@ Renders a complete form with all fields, error summary, and submit button via th
 
 Field options:
 - `attribute` (Symbol) - model attribute
-- `as` (Symbol, optional) - field type; auto-detected from column type. Supported: `:string`, `:text`, `:email`, `:number`, `:date`, `:datetime`, `:select`, `:checkbox`, `:hidden`
+- `as` (Symbol, optional) - field type; auto-detected from column type. Supported: `:string`, `:text`, `:email`, `:password`, `:number`, `:date`, `:datetime`, `:select`, `:checkbox`, `:hidden`
 - `label` (String, optional) - custom label text; defaults to humanised attribute
 - `required` (Boolean, optional) - marks field as required; default false
 - `hint` (String, optional) - help text below the field

data/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 All notable changes to this project will be documented in this file. This project follows [Semantic Versioning](https://semver.org/).
 
+## [0.11.0] - 2026-05-07
+
+### Added
+
+- `l-ui-stream-fade` animation classes for fading in streamed chat output token-by-token
+- `:password` form field type support in `l_ui_form` for `password_field` inputs via `as: :password`
+
+### Changed
+
+- Form fields now have an explicit background colour
+
 ## [0.10.0] - 2026-05-03
 
 ### Added

data/app/assets/tailwind/layered/ui/styles.css

@@ -934,8 +934,7 @@
 /* Surface */
 
 @utility surface {
-  @apply block
-         p-4
+  @apply p-4
          rounded-sm overflow-x-auto;
 }
 
@@ -1061,7 +1060,7 @@ pre.l-ui-surface {
          w-full px-3 py-2.5 min-h-[44px]
          /* text-base at mobile; text-sm at md+ */
          text-base font-inter
-         text-foreground
+         bg-background text-foreground
          border border-border-control rounded-sm
          focus-ring;
 
@@ -1792,19 +1791,26 @@ pre.l-ui-surface {
   animation-delay: 0.3s;
 }
 
-/* Token fade-in */
+/* Stream fade-in */
 
-@keyframes l-ui-token-fade-in {
+@keyframes l-ui-stream-fade-in {
   from { opacity: 0; transform: translateY(4px); }
   to { opacity: 1; transform: translateY(0); }
 }
 
-.l-ui-token-fade {
-  animation: l-ui-token-fade-in 1s ease-out both;
+.l-ui-stream-fade {
+  animation: l-ui-stream-fade-in 0.5s ease-out both;
+}
+
+.l-ui-stream-fade-word {
+  display: inline-block;
+  animation: l-ui-stream-fade-in 0.5s ease-out both;
+  animation-delay: min(calc(var(--i, 0) * 25ms), 1s);
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .l-ui-token-fade {
+  .l-ui-stream-fade,
+  .l-ui-stream-fade-word {
     animation: none;
   }
 }

data/app/helpers/layered/ui/form_helper.rb

@@ -1,7 +1,7 @@
 module Layered
   module Ui
     module FormHelper
-      FIELD_TYPES = %i[string text email number date datetime select checkbox hidden].freeze
+      FIELD_TYPES = %i[string text email password number date datetime select checkbox hidden].freeze
 
       # Renders a complete form with all fields, error summary,
       # and submit button.

data/lib/layered/ui/version.rb

@@ -1,5 +1,5 @@
 module Layered
   module Ui
-    VERSION = "0.10.0"
+    VERSION = "0.11.0"
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: layered-ui-rails
 version: !ruby/object:Gem::Version
-  version: 0.10.0
+  version: 0.11.0
 platform: ruby
 authors:
 - layered.ai