@umituz/web-design-system 6.1.0 → 6.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/web-design-system",
-  "version": "6.1.0",
+  "version": "6.1.1",
   "private": false,
   "type": "module",
   "description": "Web Design System - Tailwind v4 authored, precompiled CSS shipped. Atomic Design components (Atoms, Molecules, Organisms, Templates) for React applications.",
@@ -15,6 +15,7 @@
     "./atoms": "./src/presentation/atoms/index.ts",
     "./bridge.css": "./src/styles/bridge.css",
     "./charts": "./src/presentation/organisms/charts/index.ts",
+    "./charts.css": "./src/styles/charts.css",
     "./constants": "./src/infrastructure/constants/index.ts",
     "./hooks": "./src/presentation/hooks/index.ts",
     "./molecules": "./src/presentation/molecules/index.ts",

package/src/__tests__/charts/ssr.test.tsx

@@ -0,0 +1,51 @@
+import { describe, expect, it } from 'vitest';
+import { renderToString } from 'react-dom/server';
+import {
+  BarChart,
+  Donut,
+  LineChart,
+  ActivityHeatmap,
+  ChartCard,
+  HBars,
+  Sparkline,
+} from '../../presentation/organisms/charts';
+
+describe('charts server rendering', () => {
+  it('renders every chart primitive to static markup', () => {
+    const html = [
+      renderToString(
+        <ChartCard title="T" tip={null}>
+          <span>body</span>
+        </ChartCard>,
+      ),
+      renderToString(<BarChart labels={['a', 'b']} series={[{ label: 'A', values: [1, 2] }]} />),
+      renderToString(
+        <BarChart
+          labels={['a']}
+          stacking="stacked"
+          series={[
+            { label: 'A', values: [2] },
+            { label: 'B', values: [2] },
+          ]}
+        />,
+      ),
+      renderToString(<Donut segments={[{ label: 'A', value: 1 }]} centerValue="1" />),
+      renderToString(
+        <LineChart
+          labels={['a', 'b']}
+          series={[{ label: 'A', values: [1, 2], areaFill: 'gradient' }]}
+        />,
+      ),
+      renderToString(<ActivityHeatmap cells={[{ day: '2026-01-01', value: 3 }]} />),
+      renderToString(<Sparkline data={[1, 2]} />),
+      renderToString(<HBars rows={[{ label: 'A', value: 1 }]} />),
+    ].join('');
+    expect(html).toContain('udb-chartcard');
+    expect(html).toContain('udb-barchart__bars--stacked');
+    expect(html).toContain('udb-donut');
+    expect(html).toContain('udb-linechart');
+    expect(html).toContain('linearGradient');
+    expect(html).toContain('udb-heatmap__cell--l');
+    expect(html).toContain('udb-hbars');
+  });
+});

package/src/styles/app.css

@@ -1,3 +1,2 @@
-
 @import "./source.css";
 @import "./bridge.css";