reactive-bulma 2.12.0 → 2.13.0

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

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

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

@@ -20,3 +20,4 @@ export { default as MenuItem } from './MenuItem';
 export { default as Image } from './Image';
 export { default as PaginationItem } from './PaginationItem';
 export { default as TabItem } from './TabItem';
+export { default as LevelHeader } from './LevelHeader';

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

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

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

@@ -12,3 +12,4 @@ export { default as Tabs } from './Tabs';
 export { default as InputControl } from './InputControl';
 export { default as PanelBlock } from './PanelBlock';
 export { default as PanelTabs } from './PanelTabs';
+export { default as LevelItem } from '../molecules/LevelItem';

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

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

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

@@ -1,2 +1,3 @@
 export { default as FormField } from './FormField';
 export { default as Panel } from './Panel';
+export { default as Level } from './Level';

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

@@ -271,3 +271,9 @@ export interface TabItemProps extends ComposedElementProps, ClickeableProps {
     /** `Styling` Used for `Tabs` styling purpose only. Will mark the tab as the one selected among its group */
     isActive?: boolean;
 }
+export interface LevelHeaderProps extends ElementProps {
+    /** `Attribute` `Required` A title in smaller size */
+    header: string;
+    /** `Attribute` `Required` Main value (numeric or text) to be shown in a bigger scale below `header` */
+    value: string | number;
+}

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

@@ -168,4 +168,10 @@ export interface PanelTabsProps extends ElementProps {
     /** `Attribute` `Required` A list of configuration objects that will render a set of tabs */
     tabList: PanelTabItem[];
 }
+export interface LevelItemProps extends ElementProps {
+    /** `Attribute` `Required` Reffers to the component or string content that will be shown inside the level */
+    content: string | React.ReactElement;
+    /** `Styling` Centers item's content horizontally */
+    isCentered?: boolean;
+}
 export {};

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

@@ -1,5 +1,5 @@
 import { ElementProps } from './commonProps';
-import { InputControlProps, PanelBlockProps, PanelTabsProps } from './moleculeProps';
+import { InputControlProps, LevelItemProps, PanelBlockProps, PanelTabsProps } from './moleculeProps';
 import { basicColorType } from '../types/styleTypes';
 export interface FormFieldHelperProps {
     text?: string;
@@ -27,3 +27,13 @@ export interface PanelProps extends ElementProps {
     /** `Styling` Color based on bulma's text color tokens */
     color?: basicColorType;
 }
+export interface LevelProps extends ElementProps {
+    /** `Attribute` A list of `LevelItem` configurations that will displayed in Level's left side */
+    leftSide?: LevelItemProps[];
+    /** `Attribute` A list of `LevelItem` configurations that will displayed in Level's center */
+    centerSide?: LevelItemProps[];
+    /** `Attribute` A list of `LevelItem` configurations that will displayed in Level's right side */
+    rightSide?: LevelItemProps[];
+    /** `Styling` Will adjust the navigator on horizontal on mobile as well */
+    isMobile?: boolean;
+}

package/dist/index.d.ts

@@ -313,6 +313,12 @@ interface TabItemProps extends ComposedElementProps, ClickeableProps {
     /** `Styling` Used for `Tabs` styling purpose only. Will mark the tab as the one selected among its group */
     isActive?: boolean;
 }
+interface LevelHeaderProps extends ElementProps {
+    /** `Attribute` `Required` A title in smaller size */
+    header: string;
+    /** `Attribute` `Required` Main value (numeric or text) to be shown in a bigger scale below `header` */
+    value: string | number;
+}
 
 declare const Button: React$1.FC<ButtonProps>;
 
@@ -358,6 +364,8 @@ declare const PaginationItem: React$1.FC<PaginationItemProps>;
 
 declare const TabItem: React$1.FC<TabItemProps>;
 
+declare const LevelHeader: React$1.FC<LevelHeaderProps>;
+
 interface ButtonGroupProps extends ElementProps {
     /** `Atribute` `Required` Array of `Button` objects that will be shown */
     buttonList: ButtonProps[];
@@ -523,6 +531,12 @@ interface PanelTabsProps extends ElementProps {
     /** `Attribute` `Required` A list of configuration objects that will render a set of tabs */
     tabList: PanelTabItem[];
 }
+interface LevelItemProps extends ElementProps {
+    /** `Attribute` `Required` Reffers to the component or string content that will be shown inside the level */
+    content: string | React.ReactElement;
+    /** `Styling` Centers item's content horizontally */
+    isCentered?: boolean;
+}
 
 declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
 
@@ -552,6 +566,8 @@ declare const PanelBlock: React$1.FC<PanelBlockProps>;
 
 declare const PanelTabs: React$1.FC<PanelTabsProps>;
 
+declare const LevelItem: React$1.FC<LevelItemProps>;
+
 interface FormFieldHelperProps {
     text?: string;
     color?: basicColorType;
@@ -578,9 +594,21 @@ interface PanelProps extends ElementProps {
     /** `Styling` Color based on bulma's text color tokens */
     color?: basicColorType;
 }
+interface LevelProps extends ElementProps {
+    /** `Attribute` A list of `LevelItem` configurations that will displayed in Level's left side */
+    leftSide?: LevelItemProps[];
+    /** `Attribute` A list of `LevelItem` configurations that will displayed in Level's center */
+    centerSide?: LevelItemProps[];
+    /** `Attribute` A list of `LevelItem` configurations that will displayed in Level's right side */
+    rightSide?: LevelItemProps[];
+    /** `Styling` Will adjust the navigator on horizontal on mobile as well */
+    isMobile?: boolean;
+}
 
 declare const FormField: React$1.FC<FormFieldProps>;
 
 declare const Panel: React$1.FC<PanelProps>;
 
-export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, FormField, Icon, Image, Input, InputControl, Menu, MenuItem, MenuList, Message, Modal, Notification, Pagination, PaginationItem, Panel, PanelBlock, PanelTabs, ProgressBar, RadioButton, Select, TabItem, Tabs, Tag, TextArea, Title };
+declare const Level: React$1.FC<LevelProps>;
+
+export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, FormField, Icon, Image, Input, InputControl, Level, LevelHeader, LevelItem, Menu, MenuItem, MenuList, Message, Modal, Notification, Pagination, PaginationItem, Panel, PanelBlock, PanelTabs, ProgressBar, RadioButton, Select, TabItem, Tabs, Tag, TextArea, Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "2.12.0",
+  "version": "2.13.0",
   "description": "A component library based on React, Bulma, Typescript and Rollup",
   "keywords": [
     "typescript",