@codemonster-ru/vueforge 0.25.0 → 0.27.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 @@
1
+ export {};
@@ -0,0 +1,35 @@
1
+ type AvatarSize = 'small' | 'normal' | 'large';
2
+ type AvatarShape = 'circle' | 'rounded';
3
+ type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
4
+ interface Props {
5
+ src?: string;
6
+ alt?: string;
7
+ name?: string;
8
+ size?: AvatarSize;
9
+ shape?: AvatarShape;
10
+ status?: AvatarStatus;
11
+ }
12
+ declare function __VLS_template(): {
13
+ attrs: Partial<{}>;
14
+ slots: {
15
+ default?(_: {}): any;
16
+ };
17
+ refs: {};
18
+ rootEl: HTMLDivElement;
19
+ };
20
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
21
+ declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
22
+ name: string;
23
+ size: AvatarSize;
24
+ status: AvatarStatus;
25
+ src: string;
26
+ alt: string;
27
+ shape: AvatarShape;
28
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
29
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
30
+ export default _default;
31
+ type __VLS_WithTemplateSlots<T, S> = T & {
32
+ new (): {
33
+ $slots: S;
34
+ };
35
+ };
@@ -0,0 +1,48 @@
1
+ type Size = 'small' | 'normal' | 'large';
2
+ type Variant = 'filled' | 'outlined';
3
+ interface SliderMark {
4
+ value: number;
5
+ label?: string;
6
+ }
7
+ interface Props {
8
+ modelValue?: number | [number, number];
9
+ min?: number;
10
+ max?: number;
11
+ step?: number;
12
+ range?: boolean;
13
+ disabled?: boolean;
14
+ size?: Size;
15
+ variant?: Variant;
16
+ showValue?: boolean;
17
+ marks?: Array<SliderMark>;
18
+ ariaLabel?: string;
19
+ ariaLabelStart?: string;
20
+ ariaLabelEnd?: string;
21
+ }
22
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
23
+ blur: (...args: any[]) => void;
24
+ change: (...args: any[]) => void;
25
+ focus: (...args: any[]) => void;
26
+ input: (...args: any[]) => void;
27
+ "update:modelValue": (...args: any[]) => void;
28
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
29
+ onBlur?: ((...args: any[]) => any) | undefined;
30
+ onChange?: ((...args: any[]) => any) | undefined;
31
+ onFocus?: ((...args: any[]) => any) | undefined;
32
+ onInput?: ((...args: any[]) => any) | undefined;
33
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
34
+ }>, {
35
+ disabled: boolean;
36
+ size: Size;
37
+ variant: Variant;
38
+ range: boolean;
39
+ min: number;
40
+ max: number;
41
+ step: number;
42
+ ariaLabel: string;
43
+ showValue: boolean;
44
+ marks: Array<SliderMark>;
45
+ ariaLabelStart: string;
46
+ ariaLabelEnd: string;
47
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
48
+ export default _default;
@@ -503,6 +503,39 @@ export type ProgressTokens = {
503
503
  circularThickness?: string;
504
504
  };
505
505
  };
506
+ export type SliderTokens = {
507
+ width?: string;
508
+ gap?: string;
509
+ textColor?: string;
510
+ trackHeight?: string;
511
+ trackBackgroundColor?: string;
512
+ trackRadius?: string;
513
+ fillBackgroundColor?: string;
514
+ thumbSize?: string;
515
+ thumbColor?: string;
516
+ thumbBorderColor?: string;
517
+ thumbBorderWidth?: string;
518
+ thumbShadow?: string;
519
+ focusRingShadow?: string;
520
+ disabledOpacity?: string;
521
+ markSize?: string;
522
+ markColor?: string;
523
+ markLabelFontSize?: string;
524
+ markLabelColor?: string;
525
+ marksHeight?: string;
526
+ valueFontSize?: string;
527
+ valueColor?: string;
528
+ small?: {
529
+ trackHeight?: string;
530
+ thumbSize?: string;
531
+ valueFontSize?: string;
532
+ };
533
+ large?: {
534
+ trackHeight?: string;
535
+ thumbSize?: string;
536
+ valueFontSize?: string;
537
+ };
538
+ };
506
539
  export type DataTableTokens = {
507
540
  borderColor?: string;
508
541
  borderRadius?: string;
@@ -654,6 +687,33 @@ export type BadgeTokens = {
654
687
  paddingY?: string;
655
688
  };
656
689
  };
690
+ export type AvatarTokens = {
691
+ size?: string;
692
+ fontSize?: string;
693
+ fontWeight?: string;
694
+ backgroundColor?: string;
695
+ textColor?: string;
696
+ borderColor?: string;
697
+ borderWidth?: string;
698
+ borderRadius?: string;
699
+ statusSize?: string;
700
+ statusBorderWidth?: string;
701
+ statusBorderColor?: string;
702
+ statusOnlineColor?: string;
703
+ statusOfflineColor?: string;
704
+ statusBusyColor?: string;
705
+ statusAwayColor?: string;
706
+ small?: {
707
+ size?: string;
708
+ fontSize?: string;
709
+ statusSize?: string;
710
+ };
711
+ large?: {
712
+ size?: string;
713
+ fontSize?: string;
714
+ statusSize?: string;
715
+ };
716
+ };
657
717
  export type ThemeComponentTokens = {
658
718
  button?: ButtonTokens;
659
719
  card?: CardTokens;
@@ -677,10 +737,12 @@ export type ThemeComponentTokens = {
677
737
  tooltip?: TooltipTokens;
678
738
  skeleton?: SkeletonTokens;
679
739
  progress?: ProgressTokens;
740
+ slider?: SliderTokens;
680
741
  datatable?: DataTableTokens;
681
742
  toast?: ToastTokens;
682
743
  alert?: AlertTokens;
683
744
  badge?: BadgeTokens;
745
+ avatar?: AvatarTokens;
684
746
  [key: string]: unknown;
685
747
  };
686
748
  export type ThemeTokens = {
@@ -0,0 +1,28 @@
1
+ declare const _default: {
2
+ size: string;
3
+ fontSize: string;
4
+ fontWeight: string;
5
+ backgroundColor: string;
6
+ textColor: string;
7
+ borderColor: string;
8
+ borderWidth: string;
9
+ borderRadius: string;
10
+ statusSize: string;
11
+ statusBorderWidth: string;
12
+ statusBorderColor: string;
13
+ statusOnlineColor: string;
14
+ statusOfflineColor: string;
15
+ statusBusyColor: string;
16
+ statusAwayColor: string;
17
+ small: {
18
+ size: string;
19
+ fontSize: string;
20
+ statusSize: string;
21
+ };
22
+ large: {
23
+ size: string;
24
+ fontSize: string;
25
+ statusSize: string;
26
+ };
27
+ };
28
+ export default _default;
@@ -0,0 +1,34 @@
1
+ declare const _default: {
2
+ width: string;
3
+ gap: string;
4
+ textColor: string;
5
+ trackHeight: string;
6
+ trackBackgroundColor: string;
7
+ trackRadius: string;
8
+ fillBackgroundColor: string;
9
+ thumbSize: string;
10
+ thumbColor: string;
11
+ thumbBorderColor: string;
12
+ thumbBorderWidth: string;
13
+ thumbShadow: string;
14
+ focusRingShadow: string;
15
+ disabledOpacity: string;
16
+ markSize: string;
17
+ markColor: string;
18
+ markLabelFontSize: string;
19
+ markLabelColor: string;
20
+ marksHeight: string;
21
+ valueFontSize: string;
22
+ valueColor: string;
23
+ small: {
24
+ trackHeight: string;
25
+ thumbSize: string;
26
+ valueFontSize: string;
27
+ };
28
+ large: {
29
+ trackHeight: string;
30
+ thumbSize: string;
31
+ valueFontSize: string;
32
+ };
33
+ };
34
+ export default _default;
@@ -862,6 +862,66 @@ declare const _default: {
862
862
  paddingY: string;
863
863
  };
864
864
  };
865
+ avatar: {
866
+ size: string;
867
+ fontSize: string;
868
+ fontWeight: string;
869
+ backgroundColor: string;
870
+ textColor: string;
871
+ borderColor: string;
872
+ borderWidth: string;
873
+ borderRadius: string;
874
+ statusSize: string;
875
+ statusBorderWidth: string;
876
+ statusBorderColor: string;
877
+ statusOnlineColor: string;
878
+ statusOfflineColor: string;
879
+ statusBusyColor: string;
880
+ statusAwayColor: string;
881
+ small: {
882
+ size: string;
883
+ fontSize: string;
884
+ statusSize: string;
885
+ };
886
+ large: {
887
+ size: string;
888
+ fontSize: string;
889
+ statusSize: string;
890
+ };
891
+ };
892
+ slider: {
893
+ width: string;
894
+ gap: string;
895
+ textColor: string;
896
+ trackHeight: string;
897
+ trackBackgroundColor: string;
898
+ trackRadius: string;
899
+ fillBackgroundColor: string;
900
+ thumbSize: string;
901
+ thumbColor: string;
902
+ thumbBorderColor: string;
903
+ thumbBorderWidth: string;
904
+ thumbShadow: string;
905
+ focusRingShadow: string;
906
+ disabledOpacity: string;
907
+ markSize: string;
908
+ markColor: string;
909
+ markLabelFontSize: string;
910
+ markLabelColor: string;
911
+ marksHeight: string;
912
+ valueFontSize: string;
913
+ valueColor: string;
914
+ small: {
915
+ trackHeight: string;
916
+ thumbSize: string;
917
+ valueFontSize: string;
918
+ };
919
+ large: {
920
+ trackHeight: string;
921
+ thumbSize: string;
922
+ valueFontSize: string;
923
+ };
924
+ };
865
925
  };
866
926
  colors: {
867
927
  white: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.25.0",
3
+ "version": "0.27.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",