reactive-bulma 1.11.1 → 1.13.0

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

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

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

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

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

@@ -3,3 +3,5 @@ export { default as Column } from './Column';
 export { default as ProgressBar } from './ProgressBar';
 export { default as Block } from './Block';
 export { default as Tag } from './Tag';
+export { default as Box } from './Box';
+export { default as Title } from './Title';

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, sizeType } from '../types/styleTypes';
+import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, sizeType, titleSize } from '../types/styleTypes';
 interface BasicProps {
     testId?: string;
     style?: React.CSSProperties;
@@ -51,4 +51,16 @@ export interface ImageProps extends BasicProps, React.ComponentPropsWithoutRef<'
     fixedSize?: fixedImageSizeType;
     isRounded?: boolean;
 }
+export interface BoxProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
+}
+export interface TitleSectionProps extends BasicProps, React.ComponentPropsWithoutRef<'p'> {
+    text: string;
+    size?: titleSize;
+    prop: 'title' | 'subtitle';
+    isSpaced?: boolean;
+}
+export interface TitleProps {
+    main?: TitleSectionProps;
+    secondary?: TitleSectionProps;
+}
 export {};

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

@@ -1,4 +1,5 @@
 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 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 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

@@ -1,6 +1,7 @@
 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 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';
@@ -51,6 +52,18 @@ interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'span'> {
     addonColor?: basicColorType;
     onDeleteClick?: () => void;
 }
+interface BoxProps extends BasicProps, React.ComponentPropsWithoutRef<'section'> {
+}
+interface TitleSectionProps extends BasicProps, React.ComponentPropsWithoutRef<'p'> {
+    text: string;
+    size?: titleSize;
+    prop: 'title' | 'subtitle';
+    isSpaced?: boolean;
+}
+interface TitleProps {
+    main?: TitleSectionProps;
+    secondary?: TitleSectionProps;
+}
 
 declare const Button: React.FC<ButtonProps>;
 
@@ -62,4 +75,8 @@ declare const Block: React.FC<BlockProps>;
 
 declare const Tag: React.FC<TagProps>;
 
-export { Block, Button, Column, ProgressBar, Tag };
+declare const Box: React.FC<BoxProps>;
+
+declare const Title: React.FC<TitleProps>;
+
+export { Block, Box, Button, Column, ProgressBar, Tag, Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "1.11.1",
+  "version": "1.13.0",
   "description": "A typescript-react-based component library based on bulma",
   "keywords": [
     "typescript",
@@ -48,52 +48,52 @@
     "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.4",
-    "@rollup/plugin-commonjs": "^24.0.0",
+    "@rollup/plugin-commonjs": "^24.1.0",
     "@rollup/plugin-node-resolve": "^15.0.1",
-    "@rollup/plugin-typescript": "^10.0.1",
+    "@rollup/plugin-typescript": "^11.1.0",
     "@semantic-release/changelog": "^6.0.2",
     "@semantic-release/commit-analyzer": "^9.0.2",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/github": "^8.0.7",
-    "@semantic-release/npm": "^9.0.2",
-    "@semantic-release/release-notes-generator": "^10.0.3",
-    "@storybook/addon-actions": "^7.0.6",
-    "@storybook/addon-essentials": "^7.0.6",
-    "@storybook/addon-interactions": "^7.0.6",
-    "@storybook/addon-links": "^7.0.6",
-    "@storybook/addon-mdx-gfm": "^7.0.6",
-    "@storybook/cli": "^7.0.6",
-    "@storybook/react": "^7.0.6",
-    "@storybook/react-webpack5": "^7.0.6",
+    "@semantic-release/npm": "^10.0.3",
+    "@semantic-release/release-notes-generator": "^11.0.1",
+    "@storybook/addon-actions": "^7.0.8",
+    "@storybook/addon-essentials": "^7.0.8",
+    "@storybook/addon-interactions": "^7.0.8",
+    "@storybook/addon-links": "^7.0.8",
+    "@storybook/addon-mdx-gfm": "^7.0.8",
+    "@storybook/cli": "^7.0.8",
+    "@storybook/react": "^7.0.8",
+    "@storybook/react-webpack5": "^7.0.8",
     "@storybook/testing-library": "^0.1.0",
     "@testing-library/jest-dom": "^5.16.5",
-    "@testing-library/react": "^13.4.0",
-    "@types/jest": "^29.4.0",
-    "@types/react": "^18.0.26",
-    "@typescript-eslint/eslint-plugin": "^5.50.0",
-    "@typescript-eslint/parser": "^5.50.0",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.1",
+    "@types/react": "^18.2.2",
+    "@typescript-eslint/eslint-plugin": "^5.59.2",
+    "@typescript-eslint/parser": "^5.59.2",
     "babel-jest": "^29.5.0",
     "babel-loader": "^9.1.2",
     "bulma": "^0.9.4",
-    "eslint": "^8.38.0",
+    "eslint": "^8.39.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-react": "^7.32.2",
-    "husky": "^8.0.0",
+    "husky": "^8.0.3",
     "jest": "^29.5.0",
     "jest-environment-jsdom": "^29.5.0",
-    "lint-staged": "^13.1.0",
+    "lint-staged": "^13.2.2",
     "postcss": "^8.4.23",
-    "prettier": "^2.8.3",
+    "prettier": "^2.8.8",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^3.9.1",
-    "rollup-plugin-dts": "^5.1.0",
+    "rollup": "^3.21.4",
+    "rollup-plugin-dts": "^5.3.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "semantic-release": "^20.1.0",
-    "storybook": "^7.0.6",
-    "tslib": "^2.4.1",
-    "typescript": "^4.9.4"
+    "semantic-release": "^21.0.2",
+    "storybook": "^7.0.8",
+    "tslib": "^2.5.0",
+    "typescript": "^5.0.4"
   },
   "lint-staged": {
     "src/**/*.(ts|tsx)": [