@greendrake/theme 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Eugene Greendrake
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,92 @@
+# @greendrake/theme
+
+Design tokens, document-level element styling (links, lists, quotes, body defaults), the global spinner rules, the `light-dark` theming mixin, and an opt-in default dashboard palette.
+
+## Usage
+
+```scss
+// Base: css-reset + tokens + document styling (side-effectful)
+@use '@greendrake/theme' as *;
+
+// Opt-in: the default dashboard light/dark palette
+@use '@greendrake/theme/dashboard-palette';
+
+// App-specific palette instead:
+@include light-dark(
+    (
+        --font-color: #222
+        // ...
+    ),
+    (
+        --font-color: #eee
+        // ...
+    )
+);
+```
+
+Mixins exported by the root entry: `light-dark($light, $dark)`, `button-colors`, `overlay-icon-button($size)`, `wider-than-max-content` (plus `$max-content-width`). Framework-free SCSS primitives (breakpoints, z-layers, icon masks, font-face generation) live below this package in `@greendrake/scss-kit`.
+
+## CSS custom property contract
+
+`@greendrake/ui` components render correctly only when the custom properties below are defined. This package's two entries cover part of the contract; the rest is the consuming app's responsibility (typically set in its palette maps or `:root`).
+
+### Defined by `@greendrake/theme` (root entry)
+
+| Property | Value | Notes |
+| --- | --- | --- |
+| `--space-1` … `--space-6` | 4/8/12/16/24/28px | spacing scale; `--space-1`…`--space-4` are read by ui components |
+| `--font-xs` … `--font-2xl` | 11/13/16/20/24/32px | font-size scale; `--font-xs` and `--font-md` are read by ui components |
+| `--overlay-button-bg`, `--overlay-button-bg-hover` | `rgb(0 0 0 / 60%)`, `rgb(0 0 0 / 85%)` | consumed by the `overlay-icon-button` mixin |
+| `--error-color` | `#ff4800` | semantic status color for app styling (not read by ui components) |
+| `--warning-color` | `#890095` | semantic status color for app styling (not read by ui components) |
+| `--accent-color` | `#0aa13e` | read by ui components (checkboxes, highlights) |
+
+### Defined by `@greendrake/theme/dashboard-palette` (opt-in, light and dark values)
+
+| Property | Light | Dark |
+| --- | --- | --- |
+| `--font-color` | `#222` | `#eee` |
+| `--background-color` | `#ddd` | `#222` |
+| `--form-background` | `#f5f5f5` | `#222` |
+| `--form-background-hover` | `#fff` | `#000` |
+| `--border-color` | `#555` | `#aaa` |
+| `--border-color-light` | `#999` | `#666` |
+| `--border-color-hover` | `#000` | `#fff` |
+| `--link-color-hover` | `#000` | `#fff` |
+| `--light-switch` | moonstar icon SVG | sun icon SVG |
+| `--spinner-color` | `#ccc` | `#ccc` |
+| `--page-background` | `#e6e6e6` | `#202020` |
+| `--page-vignette-color` | `#cdcdcd` | `#0c0c0c` |
+
+The `--page-*` pair feeds the `page-vignette` mixin (a flat canvas tone with a box-shadow edge falloff — deliberately not a radial gradient, whose page-sized form Firefox can mis-render as a bright dot at its centre). The dashboard preset emits it; an app on a palette of its own defines the pair and includes the mixin itself.
+
+Apps not using the dashboard palette must define at least the `--font-color`/`--background-color`/`--form-background*`/`--border-color*`/`--spinner-color` group themselves — ui components read them with no fallback.
+
+### Required from the consuming app (defined by neither entry, read with no fallback)
+
+| Property | Read by |
+| --- | --- |
+| `--border-radius` | form controls, modals, tables, `overlay-icon-button` |
+| `--icon-size` | `@greendrake/scss-kit` `icon` mixin, icon-bearing ui components |
+| `--input-background` | text inputs |
+| `--line-height-normal` | text layout in ui components |
+| `--modal-background` | modal window |
+| `--modal-border-radius` | modal window |
+| `--spinner-side-color` | global `.spinner` rule, `img-spinner` mixin (typically `var(--form-background)`) |
+| `--link-color` | document link styling in this package |
+| `--blockquote-colour` | blockquote styling in this package |
+| `--button-background` | `button-colors` mixin |
+
+### Optional (ui components read them with a fallback)
+
+`--cell-padding`, `--circular-progress-arc`, `--circular-progress-label`, `--circular-progress-track`, `--list-row-padding`, `--modal-backdrop-filter`, `--modal-box-shadow`, `--modal-button-min-width`, `--modal-max-width`, `--modal-window-backdrop-filter`, `--row-border-bottom`, `--row-select-color`, `--row-select-color-hover`, `--tree-line-color`.
+
+Component-scoped properties with local defaults (`--checkbox-size`, `--switch-width`, `--switch-height`, `--switch-knob`) are documented per component in `@greendrake/ui`.
+
+## Global spinner contract
+
+This package defines the `spinner` keyframes and the `.spinner` / `body.spinner` / `div.spinner` rules that `@greendrake/ui`'s async controls and `@greendrake/scss-kit`'s `img-spinner` mixin rely on. They consume `--spinner-color` (palette) and `--spinner-side-color` (app).
+
+## Not included
+
+Tooltip (tippy) skin and select-control skin ship with the components that need them in `@greendrake/ui`; this package styles only plain document elements.

package/_index.scss

@@ -0,0 +1,174 @@
+// This entry EMITS global CSS (the reset, base element styles, the :root
+// design tokens). It is the app-level base — `@use` it ONCE from the app's
+// main.scss. A component that needs only a mixin must `@use
+// '@greendrake/theme/mixins'` (side-effect-free); importing this module from a
+// per-component <style> re-emits the reset into a late stylesheet that
+// overrides the app's own form-control skin.
+@use '@greendrake/css-reset';
+@use '@greendrake/scss-kit' as kit;
+@use 'mixins';
+@forward 'mixins';
+
+:root {
+    // Feeds ui's TheWrap width cap; single-sourced from the SCSS constant the
+    // wider-than-max-content mixin also uses.
+    --max-content-width: #{mixins.$max-content-width};
+    --space-1: 4px;
+    --space-2: 8px;
+    --space-3: 12px;
+    --space-4: 16px;
+    --space-5: 24px;
+    --space-6: 28px;
+    --font-xs: 11px;
+    --font-sm: 13px;
+    --font-md: 16px;
+    --font-lg: 20px;
+    --font-xl: 24px;
+    --font-2xl: 32px;
+
+    // The safe-area insets, as custom properties because that is the only form
+    // both platforms can deliver — everything downstream reads these and stays
+    // platform-agnostic. iOS and browsers resolve them from env() right here.
+    // The Android shell cannot: Chromium's env() reports display cutouts alone,
+    // never the system bars, so it is 0 on a phone whose status bar merely
+    // overlays the WebView — which from Android 15 is every phone, the window
+    // being edge-to-edge with no way to opt out. There Capacitor's built-in
+    // SystemBars plugin writes the real window insets onto <html> as inline
+    // styles of these same names, and inline beats this rule, so the override
+    // needs nothing declared for it. (It writes 0 in the case where it has
+    // already padded the WebView itself — either way these stay the insets the
+    // page must still spend.)
+    --safe-area-inset-top: env(safe-area-inset-top, 0px);
+    --safe-area-inset-right: env(safe-area-inset-right, 0px);
+    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
+    --safe-area-inset-left: env(safe-area-inset-left, 0px);
+
+    --overlay-button-bg: rgb(0 0 0 / 60%);
+    --overlay-button-bg-hover: rgb(0 0 0 / 85%);
+
+    --error-color: #ff4800;
+    --warning-color: #890095;
+    --accent-color: #0aa13e;
+
+    // Single source of truth for spinner ring size — the default centred
+    // spinner shown at the middle of a loading UI. The small in-control variant
+    // overrides this (see button.spinner in form-controls).
+    --spinner-size: 40px;
+}
+
+body {
+    color: var(--font-color);
+    font-size: var(--font-md);
+    min-height: 100dvh;
+    display: flex;
+    justify-content: center;
+}
+
+p,
+ol,
+ul,
+li {
+    margin: 6px 0;
+}
+
+p {
+    font-size: var(--font-md);
+}
+
+a,
+a span,
+a em {
+    color: var(--link-color);
+}
+
+a[href^='http'] {
+    padding-inline-end: 18px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cg stroke='%23666' stroke-width='1.5' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='17 13.5 17 19.5 5 19.5 5 7.5 11 7.5'%3E%3C/polyline%3E%3Cpath d='M14,4.5 L20,4.5 L20,10.5 M20,4.5 L11,13.5'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    // background-position takes no logical keywords, so the RTL side is stated.
+    background-position: right center;
+    background-size: 16px;
+    [dir='rtl'] & {
+        background-position: left center;
+    }
+}
+
+ul {
+    list-style-type: square;
+}
+
+ol,
+ul {
+    padding-inline-start: 32px;
+}
+
+blockquote {
+    border-inline-start: 8px solid #b8b5b9;
+    padding-inline-start: var(--space-4);
+    margin-inline-start: var(--space-4);
+    color: var(--blockquote-colour);
+    p,
+    em,
+    strong,
+    li {
+        color: var(--blockquote-colour);
+    }
+}
+
+.withUnderQuote p:last-child {
+    color: var(--font-color);
+}
+
+.hidden {
+    visibility: hidden;
+}
+
+.display-none {
+    display: none;
+}
+
+.contents {
+    display: contents;
+}
+
+.disabled,
+[inert] {
+    @include kit.disabled;
+}
+
+@keyframes spinner {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+.spinner:not(.splash) {
+    position: relative;
+    &::before {
+        content: '';
+        box-sizing: border-box;
+        position: absolute;
+        border-radius: 50%;
+        z-index: kit.z('spinner');
+        border: 2px solid var(--spinner-color);
+        border-top-color: var(--spinner-side-color);
+        animation: spinner 0.6s linear infinite;
+        top: 50%;
+        left: 50%;
+        // Size from the single-source token, centred via negative
+        // half-margins. Applies to any host element — div, section, aside,
+        // ul — rather than a fixed list of them.
+        width: var(--spinner-size);
+        height: var(--spinner-size);
+        margin-top: calc(var(--spinner-size) / -2);
+        margin-left: calc(var(--spinner-size) / -2);
+    }
+}
+
+// Full-page spinner: pin to the viewport centre rather than the host element.
+// Size and centring come from the base rule above. body::before belongs to
+// this spinner alone — the page vignette hangs off html::before precisely so
+// the two can never share one pseudo-element (page-vignette in _mixins.scss).
+body:not(.splash).spinner::before {
+    position: fixed;
+}

package/_mixins.scss

@@ -0,0 +1,138 @@
+@use '@greendrake/scss-kit' as kit;
+
+$max-content-width: 850px;
+
+// Applies the $light / $dark custom-property maps under the .light/.dark :root
+// classes, falling back to prefers-color-scheme when neither class is set.
+@mixin light-dark($light, $dark) {
+    :root.light {
+        @include kit.apply-props($light);
+    }
+
+    @media screen and (prefers-color-scheme: light) {
+        :root:not(.dark) {
+            @include kit.apply-props($light);
+        }
+    }
+
+    :root.dark {
+        @include kit.apply-props($dark);
+    }
+
+    @media screen and (prefers-color-scheme: dark) {
+        :root:not(.light) {
+            @include kit.apply-props($dark);
+        }
+    }
+}
+
+// Page-canvas vignette: a flat tone at the centre falling off to a darker
+// edge tone, painted with an inset box shadow on a fixed overlay rather than
+// a radial gradient — Firefox's WebRender can mis-render the singular centre
+// pixel of a page-sized radial gradient as a stray bright dot that comes and
+// goes with window moves/resizes; a shadow has no degenerate point. Reads
+// --page-background / --page-vignette-color from the palette.
+//
+// It hangs off <html>, not <body>: an element has exactly one ::before, and
+// body's belongs to the full-page loading spinner (`body.spinner::before`, see
+// _index.scss). Sharing it made the two fight — the spinner ring inherited the
+// vignette's page-sized inset shadow, and the vignette vanished for the
+// duration of every page load. The canvas is html's job anyway; it already
+// carries the page background above.
+@mixin page-vignette {
+    html {
+        // Also covers the overscroll gutter, which no fixed layer reaches.
+        background-color: var(--page-background);
+        &::before {
+            content: '';
+            position: fixed;
+            inset: 0;
+            z-index: -1;
+            pointer-events: none;
+            @include page-canvas;
+        }
+    }
+}
+
+// The canvas as a paintable layer: flat tone plus vignette. Anything that must
+// READ as the page rather than as a panel paints this over a viewport-anchored
+// box (`position: fixed; inset: 0`) and then masks itself down to the part it
+// needs — page-scrim below is that construction. Same construction over the
+// same box as the canvas above, so the painted region matches the page pixel
+// for pixel, vignette falloff included, and its edges are the mask's business
+// alone.
+// The blur is sized against the SHORT viewport side, and modestly: a radius
+// approaching the box's own width leaves the falloffs from opposite edges
+// overlapping everywhere, so the gradient washes out into a flat tone — and
+// engines diverge sharply in that saturated regime (WebKit floods the layer
+// with the shadow colour outright, which is what a phone shows). 30vmin keeps
+// every viewport shape well inside the range Chromium and WebKit rasterise
+// identically.
+@mixin page-canvas {
+    background-color: var(--page-background);
+    box-shadow: inset 0 0 30vmin var(--page-vignette-color);
+}
+
+// The backing for a bar stuck over scrolling content — a sticky header or
+// footer — that must not read as a panel bolted onto the page. It is not a
+// colour of its own but a second copy of the page canvas on its own
+// viewport-anchored box, masked down to the strip the bar occupies: where it is
+// opaque it is indistinguishable from the page behind it, vignette falloff
+// included. Sits behind the bar's own content (z-index -1 inside the stacking
+// context the bar's z-index opens), so nothing about the bar's children moves.
+//
+// $edge is the viewport edge the bar is stuck to. The mask holds full opacity
+// for $solid from that edge — the band the bar's content occupies — then takes
+// $ramp to reach clear, so content scrolls into view behind the bar with no
+// edge to see.
+@mixin page-scrim($edge, $solid, $ramp) {
+    @if $edge != top and $edge != bottom {
+        @error 'page-scrim: $edge must be top or bottom, got #{$edge}';
+    }
+    // The gradient runs from the far edge toward $edge, so its opaque stop
+    // lands on the bar.
+    $away: top;
+    @if $edge == top {
+        $away: bottom;
+    }
+    &::before {
+        content: '';
+        position: fixed;
+        inset: 0;
+        z-index: -1;
+        pointer-events: none;
+        @include page-canvas;
+        mask-image: linear-gradient(to #{$away}, #000 #{$solid}, transparent calc(#{$solid} + #{$ramp}));
+    }
+}
+
+@mixin button-colors {
+    background: var(--button-background);
+    &:hover {
+        filter: brightness(120%);
+    }
+}
+
+@mixin wider-than-max-content {
+    @media (min-width: $max-content-width) {
+        @content;
+    }
+}
+
+@mixin overlay-icon-button($size: 24px) {
+    position: absolute;
+    width: $size;
+    height: $size;
+    border-radius: var(--border-radius);
+    background: var(--overlay-button-bg);
+    opacity: 0.5;
+    color: #fff;
+    border: 0;
+    padding: 0;
+    cursor: pointer;
+    line-height: $size;
+    font-size: calc($size * 0.55);
+    &:hover {
+        opacity: 1;
+    }
+}

package/dashboard-palette.scss

@@ -0,0 +1,44 @@
+// Default dashboard palette: opt-in via `@use '@greendrake/theme/dashboard-palette';`.
+@use '@greendrake/scss-kit' as kit;
+@use 'mixins' as *;
+
+@include light-dark(
+    (
+        --font-color: #222,
+        --background-color: #ddd,
+        --form-background: #f5f5f5,
+        --form-background-hover: #fff,
+        --border-color: #555,
+        --border-color-light: #999,
+        --border-color-hover: #000,
+        --link-color-hover: #000,
+        --light-switch: kit.icon-svg('moonstar'),
+        --spinner-color: #ccc,
+        --page-background: #e6e6e6,
+        --page-vignette-color: #cdcdcd
+    ),
+    (
+        --font-color: #eee,
+        --background-color: #222,
+        --form-background: #222,
+        --form-background-hover: #000,
+        --border-color: #aaa,
+        --border-color-light: #666,
+        --border-color-hover: #fff,
+        --link-color-hover: #fff,
+        --light-switch: kit.icon-svg('sun'),
+        --spinner-color: #ccc,
+        --page-background: #202020,
+        --page-vignette-color: #0c0c0c
+    )
+);
+
+// Modal chrome vars consumed by @greendrake/ui's Modal — part of the default
+// dashboard look (the dark-glass window over a dimmed backdrop).
+:root {
+    --modal-background: var(--background-color);
+    --modal-box-shadow: rgba(255, 255, 255, 0.5) 0px 4px 25px;
+    --modal-border-radius: var(--border-radius);
+    --modal-backdrop-filter: brightness(0.4);
+    --modal-window-backdrop-filter: blur(8px);
+}

package/dashboard.scss

@@ -0,0 +1,63 @@
+// The full dashboard-app preset: palette + native-control skin + editor-row
+// layout + the shell styling a dashboard would otherwise write for itself.
+// Opt in via
+// `@use '@greendrake/theme/dashboard';` (after `@use '@greendrake/theme'`).
+@use 'dashboard-palette';
+@use 'form-controls';
+@use 'editor-rows';
+@use 'mixins' as *;
+
+@include page-vignette;
+
+:root {
+    --border-radius: 4px;
+    --icon-size: 18px;
+    // Denser base than the document default: dashboards are dense,
+    // information-first surfaces.
+    --font-md: 14px;
+    // Required by the ui .spinner ring contract (see README).
+    --spinner-side-color: var(--form-background);
+}
+
+html,
+body {
+    height: 100vh;
+    overflow: hidden;
+}
+
+body {
+    padding: 0;
+    margin: 0;
+}
+
+a:hover {
+    color: var(--link-color-hover);
+}
+
+label {
+    font-size: var(--font-xs);
+    font-weight: 500;
+    opacity: 0.7;
+}
+
+// Headings read as panel/section dividers rather than page titles — every
+// dashboard panel opens with one, and detail views nest h2/h3 under it.
+h1,
+h2,
+h3 {
+    font-weight: 500;
+}
+
+h1 {
+    font-size: var(--font-2xl);
+    line-height: 36px;
+    margin: var(--space-5) 0 var(--space-3);
+}
+
+h2 {
+    border-bottom: 1px solid var(--border-color-light);
+    margin: var(--space-4) 0 var(--space-2);
+    opacity: 0.8;
+    font-size: var(--font-xl);
+    line-height: 28px;
+}

package/editor-rows.scss

@@ -0,0 +1,27 @@
+// Opt-in record-editor/detail-pane layout: `@use '@greendrake/theme/editor-rows';`
+// (the dashboard preset pulls it in). `.EditorRows` is the padded scrolling
+// pane, `.EditorRows__row` a label/value line. The classes are independent:
+// a component whose root layout diverges may adopt the rows alone.
+
+.EditorRows {
+    padding: var(--space-4);
+    overflow: auto;
+    height: 100%;
+    box-sizing: border-box;
+}
+
+.EditorRows__row {
+    display: flex;
+    gap: var(--space-3);
+    padding: var(--space-2) 0;
+    border-bottom: 1px solid var(--border-color-light);
+    > label {
+        min-width: 160px;
+        font-size: var(--font-xs);
+        opacity: 0.7;
+        padding-top: 2px;
+    }
+    > div {
+        flex-grow: 1;
+    }
+}

package/form-controls.scss

@@ -0,0 +1,48 @@
+// Opt-in native form-control skin: `@use '@greendrake/theme/form-controls';`.
+// The block a dashboard would otherwise write into its own main.scss.
+// Relies on the palette vars (--form-background, --border-color*, --font-color)
+// plus --border-radius, which stays app-supplied (see README).
+
+button,
+input,
+select,
+textarea {
+    border-radius: var(--border-radius);
+    color: var(--font-color);
+    background: var(--form-background);
+    border: 1px solid var(--border-color);
+}
+
+button {
+    cursor: pointer;
+    padding: var(--space-1) var(--space-4);
+    &:hover:not(:disabled) {
+        border-color: var(--border-color-hover);
+        background-color: var(--form-background-hover);
+    }
+    &:disabled {
+        opacity: 0.5;
+        cursor: default;
+    }
+}
+
+input,
+select,
+textarea {
+    padding: var(--space-1) var(--space-2);
+    &:focus {
+        outline: none;
+        border-color: var(--border-color-hover);
+        background-color: var(--form-background-hover);
+    }
+}
+
+// Small in-control variant of the theme's .spinner ring (action buttons while
+// their async action is in flight): the sole size knob is --spinner-size, so the
+// ring geometry stays owned by the base rule.
+button.spinner {
+    pointer-events: none;
+    cursor: default;
+    color: transparent !important;
+    --spinner-size: 24px;
+}

package/package.json

@@ -0,0 +1,63 @@
+{
+    "name": "@greendrake/theme",
+    "version": "0.1.0",
+    "description": "Design tokens, document-level element styling, a light/dark theming mixin and an opt-in dashboard palette",
+    "license": "MIT",
+    "author": "Eugene Greendrake <eugene@greendrake.nz>",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/greendrake/lib.git",
+        "directory": "theme"
+    },
+    "homepage": "https://github.com/greendrake/lib/tree/main/theme#readme",
+    "bugs": {
+        "url": "https://github.com/greendrake/lib/issues"
+    },
+    "type": "module",
+    "main": "_index.scss",
+    "exports": {
+        ".": {
+            "sass": "./_index.scss",
+            "default": "./_index.scss"
+        },
+        "./mixins": {
+            "sass": "./_mixins.scss",
+            "default": "./_mixins.scss"
+        },
+        "./dashboard-palette": {
+            "sass": "./dashboard-palette.scss",
+            "default": "./dashboard-palette.scss"
+        },
+        "./form-controls": {
+            "sass": "./form-controls.scss",
+            "default": "./form-controls.scss"
+        },
+        "./editor-rows": {
+            "sass": "./editor-rows.scss",
+            "default": "./editor-rows.scss"
+        },
+        "./dashboard": {
+            "sass": "./dashboard.scss",
+            "default": "./dashboard.scss"
+        }
+    },
+    "files": [
+        "_index.scss",
+        "_mixins.scss",
+        "dashboard-palette.scss",
+        "form-controls.scss",
+        "editor-rows.scss",
+        "dashboard.scss"
+    ],
+    "publishConfig": {
+        "access": "public"
+    },
+    "prettier": "@greendrake/dev-config/prettier",
+    "dependencies": {
+        "@greendrake/css-reset": "0.1.0",
+        "@greendrake/scss-kit": "0.1.0"
+    },
+    "devDependencies": {
+        "@greendrake/dev-config": "0.1.0"
+    }
+}