@youngonesworks/ui 0.1.30 → 0.1.33
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.
- package/dist/components/passwordInput/index.d.ts +21 -3
- package/dist/components/popover/index.d.ts +8 -3
- package/dist/components/select/index.d.ts +2 -1
- package/dist/components/table/tableRow/index.d.ts +1 -1
- package/dist/components/textInput/index.d.ts +24 -4
- package/dist/components/themeIcon/index.d.ts +2 -2
- package/dist/index.cjs +956 -2562
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2507 -4110
- package/dist/index.js.map +1 -1
- package/dist/jsx-runtime-shim.d.ts +3 -1
- package/dist/styles/utilities.css +3 -0
- package/dist/utils/formatIcon.d.ts +1 -1
- package/package.json +3 -3
|
@@ -1,3 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const PasswordInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
3
|
+
rightSection?: React.ReactNode;
|
|
4
|
+
leftSection?: React.ReactNode;
|
|
5
|
+
label?: React.ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
min?: string | undefined | number;
|
|
8
|
+
max?: string | undefined | number;
|
|
9
|
+
error?: string;
|
|
10
|
+
showRightSection?: boolean;
|
|
11
|
+
step?: string;
|
|
12
|
+
autoFocus?: boolean;
|
|
13
|
+
wrapperClassName?: string;
|
|
14
|
+
maxLength?: undefined | number;
|
|
15
|
+
password?: boolean;
|
|
16
|
+
autoComplete?: string;
|
|
17
|
+
enablePasswordManagerAutofill?: boolean;
|
|
18
|
+
onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
|
|
19
|
+
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
20
|
+
onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
21
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
2
|
import { type AlignedPlacement, type Side } from '@floating-ui/react';
|
|
3
|
-
|
|
3
|
+
type ITooltipProps = {
|
|
4
4
|
content: ReactNode;
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
hoverEnabled?: boolean;
|
|
@@ -10,6 +10,11 @@ interface ITooltipProps {
|
|
|
10
10
|
amountOfOffset?: number;
|
|
11
11
|
className?: string;
|
|
12
12
|
style?: 'minimal' | 'card';
|
|
13
|
-
}
|
|
14
|
-
|
|
13
|
+
};
|
|
14
|
+
type PopoverRefType = {
|
|
15
|
+
closePopover: () => void;
|
|
16
|
+
openPopover: () => void;
|
|
17
|
+
togglePopover: () => void;
|
|
18
|
+
};
|
|
19
|
+
export declare const Popover: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<PopoverRefType>>;
|
|
15
20
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { type ReactElement } from 'react';
|
|
2
3
|
import { type ActionMeta, type GroupBase, type Props, type PropsValue, type SingleValue } from 'react-select';
|
|
3
4
|
interface CustomSelectProps<T> extends Props<T, false, GroupBase<T>> {
|
|
4
5
|
small?: boolean;
|
|
@@ -4,5 +4,5 @@ interface ITableRow extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
header?: boolean;
|
|
6
6
|
}
|
|
7
|
-
export declare
|
|
7
|
+
export declare function TableRow({ children, className, ...props }: ITableRow): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import React
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from 'react';
|
|
3
|
+
export type TextInputProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
3
4
|
rightSection?: ReactNode;
|
|
4
5
|
leftSection?: ReactNode;
|
|
5
6
|
label?: ReactNode;
|
|
@@ -18,5 +19,24 @@ export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
18
19
|
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
19
20
|
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
20
21
|
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
21
|
-
}
|
|
22
|
-
export declare const TextInput: React.ForwardRefExoticComponent<
|
|
22
|
+
};
|
|
23
|
+
export declare const TextInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
|
|
24
|
+
rightSection?: ReactNode;
|
|
25
|
+
leftSection?: ReactNode;
|
|
26
|
+
label?: ReactNode;
|
|
27
|
+
className?: string;
|
|
28
|
+
min?: string | undefined | number;
|
|
29
|
+
max?: string | undefined | number;
|
|
30
|
+
error?: string;
|
|
31
|
+
showRightSection?: boolean;
|
|
32
|
+
step?: string;
|
|
33
|
+
autoFocus?: boolean;
|
|
34
|
+
wrapperClassName?: string;
|
|
35
|
+
maxLength?: undefined | number;
|
|
36
|
+
password?: boolean;
|
|
37
|
+
autoComplete?: string;
|
|
38
|
+
enablePasswordManagerAutofill?: boolean;
|
|
39
|
+
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
40
|
+
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
41
|
+
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
42
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { type HTMLAttributes } from 'react';
|
|
2
2
|
export interface IThemeIcon extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
3
3
|
styleVariant?: 'black' | 'gray' | 'pink' | 'pink-with-background' | 'turquoise' | 'accent-blue' | 'check' | 'warning' | 'error';
|
|
4
4
|
icon: React.ReactNode;
|
|
@@ -6,4 +6,4 @@ export interface IThemeIcon extends Omit<HTMLAttributes<HTMLDivElement>, 'classN
|
|
|
6
6
|
adjustedSize?: string | number;
|
|
7
7
|
title: string;
|
|
8
8
|
}
|
|
9
|
-
export declare
|
|
9
|
+
export declare function ThemeIcon({ styleVariant, className, icon, adjustedSize, title, ...props }: IThemeIcon): import("react/jsx-runtime").JSX.Element;
|