reactive-bulma 1.6.0 → 1.8.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +7 -5
- package/dist/cjs/index.js +29 -4
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/atoms/ProgressBar/index.d.ts +4 -0
- package/dist/cjs/types/components/atoms/index.d.ts +1 -0
- package/dist/cjs/types/functions/persers.d.ts +1 -0
- package/dist/cjs/types/functions/tests/parsers.test.d.ts +1 -0
- package/dist/cjs/types/interfaces/atomProps.d.ts +23 -4
- package/dist/cjs/types/types/domTypes.d.ts +1 -0
- package/dist/cjs/types/types/styleTypes.d.ts +2 -0
- package/dist/esm/index.js +29 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/atoms/ProgressBar/index.d.ts +4 -0
- package/dist/esm/types/components/atoms/index.d.ts +1 -0
- package/dist/esm/types/functions/persers.d.ts +1 -0
- package/dist/esm/types/functions/tests/parsers.test.d.ts +1 -0
- package/dist/esm/types/interfaces/atomProps.d.ts +23 -4
- package/dist/esm/types/types/domTypes.d.ts +1 -0
- package/dist/esm/types/types/styleTypes.d.ts +2 -0
- package/dist/index.d.ts +27 -4
- package/package.json +1 -1
@@ -0,0 +1 @@
|
|
1
|
+
export declare const parseClasses: (_classes: Array<string | null>) => string;
|
@@ -0,0 +1 @@
|
|
1
|
+
export {};
|
@@ -1,10 +1,29 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import { columnOffsetType, columnSizeType } from '../types/styleTypes';
|
3
|
-
export interface ButtonProps {
|
4
|
-
text?: string;
|
5
|
-
}
|
2
|
+
import { basicColorType, columnOffsetType, columnSizeType, sizeType } from '../types/styleTypes';
|
6
3
|
export interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
|
7
4
|
size?: columnSizeType;
|
8
5
|
offset?: columnOffsetType;
|
9
6
|
isNarrow?: boolean;
|
10
7
|
}
|
8
|
+
export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
|
9
|
+
text?: string;
|
10
|
+
style?: React.CSSProperties;
|
11
|
+
color?: basicColorType;
|
12
|
+
isLightColor?: boolean;
|
13
|
+
isInvertedColor?: boolean;
|
14
|
+
isOutlined?: boolean;
|
15
|
+
isRounded?: boolean;
|
16
|
+
isLoading?: boolean;
|
17
|
+
isDisabled?: boolean;
|
18
|
+
isStatic?: boolean;
|
19
|
+
size?: sizeType;
|
20
|
+
onClick?: () => void;
|
21
|
+
}
|
22
|
+
export interface ProgressBarProps extends React.ComponentPropsWithoutRef<'progress'> {
|
23
|
+
value?: number;
|
24
|
+
max?: number;
|
25
|
+
style?: React.CSSProperties;
|
26
|
+
color?: basicColorType;
|
27
|
+
size?: sizeType;
|
28
|
+
isLoading?: boolean;
|
29
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export type buttonType = 'submit' | 'reset' | 'button';
|
@@ -1,2 +1,4 @@
|
|
1
1
|
export type columnSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
|
2
2
|
export type columnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';
|
3
|
+
export type basicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-text' | 'is-ghost' | 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger';
|
4
|
+
export type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
|
package/dist/index.d.ts
CHANGED
@@ -3,18 +3,41 @@ import React$1 from 'react';
|
|
3
3
|
|
4
4
|
type columnSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
|
5
5
|
type columnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';
|
6
|
+
type basicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-text' | 'is-ghost' | 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger';
|
7
|
+
type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
|
6
8
|
|
7
|
-
interface ButtonProps {
|
8
|
-
text?: string;
|
9
|
-
}
|
10
9
|
interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
|
11
10
|
size?: columnSizeType;
|
12
11
|
offset?: columnOffsetType;
|
13
12
|
isNarrow?: boolean;
|
14
13
|
}
|
14
|
+
interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
|
15
|
+
text?: string;
|
16
|
+
style?: React.CSSProperties;
|
17
|
+
color?: basicColorType;
|
18
|
+
isLightColor?: boolean;
|
19
|
+
isInvertedColor?: boolean;
|
20
|
+
isOutlined?: boolean;
|
21
|
+
isRounded?: boolean;
|
22
|
+
isLoading?: boolean;
|
23
|
+
isDisabled?: boolean;
|
24
|
+
isStatic?: boolean;
|
25
|
+
size?: sizeType;
|
26
|
+
onClick?: () => void;
|
27
|
+
}
|
28
|
+
interface ProgressBarProps extends React.ComponentPropsWithoutRef<'progress'> {
|
29
|
+
value?: number;
|
30
|
+
max?: number;
|
31
|
+
style?: React.CSSProperties;
|
32
|
+
color?: basicColorType;
|
33
|
+
size?: sizeType;
|
34
|
+
isLoading?: boolean;
|
35
|
+
}
|
15
36
|
|
16
37
|
declare const Button: React$1.FC<ButtonProps>;
|
17
38
|
|
18
39
|
declare const Column: React$1.FC<ColumnProps>;
|
19
40
|
|
20
|
-
|
41
|
+
declare const ProgressBar: React$1.FC<ProgressBarProps>;
|
42
|
+
|
43
|
+
export { Button, Column, ProgressBar };
|