@cosmicdrift/kumiko-headless 0.197.1 → 0.199.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/package.json +2 -2
- package/src/apex/__tests__/render.test.ts +10 -0
- package/src/apex/css.ts +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cosmicdrift/kumiko-headless",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.199.0",
|
|
4
4
|
"description": "Headless UI logic for Kumiko — Dispatcher contract, Form-Controller, View-Model, Nav-Resolver. Plattform- und React-frei; jeder Renderer (renderer, renderer-web, renderer-native, …) komponiert darauf.",
|
|
5
5
|
"license": "BUSL-1.1",
|
|
6
6
|
"author": "Marc Frost <marc@cosmicdriftgamestudio.com>",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@cosmicdrift/kumiko-framework": "0.
|
|
39
|
+
"@cosmicdrift/kumiko-framework": "0.199.0",
|
|
40
40
|
"temporal-polyfill": "^0.3.2",
|
|
41
41
|
"zod": "^4.4.3"
|
|
42
42
|
},
|
|
@@ -315,4 +315,14 @@ describe("renderApexPage", () => {
|
|
|
315
315
|
expect(html).toContain('{"@context":"https://schema.org","@type":"WebSite","name":"Acme"}');
|
|
316
316
|
expect(html).toContain("</script>");
|
|
317
317
|
});
|
|
318
|
+
|
|
319
|
+
test("header .nav rule doesn't reset the .container's horizontal padding (#2038)", () => {
|
|
320
|
+
const html = renderApexPage(page());
|
|
321
|
+
const navRule = html.match(/\.nav\s*\{[^}]*\}/)?.[0];
|
|
322
|
+
expect(navRule).toBeDefined();
|
|
323
|
+
// A `padding`/`padding-inline`/`padding-left`/`padding-right` shorthand or
|
|
324
|
+
// longhand here would win the cascade over .container's horizontal padding
|
|
325
|
+
// (same specificity, .nav declared later) and zero it out on <div class="container nav">.
|
|
326
|
+
expect(navRule).not.toMatch(/padding(-inline|-left|-right)?\s*:/);
|
|
327
|
+
});
|
|
318
328
|
});
|
package/src/apex/css.ts
CHANGED
|
@@ -126,7 +126,7 @@ const CHROME_LIGHT = `
|
|
|
126
126
|
background: color-mix(in srgb, var(--bg) 85%, transparent);
|
|
127
127
|
backdrop-filter: saturate(140%) blur(8px);
|
|
128
128
|
border-bottom: 1px solid var(--border); }
|
|
129
|
-
.nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.85rem
|
|
129
|
+
.nav { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding-block: 0.85rem; }
|
|
130
130
|
.brand { display: flex; align-items: center; gap: 0.55rem; font-weight: 700; font-size: 1.125rem; color: var(--fg); }
|
|
131
131
|
.brand a { color: var(--fg); display: inline-flex; align-items: center; gap: 0.55rem; }
|
|
132
132
|
.brand a:hover { color: var(--fg); }
|