@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,27 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
3
|
import { IconProps } from './Icon';
|
|
4
|
-
/**
|
|
5
|
-
* Represents an item for the IconText component, containing icon props and optional text.
|
|
6
|
-
*
|
|
7
|
-
* @property {IconProps} iconProps - Props for the Icon component.
|
|
8
|
-
* @property {string} [text] - Optional text to display next to the icon.
|
|
9
|
-
*/
|
|
10
4
|
interface IconTextItem {
|
|
11
5
|
iconProps: IconProps;
|
|
12
6
|
text?: string;
|
|
13
7
|
}
|
|
14
|
-
/**
|
|
15
|
-
* Props for the IconText component.
|
|
16
|
-
*
|
|
17
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
18
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Text color (Bulma color, 'inherit', or 'current').
|
|
19
|
-
* @property {'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger'} [color] - Bulma color modifier for the icon text.
|
|
20
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
21
|
-
* @property {IconProps} [iconProps] - Props for a single Icon component.
|
|
22
|
-
* @property {React.ReactNode} [children] - Text for a single icon.
|
|
23
|
-
* @property {IconTextItem[]} [items] - Array of icon/text pairs for multiple icons.
|
|
24
|
-
*/
|
|
25
8
|
interface IconTextProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaClassesProps {
|
|
26
9
|
className?: string;
|
|
27
10
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -31,15 +14,5 @@ interface IconTextProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaClas
|
|
|
31
14
|
children?: React.ReactNode;
|
|
32
15
|
items?: IconTextItem[];
|
|
33
16
|
}
|
|
34
|
-
/**
|
|
35
|
-
* IconText component for rendering one or more icons with optional text, styled with Bulma.
|
|
36
|
-
*
|
|
37
|
-
* Supports Bulma helper classes for styling, color, and layout. Can render a single icon with text or multiple icon/text pairs.
|
|
38
|
-
*
|
|
39
|
-
* @function
|
|
40
|
-
* @param {IconTextProps} props - Props for the IconText component.
|
|
41
|
-
* @returns {JSX.Element} The rendered icon text element.
|
|
42
|
-
* @see {@link https://bulma.io/documentation/elements/icon/#icon-text | Bulma IconText documentation}
|
|
43
|
-
*/
|
|
44
17
|
export declare const IconText: React.FC<IconTextProps>;
|
|
45
18
|
export {};
|
|
@@ -1,20 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Image 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 image container.
|
|
9
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color (Bulma color, 'inherit', or 'current').
|
|
10
|
-
* @property {string} [size] - Size or aspect ratio modifier (e.g., '128x128', '16by9', etc.).
|
|
11
|
-
* @property {boolean} [isRounded] - Whether the image should have rounded corners.
|
|
12
|
-
* @property {boolean} [isRetina] - Whether to use retina (2x) image source.
|
|
13
|
-
* @property {string} [src] - Image source URL.
|
|
14
|
-
* @property {string} [alt] - Alternate text for the image.
|
|
15
|
-
* @property {React.ReactNode} [children] - Arbitrary children (e.g., iframe or custom content).
|
|
16
|
-
* @property {'figure' | 'div' | 'p'} [as] - The tag to render. Defaults to 'figure', but can be 'p', 'div', etc.
|
|
17
|
-
*/
|
|
18
3
|
export interface ImageProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
19
4
|
className?: string;
|
|
20
5
|
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -28,17 +13,5 @@ export interface ImageProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulm
|
|
|
28
13
|
children?: React.ReactNode;
|
|
29
14
|
as?: 'figure' | 'div' | 'p';
|
|
30
15
|
}
|
|
31
|
-
/**
|
|
32
|
-
* Image component for rendering a styled Bulma image element.
|
|
33
|
-
*
|
|
34
|
-
* Supports fixed-size containers, aspect ratios, rounded images, retina images, and arbitrary children (e.g., iframe).
|
|
35
|
-
*
|
|
36
|
-
* The "as" prop allows rendering as "figure", "p", or "div" tags etc.
|
|
37
|
-
*
|
|
38
|
-
* @function
|
|
39
|
-
* @param {ImageProps} props - Props for the Image component.
|
|
40
|
-
* @returns {JSX.Element} The rendered image element.
|
|
41
|
-
* @see {@link https://bulma.io/documentation/elements/image/ | Bulma Image documentation}
|
|
42
|
-
*/
|
|
43
16
|
export declare const Image: React.FC<ImageProps>;
|
|
44
17
|
export default Image;
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Notification component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {(typeof validColors)[number]} [color] - Bulma color modifier for the notification.
|
|
8
|
-
* @property {boolean} [isLight] - Use the light color variant.
|
|
9
|
-
* @property {boolean} [hasDelete] - Show a delete (close) button.
|
|
10
|
-
* @property {() => void} [onDelete] - Callback fired when the delete button is clicked.
|
|
11
|
-
* @property {React.ReactNode} [children] - Content to be rendered inside the notification.
|
|
12
|
-
*/
|
|
13
3
|
export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
14
4
|
className?: string;
|
|
15
5
|
color?: (typeof validColors)[number];
|
|
@@ -18,14 +8,4 @@ export interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>,
|
|
|
18
8
|
onDelete?: () => void;
|
|
19
9
|
children?: React.ReactNode;
|
|
20
10
|
}
|
|
21
|
-
/**
|
|
22
|
-
* Notification component for rendering a styled Bulma notification.
|
|
23
|
-
*
|
|
24
|
-
* Supports colors, light variants, a delete button, and arbitrary content.
|
|
25
|
-
*
|
|
26
|
-
* @function
|
|
27
|
-
* @param {NotificationProps} props - Props for the Notification component.
|
|
28
|
-
* @returns {JSX.Element} The rendered notification element.
|
|
29
|
-
* @see {@link https://bulma.io/documentation/elements/notification/ | Bulma Notification documentation}
|
|
30
|
-
*/
|
|
31
11
|
export declare const Notification: React.FC<NotificationProps>;
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Progress component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {(typeof validColors)[number]} [color] - Bulma color modifier for the progress bar.
|
|
8
|
-
* @property {'small' | 'medium' | 'large'} [size] - Size modifier for the progress bar.
|
|
9
|
-
* @property {number} [value] - Current value of the progress bar.
|
|
10
|
-
* @property {number} [max] - Maximum value of the progress bar.
|
|
11
|
-
* @property {React.ReactNode} [children] - Optional custom content inside the progress element.
|
|
12
|
-
*/
|
|
13
3
|
export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgressElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
14
4
|
className?: string;
|
|
15
5
|
color?: (typeof validColors)[number];
|
|
@@ -18,14 +8,4 @@ export interface ProgressProps extends React.ProgressHTMLAttributes<HTMLProgress
|
|
|
18
8
|
max?: number;
|
|
19
9
|
children?: React.ReactNode;
|
|
20
10
|
}
|
|
21
|
-
/**
|
|
22
|
-
* Progress component for rendering a styled Bulma progress bar.
|
|
23
|
-
*
|
|
24
|
-
* Supports Bulma color and size modifiers, value/max attributes, and optional custom content.
|
|
25
|
-
*
|
|
26
|
-
* @function
|
|
27
|
-
* @param {ProgressProps} props - Props for the Progress component.
|
|
28
|
-
* @returns {JSX.Element} The rendered progress bar element.
|
|
29
|
-
* @see {@link https://bulma.io/documentation/elements/progress/ | Bulma Progress documentation}
|
|
30
|
-
*/
|
|
31
11
|
export declare const Progress: React.FC<ProgressProps>;
|
|
@@ -1,38 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
3
|
declare const validSubTitleSizes: readonly ["1", "2", "3", "4", "5", "6"];
|
|
4
|
-
/**
|
|
5
|
-
* Valid size values for the SubTitle component (Bulma subtitle sizes).
|
|
6
|
-
*/
|
|
7
4
|
export type SubTitleSize = (typeof validSubTitleSizes)[number];
|
|
8
5
|
declare const validSubTitleElements: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
|
|
9
|
-
/**
|
|
10
|
-
* Valid HTML elements for the SubTitle component.
|
|
11
|
-
*/
|
|
12
6
|
export type SubTitleElement = (typeof validSubTitleElements)[number];
|
|
13
|
-
/**
|
|
14
|
-
* Props for the SubTitle component.
|
|
15
|
-
*
|
|
16
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
17
|
-
* @property {SubTitleSize} [size] - Size of the subtitle (1-6).
|
|
18
|
-
* @property {SubTitleElement} [as='h1'] - HTML element to render as (h1-h6 or p).
|
|
19
|
-
* @property {React.ReactNode} [children] - Subtitle content.
|
|
20
|
-
*/
|
|
21
7
|
export interface SubTitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement | HTMLParagraphElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
22
8
|
className?: string;
|
|
23
9
|
size?: SubTitleSize;
|
|
24
10
|
as?: SubTitleElement;
|
|
25
11
|
children?: React.ReactNode;
|
|
26
12
|
}
|
|
27
|
-
/**
|
|
28
|
-
* SubTitle component for rendering a styled Bulma subtitle.
|
|
29
|
-
*
|
|
30
|
-
* Supports Bulma subtitle sizes and rendering as different HTML elements (h1-h6, p).
|
|
31
|
-
*
|
|
32
|
-
* @function
|
|
33
|
-
* @param {SubTitleProps} props - Props for the SubTitle component.
|
|
34
|
-
* @returns {JSX.Element} The rendered subtitle element.
|
|
35
|
-
* @see {@link https://bulma.io/documentation/elements/title/#subtitle | Bulma Subtitle documentation}
|
|
36
|
-
*/
|
|
37
13
|
export declare const SubTitle: React.FC<SubTitleProps>;
|
|
38
14
|
export default SubTitle;
|
|
@@ -1,20 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @group Table
|
|
3
|
-
*/
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
6
|
-
/**
|
|
7
|
-
* Props for the Table component.
|
|
8
|
-
*
|
|
9
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
10
|
-
* @property {boolean} [isBordered] - Adds borders to all the cells.
|
|
11
|
-
* @property {boolean} [isStriped] - Adds zebra-striping to rows.
|
|
12
|
-
* @property {boolean} [isNarrow] - Makes the table more compact by cutting cell padding in half.
|
|
13
|
-
* @property {boolean} [isHoverable] - Adds a hover effect on rows.
|
|
14
|
-
* @property {boolean} [isFullwidth] - Makes the table span the full width of its parent.
|
|
15
|
-
* @property {boolean} [isResponsive] - Makes the table horizontally scrollable on small screens.
|
|
16
|
-
* @property {React.ReactNode} [children] - Table content.
|
|
17
|
-
*/
|
|
18
3
|
export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
19
4
|
className?: string;
|
|
20
5
|
isBordered?: boolean;
|
|
@@ -25,14 +10,4 @@ export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElem
|
|
|
25
10
|
isResponsive?: boolean;
|
|
26
11
|
children?: React.ReactNode;
|
|
27
12
|
}
|
|
28
|
-
/**
|
|
29
|
-
* Table component for rendering a styled Bulma table.
|
|
30
|
-
*
|
|
31
|
-
* Supports responsive, bordered, striped, narrow, hoverable, and fullwidth variants.
|
|
32
|
-
*
|
|
33
|
-
* @function
|
|
34
|
-
* @param {TableProps} props - Props for the Table component.
|
|
35
|
-
* @returns {JSX.Element} The rendered table element.
|
|
36
|
-
* @see {@link https://bulma.io/documentation/elements/table/ | Bulma Table documentation}
|
|
37
|
-
*/
|
|
38
13
|
export declare const Table: React.FC<TableProps>;
|
|
@@ -1,27 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
3
|
declare const validTagColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
|
|
4
|
-
/**
|
|
5
|
-
* Valid color values for the Tag component (Bulma tag colors).
|
|
6
|
-
*/
|
|
7
4
|
export type TagColor = (typeof validTagColors)[number];
|
|
8
5
|
declare const validTagSizes: readonly ["normal", "medium", "large"];
|
|
9
|
-
/**
|
|
10
|
-
* Valid size values for the Tag component (Bulma tag sizes).
|
|
11
|
-
*/
|
|
12
6
|
export type TagSize = (typeof validTagSizes)[number];
|
|
13
|
-
/**
|
|
14
|
-
* Props for the Tag component.
|
|
15
|
-
*
|
|
16
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
17
|
-
* @property {TagColor} [color] - Bulma color modifier for the tag.
|
|
18
|
-
* @property {TagSize} [size] - Size modifier for the tag.
|
|
19
|
-
* @property {boolean} [isRounded] - Whether the tag should have rounded corners.
|
|
20
|
-
* @property {boolean} [isDelete] - Whether the tag is a delete button.
|
|
21
|
-
* @property {boolean} [isHoverable] - Whether the tag is hoverable.
|
|
22
|
-
* @property {() => void} [onDelete] - Callback fired when the delete button is clicked.
|
|
23
|
-
* @property {React.ReactNode} [children] - Tag content.
|
|
24
|
-
*/
|
|
25
7
|
export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
26
8
|
className?: string;
|
|
27
9
|
color?: TagColor;
|
|
@@ -32,15 +14,5 @@ export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'c
|
|
|
32
14
|
onDelete?: () => void;
|
|
33
15
|
children?: React.ReactNode;
|
|
34
16
|
}
|
|
35
|
-
/**
|
|
36
|
-
* Tag component for rendering a styled Bulma tag.
|
|
37
|
-
*
|
|
38
|
-
* Supports colors, sizes, rounded, delete, and hoverable variants.
|
|
39
|
-
*
|
|
40
|
-
* @function
|
|
41
|
-
* @param {TagProps} props - Props for the Tag component.
|
|
42
|
-
* @returns {JSX.Element} The rendered tag element.
|
|
43
|
-
* @see {@link https://bulma.io/documentation/elements/tag/ | Bulma Tag documentation}
|
|
44
|
-
*/
|
|
45
17
|
export declare const Tag: React.FC<TagProps>;
|
|
46
18
|
export {};
|
|
@@ -1,27 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Tags component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {boolean} [hasAddons] - Group tags together as addons.
|
|
8
|
-
* @property {boolean} [isMultiline] - Allow tags to wrap onto multiple lines.
|
|
9
|
-
* @property {React.ReactNode} [children] - Tag elements to render inside the container.
|
|
10
|
-
*/
|
|
11
3
|
export interface TagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
12
4
|
className?: string;
|
|
13
5
|
hasAddons?: boolean;
|
|
14
6
|
isMultiline?: boolean;
|
|
15
7
|
children?: React.ReactNode;
|
|
16
8
|
}
|
|
17
|
-
/**
|
|
18
|
-
* Tags component for rendering a styled Bulma tags container.
|
|
19
|
-
*
|
|
20
|
-
* Supports addons and multiline variants.
|
|
21
|
-
*
|
|
22
|
-
* @function
|
|
23
|
-
* @param {TagsProps} props - Props for the Tags component.
|
|
24
|
-
* @returns {JSX.Element} The rendered tags container.
|
|
25
|
-
* @see {@link https://bulma.io/documentation/elements/tag/#list-of-tags | Bulma Tags documentation}
|
|
26
|
-
*/
|
|
27
9
|
export declare const Tags: React.FC<TagsProps>;
|
|
@@ -1,26 +1,7 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @group Table
|
|
3
|
-
*/
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
6
|
-
/**
|
|
7
|
-
* Props for the Tbody component.
|
|
8
|
-
*
|
|
9
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
10
|
-
* @property {React.ReactNode} [children] - Table body content (rows).
|
|
11
|
-
*/
|
|
12
3
|
export interface TbodyProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
13
4
|
className?: string;
|
|
14
5
|
children?: React.ReactNode;
|
|
15
6
|
}
|
|
16
|
-
/**
|
|
17
|
-
* Tbody component for rendering a styled Bulma table body.
|
|
18
|
-
*
|
|
19
|
-
* Supports Bulma helper classes for additional styling.
|
|
20
|
-
*
|
|
21
|
-
* @function
|
|
22
|
-
* @param {TbodyProps} props - Props for the Tbody component.
|
|
23
|
-
* @returns {JSX.Element} The rendered table body element.
|
|
24
|
-
* @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}
|
|
25
|
-
*/
|
|
26
7
|
export declare const Tbody: React.FC<TbodyProps>;
|
|
@@ -1,33 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @group Table
|
|
3
|
-
*/
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
6
3
|
export declare const validTableColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
|
|
7
|
-
/**
|
|
8
|
-
* Valid color values for the Td component (Bulma table cell colors).
|
|
9
|
-
*/
|
|
10
4
|
export type TableColor = (typeof validTableColors)[number];
|
|
11
|
-
/**
|
|
12
|
-
* Props for the Td component.
|
|
13
|
-
*
|
|
14
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
15
|
-
* @property {TableColor} [color] - Bulma color modifier for the table cell.
|
|
16
|
-
* @property {React.ReactNode} [children] - Table cell content.
|
|
17
|
-
*/
|
|
18
5
|
export interface TdProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
19
6
|
className?: string;
|
|
20
7
|
color?: TableColor;
|
|
21
8
|
children?: React.ReactNode;
|
|
22
9
|
}
|
|
23
|
-
/**
|
|
24
|
-
* Td component for rendering a styled Bulma table cell.
|
|
25
|
-
*
|
|
26
|
-
* Supports Bulma color modifiers and helper classes for additional styling.
|
|
27
|
-
*
|
|
28
|
-
* @function
|
|
29
|
-
* @param {TdProps} props - Props for the Td component.
|
|
30
|
-
* @returns {JSX.Element} The rendered table cell element.
|
|
31
|
-
* @see {@link https://bulma.io/documentation/elements/table/#table-body | Bulma Table documentation}
|
|
32
|
-
*/
|
|
33
10
|
export declare const Td: React.FC<TdProps>;
|
|
@@ -1,26 +1,7 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @group Table
|
|
3
|
-
*/
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
6
|
-
/**
|
|
7
|
-
* Props for the Tfoot component.
|
|
8
|
-
*
|
|
9
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
10
|
-
* @property {React.ReactNode} [children] - Table footer content (rows).
|
|
11
|
-
*/
|
|
12
3
|
export interface TfootProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
13
4
|
className?: string;
|
|
14
5
|
children?: React.ReactNode;
|
|
15
6
|
}
|
|
16
|
-
/**
|
|
17
|
-
* Tfoot component for rendering a styled Bulma table footer.
|
|
18
|
-
*
|
|
19
|
-
* Supports Bulma helper classes for additional styling.
|
|
20
|
-
*
|
|
21
|
-
* @function
|
|
22
|
-
* @param {TfootProps} props - Props for the Tfoot component.
|
|
23
|
-
* @returns {JSX.Element} The rendered table footer element.
|
|
24
|
-
* @see {@link https://bulma.io/documentation/elements/table/#table-footer | Bulma Table documentation}
|
|
25
|
-
*/
|
|
26
7
|
export declare const Tfoot: React.FC<TfootProps>;
|
|
@@ -1,23 +1,8 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @group Table
|
|
3
|
-
*/
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
6
3
|
import { TableColor } from './Td';
|
|
7
4
|
declare const validAlignments: readonly ["left", "right", "centered"];
|
|
8
|
-
/**
|
|
9
|
-
* Valid alignment values for the Th component.
|
|
10
|
-
*/
|
|
11
5
|
type TableAlignment = (typeof validAlignments)[number];
|
|
12
|
-
/**
|
|
13
|
-
* Props for the Th component.
|
|
14
|
-
*
|
|
15
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
16
|
-
* @property {TableAlignment} [isAligned] - Text alignment for the header cell ('left', 'right', 'centered').
|
|
17
|
-
* @property {string|number} [width] - Width of the header cell (e.g., '100px' or 100).
|
|
18
|
-
* @property {TableColor} [color] - Bulma color modifier for the header cell.
|
|
19
|
-
* @property {React.ReactNode} [children] - Table header cell content.
|
|
20
|
-
*/
|
|
21
6
|
export interface ThProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
22
7
|
className?: string;
|
|
23
8
|
isAligned?: TableAlignment;
|
|
@@ -25,15 +10,5 @@ export interface ThProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElemen
|
|
|
25
10
|
color?: TableColor;
|
|
26
11
|
children?: React.ReactNode;
|
|
27
12
|
}
|
|
28
|
-
/**
|
|
29
|
-
* Th component for rendering a styled Bulma table header cell.
|
|
30
|
-
*
|
|
31
|
-
* Supports alignment, width, and color modifiers.
|
|
32
|
-
*
|
|
33
|
-
* @function
|
|
34
|
-
* @param {ThProps} props - Props for the Th component.
|
|
35
|
-
* @returns {JSX.Element} The rendered table header cell element.
|
|
36
|
-
* @see {@link https://bulma.io/documentation/elements/table/#table-head | Bulma Table documentation}
|
|
37
|
-
*/
|
|
38
13
|
export declare const Th: React.FC<ThProps>;
|
|
39
14
|
export {};
|
|
@@ -1,26 +1,7 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @group Table
|
|
3
|
-
*/
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
6
|
-
/**
|
|
7
|
-
* Props for the Thead component.
|
|
8
|
-
*
|
|
9
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
10
|
-
* @property {React.ReactNode} [children] - Table header content (rows).
|
|
11
|
-
*/
|
|
12
3
|
export interface TheadProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
13
4
|
className?: string;
|
|
14
5
|
children?: React.ReactNode;
|
|
15
6
|
}
|
|
16
|
-
/**
|
|
17
|
-
* Thead component for rendering a styled Bulma table header.
|
|
18
|
-
*
|
|
19
|
-
* Supports Bulma helper classes for additional styling.
|
|
20
|
-
*
|
|
21
|
-
* @function
|
|
22
|
-
* @param {TheadProps} props - Props for the Thead component.
|
|
23
|
-
* @returns {JSX.Element} The rendered table header element.
|
|
24
|
-
* @see {@link https://bulma.io/documentation/elements/table/#table-head | Bulma Table documentation}
|
|
25
|
-
*/
|
|
26
7
|
export declare const Thead: React.FC<TheadProps>;
|
|
@@ -1,24 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
3
|
declare const validTitleSizes: readonly ["1", "2", "3", "4", "5", "6"];
|
|
4
|
-
/**
|
|
5
|
-
* Valid size values for the Title component (Bulma title sizes).
|
|
6
|
-
*/
|
|
7
4
|
export type TitleSize = (typeof validTitleSizes)[number];
|
|
8
5
|
declare const validTitleElements: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
|
|
9
|
-
/**
|
|
10
|
-
* Valid HTML elements for the Title component.
|
|
11
|
-
*/
|
|
12
6
|
export type TitleElement = (typeof validTitleElements)[number];
|
|
13
|
-
/**
|
|
14
|
-
* Props for the Title component.
|
|
15
|
-
*
|
|
16
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
17
|
-
* @property {TitleSize} [size] - Size of the title (1-6).
|
|
18
|
-
* @property {boolean} [isSpaced] - Adds margin below the title.
|
|
19
|
-
* @property {TitleElement} [as='h1'] - HTML element to render as (h1-h6 or p).
|
|
20
|
-
* @property {React.ReactNode} [children] - Title content.
|
|
21
|
-
*/
|
|
22
7
|
export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement | HTMLParagraphElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
23
8
|
className?: string;
|
|
24
9
|
size?: TitleSize;
|
|
@@ -26,15 +11,5 @@ export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement
|
|
|
26
11
|
as?: TitleElement;
|
|
27
12
|
children?: React.ReactNode;
|
|
28
13
|
}
|
|
29
|
-
/**
|
|
30
|
-
* Title component for rendering a styled Bulma title.
|
|
31
|
-
*
|
|
32
|
-
* Supports sizes, spacing, and rendering as different HTML elements.
|
|
33
|
-
*
|
|
34
|
-
* @function
|
|
35
|
-
* @param {TitleProps} props - Props for the Title component.
|
|
36
|
-
* @returns {JSX.Element} The rendered title element.
|
|
37
|
-
* @see {@link https://bulma.io/documentation/elements/title/ | Bulma Title documentation}
|
|
38
|
-
*/
|
|
39
14
|
export declare const Title: React.FC<TitleProps>;
|
|
40
15
|
export default Title;
|
|
@@ -1,31 +1,10 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @group Table
|
|
3
|
-
*/
|
|
4
1
|
import React from 'react';
|
|
5
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
6
3
|
import { TableColor } from './Td';
|
|
7
|
-
/**
|
|
8
|
-
* Props for the Tr component.
|
|
9
|
-
*
|
|
10
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
11
|
-
* @property {boolean} [isSelected] - Whether the row is selected (adds Bulma's is-selected class).
|
|
12
|
-
* @property {TableColor} [color] - Bulma color modifier for the table row.
|
|
13
|
-
* @property {React.ReactNode} [children] - Table row content (cells).
|
|
14
|
-
*/
|
|
15
4
|
export interface TrProps extends Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
16
5
|
className?: string;
|
|
17
6
|
isSelected?: boolean;
|
|
18
7
|
color?: TableColor;
|
|
19
8
|
children?: React.ReactNode;
|
|
20
9
|
}
|
|
21
|
-
/**
|
|
22
|
-
* Tr component for rendering a styled Bulma table row.
|
|
23
|
-
*
|
|
24
|
-
* Supports the is-selected modifier and color modifiers.
|
|
25
|
-
*
|
|
26
|
-
* @function
|
|
27
|
-
* @param {TrProps} props - Props for the Tr component.
|
|
28
|
-
* @returns {JSX.Element} The rendered table row element.
|
|
29
|
-
* @see {@link https://bulma.io/documentation/elements/table/#table-row | Bulma Table documentation}
|
|
30
|
-
*/
|
|
31
10
|
export declare const Tr: React.FC<TrProps>;
|
|
@@ -1,25 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Checkbox component.
|
|
5
|
-
*
|
|
6
|
-
* @property {boolean} [disabled] - Whether the checkbox is disabled.
|
|
7
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
8
|
-
* @property {React.ReactNode} [children] - The label/content for the checkbox.
|
|
9
|
-
* @see Bulma Checkbox documentation: https://bulma.io/documentation/form/checkbox/
|
|
10
|
-
*/
|
|
11
3
|
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'>, Omit<BulmaClassesProps, 'color'> {
|
|
12
4
|
disabled?: boolean;
|
|
13
5
|
className?: string;
|
|
14
6
|
children?: React.ReactNode;
|
|
15
7
|
}
|
|
16
|
-
/**
|
|
17
|
-
* Bulma Checkbox component with Bulma helper classes support.
|
|
18
|
-
* The label is provided via the children prop.
|
|
19
|
-
*
|
|
20
|
-
* @function
|
|
21
|
-
* @param {CheckboxProps} props - Props for the Checkbox component.
|
|
22
|
-
* @returns {JSX.Element} The rendered checkbox element.
|
|
23
|
-
*/
|
|
24
8
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
25
9
|
export default Checkbox;
|
|
@@ -1,23 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the Checkboxes component.
|
|
5
|
-
*
|
|
6
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
7
|
-
* @property {React.ReactNode} [children] - Checkbox elements to render in the group.
|
|
8
|
-
*/
|
|
9
3
|
export interface CheckboxesProps extends Omit<BulmaClassesProps, 'color'> {
|
|
10
4
|
className?: string;
|
|
11
5
|
children?: React.ReactNode;
|
|
12
6
|
}
|
|
13
|
-
/**
|
|
14
|
-
* Wraps Checkbox components inside a Bulma 'checkboxes' wrapper.
|
|
15
|
-
* Leverages useBulmaClasses for consistency with other components.
|
|
16
|
-
*
|
|
17
|
-
* @function
|
|
18
|
-
* @param {CheckboxesProps} props - Props for the Checkboxes component.
|
|
19
|
-
* @returns {JSX.Element} The rendered checkboxes group.
|
|
20
|
-
* @see {@link https://bulma.io/documentation/form/checkbox/#grouped-checkboxes | Bulma Checkboxes documentation}
|
|
21
|
-
*/
|
|
22
7
|
declare const Checkboxes: React.FC<CheckboxesProps>;
|
|
23
8
|
export default Checkboxes;
|
|
@@ -1,28 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
3
|
import { IconProps } from '../elements/Icon';
|
|
4
|
-
/**
|
|
5
|
-
* Props for the Control component.
|
|
6
|
-
*
|
|
7
|
-
* @property {boolean} [hasIconsLeft] - Adds left icon container.
|
|
8
|
-
* @property {boolean} [hasIconsRight] - Adds right icon container.
|
|
9
|
-
* @property {boolean} [isLoading] - Shows loading indicator.
|
|
10
|
-
* @property {boolean} [isExpanded] - Makes the control expand to fill available space.
|
|
11
|
-
* @property {'small'|'medium'|'large'} [size] - Sets the control size.
|
|
12
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [textColor] - Sets text color.
|
|
13
|
-
* @property {'primary'|'link'|'info'|'success'|'warning'|'danger'} [color] - Bulma color for the control.
|
|
14
|
-
* @property {(typeof validColors)[number] | 'inherit' | 'current'} [bgColor] - Background color.
|
|
15
|
-
* @property {IconProps} [iconLeft] - Icon props for left icon.
|
|
16
|
-
* @property {IconProps} [iconRight] - Icon props for right icon.
|
|
17
|
-
* @property {string} [iconLeftName] - Shortcut for left icon name.
|
|
18
|
-
* @property {'small'|'medium'|'large'} [iconLeftSize] - Shortcut for left icon size.
|
|
19
|
-
* @property {string} [iconRightName] - Shortcut for right icon name.
|
|
20
|
-
* @property {'small'|'medium'|'large'} [iconRightSize] - Shortcut for right icon size.
|
|
21
|
-
* @property {string} [className] - Additional CSS classes to apply.
|
|
22
|
-
* @property {React.ReactNode} [children] - Content inside the control.
|
|
23
|
-
* @property {'div'|'p'} [as] - Element type for the control (default: 'div').
|
|
24
|
-
* @property {React.Ref<HTMLDivElement|HTMLParagraphElement>} [ref] - Ref for the control element.
|
|
25
|
-
*/
|
|
26
4
|
export interface ControlBaseProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
27
5
|
hasIconsLeft?: boolean;
|
|
28
6
|
hasIconsRight?: boolean;
|
|
@@ -41,14 +19,6 @@ export interface ControlBaseProps extends React.HTMLAttributes<HTMLDivElement>,
|
|
|
41
19
|
className?: string;
|
|
42
20
|
children?: React.ReactNode;
|
|
43
21
|
}
|
|
44
|
-
/**
|
|
45
|
-
* Bulma Control component for form controls, with icons, loading, and Bulma helper support.
|
|
46
|
-
*
|
|
47
|
-
* @function
|
|
48
|
-
* @param {ControlProps} props - Props for the Control component.
|
|
49
|
-
* @returns {JSX.Element} The rendered control container.
|
|
50
|
-
* @see {@link https://bulma.io/documentation/form/general/#control | Bulma Control documentation}
|
|
51
|
-
*/
|
|
52
22
|
declare const Control: React.ForwardRefExoticComponent<(Omit<{
|
|
53
23
|
as?: "div";
|
|
54
24
|
} & ControlBaseProps & {
|