@kolkrabbi/kol-theme 0.7.2 → 0.7.3

package/kol-components-atoms.css

@@ -813,11 +813,6 @@ a:hover .icon-hover,
 }
 
 /* ─────────────────────────────────────────────────────────────────────
- * Type-specimen kit — TARGET: packages/theme/kol-components-atoms.css
- *   (the two .kol-prose-* rules may alternatively land in the prose
- *   section of packages/theme/kol-typography.css per the ProsePreview
- *   lobby spec — pick one home, not both.)
- *
  * Ported from kol-monorepo apps/brand/src/components/framework/
  * kol-framework.css. NOT ported (already in kol-typography.css, richer
  * DS versions win): .kol-prose pre, .kol-prose code, .kol-prose pre code.
@@ -826,21 +821,11 @@ a:hover .icon-hover,
  * No text-transform rules existed in the source CSS; the components'
  * Tailwind `uppercase` classes were dropped per the KOL no-auto-casing
  * rule — author labels/pullouts in their final case.
+ * The type-specimen kit rules (TypeSample / TypeSpecCard / TextPressure)
+ * moved to kol-components-foundry.css 2026-07-09 with the components'
+ * move to @kolkrabbi/kol-foundry.
  * ───────────────────────────────────────────────────────────────────── */
 
-/* ─── TypeSample — atoms/TypeSample.jsx ───
-   Wrapper padding inlined in the component; adjacent-sibling hairline
-   separates stacked samples. */
-.kol-type-sample + .kol-type-sample {
-  border-top: 1px solid var(--kol-fg-08);
-}
-
-/* ─── TypeSpecCard — atoms/TypeSpecCard.jsx ───
-   Layout inlined in the component; descendant <p> overrides give sample
-   prose 16px rhythm (Preflight zeroes <p> margin). */
-.kol-type-spec-sample p { margin: 0 0 16px; }
-.kol-type-spec-sample p:last-child { margin-bottom: 0; }
-
 /* ─── ProsePreview — atoms/ProsePreview.jsx ───
    Prose chrome beyond the base .kol-prose contract. */
 .kol-prose-indented {
@@ -854,29 +839,3 @@ a:hover .icon-hover,
   border-top: 1px solid var(--kol-fg-08);
   border-bottom: 1px solid var(--kol-fg-08);
 }
-
-/* =============================================================================
- * TextPressure  (atom)
- * append to packages/theme/kol-components-atoms.css
- *
- * Only the outlined-ghost layer lives here — it needs a ::after pseudo-element
- * and -webkit-text-stroke, neither expressible in Tailwind or inline style.
- * Everything else (layout, sizing, weight) is Tailwind utilities / inline vars
- * on the JSX. Stroke color comes in through the inline `--kol-text-pressure-
- * stroke` custom property (defaulted here so the rule is standalone-safe).
- * ============================================================================= */
-
-.kol-text-pressure--stroke .kol-text-pressure-char {
-  position: relative;
-}
-
-.kol-text-pressure--stroke .kol-text-pressure-char::after {
-  content: attr(data-char);
-  position: absolute;
-  left: 0;
-  top: 0;
-  color: transparent;
-  z-index: -1;
-  -webkit-text-stroke-width: 3px;
-  -webkit-text-stroke-color: var(--kol-text-pressure-stroke, var(--kol-accent-primary));
-}

package/kol-components-foundry.css

@@ -0,0 +1,49 @@
+/* =============================================================================
+ * KOL components — foundry (@kolkrabbi/kol-foundry)
+ * =============================================================================
+ * Component CSS for the type-specimen apparatus. Recreated 2026-07-09 when the
+ * type-specimen kit + live-font effects (TypeSample, TypeSpecCard, TextPressure,
+ * ColorLoader) moved from @kolkrabbi/kol-component into @kolkrabbi/kol-foundry;
+ * their rules moved here from kol-components-atoms.css with them. CSS always
+ * lives in kol-theme — the foundry package ships JS only.
+ *
+ * Layer: this file ships unlayered; kol-theme.css assigns the layer at import —
+ *   @import "./kol-components-foundry.css" layer(components);
+ * placing it in the `components` cascade layer alongside the rest of KOL chrome,
+ * so consumer utilities (a later Tailwind layer) still override it.
+ * ============================================================================= */
+
+/* ─── TypeSample — TypeSample.jsx ───
+   Wrapper padding inlined in the component; adjacent-sibling hairline
+   separates stacked samples. */
+.kol-type-sample + .kol-type-sample {
+  border-top: 1px solid var(--kol-fg-08);
+}
+
+/* ─── TypeSpecCard — TypeSpecCard.jsx ───
+   Layout inlined in the component; descendant <p> overrides give sample
+   prose 16px rhythm (Preflight zeroes <p> margin). */
+.kol-type-spec-sample p { margin: 0 0 16px; }
+.kol-type-spec-sample p:last-child { margin-bottom: 0; }
+
+/* ─── TextPressure — TextPressure.jsx ───
+   Only the outlined-ghost layer lives here — it needs a ::after pseudo-element
+   and -webkit-text-stroke, neither expressible in Tailwind or inline style.
+   Everything else (layout, sizing, weight) is Tailwind utilities / inline vars
+   on the JSX. Stroke color comes in through the inline `--kol-text-pressure-
+   stroke` custom property (defaulted here so the rule is standalone-safe).
+   ColorLoader composes TextPressure and needs no rules of its own. */
+.kol-text-pressure--stroke .kol-text-pressure-char {
+  position: relative;
+}
+
+.kol-text-pressure--stroke .kol-text-pressure-char::after {
+  content: attr(data-char);
+  position: absolute;
+  left: 0;
+  top: 0;
+  color: transparent;
+  z-index: -1;
+  -webkit-text-stroke-width: 3px;
+  -webkit-text-stroke-color: var(--kol-text-pressure-stroke, var(--kol-accent-primary));
+}

package/kol-theme.css

@@ -44,6 +44,7 @@
 @import "./kol-components-dashboards.css" layer(components);
 @import "./kol-components-chess.css" layer(components);
 @import "./kol-components-workshop.css" layer(components);
+@import "./kol-components-foundry.css" layer(components);
 
 /* Theme-level design tokens */
 @layer components {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
   "license": "MIT",
   "type": "module",