tamga-ui 0.7.1 → 0.7.2

package/CHANGELOG.md

@@ -5,6 +5,26 @@ Versions follow [semver](https://semver.org/). Through `0.x`, breaking changes m
 
 > 🇹🇷 Türkçe için [tamga.org.tr/tr](https://tamga.org.tr/tr).
 
+## 0.7.2
+
+> The current rail item is drawn whole.
+
+### Fixed
+
+- **`AppShell` rail: the current item's lift, shadow and focus ring were clipped.** Every entry
+  sits inside the group body's inner box, which carries `overflow: hidden` for the 0fr/1fr
+  open-close animation, and the box was exactly the content's size: the lifted item lost its
+  top and left edge, the 3px shadow its right end, and a keyboard focus ring its sides (WCAG
+  2.4.7 / 2.4.11). The inner box now has `--offset-room-ring` (4px: 1px lift plus the 1px ring
+  at 2px offset) of padding with the same negative margin, so the layout does not move but the
+  clip edge sits outside the painted area; the rail's own scroll padding grows from 3px to 4px
+  for the same reason. A closed group is hidden with `visibility: hidden` once the animation
+  ends (the padding would otherwise leak the first pixels), shown again without delay on open;
+  `inert` is unchanged. Plain CSS, works in Safari; no `overflow-clip-margin`. Measured in Chrome
+  on the docs site's real-size shell: `pnpm olc:ray` (needs Chrome and the docs server) checks
+  that the painted area of the current and of a focused item stays inside the nearest clipping
+  ancestor and that a closed group leaks nothing.
+
 ## 0.7.1
 
 > An empty calendar opens where something can be picked.

package/dist/fonts.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.7.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.7.2 · MIT · https://tamga.org.tr */
 @font-face {
   font-family: "Red Hat Display";
   font-style: normal;

package/dist/kit.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.7.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.7.2 · MIT · https://tamga.org.tr */
 :root {
 
   --overlay-gap: 8px;
@@ -10,6 +10,8 @@
 
   --offset-room: 3px;
 
+  --offset-room-ring: 4px;
+
   --mark-tick: 2px;
 
   --mark-dot: 8px;
@@ -379,7 +381,7 @@
     min-height: 0;
     overflow-y: auto;
 
-    padding: var(--offset-room);
+    padding: var(--offset-room-ring);
 
     scrollbar-width: none;
   }
@@ -439,12 +441,23 @@
     gap: 8px;
     min-height: 0;
     overflow: hidden;
+
+    padding: var(--offset-room-ring);
+    margin: calc(-1 * var(--offset-room-ring));
+    visibility: visible;
+    transition: visibility 0s;
   }
   .tamga-rail-group-body[data-open="false"] {
     grid-template-rows: 0fr;
   }
+
+  .tamga-rail-group-body[data-open="false"] > div {
+    visibility: hidden;
+    transition: visibility 0s var(--duration-press);
+  }
   @media (prefers-reduced-motion: reduce) {
     .tamga-rail-group-body,
+    .tamga-rail-group-body > div,
     .tamga-rail-section-caret {
       transition: none;
     }

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.7.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.7.2 · MIT · https://tamga.org.tr */
 @import "./fonts.css";
 @import "./theme.css";
 @import "./kit.css";

package/dist/theme.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.7.1 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.7.2 · MIT · https://tamga.org.tr */
 @custom-variant dark (&:is(.dark *));
 
 @theme static {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamga-ui",
-  "version": "0.7.1",
+  "version": "0.7.2",
   "description": "Mantıksal's shared interface library: tokens, physics and components.",
   "license": "MIT",
   "type": "module",