@krigsvold/theme 0.0.0-stage → 2.0.0

package/dist/tokens.json

@@ -0,0 +1,491 @@
+{
+  "name": "Krigsvold",
+  "version": "2.0.0",
+  "heritage": {
+    "navy950": "#061325",
+    "navy900": "#0A1D35",
+    "navy800": "#123456",
+    "blue600": "#286A9D",
+    "ice400": "#9ED5E6",
+    "ice200": "#D9EEF4",
+    "ice100": "#EEF8FA",
+    "paper": "#FBFAF7",
+    "ink": "#17202A",
+    "muted": "#56616C",
+    "rule": "#D9DEE2",
+    "gold": "#B58A3B"
+  },
+  "design": {
+    "radius": {
+      "sm": ".15rem",
+      "md": ".3rem",
+      "lg": ".4rem",
+      "control": ".15rem",
+      "card": "0"
+    },
+    "spacing": {
+      "1": ".25rem",
+      "2": ".5rem",
+      "3": ".75rem",
+      "4": "1rem",
+      "6": "1.5rem",
+      "8": "2rem",
+      "12": "3rem",
+      "16": "4rem",
+      "24": "6rem"
+    },
+    "fonts": {
+      "serif": "'Roboto Slab', Georgia, serif",
+      "sans": "'Roboto', Arial, sans-serif",
+      "display": "'Roboto Slab', Georgia, serif",
+      "mono": "'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+      "ui": "'Roboto', Arial, sans-serif",
+      "code": "'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+    },
+    "widths": {
+      "reading-width": "760px",
+      "content-width": "1320px",
+      "archive-width": "1320px"
+    },
+    "shadows": {
+      "shadow-sm": "0 10px 35px rgb(0 0 0 / 12%)",
+      "shadow-md": "0 18px 44px rgb(6 19 37 / 18%)",
+      "shadow-lg": "0 24px 65px rgb(10 29 53 / 12%)"
+    },
+    "motion": {
+      "transition": ".15s ease-in",
+      "reduced": "0s"
+    },
+    "breakpoints": {
+      "sm": "576px",
+      "md": "768px",
+      "lg": "992px",
+      "xl": "1200px",
+      "xxl": "1400px"
+    }
+  },
+  "foundation": {
+    "origin": "https://krigsvold.org/",
+    "sourceRepository": "basuhoward/krigsvold.org",
+    "sourceCommit": "e92e989b6e850b3a9cd8fbb565edb7eba6d3a6f7",
+    "sourceFiles": [
+      "assets/css/krigsvold.css",
+      "_includes/head.html",
+      "assets/css/material-kit.css",
+      "assets/scss/material-kit/bootstrap/_variables.scss"
+    ],
+    "tokens": {
+      "color-navy-950": "#061325",
+      "color-navy-900": "#0a1d35",
+      "color-navy-800": "#123456",
+      "color-blue-600": "#286a9d",
+      "color-ice-400": "#9ed5e6",
+      "color-ice-200": "#d9eef4",
+      "color-ice-100": "#eef8fa",
+      "color-paper": "#fbfaf7",
+      "color-ink": "#17202a",
+      "color-muted": "#56616c",
+      "color-rule": "#d9dee2",
+      "color-gold": "#b58a3b",
+      "font-serif": "'Roboto Slab', Georgia, serif",
+      "font-display": "'Roboto Slab', Georgia, serif",
+      "font-sans": "'Roboto', Arial, sans-serif",
+      "font-mono": "'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+      "space-1": ".25rem",
+      "space-2": ".5rem",
+      "space-3": ".75rem",
+      "space-4": "1rem",
+      "space-6": "1.5rem",
+      "space-8": "2rem",
+      "space-12": "3rem",
+      "space-16": "4rem",
+      "space-24": "6rem",
+      "reading-width": "760px",
+      "content-width": "1320px",
+      "archive-width": "1320px",
+      "radius-sm": ".15rem",
+      "radius-md": ".3rem",
+      "radius-lg": ".4rem",
+      "radius-control": ".15rem",
+      "radius-card": "0",
+      "shadow-sm": "0 10px 35px rgb(0 0 0 / 12%)",
+      "shadow-md": "0 18px 44px rgb(6 19 37 / 18%)",
+      "shadow-lg": "0 24px 65px rgb(10 29 53 / 12%)",
+      "shadow-card": "none",
+      "transition-ui": ".15s ease-in",
+      "motion-duration": ".15s",
+      "text-body": "1.06rem",
+      "text-h1": "clamp(2.8rem, 6vw, 5.5rem)",
+      "text-h2": "2.1rem",
+      "text-h3": "1.42rem",
+      "text-display": "clamp(3.4rem, 7vw, 6.8rem)",
+      "text-section": "clamp(2rem, 4vw, 3.5rem)",
+      "leading-body": "1.65",
+      "leading-heading": "1.13",
+      "leading-display": ".98",
+      "weight-heading": "700",
+      "tracking-heading": "-.025em",
+      "tracking-display": "-.045em",
+      "tracking-label": ".16em",
+      "tracking-button": ".035em",
+      "border-width": "1px",
+      "focus-width": "3px",
+      "focus-gap": "3px",
+      "gutter": ".75rem",
+      "section-space": "clamp(4.5rem, 8vw, 7.5rem)",
+      "control-height": "2.75rem",
+      "control-padding": ".9rem",
+      "button-padding": ".625rem 1.5rem",
+      "text-button": ".75rem",
+      "leading-button": "1.667",
+      "divider-width": "3rem",
+      "divider-thickness": "3px",
+      "link-underline-offset": ".18em",
+      "hero-overlay": "linear-gradient(90deg, rgba(3,15,30,.93) 0%, rgba(6,27,51,.76) 52%, rgba(7,28,48,.42) 100%)",
+      "breakpoint-sm": "576px",
+      "breakpoint-md": "768px",
+      "breakpoint-lg": "992px",
+      "breakpoint-xl": "1200px",
+      "breakpoint-xxl": "1400px"
+    },
+    "typographyRoles": {
+      "serif": {
+        "family": "Roboto Slab",
+        "usage": "Editorial headings, ledes, quotations",
+        "weights": [
+          400,
+          700
+        ]
+      },
+      "display": {
+        "family": "Roboto Slab",
+        "usage": "Hero and page titles, section headings",
+        "weights": [
+          400,
+          700
+        ]
+      },
+      "sans": {
+        "family": "Roboto",
+        "usage": "Body prose, navigation, controls, tables, metadata",
+        "weights": [
+          400,
+          500,
+          700
+        ],
+        "styles": [
+          "normal",
+          "italic"
+        ]
+      },
+      "mono": {
+        "family": "Roboto Mono",
+        "usage": "Code, terminal text, keyboard notation",
+        "weights": [
+          400,
+          500,
+          700
+        ],
+        "styles": [
+          "normal",
+          "italic"
+        ],
+        "provenance": "New redistributable companion selected for the Roboto family"
+      }
+    },
+    "normalization": {
+      "spacing": "Quarter-rem scale organizing the source site’s recurring spacing; values are not taken from the theme demo.",
+      "focus": "Explicit 3px visible focus ring and offset added for reusable controls.",
+      "controlHeight": "44px minimum interaction target added to the generic primitives.",
+      "readingWidth": "760px text measure from source hero/subtitle limits, generalized to reading containers.",
+      "card": "Flat editorial card from .work-card, with a 3px top rule; larger feature shadows remain separately available.",
+      "motion": "Source Material Kit .15s ease-in transition, reduced to zero when requested."
+    }
+  },
+  "capabilities": {
+    "web-core": {
+      "applied": [
+        "colors",
+        "typography variables",
+        "spacing",
+        "shape",
+        "depth",
+        "interaction variables"
+      ],
+      "optional": [
+        "font loading",
+        "element typography",
+        "components"
+      ]
+    },
+    "astro": {
+      "applied": [
+        "web-core",
+        "document shell",
+        "container",
+        "section heading",
+        "card",
+        "button"
+      ],
+      "hostOwned": [
+        "navigation",
+        "content",
+        "consent",
+        "analytics",
+        "personal identity"
+      ]
+    },
+    "vim": {
+      "applied": [
+        "colors",
+        "syntax"
+      ],
+      "separateConfiguration": [
+        "monospace font"
+      ],
+      "unsupported": [
+        "web layout",
+        "proportional typography"
+      ]
+    },
+    "emacs": {
+      "applied": [
+        "colors",
+        "syntax"
+      ],
+      "separateConfiguration": [
+        "font roles"
+      ],
+      "unsupported": [
+        "web layout"
+      ]
+    },
+    "terminal": {
+      "applied": [
+        "colors"
+      ],
+      "separateConfiguration": [
+        "monospace font"
+      ],
+      "unsupported": [
+        "web layout",
+        "serif",
+        "sans"
+      ]
+    },
+    "firefox": {
+      "applied": [
+        "browser chrome colors"
+      ],
+      "unsupported": [
+        "fonts",
+        "website content",
+        "spacing",
+        "components"
+      ]
+    },
+    "chrome": {
+      "applied": [
+        "browser chrome colors"
+      ],
+      "unsupported": [
+        "fonts",
+        "website content",
+        "spacing",
+        "components"
+      ]
+    }
+  },
+  "themes": {
+    "light": {
+      "id": "krigsvold-light",
+      "name": "Krigsvold Light",
+      "mode": "light",
+      "tokens": {
+        "bg": "#FBFAF7",
+        "panel": "#EEF8FA",
+        "panel2": "#D9EEF4",
+        "text": "#17202A",
+        "muted": "#56616C",
+        "accent": "#286A9D",
+        "accent2": "#79571F",
+        "on-accent": "#FFFFFF",
+        "accent-hover": "#1E557F",
+        "line": "#D9DEE2",
+        "control-line": "#75828D",
+        "focus": "#286A9D",
+        "selection": "#C6E2EC",
+        "selection-text": "#17202A",
+        "green": "#35644E",
+        "danger": "#9A3542",
+        "warning": "#79571F",
+        "error-bg": "#F5E6E6",
+        "error-text": "#9A3542",
+        "shadow": "0 10px 40px #0613251A",
+        "surface-canvas": "#FBFAF7",
+        "surface-subtle": "#FEFEFC",
+        "surface-sunken": "#E4EDF0",
+        "surface-overlay": "#FFFFFF",
+        "text-strong": "#061325",
+        "text-subtle": "#56616C",
+        "text-disabled": "#62717B",
+        "text-inverse": "#FFFFFF",
+        "link": "#286A9D",
+        "link-hover": "#123456",
+        "link-visited": "#655477",
+        "border-subtle": "#D9DEE2",
+        "border-strong": "#75828D",
+        "input-bg": "#FFFFFF",
+        "input-text": "#17202A",
+        "input-placeholder": "#62717B",
+        "input-border": "#75828D",
+        "button-secondary-bg": "#D9EEF4",
+        "button-secondary-text": "#17202A",
+        "button-secondary-hover": "#C6E2EC",
+        "disabled-bg": "#E4EDF0",
+        "disabled-text": "#62717B",
+        "focus-ring": "#286A9D",
+        "focus-offset": "#FBFAF7",
+        "hover-bg": "#EEF8FA",
+        "active-bg": "#D9EEF4",
+        "code-bg": "#EEF8FA",
+        "code-text": "#17202A",
+        "quote-border": "#286A9D",
+        "table-stripe": "#EEF8FA",
+        "scrollbar-track": "#EEF8FA",
+        "scrollbar-thumb": "#75828D",
+        "overlay-scrim": "#061325AA",
+        "info": "#286A9D",
+        "info-bg": "#E3F1F5",
+        "info-text": "#123456",
+        "success": "#35644E",
+        "success-bg": "#E7F1E9",
+        "success-text": "#285039",
+        "warning-bg": "#F5ECD9",
+        "warning-text": "#79571F",
+        "danger-bg": "#F5E6E6",
+        "danger-text": "#9A3542",
+        "chart-1": "#286A9D",
+        "chart-2": "#35644E",
+        "chart-3": "#79571F",
+        "chart-4": "#9A3542",
+        "chart-5": "#655477",
+        "chart-6": "#187178",
+        "chart-7": "#985238",
+        "chart-8": "#56616C",
+        "chart-grid": "#D9DEE2",
+        "chart-axis": "#56616C",
+        "syntax-keyword": "#286A9D",
+        "syntax-string": "#35644E",
+        "syntax-function": "#123456",
+        "syntax-type": "#79571F",
+        "syntax-variable": "#17202A",
+        "syntax-comment": "#56616C",
+        "syntax-number": "#9A3542",
+        "syntax-operator": "#56616C",
+        "syntax-constant": "#655477",
+        "syntax-tag": "#286A9D",
+        "syntax-attribute": "#79571F",
+        "syntax-regexp": "#35644E",
+        "syntax-invalid": "#9A3542",
+        "syntax-property": "#123456",
+        "syntax-decorator": "#655477"
+      }
+    },
+    "dark": {
+      "id": "krigsvold-dark",
+      "name": "Krigsvold Dark",
+      "mode": "dark",
+      "tokens": {
+        "bg": "#061325",
+        "panel": "#0A1D35",
+        "panel2": "#123456",
+        "text": "#EEF8FA",
+        "muted": "#B3CCD5",
+        "accent": "#9ED5E6",
+        "accent2": "#D9B876",
+        "on-accent": "#061325",
+        "accent-hover": "#D9EEF4",
+        "line": "#345066",
+        "control-line": "#7A929F",
+        "focus": "#9ED5E6",
+        "selection": "#244C61",
+        "selection-text": "#EEF8FA",
+        "green": "#A6CFB5",
+        "danger": "#F0A4AF",
+        "warning": "#E0BF84",
+        "error-bg": "#302335",
+        "error-text": "#F0A4AF",
+        "shadow": "0 10px 40px #00000055",
+        "surface-canvas": "#061325",
+        "surface-subtle": "#07182B",
+        "surface-sunken": "#040E1C",
+        "surface-overlay": "#123456",
+        "text-strong": "#FBFAF7",
+        "text-subtle": "#B3CCD5",
+        "text-disabled": "#8BA4B2",
+        "text-inverse": "#061325",
+        "link": "#9ED5E6",
+        "link-hover": "#D9EEF4",
+        "link-visited": "#C6B6DB",
+        "border-subtle": "#345066",
+        "border-strong": "#7A929F",
+        "input-bg": "#0A1D35",
+        "input-text": "#EEF8FA",
+        "input-placeholder": "#B3CCD5",
+        "input-border": "#7A929F",
+        "button-secondary-bg": "#123456",
+        "button-secondary-text": "#EEF8FA",
+        "button-secondary-hover": "#1C4565",
+        "disabled-bg": "#183044",
+        "disabled-text": "#8BA4B2",
+        "focus-ring": "#9ED5E6",
+        "focus-offset": "#061325",
+        "hover-bg": "#123456",
+        "active-bg": "#1C4565",
+        "code-bg": "#0A1D35",
+        "code-text": "#EEF8FA",
+        "quote-border": "#9ED5E6",
+        "table-stripe": "#0A1D35",
+        "scrollbar-track": "#0A1D35",
+        "scrollbar-thumb": "#607B8D",
+        "overlay-scrim": "#061325CC",
+        "info": "#9ED5E6",
+        "info-bg": "#103549",
+        "info-text": "#D9EEF4",
+        "success": "#A6CFB5",
+        "success-bg": "#16362B",
+        "success-text": "#B7DDC3",
+        "warning-bg": "#3B301F",
+        "warning-text": "#E8CB97",
+        "danger-bg": "#3D2330",
+        "danger-text": "#F4B4BC",
+        "chart-1": "#9ED5E6",
+        "chart-2": "#D9B876",
+        "chart-3": "#A6CFB5",
+        "chart-4": "#F0A4AF",
+        "chart-5": "#C6B6DB",
+        "chart-6": "#8FCBC7",
+        "chart-7": "#E1AC90",
+        "chart-8": "#D4D8D9",
+        "chart-grid": "#345066",
+        "chart-axis": "#B3CCD5",
+        "syntax-keyword": "#9ED5E6",
+        "syntax-string": "#A6CFB5",
+        "syntax-function": "#C2E4EF",
+        "syntax-type": "#D9B876",
+        "syntax-variable": "#EEF8FA",
+        "syntax-comment": "#B3CCD5",
+        "syntax-number": "#F0A4AF",
+        "syntax-operator": "#B3CCD5",
+        "syntax-constant": "#C6B6DB",
+        "syntax-tag": "#9ED5E6",
+        "syntax-attribute": "#D9B876",
+        "syntax-regexp": "#A6CFB5",
+        "syntax-invalid": "#F0A4AF",
+        "syntax-property": "#C2E4EF",
+        "syntax-decorator": "#C6B6DB"
+      }
+    }
+  }
+}

package/dist/typography.css

@@ -0,0 +1,9 @@
+/* Optional typography, independent of font loading. */
+:where(.krigsvold) { font-family: var(--krigsvold-font-sans); font-size: var(--krigsvold-text-body); line-height: var(--krigsvold-leading-body); }
+:where(.krigsvold) :where(h1,h2,h3) { font-family: var(--krigsvold-font-serif); font-weight: var(--krigsvold-weight-heading); letter-spacing: var(--krigsvold-tracking-heading); line-height: var(--krigsvold-leading-heading); text-wrap: balance; }
+:where(.krigsvold) :where(h4,h5,h6) { font-family: var(--krigsvold-font-sans); font-weight: 700; line-height: var(--krigsvold-leading-heading); }
+:where(.krigsvold) h1 { font-size: var(--krigsvold-text-h1); }
+:where(.krigsvold) h2 { font-size: var(--krigsvold-text-h2); }
+:where(.krigsvold) h3 { font-size: var(--krigsvold-text-h3); }
+:where(.krigsvold) :where(nav,button,input,select,textarea,table,.krigsvold-ui) { font-family: var(--krigsvold-font-sans); }
+:where(.krigsvold) :where(code,pre,kbd,samp), :where(.krigsvold-code) { font-family: var(--krigsvold-font-mono); }

package/docs/provenance.md

@@ -0,0 +1,27 @@
+# Krigsvold design extraction
+
+Origin: https://krigsvold.org/, repository basuhoward/krigsvold.org, commit e92e989b6e850b3a9cd8fbb565edb7eba6d3a6f7. references/krigsvold-origin.css records the source CSS. source.json is the canonical package input.
+
+| Design | Source | Package treatment |
+| --- | --- | --- |
+| Navy, ice, paper, ink, muted, rule, gold | krigsvold.css root variables | Exact foundation identity values; semantic Light/Dark colors preserved separately |
+| Roboto body and UI | body, navbar links, head font import | Sans role; local 400/500/700 normal and italic |
+| Roboto Slab display | home-hero h1, home-hero__title, page-masthead h1 | Separate display role, 700; original responsive scale, tracking, and line-height |
+| Roboto Slab editorial | editorial-content h2/h3, introduction and quotations | Serif role sharing display family; body remains sans |
+| Roboto Mono | Newly agreed public companion | Monospace code, terminal and keyboard notation |
+| Spacing | Recurring source quarter-rem values and 1.5rem/2rem gaps | Named quarter-rem scale organizing source values |
+| Content width | Material Kit Bootstrap container maximums | 1320px maximum; 760px text measure generalized from source hero/subtitle limits; fluid widths |
+| Corners | btn, site-search-input, dropdown and navbar | .15rem controls, .3rem dropdowns, .4rem larger corners; flat editorial cards |
+| Depth | Navbar, dropdown, fellow-feature container | Three separate source shadows; no shadow on flat work cards |
+| Borders | work-card, editorial tables, root rule color | 1px rules, 3px editorial accent rule |
+| Motion | Material Kit compiled btn, reduced-motion override | .15s ease-in, zero with reduced motion |
+| Interaction | Source buttons, hover states and skip link | Native semantics, semantic hover/disabled colors; explicit 3px focus ring and 44px minimum control target are accessibility additions |
+| Breakpoints | Material Kit Bootstrap SCSS | 576, 768, 992, 1200, 1400px in design JSON; primitives reflow without fixed page widths |
+
+These values come from assets/css/krigsvold.css, _includes/head.html, assets/css/material-kit.css and assets/scss/material-kit/bootstrap/_variables.scss. The package does not copy Material Kit or Bootstrap implementation code. Arms, content, navigation structure, analytics, consent and icons remain site responsibilities.
+
+Font licenses ship verbatim in dist/licenses/: Roboto Slab is Apache-2.0; Roboto and Roboto Mono are OFL-1.1 in the selected pinned packages.
+
+## Migration gate
+
+Publish and verify the core and Astro packages, deploy krigsvoldtheme.dev against the registry releases, then begin the originating site's migration. Preserve its content, routes, metadata, redirects, feeds and behavior as separate migration requirements.

package/package.json

@@ -1,6 +1,71 @@
 {
   "name": "@krigsvold/theme",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "2.0.0",
+  "private": false,
+  "type": "module",
+  "license": "MIT",
+  "scripts": {
+    "build": "node scripts/build.mjs && node scripts/build-foundation.mjs",
+    "test": "node --test scripts/*.test.mjs",
+    "prepack": "npm run build && npm test"
+  },
+  "description": "Framework-independent Krigsvold colors, typography, local fonts, design tokens, and optional interface styles",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md",
+    "NOTICE.md",
+    "docs"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./css": "./dist/theme.css",
+    "./light.css": "./dist/light.css",
+    "./dark.css": "./dist/dark.css",
+    "./tokens.json": "./dist/tokens.json",
+    "./light.json": "./dist/light.json",
+    "./dark.json": "./dist/dark.json",
+    "./highlight-light.css": "./dist/highlight-light.css",
+    "./highlight-dark.css": "./dist/highlight-dark.css",
+    "./foundation.css": "./dist/foundation.css",
+    "./typography.css": "./dist/typography.css",
+    "./fonts.css": "./dist/fonts.css",
+    "./components.css": "./dist/components.css",
+    "./full.css": "./dist/full.css",
+    "./foundation.json": "./dist/foundation.json",
+    "./design.json": "./dist/design.json",
+    "./capabilities.json": "./dist/capabilities.json",
+    "./package.json": "./package.json",
+    "./legacy.css": "./dist/legacy.css"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/krigsvoldtheme/npm.git"
+  },
+  "homepage": "https://krigsvoldtheme.dev/",
+  "keywords": [
+    "krigsvold",
+    "theme",
+    "colors",
+    "design-tokens",
+    "highlight.js"
+  ],
+  "dependencies": {
+    "@fontsource/roboto": "5.3.0",
+    "@fontsource/roboto-slab": "5.3.0",
+    "@fontsource/roboto-mono": "5.3.0"
+  }
+}