hanzoai/o11y-components

mirror of https://github.com/hanzoai/o11y-components.git synced 2026-11-02 14:03:22 +00:00

Files

T

History

zeekay 464e1eece0 State a version once

A version written into a manifest is written into every manifest that wants it,
which is how eslint came to exist in a hundred and four forms across this estate
and how a package came to resolve twice at run time. The catalog moves the number
out of the manifest: a manifest names the package, the workspace names the
version.

Four are held below their latest because the newer release cannot be used, and
the reason is recorded rather than the version alone: @noble/hashes 2 renamed
every subpath the web3 stack imports, @splinetool/runtime 2 depends on a package
that was never published, @dynamic-labs 5.4.1 the same, and react-resizable-panels
3 points its types condition at the bundle.

2026-09-15 11:45:32 -07:00

..

main.js

State a version once

2026-09-15 11:45:32 -07:00

manager.js

feat(storybook): bump version of storybook to v10 (#127 )

2026-02-27 21:54:14 +05:30

modeDecorator.tsx

State a version once

2026-09-15 11:45:32 -07:00

preview-head.html

Better cjs/esm support & Better bundle (#118 )

2026-02-25 13:06:25 +05:30

preview.css

fix(docs): conflicts on heading and paragraph text sizes

2026-03-17 09:07:44 -03:00

preview.tsx

docs(storybook): split stories into Primitive and Composed Components (#266 )

2026-06-03 10:14:21 -03:00

README.md

feat: update storybook ui

2025-08-04 17:11:39 +05:30

vite-env.d.ts

Better cjs/esm support & Better bundle (#118 )

2026-02-25 13:06:25 +05:30

vitest.setup.ts

Improvements on Storybook & Turbo (#129 )

2026-03-02 18:01:55 +05:30

README.md

Storybook Configuration

This directory contains the Storybook configuration for the SigNoz Components documentation.

Features

🎨 Dark Mode by Default

Storybook starts in dark mode by default
Toggle button in the top-right corner to switch between light/dark modes
Manager UI (sidebar and panels) also uses dark theme

🔤 Inter Font

Uses Inter font family from Google Fonts
Applied globally to all components and UI
Optimized font rendering with proper font-feature-settings

🏷️ SigNoz Branding

Custom favicon with SigNoz branding (placeholder SVG)
Dark theme optimized for SigNoz brand colors
Professional appearance matching SigNoz design system

Files

preview.js - Main Storybook configuration with dark mode settings
preview.css - Global styles including Inter font and dark theme
preview-head.html - HTML head content (fonts, favicon)
manager.js - Manager UI configuration (sidebar, panels)
modeDecorator.tsx - Dark/light mode toggle component

Customization

To update the favicon, replace the base64 SVG in preview-head.html with your actual SigNoz logo.

To modify the theme colors, update the CSS variables in preview.css.