Files
supabase/apps/design-system/registry/charts.ts
T
Jonathan Summers-Muir 40770afd43 [Design System] feat: Added Chart component (#27839)
* init

* Update chart.mdx

* Update BarChart.tsx

* Update chart.mdx
2024-08-30 16:51:05 +08:00

504 lines
13 KiB
TypeScript

import { Registry } from './schema'
export const charts: Registry = [
// Area Charts
{
name: 'chart-area-axes',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-axes.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-default',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-default.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-gradient',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-gradient.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-icons',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-icons.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-interactive',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-interactive.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-legend',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-legend.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-linear',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-linear.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-stacked-expand',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-stacked-expand.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-stacked',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-stacked.tsx'],
category: 'Charts',
subcategory: 'Area',
},
{
name: 'chart-area-step',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-area-step.tsx'],
category: 'Charts',
subcategory: 'Area',
},
// Bar Charts
{
name: 'chart-bar-active',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-active.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-default',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-default.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-horizontal',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-horizontal.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-interactive',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-interactive.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-label-custom',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-label-custom.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-label',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-label.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-mixed',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-mixed.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-multiple',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-multiple.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-negative',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-negative.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
{
name: 'chart-bar-stacked',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-bar-stacked.tsx'],
category: 'Charts',
subcategory: 'Bar',
},
// Line Charts
{
name: 'chart-line-default',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-default.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-dots-colors',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-dots-colors.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-dots-custom',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-dots-custom.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-dots',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-dots.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-interactive',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-interactive.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-label-custom',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-label-custom.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-label',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-label.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-linear',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-linear.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-multiple',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-multiple.tsx'],
category: 'Charts',
subcategory: 'Line',
},
{
name: 'chart-line-step',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-line-step.tsx'],
category: 'Charts',
subcategory: 'Line',
},
// Pie Charts
{
name: 'chart-pie-donut-active',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-donut-active.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-donut-text',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-donut-text.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-donut',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-donut.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-interactive',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-interactive.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-label-custom',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-label-custom.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-label-list',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-label-list.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-label',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-label.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-legend',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-legend.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-separator-none',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-separator-none.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-simple',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-simple.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
{
name: 'chart-pie-stacked',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-pie-stacked.tsx'],
category: 'Charts',
subcategory: 'Pie',
},
// Radar Charts
{
name: 'chart-radar-default',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-default.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-dots',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-dots.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-grid-circle-fill',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-grid-circle-fill.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-grid-circle-no-lines',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-grid-circle-no-lines.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-grid-circle',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-grid-circle.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-grid-custom',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-grid-custom.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-grid-fill',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-grid-fill.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-grid-none',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-grid-none.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-icons',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-icons.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-label-custom',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-label-custom.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-legend',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-legend.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-lines-only',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-lines-only.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-multiple',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-multiple.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
{
name: 'chart-radar-radius',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radar-radius.tsx'],
category: 'Charts',
subcategory: 'Radar',
},
// Radial Charts
{
name: 'chart-radial-grid',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radial-grid.tsx'],
category: 'Charts',
subcategory: 'Radial',
},
{
name: 'chart-radial-label',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radial-label.tsx'],
category: 'Charts',
subcategory: 'Radial',
},
{
name: 'chart-radial-shape',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radial-shape.tsx'],
category: 'Charts',
subcategory: 'Radial',
},
{
name: 'chart-radial-simple',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radial-simple.tsx'],
category: 'Charts',
subcategory: 'Radial',
},
{
name: 'chart-radial-stacked',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radial-stacked.tsx'],
category: 'Charts',
subcategory: 'Radial',
},
{
name: 'chart-radial-text',
type: 'components:block',
registryDependencies: ['card', 'chart'],
files: ['block/chart-radial-text.tsx'],
category: 'Charts',
subcategory: 'Radial',
},
]