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.
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ProgressBarProps } from '../../../interfaces/atomProps';
3
+ declare const ProgressBar: React.FC<ProgressBarProps>;
4
+ export default ProgressBar;
@@ -1,2 +1,3 @@
1
1
  export { default as Button } from './Button';
2
2
  export { default as Column } from './Column';
3
+ export { default as ProgressBar } from './ProgressBar';
@@ -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
- export { Button, Column };
41
+ declare const ProgressBar: React$1.FC<ProgressBarProps>;
42
+
43
+ export { Button, Column, ProgressBar };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reactive-bulma",
3
- "version": "1.6.0",
3
+ "version": "1.8.0",
4
4
  "description": "A typescript-react-based component library based on bulma",
5
5
  "keywords": [
6
6
  "typescript",