@alpic-ai/ui 0.0.0-dev.g19fc228 → 0.0.0-dev.g1a5d5ed

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/components/area-chart.d.mts +2 -0
  2. package/dist/components/area-chart.mjs +9 -3
  3. package/dist/components/bar-chart.d.mts +2 -0
  4. package/dist/components/bar-chart.mjs +9 -3
  5. package/dist/components/bar-list.d.mts +3 -0
  6. package/dist/components/bar-list.mjs +19 -7
  7. package/dist/components/chart-card.d.mts +1 -1
  8. package/dist/components/chart-card.mjs +1 -1
  9. package/dist/components/chart-container.d.mts +1 -1
  10. package/dist/components/chart-legend.d.mts +5 -0
  11. package/dist/components/chart-legend.mjs +11 -2
  12. package/dist/components/donut-chart.mjs +4 -0
  13. package/dist/components/heatmap-chart.d.mts +8 -0
  14. package/dist/components/heatmap-chart.mjs +39 -8
  15. package/dist/components/line-chart.d.mts +2 -0
  16. package/dist/components/line-chart.mjs +10 -3
  17. package/dist/components/stat.d.mts +3 -1
  18. package/dist/components/stat.mjs +14 -4
  19. package/dist/components/textarea.mjs +1 -1
  20. package/dist/lib/chart.mjs +16 -1
  21. package/package.json +23 -23
  22. package/src/components/area-chart.tsx +12 -4
  23. package/src/components/bar-chart.tsx +12 -4
  24. package/src/components/bar-list.tsx +21 -6
  25. package/src/components/chart-card.tsx +8 -6
  26. package/src/components/chart-container.tsx +2 -0
  27. package/src/components/chart-legend.tsx +10 -2
  28. package/src/components/donut-chart.tsx +1 -1
  29. package/src/components/heatmap-chart.tsx +62 -18
  30. package/src/components/line-chart.tsx +18 -5
  31. package/src/components/stat.tsx +10 -6
  32. package/src/components/textarea.tsx +1 -1
  33. package/src/lib/chart.ts +34 -0
  34. package/src/stories/area-chart.stories.tsx +1 -1
  35. package/src/stories/bar-chart.stories.tsx +1 -1
  36. package/src/stories/bar-list.stories.tsx +1 -1
  37. package/src/stories/donut-chart.stories.tsx +1 -1
  38. package/src/stories/heatmap-chart.stories.tsx +1 -1
  39. package/src/stories/line-chart.stories.tsx +1 -1
  40. package/src/stories/textarea.stories.tsx +7 -0
  41. package/src/stories/wizard.stories.tsx +1 -1
  42. package/src/styles/tokens.css +0 -45
package/src/styles/tokens.css CHANGED
@@ -447,51 +447,6 @@
447
447
  }
448
448
  }
449
449
 
450
- /* ─── Chart canvas — control-room atmosphere for analytics surfaces ───────────
451
- Apply `.chart-canvas` to a dashboard/page container holding chart cards: a
452
- dotted grid faded from the top, plus a dual brand glow in dark mode. The grid
453
- is masked away so it never bleeds into the cards stacked above it. */
454
-
455
- .chart-canvas {
456
- position: relative;
457
- isolation: isolate;
458
- }
459
-
460
- .chart-canvas::before {
461
- content: "";
462
- position: absolute;
463
- inset: 0;
464
- z-index: -1;
465
- pointer-events: none;
466
- background-image:
467
- linear-gradient(var(--color-sidebar-border) 1px, transparent 1px),
468
- linear-gradient(90deg, var(--color-sidebar-border) 1px, transparent 1px);
469
- background-size:
470
- 46px 46px,
471
- 46px 46px;
472
- opacity: 0.65;
473
- -webkit-mask-image: radial-gradient(120% 90% at 50% 0%, #000 35%, transparent 100%);
474
- mask-image: radial-gradient(120% 90% at 50% 0%, #000 35%, transparent 100%);
475
- }
476
-
477
- .dark .chart-canvas::before {
478
- background-image:
479
- radial-gradient(
480
- 900px 480px at 78% -8%,
481
- color-mix(in oklab, var(--color-cta-accent) 12%, transparent),
482
- transparent 60%
483
- ),
484
- radial-gradient(820px 520px at 8% 4%, color-mix(in oklab, var(--color-primary) 12%, transparent), transparent 60%),
485
- linear-gradient(var(--color-sidebar-border) 1px, transparent 1px),
486
- linear-gradient(90deg, var(--color-sidebar-border) 1px, transparent 1px);
487
- background-size:
488
- 100% 100%,
489
- 100% 100%,
490
- 46px 46px,
491
- 46px 46px;
492
- opacity: 0.6;
493
- }
494
-
495
450
  @media (prefers-reduced-motion: no-preference) {
496
451
  .chart-rise {
497
452
  animation: chart-rise 0.65s cubic-bezier(0.2, 0.7, 0.2, 1) both;