@knpkv/rly 0.11.0 → 0.12.0
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/README.md +6 -1
- package/dist/base.css +2 -2
- package/dist/components.css +2 -2
- package/dist/diff/bounded/index.js.map +1 -1
- package/dist/diff/index.js.map +1 -1
- package/dist/diff/patch/index.js.map +1 -1
- package/dist/generated-tokens.css +2 -0
- package/dist/patterns-DPd5YlSW.js.map +1 -1
- package/dist/primitives-CgvvYKjR.js.map +1 -1
- package/dist/workbench-CHCnYW3G.js.map +1 -1
- package/package.json +2 -1
package/README.md
CHANGED
|
@@ -49,7 +49,12 @@ pnpm --filter @knpkv/rly lint:colors
|
|
|
49
49
|
```
|
|
50
50
|
|
|
51
51
|
The color-policy lint rejects raw component colors, primitive palette
|
|
52
|
-
variables,
|
|
52
|
+
variables, component-local theme/media overrides, and focus outlines that do
|
|
53
|
+
not take their width from `--rly-focus-ring-width`.
|
|
54
|
+
|
|
55
|
+
Every focus ring is one solid 2px line in `--rly-color-focus`, drawn
|
|
56
|
+
`--rly-focus-ring-offset` (2px) outside the control. Where the ring must stay
|
|
57
|
+
inside a clipped container, use `outline-offset: calc(var(--rly-focus-ring-width) * -1)`.
|
|
53
58
|
|
|
54
59
|
## Foundations
|
|
55
60
|
|
package/dist/base.css
CHANGED
|
@@ -30,8 +30,8 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
:where([data-rly-root], [data-rly-catalog]) :focus-visible {
|
|
33
|
-
outline:
|
|
34
|
-
outline-offset:
|
|
33
|
+
outline: var(--rly-focus-ring-width) solid var(--rly-color-focus);
|
|
34
|
+
outline-offset: var(--rly-focus-ring-offset);
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|