anentrypoint-design 0.0.418 → 0.0.420
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/dist/247420.css +13 -7
- package/dist/247420.js +27 -27
- package/package.json +1 -1
- package/src/css/app-shell/topbar.css +13 -7
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "anentrypoint-design",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.420",
|
|
4
4
|
"description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/247420.js",
|
|
@@ -85,11 +85,14 @@ body.canvas-host { background: transparent !important; }
|
|
|
85
85
|
.app-topbar nav a {
|
|
86
86
|
color: var(--fg-2);
|
|
87
87
|
/* Dense desktop chrome (was a 44px pill with 12px 14px pad — marketing-scale
|
|
88
|
-
touch target in the top bar)
|
|
89
|
-
|
|
90
|
-
|
|
88
|
+
touch target in the top bar): --r-1 rounded rect, tighter padding. The 44px
|
|
89
|
+
floor is UNCONDITIONAL, not behind @media(pointer:coarse) — switch and
|
|
90
|
+
head-pointer users drive a fine pointer and are never reported as coarse,
|
|
91
|
+
so a coarse-gated floor leaves them a 39px target. Measured live at 1920:
|
|
92
|
+
the gated form rendered 39px with pointer:coarse false. Padding stays dense;
|
|
93
|
+
only the floor moves, so the compact chrome reads unchanged. */
|
|
91
94
|
padding: var(--space-2) var(--space-2-5);
|
|
92
|
-
min-height:
|
|
95
|
+
min-height: 44px;
|
|
93
96
|
display: flex;
|
|
94
97
|
align-items: center;
|
|
95
98
|
border-radius: var(--r-1);
|
|
@@ -181,10 +184,13 @@ body.canvas-host { background: transparent !important; }
|
|
|
181
184
|
display: grid; grid-template-columns: 18px 1fr auto;
|
|
182
185
|
gap: var(--space-2-5); align-items: center;
|
|
183
186
|
/* Dense rounded-rect nav row (was a 44px pill with 12px 14px padding — tall
|
|
184
|
-
and consumer-shaped). A --r-1 rounded rect
|
|
185
|
-
|
|
187
|
+
and consumer-shaped). A --r-1 rounded rect reads as compact app chrome.
|
|
188
|
+
The 44px floor is UNCONDITIONAL for the same reason as .skip-link's: a
|
|
189
|
+
pointer:coarse gate misses switch and head-pointer users, who report a fine
|
|
190
|
+
pointer. Measured live at 1920 the gated form rendered 39px. Padding is
|
|
191
|
+
unchanged, so the row stays dense — only the floor moves. */
|
|
186
192
|
padding: var(--space-2) var(--space-2-5);
|
|
187
|
-
min-height:
|
|
193
|
+
min-height: 44px;
|
|
188
194
|
border-radius: var(--r-1);
|
|
189
195
|
color: var(--fg-2);
|
|
190
196
|
margin-bottom: 2px;
|