@fasl-work/caos-app-shell 0.23.1 → 0.23.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## [0.23.002] - 2026-11-07
2
+
3
+ ### Fixed
4
+
5
+ - A story panel taller than the layout no longer shrinks the step row (known defect 57, SHW-058). `.caos-story` is a flex column and `.caos-story-layout` takes its content as its flex basis, so a tall evidence panel overflowed the column and every item shrank in proportion; the step row scrolls on x, so its automatic minimum height is 0, and it lost height (51.5 px to 10.7 px in the plant, 4 to 6 px on CAOS_ChancaDEM's story, where gate G5 failed it as cut tabs). The row is now `flex: none`. A browser test measures the row under a short and a 3,000 px panel at 1024, 1280 and 1440 px.
6
+
7
+ ### Adoption
8
+
9
+ - No product change. A product that bounded its own story panel to keep the row whole may keep that bound or drop it.
10
+
1
11
  ## [0.23.001] - 2026-11-07
2
12
 
3
13
  ### Fixed
package/VERSION CHANGED
@@ -1 +1 @@
1
- 0.23.001
1
+ 0.23.002
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fasl-work/caos-app-shell",
3
- "version": "0.23.1",
3
+ "version": "0.23.2",
4
4
  "description": "Shared web-app shell, workbench primitives, content primitives, design system and measured gate for the CAOS / Faena public apps (ADR-0016, ADR-0017, ADR-0071).",
5
5
  "license": "MIT",
6
6
  "author": "Felipe Santibáñez-Leal",
package/styles.css CHANGED
@@ -993,7 +993,8 @@ svg.lucide { flex: none; }
993
993
  .caos-story button { min-height: 36px; padding: .35rem .65rem; color: var(--color-fg); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); cursor: pointer; }
994
994
  .caos-story button:disabled { opacity: .55; cursor: not-allowed; }
995
995
  .caos-story-actions button { min-height: clamp(28px, 2.5vw, 36px); padding: clamp(.15rem, .5vw, .35rem) clamp(.4rem, .8vw, .65rem); font-size: clamp(.75rem, .8vw, .9rem); line-height: 1.15; white-space: nowrap; }
996
- .caos-story-stepper { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(120px, 1fr); grid-template-columns: none; gap: var(--space-2); min-width: 0; overflow-x: auto; }
996
+ /* flex: none: the layout below takes its content as its basis, so a tall panel overflowed the column and shrank this row (it scrolls on x, so its automatic minimum height is 0; known defect 57, SHW-058). */
997
+ .caos-story-stepper { display: grid; flex: none; grid-auto-flow: column; grid-auto-columns: minmax(120px, 1fr); grid-template-columns: none; gap: var(--space-2); min-width: 0; overflow-x: auto; }
997
998
  .caos-story-step { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto; align-items: center; column-gap: .55rem; min-width: 0; min-height: 40px; padding: .2rem .55rem; color: var(--color-fg-subtle); background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); text-decoration: none; }
998
999
  .caos-story-step:hover { color: var(--color-fg); text-decoration: none; }
999
1000
  .caos-story-step.is-active { color: var(--color-fg); border-color: var(--color-accent); box-shadow: inset 3px 0 var(--color-accent); }