@allxsmith/bestax-bulma 1.0.5 → 1.0.6
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/README.md +10 -1
- package/dist/index.cjs.js +357 -2154
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +357 -2154
- package/dist/index.esm.js.map +1 -1
- package/dist/types/columns/Column.d.ts +0 -43
- package/dist/types/columns/Columns.d.ts +0 -32
- package/dist/types/components/Breadcrumb.d.ts +0 -28
- package/dist/types/components/Card.d.ts +0 -24
- package/dist/types/components/Dropdown.d.ts +0 -42
- package/dist/types/components/Menu.d.ts +0 -48
- package/dist/types/components/Message.d.ts +0 -21
- package/dist/types/components/Modal.d.ts +0 -21
- package/dist/types/components/Navbar.d.ts +0 -146
- package/dist/types/components/Pagination.d.ts +0 -68
- package/dist/types/components/Panel.d.ts +0 -81
- package/dist/types/components/Tab.d.ts +0 -49
- package/dist/types/components/Tabs.d.ts +0 -49
- package/dist/types/elements/Block.d.ts +0 -20
- package/dist/types/elements/Box.d.ts +1 -23
- package/dist/types/elements/Button.d.ts +0 -36
- package/dist/types/elements/Buttons.d.ts +0 -22
- package/dist/types/elements/Content.d.ts +0 -21
- package/dist/types/elements/Delete.d.ts +0 -22
- package/dist/types/elements/Icon.d.ts +0 -24
- package/dist/types/elements/IconText.d.ts +0 -27
- package/dist/types/elements/Image.d.ts +0 -27
- package/dist/types/elements/Notification.d.ts +0 -20
- package/dist/types/elements/Progress.d.ts +0 -20
- package/dist/types/elements/SubTitle.d.ts +0 -24
- package/dist/types/elements/Table.d.ts +0 -25
- package/dist/types/elements/Tag.d.ts +0 -28
- package/dist/types/elements/Tags.d.ts +0 -18
- package/dist/types/elements/Tbody.d.ts +0 -19
- package/dist/types/elements/Td.d.ts +0 -23
- package/dist/types/elements/Tfoot.d.ts +0 -19
- package/dist/types/elements/Th.d.ts +0 -25
- package/dist/types/elements/Thead.d.ts +0 -19
- package/dist/types/elements/Title.d.ts +0 -25
- package/dist/types/elements/Tr.d.ts +0 -21
- package/dist/types/form/Checkbox.d.ts +0 -16
- package/dist/types/form/Checkboxes.d.ts +0 -15
- package/dist/types/form/Control.d.ts +0 -30
- package/dist/types/form/Field.d.ts +0 -57
- package/dist/types/form/File.d.ts +0 -26
- package/dist/types/form/Input.d.ts +0 -22
- package/dist/types/form/Radio.d.ts +0 -16
- package/dist/types/form/Radios.d.ts +0 -15
- package/dist/types/form/Select.d.ts +0 -22
- package/dist/types/form/TextArea.d.ts +0 -25
- package/dist/types/grid/Cell.d.ts +0 -26
- package/dist/types/grid/Grid.d.ts +0 -40
- package/dist/types/helpers/classNames.d.ts +0 -14
- package/dist/types/helpers/useBulmaClasses.d.ts +0 -130
- package/dist/types/layout/Container.d.ts +0 -26
- package/dist/types/layout/Footer.d.ts +0 -19
- package/dist/types/layout/Hero.d.ts +0 -57
- package/dist/types/layout/Level.d.ts +0 -59
- package/dist/types/layout/Media.d.ts +0 -55
- package/dist/types/layout/Section.d.ts +0 -21
- package/package.json +3 -3
|
@@ -1,20 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Pagination component.
|
|
5
|
-
*
|
|
6
|
-
* @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color for the pagination.
|
|
7
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the pagination.
|
|
8
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color for the pagination.
|
|
9
|
-
* @property {'small'|'medium'|'large'} [size] - Size modifier for the pagination.
|
|
10
|
-
* @property {'centered'|'right'} [align] - Alignment for the pagination.
|
|
11
|
-
* @property {boolean} [rounded] - Renders pagination with rounded corners.
|
|
12
|
-
* @property {number} [total] - Total number of pages.
|
|
13
|
-
* @property {number} [current] - Current page.
|
|
14
|
-
* @property {(page: number) => void} [onPageChange] - Page change callback.
|
|
15
|
-
* @property {string} [className] - Additional CSS classes.
|
|
16
|
-
* @property {React.ReactNode} [children] - Custom pagination content.
|
|
17
|
-
*/
|
|
18
3
|
export interface PaginationProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
19
4
|
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
|
|
20
5
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -28,34 +13,13 @@ export interface PaginationProps extends React.HTMLAttributes<HTMLElement>, Omit
|
|
|
28
13
|
className?: string;
|
|
29
14
|
children?: React.ReactNode;
|
|
30
15
|
}
|
|
31
|
-
/**
|
|
32
|
-
* Props for PaginationPrevious and PaginationNext components.
|
|
33
|
-
*
|
|
34
|
-
* @property {string} [className] - Additional CSS classes.
|
|
35
|
-
* @property {boolean} [disabled] - Whether previous/next is disabled.
|
|
36
|
-
* @property {React.ReactNode} [children] - Button content.
|
|
37
|
-
*/
|
|
38
16
|
export interface PaginationPreviousNextProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
39
17
|
className?: string;
|
|
40
18
|
disabled?: boolean;
|
|
41
19
|
children?: React.ReactNode;
|
|
42
20
|
}
|
|
43
|
-
/**
|
|
44
|
-
* Bulma Pagination previous button.
|
|
45
|
-
*/
|
|
46
21
|
export declare const PaginationPrevious: React.FC<PaginationPreviousNextProps>;
|
|
47
|
-
/**
|
|
48
|
-
* Bulma Pagination next button.
|
|
49
|
-
*/
|
|
50
22
|
export declare const PaginationNext: React.FC<PaginationPreviousNextProps>;
|
|
51
|
-
/**
|
|
52
|
-
* Bulma Pagination navigation component.
|
|
53
|
-
*
|
|
54
|
-
* @function
|
|
55
|
-
* @param {PaginationProps} props - Props for the Pagination component.
|
|
56
|
-
* @returns {JSX.Element} The rendered pagination.
|
|
57
|
-
* @see {@link https://bulma.io/documentation/components/pagination/ | Bulma Pagination documentation}
|
|
58
|
-
*/
|
|
59
23
|
export declare const Pagination: React.FC<PaginationProps> & {
|
|
60
24
|
Link: typeof PaginationLink;
|
|
61
25
|
List: typeof PaginationList;
|
|
@@ -63,15 +27,6 @@ export declare const Pagination: React.FC<PaginationProps> & {
|
|
|
63
27
|
Previous: typeof PaginationPrevious;
|
|
64
28
|
Next: typeof PaginationNext;
|
|
65
29
|
};
|
|
66
|
-
/**
|
|
67
|
-
* Props for the PaginationList component.
|
|
68
|
-
*
|
|
69
|
-
* @property {string} [className] - Additional CSS classes.
|
|
70
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color for the list.
|
|
71
|
-
* @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier for the list.
|
|
72
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color for the list.
|
|
73
|
-
* @property {React.ReactNode} [children] - List items.
|
|
74
|
-
*/
|
|
75
30
|
export interface PaginationListProps extends React.HTMLAttributes<HTMLUListElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
76
31
|
className?: string;
|
|
77
32
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -79,21 +34,7 @@ export interface PaginationListProps extends React.HTMLAttributes<HTMLUListEleme
|
|
|
79
34
|
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
80
35
|
children?: React.ReactNode;
|
|
81
36
|
}
|
|
82
|
-
/**
|
|
83
|
-
* Bulma Pagination list container.
|
|
84
|
-
*/
|
|
85
37
|
export declare const PaginationList: React.FC<PaginationListProps>;
|
|
86
|
-
/**
|
|
87
|
-
* Props for the PaginationLink component.
|
|
88
|
-
*
|
|
89
|
-
* @property {string} [className] - Additional CSS classes.
|
|
90
|
-
* @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color modifier.
|
|
91
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color.
|
|
92
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
|
|
93
|
-
* @property {boolean} [active] - Whether the link is for the current page.
|
|
94
|
-
* @property {boolean} [disabled] - Whether the link is disabled.
|
|
95
|
-
* @property {React.ReactNode} [children] - Link content.
|
|
96
|
-
*/
|
|
97
38
|
export interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
98
39
|
className?: string;
|
|
99
40
|
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
@@ -103,15 +44,6 @@ export interface PaginationLinkProps extends React.AnchorHTMLAttributes<HTMLAnch
|
|
|
103
44
|
disabled?: boolean;
|
|
104
45
|
children?: React.ReactNode;
|
|
105
46
|
}
|
|
106
|
-
/**
|
|
107
|
-
* Bulma Pagination link (page number).
|
|
108
|
-
*/
|
|
109
47
|
export declare const PaginationLink: React.FC<PaginationLinkProps>;
|
|
110
|
-
/**
|
|
111
|
-
* Bulma Pagination ellipsis element.
|
|
112
|
-
*
|
|
113
|
-
* @param props - Standard li props.
|
|
114
|
-
* @returns {JSX.Element} The rendered ellipsis.
|
|
115
|
-
*/
|
|
116
48
|
export declare const PaginationEllipsis: React.FC<React.LiHTMLAttributes<HTMLLIElement>>;
|
|
117
49
|
export default Pagination;
|
|
@@ -1,101 +1,41 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Panel component.
|
|
5
|
-
*
|
|
6
|
-
* @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color modifier for the panel.
|
|
7
|
-
* @property {string} [className] - Additional CSS classes.
|
|
8
|
-
* @property {React.ReactNode} [children] - Panel content.
|
|
9
|
-
*/
|
|
10
3
|
export interface PanelProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
11
4
|
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
|
|
12
5
|
className?: string;
|
|
13
6
|
children?: React.ReactNode;
|
|
14
7
|
}
|
|
15
|
-
/**
|
|
16
|
-
* Props for the PanelHeading component.
|
|
17
|
-
*
|
|
18
|
-
* @property {string} [className] - Additional CSS classes.
|
|
19
|
-
* @property {React.ReactNode} [children] - Heading content.
|
|
20
|
-
*/
|
|
21
8
|
export interface PanelHeadingProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
22
9
|
className?: string;
|
|
23
10
|
children?: React.ReactNode;
|
|
24
11
|
}
|
|
25
|
-
/**
|
|
26
|
-
* Props for the PanelTabs component.
|
|
27
|
-
*
|
|
28
|
-
* @property {string} [className] - Additional CSS classes.
|
|
29
|
-
* @property {React.ReactNode} [children] - Tabs content.
|
|
30
|
-
*/
|
|
31
12
|
export interface PanelTabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
32
13
|
className?: string;
|
|
33
14
|
children?: React.ReactNode;
|
|
34
15
|
}
|
|
35
|
-
/**
|
|
36
|
-
* Props for the PanelBlock component.
|
|
37
|
-
*
|
|
38
|
-
* @property {string} [className] - Additional CSS classes.
|
|
39
|
-
* @property {boolean} [active] - Whether the block is active.
|
|
40
|
-
* @property {React.ReactNode} [children] - Block content.
|
|
41
|
-
*/
|
|
42
16
|
export interface PanelBlockProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
43
17
|
className?: string;
|
|
44
18
|
active?: boolean;
|
|
45
19
|
children?: React.ReactNode;
|
|
46
20
|
}
|
|
47
|
-
/**
|
|
48
|
-
* Props for the PanelIcon component.
|
|
49
|
-
*
|
|
50
|
-
* @property {string} [className] - Additional CSS classes.
|
|
51
|
-
* @property {React.ReactNode} [children] - Icon content.
|
|
52
|
-
*/
|
|
53
21
|
export interface PanelIconProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
54
22
|
className?: string;
|
|
55
23
|
children?: React.ReactNode;
|
|
56
24
|
}
|
|
57
|
-
/**
|
|
58
|
-
* Props for the PanelInputBlock component.
|
|
59
|
-
*
|
|
60
|
-
* @property {string} [value] - Input value.
|
|
61
|
-
* @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange] - Input change handler.
|
|
62
|
-
* @property {string} [placeholder] - Input placeholder.
|
|
63
|
-
* @property {string} [iconClassName] - Icon class for left icon (default 'fas fa-search').
|
|
64
|
-
*/
|
|
65
25
|
export interface PanelInputBlockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
66
26
|
value?: string;
|
|
67
27
|
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
68
28
|
placeholder?: string;
|
|
69
29
|
iconClassName?: string;
|
|
70
30
|
}
|
|
71
|
-
/**
|
|
72
|
-
* Props for the PanelCheckboxBlock component.
|
|
73
|
-
*
|
|
74
|
-
* @property {boolean} [checked] - Whether the checkbox is checked.
|
|
75
|
-
* @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange] - Checkbox change handler.
|
|
76
|
-
* @property {React.ReactNode} [children] - Label/content.
|
|
77
|
-
*/
|
|
78
31
|
export interface PanelCheckboxBlockProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'onChange'> {
|
|
79
32
|
checked?: boolean;
|
|
80
33
|
onChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
81
34
|
children?: React.ReactNode;
|
|
82
35
|
}
|
|
83
|
-
/**
|
|
84
|
-
* Props for the PanelButtonBlock component.
|
|
85
|
-
*
|
|
86
|
-
* @property {React.ReactNode} [children] - Button content.
|
|
87
|
-
*/
|
|
88
36
|
export interface PanelButtonBlockProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
89
37
|
children?: React.ReactNode;
|
|
90
38
|
}
|
|
91
|
-
/**
|
|
92
|
-
* Bulma Panel component, supports various panel subcomponents.
|
|
93
|
-
*
|
|
94
|
-
* @function
|
|
95
|
-
* @param {PanelProps} props - Props for the Panel component.
|
|
96
|
-
* @returns {JSX.Element} The rendered panel.
|
|
97
|
-
* @see {@link https://bulma.io/documentation/components/panel/ | Bulma Panel documentation}
|
|
98
|
-
*/
|
|
99
39
|
export declare const Panel: React.FC<PanelProps> & {
|
|
100
40
|
Heading: typeof PanelHeading;
|
|
101
41
|
Tabs: typeof PanelTabs;
|
|
@@ -105,32 +45,11 @@ export declare const Panel: React.FC<PanelProps> & {
|
|
|
105
45
|
CheckboxBlock: typeof PanelCheckboxBlock;
|
|
106
46
|
ButtonBlock: typeof PanelButtonBlock;
|
|
107
47
|
};
|
|
108
|
-
/**
|
|
109
|
-
* Bulma Panel heading.
|
|
110
|
-
*/
|
|
111
48
|
export declare const PanelHeading: React.FC<PanelHeadingProps>;
|
|
112
|
-
/**
|
|
113
|
-
* Bulma Panel tabs.
|
|
114
|
-
*/
|
|
115
49
|
export declare const PanelTabs: React.FC<PanelTabsProps>;
|
|
116
|
-
/**
|
|
117
|
-
* Bulma Panel block.
|
|
118
|
-
*/
|
|
119
50
|
export declare const PanelBlock: React.FC<PanelBlockProps>;
|
|
120
|
-
/**
|
|
121
|
-
* Bulma Panel icon.
|
|
122
|
-
*/
|
|
123
51
|
export declare const PanelIcon: React.FC<PanelIconProps>;
|
|
124
|
-
/**
|
|
125
|
-
* Bulma Panel input block.
|
|
126
|
-
*/
|
|
127
52
|
export declare const PanelInputBlock: React.FC<PanelInputBlockProps>;
|
|
128
|
-
/**
|
|
129
|
-
* Bulma Panel checkbox block.
|
|
130
|
-
*/
|
|
131
53
|
export declare const PanelCheckboxBlock: React.FC<PanelCheckboxBlockProps>;
|
|
132
|
-
/**
|
|
133
|
-
* Bulma Panel button block.
|
|
134
|
-
*/
|
|
135
54
|
export declare const PanelButtonBlock: React.FC<PanelButtonBlockProps>;
|
|
136
55
|
export default Panel;
|
|
@@ -1,18 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Tabs component.
|
|
5
|
-
*
|
|
6
|
-
* @property {'centered'|'right'|'left'} [align] - Tab alignment.
|
|
7
|
-
* @property {'small'|'medium'|'large'} [size] - Tab size.
|
|
8
|
-
* @property {boolean} [fullwidth] - Tabs are fullwidth.
|
|
9
|
-
* @property {boolean} [boxed] - Tabs are boxed style.
|
|
10
|
-
* @property {boolean} [toggle] - Tabs are toggle style.
|
|
11
|
-
* @property {boolean} [rounded] - Tabs are rounded (if toggle).
|
|
12
|
-
* @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color for the tabs.
|
|
13
|
-
* @property {string} [className] - Additional CSS classes.
|
|
14
|
-
* @property {React.ReactNode} [children] - Tab content.
|
|
15
|
-
*/
|
|
16
3
|
export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
17
4
|
align?: 'centered' | 'right' | 'left';
|
|
18
5
|
size?: 'small' | 'medium' | 'large';
|
|
@@ -24,56 +11,20 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<Bu
|
|
|
24
11
|
className?: string;
|
|
25
12
|
children?: React.ReactNode;
|
|
26
13
|
}
|
|
27
|
-
/**
|
|
28
|
-
* Props for the TabList component.
|
|
29
|
-
*
|
|
30
|
-
* @property {string} [className] - Additional CSS classes.
|
|
31
|
-
* @property {React.ReactNode} [children] - Tab list items.
|
|
32
|
-
*/
|
|
33
14
|
export interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
34
15
|
className?: string;
|
|
35
16
|
children?: React.ReactNode;
|
|
36
17
|
}
|
|
37
|
-
/**
|
|
38
|
-
* Props for the TabItem component.
|
|
39
|
-
*
|
|
40
|
-
* @property {boolean} [active] - Whether the tab is active.
|
|
41
|
-
* @property {string} [className] - Additional CSS classes.
|
|
42
|
-
* @property {React.ReactNode} [children] - Tab content.
|
|
43
|
-
* @property {React.MouseEventHandler<HTMLLIElement>} [onClick] - Click handler.
|
|
44
|
-
*/
|
|
45
18
|
export interface TabItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
|
46
19
|
active?: boolean;
|
|
47
20
|
className?: string;
|
|
48
21
|
children?: React.ReactNode;
|
|
49
22
|
onClick?: React.MouseEventHandler<HTMLLIElement>;
|
|
50
23
|
}
|
|
51
|
-
/**
|
|
52
|
-
* Bulma Tabs component with subcomponents for tab lists and items.
|
|
53
|
-
*
|
|
54
|
-
* @function
|
|
55
|
-
* @param {TabsProps} props - Props for the Tabs component.
|
|
56
|
-
* @returns {JSX.Element} The rendered tabs.
|
|
57
|
-
* @see {@link https://bulma.io/documentation/components/tabs/ | Bulma Tabs documentation}
|
|
58
|
-
*/
|
|
59
24
|
export declare const Tabs: React.FC<TabsProps> & {
|
|
60
25
|
List: typeof TabList;
|
|
61
26
|
Item: typeof TabItem;
|
|
62
27
|
};
|
|
63
|
-
/**
|
|
64
|
-
* Bulma Tab list container.
|
|
65
|
-
*
|
|
66
|
-
* @function
|
|
67
|
-
* @param {TabListProps} props - Props for the TabList component.
|
|
68
|
-
* @returns {JSX.Element} The rendered tab list.
|
|
69
|
-
*/
|
|
70
28
|
export declare const TabList: React.FC<TabListProps>;
|
|
71
|
-
/**
|
|
72
|
-
* Bulma Tab item.
|
|
73
|
-
*
|
|
74
|
-
* @function
|
|
75
|
-
* @param {TabItemProps} props - Props for the TabItem component.
|
|
76
|
-
* @returns {JSX.Element} The rendered tab item.
|
|
77
|
-
*/
|
|
78
29
|
export declare const TabItem: React.FC<TabItemProps>;
|
|
79
30
|
export default Tabs;
|
|
@@ -1,18 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Tabs component.
|
|
5
|
-
*
|
|
6
|
-
* @property {'centered'|'right'|'left'} [align] - Tab alignment.
|
|
7
|
-
* @property {'small'|'medium'|'large'} [size] - Tab size.
|
|
8
|
-
* @property {boolean} [fullwidth] - Tabs are fullwidth.
|
|
9
|
-
* @property {boolean} [boxed] - Tabs are boxed style.
|
|
10
|
-
* @property {boolean} [toggle] - Tabs are toggle style.
|
|
11
|
-
* @property {boolean} [rounded] - Tabs are rounded (if toggle).
|
|
12
|
-
* @property {'primary'|'link'|'info'|'success'|'warning'|'danger'|'black'|'dark'|'light'|'white'} [color] - Bulma color for the tabs.
|
|
13
|
-
* @property {string} [className] - Additional CSS classes.
|
|
14
|
-
* @property {React.ReactNode} [children] - Tab content.
|
|
15
|
-
*/
|
|
16
3
|
export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
17
4
|
align?: 'centered' | 'right' | 'left';
|
|
18
5
|
size?: 'small' | 'medium' | 'large';
|
|
@@ -24,56 +11,20 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<Bu
|
|
|
24
11
|
className?: string;
|
|
25
12
|
children?: React.ReactNode;
|
|
26
13
|
}
|
|
27
|
-
/**
|
|
28
|
-
* Props for the TabList component.
|
|
29
|
-
*
|
|
30
|
-
* @property {string} [className] - Additional CSS classes.
|
|
31
|
-
* @property {React.ReactNode} [children] - Tab list items.
|
|
32
|
-
*/
|
|
33
14
|
export interface TabListProps extends React.HTMLAttributes<HTMLUListElement> {
|
|
34
15
|
className?: string;
|
|
35
16
|
children?: React.ReactNode;
|
|
36
17
|
}
|
|
37
|
-
/**
|
|
38
|
-
* Props for the TabItem component.
|
|
39
|
-
*
|
|
40
|
-
* @property {boolean} [active] - Whether the tab is active.
|
|
41
|
-
* @property {string} [className] - Additional CSS classes.
|
|
42
|
-
* @property {React.ReactNode} [children] - Tab content.
|
|
43
|
-
* @property {React.MouseEventHandler<HTMLLIElement>} [onClick] - Click handler.
|
|
44
|
-
*/
|
|
45
18
|
export interface TabItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
|
|
46
19
|
active?: boolean;
|
|
47
20
|
className?: string;
|
|
48
21
|
children?: React.ReactNode;
|
|
49
22
|
onClick?: React.MouseEventHandler<HTMLLIElement>;
|
|
50
23
|
}
|
|
51
|
-
/**
|
|
52
|
-
* Bulma Tabs component with subcomponents for tab lists and items.
|
|
53
|
-
*
|
|
54
|
-
* @function
|
|
55
|
-
* @param {TabsProps} props - Props for the Tabs component.
|
|
56
|
-
* @returns {JSX.Element} The rendered tabs.
|
|
57
|
-
* @see {@link https://bulma.io/documentation/components/tabs/ | Bulma Tabs documentation}
|
|
58
|
-
*/
|
|
59
24
|
export declare const Tabs: React.FC<TabsProps> & {
|
|
60
25
|
List: typeof TabList;
|
|
61
26
|
Item: typeof TabItem;
|
|
62
27
|
};
|
|
63
|
-
/**
|
|
64
|
-
* Bulma Tab list container.
|
|
65
|
-
*
|
|
66
|
-
* @function
|
|
67
|
-
* @param {TabListProps} props - Props for the TabList component.
|
|
68
|
-
* @returns {JSX.Element} The rendered tab list.
|
|
69
|
-
*/
|
|
70
28
|
export declare const TabList: React.FC<TabListProps>;
|
|
71
|
-
/**
|
|
72
|
-
* Bulma Tab item.
|
|
73
|
-
*
|
|
74
|
-
* @function
|
|
75
|
-
* @param {TabItemProps} props - Props for the TabItem component.
|
|
76
|
-
* @returns {JSX.Element} The rendered tab item.
|
|
77
|
-
*/
|
|
78
29
|
export declare const TabItem: React.FC<TabItemProps>;
|
|
79
30
|
export default Tabs;
|
|
@@ -1,14 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Block component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
8
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the block.
|
|
9
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
10
|
-
* @property {React.ReactNode} [children] - Content to be rendered inside the block.
|
|
11
|
-
*/
|
|
12
3
|
export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
13
4
|
className?: string;
|
|
14
5
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -16,15 +7,4 @@ export interface BlockProps extends React.HTMLAttributes<HTMLDivElement>, Omit<B
|
|
|
16
7
|
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
17
8
|
children?: React.ReactNode;
|
|
18
9
|
}
|
|
19
|
-
/**
|
|
20
|
-
* Block component for rendering a styled Bulma block element.
|
|
21
|
-
*
|
|
22
|
-
* A block is a simple utility element that adds spacing (margin-bottom) between elements.
|
|
23
|
-
* Supports Bulma helper classes for additional styling like text color, background color, and layout.
|
|
24
|
-
*
|
|
25
|
-
* @function
|
|
26
|
-
* @param {BlockProps} props - Props for the Block component.
|
|
27
|
-
* @returns {JSX.Element} The rendered block element.
|
|
28
|
-
* @see {@link https://bulma.io/documentation/elements/block/ | Bulma Block documentation}
|
|
29
|
-
*/
|
|
30
10
|
export declare const Block: React.FC<BlockProps>;
|
|
@@ -1,18 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
|
|
4
|
-
* Props for the Box component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
8
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the box.
|
|
9
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
10
|
-
* @property {boolean} [hasShadow=true] - Whether the box has a shadow (default: true).
|
|
11
|
-
* @property {React.ReactNode} [children] - Content to be rendered inside the box.
|
|
12
|
-
*/
|
|
13
|
-
export interface BoxProps
|
|
14
|
-
/** @ignore */
|
|
15
|
-
extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
3
|
+
export interface BoxProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
16
4
|
className?: string;
|
|
17
5
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
18
6
|
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
@@ -20,14 +8,4 @@ export interface BoxProps
|
|
|
20
8
|
hasShadow?: boolean;
|
|
21
9
|
children?: React.ReactNode;
|
|
22
10
|
}
|
|
23
|
-
/**
|
|
24
|
-
* Box component for rendering a styled Bulma box element.
|
|
25
|
-
*
|
|
26
|
-
* Supports Bulma helper classes for styling and layout, with optional shadow control.
|
|
27
|
-
*
|
|
28
|
-
* @function
|
|
29
|
-
* @param {BoxProps} props - Props for the Box component.
|
|
30
|
-
* @returns {JSX.Element} The rendered box element.
|
|
31
|
-
* @see {@link https://bulma.io/documentation/elements/box/ | Bulma Box documentation}
|
|
32
|
-
*/
|
|
33
11
|
export declare const Box: React.FC<BoxProps>;
|
|
@@ -1,31 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Button component.
|
|
5
|
-
*
|
|
6
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the button.
|
|
7
|
-
* @property {'small' | 'normal' | 'medium' | 'large'} [size] - Button size.
|
|
8
|
-
* @property {boolean} [isLight] - Use the light version of the color.
|
|
9
|
-
* @property {boolean} [isRounded] - Button is fully rounded.
|
|
10
|
-
* @property {boolean} [isLoading] - Button shows a loading spinner.
|
|
11
|
-
* @property {boolean} [isStatic] - Button is static and non-interactive.
|
|
12
|
-
* @property {boolean} [isFullWidth] - Button takes the full width of parent.
|
|
13
|
-
* @property {boolean} [isOutlined] - Use outlined button style.
|
|
14
|
-
* @property {boolean} [isInverted] - Use inverted color style.
|
|
15
|
-
* @property {boolean} [isFocused] - Button is styled as focused.
|
|
16
|
-
* @property {boolean} [isActive] - Button is styled as active.
|
|
17
|
-
* @property {boolean} [isHovered] - Button is styled as hovered.
|
|
18
|
-
* @property {boolean} [isDisabled] - Button is disabled.
|
|
19
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
20
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
21
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
22
|
-
* @property {'a' | 'button'} [as] - Render as an anchor or button element.
|
|
23
|
-
* @property {string} [href] - Specifies the URL for anchor buttons.
|
|
24
|
-
* @property {React.MouseEventHandler<HTMLButtonElement> | React.MouseEventHandler<HTMLAnchorElement>} [onClick] - Click handler for the button or anchor.
|
|
25
|
-
* @property {string} [target] - Target for anchor element.
|
|
26
|
-
* @property {string} [rel] - Rel attribute for anchor element.
|
|
27
|
-
* @property {React.ReactNode} [children] - Content to be rendered inside the button.
|
|
28
|
-
*/
|
|
29
3
|
export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'onClick'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {
|
|
30
4
|
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
31
5
|
size?: 'small' | 'normal' | 'medium' | 'large';
|
|
@@ -50,15 +24,5 @@ export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonE
|
|
|
50
24
|
rel?: string;
|
|
51
25
|
children?: React.ReactNode;
|
|
52
26
|
}
|
|
53
|
-
/**
|
|
54
|
-
* Button component for rendering a Bulma-styled button or anchor.
|
|
55
|
-
*
|
|
56
|
-
* Supports Bulma helper classes for colors, sizes, and various button states and modifiers.
|
|
57
|
-
*
|
|
58
|
-
* @function
|
|
59
|
-
* @param {ButtonProps} props - Props for the Button component.
|
|
60
|
-
* @returns {JSX.Element} The rendered button or anchor element.
|
|
61
|
-
* @see {@link https://bulma.io/documentation/elements/button/ | Bulma Button documentation}
|
|
62
|
-
*/
|
|
63
27
|
export declare const Button: React.FC<ButtonProps>;
|
|
64
28
|
export default Button;
|
|
@@ -1,17 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Buttons component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
8
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the buttons group.
|
|
9
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
10
|
-
* @property {boolean} [isCentered] - Center the group of buttons.
|
|
11
|
-
* @property {boolean} [isRight] - Align the group of buttons to the right.
|
|
12
|
-
* @property {boolean} [hasAddons] - Group buttons together as addons.
|
|
13
|
-
* @property {React.ReactNode} children - The button elements to render inside the group.
|
|
14
|
-
*/
|
|
15
3
|
interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement>, BulmaClassesProps {
|
|
16
4
|
className?: string;
|
|
17
5
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -22,15 +10,5 @@ interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement>, BulmaClasse
|
|
|
22
10
|
hasAddons?: boolean;
|
|
23
11
|
children: React.ReactNode;
|
|
24
12
|
}
|
|
25
|
-
/**
|
|
26
|
-
* Buttons component for rendering a group of Bulma-styled buttons.
|
|
27
|
-
*
|
|
28
|
-
* Supports Bulma helper classes for styling, color, and layout, including centering, right alignment, and grouping as addons.
|
|
29
|
-
*
|
|
30
|
-
* @function
|
|
31
|
-
* @param {ButtonsProps} props - Props for the Buttons component.
|
|
32
|
-
* @returns {JSX.Element} The rendered group of buttons.
|
|
33
|
-
* @see {@link https://bulma.io/documentation/elements/button/#group | Bulma Button Group documentation}
|
|
34
|
-
*/
|
|
35
13
|
export declare const Buttons: React.FC<ButtonsProps>;
|
|
36
14
|
export {};
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Content component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
8
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the content.
|
|
9
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
10
|
-
* @property {'small' | 'normal' | 'medium' | 'large'} [size] - Size modifier for the content.
|
|
11
|
-
* @property {React.ReactNode} [children] - Content to be rendered inside the block.
|
|
12
|
-
*/
|
|
13
3
|
interface ContentProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
14
4
|
className?: string;
|
|
15
5
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -18,16 +8,5 @@ interface ContentProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaC
|
|
|
18
8
|
size?: 'small' | 'normal' | 'medium' | 'large';
|
|
19
9
|
children?: React.ReactNode;
|
|
20
10
|
}
|
|
21
|
-
/**
|
|
22
|
-
* Content component for rendering a styled Bulma content block.
|
|
23
|
-
*
|
|
24
|
-
* Applies typographic styles to HTML content (e.g., paragraphs, headings, lists) with Bulma's content class.
|
|
25
|
-
* Supports size modifiers and Bulma helper classes for additional styling.
|
|
26
|
-
*
|
|
27
|
-
* @function
|
|
28
|
-
* @param {ContentProps} props - Props for the Content component.
|
|
29
|
-
* @returns {JSX.Element} The rendered content block.
|
|
30
|
-
* @see {@link https://bulma.io/documentation/elements/content/ | Bulma Content documentation}
|
|
31
|
-
*/
|
|
32
11
|
export declare const Content: React.FC<ContentProps>;
|
|
33
12
|
export default Content;
|
|
@@ -1,17 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Delete component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
8
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the delete button.
|
|
9
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
10
|
-
* @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick] - Click handler for the button.
|
|
11
|
-
* @property {'small' | 'medium' | 'large'} [size] - Size modifier for the delete button.
|
|
12
|
-
* @property {string} [ariaLabel='Close'] - ARIA label for accessibility (default: 'Close').
|
|
13
|
-
* @property {boolean} [disabled=false] - Whether the button is disabled (default: false).
|
|
14
|
-
*/
|
|
15
3
|
interface DeleteProps extends React.HTMLAttributes<HTMLButtonElement>, BulmaClassesProps {
|
|
16
4
|
className?: string;
|
|
17
5
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -22,15 +10,5 @@ interface DeleteProps extends React.HTMLAttributes<HTMLButtonElement>, BulmaClas
|
|
|
22
10
|
ariaLabel?: string;
|
|
23
11
|
disabled?: boolean;
|
|
24
12
|
}
|
|
25
|
-
/**
|
|
26
|
-
* Delete component for rendering a Bulma-styled delete/close button.
|
|
27
|
-
*
|
|
28
|
-
* Supports Bulma helper classes for styling, color, and size, and includes accessibility and disabled state.
|
|
29
|
-
*
|
|
30
|
-
* @function
|
|
31
|
-
* @param {DeleteProps} props - Props for the Delete component.
|
|
32
|
-
* @returns {JSX.Element} The rendered delete button.
|
|
33
|
-
* @see {@link https://bulma.io/documentation/elements/delete/ | Bulma Delete documentation}
|
|
34
|
-
*/
|
|
35
13
|
export declare const Delete: React.FC<DeleteProps>;
|
|
36
14
|
export {};
|
|
@@ -1,20 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
3
|
type IconLibrary = 'fa' | 'mdi' | 'ion';
|
|
4
|
-
/**
|
|
5
|
-
* Props for the Icon component.
|
|
6
|
-
*
|
|
7
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
8
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
9
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the icon.
|
|
10
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
11
|
-
* @property {string} name - The icon name (without library prefix).
|
|
12
|
-
* @property {IconLibrary} [library='fa'] - The icon library to use ('fa' = Font Awesome, 'mdi' = Material Design Icons, 'ion' = Ionicons).
|
|
13
|
-
* @property {string | string[]} [libraryFeatures] - Additional library-specific classes, e.g. 'fa-lg', 'fa-spin', or ['fa-lg', 'fa-fw'].
|
|
14
|
-
* @property {'small' | 'medium' | 'large'} [size] - Size modifier for the icon.
|
|
15
|
-
* @property {string} [ariaLabel='icon'] - ARIA label for accessibility (default: 'icon').
|
|
16
|
-
* @property {object} [style] - Inline style object.
|
|
17
|
-
*/
|
|
18
4
|
export interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaClassesProps {
|
|
19
5
|
className?: string;
|
|
20
6
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -27,15 +13,5 @@ export interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaC
|
|
|
27
13
|
ariaLabel?: string;
|
|
28
14
|
style?: React.CSSProperties;
|
|
29
15
|
}
|
|
30
|
-
/**
|
|
31
|
-
* Icon component for rendering a Bulma-styled icon container.
|
|
32
|
-
*
|
|
33
|
-
* Supports Bulma helper classes for styling, color, and size, and renders an <i></i> element for the icon itself.
|
|
34
|
-
*
|
|
35
|
-
* @function
|
|
36
|
-
* @param {IconProps} props - Props for the Icon component.
|
|
37
|
-
* @returns {JSX.Element} The rendered icon element.
|
|
38
|
-
* @see {@link https://bulma.io/documentation/elements/icon/ | Bulma Icon documentation}
|
|
39
|
-
*/
|
|
40
16
|
export declare const Icon: React.FC<IconProps>;
|
|
41
17
|
export {};
|