reactive-bulma 2.1.1 → 2.2.1

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

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

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

@@ -1 +1,2 @@
 export { default as ButtonGroup } from './ButtonGroup';
+export { default as ColumnGroup } from './ColumnGroup';

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

@@ -1,10 +1,25 @@
 import { ElementProps } from './commonProps';
-import { ButtonProps } from './atomProps';
+import { ButtonProps, ColumnProps } from './atomProps';
+import { columnGapType } from '../types/styleTypes';
 export interface ButtonGroupProps extends ElementProps {
-    /** `Atribute` Array of button objects that will be shown */
+    /** `Atribute` `Required` Array of `Button` objects that will be shown */
     buttonList: ButtonProps[];
     /** `Styling` Will group the list of buttonList in a single line */
     isAttached?: boolean;
     /** `Styling` Sets group position on the container */
     position?: 'left' | 'centered' | 'right';
 }
+export interface ColumnGroupProps extends ElementProps {
+    /** `Atribute` `Required` Array of `Column` objects that will be shown */
+    listOfColumns: ColumnProps[];
+    /** `Styling` Will adjust column structure display layout in case you want to work on mobiles */
+    isMobileLayout?: boolean;
+    /** `Styling` Will reorder column display in multiple lines each time exceeds viewport width */
+    isMultiline?: boolean;
+    /** `Styling` Will center the list of columns vertically */
+    isVerticallyCentered?: boolean;
+    /** `Styling` Will center the list of columns horizontally */
+    isHorizontallyCentered?: boolean;
+    /** `Styling` Will adjust the space between the columns. In case to set null, it will remove those gaps */
+    gap?: columnGapType | null;
+}

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

@@ -6,3 +6,4 @@ export type textColorType = 'has-text-white' | 'has-text-black' | 'has-text-ligh
 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 basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
 export type iconColorModeType = 'light' | 'dark';
+export type columnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';

package/dist/index.d.ts

@@ -31,6 +31,7 @@ type basicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-tex
 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 basicSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
 type iconColorModeType = 'light' | 'dark';
+type columnGapType = 'is-0' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8';
 
 type inputTypes = 'text' | 'password' | 'email' | 'tel';
 
@@ -285,14 +286,30 @@ declare const CheckBox: React$1.FC<CheckBoxProps>;
 declare const RadioButton: React$1.FC<RadioButtonProps>;
 
 interface ButtonGroupProps extends ElementProps {
-    /** `Atribute` Array of button objects that will be shown */
+    /** `Atribute` `Required` Array of `Button` objects that will be shown */
     buttonList: ButtonProps[];
     /** `Styling` Will group the list of buttonList in a single line */
     isAttached?: boolean;
     /** `Styling` Sets group position on the container */
     position?: 'left' | 'centered' | 'right';
 }
+interface ColumnGroupProps extends ElementProps {
+    /** `Atribute` `Required` Array of `Column` objects that will be shown */
+    listOfColumns: ColumnProps[];
+    /** `Styling` Will adjust column structure display layout in case you want to work on mobiles */
+    isMobileLayout?: boolean;
+    /** `Styling` Will reorder column display in multiple lines each time exceeds viewport width */
+    isMultiline?: boolean;
+    /** `Styling` Will center the list of columns vertically */
+    isVerticallyCentered?: boolean;
+    /** `Styling` Will center the list of columns horizontally */
+    isHorizontallyCentered?: boolean;
+    /** `Styling` Will adjust the space between the columns. In case to set null, it will remove those gaps */
+    gap?: columnGapType | null;
+}
 
 declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
 
-export { Block, Box, Button, ButtonGroup, CheckBox as Checkbox, Column, Delete, File, Icon, Input, ProgressBar, RadioButton, Select, Tag, TextArea, Title };
+declare const ColumnGroup: React$1.FC<ColumnGroupProps>;
+
+export { Block, Box, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, File, Icon, Input, ProgressBar, RadioButton, Select, Tag, TextArea, Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "2.1.1",
+  "version": "2.2.1",
   "description": "A component library based on React, Bulma, Typescript and Rollup",
   "keywords": [
     "typescript",
@@ -47,55 +47,55 @@
     "semantic-release": "semantic-release"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.20",
+    "@babel/core": "^7.23.0",
     "@babel/preset-env": "^7.22.20",
     "@babel/preset-react": "^7.22.15",
-    "@babel/preset-typescript": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.0",
     "@mdi/font": "^7.2.96",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.2.1",
-    "@rollup/plugin-typescript": "^11.1.3",
+    "@rollup/plugin-typescript": "^11.1.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^11.0.0",
     "@semantic-release/exec": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^9.0.6",
+    "@semantic-release/github": "^9.0.7",
     "@semantic-release/npm": "^11.0.0",
     "@semantic-release/release-notes-generator": "^12.0.0",
-    "@storybook/addon-actions": "^7.4.2",
-    "@storybook/addon-essentials": "^7.4.2",
-    "@storybook/addon-interactions": "^7.4.2",
-    "@storybook/addon-links": "^7.4.2",
-    "@storybook/addon-mdx-gfm": "^7.4.2",
-    "@storybook/cli": "^7.4.2",
-    "@storybook/react": "^7.4.2",
-    "@storybook/react-webpack5": "^7.4.2",
+    "@storybook/addon-actions": "^7.4.5",
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-mdx-gfm": "^7.4.5",
+    "@storybook/cli": "^7.4.5",
+    "@storybook/react": "^7.4.5",
+    "@storybook/react-webpack5": "^7.4.5",
     "@storybook/testing-library": "^0.2.1",
     "@testing-library/jest-dom": "^6.1.3",
     "@testing-library/react": "^14.0.0",
     "@types/jest": "^29.5.5",
     "@types/react": "^18.2.22",
-    "@typescript-eslint/eslint-plugin": "^6.7.2",
-    "@typescript-eslint/parser": "^6.7.2",
+    "@typescript-eslint/eslint-plugin": "^6.7.3",
+    "@typescript-eslint/parser": "^6.7.3",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
     "bulma": "^0.9.4",
-    "eslint": "^8.49.0",
+    "eslint": "^8.50.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-react": "^7.33.2",
     "husky": "^8.0.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^14.0.1",
-    "postcss": "^8.4.29",
+    "postcss": "^8.4.30",
     "prettier": "^3.0.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^3.29.2",
+    "rollup": "^3.29.3",
     "rollup-plugin-dts": "^6.0.2",
     "rollup-plugin-postcss": "^4.0.2",
-    "semantic-release": "^22.0.0",
-    "storybook": "^7.4.2",
+    "semantic-release": "^22.0.5",
+    "storybook": "^7.4.5",
     "tslib": "^2.6.2",
     "typescript": "^5.2.2"
   },