@godxjp/ui 33.12.2 → 33.12.4
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/agent/START-HERE.md +1 -1
- package/agent/index.json +2 -2
- package/agent/llms.txt +3 -3
- package/agent/tokens.json +2 -2
- package/dist/contracts/measurement.json +1 -1
- package/dist/lib/focus-reveal.js +18 -0
- package/dist/styles/data-display-layout.css +0 -1
- package/dist/styles/data-entry-layout.css +0 -1
- package/dist/styles/focus-ring.css +48 -0
- package/dist/styles/layers.json +1 -1
- package/dist/styles/layout.css +0 -3
- package/dist/styles/navigation-layout.css +0 -2
- package/dist/styles/shell-layout.css +0 -12
- package/dist/styles/table-layout.css +0 -2
- package/dist/styles.css +1 -1
- package/dist/tokens/components/resizable.css +1 -1
- package/docs/TOKENS.md +2 -2
- package/package.json +2 -2
package/docs/TOKENS.md
CHANGED
|
@@ -279,9 +279,9 @@ The census confirmed the number and rejected the diagnosis: **`width` is not one
|
|
|
279
279
|
|
|
280
280
|
The focus mark reads this scale through `--focus-ring-weight`: the default is `--stroke-md` (2px), with a 2px outline gap. `--focus-ring-width` is derived from the weight and the global `--focus-outline` switch; do not set it directly.
|
|
281
281
|
|
|
282
|
-
Clipped component carriers use `--focus-ring-inset-offset` (default -4px) through `--focus-ring-contained-offset` on the focused element only: padded tab items, full-height picker cells, legal rail links, table rows
|
|
282
|
+
Clipped component carriers use `--focus-ring-inset-offset` (default -4px) through `--focus-ring-contained-offset` on the focused element only: padded tab items, full-height picker cells, legal rail links, table rows and scroll regions. Never assign this override to app-main, cards or other ancestor containers: it inherits into text and filled controls. Ordinary links and buttons keep the outside mark and gap. Cards and table surfaces open their clip margin while focused, preserving their resting radius crop and layout. Scrollers reserve no layout padding for focus; `scroll-padding` and `scroll-margin` only guide keyboard reveal. At a scroll boundary, a flush button uses a contained mark with a surface-coloured gap on its inner side, within its existing padding. Horizontal Anchor text links have no inline padding, so their focus mark paints only the two block edges inside existing block padding. Keyboard-scroll regions show their own inset mark by default; `--region-focus-ring-width: 0` is an explicit opt-out.
|
|
283
283
|
|
|
284
|
-
Resize separators use `--resizable-handle-size` (default
|
|
284
|
+
Resize separators use `--resizable-handle-size` (default `var(--control-border-width, var(--stroke-hairline))`, 1px), with the inline or block axis selected by ARIA orientation. This controls layout thickness only; an inset focus shadow paints inside the separator without increasing its size.
|
|
285
285
|
|
|
286
286
|
#### `--band-height-*` — the vertical extent of a horizontal band
|
|
287
287
|
|