@codemonster-ru/vueforge 0.51.0 → 0.53.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,31 @@
1
+ type Size = 'small' | 'normal' | 'large';
2
+ type Variant = 'filled' | 'outlined';
3
+ interface Props {
4
+ modelValue?: string;
5
+ disabled?: boolean;
6
+ readonly?: boolean;
7
+ min?: string;
8
+ max?: string;
9
+ locale?: string;
10
+ firstDayOfWeek?: number;
11
+ variant?: Variant;
12
+ size?: Size;
13
+ }
14
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
15
+ change: (...args: any[]) => void;
16
+ "update:modelValue": (...args: any[]) => void;
17
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
18
+ onChange?: ((...args: any[]) => any) | undefined;
19
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
20
+ }>, {
21
+ disabled: boolean;
22
+ size: Size;
23
+ variant: Variant;
24
+ modelValue: string;
25
+ readonly: boolean;
26
+ min: string;
27
+ max: string;
28
+ locale: string;
29
+ firstDayOfWeek: number;
30
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
31
+ export default _default;
@@ -0,0 +1,39 @@
1
+ type SegmentedValue = string | number;
2
+ type Size = 'small' | 'normal' | 'large';
3
+ type Variant = 'filled' | 'outlined';
4
+ interface SegmentedOption {
5
+ label: string;
6
+ value: SegmentedValue;
7
+ disabled?: boolean;
8
+ }
9
+ interface Props {
10
+ modelValue?: SegmentedValue;
11
+ options?: Array<SegmentedOption>;
12
+ disabled?: boolean;
13
+ fullWidth?: boolean;
14
+ size?: Size;
15
+ variant?: Variant;
16
+ ariaLabel?: string;
17
+ ariaLabelledby?: string;
18
+ }
19
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
20
+ blur: (...args: any[]) => void;
21
+ change: (...args: any[]) => void;
22
+ focus: (...args: any[]) => void;
23
+ "update:modelValue": (...args: any[]) => void;
24
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
25
+ onBlur?: ((...args: any[]) => any) | undefined;
26
+ onChange?: ((...args: any[]) => any) | undefined;
27
+ onFocus?: ((...args: any[]) => any) | undefined;
28
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
29
+ }>, {
30
+ disabled: boolean;
31
+ size: Size;
32
+ variant: Variant;
33
+ modelValue: SegmentedValue;
34
+ ariaLabel: string;
35
+ options: Array<SegmentedOption>;
36
+ ariaLabelledby: string;
37
+ fullWidth: boolean;
38
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
39
+ export default _default;
@@ -760,6 +760,45 @@ export type DatePickerTokens = {
760
760
  daySize?: string;
761
761
  };
762
762
  };
763
+ export type CalendarTokens = {
764
+ width?: string;
765
+ fontSize?: string;
766
+ padding?: string;
767
+ borderRadius?: string;
768
+ borderColor?: string;
769
+ backgroundColor?: string;
770
+ textColor?: string;
771
+ disabledOpacity?: string;
772
+ headerGap?: string;
773
+ headerPadding?: string;
774
+ monthLabelFontSize?: string;
775
+ monthLabelFontWeight?: string;
776
+ navButtonSize?: string;
777
+ navButtonRadius?: string;
778
+ navButtonFontSize?: string;
779
+ weekdayColor?: string;
780
+ weekdayFontSize?: string;
781
+ weekdaysMarginBottom?: string;
782
+ daysGap?: string;
783
+ daySize?: string;
784
+ dayFontSize?: string;
785
+ dayBorderRadius?: string;
786
+ dayHoverBackgroundColor?: string;
787
+ daySelectedBackgroundColor?: string;
788
+ daySelectedTextColor?: string;
789
+ dayMutedColor?: string;
790
+ dayTodayBorderColor?: string;
791
+ small?: {
792
+ padding?: string;
793
+ fontSize?: string;
794
+ daySize?: string;
795
+ };
796
+ large?: {
797
+ padding?: string;
798
+ fontSize?: string;
799
+ daySize?: string;
800
+ };
801
+ };
763
802
  export type DateRangePickerTokens = {
764
803
  minWidth?: string;
765
804
  fontSize?: string;
@@ -949,6 +988,33 @@ export type SwitchTokens = {
949
988
  textColor?: string;
950
989
  disabledOpacity?: string;
951
990
  };
991
+ export type SegmentedControlTokens = {
992
+ fontSize?: string;
993
+ padding?: string;
994
+ gap?: string;
995
+ borderRadius?: string;
996
+ borderColor?: string;
997
+ backgroundColor?: string;
998
+ textColor?: string;
999
+ hoverBackgroundColor?: string;
1000
+ activeBackgroundColor?: string;
1001
+ activeTextColor?: string;
1002
+ focusRingShadow?: string;
1003
+ disabledOpacity?: string;
1004
+ segmentPadding?: string;
1005
+ segmentRadius?: string;
1006
+ segmentFontWeight?: string;
1007
+ small?: {
1008
+ fontSize?: string;
1009
+ padding?: string;
1010
+ segmentPadding?: string;
1011
+ };
1012
+ large?: {
1013
+ fontSize?: string;
1014
+ padding?: string;
1015
+ segmentPadding?: string;
1016
+ };
1017
+ };
952
1018
  export type TabsTokens = {
953
1019
  gap?: string;
954
1020
  listGap?: string;
@@ -1499,11 +1565,13 @@ export type ThemeComponentTokens = {
1499
1565
  multiselect?: MultiSelectTokens;
1500
1566
  taginput?: TagInputTokens;
1501
1567
  datepicker?: DatePickerTokens;
1568
+ calendar?: CalendarTokens;
1502
1569
  daterangepicker?: DateRangePickerTokens;
1503
1570
  timepicker?: TimePickerTokens;
1504
1571
  datetimepicker?: DateTimePickerTokens;
1505
1572
  pagination?: PaginationTokens;
1506
1573
  switch?: SwitchTokens;
1574
+ segmentedControl?: SegmentedControlTokens;
1507
1575
  tooltip?: TooltipTokens;
1508
1576
  skeleton?: SkeletonTokens;
1509
1577
  progress?: ProgressTokens;
@@ -0,0 +1,40 @@
1
+ declare const _default: {
2
+ width: string;
3
+ fontSize: string;
4
+ padding: string;
5
+ borderRadius: string;
6
+ borderColor: string;
7
+ backgroundColor: string;
8
+ textColor: string;
9
+ disabledOpacity: string;
10
+ headerGap: string;
11
+ headerPadding: string;
12
+ monthLabelFontSize: string;
13
+ monthLabelFontWeight: string;
14
+ navButtonSize: string;
15
+ navButtonRadius: string;
16
+ navButtonFontSize: string;
17
+ weekdayColor: string;
18
+ weekdayFontSize: string;
19
+ weekdaysMarginBottom: string;
20
+ daysGap: string;
21
+ daySize: string;
22
+ dayFontSize: string;
23
+ dayBorderRadius: string;
24
+ dayHoverBackgroundColor: string;
25
+ daySelectedBackgroundColor: string;
26
+ daySelectedTextColor: string;
27
+ dayMutedColor: string;
28
+ dayTodayBorderColor: string;
29
+ small: {
30
+ padding: string;
31
+ fontSize: string;
32
+ daySize: string;
33
+ };
34
+ large: {
35
+ padding: string;
36
+ fontSize: string;
37
+ daySize: string;
38
+ };
39
+ };
40
+ export default _default;
@@ -0,0 +1,28 @@
1
+ declare const _default: {
2
+ fontSize: string;
3
+ padding: string;
4
+ gap: string;
5
+ borderRadius: string;
6
+ borderColor: string;
7
+ backgroundColor: string;
8
+ textColor: string;
9
+ hoverBackgroundColor: string;
10
+ activeBackgroundColor: string;
11
+ activeTextColor: string;
12
+ focusRingShadow: string;
13
+ disabledOpacity: string;
14
+ segmentPadding: string;
15
+ segmentRadius: string;
16
+ segmentFontWeight: string;
17
+ small: {
18
+ fontSize: string;
19
+ padding: string;
20
+ segmentPadding: string;
21
+ };
22
+ large: {
23
+ fontSize: string;
24
+ padding: string;
25
+ segmentPadding: string;
26
+ };
27
+ };
28
+ export default _default;
@@ -1064,6 +1064,45 @@ declare const _default: {
1064
1064
  daySize: string;
1065
1065
  };
1066
1066
  };
1067
+ calendar: {
1068
+ width: string;
1069
+ fontSize: string;
1070
+ padding: string;
1071
+ borderRadius: string;
1072
+ borderColor: string;
1073
+ backgroundColor: string;
1074
+ textColor: string;
1075
+ disabledOpacity: string;
1076
+ headerGap: string;
1077
+ headerPadding: string;
1078
+ monthLabelFontSize: string;
1079
+ monthLabelFontWeight: string;
1080
+ navButtonSize: string;
1081
+ navButtonRadius: string;
1082
+ navButtonFontSize: string;
1083
+ weekdayColor: string;
1084
+ weekdayFontSize: string;
1085
+ weekdaysMarginBottom: string;
1086
+ daysGap: string;
1087
+ daySize: string;
1088
+ dayFontSize: string;
1089
+ dayBorderRadius: string;
1090
+ dayHoverBackgroundColor: string;
1091
+ daySelectedBackgroundColor: string;
1092
+ daySelectedTextColor: string;
1093
+ dayMutedColor: string;
1094
+ dayTodayBorderColor: string;
1095
+ small: {
1096
+ padding: string;
1097
+ fontSize: string;
1098
+ daySize: string;
1099
+ };
1100
+ large: {
1101
+ padding: string;
1102
+ fontSize: string;
1103
+ daySize: string;
1104
+ };
1105
+ };
1067
1106
  pagination: {
1068
1107
  gap: string;
1069
1108
  itemMinWidth: string;
@@ -1131,6 +1170,33 @@ declare const _default: {
1131
1170
  textColor: string;
1132
1171
  disabledOpacity: string;
1133
1172
  };
1173
+ segmentedControl: {
1174
+ fontSize: string;
1175
+ padding: string;
1176
+ gap: string;
1177
+ borderRadius: string;
1178
+ borderColor: string;
1179
+ backgroundColor: string;
1180
+ textColor: string;
1181
+ hoverBackgroundColor: string;
1182
+ activeBackgroundColor: string;
1183
+ activeTextColor: string;
1184
+ focusRingShadow: string;
1185
+ disabledOpacity: string;
1186
+ segmentPadding: string;
1187
+ segmentRadius: string;
1188
+ segmentFontWeight: string;
1189
+ small: {
1190
+ fontSize: string;
1191
+ padding: string;
1192
+ segmentPadding: string;
1193
+ };
1194
+ large: {
1195
+ fontSize: string;
1196
+ padding: string;
1197
+ segmentPadding: string;
1198
+ };
1199
+ };
1134
1200
  tabs: {
1135
1201
  gap: string;
1136
1202
  listGap: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.51.0",
3
+ "version": "0.53.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",