anentrypoint-design 0.0.313 → 0.0.315

package/app-shell.css

@@ -241,11 +241,15 @@ body.canvas-host { background: transparent !important; }
 .app-topbar nav a { flex: 0 0 auto; }
 .app-topbar nav a {
   color: var(--fg-2);
-  padding: 12px 14px;
-  min-height: 44px;
+  /* Dense desktop chrome (was a 44px pill with 12px 14px pad — marketing-scale
+     touch target in the top bar). Matches the .app-side a treatment: ~34px,
+     --r-1 rounded rect, tighter padding. The 44px tap target is restored under
+     @media(pointer:coarse) (the existing .app-topbar nav a rule further down). */
+  padding: var(--space-2) var(--space-2-5);
+  min-height: 34px;
   display: flex;
   align-items: center;
-  border-radius: var(--r-pill);
+  border-radius: var(--r-1);
   transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
 }
 .app-topbar nav a:hover { background: var(--bg-2); color: var(--fg); }
@@ -273,8 +277,13 @@ body.canvas-host { background: transparent !important; }
 .brand .slash { color: var(--accent-ink); font-weight: 700; margin: 0 3px; }
 
 .app-search {
-  display: inline-flex; align-items: center; gap: 10px;
-  padding: 9px 16px; background: var(--bg-2);
+  display: inline-flex; align-items: center; gap: var(--space-2-5);
+  /* Snap to the single-line control ladder (--field-height == --ctl-md, 34px,
+     density-scaled) so the topbar search aligns with sibling topbar controls and
+     shrinks under [data-density]. Was raw 9px 16px padding off the ladder — the
+     one front-door input the control-height port missed. */
+  height: var(--field-height);
+  padding: 0 var(--space-3); background: var(--bg-2);
   border-radius: var(--r-pill);
   font-size: var(--fs-sm); color: var(--fg-3);
   max-width: 360px;
@@ -1166,7 +1175,9 @@ table tr.clickable:focus-visible td { background: var(--bg-2); }
 }
 .ds-barchart-label { font-size: var(--fs-sm); color: var(--fg-2); }
 .ds-barchart-track {
-  height: var(--space-2); border-radius: var(--r-pill);
+  /* 6px unifies with the system's other bar tracks (.ds-upload-bar,
+     .ds-bar-bg); was --space-2 (8px), the lone thicker slab in the bar family. */
+  height: var(--space-1-75); border-radius: var(--r-pill);
   background: var(--bg-3); overflow: hidden;
 }
 .ds-barchart-fill {

package/dist/247420.css

@@ -793,11 +793,15 @@
 .ds-247420 .app-topbar nav a { flex: 0 0 auto; }
 .ds-247420 .app-topbar nav a {
   color: var(--fg-2);
-  padding: 12px 14px;
-  min-height: 44px;
+  /* Dense desktop chrome (was a 44px pill with 12px 14px pad — marketing-scale
+     touch target in the top bar). Matches the .app-side a treatment: ~34px,
+     --r-1 rounded rect, tighter padding. The 44px tap target is restored under
+     @media(pointer:coarse) (the existing .app-topbar nav a rule further down). */
+  padding: var(--space-2) var(--space-2-5);
+  min-height: 34px;
   display: flex;
   align-items: center;
-  border-radius: var(--r-pill);
+  border-radius: var(--r-1);
   transition: background var(--dur-snap) var(--ease), color var(--dur-snap) var(--ease);
 }
 .ds-247420 .app-topbar nav a:hover { background: var(--bg-2); color: var(--fg); }
@@ -825,8 +829,13 @@
 .ds-247420 .brand .slash { color: var(--accent-ink); font-weight: 700; margin: 0 3px; }
 
 .ds-247420 .app-search {
-  display: inline-flex; align-items: center; gap: 10px;
-  padding: 9px 16px; background: var(--bg-2);
+  display: inline-flex; align-items: center; gap: var(--space-2-5);
+  /* Snap to the single-line control ladder (--field-height == --ctl-md, 34px,
+     density-scaled) so the topbar search aligns with sibling topbar controls and
+     shrinks under [data-density]. Was raw 9px 16px padding off the ladder — the
+     one front-door input the control-height port missed. */
+  height: var(--field-height);
+  padding: 0 var(--space-3); background: var(--bg-2);
   border-radius: var(--r-pill);
   font-size: var(--fs-sm); color: var(--fg-3);
   max-width: 360px;
@@ -1718,7 +1727,9 @@
 }
 .ds-247420 .ds-barchart-label { font-size: var(--fs-sm); color: var(--fg-2); }
 .ds-247420 .ds-barchart-track {
-  height: var(--space-2); border-radius: var(--r-pill);
+  /* 6px unifies with the system's other bar tracks (.ds-upload-bar,
+     .ds-bar-bg); was --space-2 (8px), the lone thicker slab in the bar family. */
+  height: var(--space-1-75); border-radius: var(--r-pill);
   background: var(--bg-3); overflow: hidden;
 }
 .ds-247420 .ds-barchart-fill {
@@ -8990,8 +9001,8 @@
     color: var(--panel-text, var(--fg-text));
     border: 1px solid var(--rule);
     border-radius: var(--r-1, 6px);
-    padding: 6px 10px;
-    font-size: 12px;
+    padding: var(--space-1-75) var(--space-2-5);
+    font-size: var(--fs-micro);
     line-height: 1.4;
     max-width: 280px;
     box-shadow: var(--shadow-3);
@@ -9034,8 +9045,12 @@
 .ds-247420 .ds-dropdown-list { display: flex; flex-direction: column; }
 .ds-247420 .ds-dropdown-item {
     display: flex; align-items: center; gap: 8px;
-    min-height: 44px;
-    padding: 8px 12px;
+    /* Dense desktop row (was an unconditional 44px touch target — a menu of
+       these was very tall on desktop). ~30px here; the 44px tap target is
+       restored under @media(pointer:coarse) below, matching the .ds-check-row
+       treatment. */
+    min-height: 30px;
+    padding: var(--space-1-5) var(--space-2-75);
     background: transparent; border: 0;
     color: inherit; font: inherit; text-align: left;
     border-radius: var(--r-1, 4px);
@@ -9046,6 +9061,9 @@
     background: var(--panel-2, var(--rule));
     outline: none;
 }
+@media (pointer: coarse) {
+    .ds-247420 .ds-dropdown-item { min-height: 44px; padding: var(--space-2) var(--space-3); }
+}
 .ds-247420 .ds-dropdown-item:focus-visible {
     outline: var(--focus-w) solid var(--focus-color);
     outline-offset: calc(var(--focus-offset) * -1);