reactive-bulma 1.5.0 → 1.7.0

package/dist/esm/types/components/{Button/Button.d.ts → atoms/Button/index.d.ts}

@@ -1,6 +1,4 @@
 import React from 'react';
-interface ButtonProps {
-    text?: string;
-}
+import { ButtonProps } from '../../../interfaces/atomProps';
 declare const Button: React.FC<ButtonProps>;
 export default Button;

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

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

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

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export { default as Column } from './Column';

package/dist/esm/types/functions/persers.d.ts

@@ -0,0 +1 @@
+export declare const parseClasses: (_classes: Array<string | null>) => string;

package/dist/esm/types/functions/tests/parsers.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1 +1,2 @@
-export * from './components';
+import '../node_modules/bulma/css/bulma.min.css';
+export * from './components/atoms';

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { basicColorType, columnOffsetType, columnSizeType, sizeType } from '../types/styleTypes';
+export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+    text?: string;
+    style?: React.CSSProperties;
+    color?: basicColorType;
+    isLightColor?: boolean;
+    isInvertedColor?: boolean;
+    isOutlined?: boolean;
+    isRounded?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isStatic?: boolean;
+    size?: sizeType;
+    onClick?: () => void;
+}
+export interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
+    size?: columnSizeType;
+    offset?: columnOffsetType;
+    isNarrow?: boolean;
+}

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

@@ -0,0 +1 @@
+export type buttonType = 'submit' | 'reset' | 'button';

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

@@ -0,0 +1,4 @@
+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 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 sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';

package/dist/index.d.ts

@@ -1,8 +1,33 @@
-import React from 'react';
+/// <reference types="react" />
+import React$1 from 'react';
 
-interface ButtonProps {
+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 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 sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
+
+interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
     text?: string;
+    style?: React.CSSProperties;
+    color?: basicColorType;
+    isLightColor?: boolean;
+    isInvertedColor?: boolean;
+    isOutlined?: boolean;
+    isRounded?: boolean;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isStatic?: boolean;
+    size?: sizeType;
+    onClick?: () => void;
+}
+interface ColumnProps extends React.ComponentPropsWithoutRef<'section'> {
+    size?: columnSizeType;
+    offset?: columnOffsetType;
+    isNarrow?: boolean;
 }
-declare const Button: React.FC<ButtonProps>;
 
-export { Button };
+declare const Button: React$1.FC<ButtonProps>;
+
+declare const Column: React$1.FC<ColumnProps>;
+
+export { Button, Column };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "A typescript-react-based component library based on bulma",
   "keywords": [
     "typescript",
@@ -66,6 +66,7 @@
     "@storybook/manager-webpack5": "^6.5.15",
     "@storybook/react": "^6.5.15",
     "@storybook/testing-library": "^0.0.13",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.4.0",
     "@types/jest": "^29.4.0",
     "@types/react": "^18.0.26",
@@ -77,6 +78,7 @@
     "eslint": "^8.33.0",
     "eslint-config-prettier": "^8.6.0",
     "eslint-plugin-react": "^7.32.2",
+    "husky": "^8.0.0",
     "jest": "^29.4.1",
     "jest-environment-jsdom": "^29.4.1",
     "lint-staged": "^13.1.0",
@@ -88,8 +90,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^20.1.0",
     "tslib": "^2.4.1",
-    "typescript": "^4.9.4",
-    "husky": "^8.0.0"
+    "typescript": "^4.9.4"
   },
   "lint-staged": {
     "src/**/*.(ts|tsx)": [

package/dist/cjs/types/components/Button/index.d.ts

@@ -1 +0,0 @@
-export { default } from './Button';

package/dist/cjs/types/components/index.d.ts

@@ -1,2 +0,0 @@
-import '../../node_modules/bulma/css/bulma.min.css';
-export { default as Button } from './Button';

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

@@ -1 +0,0 @@
-export { default } from './Button';

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

@@ -1,2 +0,0 @@
-import '../../node_modules/bulma/css/bulma.min.css';
-export { default as Button } from './Button';