layered-ui-rails 0.27.2 → 0.28.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9ee17832d1b49e9907a2d41d542916e6c257df8f3c9b28b2a7e6e60033e140f8
-  data.tar.gz: 6c89c4da2e151acceb66601e5d54e4b00c22772b5d406870bb027cce52988ef5
+  metadata.gz: c66f8427345d985e75698323e24a88f786660e98fe32e8befd0be09075929f9a
+  data.tar.gz: 3417a418226cb32d22d6bf8a948e84294b23d3fe9cf05a0346869f1234091598
 SHA512:
-  metadata.gz: 38f332a972c87f4d0c5729af102264f18de9ffcd9ede130d29ab2afbb2b5694fa82fd49c541edfda1cf9c2f930f64c606a4fa70c2d01fa4acf1b10439b009e49
-  data.tar.gz: 047dad1edb83c8e9758d6eada1f8e33c453e8403590f733591b07002e9255a385e06c48018fcf55fd2b857b4ec6bbe6f0ed4fb5711e7fb0612dabbdc2aca30cd
+  metadata.gz: e53007f6b0bff6208c9ef11e1296c876c24fed859b77592743013a4c1b28c4a3b6e92dba759d42c754eef5715323a0e1bc3b2d7647d21ffb068ed6b8f14b23e2
+  data.tar.gz: d685b0bc30779dd77d0192c8542d4342850a70cb3a3bf22c8a74a1dbf986453f5f685c49280d51e9acc82ccfa838cd57f87a698652de2ec77486e7b89bf7203c

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

@@ -535,6 +535,8 @@ Tier 2 - Full palette (override individually as needed):
 --button-primary-icon   Icon color on filled icon buttons (defaults to --button-primary-text)
 --danger                Danger/error color
 --danger-foreground     Text/icon color on solid danger buttons
+--button-danger-bg      Background of solid danger buttons
+--button-outline-danger-text Label color on outline danger buttons
 --danger-light          Light danger background
 --danger-text           Danger text color
 --success-bg            Success background

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.28.0] - 2026-10-25
+
+### Added
+
+- `--button-danger-bg` sets the background of `.l-ui-button--danger`. It defaults to `--danger` in light mode and a deeper red in dark mode.
+- `--button-outline-danger-text` sets the label colour of `.l-ui-button--outline-danger`. It defaults to `--foreground` in light mode and white in dark mode.
+
+### Changed
+
+- Danger buttons are easier to read in dark mode. The solid button's label is now white on a deeper red (6.1:1), rather than near-black on a bright red. The outline button's label is white in dark mode and the default text colour in light mode; its border stays red. If you override `--danger` to recolour solid danger buttons, set `--button-danger-bg` instead.
+
 ## [0.27.2] - 2026-10-05
 
 ### Fixed

data/app/assets/tailwind/layered_ui/engine.css

@@ -71,6 +71,8 @@
     --button-primary-icon: var(--button-primary-text);
     --danger: oklch(0.47 0.1742 27.23);
     --danger-foreground: oklch(1 0 0);
+    --button-danger-bg: var(--danger);
+    --button-outline-danger-text: var(--foreground);
     --danger-light: oklch(0.9663 0.0166 17.44);
     --danger-text: oklch(0.443 0.1634 27.14);
     --success-bg: oklch(0.8395 0.1698 152.91);
@@ -128,7 +130,9 @@
     --button-primary-text: var(--accent-foreground);
     --button-primary-icon: var(--button-primary-text);
     --danger: oklch(0.6362 0.2102 25.49);
-    --danger-foreground: oklch(0.2044 0 0);
+    --danger-foreground: oklch(1 0 0);
+    --button-danger-bg: oklch(0.52 0.19 27);
+    --button-outline-danger-text: oklch(1 0 0);
     --danger-light: oklch(0.2596 0.1021 28.32);
     --danger-text: oklch(0.6607 0.1921 24.02);
     --success-bg: oklch(0.3385 0.0852 150.45);
@@ -239,6 +243,8 @@
   --color-button-primary-icon: var(--button-primary-icon);
   --color-danger: var(--danger);
   --color-danger-foreground: var(--danger-foreground);
+  --color-button-danger-bg: var(--button-danger-bg);
+  --color-button-outline-danger-text: var(--button-outline-danger-text);
   --color-danger-light: var(--danger-light);
   --color-danger-text: var(--danger-text);
   --color-success-bg: var(--success-bg);
@@ -1284,11 +1290,11 @@
 
 .l-ui-button--danger {
   @apply text-danger-foreground
-         bg-danger;
+         bg-button-danger-bg;
 }
 
 .l-ui-button--outline-danger {
-  @apply text-danger
+  @apply text-button-outline-danger-text
          border border-danger;
 }
 

data/lib/generators/layered/ui/create_overrides_generator.rb

@@ -79,6 +79,9 @@ module Layered
               --button-primary-text: var(--accent-foreground);
               --button-primary-icon: var(--button-primary-text);
               --danger: oklch(0.47 0.1742 27.23);
+              --danger-foreground: oklch(1 0 0);
+              --button-danger-bg: var(--danger);
+              --button-outline-danger-text: var(--foreground);
               --danger-light: oklch(0.9663 0.0166 17.44);
               --danger-text: oklch(0.443 0.1634 27.14);
               --success-bg: oklch(0.8395 0.1698 152.91);
@@ -102,6 +105,9 @@ module Layered
               --button-primary-text: var(--accent-foreground);
               --button-primary-icon: var(--button-primary-text);
               --danger: oklch(0.6362 0.2102 25.49);
+              --danger-foreground: oklch(1 0 0);
+              --button-danger-bg: oklch(0.52 0.19 27);
+              --button-outline-danger-text: oklch(1 0 0);
               --danger-light: oklch(0.2596 0.1021 28.32);
               --danger-text: oklch(0.6607 0.1921 24.02);
               --success-bg: oklch(0.3385 0.0852 150.45);

data/lib/layered/ui/version.rb

@@ -1,5 +1,5 @@
 module Layered
   module Ui
-    VERSION = "0.27.2"
+    VERSION = "0.28.0"
   end
 end

metadata

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