@gemka/core 0.5.1 → 0.5.3

package/chrome.css

@@ -230,6 +230,8 @@
   margin-bottom: 0.5rem;
   padding-top: 6px;
 }
+/* Opt-in: single row of four At a glance cards (collapses on mobile, below). */
+.theme-vintage .dd-stats--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
 .theme-vintage .dd-stat-card {
   min-width: 0;
   background: var(--gk-surface-2);
@@ -563,7 +565,8 @@
   .theme-vintage .dd-tod-section { order: 3; }
   .theme-vintage .dd-overlay-cell--hour { order: 4; }
   .theme-vintage .dd-activity-section { order: 5; }
-  .theme-vintage .dd-stats { grid-template-columns: repeat(2, 1fr); }
+  .theme-vintage .dd-stats,
+  .theme-vintage .dd-stats--four { grid-template-columns: repeat(2, 1fr); }
   .theme-vintage .dd-tod-grid { grid-template-columns: 1fr; }
   .theme-vintage .dd-hour-grid { overflow: visible; --dd-bar-row-h: 12px; }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemka/core",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "Canonical GemKa design tokens (cream paper, oxblood accent, warm neutrals, Inter + Fraunces).",
   "license": "UNLICENSED",
   "type": "module",

package/tokens.css

@@ -35,7 +35,14 @@
   /* Chrome primitives: non-color dimensions consumed by chrome.css */
   --gk-nav-rule:      1px;             /* nav / dd-nav oxblood underline (base 2px folds to the vintage 1px) */
   --gk-avatar:        30px;            /* auth-avatar diameter */
-  --gk-clock-half:    5.5rem;          /* nav clock date/time half width */
+  --gk-clock-half:    7rem;            /* nav clock date/time half width — must hold the widest
+                                          zero-padded 10-char date (pt/de dd?dd?yyyy ~108px at the
+                                          14px/0.18em nav clock). At 5.5rem the date text overflowed
+                                          the fixed box rightward into the middle, eating the flex
+                                          gap (pt collided at ~0px). Sized so the date fits inside
+                                          the box, text-align:right seats it at the inner edge, and
+                                          chrome.css's gap:1.25rem reads as a real ~20px gap for
+                                          every locale; en (short 7/7/2026 date) is unchanged. */
   --gk-heatmap-cell:  14px;            /* deep-dive heatmap cell + day-label row height */
   --gk-stat-card-pad: 0.5rem 0.65rem;  /* deep-dive stat / peak-hour card padding */
 }