@codemonster-ru/vueforge 0.53.0 → 0.55.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,49 @@
1
+ type FilterValue = string | number;
2
+ type FilterModel = FilterValue | Array<FilterValue> | null;
3
+ type FilterVariant = 'soft' | 'outline' | 'solid';
4
+ type FilterSize = 'small' | 'normal' | 'large';
5
+ interface FilterChipOption {
6
+ label: string;
7
+ value: FilterValue;
8
+ disabled?: boolean;
9
+ count?: number;
10
+ }
11
+ interface Props {
12
+ modelValue?: FilterModel;
13
+ options?: Array<FilterChipOption>;
14
+ multiple?: boolean;
15
+ allowEmpty?: boolean;
16
+ clearable?: boolean;
17
+ clearText?: string;
18
+ clearLabel?: string;
19
+ disabled?: boolean;
20
+ wrap?: boolean;
21
+ size?: FilterSize;
22
+ variant?: FilterVariant;
23
+ ariaLabel?: string;
24
+ ariaLabelledby?: string;
25
+ }
26
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
27
+ change: (...args: any[]) => void;
28
+ "update:modelValue": (...args: any[]) => void;
29
+ clear: (...args: any[]) => void;
30
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
31
+ onChange?: ((...args: any[]) => any) | undefined;
32
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
33
+ onClear?: ((...args: any[]) => any) | undefined;
34
+ }>, {
35
+ disabled: boolean;
36
+ size: FilterSize;
37
+ variant: FilterVariant;
38
+ modelValue: FilterModel;
39
+ clearable: boolean;
40
+ ariaLabel: string;
41
+ multiple: boolean;
42
+ options: Array<FilterChipOption>;
43
+ ariaLabelledby: string;
44
+ allowEmpty: boolean;
45
+ clearText: string;
46
+ clearLabel: string;
47
+ wrap: boolean;
48
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
49
+ export default _default;
@@ -0,0 +1,47 @@
1
+ type Size = 'small' | 'normal' | 'large';
2
+ type Variant = 'filled' | 'outlined';
3
+ type InlineEditType = 'text' | 'number';
4
+ type InlineEditValue = string | number | null;
5
+ interface Props {
6
+ modelValue?: InlineEditValue;
7
+ type?: InlineEditType;
8
+ placeholder?: string;
9
+ disabled?: boolean;
10
+ readonly?: boolean;
11
+ size?: Size;
12
+ variant?: Variant;
13
+ editLabel?: string;
14
+ saveLabel?: string;
15
+ cancelLabel?: string;
16
+ }
17
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
18
+ end: (...args: any[]) => void;
19
+ blur: (...args: any[]) => void;
20
+ cancel: (...args: any[]) => void;
21
+ focus: (...args: any[]) => void;
22
+ "update:modelValue": (...args: any[]) => void;
23
+ save: (...args: any[]) => void;
24
+ start: (...args: any[]) => void;
25
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
26
+ onEnd?: ((...args: any[]) => any) | undefined;
27
+ onBlur?: ((...args: any[]) => any) | undefined;
28
+ onCancel?: ((...args: any[]) => any) | undefined;
29
+ onFocus?: ((...args: any[]) => any) | undefined;
30
+ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
31
+ onSave?: ((...args: any[]) => any) | undefined;
32
+ onStart?: ((...args: any[]) => any) | undefined;
33
+ }>, {
34
+ type: InlineEditType;
35
+ disabled: boolean;
36
+ size: Size;
37
+ variant: Variant;
38
+ modelValue: InlineEditValue;
39
+ placeholder: string;
40
+ readonly: boolean;
41
+ editLabel: string;
42
+ saveLabel: string;
43
+ cancelLabel: string;
44
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
45
+ inputRef: HTMLInputElement;
46
+ }, HTMLDivElement>;
47
+ export default _default;
@@ -77,6 +77,40 @@ export type InputTokens = {
77
77
  fontSize?: string;
78
78
  };
79
79
  };
80
+ export type InlineEditTokens = {
81
+ gap?: string;
82
+ fontSize?: string;
83
+ padding?: string;
84
+ borderRadius?: string;
85
+ borderColor?: string;
86
+ backgroundColor?: string;
87
+ textColor?: string;
88
+ placeholderColor?: string;
89
+ focusBorderColor?: string;
90
+ focusRingShadow?: string;
91
+ hoverBorderColor?: string;
92
+ disabledOpacity?: string;
93
+ actionsGap?: string;
94
+ buttonPadding?: string;
95
+ buttonRadius?: string;
96
+ buttonBorderColor?: string;
97
+ buttonBackgroundColor?: string;
98
+ buttonTextColor?: string;
99
+ buttonHoverBackgroundColor?: string;
100
+ cancelButtonBackgroundColor?: string;
101
+ cancelButtonTextColor?: string;
102
+ cancelButtonBorderColor?: string;
103
+ small?: {
104
+ padding?: string;
105
+ fontSize?: string;
106
+ buttonPadding?: string;
107
+ };
108
+ large?: {
109
+ padding?: string;
110
+ fontSize?: string;
111
+ buttonPadding?: string;
112
+ };
113
+ };
80
114
  export type SearchInputTokens = {
81
115
  gap?: string;
82
116
  fontSize?: string;
@@ -1505,6 +1539,39 @@ export type ChipTokens = {
1505
1539
  paddingY?: string;
1506
1540
  };
1507
1541
  };
1542
+ export type FilterChipsTokens = {
1543
+ fontSize?: string;
1544
+ gap?: string;
1545
+ chipGap?: string;
1546
+ chipPadding?: string;
1547
+ chipBorderRadius?: string;
1548
+ chipBorderColor?: string;
1549
+ chipBackgroundColor?: string;
1550
+ chipTextColor?: string;
1551
+ chipHoverBackgroundColor?: string;
1552
+ chipHoverBorderColor?: string;
1553
+ chipActiveBackgroundColor?: string;
1554
+ chipActiveBorderColor?: string;
1555
+ chipActiveTextColor?: string;
1556
+ chipSolidActiveBackgroundColor?: string;
1557
+ chipSolidActiveBorderColor?: string;
1558
+ chipSolidActiveTextColor?: string;
1559
+ countPadding?: string;
1560
+ countFontSize?: string;
1561
+ countBackgroundColor?: string;
1562
+ countTextColor?: string;
1563
+ countActiveBackgroundColor?: string;
1564
+ countActiveTextColor?: string;
1565
+ disabledOpacity?: string;
1566
+ small?: {
1567
+ fontSize?: string;
1568
+ chipPadding?: string;
1569
+ };
1570
+ large?: {
1571
+ fontSize?: string;
1572
+ chipPadding?: string;
1573
+ };
1574
+ };
1508
1575
  export type AvatarTokens = {
1509
1576
  size?: string;
1510
1577
  fontSize?: string;
@@ -1540,6 +1607,7 @@ export type ThemeComponentTokens = {
1540
1607
  tabs?: TabsTokens;
1541
1608
  accordion?: AccordionTokens;
1542
1609
  input?: InputTokens;
1610
+ inlineEdit?: InlineEditTokens;
1543
1611
  searchInput?: SearchInputTokens;
1544
1612
  passwordInput?: PasswordInputTokens;
1545
1613
  otpInput?: OtpInputTokens;
@@ -1582,6 +1650,7 @@ export type ThemeComponentTokens = {
1582
1650
  alert?: AlertTokens;
1583
1651
  badge?: BadgeTokens;
1584
1652
  chip?: ChipTokens;
1653
+ filterChips?: FilterChipsTokens;
1585
1654
  avatar?: AvatarTokens;
1586
1655
  rating?: RatingTokens;
1587
1656
  tree?: TreeTokens;
@@ -0,0 +1,34 @@
1
+ declare const _default: {
2
+ fontSize: string;
3
+ gap: string;
4
+ chipGap: string;
5
+ chipPadding: string;
6
+ chipBorderRadius: string;
7
+ chipBorderColor: string;
8
+ chipBackgroundColor: string;
9
+ chipTextColor: string;
10
+ chipHoverBackgroundColor: string;
11
+ chipHoverBorderColor: string;
12
+ chipActiveBackgroundColor: string;
13
+ chipActiveBorderColor: string;
14
+ chipActiveTextColor: string;
15
+ chipSolidActiveBackgroundColor: string;
16
+ chipSolidActiveBorderColor: string;
17
+ chipSolidActiveTextColor: string;
18
+ countPadding: string;
19
+ countFontSize: string;
20
+ countBackgroundColor: string;
21
+ countTextColor: string;
22
+ countActiveBackgroundColor: string;
23
+ countActiveTextColor: string;
24
+ disabledOpacity: string;
25
+ small: {
26
+ fontSize: string;
27
+ chipPadding: string;
28
+ };
29
+ large: {
30
+ fontSize: string;
31
+ chipPadding: string;
32
+ };
33
+ };
34
+ export default _default;
@@ -0,0 +1,35 @@
1
+ declare const _default: {
2
+ gap: string;
3
+ fontSize: string;
4
+ padding: string;
5
+ borderRadius: string;
6
+ borderColor: string;
7
+ backgroundColor: string;
8
+ textColor: string;
9
+ placeholderColor: string;
10
+ focusBorderColor: string;
11
+ focusRingShadow: string;
12
+ hoverBorderColor: string;
13
+ disabledOpacity: string;
14
+ actionsGap: string;
15
+ buttonPadding: string;
16
+ buttonRadius: string;
17
+ buttonBorderColor: string;
18
+ buttonBackgroundColor: string;
19
+ buttonTextColor: string;
20
+ buttonHoverBackgroundColor: string;
21
+ cancelButtonBackgroundColor: string;
22
+ cancelButtonTextColor: string;
23
+ cancelButtonBorderColor: string;
24
+ small: {
25
+ padding: string;
26
+ fontSize: string;
27
+ buttonPadding: string;
28
+ };
29
+ large: {
30
+ padding: string;
31
+ fontSize: string;
32
+ buttonPadding: string;
33
+ };
34
+ };
35
+ export default _default;
@@ -234,6 +234,40 @@ declare const _default: {
234
234
  fontSize: string;
235
235
  };
236
236
  };
237
+ inlineEdit: {
238
+ gap: string;
239
+ fontSize: string;
240
+ padding: string;
241
+ borderRadius: string;
242
+ borderColor: string;
243
+ backgroundColor: string;
244
+ textColor: string;
245
+ placeholderColor: string;
246
+ focusBorderColor: string;
247
+ focusRingShadow: string;
248
+ hoverBorderColor: string;
249
+ disabledOpacity: string;
250
+ actionsGap: string;
251
+ buttonPadding: string;
252
+ buttonRadius: string;
253
+ buttonBorderColor: string;
254
+ buttonBackgroundColor: string;
255
+ buttonTextColor: string;
256
+ buttonHoverBackgroundColor: string;
257
+ cancelButtonBackgroundColor: string;
258
+ cancelButtonTextColor: string;
259
+ cancelButtonBorderColor: string;
260
+ small: {
261
+ padding: string;
262
+ fontSize: string;
263
+ buttonPadding: string;
264
+ };
265
+ large: {
266
+ padding: string;
267
+ fontSize: string;
268
+ buttonPadding: string;
269
+ };
270
+ };
237
271
  searchInput: {
238
272
  gap: string;
239
273
  fontSize: string;
@@ -1559,6 +1593,39 @@ declare const _default: {
1559
1593
  paddingY: string;
1560
1594
  };
1561
1595
  };
1596
+ filterChips: {
1597
+ fontSize: string;
1598
+ gap: string;
1599
+ chipGap: string;
1600
+ chipPadding: string;
1601
+ chipBorderRadius: string;
1602
+ chipBorderColor: string;
1603
+ chipBackgroundColor: string;
1604
+ chipTextColor: string;
1605
+ chipHoverBackgroundColor: string;
1606
+ chipHoverBorderColor: string;
1607
+ chipActiveBackgroundColor: string;
1608
+ chipActiveBorderColor: string;
1609
+ chipActiveTextColor: string;
1610
+ chipSolidActiveBackgroundColor: string;
1611
+ chipSolidActiveBorderColor: string;
1612
+ chipSolidActiveTextColor: string;
1613
+ countPadding: string;
1614
+ countFontSize: string;
1615
+ countBackgroundColor: string;
1616
+ countTextColor: string;
1617
+ countActiveBackgroundColor: string;
1618
+ countActiveTextColor: string;
1619
+ disabledOpacity: string;
1620
+ small: {
1621
+ fontSize: string;
1622
+ chipPadding: string;
1623
+ };
1624
+ large: {
1625
+ fontSize: string;
1626
+ chipPadding: string;
1627
+ };
1628
+ };
1562
1629
  avatar: {
1563
1630
  size: string;
1564
1631
  fontSize: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codemonster-ru/vueforge",
3
- "version": "0.53.0",
3
+ "version": "0.55.0",
4
4
  "description": "Open source UI components for Vue.js.",
5
5
  "license": "MIT",
6
6
  "author": "Kirill Kolesnikov",