@legioncodeinc/honeycomb 0.1.13 → 0.1.14

package/assets/tokens/colors.css

@@ -1,111 +1,111 @@
-/* ============================================================
-   Honeycomb — Color tokens
-   Dark-native, warm-tinted. Inherits the Legion Code structure
-   (5 surfaces, 4 text levels, 3 borders, semantic severity) but
-   shifts the canvas warm and makes HONEY AMBER the one brand hue.
-
-   Two accents only:
-     --honey  : the brand. Memory, recall, the live comb. Scarcity
-                rule applies — one saturated honey region per view.
-     --pollinate  : violet. Reserved for the Pollinating consolidation
-                loop and night/maintenance states. Never decorative.
-   Use these tokens; never raw hex outside this file.
-   ============================================================ */
-
-:root {
-  /* ---- Surfaces (dark — primary; warm near-black) --------------- */
-  --bg-canvas:    #0C0A07;
-  --bg-surface:   #15120B;
-  --bg-elevated:  #1E1A11;
-  --bg-subtle:    #29231799;
-  --bg-inset:     #070501;
-
-  /* ---- Text (warm off-white on dark) --------------------------- */
-  --text-primary:   #F7F3EC;
-  --text-secondary: #ADA28F;
-  --text-tertiary:  #877E6C;
-  --text-disabled:  #524B3C;
-  --text-inverse:   #0C0A07;
-
-  /* ---- Borders & dividers (on dark) ---------------------------- */
-  --border-subtle:  #221E15;
-  --border-default: #322B1E;
-  --border-strong:  #483F2C;
-
-  /* ---- Brand: HONEY AMBER (scarcity rule applies) -------------- */
-  --honey:          #F7A823;
-  --honey-hover:    #FFBA47;
-  --honey-pressed:  #D98C0C;
-  --honey-subtle:   rgba(247, 168, 35, 0.12);
-  --honey-border:   rgba(247, 168, 35, 0.32);
-  --honey-on:       #1A1206;   /* ink that sits on a honey fill   */
-
-  /* ---- Honey scale (comb cells, heat, data viz) ---------------- */
-  --honey-50:  #FFE9C2;
-  --honey-100: #FFD894;
-  --honey-200: #FFC661;
-  --honey-300: #F7A823;
-  --honey-400: #D98C0C;
-  --honey-500: #A86A07;
-  --honey-600: #6E4604;
-
-  /* ---- Pollinate: VIOLET (the Pollinating loop + night states) -------- */
-  --pollinate:          #8B7CF0;
-  --pollinate-hover:    #A89CF5;
-  --pollinate-pressed:  #6E5DDB;
-  --pollinate-subtle:   rgba(139, 124, 240, 0.14);
-  --pollinate-border:   rgba(139, 124, 240, 0.34);
-  --pollinate-on:       #0B0814;
-
-  /* ---- Severity (semantic; never decorative) ------------------- */
-  --severity-critical:    #FF5C63;
-  --severity-critical-bg: rgba(255, 92, 99, 0.12);
-  --severity-warning:     #FFC24B;
-  --severity-warning-bg:  rgba(255, 194, 75, 0.12);
-  --severity-info:        #5FA8FF;
-  --severity-info-bg:     rgba(95, 168, 255, 0.12);
-  --severity-success:     #3DDC97;   /* verified-green: proven / receipts */
-  --severity-success-bg:  rgba(61, 220, 151, 0.12);
-
-  /* ---- Status accents reused across product -------------------- */
-  --verified:       #3DDC97;   /* a proven, source-backed memory  */
-  --verified-subtle: rgba(61, 220, 151, 0.12);
-}
-
-/* ---- Light theme — docs, printed/exported reports only --------- */
-:root[data-theme="light"],
-.theme-light {
-  --bg-canvas:    #FBF7EF;
-  --bg-surface:   #F5EFE2;
-  --bg-elevated:  #FFFFFF;
-  --bg-subtle:    #EFE7D5;
-  --bg-inset:     #F0E8D8;
-
-  --text-primary:   #1A1206;
-  --text-secondary: #5C513C;
-  --text-tertiary:  #877E6C;
-  --text-disabled:  #B5AC97;
-  --text-inverse:   #FBF7EF;
-
-  --border-subtle:  #EAE0CD;
-  --border-default: #DACFB6;
-  --border-strong:  #C2B594;
-
-  --honey:          #B7790A;
-  --honey-hover:    #9A6606;
-  --honey-pressed:  #7E5304;
-  --honey-subtle:   rgba(183, 121, 10, 0.10);
-  --honey-border:   rgba(183, 121, 10, 0.30);
-  --honey-on:       #FFFFFF;
-
-  --pollinate:          #6E5DDB;
-  --pollinate-hover:    #5B49C6;
-  --pollinate-subtle:   rgba(110, 93, 219, 0.10);
-  --pollinate-border:   rgba(110, 93, 219, 0.28);
-
-  --severity-critical:    #D93741;
-  --severity-warning:     #B5790A;
-  --severity-info:        #2E6FD9;
-  --severity-success:     #18A968;
-  --verified:             #18A968;
-}
+/* ============================================================
+   Honeycomb — Color tokens
+   Dark-native, warm-tinted. Inherits the Legion Code structure
+   (5 surfaces, 4 text levels, 3 borders, semantic severity) but
+   shifts the canvas warm and makes HONEY AMBER the one brand hue.
+
+   Two accents only:
+     --honey  : the brand. Memory, recall, the live comb. Scarcity
+                rule applies — one saturated honey region per view.
+     --pollinate  : violet. Reserved for the Pollinating consolidation
+                loop and night/maintenance states. Never decorative.
+   Use these tokens; never raw hex outside this file.
+   ============================================================ */
+
+:root {
+  /* ---- Surfaces (dark — primary; warm near-black) --------------- */
+  --bg-canvas:    #0C0A07;
+  --bg-surface:   #15120B;
+  --bg-elevated:  #1E1A11;
+  --bg-subtle:    #29231799;
+  --bg-inset:     #070501;
+
+  /* ---- Text (warm off-white on dark) --------------------------- */
+  --text-primary:   #F7F3EC;
+  --text-secondary: #ADA28F;
+  --text-tertiary:  #877E6C;
+  --text-disabled:  #524B3C;
+  --text-inverse:   #0C0A07;
+
+  /* ---- Borders & dividers (on dark) ---------------------------- */
+  --border-subtle:  #221E15;
+  --border-default: #322B1E;
+  --border-strong:  #483F2C;
+
+  /* ---- Brand: HONEY AMBER (scarcity rule applies) -------------- */
+  --honey:          #F7A823;
+  --honey-hover:    #FFBA47;
+  --honey-pressed:  #D98C0C;
+  --honey-subtle:   rgba(247, 168, 35, 0.12);
+  --honey-border:   rgba(247, 168, 35, 0.32);
+  --honey-on:       #1A1206;   /* ink that sits on a honey fill   */
+
+  /* ---- Honey scale (comb cells, heat, data viz) ---------------- */
+  --honey-50:  #FFE9C2;
+  --honey-100: #FFD894;
+  --honey-200: #FFC661;
+  --honey-300: #F7A823;
+  --honey-400: #D98C0C;
+  --honey-500: #A86A07;
+  --honey-600: #6E4604;
+
+  /* ---- Pollinate: VIOLET (the Pollinating loop + night states) -------- */
+  --pollinate:          #8B7CF0;
+  --pollinate-hover:    #A89CF5;
+  --pollinate-pressed:  #6E5DDB;
+  --pollinate-subtle:   rgba(139, 124, 240, 0.14);
+  --pollinate-border:   rgba(139, 124, 240, 0.34);
+  --pollinate-on:       #0B0814;
+
+  /* ---- Severity (semantic; never decorative) ------------------- */
+  --severity-critical:    #FF5C63;
+  --severity-critical-bg: rgba(255, 92, 99, 0.12);
+  --severity-warning:     #FFC24B;
+  --severity-warning-bg:  rgba(255, 194, 75, 0.12);
+  --severity-info:        #5FA8FF;
+  --severity-info-bg:     rgba(95, 168, 255, 0.12);
+  --severity-success:     #3DDC97;   /* verified-green: proven / receipts */
+  --severity-success-bg:  rgba(61, 220, 151, 0.12);
+
+  /* ---- Status accents reused across product -------------------- */
+  --verified:       #3DDC97;   /* a proven, source-backed memory  */
+  --verified-subtle: rgba(61, 220, 151, 0.12);
+}
+
+/* ---- Light theme — docs, printed/exported reports only --------- */
+:root[data-theme="light"],
+.theme-light {
+  --bg-canvas:    #FBF7EF;
+  --bg-surface:   #F5EFE2;
+  --bg-elevated:  #FFFFFF;
+  --bg-subtle:    #EFE7D5;
+  --bg-inset:     #F0E8D8;
+
+  --text-primary:   #1A1206;
+  --text-secondary: #5C513C;
+  --text-tertiary:  #877E6C;
+  --text-disabled:  #B5AC97;
+  --text-inverse:   #FBF7EF;
+
+  --border-subtle:  #EAE0CD;
+  --border-default: #DACFB6;
+  --border-strong:  #C2B594;
+
+  --honey:          #B7790A;
+  --honey-hover:    #9A6606;
+  --honey-pressed:  #7E5304;
+  --honey-subtle:   rgba(183, 121, 10, 0.10);
+  --honey-border:   rgba(183, 121, 10, 0.30);
+  --honey-on:       #FFFFFF;
+
+  --pollinate:          #6E5DDB;
+  --pollinate-hover:    #5B49C6;
+  --pollinate-subtle:   rgba(110, 93, 219, 0.10);
+  --pollinate-border:   rgba(110, 93, 219, 0.28);
+
+  --severity-critical:    #D93741;
+  --severity-warning:     #B5790A;
+  --severity-info:        #2E6FD9;
+  --severity-success:     #18A968;
+  --verified:             #18A968;
+}

package/assets/tokens/fonts.css

@@ -1,32 +1,32 @@
-/* ============================================================
-   Honeycomb — Webfonts
-   Inter (UI + prose) and JetBrains Mono (the texture of trust:
-   memory keys, recall queries, hashes, file paths, timestamps).
-   Both inherited from the parent Legion Code brand.
-   ============================================================ */
-
-/* ---- Inter — variable (opsz + wght axes) ---------------------- */
-@font-face {
-  font-family: 'Inter';
-  font-style: normal;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('../logos/fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
-       url('../logos/fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
-  font-variation-settings: 'opsz' 16;
-}
-@font-face {
-  font-family: 'Inter';
-  font-style: italic;
-  font-weight: 100 900;
-  font-display: swap;
-  src: url('../logos/fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype-variations'),
-       url('../logos/fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
-  font-variation-settings: 'opsz' 16;
-}
-
-/* ---- JetBrains Mono — local static cuts ----------------------- */
-@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../logos/fonts/JetBrainsMono-Regular.woff2') format('woff2'); }
-@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('../logos/fonts/JetBrainsMono-Medium.woff2') format('woff2'); }
-@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url('../logos/fonts/JetBrainsMono-SemiBold.woff2') format('woff2'); }
-@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url('../logos/fonts/JetBrainsMono-Bold.woff2') format('woff2'); }
+/* ============================================================
+   Honeycomb — Webfonts
+   Inter (UI + prose) and JetBrains Mono (the texture of trust:
+   memory keys, recall queries, hashes, file paths, timestamps).
+   Both inherited from the parent Legion Code brand.
+   ============================================================ */
+
+/* ---- Inter — variable (opsz + wght axes) ---------------------- */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../logos/fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype-variations'),
+       url('../logos/fonts/Inter-VariableFont_opsz_wght.ttf') format('truetype');
+  font-variation-settings: 'opsz' 16;
+}
+@font-face {
+  font-family: 'Inter';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('../logos/fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype-variations'),
+       url('../logos/fonts/Inter-Italic-VariableFont_opsz_wght.ttf') format('truetype');
+  font-variation-settings: 'opsz' 16;
+}
+
+/* ---- JetBrains Mono — local static cuts ----------------------- */
+@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 400; font-display: swap; src: url('../logos/fonts/JetBrainsMono-Regular.woff2') format('woff2'); }
+@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 500; font-display: swap; src: url('../logos/fonts/JetBrainsMono-Medium.woff2') format('woff2'); }
+@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 600; font-display: swap; src: url('../logos/fonts/JetBrainsMono-SemiBold.woff2') format('woff2'); }
+@font-face { font-family: 'JetBrains Mono'; font-style: normal; font-weight: 700; font-display: swap; src: url('../logos/fonts/JetBrainsMono-Bold.woff2') format('woff2'); }

package/assets/tokens/spacing.css

@@ -1,48 +1,48 @@
-/* ============================================================
-   Honeycomb — Spacing, radii, elevation, motion
-   4px base unit; every value a multiple of 4. Five-step radius
-   ladder. Subtle elevation only (no decorative shadows). Brief,
-   disciplined motion. Inherited from Legion Code.
-   ============================================================ */
-
-:root {
-  /* ---- Spacing (4px base) --------------------------------------- */
-  --space-1:  4px;
-  --space-2:  8px;
-  --space-3:  12px;
-  --space-4:  16px;
-  --space-5:  20px;
-  --space-6:  24px;
-  --space-8:  32px;
-  --space-10: 40px;
-  --space-12: 48px;
-  --space-16: 64px;
-  --space-20: 80px;
-  --space-24: 96px;
-
-  /* ---- Radii ---------------------------------------------------- */
-  --radius-sm:   4px;    /* chips, tags                            */
-  --radius-md:   8px;    /* buttons, inputs                        */
-  --radius-lg:   12px;   /* cards                                  */
-  --radius-xl:   16px;   /* hero / panels                          */
-  --radius-2xl:  20px;
-  --radius-full: 9999px; /* avatars, dots                          */
-
-  /* ---- Elevation (subtle; cards carry border, not shadow) ------- */
-  --shadow-sm:  0 1px 2px 0 rgba(0,0,0,0.45);
-  --shadow-md:  0 4px 12px -2px rgba(0,0,0,0.55);
-  --shadow-lg:  0 12px 32px -6px rgba(0,0,0,0.65);
-  /* honey glow — the ONE expressive shadow, for the active comb /
-     a focused recall hit. Use sparingly. */
-  --glow-honey: 0 0 0 1px var(--honey-border), 0 8px 28px -10px rgba(247,168,35,0.5);
-  --glow-pollinate: 0 0 0 1px var(--pollinate-border), 0 8px 28px -10px rgba(139,124,240,0.5);
-  --ring-focus: 0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--honey);
-
-  /* ---- Motion --------------------------------------------------- */
-  --ease-out:    cubic-bezier(0.2, 0.8, 0.2, 1);   /* @kind other */
-  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
-  --dur-fast:    120ms;   /* @kind other */
-  --dur-base:    200ms;   /* @kind other */
-  --dur-slow:    400ms;   /* @kind other */
-  --dur-pollinate:   900ms;   /* @kind other */
-}
+/* ============================================================
+   Honeycomb — Spacing, radii, elevation, motion
+   4px base unit; every value a multiple of 4. Five-step radius
+   ladder. Subtle elevation only (no decorative shadows). Brief,
+   disciplined motion. Inherited from Legion Code.
+   ============================================================ */
+
+:root {
+  /* ---- Spacing (4px base) --------------------------------------- */
+  --space-1:  4px;
+  --space-2:  8px;
+  --space-3:  12px;
+  --space-4:  16px;
+  --space-5:  20px;
+  --space-6:  24px;
+  --space-8:  32px;
+  --space-10: 40px;
+  --space-12: 48px;
+  --space-16: 64px;
+  --space-20: 80px;
+  --space-24: 96px;
+
+  /* ---- Radii ---------------------------------------------------- */
+  --radius-sm:   4px;    /* chips, tags                            */
+  --radius-md:   8px;    /* buttons, inputs                        */
+  --radius-lg:   12px;   /* cards                                  */
+  --radius-xl:   16px;   /* hero / panels                          */
+  --radius-2xl:  20px;
+  --radius-full: 9999px; /* avatars, dots                          */
+
+  /* ---- Elevation (subtle; cards carry border, not shadow) ------- */
+  --shadow-sm:  0 1px 2px 0 rgba(0,0,0,0.45);
+  --shadow-md:  0 4px 12px -2px rgba(0,0,0,0.55);
+  --shadow-lg:  0 12px 32px -6px rgba(0,0,0,0.65);
+  /* honey glow — the ONE expressive shadow, for the active comb /
+     a focused recall hit. Use sparingly. */
+  --glow-honey: 0 0 0 1px var(--honey-border), 0 8px 28px -10px rgba(247,168,35,0.5);
+  --glow-pollinate: 0 0 0 1px var(--pollinate-border), 0 8px 28px -10px rgba(139,124,240,0.5);
+  --ring-focus: 0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--honey);
+
+  /* ---- Motion --------------------------------------------------- */
+  --ease-out:    cubic-bezier(0.2, 0.8, 0.2, 1);   /* @kind other */
+  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);   /* @kind other */
+  --dur-fast:    120ms;   /* @kind other */
+  --dur-base:    200ms;   /* @kind other */
+  --dur-slow:    400ms;   /* @kind other */
+  --dur-pollinate:   900ms;   /* @kind other */
+}

package/assets/tokens/typography.css

@@ -1,38 +1,38 @@
-/* ============================================================
-   Honeycomb — Typography tokens
-   Inter for UI + prose. JetBrains Mono is the TEXTURE OF TRUST:
-   every memory key, recall query, session id, hash, file path,
-   token count, and timestamp is set in mono. Modular 1.25 scale,
-   16px base. Inherited from Legion Code.
-   ============================================================ */
-
-:root {
-  /* ---- Families ------------------------------------------------- */
-  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
-  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
-
-  /* ---- Type scale (size / line-height) -------------------------- */
-  --text-xs:   12px;   --lh-xs:   16px;
-  --text-sm:   14px;   --lh-sm:   20px;
-  --text-base: 16px;   --lh-base: 24px;
-  --text-lg:   18px;   --lh-lg:   28px;
-  --text-xl:   20px;   --lh-xl:   28px;
-  --text-2xl:  24px;   --lh-2xl:  32px;
-  --text-3xl:  30px;   --lh-3xl:  38px;
-  --text-4xl:  36px;   --lh-4xl:  44px;
-  --text-5xl:  48px;   --lh-5xl:  56px;
-  --text-6xl:  60px;   --lh-6xl:  68px;
-  --text-7xl:  76px;   --lh-7xl:  82px;
-
-  /* ---- Weights -------------------------------------------------- */
-  --weight-regular:  400;
-  --weight-medium:   500;
-  --weight-semibold: 600;
-  --weight-bold:     700;
-
-  /* ---- Tracking ------------------------------------------------- */
-  --tracking-tight:   -0.03em;   /* display + headings            */
-  --tracking-snug:    -0.01em;
-  --tracking-normal:   0;
-  --tracking-wide:     0.08em;    /* mono eyebrows / labels        */
-}
+/* ============================================================
+   Honeycomb — Typography tokens
+   Inter for UI + prose. JetBrains Mono is the TEXTURE OF TRUST:
+   every memory key, recall query, session id, hash, file path,
+   token count, and timestamp is set in mono. Modular 1.25 scale,
+   16px base. Inherited from Legion Code.
+   ============================================================ */
+
+:root {
+  /* ---- Families ------------------------------------------------- */
+  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
+  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
+
+  /* ---- Type scale (size / line-height) -------------------------- */
+  --text-xs:   12px;   --lh-xs:   16px;
+  --text-sm:   14px;   --lh-sm:   20px;
+  --text-base: 16px;   --lh-base: 24px;
+  --text-lg:   18px;   --lh-lg:   28px;
+  --text-xl:   20px;   --lh-xl:   28px;
+  --text-2xl:  24px;   --lh-2xl:  32px;
+  --text-3xl:  30px;   --lh-3xl:  38px;
+  --text-4xl:  36px;   --lh-4xl:  44px;
+  --text-5xl:  48px;   --lh-5xl:  56px;
+  --text-6xl:  60px;   --lh-6xl:  68px;
+  --text-7xl:  76px;   --lh-7xl:  82px;
+
+  /* ---- Weights -------------------------------------------------- */
+  --weight-regular:  400;
+  --weight-medium:   500;
+  --weight-semibold: 600;
+  --weight-bold:     700;
+
+  /* ---- Tracking ------------------------------------------------- */
+  --tracking-tight:   -0.03em;   /* display + headings            */
+  --tracking-snug:    -0.01em;
+  --tracking-normal:   0;
+  --tracking-wide:     0.08em;    /* mono eyebrows / labels        */
+}