@iyulab/modern-app 0.49.0 → 0.49.1
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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [0.49.1] - 2026-10-12
|
|
4
|
+
|
|
5
|
+
### Fixed
|
|
6
|
+
|
|
7
|
+
- `u-group-box` is no longer a size container itself; the query container for its narrow layout is a box inside its
|
|
8
|
+
shadow root of the same width. In Chromium a card whose content changed in the same commit that disabled a sibling
|
|
9
|
+
`<fieldset>` could stay collapsed to its border (2px tall) until something forced a relayout, and the host's
|
|
10
|
+
`container-type` was the ingredient. Narrow-width rules — the card's own header, and unnamed `@container` queries
|
|
11
|
+
in slotted content — resolve to the same width as before.
|
|
12
|
+
|
|
3
13
|
## [0.49.0] - 2026-10-09
|
|
4
14
|
|
|
5
15
|
### Added
|
|
@@ -33,7 +33,7 @@ var f, p = {
|
|
|
33
33
|
}
|
|
34
34
|
render() {
|
|
35
35
|
let e = !!this.title || !!this.description || this.hasActions;
|
|
36
|
-
return a
|
|
36
|
+
return a`<div class="frame">
|
|
37
37
|
<div class="header ${this.divider ? "divider" : ""} ${e ? "" : "empty"}" part="header">
|
|
38
38
|
<div class="titles">
|
|
39
39
|
${u`<${p[this.headingLevel]} class="title" part="title">${this.title}${this.title && this.meta ? a` <span class="meta" part="meta">${this.meta}</span>` : ""}</${p[this.headingLevel]}>`}
|
|
@@ -46,7 +46,7 @@ var f, p = {
|
|
|
46
46
|
</div>
|
|
47
47
|
</div>
|
|
48
48
|
<div class="body ${this.flush ? "flush" : ""}" part="body"><slot></slot></div>
|
|
49
|
-
|
|
49
|
+
</div>`;
|
|
50
50
|
}
|
|
51
51
|
};
|
|
52
52
|
t([c({ type: String }), e("design:type", Object)], m.prototype, "title", void 0), t([c({ type: String }), e("design:type", String)], m.prototype, "meta", void 0), t([c({ type: String }), e("design:type", String)], m.prototype, "description", void 0), t([c({ type: Boolean }), e("design:type", Object)], m.prototype, "divider", void 0), t([c({ type: Boolean }), e("design:type", Object)], m.prototype, "flush", void 0), t([c({
|
|
@@ -6,16 +6,23 @@ var t = e`
|
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
container-type: inline-size;
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
9
|
background-color: var(--u-panel-bg-color, #FFFFFF);
|
|
14
10
|
border: 1px solid var(--u-border-color, #E0E0E0);
|
|
15
11
|
border-radius: var(--u-radius-xl, 8px);
|
|
16
12
|
box-shadow: var(--u-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 1px rgba(0, 0, 0, 0.04));
|
|
17
13
|
}
|
|
18
14
|
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
.frame {
|
|
23
|
+
container-type: inline-size;
|
|
24
|
+
}
|
|
25
|
+
|
|
19
26
|
.header {
|
|
20
27
|
display: flex;
|
|
21
28
|
align-items: center;
|