@codemonster-ru/vueforge 0.23.0 → 0.25.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/README.md +74 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.ts.mjs +995 -786
- package/dist/index.ts.umd.js +3 -3
- package/dist/package/components/__tests__/progress.test.d.ts +1 -0
- package/dist/package/components/badge.vue.d.ts +33 -0
- package/dist/package/components/progress.vue.d.ts +36 -0
- package/dist/package/config/theme-core.d.ts +79 -0
- package/dist/package/themes/default/components/badge.d.ts +67 -0
- package/dist/package/themes/default/components/progress.d.ts +38 -0
- package/dist/package/themes/default/index.d.ts +103 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
type BadgeVariant = 'solid' | 'soft' | 'outline';
|
|
2
|
+
type BadgeSize = 'small' | 'normal' | 'large';
|
|
3
|
+
type BadgeSeverity = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
|
|
4
|
+
interface Props {
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: BadgeSize;
|
|
7
|
+
variant?: BadgeVariant;
|
|
8
|
+
severity?: BadgeSeverity;
|
|
9
|
+
ariaLabel?: string;
|
|
10
|
+
}
|
|
11
|
+
declare function __VLS_template(): {
|
|
12
|
+
attrs: Partial<{}>;
|
|
13
|
+
slots: {
|
|
14
|
+
default?(_: {}): any;
|
|
15
|
+
};
|
|
16
|
+
refs: {};
|
|
17
|
+
rootEl: HTMLSpanElement;
|
|
18
|
+
};
|
|
19
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
20
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
21
|
+
label: string;
|
|
22
|
+
size: BadgeSize;
|
|
23
|
+
variant: BadgeVariant;
|
|
24
|
+
severity: BadgeSeverity;
|
|
25
|
+
ariaLabel: string;
|
|
26
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
|
|
27
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
30
|
+
new (): {
|
|
31
|
+
$slots: S;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
type ProgressVariant = 'linear' | 'circular';
|
|
2
|
+
type ProgressSize = 'small' | 'normal' | 'large';
|
|
3
|
+
type ProgressSeverity = 'neutral' | 'info' | 'success' | 'warn' | 'danger';
|
|
4
|
+
interface Props {
|
|
5
|
+
value?: number | null;
|
|
6
|
+
variant?: ProgressVariant;
|
|
7
|
+
size?: ProgressSize;
|
|
8
|
+
label?: string;
|
|
9
|
+
showValue?: boolean;
|
|
10
|
+
severity?: ProgressSeverity;
|
|
11
|
+
ariaLabel?: string;
|
|
12
|
+
}
|
|
13
|
+
declare function __VLS_template(): {
|
|
14
|
+
attrs: Partial<{}>;
|
|
15
|
+
slots: {
|
|
16
|
+
default?(_: {}): any;
|
|
17
|
+
};
|
|
18
|
+
refs: {};
|
|
19
|
+
rootEl: HTMLDivElement;
|
|
20
|
+
};
|
|
21
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
22
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
23
|
+
label: string;
|
|
24
|
+
size: ProgressSize;
|
|
25
|
+
variant: ProgressVariant;
|
|
26
|
+
severity: ProgressSeverity;
|
|
27
|
+
ariaLabel: string;
|
|
28
|
+
showValue: boolean;
|
|
29
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
30
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
31
|
+
export default _default;
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -466,6 +466,43 @@ export type SkeletonTokens = {
|
|
|
466
466
|
shimmerColor?: string;
|
|
467
467
|
animationDuration?: string;
|
|
468
468
|
};
|
|
469
|
+
export type ProgressTokens = {
|
|
470
|
+
width?: string;
|
|
471
|
+
height?: string;
|
|
472
|
+
borderRadius?: string;
|
|
473
|
+
backgroundColor?: string;
|
|
474
|
+
barColor?: string;
|
|
475
|
+
labelColor?: string;
|
|
476
|
+
labelFontSize?: string;
|
|
477
|
+
gap?: string;
|
|
478
|
+
circularSize?: string;
|
|
479
|
+
circularThickness?: string;
|
|
480
|
+
animationDuration?: string;
|
|
481
|
+
info?: {
|
|
482
|
+
barColor?: string;
|
|
483
|
+
};
|
|
484
|
+
success?: {
|
|
485
|
+
barColor?: string;
|
|
486
|
+
};
|
|
487
|
+
warn?: {
|
|
488
|
+
barColor?: string;
|
|
489
|
+
};
|
|
490
|
+
danger?: {
|
|
491
|
+
barColor?: string;
|
|
492
|
+
};
|
|
493
|
+
small?: {
|
|
494
|
+
height?: string;
|
|
495
|
+
labelFontSize?: string;
|
|
496
|
+
circularSize?: string;
|
|
497
|
+
circularThickness?: string;
|
|
498
|
+
};
|
|
499
|
+
large?: {
|
|
500
|
+
height?: string;
|
|
501
|
+
labelFontSize?: string;
|
|
502
|
+
circularSize?: string;
|
|
503
|
+
circularThickness?: string;
|
|
504
|
+
};
|
|
505
|
+
};
|
|
469
506
|
export type DataTableTokens = {
|
|
470
507
|
borderColor?: string;
|
|
471
508
|
borderRadius?: string;
|
|
@@ -577,6 +614,46 @@ export type AlertTokens = {
|
|
|
577
614
|
textColor?: string;
|
|
578
615
|
};
|
|
579
616
|
};
|
|
617
|
+
export type BadgeSeverityTokens = {
|
|
618
|
+
backgroundColor?: string;
|
|
619
|
+
textColor?: string;
|
|
620
|
+
borderColor?: string;
|
|
621
|
+
softBackgroundColor?: string;
|
|
622
|
+
softTextColor?: string;
|
|
623
|
+
softBorderColor?: string;
|
|
624
|
+
outlineTextColor?: string;
|
|
625
|
+
outlineBorderColor?: string;
|
|
626
|
+
};
|
|
627
|
+
export type BadgeTokens = {
|
|
628
|
+
fontSize?: string;
|
|
629
|
+
lineHeight?: string;
|
|
630
|
+
paddingX?: string;
|
|
631
|
+
paddingY?: string;
|
|
632
|
+
borderRadius?: string;
|
|
633
|
+
gap?: string;
|
|
634
|
+
backgroundColor?: string;
|
|
635
|
+
textColor?: string;
|
|
636
|
+
borderColor?: string;
|
|
637
|
+
softBackgroundColor?: string;
|
|
638
|
+
softTextColor?: string;
|
|
639
|
+
softBorderColor?: string;
|
|
640
|
+
outlineTextColor?: string;
|
|
641
|
+
outlineBorderColor?: string;
|
|
642
|
+
info?: BadgeSeverityTokens;
|
|
643
|
+
success?: BadgeSeverityTokens;
|
|
644
|
+
warn?: BadgeSeverityTokens;
|
|
645
|
+
danger?: BadgeSeverityTokens;
|
|
646
|
+
small?: {
|
|
647
|
+
fontSize?: string;
|
|
648
|
+
paddingX?: string;
|
|
649
|
+
paddingY?: string;
|
|
650
|
+
};
|
|
651
|
+
large?: {
|
|
652
|
+
fontSize?: string;
|
|
653
|
+
paddingX?: string;
|
|
654
|
+
paddingY?: string;
|
|
655
|
+
};
|
|
656
|
+
};
|
|
580
657
|
export type ThemeComponentTokens = {
|
|
581
658
|
button?: ButtonTokens;
|
|
582
659
|
card?: CardTokens;
|
|
@@ -599,9 +676,11 @@ export type ThemeComponentTokens = {
|
|
|
599
676
|
switch?: SwitchTokens;
|
|
600
677
|
tooltip?: TooltipTokens;
|
|
601
678
|
skeleton?: SkeletonTokens;
|
|
679
|
+
progress?: ProgressTokens;
|
|
602
680
|
datatable?: DataTableTokens;
|
|
603
681
|
toast?: ToastTokens;
|
|
604
682
|
alert?: AlertTokens;
|
|
683
|
+
badge?: BadgeTokens;
|
|
605
684
|
[key: string]: unknown;
|
|
606
685
|
};
|
|
607
686
|
export type ThemeTokens = {
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
fontSize: string;
|
|
3
|
+
lineHeight: string;
|
|
4
|
+
paddingX: string;
|
|
5
|
+
paddingY: string;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
gap: string;
|
|
8
|
+
backgroundColor: string;
|
|
9
|
+
textColor: string;
|
|
10
|
+
borderColor: string;
|
|
11
|
+
softBackgroundColor: string;
|
|
12
|
+
softTextColor: string;
|
|
13
|
+
softBorderColor: string;
|
|
14
|
+
outlineTextColor: string;
|
|
15
|
+
outlineBorderColor: string;
|
|
16
|
+
info: {
|
|
17
|
+
backgroundColor: string;
|
|
18
|
+
textColor: string;
|
|
19
|
+
borderColor: string;
|
|
20
|
+
softBackgroundColor: string;
|
|
21
|
+
softTextColor: string;
|
|
22
|
+
softBorderColor: string;
|
|
23
|
+
outlineTextColor: string;
|
|
24
|
+
outlineBorderColor: string;
|
|
25
|
+
};
|
|
26
|
+
success: {
|
|
27
|
+
backgroundColor: string;
|
|
28
|
+
textColor: string;
|
|
29
|
+
borderColor: string;
|
|
30
|
+
softBackgroundColor: string;
|
|
31
|
+
softTextColor: string;
|
|
32
|
+
softBorderColor: string;
|
|
33
|
+
outlineTextColor: string;
|
|
34
|
+
outlineBorderColor: string;
|
|
35
|
+
};
|
|
36
|
+
warn: {
|
|
37
|
+
backgroundColor: string;
|
|
38
|
+
textColor: string;
|
|
39
|
+
borderColor: string;
|
|
40
|
+
softBackgroundColor: string;
|
|
41
|
+
softTextColor: string;
|
|
42
|
+
softBorderColor: string;
|
|
43
|
+
outlineTextColor: string;
|
|
44
|
+
outlineBorderColor: string;
|
|
45
|
+
};
|
|
46
|
+
danger: {
|
|
47
|
+
backgroundColor: string;
|
|
48
|
+
textColor: string;
|
|
49
|
+
borderColor: string;
|
|
50
|
+
softBackgroundColor: string;
|
|
51
|
+
softTextColor: string;
|
|
52
|
+
softBorderColor: string;
|
|
53
|
+
outlineTextColor: string;
|
|
54
|
+
outlineBorderColor: string;
|
|
55
|
+
};
|
|
56
|
+
small: {
|
|
57
|
+
fontSize: string;
|
|
58
|
+
paddingX: string;
|
|
59
|
+
paddingY: string;
|
|
60
|
+
};
|
|
61
|
+
large: {
|
|
62
|
+
fontSize: string;
|
|
63
|
+
paddingX: string;
|
|
64
|
+
paddingY: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
export default _default;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
declare const _default: {
|
|
2
|
+
width: string;
|
|
3
|
+
height: string;
|
|
4
|
+
borderRadius: string;
|
|
5
|
+
backgroundColor: string;
|
|
6
|
+
barColor: string;
|
|
7
|
+
labelColor: string;
|
|
8
|
+
labelFontSize: string;
|
|
9
|
+
gap: string;
|
|
10
|
+
circularSize: string;
|
|
11
|
+
circularThickness: string;
|
|
12
|
+
animationDuration: string;
|
|
13
|
+
info: {
|
|
14
|
+
barColor: string;
|
|
15
|
+
};
|
|
16
|
+
success: {
|
|
17
|
+
barColor: string;
|
|
18
|
+
};
|
|
19
|
+
warn: {
|
|
20
|
+
barColor: string;
|
|
21
|
+
};
|
|
22
|
+
danger: {
|
|
23
|
+
barColor: string;
|
|
24
|
+
};
|
|
25
|
+
small: {
|
|
26
|
+
height: string;
|
|
27
|
+
labelFontSize: string;
|
|
28
|
+
circularSize: string;
|
|
29
|
+
circularThickness: string;
|
|
30
|
+
};
|
|
31
|
+
large: {
|
|
32
|
+
height: string;
|
|
33
|
+
labelFontSize: string;
|
|
34
|
+
circularSize: string;
|
|
35
|
+
circularThickness: string;
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
export default _default;
|
|
@@ -759,6 +759,109 @@ declare const _default: {
|
|
|
759
759
|
textColor: string;
|
|
760
760
|
};
|
|
761
761
|
};
|
|
762
|
+
progress: {
|
|
763
|
+
width: string;
|
|
764
|
+
height: string;
|
|
765
|
+
borderRadius: string;
|
|
766
|
+
backgroundColor: string;
|
|
767
|
+
barColor: string;
|
|
768
|
+
labelColor: string;
|
|
769
|
+
labelFontSize: string;
|
|
770
|
+
gap: string;
|
|
771
|
+
circularSize: string;
|
|
772
|
+
circularThickness: string;
|
|
773
|
+
animationDuration: string;
|
|
774
|
+
info: {
|
|
775
|
+
barColor: string;
|
|
776
|
+
};
|
|
777
|
+
success: {
|
|
778
|
+
barColor: string;
|
|
779
|
+
};
|
|
780
|
+
warn: {
|
|
781
|
+
barColor: string;
|
|
782
|
+
};
|
|
783
|
+
danger: {
|
|
784
|
+
barColor: string;
|
|
785
|
+
};
|
|
786
|
+
small: {
|
|
787
|
+
height: string;
|
|
788
|
+
labelFontSize: string;
|
|
789
|
+
circularSize: string;
|
|
790
|
+
circularThickness: string;
|
|
791
|
+
};
|
|
792
|
+
large: {
|
|
793
|
+
height: string;
|
|
794
|
+
labelFontSize: string;
|
|
795
|
+
circularSize: string;
|
|
796
|
+
circularThickness: string;
|
|
797
|
+
};
|
|
798
|
+
};
|
|
799
|
+
badge: {
|
|
800
|
+
fontSize: string;
|
|
801
|
+
lineHeight: string;
|
|
802
|
+
paddingX: string;
|
|
803
|
+
paddingY: string;
|
|
804
|
+
borderRadius: string;
|
|
805
|
+
gap: string;
|
|
806
|
+
backgroundColor: string;
|
|
807
|
+
textColor: string;
|
|
808
|
+
borderColor: string;
|
|
809
|
+
softBackgroundColor: string;
|
|
810
|
+
softTextColor: string;
|
|
811
|
+
softBorderColor: string;
|
|
812
|
+
outlineTextColor: string;
|
|
813
|
+
outlineBorderColor: string;
|
|
814
|
+
info: {
|
|
815
|
+
backgroundColor: string;
|
|
816
|
+
textColor: string;
|
|
817
|
+
borderColor: string;
|
|
818
|
+
softBackgroundColor: string;
|
|
819
|
+
softTextColor: string;
|
|
820
|
+
softBorderColor: string;
|
|
821
|
+
outlineTextColor: string;
|
|
822
|
+
outlineBorderColor: string;
|
|
823
|
+
};
|
|
824
|
+
success: {
|
|
825
|
+
backgroundColor: string;
|
|
826
|
+
textColor: string;
|
|
827
|
+
borderColor: string;
|
|
828
|
+
softBackgroundColor: string;
|
|
829
|
+
softTextColor: string;
|
|
830
|
+
softBorderColor: string;
|
|
831
|
+
outlineTextColor: string;
|
|
832
|
+
outlineBorderColor: string;
|
|
833
|
+
};
|
|
834
|
+
warn: {
|
|
835
|
+
backgroundColor: string;
|
|
836
|
+
textColor: string;
|
|
837
|
+
borderColor: string;
|
|
838
|
+
softBackgroundColor: string;
|
|
839
|
+
softTextColor: string;
|
|
840
|
+
softBorderColor: string;
|
|
841
|
+
outlineTextColor: string;
|
|
842
|
+
outlineBorderColor: string;
|
|
843
|
+
};
|
|
844
|
+
danger: {
|
|
845
|
+
backgroundColor: string;
|
|
846
|
+
textColor: string;
|
|
847
|
+
borderColor: string;
|
|
848
|
+
softBackgroundColor: string;
|
|
849
|
+
softTextColor: string;
|
|
850
|
+
softBorderColor: string;
|
|
851
|
+
outlineTextColor: string;
|
|
852
|
+
outlineBorderColor: string;
|
|
853
|
+
};
|
|
854
|
+
small: {
|
|
855
|
+
fontSize: string;
|
|
856
|
+
paddingX: string;
|
|
857
|
+
paddingY: string;
|
|
858
|
+
};
|
|
859
|
+
large: {
|
|
860
|
+
fontSize: string;
|
|
861
|
+
paddingX: string;
|
|
862
|
+
paddingY: string;
|
|
863
|
+
};
|
|
864
|
+
};
|
|
762
865
|
};
|
|
763
866
|
colors: {
|
|
764
867
|
white: string;
|