@aveonline/ui-react 2.32.0 → 2.32.1

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.
Files changed (12) hide show
  1. package/dist/helpers/translate.d.ts +6 -0
  2. package/dist/tokens.css +168 -168
  3. package/dist/types/_t.d.ts +5 -0
  4. package/dist/types/index.d.ts +1 -0
  5. package/dist/ui/atoms/Typography/Heading/Heading.d.ts +1 -1
  6. package/dist/ui/atoms/Typography/Heading/IHeading.d.ts +2 -4
  7. package/dist/ui/atoms/Typography/Text/IText.d.ts +2 -4
  8. package/dist/ui/molecules/Cards/CardSelect/ICardSelect.d.ts +2 -3
  9. package/dist/ui/molecules/Dropdowns/DropdownFilter/DropdownFilter.d.ts +1 -1
  10. package/dist/ui/molecules/Dropdowns/DropdownFilter/IDropdownFilter.d.ts +3 -2
  11. package/dist/ui-react.mjs +7603 -7589
  12. package/package.json +1 -1
package/dist/helpers/translate.d.ts CHANGED
@@ -1,2 +1,8 @@
1
+ import { _TFunciton, _TProps } from '../types';
2
+ export declare const _tValidate: (d: any, _t?: _TFunciton) => any;
3
+ export declare type use_TProps = _TProps;
4
+ export declare const useT: ({ _t, useT }: use_TProps) => {
5
+ _t: (message: any) => any;
6
+ };
1
7
  declare function getTranslatedText<T>(value: T, useT: boolean, _t?: (text: string) => string): T;
2
8
  export default getTranslatedText;
package/dist/tokens.css CHANGED
@@ -1,168 +1,168 @@
1
- /**
2
- * Modify directly
3
- * --font-family-sans = Inter
4
- * --font-weight-regular = 400
5
- */
6
-
7
- :root {
8
- --spacing-1xl: 117px;
9
- --spacing-xxl: 56px;
10
- --spacing-xl: 32px;
11
- --spacing-lg: 24px;
12
- --spacing-md: 18px;
13
- --spacing-sm: 16px;
14
- --spacing-xs: 8px;
15
- --spacing-xxs: 0px;
16
- --box-shadow-pressed: 0px 6px 8px 0px #3434341a;
17
- --box-shadow-popup: 0px 0px 1px rgba(0, 0, 0, 0.2),
18
- 0px 3px 50px rgba(0, 0, 0, 0.2);
19
- --box-shadow-popover: 0px 0px 2px rgba(0, 0, 0, 0.2),
20
- 0px 2px 10px rgba(0, 0, 0, 0.1);
21
- --box-shadow-card: 0px 2px 1px rgba(0, 0, 0, 0.05),
22
- 0px 0px 1px rgba(0, 0, 0, 0.25);
23
- --font-family-sans: 'Inter';
24
- --border-radius-md: 20px;
25
- --border-radius-sm: 10px;
26
- --border-radius-xs: 8px;
27
- --font-weight-bold: 700;
28
- --font-weight-medium: 500;
29
- --font-weight-regular: 400;
30
- --line-height-xxl: 56px;
31
- --line-height-xl: 36px;
32
- --line-height-lg: 32px;
33
- --line-height-md: 28px;
34
- --line-height-sm: 24px;
35
- --line-height-xs: 20px;
36
- --line-height-xxs: 16px;
37
- --font-size-xxl: 50px;
38
- --font-size-xl: 40px;
39
- --font-size-lg: 32px;
40
- --font-size-md: 28px;
41
- --font-size-sm: 24px;
42
- --font-size-xs: 16px;
43
- --font-size-xxs: 14px;
44
- --colors-special-four-back: rgba(156, 255, 147, 0.25);
45
- --colors-special-four: #72d69a;
46
- --colors-special-three-back: rgba(179, 215, 255, 0.25);
47
- --colors-special-three: #3eadfe;
48
- --colors-special-two-back: rgba(240, 166, 98, 0.25);
49
- --colors-special-two: #f0a662;
50
- --colors-special-one-back: rgba(182, 147, 255, 0.25);
51
- --colors-special-one: #bc72d6;
52
- --colors-base-success: #16ab49ff;
53
- --colors-base-warning: #ffa826ff;
54
- --colors-base-critical: #f56270ff;
55
- --colors-base-brand: #c80935ff;
56
- --colors-base-interactive: #007affff;
57
- --colors-base-secondary: #8a8a8aff;
58
- --colors-base-primary: #42484eff;
59
- --colors-base-surface: #f0f0f0ff;
60
- --colors-radial-100: #1ddd5eff;
61
- --colors-radial-90: #139840ff;
62
- --colors-radial-80: #0f642cff;
63
- --colors-radial-70: #93a611ff;
64
- --colors-radial-60: #d0d82bff;
65
- --colors-radial-50: #ede437ff;
66
- --colors-radial-40: #f9b017ff;
67
- --colors-radial-30: #f28c1bff;
68
- --colors-radial-20: #e15b24ff;
69
- --colors-radial-10: #b21a1bff;
70
- --colors-background-modal: rgba(66, 72, 78, 0.25);
71
- --colors-background-selected: #edeeefff;
72
- --colors-background-active: #edeeefff;
73
- --colors-background-hovered: #f1f2f3ff;
74
- --colors-background-default: #f6f6f7ff;
75
- --colors-surface-neutral-disabled: #f6f6f6;
76
- --colors-surface-neutral-active: #bdbdbd;
77
- --colors-surface-neutral-hovered: #cecece;
78
- --colors-surface-neutral-subdued: #e8e8e8;
79
- --colors-surface-neutral-default: #dddddd;
80
- --colors-surface-critical-disabled: #fde7ea;
81
- --colors-surface-critical-active: #e49b9b;
82
- --colors-surface-critical-hovered: #ebb3b3;
83
- --colors-surface-critical-subdued: #fddfdf;
84
- --colors-surface-critical-default: #f1c8c8;
85
- --colors-surface-success-active: #9cd8b1;
86
- --colors-surface-success-hovered: #b3dfc2;
87
- --colors-surface-success-subdued: #d0eedb;
88
- --colors-surface-success-default: #bfe8d3;
89
- --colors-surface-warning-active: #ffe78f;
90
- --colors-surface-warning-hovered: #feeca5;
91
- --colors-surface-warning-subdued: #fff7da;
92
- --colors-surface-warning-default: #fff2c2;
93
- --colors-surface-action-disabled: #e7f4ff;
94
- --colors-surface-action-active: #93b7df;
95
- --colors-surface-action-hovered: #a4c8f0;
96
- --colors-surface-action-subdued: #ddeaf7;
97
- --colors-surface-action-default: #b3d7ff;
98
- --colors-surface-disabled: #f6f8fb;
99
- --colors-surface-pressed: #ccced1;
100
- --colors-surface-active: #dfe1e4;
101
- --colors-surface-hovered: #ebedf0;
102
- --colors-surface-subdued: #f3f4f6;
103
- --colors-surface-default: #ffffffff;
104
- --colors-focused-default: #3eadfeff;
105
- --colors-icon-on: #ffffffff;
106
- --colors-icon-success: #149840ff;
107
- --colors-icon-warning: #c18f00ff;
108
- --colors-icon-critical: #bd2a2aff;
109
- --colors-icon-disabled: #d6d6d6ff;
110
- --colors-icon-active: #636b74ff;
111
- --colors-icon-hovered: #42484eff;
112
- --colors-icon-subdued: #a1a1a1ff;
113
- --colors-icon-default: #61666bff;
114
- --colors-icon-brand: #5F24F1;
115
- --colors-interactive-critical-disabled: #ce9ea2ff;
116
- --colors-interactive-critical-active: #6c0f00ff;
117
- --colors-interactive-critical-hovered: #c12929ff;
118
- --colors-interactive-critical-default: #d82f2fff;
119
- --colors-interactive-disabled: #d6dbe0ff;
120
- --colors-interactive-active: #004289ff;
121
- --colors-interactive-hovered: #0068daff;
122
- --colors-interactive-default: #007aff;
123
- --colors-border-shadow-subdued: #ebebeb;
124
- --colors-border-critical-disabled: #ffc9c6ff;
125
- --colors-border-critical-subdued: #e05563ff;
126
- --colors-border-critical-default: #f56270ff;
127
- --colors-border-success-subdued: #43da76ff;
128
- --colors-border-success-default: #16ab49;
129
- --colors-border-disabled: #e3e3e3;
130
- --colors-border-active: #c5c5c5;
131
- --colors-border-hovered: #d1d1d1;
132
- --colors-border-subdued: #e7e7e7;
133
- --colors-border-default: #dcdcdc;
134
- --colors-action-opacity-disabled: rgba(109, 113, 117, 0.2);
135
- --colors-action-opacity-active: rgba(109, 113, 117, 0.6);
136
- --colors-action-opacity-hovered: rgba(109, 113, 117, 0.4);
137
- --colors-action-opacity-default: rgba(109, 113, 117, 0.3);
138
- --colors-action-critical-disabled: #e4dfe0ff;
139
- --colors-action-critical-pressed: #6c0f00ff;
140
- --colors-action-critical-active: #9d2020ff;
141
- --colors-action-critical-hovered: #c12929ff;
142
- --colors-action-critical-default: #d82f2fff;
143
- --colors-action-secondary-disabled: #f3f5f8;
144
- --colors-action-secondary-pressed: #a8abb1;
145
- --colors-action-secondary-active: #c8cbd1;
146
- --colors-action-secondary-hovered: #d9dce2;
147
- --colors-action-secondary-subdued: #f0f2f5;
148
- --colors-action-secondary-default: #e5e7ea;
149
- --colors-action-primary-disabled: #d6dbe0ff;
150
- --colors-action-primary-pressed: #072a52ff;
151
- --colors-action-primary-active: #0c4d95ff;
152
- --colors-action-primary-hovered: #126dd0ff;
153
- --colors-action-primary-default: #007affff;
154
- --colors-action-primary-brand: #5F24F1;
155
- --colors-letter-on: #ffffffff;
156
- --colors-letter-success: #12953eff;
157
- --colors-letter-critical: #bd2a2aff;
158
- --colors-letter-warning: #ce881eff;
159
- --colors-letter-disabled: #c3c5ca;
160
- --colors-letter-subdued: #797c81;
161
- --colors-letter-default: #4a4f54;
162
- --colors-letter-brand: #5F24F1;
163
- --ave-white: #fff;
164
- --ave-gray: #3d3d3d;
165
- --ave-primary: #5f24f1;
166
- --ave-secondary: #301279;
167
- --ave-active: #bfa7f9;
168
- }
1
+ /**
2
+ * Modify directly
3
+ * --font-family-sans = Inter
4
+ * --font-weight-regular = 400
5
+ */
6
+
7
+ :root {
8
+ --spacing-1xl: 117px;
9
+ --spacing-xxl: 56px;
10
+ --spacing-xl: 32px;
11
+ --spacing-lg: 24px;
12
+ --spacing-md: 18px;
13
+ --spacing-sm: 16px;
14
+ --spacing-xs: 8px;
15
+ --spacing-xxs: 0px;
16
+ --box-shadow-pressed: 0px 6px 8px 0px #3434341a;
17
+ --box-shadow-popup: 0px 0px 1px rgba(0, 0, 0, 0.2),
18
+ 0px 3px 50px rgba(0, 0, 0, 0.2);
19
+ --box-shadow-popover: 0px 0px 2px rgba(0, 0, 0, 0.2),
20
+ 0px 2px 10px rgba(0, 0, 0, 0.1);
21
+ --box-shadow-card: 0px 2px 1px rgba(0, 0, 0, 0.05),
22
+ 0px 0px 1px rgba(0, 0, 0, 0.25);
23
+ --font-family-sans: 'Inter';
24
+ --border-radius-md: 20px;
25
+ --border-radius-sm: 10px;
26
+ --border-radius-xs: 8px;
27
+ --font-weight-bold: 700;
28
+ --font-weight-medium: 500;
29
+ --font-weight-regular: 400;
30
+ --line-height-xxl: 56px;
31
+ --line-height-xl: 36px;
32
+ --line-height-lg: 32px;
33
+ --line-height-md: 28px;
34
+ --line-height-sm: 24px;
35
+ --line-height-xs: 20px;
36
+ --line-height-xxs: 16px;
37
+ --font-size-xxl: 50px;
38
+ --font-size-xl: 40px;
39
+ --font-size-lg: 32px;
40
+ --font-size-md: 28px;
41
+ --font-size-sm: 24px;
42
+ --font-size-xs: 16px;
43
+ --font-size-xxs: 14px;
44
+ --colors-special-four-back: rgba(156, 255, 147, 0.25);
45
+ --colors-special-four: #72d69a;
46
+ --colors-special-three-back: rgba(179, 215, 255, 0.25);
47
+ --colors-special-three: #3eadfe;
48
+ --colors-special-two-back: rgba(240, 166, 98, 0.25);
49
+ --colors-special-two: #f0a662;
50
+ --colors-special-one-back: rgba(182, 147, 255, 0.25);
51
+ --colors-special-one: #bc72d6;
52
+ --colors-base-success: #16ab49ff;
53
+ --colors-base-warning: #ffa826ff;
54
+ --colors-base-critical: #f56270ff;
55
+ --colors-base-brand: #c80935ff;
56
+ --colors-base-interactive: #007affff;
57
+ --colors-base-secondary: #8a8a8aff;
58
+ --colors-base-primary: #42484eff;
59
+ --colors-base-surface: #f0f0f0ff;
60
+ --colors-radial-100: #1ddd5eff;
61
+ --colors-radial-90: #139840ff;
62
+ --colors-radial-80: #0f642cff;
63
+ --colors-radial-70: #93a611ff;
64
+ --colors-radial-60: #d0d82bff;
65
+ --colors-radial-50: #ede437ff;
66
+ --colors-radial-40: #f9b017ff;
67
+ --colors-radial-30: #f28c1bff;
68
+ --colors-radial-20: #e15b24ff;
69
+ --colors-radial-10: #b21a1bff;
70
+ --colors-background-modal: rgba(66, 72, 78, 0.25);
71
+ --colors-background-selected: #edeeefff;
72
+ --colors-background-active: #edeeefff;
73
+ --colors-background-hovered: #f1f2f3ff;
74
+ --colors-background-default: #f6f6f7ff;
75
+ --colors-surface-neutral-disabled: #f6f6f6;
76
+ --colors-surface-neutral-active: #bdbdbd;
77
+ --colors-surface-neutral-hovered: #cecece;
78
+ --colors-surface-neutral-subdued: #e8e8e8;
79
+ --colors-surface-neutral-default: #dddddd;
80
+ --colors-surface-critical-disabled: #fde7ea;
81
+ --colors-surface-critical-active: #e49b9b;
82
+ --colors-surface-critical-hovered: #ebb3b3;
83
+ --colors-surface-critical-subdued: #fddfdf;
84
+ --colors-surface-critical-default: #f1c8c8;
85
+ --colors-surface-success-active: #9cd8b1;
86
+ --colors-surface-success-hovered: #b3dfc2;
87
+ --colors-surface-success-subdued: #d0eedb;
88
+ --colors-surface-success-default: #bfe8d3;
89
+ --colors-surface-warning-active: #ffe78f;
90
+ --colors-surface-warning-hovered: #feeca5;
91
+ --colors-surface-warning-subdued: #fff7da;
92
+ --colors-surface-warning-default: #fff2c2;
93
+ --colors-surface-action-disabled: #e7f4ff;
94
+ --colors-surface-action-active: #93b7df;
95
+ --colors-surface-action-hovered: #a4c8f0;
96
+ --colors-surface-action-subdued: #ddeaf7;
97
+ --colors-surface-action-default: #b3d7ff;
98
+ --colors-surface-disabled: #f6f8fb;
99
+ --colors-surface-pressed: #ccced1;
100
+ --colors-surface-active: #dfe1e4;
101
+ --colors-surface-hovered: #ebedf0;
102
+ --colors-surface-subdued: #f3f4f6;
103
+ --colors-surface-default: #ffffffff;
104
+ --colors-focused-default: #3eadfeff;
105
+ --colors-icon-on: #ffffffff;
106
+ --colors-icon-success: #149840ff;
107
+ --colors-icon-warning: #c18f00ff;
108
+ --colors-icon-critical: #bd2a2aff;
109
+ --colors-icon-disabled: #d6d6d6ff;
110
+ --colors-icon-active: #636b74ff;
111
+ --colors-icon-hovered: #42484eff;
112
+ --colors-icon-subdued: #a1a1a1ff;
113
+ --colors-icon-default: #61666bff;
114
+ --colors-icon-brand: #5f24f1;
115
+ --colors-interactive-critical-disabled: #ce9ea2ff;
116
+ --colors-interactive-critical-active: #6c0f00ff;
117
+ --colors-interactive-critical-hovered: #c12929ff;
118
+ --colors-interactive-critical-default: #d82f2fff;
119
+ --colors-interactive-disabled: #d6dbe0ff;
120
+ --colors-interactive-active: #004289ff;
121
+ --colors-interactive-hovered: #0068daff;
122
+ --colors-interactive-default: #007aff;
123
+ --colors-border-shadow-subdued: #ebebeb;
124
+ --colors-border-critical-disabled: #ffc9c6ff;
125
+ --colors-border-critical-subdued: #e05563ff;
126
+ --colors-border-critical-default: #f56270ff;
127
+ --colors-border-success-subdued: #43da76ff;
128
+ --colors-border-success-default: #16ab49;
129
+ --colors-border-disabled: #e3e3e3;
130
+ --colors-border-active: #c5c5c5;
131
+ --colors-border-hovered: #d1d1d1;
132
+ --colors-border-subdued: #e7e7e7;
133
+ --colors-border-default: #dcdcdc;
134
+ --colors-action-opacity-disabled: rgba(109, 113, 117, 0.2);
135
+ --colors-action-opacity-active: rgba(109, 113, 117, 0.6);
136
+ --colors-action-opacity-hovered: rgba(109, 113, 117, 0.4);
137
+ --colors-action-opacity-default: rgba(109, 113, 117, 0.3);
138
+ --colors-action-critical-disabled: #e4dfe0ff;
139
+ --colors-action-critical-pressed: #6c0f00ff;
140
+ --colors-action-critical-active: #9d2020ff;
141
+ --colors-action-critical-hovered: #c12929ff;
142
+ --colors-action-critical-default: #d82f2fff;
143
+ --colors-action-secondary-disabled: #f3f5f8;
144
+ --colors-action-secondary-pressed: #a8abb1;
145
+ --colors-action-secondary-active: #c8cbd1;
146
+ --colors-action-secondary-hovered: #d9dce2;
147
+ --colors-action-secondary-subdued: #f0f2f5;
148
+ --colors-action-secondary-default: #e5e7ea;
149
+ --colors-action-primary-disabled: #d6dbe0ff;
150
+ --colors-action-primary-pressed: #072a52ff;
151
+ --colors-action-primary-active: #0c4d95ff;
152
+ --colors-action-primary-hovered: #126dd0ff;
153
+ --colors-action-primary-default: #007affff;
154
+ --colors-action-primary-brand: #5f24f1;
155
+ --colors-letter-on: #ffffffff;
156
+ --colors-letter-success: #12953eff;
157
+ --colors-letter-critical: #bd2a2aff;
158
+ --colors-letter-warning: #ce881eff;
159
+ --colors-letter-disabled: #c3c5ca;
160
+ --colors-letter-subdued: #797c81;
161
+ --colors-letter-default: #4a4f54;
162
+ --colors-letter-brand: #5f24f1;
163
+ --ave-white: #fff;
164
+ --ave-gray: #3d3d3d;
165
+ --ave-primary: #5f24f1;
166
+ --ave-secondary: #301279;
167
+ --ave-active: #bfa7f9;
168
+ }
package/dist/types/_t.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ export interface _TProps {
2
+ _t?: (text: string) => string;
3
+ useT?: boolean;
4
+ }
5
+ export declare type _TFunciton = (d: string) => any;
package/dist/types/index.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  export * from './Tokens';
2
2
  export * from './Template';
3
+ export * from './_t';
package/dist/ui/atoms/Typography/Heading/Heading.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import type { IHeading } from './IHeading';
3
- export default function Heading({ variant, children, lineHeight, weight, color, size, className, as: ElementHeading, _t, useT }: IHeading): JSX.Element;
3
+ export default function Heading({ variant, children, lineHeight, weight, color, size, className, as: ElementHeading, ...props }: IHeading): JSX.Element;
package/dist/ui/atoms/Typography/Heading/IHeading.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import type { IColorText, IWeight, ILineHeightHeading, IFontSizeHeading, IClassName, IChildren } from '../../../../types';
3
- export interface IHeading extends IChildren, IClassName, IWeight, ILineHeightHeading, IColorText, IFontSizeHeading {
2
+ import type { IColorText, IWeight, ILineHeightHeading, IFontSizeHeading, IClassName, IChildren, _TProps } from '../../../../types';
3
+ export interface IHeading extends IChildren, IClassName, IWeight, ILineHeightHeading, IColorText, IFontSizeHeading, _TProps {
4
4
  /**
5
5
  * Variant heading
6
6
  */
@@ -9,6 +9,4 @@ export interface IHeading extends IChildren, IClassName, IWeight, ILineHeightHea
9
9
  * Tag html heading availables
10
10
  */
11
11
  as?: Extract<keyof JSX.IntrinsicElements, 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>;
12
- _t?: (text: string) => string;
13
- useT?: boolean;
14
12
  }
package/dist/ui/atoms/Typography/Text/IText.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /// <reference types="react" />
2
- import type { IColorText, IWeight, ILineHeightText, IFontSizeText, IChildren, IClassName } from '../../../../types';
3
- export interface IText extends IColorText, IWeight, ILineHeightText, IFontSizeText, IChildren, IClassName {
2
+ import type { IColorText, IWeight, ILineHeightText, IFontSizeText, IChildren, IClassName, _TProps } from '../../../../types';
3
+ export interface IText extends IColorText, IWeight, ILineHeightText, IFontSizeText, IChildren, IClassName, _TProps {
4
4
  /**
5
5
  * Variant heading
6
6
  */
@@ -11,7 +11,5 @@ export interface IText extends IColorText, IWeight, ILineHeightText, IFontSizeTe
11
11
  as?: Extract<keyof JSX.IntrinsicElements, 'span' | 'p' | 'label'>;
12
12
  onClick?: () => void;
13
13
  htmlFor?: string;
14
- _t?: (text: string) => string;
15
- useT?: boolean;
16
14
  [rest: string]: any;
17
15
  }
package/dist/ui/molecules/Cards/CardSelect/ICardSelect.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { _TProps } from '@/types';
2
3
  import { IKind, IKindLogo } from '../../..';
3
4
  interface ICardSelect {
4
5
  id: string;
@@ -31,7 +32,5 @@ declare type IPropsCardSelect = {
31
32
  * Event handler for change selection
32
33
  */
33
34
  onChange: (value: ICardSelect) => void;
34
- _t?: (text: string) => string;
35
- useT?: boolean;
36
- };
35
+ } & _TProps;
37
36
  export type { IPropsCardSelect, ICardSelect };
package/dist/ui/molecules/Dropdowns/DropdownFilter/DropdownFilter.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
2
  import { IDropdownFilter } from '.';
3
- export default function DropdownFilter({ title, titleNotFound, placeholderSearch, titleClearFilter, hasButtonWithBorder, variantButton, options, icon, sizeIcon, showCountSelected, onSelected }: IDropdownFilter): JSX.Element;
3
+ export default function DropdownFilter({ title, titleNotFound, placeholderSearch, titleClearFilter, hasButtonWithBorder, variantButton, options, icon, sizeIcon, showCountSelected, onSelected, ...props }: IDropdownFilter): JSX.Element;
package/dist/ui/molecules/Dropdowns/DropdownFilter/IDropdownFilter.d.ts CHANGED
@@ -1,9 +1,10 @@
1
+ import { _TProps } from '../../../../types';
1
2
  import { Variant as ButtonVariant, ISize as ISizeIcon, IKind as IKindIcon } from '../../..';
2
3
  declare type OptionDropdownFilter = {
3
4
  label: string;
4
5
  value: string;
5
6
  };
6
- declare type IDropdownFilter = {
7
+ interface IDropdownFilter extends _TProps {
7
8
  title?: string;
8
9
  titleNotFound?: string;
9
10
  titleClearFilter?: string;
@@ -15,5 +16,5 @@ declare type IDropdownFilter = {
15
16
  options: OptionDropdownFilter[];
16
17
  showCountSelected?: boolean;
17
18
  onSelected?: (value: string[]) => void;
18
- };
19
+ }
19
20
  export type { IDropdownFilter, OptionDropdownFilter };