@allxsmith/bestax-bulma 1.0.8 → 1.0.9
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 +3 -3
- package/package.json +45 -5
- package/dist/index.cjs.js +0 -2002
- package/dist/index.cjs.js.map +0 -1
- package/dist/index.esm.js +0 -1904
- package/dist/index.esm.js.map +0 -1
- package/dist/types/columns/Column.d.ts +0 -30
- package/dist/types/columns/Columns.d.ts +0 -23
- package/dist/types/components/Breadcrumb.d.ts +0 -17
- package/dist/types/components/Card.d.ts +0 -20
- package/dist/types/components/Dropdown.d.ts +0 -30
- package/dist/types/components/Menu.d.ts +0 -31
- package/dist/types/components/Message.d.ts +0 -13
- package/dist/types/components/Modal.d.ts +0 -15
- package/dist/types/components/Navbar.d.ts +0 -83
- package/dist/types/components/Pagination.d.ts +0 -49
- package/dist/types/components/Panel.d.ts +0 -55
- package/dist/types/components/Tab.d.ts +0 -30
- package/dist/types/components/Tabs.d.ts +0 -30
- package/dist/types/elements/Block.d.ts +0 -10
- package/dist/types/elements/Box.d.ts +0 -11
- package/dist/types/elements/Button.d.ts +0 -28
- package/dist/types/elements/Buttons.d.ts +0 -14
- package/dist/types/elements/Content.d.ts +0 -12
- package/dist/types/elements/Delete.d.ts +0 -14
- package/dist/types/elements/Icon.d.ts +0 -17
- package/dist/types/elements/IconText.d.ts +0 -18
- package/dist/types/elements/Image.d.ts +0 -17
- package/dist/types/elements/Notification.d.ts +0 -11
- package/dist/types/elements/Progress.d.ts +0 -11
- package/dist/types/elements/SubTitle.d.ts +0 -14
- package/dist/types/elements/Table.d.ts +0 -13
- package/dist/types/elements/Tag.d.ts +0 -18
- package/dist/types/elements/Tags.d.ts +0 -9
- package/dist/types/elements/Tbody.d.ts +0 -7
- package/dist/types/elements/Td.d.ts +0 -10
- package/dist/types/elements/Tfoot.d.ts +0 -7
- package/dist/types/elements/Th.d.ts +0 -14
- package/dist/types/elements/Thead.d.ts +0 -7
- package/dist/types/elements/Title.d.ts +0 -15
- package/dist/types/elements/Tr.d.ts +0 -10
- package/dist/types/form/Checkbox.d.ts +0 -9
- package/dist/types/form/Checkboxes.d.ts +0 -8
- package/dist/types/form/Control.d.ts +0 -31
- package/dist/types/form/Field.d.ts +0 -39
- package/dist/types/form/File.d.ts +0 -19
- package/dist/types/form/Input.d.ts +0 -16
- package/dist/types/form/Radio.d.ts +0 -9
- package/dist/types/form/Radios.d.ts +0 -8
- package/dist/types/form/Select.d.ts +0 -16
- package/dist/types/form/TextArea.d.ts +0 -19
- package/dist/types/grid/Cell.d.ts +0 -17
- package/dist/types/grid/Grid.d.ts +0 -25
- package/dist/types/helpers/classNames.d.ts +0 -2
- package/dist/types/helpers/useBulmaClasses.d.ts +0 -64
- package/dist/types/index.d.ts +0 -54
- package/dist/types/layout/Container.d.ts +0 -17
- package/dist/types/layout/Footer.d.ts +0 -12
- package/dist/types/layout/Hero.d.ts +0 -41
- package/dist/types/layout/Level.d.ts +0 -45
- package/dist/types/layout/Media.d.ts +0 -41
- package/dist/types/layout/Section.d.ts +0 -13
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface TableProps extends Omit<React.TableHTMLAttributes<HTMLTableElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
4
|
-
className?: string;
|
|
5
|
-
isBordered?: boolean;
|
|
6
|
-
isStriped?: boolean;
|
|
7
|
-
isNarrow?: boolean;
|
|
8
|
-
isHoverable?: boolean;
|
|
9
|
-
isFullwidth?: boolean;
|
|
10
|
-
isResponsive?: boolean;
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
export declare const Table: React.FC<TableProps>;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
declare const validTagColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
|
|
4
|
-
export type TagColor = (typeof validTagColors)[number];
|
|
5
|
-
declare const validTagSizes: readonly ["normal", "medium", "large"];
|
|
6
|
-
export type TagSize = (typeof validTagSizes)[number];
|
|
7
|
-
export interface TagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
8
|
-
className?: string;
|
|
9
|
-
color?: TagColor;
|
|
10
|
-
size?: TagSize;
|
|
11
|
-
isRounded?: boolean;
|
|
12
|
-
isDelete?: boolean;
|
|
13
|
-
isHoverable?: boolean;
|
|
14
|
-
onDelete?: () => void;
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare const Tag: React.FC<TagProps>;
|
|
18
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface TagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
4
|
-
className?: string;
|
|
5
|
-
hasAddons?: boolean;
|
|
6
|
-
isMultiline?: boolean;
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
export declare const Tags: React.FC<TagsProps>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface TbodyProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const Tbody: React.FC<TbodyProps>;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export declare const validTableColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "dark", "light", "white"];
|
|
4
|
-
export type TableColor = (typeof validTableColors)[number];
|
|
5
|
-
export interface TdProps extends Omit<React.TdHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
6
|
-
className?: string;
|
|
7
|
-
color?: TableColor;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Td: React.FC<TdProps>;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface TfootProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const Tfoot: React.FC<TfootProps>;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { TableColor } from './Td';
|
|
4
|
-
declare const validAlignments: readonly ["left", "right", "centered"];
|
|
5
|
-
type TableAlignment = (typeof validAlignments)[number];
|
|
6
|
-
export interface ThProps extends Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
7
|
-
className?: string;
|
|
8
|
-
isAligned?: TableAlignment;
|
|
9
|
-
width?: string | number;
|
|
10
|
-
color?: TableColor;
|
|
11
|
-
children?: React.ReactNode;
|
|
12
|
-
}
|
|
13
|
-
export declare const Th: React.FC<ThProps>;
|
|
14
|
-
export {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface TheadProps extends Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor'> {
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
export declare const Thead: React.FC<TheadProps>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
declare const validTitleSizes: readonly ["1", "2", "3", "4", "5", "6"];
|
|
4
|
-
export type TitleSize = (typeof validTitleSizes)[number];
|
|
5
|
-
declare const validTitleElements: readonly ["h1", "h2", "h3", "h4", "h5", "h6", "p"];
|
|
6
|
-
export type TitleElement = (typeof validTitleElements)[number];
|
|
7
|
-
export interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement | HTMLParagraphElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
8
|
-
className?: string;
|
|
9
|
-
size?: TitleSize;
|
|
10
|
-
isSpaced?: boolean;
|
|
11
|
-
as?: TitleElement;
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export declare const Title: React.FC<TitleProps>;
|
|
15
|
-
export default Title;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { TableColor } from './Td';
|
|
4
|
-
export interface TrProps extends Omit<React.HTMLAttributes<HTMLTableRowElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
|
|
5
|
-
className?: string;
|
|
6
|
-
isSelected?: boolean;
|
|
7
|
-
color?: TableColor;
|
|
8
|
-
children?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export declare const Tr: React.FC<TrProps>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'>, Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
className?: string;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export default Checkbox;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface CheckboxesProps extends Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
className?: string;
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
declare const Checkboxes: React.FC<CheckboxesProps>;
|
|
8
|
-
export default Checkboxes;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
import { IconProps } from '../elements/Icon';
|
|
4
|
-
export interface ControlBaseProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
5
|
-
hasIconsLeft?: boolean;
|
|
6
|
-
hasIconsRight?: boolean;
|
|
7
|
-
isLoading?: boolean;
|
|
8
|
-
isExpanded?: boolean;
|
|
9
|
-
size?: 'small' | 'medium' | 'large';
|
|
10
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
11
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
12
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
13
|
-
iconLeft?: IconProps;
|
|
14
|
-
iconRight?: IconProps;
|
|
15
|
-
iconLeftName?: string;
|
|
16
|
-
iconLeftSize?: 'small' | 'medium' | 'large';
|
|
17
|
-
iconRightName?: string;
|
|
18
|
-
iconRightSize?: 'small' | 'medium' | 'large';
|
|
19
|
-
className?: string;
|
|
20
|
-
children?: React.ReactNode;
|
|
21
|
-
}
|
|
22
|
-
declare const Control: React.ForwardRefExoticComponent<(Omit<{
|
|
23
|
-
as?: "div";
|
|
24
|
-
} & ControlBaseProps & {
|
|
25
|
-
ref?: React.Ref<HTMLDivElement>;
|
|
26
|
-
}, "ref"> | Omit<{
|
|
27
|
-
as: "p";
|
|
28
|
-
} & Omit<ControlBaseProps, keyof React.HTMLAttributes<HTMLDivElement>> & React.HTMLAttributes<HTMLParagraphElement> & {
|
|
29
|
-
ref?: React.Ref<HTMLParagraphElement>;
|
|
30
|
-
}, "ref">) & React.RefAttributes<HTMLDivElement | HTMLParagraphElement>>;
|
|
31
|
-
export default Control;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface FieldProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
4
|
-
horizontal?: boolean;
|
|
5
|
-
grouped?: boolean | 'centered' | 'right' | 'multiline';
|
|
6
|
-
hasAddons?: boolean;
|
|
7
|
-
label?: React.ReactNode;
|
|
8
|
-
labelSize?: 'small' | 'normal' | 'medium' | 'large';
|
|
9
|
-
labelProps?: React.LabelHTMLAttributes<HTMLLabelElement> & {
|
|
10
|
-
[key: string]: unknown;
|
|
11
|
-
};
|
|
12
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
13
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
14
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
15
|
-
className?: string;
|
|
16
|
-
children?: React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
export interface FieldLabelProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
19
|
-
size?: 'small' | 'normal' | 'medium' | 'large';
|
|
20
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
21
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
22
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
23
|
-
className?: string;
|
|
24
|
-
children?: React.ReactNode;
|
|
25
|
-
}
|
|
26
|
-
export interface FieldBodyProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
27
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
28
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
29
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
30
|
-
className?: string;
|
|
31
|
-
children?: React.ReactNode;
|
|
32
|
-
}
|
|
33
|
-
declare const FieldLabel: React.FC<FieldLabelProps>;
|
|
34
|
-
declare const FieldBody: React.FC<FieldBodyProps>;
|
|
35
|
-
declare const Field: React.FC<FieldProps> & {
|
|
36
|
-
Label: typeof FieldLabel;
|
|
37
|
-
Body: typeof FieldBody;
|
|
38
|
-
};
|
|
39
|
-
export default Field;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface FileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'color' | 'type'>, Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
|
|
5
|
-
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
isBoxed?: boolean;
|
|
7
|
-
isFullwidth?: boolean;
|
|
8
|
-
isRight?: boolean;
|
|
9
|
-
isCentered?: boolean;
|
|
10
|
-
hasName?: boolean;
|
|
11
|
-
label?: React.ReactNode;
|
|
12
|
-
iconLeft?: React.ReactNode;
|
|
13
|
-
iconRight?: React.ReactNode;
|
|
14
|
-
className?: string;
|
|
15
|
-
inputClassName?: string;
|
|
16
|
-
fileName?: string;
|
|
17
|
-
}
|
|
18
|
-
declare const File: React.ForwardRefExoticComponent<FileProps & React.RefAttributes<HTMLInputElement>>;
|
|
19
|
-
export default File;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
|
|
5
|
-
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
isRounded?: boolean;
|
|
7
|
-
isStatic?: boolean;
|
|
8
|
-
isHovered?: boolean;
|
|
9
|
-
isFocused?: boolean;
|
|
10
|
-
isLoading?: boolean;
|
|
11
|
-
className?: string;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
readOnly?: boolean;
|
|
14
|
-
}
|
|
15
|
-
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
16
|
-
export default Input;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'color'>, Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
className?: string;
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
}
|
|
8
|
-
declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
9
|
-
export default Radio;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface RadiosProps extends Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
className?: string;
|
|
5
|
-
children: React.ReactNode;
|
|
6
|
-
}
|
|
7
|
-
declare const Radios: React.FC<RadiosProps>;
|
|
8
|
-
export default Radios;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'>, Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
|
|
5
|
-
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
isRounded?: boolean;
|
|
7
|
-
isLoading?: boolean;
|
|
8
|
-
isActive?: boolean;
|
|
9
|
-
className?: string;
|
|
10
|
-
disabled?: boolean;
|
|
11
|
-
multiple?: boolean;
|
|
12
|
-
multipleSize?: number;
|
|
13
|
-
children?: React.ReactNode;
|
|
14
|
-
}
|
|
15
|
-
declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
|
|
16
|
-
export default Select;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>, Omit<BulmaClassesProps, 'color'> {
|
|
4
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger' | 'black' | 'dark' | 'light' | 'white';
|
|
5
|
-
size?: 'small' | 'medium' | 'large';
|
|
6
|
-
isRounded?: boolean;
|
|
7
|
-
isStatic?: boolean;
|
|
8
|
-
isHovered?: boolean;
|
|
9
|
-
isFocused?: boolean;
|
|
10
|
-
isLoading?: boolean;
|
|
11
|
-
isActive?: boolean;
|
|
12
|
-
hasFixedSize?: boolean;
|
|
13
|
-
className?: string;
|
|
14
|
-
disabled?: boolean;
|
|
15
|
-
readOnly?: boolean;
|
|
16
|
-
rows?: number;
|
|
17
|
-
}
|
|
18
|
-
declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
19
|
-
export default TextArea;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
export type CellSpanValue = number;
|
|
4
|
-
export interface CellProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
5
|
-
colStart?: number;
|
|
6
|
-
colFromEnd?: number;
|
|
7
|
-
colSpan?: CellSpanValue;
|
|
8
|
-
rowStart?: number;
|
|
9
|
-
rowFromEnd?: number;
|
|
10
|
-
rowSpan?: CellSpanValue;
|
|
11
|
-
className?: string;
|
|
12
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
13
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
14
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
15
|
-
children?: React.ReactNode;
|
|
16
|
-
}
|
|
17
|
-
export declare const Cell: React.FC<CellProps>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
export type BulmaGapValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
|
|
4
|
-
export type BulmaMinColValue = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32;
|
|
5
|
-
export type BulmaFixedGridCols = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
6
|
-
export type BulmaFixedGridColsProp = BulmaFixedGridCols | 'auto';
|
|
7
|
-
export interface GridProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
8
|
-
isFixed?: boolean;
|
|
9
|
-
gap?: BulmaGapValue;
|
|
10
|
-
columnGap?: BulmaGapValue;
|
|
11
|
-
rowGap?: BulmaGapValue;
|
|
12
|
-
minCol?: BulmaMinColValue;
|
|
13
|
-
fixedCols?: BulmaFixedGridColsProp;
|
|
14
|
-
fixedColsMobile?: BulmaFixedGridCols;
|
|
15
|
-
fixedColsTablet?: BulmaFixedGridCols;
|
|
16
|
-
fixedColsDesktop?: BulmaFixedGridCols;
|
|
17
|
-
fixedColsWidescreen?: BulmaFixedGridCols;
|
|
18
|
-
fixedColsFullhd?: BulmaFixedGridCols;
|
|
19
|
-
className?: string;
|
|
20
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
21
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
22
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
23
|
-
children?: React.ReactNode;
|
|
24
|
-
}
|
|
25
|
-
export declare const Grid: React.FC<GridProps>;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
export declare const validColors: readonly ["primary", "link", "info", "success", "warning", "danger", "black", "black-bis", "black-ter", "grey-darker", "grey-dark", "grey", "grey-light", "grey-lighter", "white", "light", "dark"];
|
|
2
|
-
export declare const validColorShades: readonly ["00", "05", "10", "15", "20", "25", "30", "35", "40", "45", "50", "55", "60", "65", "70", "75", "80", "85", "90", "95", "invert"];
|
|
3
|
-
export declare const validSizes: readonly ["0", "1", "2", "3", "4", "5", "6", "auto"];
|
|
4
|
-
export declare const validTextSizes: readonly ["1", "2", "3", "4", "5", "6", "7"];
|
|
5
|
-
export declare const validAlignments: readonly ["centered", "justified", "left", "right"];
|
|
6
|
-
export declare const validTextTransforms: readonly ["capitalized", "lowercase", "uppercase", "italic"];
|
|
7
|
-
export declare const validTextWeights: readonly ["light", "normal", "medium", "semibold", "bold"];
|
|
8
|
-
export declare const validFontFamilies: readonly ["sans-serif", "monospace", "primary", "secondary", "code"];
|
|
9
|
-
export declare const validDisplays: readonly ["block", "flex", "inline", "inline-block", "inline-flex"];
|
|
10
|
-
export declare const validVisibilities: readonly ["hidden", "sr-only"];
|
|
11
|
-
export declare const validFlexDirections: readonly ["row", "row-reverse", "column", "column-reverse"];
|
|
12
|
-
export declare const validFlexWraps: readonly ["nowrap", "wrap", "wrap-reverse"];
|
|
13
|
-
export declare const validJustifyContents: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "start", "end", "left", "right"];
|
|
14
|
-
export declare const validAlignContents: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "stretch"];
|
|
15
|
-
export declare const validAlignItems: readonly ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end"];
|
|
16
|
-
export declare const validAlignSelfs: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
|
|
17
|
-
export declare const validFlexGrowShrink: readonly ["0", "1"];
|
|
18
|
-
export declare const validViewports: readonly ["mobile", "tablet", "desktop", "widescreen", "fullhd"];
|
|
19
|
-
export interface BulmaClassesProps {
|
|
20
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
21
|
-
backgroundColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
22
|
-
colorShade?: (typeof validColorShades)[number];
|
|
23
|
-
m?: (typeof validSizes)[number];
|
|
24
|
-
mt?: (typeof validSizes)[number];
|
|
25
|
-
mr?: (typeof validSizes)[number];
|
|
26
|
-
mb?: (typeof validSizes)[number];
|
|
27
|
-
ml?: (typeof validSizes)[number];
|
|
28
|
-
mx?: (typeof validSizes)[number];
|
|
29
|
-
my?: (typeof validSizes)[number];
|
|
30
|
-
p?: (typeof validSizes)[number];
|
|
31
|
-
pt?: (typeof validSizes)[number];
|
|
32
|
-
pr?: (typeof validSizes)[number];
|
|
33
|
-
pb?: (typeof validSizes)[number];
|
|
34
|
-
pl?: (typeof validSizes)[number];
|
|
35
|
-
px?: (typeof validSizes)[number];
|
|
36
|
-
py?: (typeof validSizes)[number];
|
|
37
|
-
textSize?: (typeof validTextSizes)[number];
|
|
38
|
-
textAlign?: (typeof validAlignments)[number];
|
|
39
|
-
textTransform?: (typeof validTextTransforms)[number];
|
|
40
|
-
textWeight?: (typeof validTextWeights)[number];
|
|
41
|
-
fontFamily?: (typeof validFontFamilies)[number];
|
|
42
|
-
display?: (typeof validDisplays)[number];
|
|
43
|
-
visibility?: (typeof validVisibilities)[number];
|
|
44
|
-
flexDirection?: (typeof validFlexDirections)[number];
|
|
45
|
-
flexWrap?: (typeof validFlexWraps)[number];
|
|
46
|
-
justifyContent?: (typeof validJustifyContents)[number];
|
|
47
|
-
alignContent?: (typeof validAlignContents)[number];
|
|
48
|
-
alignItems?: (typeof validAlignItems)[number];
|
|
49
|
-
alignSelf?: (typeof validAlignSelfs)[number];
|
|
50
|
-
flexGrow?: (typeof validFlexGrowShrink)[number];
|
|
51
|
-
flexShrink?: (typeof validFlexGrowShrink)[number];
|
|
52
|
-
float?: 'left' | 'right';
|
|
53
|
-
overflow?: 'clipped';
|
|
54
|
-
overlay?: boolean;
|
|
55
|
-
interaction?: 'unselectable' | 'clickable';
|
|
56
|
-
radius?: 'radiusless';
|
|
57
|
-
shadow?: 'shadowless';
|
|
58
|
-
responsive?: 'mobile' | 'narrow';
|
|
59
|
-
viewport?: (typeof validViewports)[number];
|
|
60
|
-
}
|
|
61
|
-
export declare const useBulmaClasses: <T extends Record<string, unknown>>(props: BulmaClassesProps & T) => {
|
|
62
|
-
bulmaHelperClasses: string;
|
|
63
|
-
rest: Omit<T, keyof BulmaClassesProps>;
|
|
64
|
-
};
|
package/dist/types/index.d.ts
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
export * from './columns/Column';
|
|
2
|
-
export * from './columns/Columns';
|
|
3
|
-
export * from './components/Breadcrumb';
|
|
4
|
-
export * from './components/Card';
|
|
5
|
-
export * from './components/Dropdown';
|
|
6
|
-
export * from './components/Menu';
|
|
7
|
-
export * from './components/Message';
|
|
8
|
-
export * from './components/Modal';
|
|
9
|
-
export * from './components/Navbar';
|
|
10
|
-
export * from './components/Pagination';
|
|
11
|
-
export * from './components/Panel';
|
|
12
|
-
export * from './components/Tabs';
|
|
13
|
-
export * from './elements/Block';
|
|
14
|
-
export * from './elements/Box';
|
|
15
|
-
export * from './elements/Button';
|
|
16
|
-
export * from './elements/Buttons';
|
|
17
|
-
export * from './elements/Content';
|
|
18
|
-
export * from './elements/Delete';
|
|
19
|
-
export * from './elements/Icon';
|
|
20
|
-
export * from './elements/IconText';
|
|
21
|
-
export * from './elements/Image';
|
|
22
|
-
export * from './elements/Notification';
|
|
23
|
-
export * from './elements/Progress';
|
|
24
|
-
export * from './elements/SubTitle';
|
|
25
|
-
export * from './elements/Table';
|
|
26
|
-
export * from './elements/Tag';
|
|
27
|
-
export * from './elements/Tags';
|
|
28
|
-
export * from './elements/Tbody';
|
|
29
|
-
export * from './elements/Td';
|
|
30
|
-
export * from './elements/Tfoot';
|
|
31
|
-
export * from './elements/Th';
|
|
32
|
-
export * from './elements/Thead';
|
|
33
|
-
export * from './elements/Title';
|
|
34
|
-
export * from './elements/Tr';
|
|
35
|
-
export * from './form/Checkbox';
|
|
36
|
-
export * from './form/Checkboxes';
|
|
37
|
-
export * from './form/Control';
|
|
38
|
-
export * from './form/Field';
|
|
39
|
-
export * from './form/File';
|
|
40
|
-
export * from './form/Input';
|
|
41
|
-
export * from './form/Radio';
|
|
42
|
-
export * from './form/Radios';
|
|
43
|
-
export * from './form/Select';
|
|
44
|
-
export * from './form/TextArea';
|
|
45
|
-
export * from './grid/Cell';
|
|
46
|
-
export * from './grid/Grid';
|
|
47
|
-
export * from './helpers/classNames';
|
|
48
|
-
export * from './helpers/useBulmaClasses';
|
|
49
|
-
export * from './layout/Container';
|
|
50
|
-
export * from './layout/Footer';
|
|
51
|
-
export * from './layout/Hero';
|
|
52
|
-
export * from './layout/Level';
|
|
53
|
-
export * from './layout/Media';
|
|
54
|
-
export * from './layout/Section';
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
export type ContainerBreakpoint = 'tablet' | 'desktop' | 'widescreen';
|
|
4
|
-
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
5
|
-
className?: string;
|
|
6
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
7
|
-
color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
|
|
8
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
9
|
-
fluid?: boolean;
|
|
10
|
-
widescreen?: boolean;
|
|
11
|
-
fullhd?: boolean;
|
|
12
|
-
breakpoint?: ContainerBreakpoint;
|
|
13
|
-
isMax?: boolean;
|
|
14
|
-
children?: React.ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export declare const Container: React.FC<ContainerProps>;
|
|
17
|
-
export default Container;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface FooterProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
4
|
-
as?: 'footer' | 'div';
|
|
5
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
6
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
7
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
8
|
-
className?: string;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
}
|
|
11
|
-
declare const Footer: React.FC<FooterProps>;
|
|
12
|
-
export default Footer;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
export type HeroSize = 'small' | 'medium' | 'large' | 'fullheight' | 'fullheight-with-navbar';
|
|
4
|
-
export interface HeroProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
5
|
-
className?: string;
|
|
6
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
7
|
-
size?: HeroSize;
|
|
8
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
9
|
-
fullheightWithNavbar?: boolean;
|
|
10
|
-
children?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export declare const Hero: React.FC<HeroProps> & {
|
|
13
|
-
Head: typeof HeroHead;
|
|
14
|
-
Body: typeof HeroBody;
|
|
15
|
-
Foot: typeof HeroFoot;
|
|
16
|
-
};
|
|
17
|
-
export interface HeroHeadProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
18
|
-
className?: string;
|
|
19
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
20
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
21
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
22
|
-
children?: React.ReactNode;
|
|
23
|
-
}
|
|
24
|
-
export declare const HeroHead: React.FC<HeroHeadProps>;
|
|
25
|
-
export interface HeroBodyProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
26
|
-
className?: string;
|
|
27
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
28
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
29
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
30
|
-
children?: React.ReactNode;
|
|
31
|
-
}
|
|
32
|
-
export declare const HeroBody: React.FC<HeroBodyProps>;
|
|
33
|
-
export interface HeroFootProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
34
|
-
className?: string;
|
|
35
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
36
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
37
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
38
|
-
children?: React.ReactNode;
|
|
39
|
-
}
|
|
40
|
-
export declare const HeroFoot: React.FC<HeroFootProps>;
|
|
41
|
-
export default Hero;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
|
|
3
|
-
export interface LevelProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
4
|
-
isMobile?: boolean;
|
|
5
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
6
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
7
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
8
|
-
className?: string;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
}
|
|
11
|
-
declare const Level: React.FC<LevelProps> & {
|
|
12
|
-
Left: typeof LevelLeft;
|
|
13
|
-
Right: typeof LevelRight;
|
|
14
|
-
Item: typeof LevelItem;
|
|
15
|
-
};
|
|
16
|
-
export interface LevelLeftProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
17
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
18
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
19
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
20
|
-
className?: string;
|
|
21
|
-
children?: React.ReactNode;
|
|
22
|
-
}
|
|
23
|
-
declare const LevelLeft: React.FC<LevelLeftProps>;
|
|
24
|
-
export interface LevelRightProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
25
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
26
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
27
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
28
|
-
className?: string;
|
|
29
|
-
children?: React.ReactNode;
|
|
30
|
-
}
|
|
31
|
-
declare const LevelRight: React.FC<LevelRightProps>;
|
|
32
|
-
export interface LevelItemProps extends React.HTMLAttributes<HTMLDivElement | HTMLParagraphElement | HTMLAnchorElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
33
|
-
as?: 'div' | 'p' | 'a';
|
|
34
|
-
hasTextCentered?: boolean;
|
|
35
|
-
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
36
|
-
bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
37
|
-
textColor?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
38
|
-
className?: string;
|
|
39
|
-
children?: React.ReactNode;
|
|
40
|
-
href?: string;
|
|
41
|
-
target?: string;
|
|
42
|
-
rel?: string;
|
|
43
|
-
}
|
|
44
|
-
declare const LevelItem: React.FC<LevelItemProps>;
|
|
45
|
-
export default Level;
|