tamga-ui 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -5,6 +5,36 @@ 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.5.1
+
+> Three corrections the 0.5.0 port left behind: a menu that stole the page's scroll, and the
+> rail's hover, lift and press.
+
+### Changed
+
+- **The rail's hover is a wash again, and the current row lifts.** Hovering a row had it grow a
+  border and a base, turning every row into its own button: a rail is a list of eight, and eight
+  controls under the pointer is not navigation. Hover is now only the wash the kit already had a
+  token for (`--color-nav-hover-bg`), and the current row — which never takes that wash — lifts by
+  a pixel over its 3px base, so "you are here" is the one thing standing up. Law 2 is untouched:
+  it binds the FILL to an action, not the height, and the current row still speaks with an
+  outline. The pressed row travels 2px, which is the 3px of its base measured from where it
+  actually rests.
+
+- **A pressed segment no longer sinks below its own ground.** The selected tab rests a pixel up so
+  its shadow has room, which puts its ground at 1px; it was travelling 2px. The physics gate could
+  not see this because it measured the ARRIVAL, not the travel, and every family with a shadow
+  used to rest flat — that is fixed too, and the gate found this the moment it could.
+
+### Fixed
+
+- **A menu that starts open no longer steals the focus.** `DropdownMenu` with `defaultOpen`
+  focused its first option on mount, and the browser scrolls whatever it focuses into view: a page
+  carrying such a menu opened thousands of pixels down, past its own heading. The rule is no
+  longer "is it open" but "was it just opened" — the focus belongs to whoever performed the
+  opening. A menu the visitor opens still focuses its first option, so the arrow keys have
+  somewhere to start. Covered by a test.
+
 ## 0.5.0
 
 > The Soft Neo Brutalism port: every component, every token and the physics behind them. The

package/README.md

@@ -26,10 +26,6 @@ Docs: **[tamga.org.tr](https://tamga.org.tr)** · Changelog: [CHANGELOG.md](./CH
 npm install tamga-ui
 ```
 
-> **If a machine is reading this:** the package page (`npmjs.com/...`) returns **403** to
-> non-browser requests. That is npm's bot protection, nothing to do with this package. For
-> versions and metadata use the registry: `https://registry.npmjs.org/tamga-ui` (200, plain JSON).
-
 ### Local development
 
 To link the kit into a consuming project without publishing, while changing the kit itself:

package/dist/components/a11y.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/components/a11y.ts"],"names":[],"mappings":"AAkCA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,EAAE,OAAO,uCA0DhE;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,QAmDA"}
+{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../../src/components/a11y.ts"],"names":[],"mappings":"AAkCA;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,EAAE,OAAO,uCA0DhE;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,OAAO,GACR,EAAE;IACD,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,QA0DA"}

package/dist/components/a11y.js

@@ -98,16 +98,22 @@ export function useFocusTrap(open) {
  * without the hook needing to know what a separator is.
  */
 export function useListKeys({ open, containerRef, onClose, }) {
+    /* Ölçüt "açık mı" değil, "AÇILDI MI": `defaultOpen` ile açık doğan bir menüde
+       ilk seçenek odağı alırsa tarayıcı sayfayı ona kaydırıyor.
+       Gerekçe: docs/gerekce/07-katman-ve-diyalog.md */
+    const acikDogdu = useRef(open);
     useEffect(() => {
-        if (!open)
+        if (!open) {
+            acikDogdu.current = false;
             return;
+        }
         const root = containerRef.current;
         if (!root)
             return;
         const items = () => Array.from(root.querySelectorAll("[data-tamga-option]:not([disabled])"));
         /* focus the first option on open, so the arrows have somewhere to start */
-        const initial = items();
-        initial[0]?.focus();
+        if (!acikDogdu.current)
+            items()[0]?.focus();
         const onKey = (e) => {
             const list = items();
             if (list.length === 0)

package/dist/fonts.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.5.0 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.5.1 · 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.5.0 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.5.1 · MIT · https://tamga.org.tr */
 :root {
 
   --overlay-gap: 8px;
@@ -433,38 +433,31 @@
     padding-inline: 10px;
   }
 
-  .tamga-rail-link:hover {
+  .tamga-rail-link:hover:not([data-active="true"]) {
     color: var(--color-nav-hover);
-    background: var(--color-shell);
-    border-color: var(--color-edge-strong);
-    transform: translate(-1px, -1px);
-    box-shadow: 4px 4px 0 var(--color-edge-strong);
+    background: var(--color-nav-hover-bg);
   }
 
   .tamga-rail-link[data-active="true"] {
     background: var(--color-shell);
     border-color: var(--color-edge-strong);
+    transform: translate(-1px, -1px);
     box-shadow: 3px 3px 0 var(--color-edge-strong);
   }
 
   .tamga-rail-link[data-active="true"] svg {
     color: var(--color-accent);
   }
-  .tamga-rail-link[data-active="true"]:hover {
-    background: var(--color-shell);
-    border-color: var(--color-edge-strong);
-    transform: translate(-1px, -1px);
-    box-shadow: 4px 4px 0 var(--color-edge-strong);
-  }
+
   .tamga-rail-link[data-active="true"]:active {
-    transform: translate(3px, 3px);
+    transform: translate(2px, 2px);
     box-shadow: 0 0 0 var(--color-edge-strong);
   }
 
   .tamga-btn:not(:disabled):active,
   .tamga-icon-btn:not(:disabled):active,
   .tamga-mini-btn:not(:disabled):active,
-  .tamga-rail-link[data-active="true"]:active,
+
   .tamga-art-tile:active,
   .tamga-art-route:active {
     transition-duration: 0s;
@@ -2144,8 +2137,9 @@
     transform: translate(-1px, -1px);
     box-shadow: 3px 3px 0 var(--color-edge);
   }
+
   .tamga-segment > button[data-active="true"]:active {
-    transform: translate(2px, 2px);
+    transform: translate(1px, 1px);
     box-shadow: 0 0 0 var(--color-edge);
   }
 

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tamga-ui 0.5.0 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.5.1 · 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.5.0 · MIT · https://tamga.org.tr */
+/*! tamga-ui 0.5.1 · MIT · https://tamga.org.tr */
 @custom-variant dark (&:is(.dark *));
 
 @theme static {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tamga-ui",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Mant\u0131ksal's shared interface library: tokens, physics and components.",
   "license": "MIT",
   "type": "module",