reactive-bulma 1.12.0 → 1.13.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/dist/cjs/index.js +17 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/atoms/Title/index.d.ts +4 -0
- package/dist/cjs/types/components/atoms/index.d.ts +2 -0
- package/dist/cjs/types/interfaces/atomProps.d.ts +11 -1
- package/dist/cjs/types/types/styleTypes.d.ts +1 -0
- package/dist/esm/index.js +16 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/atoms/Title/index.d.ts +4 -0
- package/dist/esm/types/components/atoms/index.d.ts +2 -0
- package/dist/esm/types/interfaces/atomProps.d.ts +11 -1
- package/dist/esm/types/types/styleTypes.d.ts +1 -0
- package/dist/index.d.ts +18 -1
- package/package.json +1 -1
@@ -3,3 +3,5 @@ export { default as Column } from './Column';
|
|
3
3
|
export { default as ProgressBar } from './ProgressBar';
|
4
4
|
export { default as Block } from './Block';
|
5
5
|
export { default as Tag } from './Tag';
|
6
|
+
export { default as Box } from './Box';
|
7
|
+
export { default as Title } from './Title';
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, sizeType } from '../types/styleTypes';
|
2
|
+
import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, sizeType, titleSize } from '../types/styleTypes';
|
3
3
|
interface BasicProps {
|
4
4
|
testId?: string;
|
5
5
|
style?: React.CSSProperties;
|
@@ -53,4 +53,14 @@ export interface ImageProps extends BasicProps, React.ComponentPropsWithoutRef<'
|
|
53
53
|
}
|
54
54
|
export interface BoxProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
|
55
55
|
}
|
56
|
+
export interface TitleSectionProps extends BasicProps, React.ComponentPropsWithoutRef<'p'> {
|
57
|
+
text: string;
|
58
|
+
size?: titleSize;
|
59
|
+
prop: 'title' | 'subtitle';
|
60
|
+
isSpaced?: boolean;
|
61
|
+
}
|
62
|
+
export interface TitleProps {
|
63
|
+
main?: TitleSectionProps;
|
64
|
+
secondary?: TitleSectionProps;
|
65
|
+
}
|
56
66
|
export {};
|
@@ -1,4 +1,5 @@
|
|
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
|
+
export type titleSize = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
|
2
3
|
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
4
|
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
5
|
export type fixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x48' | 'is-64x64' | 'is-96x96' | 'is-128x128' | 'is-square' | 'is-1by1' | 'is-5by4' | 'is-4by3' | 'is-3by2' | 'is-5by3' | 'is-16by9' | 'is-2by1' | 'is-3by1' | 'is-4by5' | 'is-3by4' | 'is-2by3' | 'is-3by5' | 'is-9by16' | 'is-1by2' | 'is-1by3';
|
package/dist/index.d.ts
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
|
3
3
|
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';
|
4
|
+
type titleSize = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
|
4
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';
|
5
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';
|
6
7
|
type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
|
@@ -51,6 +52,18 @@ interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'span'> {
|
|
51
52
|
addonColor?: basicColorType;
|
52
53
|
onDeleteClick?: () => void;
|
53
54
|
}
|
55
|
+
interface BoxProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
|
56
|
+
}
|
57
|
+
interface TitleSectionProps extends BasicProps, React.ComponentPropsWithoutRef<'p'> {
|
58
|
+
text: string;
|
59
|
+
size?: titleSize;
|
60
|
+
prop: 'title' | 'subtitle';
|
61
|
+
isSpaced?: boolean;
|
62
|
+
}
|
63
|
+
interface TitleProps {
|
64
|
+
main?: TitleSectionProps;
|
65
|
+
secondary?: TitleSectionProps;
|
66
|
+
}
|
54
67
|
|
55
68
|
declare const Button: React.FC<ButtonProps>;
|
56
69
|
|
@@ -62,4 +75,8 @@ declare const Block: React.FC<BlockProps>;
|
|
62
75
|
|
63
76
|
declare const Tag: React.FC<TagProps>;
|
64
77
|
|
65
|
-
|
78
|
+
declare const Box: React.FC<BoxProps>;
|
79
|
+
|
80
|
+
declare const Title: React.FC<TitleProps>;
|
81
|
+
|
82
|
+
export { Block, Box, Button, Column, ProgressBar, Tag, Title };
|