pallote-react 0.16.0 → 0.16.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.
- package/dist/components/Accordion.d.ts +15 -0
- package/dist/components/AccordionItem.d.ts +12 -0
- package/dist/components/Button.d.ts +3 -1
- package/dist/components/Checkbox.d.ts +4 -4
- package/dist/components/Checkboxes.d.ts +1 -1
- package/dist/components/Chip.d.ts +13 -0
- package/dist/components/Input.d.ts +2 -2
- package/dist/components/InputLabel.d.ts +3 -2
- package/dist/components/Link.d.ts +2 -0
- package/dist/components/Radio.d.ts +1 -1
- package/dist/components/RadioButtons.d.ts +1 -1
- package/dist/components/Select.d.ts +1 -1
- package/dist/components/Step.d.ts +8 -0
- package/dist/components/Stepper.d.ts +17 -0
- package/dist/components/Switch.d.ts +1 -1
- package/dist/components/TableCell.d.ts +1 -1
- package/dist/components/Tabs.d.ts +1 -0
- package/dist/components/Tag.d.ts +1 -2
- package/dist/components/Textarea.d.ts +2 -2
- package/dist/components/Tooltip.d.ts +9 -0
- package/dist/index.d.ts +13 -1
- package/dist/index.js +407 -106
- package/dist/package.json +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
type AccordionSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
interface AccordionContextValue {
|
|
4
|
+
size: AccordionSize;
|
|
5
|
+
}
|
|
6
|
+
export declare const AccordionContext: import("react").Context<AccordionContextValue>;
|
|
7
|
+
export interface AccordionProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
|
+
size?: AccordionSize;
|
|
9
|
+
allowMultiple?: boolean;
|
|
10
|
+
transparent?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
}
|
|
14
|
+
export declare const Accordion: ({ size, allowMultiple, transparent, className, children, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface AccordionItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick'> {
|
|
3
|
+
icon?: ReactNode;
|
|
4
|
+
label: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
children: ReactNode;
|
|
8
|
+
isOpen?: boolean;
|
|
9
|
+
onToggle?: () => void;
|
|
10
|
+
index?: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const AccordionItem: ({ icon, label, disabled, className, children, isOpen, onToggle, index, ...props }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -14,6 +14,8 @@ export interface ButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 't
|
|
|
14
14
|
iconLeft?: ReactNode;
|
|
15
15
|
iconRight?: ReactNode;
|
|
16
16
|
type?: ButtonType;
|
|
17
|
+
to?: string;
|
|
18
|
+
[key: string]: unknown;
|
|
17
19
|
}
|
|
18
|
-
export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
20
|
+
export declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
19
21
|
export {};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { InputHTMLAttributes, ChangeEvent } from 'react';
|
|
2
2
|
export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
3
|
-
id
|
|
4
|
-
value
|
|
5
|
-
label
|
|
3
|
+
id?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
label?: string;
|
|
6
6
|
checked?: boolean;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
optional?: boolean;
|
|
@@ -10,4 +10,4 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
|
|
|
10
10
|
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
11
11
|
className?: string;
|
|
12
12
|
}
|
|
13
|
-
export declare const Checkbox: ({ id, value, label, checked, disabled, optional, dense, onChange, className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export declare const Checkbox: ({ id: providedId, value, label, checked, disabled, optional, dense, onChange, className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
type ChipColor = 'default' | 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'error';
|
|
3
|
+
export interface ChipProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
color?: ChipColor;
|
|
5
|
+
dense?: boolean;
|
|
6
|
+
avatar?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
className?: string;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const Chip: ({ color, dense, avatar, disabled, onClose, className, children, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { InputHTMLAttributes, ReactNode, ChangeEvent } from 'react';
|
|
2
|
-
type InputType = 'date' | 'email' | 'number' | 'tel' | 'text' | 'time';
|
|
2
|
+
type InputType = 'date' | 'email' | 'number' | 'tel' | 'text' | 'time' | 'password';
|
|
3
3
|
export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'type'> {
|
|
4
4
|
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
5
5
|
type?: InputType;
|
|
@@ -12,7 +12,7 @@ export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
|
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
optional?: boolean;
|
|
14
14
|
dense?: boolean;
|
|
15
|
-
hint?:
|
|
15
|
+
hint?: ReactNode;
|
|
16
16
|
hideLabel?: boolean;
|
|
17
17
|
className?: string;
|
|
18
18
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
1
2
|
export interface InputLabelProps {
|
|
2
3
|
isLegend?: boolean;
|
|
3
4
|
htmlFor?: string;
|
|
4
5
|
label?: string;
|
|
5
|
-
hint?:
|
|
6
|
-
error?:
|
|
6
|
+
hint?: ReactNode;
|
|
7
|
+
error?: ReactNode;
|
|
7
8
|
hideLabel?: boolean;
|
|
8
9
|
}
|
|
9
10
|
export declare const InputLabel: ({ isLegend, htmlFor, label, hint, error, hideLabel }: InputLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -6,8 +6,10 @@ export interface LinkProps extends ComponentPropsWithoutRef<'a'> {
|
|
|
6
6
|
color?: LinkColor;
|
|
7
7
|
isExternal?: boolean;
|
|
8
8
|
href?: string;
|
|
9
|
+
to?: string;
|
|
9
10
|
className?: string;
|
|
10
11
|
children: ReactNode;
|
|
12
|
+
[key: string]: unknown;
|
|
11
13
|
}
|
|
12
14
|
export declare const Link: ({ component, icon, color, isExternal, href, className, children, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
15
|
export {};
|
|
@@ -2,7 +2,7 @@ import { InputHTMLAttributes, ChangeEvent } from 'react';
|
|
|
2
2
|
export interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
|
|
3
3
|
id: string;
|
|
4
4
|
name: string;
|
|
5
|
-
value
|
|
5
|
+
value?: string;
|
|
6
6
|
label: string;
|
|
7
7
|
checked?: boolean;
|
|
8
8
|
disabled?: boolean;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface StepProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
3
|
+
label: string;
|
|
4
|
+
skippable?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const Step: ({ label, skippable, className, children, ...props }: StepProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
interface StepperContextValue {
|
|
3
|
+
activeStep: number;
|
|
4
|
+
totalSteps: number;
|
|
5
|
+
goToNext: () => void;
|
|
6
|
+
goToPrevious: () => void;
|
|
7
|
+
skipCurrent: () => void;
|
|
8
|
+
completedSteps: number[];
|
|
9
|
+
}
|
|
10
|
+
export declare const StepperContext: import("react").Context<StepperContextValue | null>;
|
|
11
|
+
export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
|
|
12
|
+
showLabels?: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
children: ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare const Stepper: ({ showLabels, className, children, ...props }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|
|
@@ -6,4 +6,4 @@ export interface SwitchProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
6
6
|
disabled?: boolean;
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
|
-
export declare const Switch: ({ id, startLabel, endLabel, disabled, className, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const Switch: ({ id, startLabel, endLabel, disabled, className, checked, defaultChecked, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,7 +3,7 @@ type TableCellKind = 'default' | 'number' | 'action';
|
|
|
3
3
|
export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
|
|
4
4
|
kind?: TableCellKind;
|
|
5
5
|
className?: string;
|
|
6
|
-
children
|
|
6
|
+
children?: ReactNode;
|
|
7
7
|
}
|
|
8
8
|
export declare const TableCell: ({ kind, className, children, ...props }: TableCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -3,6 +3,7 @@ type TabsDirection = 'portrait' | 'landscape';
|
|
|
3
3
|
interface TabsContextValue {
|
|
4
4
|
activeIndex: number;
|
|
5
5
|
setActiveIndex: Dispatch<SetStateAction<number>>;
|
|
6
|
+
tabCount: number;
|
|
6
7
|
}
|
|
7
8
|
export declare const TabsContext: import("react").Context<TabsContextValue | null>;
|
|
8
9
|
export interface TabsProps {
|
package/dist/components/Tag.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode, HTMLAttributes } from 'react';
|
|
2
|
-
type TagColor = 'primary' | 'secondary' | 'grey' | 'success' | 'info' | 'warning' | 'error';
|
|
2
|
+
export type TagColor = 'primary' | 'secondary' | 'grey' | 'success' | 'info' | 'warning' | 'error';
|
|
3
3
|
export interface TagProps extends HTMLAttributes<HTMLElement> {
|
|
4
4
|
color?: TagColor;
|
|
5
5
|
dense?: boolean;
|
|
@@ -7,4 +7,3 @@ export interface TagProps extends HTMLAttributes<HTMLElement> {
|
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
}
|
|
9
9
|
export declare const Tag: ({ color, dense, className, children, ...props }: TagProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { TextareaHTMLAttributes, ChangeEvent } from 'react';
|
|
1
|
+
import { TextareaHTMLAttributes, ChangeEvent, ReactNode } from 'react';
|
|
2
2
|
export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
|
|
3
3
|
onChange?: (e: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
4
4
|
id: string;
|
|
@@ -9,7 +9,7 @@ export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaE
|
|
|
9
9
|
disabled?: boolean;
|
|
10
10
|
optional?: boolean;
|
|
11
11
|
dense?: boolean;
|
|
12
|
-
hint?:
|
|
12
|
+
hint?: ReactNode;
|
|
13
13
|
hideLabel?: boolean;
|
|
14
14
|
className?: string;
|
|
15
15
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface TooltipProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'content'> {
|
|
3
|
+
infoIcon?: boolean;
|
|
4
|
+
content: ReactNode;
|
|
5
|
+
dense?: boolean;
|
|
6
|
+
className?: string;
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
export declare const Tooltip: ({ infoIcon, content, dense, className, children, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -2,6 +2,8 @@ export { Color } from './utilities/Color';
|
|
|
2
2
|
export { Display } from './utilities/Display';
|
|
3
3
|
export { Grid } from './utilities/Grid';
|
|
4
4
|
export { Text } from './utilities/Text';
|
|
5
|
+
export { Accordion, AccordionContext } from './components/Accordion';
|
|
6
|
+
export { AccordionItem } from './components/AccordionItem';
|
|
5
7
|
export { Alert } from './components/Alert';
|
|
6
8
|
export { Breadcrumbs } from './components/Breadcrumbs';
|
|
7
9
|
export { Button } from './components/Button';
|
|
@@ -13,6 +15,7 @@ export { CardHeader } from './components/CardHeader';
|
|
|
13
15
|
export { CardMedia } from './components/CardMedia';
|
|
14
16
|
export { Checkbox } from './components/Checkbox';
|
|
15
17
|
export { Checkboxes } from './components/Checkboxes';
|
|
18
|
+
export { Chip } from './components/Chip';
|
|
16
19
|
export { Divider } from './components/Divider';
|
|
17
20
|
export { Input } from './components/Input';
|
|
18
21
|
export { InputLabel } from './components/InputLabel';
|
|
@@ -30,6 +33,8 @@ export { SectionHeader } from './components/SectionHeader';
|
|
|
30
33
|
export { Select } from './components/Select';
|
|
31
34
|
export { Snippet } from './components/Snippet';
|
|
32
35
|
export { Status } from './components/Status';
|
|
36
|
+
export { Step } from './components/Step';
|
|
37
|
+
export { Stepper, StepperContext } from './components/Stepper';
|
|
33
38
|
export { Switch } from './components/Switch';
|
|
34
39
|
export { Tab } from './components/Tab';
|
|
35
40
|
export { Table } from './components/Table';
|
|
@@ -43,10 +48,13 @@ export { TabsControl } from './components/TabsControl';
|
|
|
43
48
|
export { TabsPanel } from './components/TabsPanel';
|
|
44
49
|
export { Tag } from './components/Tag';
|
|
45
50
|
export { Textarea } from './components/Textarea';
|
|
51
|
+
export { Tooltip } from './components/Tooltip';
|
|
46
52
|
export type { ColorProps } from './utilities/Color';
|
|
47
53
|
export type { DisplayProps } from './utilities/Display';
|
|
48
54
|
export type { GridProps } from './utilities/Grid';
|
|
49
55
|
export type { TextProps } from './utilities/Text';
|
|
56
|
+
export type { AccordionProps } from './components/Accordion';
|
|
57
|
+
export type { AccordionItemProps } from './components/AccordionItem';
|
|
50
58
|
export type { AlertProps } from './components/Alert';
|
|
51
59
|
export type { BreadcrumbsProps } from './components/Breadcrumbs';
|
|
52
60
|
export type { ButtonProps } from './components/Button';
|
|
@@ -58,6 +66,7 @@ export type { CardHeaderProps } from './components/CardHeader';
|
|
|
58
66
|
export type { CardMediaProps } from './components/CardMedia';
|
|
59
67
|
export type { CheckboxProps } from './components/Checkbox';
|
|
60
68
|
export type { CheckboxesProps } from './components/Checkboxes';
|
|
69
|
+
export type { ChipProps } from './components/Chip';
|
|
61
70
|
export type { DividerProps } from './components/Divider';
|
|
62
71
|
export type { InputProps } from './components/Input';
|
|
63
72
|
export type { InputLabelProps } from './components/InputLabel';
|
|
@@ -75,6 +84,8 @@ export type { SectionHeaderProps } from './components/SectionHeader';
|
|
|
75
84
|
export type { SelectProps } from './components/Select';
|
|
76
85
|
export type { SnippetProps } from './components/Snippet';
|
|
77
86
|
export type { StatusProps } from './components/Status';
|
|
87
|
+
export type { StepProps } from './components/Step';
|
|
88
|
+
export type { StepperProps } from './components/Stepper';
|
|
78
89
|
export type { SwitchProps } from './components/Switch';
|
|
79
90
|
export type { TabProps } from './components/Tab';
|
|
80
91
|
export type { TableProps } from './components/Table';
|
|
@@ -86,5 +97,6 @@ export type { TableRowProps } from './components/TableRow';
|
|
|
86
97
|
export type { TabsProps } from './components/Tabs';
|
|
87
98
|
export type { TabsControlProps } from './components/TabsControl';
|
|
88
99
|
export type { TabsPanelProps } from './components/TabsPanel';
|
|
89
|
-
export type { TagProps } from './components/Tag';
|
|
100
|
+
export type { TagProps, TagColor } from './components/Tag';
|
|
90
101
|
export type { TextareaProps } from './components/Textarea';
|
|
102
|
+
export type { TooltipProps } from './components/Tooltip';
|