@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.
@@ -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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.23.0",
3
+ "version": "0.25.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",