@aic-kits/react 0.29.12 → 0.30.0
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.
- package/dist/components/BarChart/BarChart.d.ts +79 -0
- package/dist/components/BarChart/StyledBarChart.d.ts +28 -0
- package/dist/components/BarChart/index.d.ts +1 -0
- package/dist/components/LineChart/LineChart.d.ts +101 -0
- package/dist/components/LineChart/StyledLineChart.d.ts +83 -0
- package/dist/components/LineChart/index.d.ts +1 -0
- package/dist/components/PieChart/PieChart.d.ts +85 -0
- package/dist/components/PieChart/StyledPieChart.d.ts +60 -0
- package/dist/components/PieChart/index.d.ts +1 -0
- package/dist/components/index.d.ts +3 -0
- package/dist/index.cjs +409 -164
- package/dist/index.js +6522 -5432
- package/dist/theme/components/barChart.d.ts +21 -0
- package/dist/theme/components/index.d.ts +17 -8
- package/dist/theme/components/lineChart.d.ts +25 -0
- package/dist/theme/components/pieChart.d.ts +22 -0
- package/package.json +2 -2
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { Theme } from '../';
|
|
2
|
+
import { Color } from '../common';
|
|
3
|
+
export type BarChartSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type BarChartVariant = 'default' | 'soft' | 'outlined';
|
|
5
|
+
export interface BarChartSizeConfig {
|
|
6
|
+
barSpacing: number;
|
|
7
|
+
barRadius: number;
|
|
8
|
+
axisColor: Color | string;
|
|
9
|
+
gridColor: Color | string;
|
|
10
|
+
labelColor: Color | string;
|
|
11
|
+
}
|
|
12
|
+
export interface BarChartVariantConfig {
|
|
13
|
+
defaultBarColor: Color;
|
|
14
|
+
}
|
|
15
|
+
export interface BarChartThemeConfig {
|
|
16
|
+
defaultSize: BarChartSize;
|
|
17
|
+
defaultVariant: BarChartVariant;
|
|
18
|
+
sizes: Record<BarChartSize, BarChartSizeConfig>;
|
|
19
|
+
variants: Record<BarChartVariant, BarChartVariantConfig>;
|
|
20
|
+
}
|
|
21
|
+
export declare const barChartTheme: (_theme: Theme) => BarChartThemeConfig;
|
|
@@ -2,6 +2,7 @@ import { Theme } from '../';
|
|
|
2
2
|
import { AccordionThemeConfig } from './accordion';
|
|
3
3
|
import { ArtThemeConfig } from './art';
|
|
4
4
|
import { AvatarThemeConfig } from './avatar';
|
|
5
|
+
import { BarChartThemeConfig } from './barChart';
|
|
5
6
|
import { BaseThemeConfig } from './base';
|
|
6
7
|
import { ButtonThemeConfig } from './button';
|
|
7
8
|
import { CarouselThemeConfig } from './carousel';
|
|
@@ -9,9 +10,11 @@ import { CheckboxThemeConfig } from './checkbox';
|
|
|
9
10
|
import { DividerThemeConfig } from './divider';
|
|
10
11
|
import { HeaderThemeConfig } from './header';
|
|
11
12
|
import { InputThemeConfig } from './input';
|
|
13
|
+
import { LineChartThemeConfig } from './lineChart';
|
|
12
14
|
import { ListThemeConfig } from './list';
|
|
13
15
|
import { LoadingThemeConfig } from './loading';
|
|
14
16
|
import { PaginationTheme } from './pagination';
|
|
17
|
+
import { PieChartThemeConfig } from './pieChart';
|
|
15
18
|
import { ProgressThemeConfig, ProgressSize, ProgressVariant } from './progress';
|
|
16
19
|
import { SelectThemeConfig, SelectSize, SelectVariant } from './select';
|
|
17
20
|
import { SkeletonThemeConfig } from './skeleton';
|
|
@@ -40,26 +43,32 @@ export interface ComponentsTheme {
|
|
|
40
43
|
progress: ProgressThemeConfig;
|
|
41
44
|
avatar: AvatarThemeConfig;
|
|
42
45
|
tooltip: TooltipThemeConfig;
|
|
46
|
+
barChart: BarChartThemeConfig;
|
|
47
|
+
pieChart: PieChartThemeConfig;
|
|
48
|
+
lineChart: LineChartThemeConfig;
|
|
43
49
|
}
|
|
44
50
|
export declare const getComponentsTheme: (theme: Theme) => ComponentsTheme;
|
|
51
|
+
export * from './accordion';
|
|
45
52
|
export * from './art';
|
|
53
|
+
export * from './avatar';
|
|
54
|
+
export * from './barChart';
|
|
46
55
|
export * from './base';
|
|
47
56
|
export * from './button';
|
|
57
|
+
export * from './carousel';
|
|
58
|
+
export * from './checkbox';
|
|
48
59
|
export * from './divider';
|
|
49
60
|
export * from './header';
|
|
50
61
|
export * from './input';
|
|
62
|
+
export * from './lineChart';
|
|
51
63
|
export * from './list';
|
|
52
64
|
export * from './loading';
|
|
53
65
|
export * from './pagination';
|
|
66
|
+
export * from './pieChart';
|
|
67
|
+
export * from './progress';
|
|
68
|
+
export * from './select';
|
|
54
69
|
export * from './skeleton';
|
|
55
|
-
export * from './touchable';
|
|
56
|
-
export * from './vimeo';
|
|
57
|
-
export * from './carousel';
|
|
58
|
-
export * from './accordion';
|
|
59
70
|
export * from './tag';
|
|
60
|
-
export * from './checkbox';
|
|
61
|
-
export * from './select';
|
|
62
|
-
export * from './progress';
|
|
63
|
-
export * from './avatar';
|
|
64
71
|
export * from './tooltip';
|
|
72
|
+
export * from './touchable';
|
|
73
|
+
export * from './vimeo';
|
|
65
74
|
export type { SelectSize, SelectVariant, ProgressSize, ProgressVariant };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Theme } from '../';
|
|
2
|
+
import { Color } from '../common';
|
|
3
|
+
export type LineChartSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type LineChartVariant = 'default' | 'soft' | 'bold';
|
|
5
|
+
export type LineChartCurve = 'linear' | 'smooth' | 'step';
|
|
6
|
+
export interface LineChartSizeConfig {
|
|
7
|
+
strokeWidth: number;
|
|
8
|
+
dotRadius: number;
|
|
9
|
+
axisColor: Color | string;
|
|
10
|
+
gridColor: Color | string;
|
|
11
|
+
labelColor: Color | string;
|
|
12
|
+
labelFontSize: number;
|
|
13
|
+
legendFontSize: number;
|
|
14
|
+
legendSpacing: number;
|
|
15
|
+
}
|
|
16
|
+
export interface LineChartVariantConfig {
|
|
17
|
+
defaultColors: Color[];
|
|
18
|
+
}
|
|
19
|
+
export interface LineChartThemeConfig {
|
|
20
|
+
defaultSize: LineChartSize;
|
|
21
|
+
defaultVariant: LineChartVariant;
|
|
22
|
+
sizes: Record<LineChartSize, LineChartSizeConfig>;
|
|
23
|
+
variants: Record<LineChartVariant, LineChartVariantConfig>;
|
|
24
|
+
}
|
|
25
|
+
export declare const lineChartTheme: (_theme: Theme) => LineChartThemeConfig;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Theme } from '../';
|
|
2
|
+
import { Color } from '../common';
|
|
3
|
+
export type PieChartSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type PieChartVariant = 'default' | 'soft' | 'outlined';
|
|
5
|
+
export interface PieChartSizeConfig {
|
|
6
|
+
strokeWidth: number;
|
|
7
|
+
strokeColor: Color | string;
|
|
8
|
+
labelColor: Color | string;
|
|
9
|
+
labelFontSize: number;
|
|
10
|
+
legendFontSize: number;
|
|
11
|
+
legendSpacing: number;
|
|
12
|
+
}
|
|
13
|
+
export interface PieChartVariantConfig {
|
|
14
|
+
defaultColors: Color[];
|
|
15
|
+
}
|
|
16
|
+
export interface PieChartThemeConfig {
|
|
17
|
+
defaultSize: PieChartSize;
|
|
18
|
+
defaultVariant: PieChartVariant;
|
|
19
|
+
sizes: Record<PieChartSize, PieChartSizeConfig>;
|
|
20
|
+
variants: Record<PieChartVariant, PieChartVariantConfig>;
|
|
21
|
+
}
|
|
22
|
+
export declare const pieChartTheme: (_theme: Theme) => PieChartThemeConfig;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aic-kits/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.30.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"vite-plugin-dts": "^4.3.0",
|
|
56
56
|
"vitest": "^2.1.8"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "aab4bf8f31efc5b0bc1eca8369ca72802bde43f0"
|
|
59
59
|
}
|