@kiefer-tek/sophea-design-system 0.17.0 → 0.17.2

package/dist/index.css

@@ -5903,6 +5903,16 @@ a.sn-Button-module__btn--Fx11X[aria-disabled="true"] {
   background: var(--surface-s3);
 }
 
+/* Sticky-header variant: the table must NOT be its own clip/scroll context, or
+   the sticky <thead> anchors to the table box (and scrolls away) instead of the
+   surrounding scroll container. Drop overflow/border/radius so the consumer's
+   scroll container owns them — typically a `rounded-b-2xl overflow-auto` box (or
+   an `overflow-hidden` card) giving a flush square-top header + rounded bottom. */
+.sn-Table-module__sticky--QfxLu {
+  overflow: visible;
+  border: 0;
+  border-radius: 0;
+}
 .sn-Table-module__sticky--QfxLu .sn-Table-module__th--PNuEx {
   position: sticky;
   top: 0;

package/dist/tokens/index.js

@@ -289,7 +289,7 @@ const motion$1 = {
 const font = {
   family: {
     sans: {
-      $value: "Geist, Geist Variable, ui-sans-serif, system-ui, sans-serif",
+      $value: "Geist, Geist Variable, Inter, ui-sans-serif, system-ui, sans-serif",
       $type: "fontFamily"
     },
     mono: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiefer-tek/sophea-design-system",
-  "version": "0.17.0",
+  "version": "0.17.2",
   "description": "Sophea design system: tokens, components, Tailwind preset.",
   "license": "UNLICENSED",
   "type": "module",

package/src/tokens/colors_and_type.css

@@ -13,11 +13,18 @@
  *  brand-navy CTAs, vivid brand-light selection. Quietly rounded corners,
  *  predictable hierarchy.
  *
- *  Fonts: Geist Sans for everything (body, UI, headings), DM Mono for code.
- *  Both are Next.js Google Fonts (next/font/google) in production.
+ *  Fonts: Geist Sans for everything (body, UI, headings), DM Mono for code,
+ *  Inter as the Greek-coverage fallback (Geist has no Greek glyphs).
+ *  All Google Fonts (next/font/google in production).
  * ========================================================================== */
 
-@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap");
+/* Geist has no Greek glyphs, so Greek text would otherwise fall back per-glyph
+   to an undesigned system font (visible glitches, e.g. "πρώτη" mis-spaced under
+   tracking-tight). Inter ships complete, well-matched Greek; loading it here
+   (Google Fonts splits per-script, so the Greek subset downloads only when
+   Greek is rendered) lets the "Inter" entry in the sans stack supply Greek
+   consistently while Geist keeps Latin. */
+@import url("https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap");
 
 /* ---------- Light mode primitives ---------- */
 :root {
@@ -763,8 +770,8 @@
  * ========================================================================== */
 :root {
   --font-family-sans:
-    "Geist", "Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
-    "Helvetica Neue", Arial, sans-serif;
+    "Geist", "Geist Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
+    Roboto, "Helvetica Neue", Arial, sans-serif;
   --font-family-mono:
     "DM Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono",
     monospace;

package/src/tokens/tokens.json

@@ -290,7 +290,7 @@
   "font": {
     "family": {
       "sans": {
-        "$value": "Geist, Geist Variable, ui-sans-serif, system-ui, sans-serif",
+        "$value": "Geist, Geist Variable, Inter, ui-sans-serif, system-ui, sans-serif",
         "$type": "fontFamily"
       },
       "mono": {