@kerfjs/ui 5.0.0-beta.45 → 5.0.0-beta.46
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
CHANGED
|
@@ -145,7 +145,8 @@ its existing full/top alignment and zero-gap defaults. Set `textInsets` or
|
|
|
145
145
|
example, `textInsets="tbl"` or `controlInsets="r"`). Text geometry takes
|
|
146
146
|
precedence where both select the same side. `ListInsetText` and
|
|
147
147
|
`ListInsetControl` inset all four sides by default and accept the same `sides`
|
|
148
|
-
grammar for selective insets.
|
|
148
|
+
grammar for selective insets. Nested Rows and Lists resolve their inset sides
|
|
149
|
+
independently, so an unselected inner side does not inherit its parent's inset.
|
|
149
150
|
|
|
150
151
|
The same property-specific boundary applies beyond spacing: use `flex()` (or a
|
|
151
152
|
finite keyword) for `Row.flex` and `List.flex`; length builders and intrinsic-size keywords for
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Public API signatures for the UI authoring corpus
|
|
2
2
|
|
|
3
|
-
Generated from emitted declarations for `@kerfjs/ui@5.0.0-beta.
|
|
3
|
+
Generated from emitted declarations for `@kerfjs/ui@5.0.0-beta.46` and `kerfjs@5.0.0-beta.46`. This bounded reference covers only APIs used by the seven-task corpus. It is interface evidence, not an implementation or runtime guarantee.
|
|
4
4
|
|
|
5
5
|
## `@kerfjs/ui/css-values`
|
|
6
6
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Web Awesome JSX signatures for the UI authoring corpus
|
|
2
2
|
|
|
3
|
-
Generated from the emitted `@kerfjs/ui@5.0.0-beta.
|
|
3
|
+
Generated from the emitted `@kerfjs/ui@5.0.0-beta.46` declaration boundary. Import `@kerfjs/ui/webawesome` for type effects when authoring direct `wa-*` JSX. The module emits no runtime behavior and does not register custom elements.
|
|
4
4
|
|
|
5
5
|
```ts
|
|
6
6
|
import { KerfCustomElement } from 'kerfjs/jsx-runtime';
|
package/dist/styles/list.css
CHANGED
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
.kui-list {
|
|
2
2
|
--kui-list-divider-color: var(--kui-color-border);
|
|
3
3
|
--kui-list-gap: var(--kui-layout-item-gap, 0.5rem);
|
|
4
|
+
--_kui-list-inset-top: 0;
|
|
5
|
+
--_kui-list-inset-right: 0;
|
|
6
|
+
--_kui-list-inset-bottom: 0;
|
|
7
|
+
--_kui-list-inset-left: 0;
|
|
4
8
|
--_kui-list-divider-top: transparent;
|
|
5
9
|
--_kui-list-divider-right: transparent;
|
|
6
10
|
--_kui-list-divider-bottom: transparent;
|
package/dist/styles/row.css
CHANGED
package/docs/layout.md
CHANGED
|
@@ -196,6 +196,8 @@ physical `Sides` union. Values follow canonical top/right/bottom/left order
|
|
|
196
196
|
padding. A selected text side adds the complete content-item alignment inset —
|
|
197
197
|
8px outer margin + 1px border + 8px inner padding, represented as 17px of
|
|
198
198
|
container padding. When both props select the same side, the text inset wins.
|
|
199
|
+
Each nested `Row` or `List` resolves its own four inset sides; unselected sides
|
|
200
|
+
reset to zero instead of inheriting a same-type parent's inset selection.
|
|
199
201
|
|
|
200
202
|
`ListInsetText` and `ListInsetControl` use the same `sides` vocabulary and
|
|
201
203
|
default to `trbl`. The text wrapper applies its complete 8/1/8 geometry only on
|