@graphysdk/theme-graphite 0.0.0-stage → 0.1.1-beta.1791459323341

package/LICENSE.md

@@ -0,0 +1,17 @@
+# License
+
+This software is available under any of the following licenses, at your option,
+depending on which one's conditions you meet:
+
+- **PolyForm Noncommercial 1.0.0** — for noncommercial use (personal,
+  charitable, educational, research, government).
+  See [licenses/PolyForm-NonCommercial-1.0.0.md](licenses/PolyForm-NonCommercial-1.0.0.md)
+
+- **PolyForm Small Business 1.0.0** — free commercial use for organizations
+  under the size thresholds defined in the license.
+  See [licenses/PolyForm-Small-Business-1.0.0.md](licenses/PolyForm-Small-Business-1.0.0.md)
+
+- **PolyForm Free Trial 1.0.0** — a 32-day evaluation for anyone else.
+  See [licenses/PolyForm-Free-Trial-1.0.0.md](licenses/PolyForm-Free-Trial-1.0.0.md)
+
+For commercial use beyond these terms, contact [hello@graphy.dev](mailto:hello@graphy.dev) or visit [https://graphy.dev](https://graphy.dev).

package/README.md

@@ -1,3 +1,62 @@
-# Temporary Holding Version
+# @graphysdk/theme-graphite
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+> **Beta.** This theme is on a `0.x` version line: a minor release may change its look. Use a caret range (`^0.1.0`) to take only patches.
+
+A graphite theme for the Graphy charting SDK: graphs in one cool grey, their groups told apart by lightness alone, for light and dark schemes.
+
+Learn more at [graphy.dev](https://graphy.dev).
+
+## Install
+
+```bash
+npm install @graphysdk/theme-graphite @graphysdk/react
+```
+
+Requires React 19. Its only peer is `@graphysdk/react`.
+
+## Usage
+
+Pass the theme to `createGraphyKit` and import its fonts once. Every graph drawn through the kit's `GraphProvider` takes the theme; specs are written as usual.
+
+```tsx
+import { createGraphyKit, GraphRenderer } from '@graphysdk/react';
+import { graphite } from '@graphysdk/theme-graphite';
+import '@graphysdk/theme-graphite/fonts.css';
+
+const kit = createGraphyKit({ theme: graphite });
+
+const spec = kit.pipe(
+  kit.createSpec({ x: 'quarter', y: 'revenue', color: 'region' }),
+  kit.geom.bar({ position: 'dodge' }),
+  kit.scale.x(),
+  kit.scale.y()
+);
+
+export function Revenue({ data }) {
+  return (
+    <kit.GraphProvider spec={spec} data={data}>
+      <GraphRenderer />
+    </kit.GraphProvider>
+  );
+}
+```
+
+A spec's own `styles()`, scales and `config()` sit above the theme, so a graph can still change anything. The theme is drawn for a graph about 600 pixels wide; `style.graph({ textScale: 1.5 })` scales its type for a larger one.
+
+The theme is drawn for both schemes: pass `colorScheme="light"` or `colorScheme="dark"` to the provider to pick one.
+
+`fonts.css` loads IBM Plex Sans from Google Fonts, in weights 400, 500 and 600. To host the font yourself, leave the import out and load a family named `IBM Plex Sans` before the first graph is drawn.
+
+## Docs
+
+- [Graphite](https://docs.graphy.dev/sdk-next/themes/graphite)
+
+## Feedback
+
+This theme is released early to hear what works. Tell us on [Discord](https://discord.gg/yGmYCjkSr).
+
+## Licence
+
+This package is available under PolyForm Noncommercial, Small Business, or a 32-day Free Trial. Free Trial is local or internal evaluation only — it does not cover a public page. See [what you can do under the trial](https://docs.graphy.dev/licence/evaluation).
+
+For a commercial licence, [talk to us](https://graphy.dev/license).

package/dist/graphite.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@graphysdk/react';
+/**
+ * Graphs in one hue, a cool grey like pencil lead: groups are told apart by lightness alone, shapes
+ * are parted by a thin line in the background's colour, and nothing casts a shadow. Drawn for both
+ * schemes, so the host's scheme decides between a near-white background and a near-black one.
+ *
+ * The face is IBM Plex Sans. Import `@graphysdk/theme-graphite/fonts.css` once to load it.
+ *
+ * @example
+ *   const kit = createGraphyKit({ theme: graphite });
+ */
+export declare const graphite: Theme;

package/dist/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=require("@graphysdk/react");var t={background:{light:"#F9FAFC",dark:"#0D1013"},raised:{light:"#FFFFFF",dark:"#191B1D"},text:{light:"#12161C",dark:"#E2E9F1"},secondary:{light:"#5E646B",dark:"#A5ABB4"},grid:{light:"#E2E5E9",dark:"#292B2E"},edge:{light:"#D5D8DB",dark:"#36383B"},axis:"#7B8189",hoverGuideFill:{light:"rgba(18, 22, 28, 0.05)",dark:"rgba(226, 233, 241, 0.07)"}},a="'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif",i={deep:"#3D434A",dark:"#5E646B",mid:"#727880",light:"#878D95",pale:"#ABB2BA",palest:"#CBD2DA"},n=[i.dark,i.light,i.deep,i.pale,i.palest,i.mid],l=["#D1D8E1","#292E35"],o={textColor:t.text},r={textColor:t.secondary},s=.6,d={tokens:{graphBackground:t.background,graphBorder:t.edge,geom:i.dark,geomBorder:t.axis,textPrimary:t.text,textSecondary:t.secondary,ruleLine:t.text,gridLine:t.grid,hoverAffordance:t.text,hoverGuideFill:t.hoverGuideFill,hoverGuideLine:t.axis,tooltipBackground:t.raised,tooltipBorder:t.edge,tooltipPrimaryRow:t.hoverGuideFill,annotationShape:t.axis,annotationArrow:t.text,differenceLabelBackground:t.background},defaults:[e.style.graph({strokeWidth:1,cornerRadius:4,fontFamily:a,padding:20}),e.style.geom({alpha:s},{state:"dimmed"}),e.style.geom({shadow:"none"},{state:"hovered"}),e.style.geom.bar({stroke:t.background,strokeWidth:1,cornerRadius:2}),e.style.geom.bar({stroke:t.text,strokeWidth:1.5},{state:"hovered"}),e.style.geom.line({strokeWidth:2,dashArray:[],lineCap:"round",lineJoin:"round"}),e.style.geom.area({fillAlpha:.9,strokeWidth:1,dashArray:[],lineCap:"round",lineJoin:"round"}),e.style.geom.area({stroke:t.background},{coord:"cartesian"}),e.style.geom.point({size:8,stroke:t.background,strokeWidth:1}),e.style.geom.tile({cornerRadius:2,stroke:t.background,strokeWidth:1}),e.style.geom.tile({stroke:t.text,strokeWidth:1.5},{state:"hovered"}),e.style.geom.rule({strokeWidth:1,dashArray:[4,3]}),e.style.geom.rule.label({...o,fontWeight:500,fontSize:12}),e.style.gridLine({dashArray:[]}),e.style.gridLine.x({strokeWidth:0}),e.style.gridLine.y({strokeWidth:1}),e.style.panelBorder({strokeWidth:0}),e.style.panelBorder.bottom({stroke:t.axis,strokeWidth:1,dashArray:[]}),e.style.tickLine({strokeWidth:0}),e.style.tickLabel({...r,fontWeight:400,fontSize:12,lineHeight:1}),e.style.axisLabel({...r,fontWeight:500,fontSize:12,lineHeight:1}),e.style.heading({...o}),e.style.heading.h1({fontWeight:600,fontSize:20,lineHeight:1.25}),e.style.heading.h2({...r,fontWeight:400,fontSize:14,lineHeight:1.35}),e.style.caption({...r,fontWeight:400,fontSize:12}),e.style.source({...r,fontWeight:400,fontSize:12}),e.style.dataLabel({...o,fontWeight:500,fontSize:12,fill:"transparent"}),e.style.legendItem({...o,fontWeight:400,fontSize:13,fill:"transparent",stroke:"transparent"}),e.style.directLabel({...o,fontWeight:500,fontSize:13}),e.style.tooltip({strokeWidth:1,cornerRadius:4,paddingInline:10,paddingBlock:8,shadow:"none"}),e.style.tooltip.heading({...o,fontWeight:600,fontSize:13,lineHeight:1.3}),e.style.tooltip.label({...r,fontWeight:400,fontSize:13,lineHeight:1.3}),e.style.tooltip.value({...o,fontWeight:500,fontSize:13,lineHeight:1.3}),e.style.annotation.text({...o,fill:t.raised,stroke:t.edge,strokeWidth:1,cornerRadius:4,paddingInline:8,paddingBlock:3,fontSize:13,lineHeight:1.2}),e.style.annotation.shape({fillAlpha:.2,stroke:t.axis,strokeWidth:1}),e.style.annotation.arrow({strokeWidth:1,dashArray:[]}),e.style.annotation.pinnedNumber({stroke:t.background}),e.style.annotation.pinnedNumber.label({...o,fill:t.raised,stroke:t.edge,shadow:"none"}),e.style.annotation.differenceArrow({stroke:t.text,strokeWidth:1}),e.style.annotation.differenceArrow.label({...o,fill:t.raised,stroke:t.edge,strokeWidth:1,fontSize:13}),e.style.panelBorder.bottom({strokeWidth:0},{coord:"polar"}),e.style.geom.area({fillAlpha:.35,strokeWidth:1.5},{coord:"polar"}),e.style.tickLabel({...o,fontWeight:600,textOutlineColor:t.background,textOutlineWidth:3},{coord:"polar"})]},g={name:"graphite",styles:d,palette:n,colormap:l,config:{legend:{position:"top",align:"start"}}};exports.graphite=g;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { graphite } from './graphite';

package/dist/index.mjs

@@ -0,0 +1,270 @@
+import { style as e } from "@graphysdk/react";
+var t = {
+  background: {
+    light: "#F9FAFC",
+    dark: "#0D1013"
+  },
+  raised: {
+    light: "#FFFFFF",
+    dark: "#191B1D"
+  },
+  text: {
+    light: "#12161C",
+    dark: "#E2E9F1"
+  },
+  secondary: {
+    light: "#5E646B",
+    dark: "#A5ABB4"
+  },
+  grid: {
+    light: "#E2E5E9",
+    dark: "#292B2E"
+  },
+  edge: {
+    light: "#D5D8DB",
+    dark: "#36383B"
+  },
+  axis: "#7B8189",
+  hoverGuideFill: {
+    light: "rgba(18, 22, 28, 0.05)",
+    dark: "rgba(226, 233, 241, 0.07)"
+  }
+}, a = "'IBM Plex Sans', ui-sans-serif, system-ui, sans-serif", i = {
+  deep: "#3D434A",
+  dark: "#5E646B",
+  mid: "#727880",
+  light: "#878D95",
+  pale: "#ABB2BA",
+  palest: "#CBD2DA"
+}, n = [
+  i.dark,
+  i.light,
+  i.deep,
+  i.pale,
+  i.palest,
+  i.mid
+], d = ["#D1D8E1", "#292E35"], o = { textColor: t.text }, r = { textColor: t.secondary }, l = 0.6, s = {
+  tokens: {
+    graphBackground: t.background,
+    graphBorder: t.edge,
+    geom: i.dark,
+    geomBorder: t.axis,
+    textPrimary: t.text,
+    textSecondary: t.secondary,
+    ruleLine: t.text,
+    gridLine: t.grid,
+    hoverAffordance: t.text,
+    hoverGuideFill: t.hoverGuideFill,
+    hoverGuideLine: t.axis,
+    tooltipBackground: t.raised,
+    tooltipBorder: t.edge,
+    tooltipPrimaryRow: t.hoverGuideFill,
+    annotationShape: t.axis,
+    annotationArrow: t.text,
+    differenceLabelBackground: t.background
+  },
+  defaults: [
+    e.graph({
+      strokeWidth: 1,
+      cornerRadius: 4,
+      fontFamily: a,
+      padding: 20
+    }),
+    e.geom({ alpha: l }, { state: "dimmed" }),
+    e.geom({ shadow: "none" }, { state: "hovered" }),
+    e.geom.bar({
+      stroke: t.background,
+      strokeWidth: 1,
+      cornerRadius: 2
+    }),
+    e.geom.bar({
+      stroke: t.text,
+      strokeWidth: 1.5
+    }, { state: "hovered" }),
+    e.geom.line({
+      strokeWidth: 2,
+      dashArray: [],
+      lineCap: "round",
+      lineJoin: "round"
+    }),
+    e.geom.area({
+      fillAlpha: 0.9,
+      strokeWidth: 1,
+      dashArray: [],
+      lineCap: "round",
+      lineJoin: "round"
+    }),
+    e.geom.area({ stroke: t.background }, { coord: "cartesian" }),
+    e.geom.point({
+      size: 8,
+      stroke: t.background,
+      strokeWidth: 1
+    }),
+    e.geom.tile({
+      cornerRadius: 2,
+      stroke: t.background,
+      strokeWidth: 1
+    }),
+    e.geom.tile({
+      stroke: t.text,
+      strokeWidth: 1.5
+    }, { state: "hovered" }),
+    e.geom.rule({
+      strokeWidth: 1,
+      dashArray: [4, 3]
+    }),
+    e.geom.rule.label({
+      ...o,
+      fontWeight: 500,
+      fontSize: 12
+    }),
+    e.gridLine({ dashArray: [] }),
+    e.gridLine.x({ strokeWidth: 0 }),
+    e.gridLine.y({ strokeWidth: 1 }),
+    e.panelBorder({ strokeWidth: 0 }),
+    e.panelBorder.bottom({
+      stroke: t.axis,
+      strokeWidth: 1,
+      dashArray: []
+    }),
+    e.tickLine({ strokeWidth: 0 }),
+    e.tickLabel({
+      ...r,
+      fontWeight: 400,
+      fontSize: 12,
+      lineHeight: 1
+    }),
+    e.axisLabel({
+      ...r,
+      fontWeight: 500,
+      fontSize: 12,
+      lineHeight: 1
+    }),
+    e.heading({ ...o }),
+    e.heading.h1({
+      fontWeight: 600,
+      fontSize: 20,
+      lineHeight: 1.25
+    }),
+    e.heading.h2({
+      ...r,
+      fontWeight: 400,
+      fontSize: 14,
+      lineHeight: 1.35
+    }),
+    e.caption({
+      ...r,
+      fontWeight: 400,
+      fontSize: 12
+    }),
+    e.source({
+      ...r,
+      fontWeight: 400,
+      fontSize: 12
+    }),
+    e.dataLabel({
+      ...o,
+      fontWeight: 500,
+      fontSize: 12,
+      fill: "transparent"
+    }),
+    e.legendItem({
+      ...o,
+      fontWeight: 400,
+      fontSize: 13,
+      fill: "transparent",
+      stroke: "transparent"
+    }),
+    e.directLabel({
+      ...o,
+      fontWeight: 500,
+      fontSize: 13
+    }),
+    e.tooltip({
+      strokeWidth: 1,
+      cornerRadius: 4,
+      paddingInline: 10,
+      paddingBlock: 8,
+      shadow: "none"
+    }),
+    e.tooltip.heading({
+      ...o,
+      fontWeight: 600,
+      fontSize: 13,
+      lineHeight: 1.3
+    }),
+    e.tooltip.label({
+      ...r,
+      fontWeight: 400,
+      fontSize: 13,
+      lineHeight: 1.3
+    }),
+    e.tooltip.value({
+      ...o,
+      fontWeight: 500,
+      fontSize: 13,
+      lineHeight: 1.3
+    }),
+    e.annotation.text({
+      ...o,
+      fill: t.raised,
+      stroke: t.edge,
+      strokeWidth: 1,
+      cornerRadius: 4,
+      paddingInline: 8,
+      paddingBlock: 3,
+      fontSize: 13,
+      lineHeight: 1.2
+    }),
+    e.annotation.shape({
+      fillAlpha: 0.2,
+      stroke: t.axis,
+      strokeWidth: 1
+    }),
+    e.annotation.arrow({
+      strokeWidth: 1,
+      dashArray: []
+    }),
+    e.annotation.pinnedNumber({ stroke: t.background }),
+    e.annotation.pinnedNumber.label({
+      ...o,
+      fill: t.raised,
+      stroke: t.edge,
+      shadow: "none"
+    }),
+    e.annotation.differenceArrow({
+      stroke: t.text,
+      strokeWidth: 1
+    }),
+    e.annotation.differenceArrow.label({
+      ...o,
+      fill: t.raised,
+      stroke: t.edge,
+      strokeWidth: 1,
+      fontSize: 13
+    }),
+    e.panelBorder.bottom({ strokeWidth: 0 }, { coord: "polar" }),
+    e.geom.area({
+      fillAlpha: 0.35,
+      strokeWidth: 1.5
+    }, { coord: "polar" }),
+    e.tickLabel({
+      ...o,
+      fontWeight: 600,
+      textOutlineColor: t.background,
+      textOutlineWidth: 3
+    }, { coord: "polar" })
+  ]
+}, h = {
+  name: "graphite",
+  styles: s,
+  palette: n,
+  colormap: d,
+  config: { legend: {
+    position: "top",
+    align: "start"
+  } }
+};
+export {
+  h as graphite
+};

package/dist/styles.d.ts

@@ -0,0 +1,56 @@
+import { Stylesheet } from '@graphysdk/react';
+/** Every colour that differs by scheme, as a light and dark pair. */
+export declare const GRAPHITE_COLORS: {
+    readonly background: {
+        readonly light: "#F9FAFC";
+        readonly dark: "#0D1013";
+    };
+    readonly raised: {
+        readonly light: "#FFFFFF";
+        readonly dark: "#191B1D";
+    };
+    readonly text: {
+        readonly light: "#12161C";
+        readonly dark: "#E2E9F1";
+    };
+    readonly secondary: {
+        readonly light: "#5E646B";
+        readonly dark: "#A5ABB4";
+    };
+    readonly grid: {
+        readonly light: "#E2E5E9";
+        readonly dark: "#292B2E";
+    };
+    readonly edge: {
+        readonly light: "#D5D8DB";
+        readonly dark: "#36383B";
+    };
+    readonly axis: "#7B8189";
+    readonly hoverGuideFill: {
+        readonly light: "rgba(18, 22, 28, 0.05)";
+        readonly dark: "rgba(226, 233, 241, 0.07)";
+    };
+};
+/** The greys groups take, named by how light they are. */
+export declare const GRAPHITE_GREYS: {
+    readonly deep: "#3D434A";
+    readonly dark: "#5E646B";
+    readonly mid: "#727880";
+    readonly light: "#878D95";
+    readonly pale: "#ABB2BA";
+    readonly palest: "#CBD2DA";
+};
+/**
+ * The order groups take their greys in, neighbours far apart in lightness. A palette holds one colour
+ * per step for both schemes, and only the greys between `dark` and `light` reach 3:1 on both
+ * backgrounds. The first two are those. The greys after them are each faint in one scheme, and the
+ * last lies between the first two, so it is the hardest to tell apart.
+ */
+export declare const GRAPHITE_PALETTE: readonly string[];
+/** For a colour that stands for a number: from the palest grey to the darkest. */
+export declare const GRAPHITE_COLORMAP: readonly string[];
+/**
+ * The graphite look: one cool grey on a plain background, thin strokes, a quiet solid grid, and
+ * shapes parted from their neighbours by a thin line in the background's colour.
+ */
+export declare const graphiteStyles: Stylesheet;

package/fonts.css

@@ -0,0 +1,2 @@
+/* IBM Plex Sans, the face the theme's stylesheet names. Import this once, before the first graph is measured. */
+@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&display=swap');

package/licenses/PolyForm-Free-Trial-1.0.0.md

@@ -0,0 +1,93 @@
+# PolyForm Free Trial License 1.0.0
+
+<https://polyformproject.org/licenses/free-trial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the software
+to do everything you might do with the software that would
+otherwise infringe the licensor's copyright in it for any
+permitted purpose. However, you may only make changes or
+new works based on the software according to [Changes and New
+Works License](#changes-and-new-works-license), and you may
+not distribute copies of the software.
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## Free Trial
+
+Use to evaluate whether the software suits a particular
+application for less than 32 consecutive calendar days, on
+behalf of you or your company, is use for a permitted purpose.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+If you violate any of these terms, or do anything with the
+software not covered by your licenses, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/licenses/PolyForm-NonCommercial-1.0.0.md

@@ -0,0 +1,131 @@
+# PolyForm Noncommercial License 1.0.0
+
+<https://polyformproject.org/licenses/noncommercial/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose. However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software. Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software. For example:
+
+> Required Notice: Copyright Graphy Technologies Ltd. (https://graphy.dev)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Noncommercial Purposes
+
+Any noncommercial purpose is a permitted purpose.
+
+## Personal Uses
+
+Personal use for research, experiment, and testing for
+the benefit of public knowledge, personal study, private
+entertainment, hobby projects, amateur pursuits, or religious
+observance, without any anticipated commercial application,
+is use for a permitted purpose.
+
+## Noncommercial Organizations
+
+Use by any charitable organization, educational institution,
+public research organization, public safety or health
+organization, environmental protection organization,
+or government institution is use for a permitted purpose
+regardless of the source of funding or obligations resulting
+from the funding.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice. Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/licenses/PolyForm-Small-Business-1.0.0.md

@@ -0,0 +1,121 @@
+# PolyForm Small Business License 1.0.0
+
+<https://polyformproject.org/licenses/small-business/1.0.0>
+
+## Acceptance
+
+In order to get any license under these terms, you must agree
+to them as both strict obligations and conditions to all
+your licenses.
+
+## Copyright License
+
+The licensor grants you a copyright license for the
+software to do everything you might do with the software
+that would otherwise infringe the licensor's copyright
+in it for any permitted purpose. However, you may
+only distribute the software according to [Distribution
+License](#distribution-license) and make changes or new works
+based on the software according to [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Distribution License
+
+The licensor grants you an additional copyright license
+to distribute copies of the software. Your license
+to distribute covers distributing the software with
+changes and new works permitted by [Changes and New Works
+License](#changes-and-new-works-license).
+
+## Notices
+
+You must ensure that anyone who gets a copy of any part of
+the software from you also gets a copy of these terms or the
+URL for them above, as well as copies of any plain-text lines
+beginning with `Required Notice:` that the licensor provided
+with the software. For example:
+
+> Required Notice: Copyright Graphy Technologies Ltd. (https://graphy.dev)
+
+## Changes and New Works License
+
+The licensor grants you an additional copyright license to
+make changes and new works based on the software for any
+permitted purpose.
+
+## Patent License
+
+The licensor grants you a patent license for the software that
+covers patent claims the licensor can license, or becomes able
+to license, that you would infringe by using the software.
+
+## Fair Use
+
+You may have "fair use" rights for the software under the
+law. These terms do not limit them.
+
+## Small Business
+
+Use of the software for the benefit of your company is use for
+a permitted purpose if your company has fewer than 100 total
+individuals working as employees and independent contractors,
+and less than 1,000,000 USD (2019) total revenue in the prior
+tax year. Adjust this revenue threshold for inflation according
+to the United States Bureau of Labor Statistics' consumer price
+index for all urban consumers, U.S. city average, for all items,
+not seasonally adjusted, with 1982–1984=100 reference base.
+
+## No Other Rights
+
+These terms do not allow you to sublicense or transfer any of
+your licenses to anyone else, or prevent the licensor from
+granting licenses to anyone else. These terms do not imply
+any other licenses.
+
+## Patent Defense
+
+If you make any written claim that the software infringes or
+contributes to infringement of any patent, your patent license
+for the software granted under these terms ends immediately. If
+your company makes such a claim, your patent license ends
+immediately for work on behalf of your company.
+
+## Violations
+
+The first time you are notified in writing that you have
+violated any of these terms, or done anything with the software
+not covered by your licenses, your licenses can nonetheless
+continue if you come into full compliance with these terms,
+and take practical steps to correct past violations, within
+32 days of receiving notice. Otherwise, all your licenses
+end immediately.
+
+## No Liability
+
+_**As far as the law allows, the software comes as is, without
+any warranty or condition, and the licensor will not be liable
+to you for any damages arising out of these terms or the use
+or nature of the software, under any kind of legal claim.**_
+
+## Definitions
+
+The **licensor** is the individual or entity offering these
+terms, and the **software** is the software the licensor makes
+available under these terms.
+
+**You** refers to the individual or entity agreeing to these
+terms.
+
+**Your company** is any legal entity, sole proprietorship,
+or other kind of organization that you work for, plus all
+organizations that have control over, are under the control of,
+or are under common control with that organization. **Control**
+means ownership of substantially all the assets of an entity,
+or the power to direct its management and policies by vote,
+contract, or otherwise. Control can be direct or indirect.
+
+**Your licenses** are all the licenses granted to you for the
+software under these terms.
+
+**Use** means anything you do with the software requiring one
+of your licenses.

package/package.json

@@ -1,6 +1,82 @@
 {
   "name": "@graphysdk/theme-graphite",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "author": "Graphy",
+  "description": "Graphite theme for the Graphy charting SDK (beta)",
+  "homepage": "https://docs.graphy.dev/sdk-next/themes/graphite",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "keywords": [
+    "graphy",
+    "chart",
+    "react",
+    "visualization",
+    "grammar-of-graphics",
+    "theme",
+    "graphite"
+  ],
+  "version": "0.1.1-beta.1791459323341",
+  "type": "module",
+  "sideEffects": [
+    "*.css"
+  ],
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "fonts.css",
+    "src/fonts.css.d.ts",
+    "LICENSE.md",
+    "licenses",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./fonts.css": {
+      "types": "./src/fonts.css.d.ts",
+      "default": "./fonts.css"
+    }
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "@graphysdk/react": "^1.9.0-beta.1791459323341"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "rollup-plugin-node-externals": "^8.1.1",
+    "vite": "^8.1.5",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.1.11",
+    "@graphytools/typescript-config": "0.0.1",
+    "@graphytools/vitest-config": "1.0.0",
+    "@graphytools/eslint-config": "0.0.1",
+    "@graphysdk/viz-engine": "1.9.0-beta.1791459323341",
+    "@graphysdk/react": "1.9.0-beta.1791459323341"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js,jsx,json,css,md}": [
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --max-warnings=0 --fix"
+    ]
+  },
+  "scripts": {
+    "build": "vite build",
+    "test": "vitest run",
+    "test:watch": "TZ=utc vitest",
+    "lint": "eslint . --max-warnings 0",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "typecheck": "tsc --noEmit"
+  }
 }

package/src/fonts.css.d.ts

@@ -0,0 +1,2 @@
+// Loads the fonts when imported; it exports nothing.
+export {};