dev-api-ui 0.1.7

package/ui/index.ts

@@ -0,0 +1,50 @@
+// Public surface — shared components, ThemeProvider, and types.
+// See DECISIONS.md A3 and C2.
+
+// ThemeProvider
+export { default as ThemeProvider } from './ThemeProvider';
+
+// Shared components (alphabetical)
+export { default as ArticlePage } from './components/ArticlePage';
+export type { ArticleKind, ArticlePageProps } from './components/ArticlePage';
+
+export { default as AuthPage } from './components/AuthPage';
+
+export { default as Callout } from './components/Callout';
+
+export { default as Chart } from './components/Chart';
+
+export { default as CodeTabs } from './components/CodeTabs';
+
+export { default as ComparePage } from './components/ComparePage';
+
+export { default as DashboardPage } from './components/DashboardPage';
+
+export { default as DocsNav } from './components/DocsNav';
+
+export { default as Footer } from './components/Footer';
+
+export { default as HubPage } from './components/HubPage';
+
+// Modal — named exports only (no default)
+export { Modal, ModalHeader, DownloadModal, CiteModal } from './components/Modal';
+
+export { default as Nav } from './components/Nav';
+export type { NavLink, NavProps } from './components/Nav';
+
+export { default as OnThisPage } from './components/OnThisPage';
+
+export { default as ParamsTable } from './components/ParamsTable';
+
+export { default as RangeBar } from './components/RangeBar';
+
+export { default as SeriesChart } from './components/SeriesChart';
+
+export { default as SeriesPage } from './components/SeriesPage';
+
+export { default as StatusMark } from './components/StatusMark';
+
+// Data seam — the adapter signature + types a consumer implements against.
+// The illustrative SERIES_DATA blob stays internal (demo-only, not public API).
+export { getSeriesData } from './data/series';
+export type { RangeEntry, RelatedEntry, ReadingEntry, SeriesData } from './data/series';

package/ui/publictrades.ts

@@ -0,0 +1,16 @@
+// Publictrades-specific components — separate subpath per DECISIONS.md C2.
+// These are product-specific and will migrate to the publictrades repo at launch.
+// Import via 'dev-api-ui/publictrades', not 'dev-api-ui'.
+
+export { default as ExternalLink } from './components/publictrades/ExternalLink';
+export { default as FactsCard } from './components/publictrades/FactsCard';
+export { default as LedgerFooter } from './components/publictrades/LedgerFooter';
+export { default as LedgerNav } from './components/publictrades/LedgerNav';
+export { default as Mark } from './components/publictrades/Mark';
+export { default as SourceBlock } from './components/publictrades/SourceBlock';
+export { default as Tape } from './components/publictrades/Tape';
+export { default as ThreeStamps } from './components/publictrades/ThreeStamps';
+
+// Types
+export { C } from './components/publictrades/types';
+export type { ActionVariant, TapeRow } from './components/publictrades/types';

package/ui/themes.css

@@ -0,0 +1,81 @@
+/* =============================================================
+   DEV-API-UI — Theme token blocks
+   Re-skin = swap data-theme attribute on root wrapper.
+   Variable names are IDENTICAL across themes.
+   ============================================================= */
+
+/* Fallback defaults (console values) so body vars always resolve
+   even when no [data-theme] ancestor wraps the element. */
+:root {
+  --paper:        #FBFBFA;
+  --surface:      #FFFFFF;
+  --ink:          #16181D;
+  --secondary:    #5B6470;
+  --tertiary:     #8A8F98;
+  --hairline:     #E6E6E2;
+  --hairline-2:   #D7D7D2;
+  --accent:       #1F8A5B;
+  --accent-hover: #176B47;
+  --code-bg:      #15171C;
+  --code-fg:      #E6E8EA;
+  --code-dim:     #6B7480;
+  --cyan:         #5BC0EB;
+  --amber:        #E3B341;
+  --purple:       #C8A6FF;
+  --down:         #C2453B;
+  --warn:         #B26B00;
+  --info:         #2D6CDF;
+  --head: var(--font-plex-mono);
+  --mono: var(--font-plex-mono);
+  --sans: var(--font-plex-sans);
+}
+
+[data-theme="console"] {
+  --paper:        #FBFBFA;
+  --surface:      #FFFFFF;
+  --ink:          #16181D;
+  --secondary:    #5B6470;
+  --tertiary:     #8A8F98;
+  --hairline:     #E6E6E2;
+  --hairline-2:   #D7D7D2;
+  --accent:       #1F8A5B;
+  --accent-hover: #176B47;
+  --code-bg:      #15171C;
+  --code-fg:      #E6E8EA;
+  --code-dim:     #6B7480;
+  --cyan:         #5BC0EB;
+  --amber:        #E3B341;
+  --purple:       #C8A6FF;
+  --down:         #C2453B;
+  --warn:         #B26B00;
+  --info:         #2D6CDF;
+  /* typography */
+  --head: var(--font-plex-mono);
+  --mono: var(--font-plex-mono);
+  --sans: var(--font-plex-sans);
+}
+
+[data-theme="ledger"] {
+  --paper:        #F7F6F2;
+  --surface:      #FFFFFF;
+  --ink:          #1A1815;
+  --secondary:    #6E6A60;
+  --tertiary:     #9B978C;
+  --hairline:     #E7E4DC;
+  --hairline-2:   #DBD8CF;
+  --accent:       #1E3A5F;
+  --accent-hover: #16314F;
+  --code-bg:      #15171C;
+  --code-fg:      #E6E8EA;
+  --code-dim:     #6B7480;
+  --cyan:         #5BC0EB;
+  --amber:        #E3B341;
+  --purple:       #C8A6FF;
+  --down:         #B23B3B;
+  --warn:         #B26B00;
+  --info:         #2D6CDF;
+  /* typography — headings Plex Sans, data in Plex Mono */
+  --head: var(--font-plex-sans);
+  --mono: var(--font-plex-mono);
+  --sans: var(--font-plex-sans);
+}