@godxjp/ui 33.12.1 → 33.12.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/agent/START-HERE.md +1 -1
- package/agent/index.json +2 -2
- package/agent/llms.txt +3 -3
- package/agent/tokens.json +1 -1
- package/dist/components/layout/resizable.d.ts +1 -1
- package/dist/components/layout/resizable.js +7 -1
- package/dist/contracts/measurement.json +1 -1
- package/dist/lib/focus-reveal.d.ts +1 -1
- package/dist/lib/focus-reveal.js +12 -3
- package/dist/styles/card-layout.css +13 -0
- package/dist/styles/data-display-layout.css +2 -0
- package/dist/styles/data-entry-layout.css +2 -0
- package/dist/styles/focus-ring.css +16 -18
- package/dist/styles/layers.json +1 -1
- package/dist/styles/layout.css +6 -0
- package/dist/styles/navigation-layout.css +4 -0
- package/dist/styles/shell-layout.css +13 -0
- package/dist/styles/table-layout.css +14 -0
- package/dist/styles.css +1 -1
- package/docs/TOKENS.md +1 -1
- package/package.json +2 -2
package/docs/TOKENS.md
CHANGED
|
@@ -279,7 +279,7 @@ 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
|
-
|
|
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, resize handles 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 use `overflow: clip` with ring headroom only while focus is inside, preserving their resting radius crop. App-main, ScrollArea, resizable panels, branch lists, pagination and horizontal Anchor lists reserve the mark-and-gap extent as padding and scroll-padding. Topbar expands its scrollport into existing chrome headroom to preserve cell width. Table scrollers reserve block-axis headroom and open their inner frame clip while focused. Focus reveal includes the outside outline, not just the control border. Keyboard-scroll regions show their own inset mark by default; `--region-focus-ring-width: 0` is an explicit opt-out.
|
|
283
283
|
|
|
284
284
|
Resize separators use `--resizable-handle-size` (default `--space-2`, 8px), with the inline or block axis selected by ARIA orientation. This reserves room for the inset mark even on an empty handle; focusing does not change its size.
|
|
285
285
|
|