reactive-bulma 1.14.0 → 1.15.0

package/dist/esm/types/components/atoms/Input/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InputProps } from '../../../interfaces/atomProps';
+declare const Input: React.FC<InputProps>;
+export default Input;

package/dist/esm/types/components/atoms/index.d.ts

@@ -6,3 +6,4 @@ export { default as Tag } from './Tag';
 export { default as Box } from './Box';
 export { default as Title } from './Title';
 export { default as Icon } from './Icon';
+export { default as Input } from './Input';

package/dist/esm/types/interfaces/atomProps.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, iconColorModeType, sizeType, textColorType, titleSize } from '../types/styleTypes';
+import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, iconColorModeType, basicSizeType, textColorType, titleSizeType } from '../types/styleTypes';
+import { inputTypes } from '../types/domTypes';
 interface BasicProps {
     testId?: string;
     style?: React.CSSProperties;
@@ -20,7 +21,7 @@ export interface ButtonProps extends BasicProps, React.ComponentPropsWithoutRef<
     isLoading?: boolean;
     isDisabled?: boolean;
     isStatic?: boolean;
-    size?: sizeType;
+    size?: basicSizeType;
     onClick?: () => void;
 }
 export interface ProgressBarProps extends BasicProps, React.ComponentPropsWithoutRef<'progress'> {
@@ -28,7 +29,7 @@ export interface ProgressBarProps extends BasicProps, React.ComponentPropsWithou
     max?: number;
     style?: React.CSSProperties;
     color?: basicColorType;
-    size?: sizeType;
+    size?: basicSizeType;
     isLoading?: boolean;
 }
 export interface BlockProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
@@ -39,7 +40,7 @@ export interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'sp
     color?: basicColorType;
     isLight?: boolean;
     isRounded?: boolean;
-    size?: Exclude<sizeType, 'is-normal'>;
+    size?: Exclude<basicSizeType, 'is-normal'>;
     withDelete?: boolean;
     withAddon?: boolean;
     addonText?: string;
@@ -55,7 +56,7 @@ export interface BoxProps extends BasicProps, React.ComponentPropsWithoutRef<'se
 }
 export interface TitleSectionProps extends BasicProps, React.ComponentPropsWithoutRef<'p'> {
     text: string;
-    size?: titleSize;
+    size?: titleSizeType;
     prop: 'title' | 'subtitle';
     isSpaced?: boolean;
 }
@@ -67,8 +68,21 @@ export interface IconProps extends BasicProps {
     iconLabel: string;
     text?: string;
     color?: textColorType;
-    size?: Exclude<sizeType, 'is-normal'>;
+    size?: Exclude<basicSizeType, 'is-normal'>;
     colorMode?: iconColorModeType;
     isSpinning?: boolean;
 }
+export interface InputProps extends BasicProps {
+    type: inputTypes;
+    text?: string;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+    color?: basicColorType;
+    size?: basicSizeType;
+    isRounded?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    onClick?: () => void;
+    onChange?: () => void;
+}
 export {};

package/dist/esm/types/types/domTypes.d.ts

@@ -1 +1,2 @@
 export type buttonType = 'submit' | 'reset' | 'button';
+export type inputTypes = 'text' | 'password' | 'email' | 'tel';

package/dist/esm/types/types/styleTypes.d.ts

@@ -1,8 +1,8 @@
 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';
-export type titleSize = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
+export type titleSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
 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';
 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';
 export type textColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'has-text-dark' | 'has-text-primary' | 'has-text-link' | 'has-text-info' | 'has-text-success' | 'has-text-warning' | 'has-text-danger';
 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';
-export type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
+export type basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
 export type iconColorModeType = 'light' | 'dark';

package/dist/index.d.ts

@@ -1,13 +1,15 @@
 import React from 'react';
 
 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';
-type titleSize = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
+type titleSizeType = 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6';
 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';
 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';
 type textColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'has-text-dark' | 'has-text-primary' | 'has-text-link' | 'has-text-info' | 'has-text-success' | 'has-text-warning' | 'has-text-danger';
-type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
+type basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
 type iconColorModeType = 'light' | 'dark';
 
+type inputTypes = 'text' | 'password' | 'email' | 'tel';
+
 interface BasicProps {
     testId?: string;
     style?: React.CSSProperties;
@@ -28,7 +30,7 @@ interface ButtonProps extends BasicProps, React.ComponentPropsWithoutRef<'button
     isLoading?: boolean;
     isDisabled?: boolean;
     isStatic?: boolean;
-    size?: sizeType;
+    size?: basicSizeType;
     onClick?: () => void;
 }
 interface ProgressBarProps extends BasicProps, React.ComponentPropsWithoutRef<'progress'> {
@@ -36,7 +38,7 @@ interface ProgressBarProps extends BasicProps, React.ComponentPropsWithoutRef<'p
     max?: number;
     style?: React.CSSProperties;
     color?: basicColorType;
-    size?: sizeType;
+    size?: basicSizeType;
     isLoading?: boolean;
 }
 interface BlockProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
@@ -47,7 +49,7 @@ interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'span'> {
     color?: basicColorType;
     isLight?: boolean;
     isRounded?: boolean;
-    size?: Exclude<sizeType, 'is-normal'>;
+    size?: Exclude<basicSizeType, 'is-normal'>;
     withDelete?: boolean;
     withAddon?: boolean;
     addonText?: string;
@@ -58,7 +60,7 @@ interface BoxProps extends BasicProps, React.ComponentPropsWithoutRef<'section'>
 }
 interface TitleSectionProps extends BasicProps, React.ComponentPropsWithoutRef<'p'> {
     text: string;
-    size?: titleSize;
+    size?: titleSizeType;
     prop: 'title' | 'subtitle';
     isSpaced?: boolean;
 }
@@ -70,10 +72,23 @@ interface IconProps extends BasicProps {
     iconLabel: string;
     text?: string;
     color?: textColorType;
-    size?: Exclude<sizeType, 'is-normal'>;
+    size?: Exclude<basicSizeType, 'is-normal'>;
     colorMode?: iconColorModeType;
     isSpinning?: boolean;
 }
+interface InputProps extends BasicProps {
+    type: inputTypes;
+    text?: string;
+    isDisabled?: boolean;
+    isReadonly?: boolean;
+    color?: basicColorType;
+    size?: basicSizeType;
+    isRounded?: boolean;
+    isHovered?: boolean;
+    isFocused?: boolean;
+    onClick?: () => void;
+    onChange?: () => void;
+}
 
 declare const Button: React.FC<ButtonProps>;
 
@@ -91,4 +106,6 @@ declare const Title: React.FC<TitleProps>;
 
 declare const Icon: React.FC<IconProps>;
 
-export { Block, Box, Button, Column, Icon, ProgressBar, Tag, Title };
+declare const Input: React.FC<InputProps>;
+
+export { Block, Box, Button, Column, Icon, Input, ProgressBar, Tag, Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "1.14.0",
+  "version": "1.15.0",
   "description": "A typescript-react-based component library based on bulma",
   "keywords": [
     "typescript",
@@ -31,7 +31,7 @@
   ],
   "types": "dist/index.d.ts",
   "scripts": {
-    "start": "storybook dev",
+    "start": "storybook dev --no-open -p 6006",
     "test": "jest --watchAll=false --verbose",
     "test:ci": "npm test -- --coverage",
     "lint": "eslint src/**/*.tsx",