@vchasno/ui-kit 0.3.28 → 0.3.30

package/dist/Datepicker/types/components/Alert/Alert.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { DataQa } from '../types';
 import './Alert.global.css';
 type AlertType = 'error' | 'warning' | 'success' | 'info' | 'config';
 type IconType = 'info' | 'cross' | 'error' | 'warning' | 'success' | 'config';
-export interface AlertProps {
+export interface AlertProps extends DataQa {
     type?: AlertType;
     icon?: IconType;
     customIcon?: React.ReactNode;

package/dist/Datepicker/types/components/Button/Button.d.ts

@@ -1,8 +1,8 @@
 import React, { ButtonHTMLAttributes } from 'react';
-import { LoadingFeedback, Sizable } from '../types';
+import { DataQa, LoadingFeedback, Sizable } from '../types';
 import './Button.global.css';
 type ButtonTheme = 'primary' | 'secondary' | 'transparent' | 'light' | 'danger' | 'pink';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<Sizable>, Partial<LoadingFeedback> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<Sizable & LoadingFeedback & DataQa> {
     className?: string;
     theme?: ButtonTheme;
     outline?: boolean;

package/dist/Datepicker/types/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
-import type { LoadingFeedback } from '../types';
+import type { DataQa, LoadingFeedback } from '../types';
 import './Checkbox.global.css';
-export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback> {
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback & DataQa> {
     className?: string;
     label?: string;
     disabled?: boolean;

package/dist/Datepicker/types/components/Datepicker/DatePicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ReactDatePickerProps } from 'react-datepicker';
 import { MaskedInputProps } from 'react-text-mask';
-import type { ErrorFeedback, LoadingFeedback, WithHint } from '../types';
+import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint } from '../types';
 import './DatePicker.global.css';
-export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback> {
+export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback & DataQa> {
     label?: string;
     className?: string;
     showMask?: boolean;

package/dist/Datepicker/types/components/FlexBox/FlexBox.d.ts

@@ -1,6 +1,7 @@
 import React, { HTMLAttributes } from 'react';
+import { DataQa } from '../types';
 import './FlexBox.css';
-export interface FlexBoxProps extends HTMLAttributes<HTMLElement> {
+export interface FlexBoxProps extends HTMLAttributes<HTMLElement>, DataQa {
     className?: string;
     tagName?: keyof HTMLElementTagNameMap;
     direction?: React.CSSProperties['flexDirection'];

package/dist/Datepicker/types/components/Input/Input.d.ts

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
-import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
 import './Input.global.css';
-export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
     className?: string;
     disabled?: boolean;
     required?: boolean;

package/dist/Datepicker/types/components/MaskInput/MaskInput.d.ts

@@ -1,8 +1,9 @@
 import React, { InputHTMLAttributes } from 'react';
 import { MaskedInputProps } from 'react-text-mask';
 import { InputProps } from '../Input';
+import { DataQa } from '../types';
 import './MaskInput.global.css';
-export interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'> {
+export interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'>, DataQa {
     inputClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
 }

package/dist/Datepicker/types/components/Paragraph/Paragraph.d.ts

@@ -1,8 +1,8 @@
 import React, { HTMLAttributes } from 'react';
-import { EllipsisText, TextAlign } from '../types';
+import { DataQa, EllipsisText, TextAlign } from '../types';
 import '../../styles/typography.global.css';
 import './Paragraph.global.css';
-export interface ParagraphProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLParagraphElement> {
+export interface ParagraphProps extends EllipsisText, TextAlign, DataQa, HTMLAttributes<HTMLParagraphElement> {
     className?: string;
     children: React.ReactNode;
     ellipsisLine?: number;

package/dist/Datepicker/types/components/Select/Select.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
 import { Props as ReactSelectProps } from 'react-select';
 import type { GroupBase } from 'react-select/dist/declarations/src/types';
-import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
 import { Option } from './types';
 import './Select.global.css';
 export type SelectOption = Option;
-export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
     wide?: boolean;
-    dataQa?: string;
 }
 declare const Select: React.FC<SelectProps>;
 export declare const SelectComponents: {

package/dist/Datepicker/types/components/Select/SelectCreatable.d.ts

@@ -1,14 +1,13 @@
 import React, { InputHTMLAttributes } from 'react';
 import { CreatableProps } from 'react-select/creatable';
 import type { GroupBase } from 'react-select/dist/declarations/src/types';
-import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
 import { Option } from './types';
 import './Select.global.css';
 export type SelectOption = Option;
-export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
     wide?: boolean;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-    dataQa?: string;
 }
 declare const SelectCreatable: React.FC<SelectCreatableProps>;
 export default SelectCreatable;

package/dist/Datepicker/types/components/Select/customComponents.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
+import { ClearIndicatorProps, DropdownIndicatorProps, MultiValueRemoveProps } from 'react-select';
 declare const _default: {
+    MultiValueRemove: (props: MultiValueRemoveProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
     DropdownIndicator: (props: DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
     LoadingIndicator: () => React.JSX.Element;
     IndicatorSeparator: () => null;

package/dist/Datepicker/types/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from 'react';
-import { LoadingFeedback, Sizable } from '../types';
+import { DataQa, LoadingFeedback, Sizable } from '../types';
 import './Switch.global.css';
-export interface SwitchProps extends HTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback>, Partial<Sizable> {
+export interface SwitchProps extends HTMLAttributes<HTMLInputElement>, DataQa, Partial<LoadingFeedback>, Partial<Sizable> {
     className?: string;
     label?: string;
     value?: boolean;

package/dist/Datepicker/types/components/Text/Text.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from 'react';
-import { EllipsisText, TextType } from '../types';
+import { DataQa, EllipsisText, TextType } from '../types';
 import './Text.global.css';
-export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText {
+export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText, DataQa {
     type?: TextType;
     code?: boolean;
     underline?: boolean;

package/dist/Datepicker/types/components/TextAreaInput/TextAreaInput.d.ts

@@ -1,7 +1,8 @@
 import React, { InputHTMLAttributes } from 'react';
 import { InputProps } from '../Input';
+import { DataQa } from '../types';
 import './TextAreaInput.global.css';
-export interface TextAreaInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>, Omit<InputProps, 'children'> {
+export interface TextAreaInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>, Omit<InputProps, 'children'>, DataQa {
     textareaClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
     minRows?: number;

package/dist/Datepicker/types/components/TextInput/TextInput.d.ts

@@ -1,7 +1,8 @@
 import React, { InputHTMLAttributes } from 'react';
 import type { InputProps } from '../Input';
+import { DataQa } from '../types';
 import './TextInput.global.css';
-export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'> {
+export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'>, DataQa {
     inputClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
 }

package/dist/Datepicker/types/components/Title/Title.d.ts

@@ -1,10 +1,11 @@
 import React, { HTMLAttributes } from 'react';
-import { EllipsisText, TextAlign } from '../types';
+import { DataQa, EllipsisText, TextAlign } from '../types';
 import '../../styles/typography.global.css';
 import './Title.global.css';
-export interface TitleProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLHeadingElement> {
+export interface TitleProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLHeadingElement>, DataQa {
     level?: 1 | 2 | 3 | 4 | 5;
     className?: string;
+    pretty?: boolean;
 }
 export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Title;

package/dist/Datepicker/types/components/types.d.ts

@@ -22,6 +22,10 @@ export interface EllipsisText {
     /** для скорочення тексту і виведення 3 точок */
     ellipsis?: boolean;
 }
+export interface DataQa {
+    /** для тестування */
+    dataQa?: string;
+}
 export interface TextAlign {
     /** для центрування тексту **/
     textAlign?: 'center' | 'start' | 'end' | 'justify';

package/dist/Menu/types/components/Alert/Alert.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import { DataQa } from '../types';
 import './Alert.global.css';
 type AlertType = 'error' | 'warning' | 'success' | 'info' | 'config';
 type IconType = 'info' | 'cross' | 'error' | 'warning' | 'success' | 'config';
-export interface AlertProps {
+export interface AlertProps extends DataQa {
     type?: AlertType;
     icon?: IconType;
     customIcon?: React.ReactNode;

package/dist/Menu/types/components/Button/Button.d.ts

@@ -1,8 +1,8 @@
 import React, { ButtonHTMLAttributes } from 'react';
-import { LoadingFeedback, Sizable } from '../types';
+import { DataQa, LoadingFeedback, Sizable } from '../types';
 import './Button.global.css';
 type ButtonTheme = 'primary' | 'secondary' | 'transparent' | 'light' | 'danger' | 'pink';
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<Sizable>, Partial<LoadingFeedback> {
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<Sizable & LoadingFeedback & DataQa> {
     className?: string;
     theme?: ButtonTheme;
     outline?: boolean;

package/dist/Menu/types/components/Checkbox/Checkbox.d.ts

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
-import type { LoadingFeedback } from '../types';
+import type { DataQa, LoadingFeedback } from '../types';
 import './Checkbox.global.css';
-export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback> {
+export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback & DataQa> {
     className?: string;
     label?: string;
     disabled?: boolean;

package/dist/Menu/types/components/Datepicker/DatePicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import type { ReactDatePickerProps } from 'react-datepicker';
 import { MaskedInputProps } from 'react-text-mask';
-import type { ErrorFeedback, LoadingFeedback, WithHint } from '../types';
+import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint } from '../types';
 import './DatePicker.global.css';
-export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback> {
+export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback & DataQa> {
     label?: string;
     className?: string;
     showMask?: boolean;

package/dist/Menu/types/components/FlexBox/FlexBox.d.ts

@@ -1,6 +1,7 @@
 import React, { HTMLAttributes } from 'react';
+import { DataQa } from '../types';
 import './FlexBox.css';
-export interface FlexBoxProps extends HTMLAttributes<HTMLElement> {
+export interface FlexBoxProps extends HTMLAttributes<HTMLElement>, DataQa {
     className?: string;
     tagName?: keyof HTMLElementTagNameMap;
     direction?: React.CSSProperties['flexDirection'];

package/dist/Menu/types/components/Input/Input.d.ts

@@ -1,7 +1,7 @@
 import React, { InputHTMLAttributes } from 'react';
-import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
 import './Input.global.css';
-export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
     className?: string;
     disabled?: boolean;
     required?: boolean;

package/dist/Menu/types/components/MaskInput/MaskInput.d.ts

@@ -1,8 +1,9 @@
 import React, { InputHTMLAttributes } from 'react';
 import { MaskedInputProps } from 'react-text-mask';
 import { InputProps } from '../Input';
+import { DataQa } from '../types';
 import './MaskInput.global.css';
-export interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'> {
+export interface MaskInputProps extends MaskedInputProps, Omit<InputProps, 'children'>, DataQa {
     inputClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
 }

package/dist/Menu/types/components/Paragraph/Paragraph.d.ts

@@ -1,8 +1,8 @@
 import React, { HTMLAttributes } from 'react';
-import { EllipsisText, TextAlign } from '../types';
+import { DataQa, EllipsisText, TextAlign } from '../types';
 import '../../styles/typography.global.css';
 import './Paragraph.global.css';
-export interface ParagraphProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLParagraphElement> {
+export interface ParagraphProps extends EllipsisText, TextAlign, DataQa, HTMLAttributes<HTMLParagraphElement> {
     className?: string;
     children: React.ReactNode;
     ellipsisLine?: number;

package/dist/Menu/types/components/Select/Select.d.ts

@@ -1,13 +1,12 @@
 import React from 'react';
 import { Props as ReactSelectProps } from 'react-select';
 import type { GroupBase } from 'react-select/dist/declarations/src/types';
-import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
 import { Option } from './types';
 import './Select.global.css';
 export type SelectOption = Option;
-export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
     wide?: boolean;
-    dataQa?: string;
 }
 declare const Select: React.FC<SelectProps>;
 export declare const SelectComponents: {

package/dist/Menu/types/components/Select/SelectCreatable.d.ts

@@ -1,14 +1,13 @@
 import React, { InputHTMLAttributes } from 'react';
 import { CreatableProps } from 'react-select/creatable';
 import type { GroupBase } from 'react-select/dist/declarations/src/types';
-import type { ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
+import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
 import { Option } from './types';
 import './Select.global.css';
 export type SelectOption = Option;
-export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback> {
+export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
     wide?: boolean;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
-    dataQa?: string;
 }
 declare const SelectCreatable: React.FC<SelectCreatableProps>;
 export default SelectCreatable;

package/dist/Menu/types/components/Select/customComponents.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
+import { ClearIndicatorProps, DropdownIndicatorProps, MultiValueRemoveProps } from 'react-select';
 declare const _default: {
+    MultiValueRemove: (props: MultiValueRemoveProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
     DropdownIndicator: (props: DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
     LoadingIndicator: () => React.JSX.Element;
     IndicatorSeparator: () => null;

package/dist/Menu/types/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from 'react';
-import { LoadingFeedback, Sizable } from '../types';
+import { DataQa, LoadingFeedback, Sizable } from '../types';
 import './Switch.global.css';
-export interface SwitchProps extends HTMLAttributes<HTMLInputElement>, Partial<LoadingFeedback>, Partial<Sizable> {
+export interface SwitchProps extends HTMLAttributes<HTMLInputElement>, DataQa, Partial<LoadingFeedback>, Partial<Sizable> {
     className?: string;
     label?: string;
     value?: boolean;

package/dist/Menu/types/components/Text/Text.d.ts

@@ -1,7 +1,7 @@
 import React, { HTMLAttributes } from 'react';
-import { EllipsisText, TextType } from '../types';
+import { DataQa, EllipsisText, TextType } from '../types';
 import './Text.global.css';
-export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText {
+export interface TextProps extends HTMLAttributes<HTMLSpanElement>, EllipsisText, DataQa {
     type?: TextType;
     code?: boolean;
     underline?: boolean;

package/dist/Menu/types/components/TextAreaInput/TextAreaInput.d.ts

@@ -1,7 +1,8 @@
 import React, { InputHTMLAttributes } from 'react';
 import { InputProps } from '../Input';
+import { DataQa } from '../types';
 import './TextAreaInput.global.css';
-export interface TextAreaInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>, Omit<InputProps, 'children'> {
+export interface TextAreaInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'children' | 'rows'>, Omit<InputProps, 'children'>, DataQa {
     textareaClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
     minRows?: number;

package/dist/Menu/types/components/TextInput/TextInput.d.ts

@@ -1,7 +1,8 @@
 import React, { InputHTMLAttributes } from 'react';
 import type { InputProps } from '../Input';
+import { DataQa } from '../types';
 import './TextInput.global.css';
-export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'> {
+export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement>, Omit<InputProps, 'children'>, DataQa {
     inputClassName?: string;
     labelProps?: InputHTMLAttributes<HTMLLabelElement>;
 }

package/dist/Menu/types/components/Title/Title.d.ts

@@ -1,10 +1,11 @@
 import React, { HTMLAttributes } from 'react';
-import { EllipsisText, TextAlign } from '../types';
+import { DataQa, EllipsisText, TextAlign } from '../types';
 import '../../styles/typography.global.css';
 import './Title.global.css';
-export interface TitleProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLHeadingElement> {
+export interface TitleProps extends EllipsisText, TextAlign, HTMLAttributes<HTMLHeadingElement>, DataQa {
     level?: 1 | 2 | 3 | 4 | 5;
     className?: string;
+    pretty?: boolean;
 }
 export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Title;

package/dist/Menu/types/components/types.d.ts

@@ -22,6 +22,10 @@ export interface EllipsisText {
     /** для скорочення тексту і виведення 3 точок */
     ellipsis?: boolean;
 }
+export interface DataQa {
+    /** для тестування */
+    dataQa?: string;
+}
 export interface TextAlign {
     /** для центрування тексту **/
     textAlign?: 'center' | 'start' | 'end' | 'justify';

package/dist/ProjectsPopover/index.cjs.js

@@ -12420,10 +12420,10 @@ var BlackTooltip = styled(function (_a) {
     var _a;
     return (_a = {},
         _a["& .".concat(tooltipClasses.arrow)] = {
-            color: '#333',
+            color: 'rgba(0, 0, 0, 0.9)',
         },
         _a["& .".concat(tooltipClasses.tooltip)] = {
-            backgroundColor: '#333',
+            backgroundColor: 'rgba(0, 0, 0, 0.9)',
             fontSize: '14px',
             color: '#fff',
             padding: '10px',