@exsto/ds 0.0.1-rc.2 → 0.0.1-rc.3

package/dist/styles.css

@@ -124,6 +124,8 @@
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --default-font-family: var(--font-sans);
     --default-mono-font-family: var(--font-mono);
+    --text-2xs: 10px;
+    --text-2xs--line-height: 14px;
     --color-border: var(--border);
   }
 }
@@ -2277,6 +2279,11 @@
     font-family: var(--font-sans);
   }
 
+  .text-2xs {
+    font-size: var(--text-2xs);
+    line-height: var(--tw-leading, var(--text-2xs--line-height));
+  }
+
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -5455,6 +5462,10 @@
       display: flex;
     }
 
+    .md\:table-cell {
+      display: table-cell;
+    }
+
     .md\:flex-row {
       flex-direction: row;
     }

package/dist/theme.css

@@ -1,17 +1,60 @@
 /*
  * @exsto/ds design tokens and their Tailwind mapping, uncompiled.
  *
- * Import this from your own Tailwind entry when you want to use the design
- * system vocabulary (bg-card, text-muted-foreground, rounded-lg, ...) in your
- * OWN markup. `@exsto/ds/styles.css` styles the components; this file gives
- * your Tailwind build the tokens behind them.
+ * Import this when you want the design system vocabulary (bg-card,
+ * text-muted-foreground, rounded-lg, font-sans, text-2xs, ...) in your OWN
+ * markup. styles.css styles the components; this gives your Tailwind build
+ * the tokens behind them.
  *
+ * ORDER MATTERS. styles.css goes FIRST, before your Tailwind entry:
+ *
+ *   @import "@exsto/ds/styles.css";
  *   @import "tailwindcss";
  *   @import "@exsto/ds/theme.css";
- *   @import "@exsto/ds/styles.css";
+ *
+ * styles.css is a compiled Tailwind build, so its utilities land in the same
+ * cascade layer as yours and whichever comes last wins. Import it after your
+ * Tailwind and its unconditional .hidden beats your .md:table-cell, which
+ * silently drops responsive markup.
  */
 
 @custom-variant dark (&:is(.dark *));
+/*
+ * Brand layer.
+ *
+ * The colour ramps come from Tailwind v4 unchanged. The design system is built on
+ * the stock palette so the Figma library (Tailwind v4 + shadcn, style Nova) and the
+ * code cannot drift apart: there is no value here to keep in sync, because nothing
+ * here redefines a colour. The exact shadcn neutral semantic theme lives in
+ * tokens.css.
+ *
+ * The legacy Exsto palette this file used to carry was dropped when the design team
+ * moved to Tailwind defaults. It is in git history if a legacy surface ever needs it.
+ */
+
+@theme {
+  /* Inter is the typeface for the whole system. */
+  --font-sans: 'Inter', sans-serif;
+
+  /*
+   * The one step Tailwind's type scale does not have: a 10/14 footnote, used by
+   * badges, chips and dense table headers. Everything else is stock.
+   */
+  --text-2xs: 10px;
+  --text-2xs--line-height: 14px;
+}
+
+@layer base {
+  :root {
+    color-scheme: light;
+  }
+
+  :root.dark,
+  .dark {
+    color-scheme: dark;
+  }
+}
+
 /* Current shadcn Base Nova neutral theme. Product branding belongs in a separate layer. */
 /* Base Nova deliberately uses the same black/10 backdrop in both modes; component-level backdrop blur supplies the remaining separation. */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@exsto/ds",
-  "version": "0.0.1-rc.2",
+  "version": "0.0.1-rc.3",
   "description": "The eDynamix design system: React components, design tokens, and optional web components.",
   "license": "Apache-2.0",
   "keywords": [