reactive-bulma 1.6.0 → 1.8.0
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 +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 };
|