reactive-bulma 4.1.0 → 4.1.1

package/dist/interfaces/atomProps.d.ts

@@ -0,0 +1,305 @@
+import { default as React } from 'react';
+import { ElementProps, ComposedElementProps, ClickeableProps } from './commonProps';
+import { BasicColorType, ColumnOffsetType, ColumnSizeType, FixedImageSizeType, IconColorModeType, ElementSizeType, SizeWithoutNormalType, TextColorType, TitleSizeType, RightLeftAlignType, CommonSizeType } from '../types/styleTypes';
+import { DropdownItemType, InputType, ChildrenType, TileContextType, SingleChildType } from '../types/domTypes';
+export interface ColumnProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
+    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
+    children?: ChildrenType;
+    /** `Styling` Set column's size */
+    size?: ColumnSizeType;
+    /** `Styling` Set column's offset (moving it as you set its size */
+    offset?: ColumnOffsetType;
+    /** `Styling` Set if the column only will take the space it needs */
+    isNarrow?: boolean;
+}
+export interface ButtonProps extends ElementProps, React.ComponentPropsWithoutRef<'button'> {
+    /** `Attribute` The text will be shown in the `Button` */
+    text?: string;
+    /** `Attribute` Will disable the button */
+    isDisabled?: boolean;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Will adjust the selected color with a ligther style */
+    isLightColor?: boolean;
+    /** `Styling` Will invert button's colors (typography in color and background in white or black) */
+    isInvertedColor?: boolean;
+    /** `Styling` Similar to `isInvertedColor`, but button's border will be colored */
+    isOutlined?: boolean;
+    /** `Styling` Will add round borders to button's shape */
+    isRounded?: boolean;
+    /** `Styling` Will change `text` for an animated spinner, but will remain clickeable */
+    isLoading?: boolean;
+    /** `Styling` Similar to `isDisabled`, but will remove any color style */
+    isStatic?: boolean;
+    /** `Styling` Sets the button style when a User selects it (useful for an attached `ButtonGroup`) */
+    isSelected?: boolean;
+    /** `Styling` Set button's size on bulma's size tokens */
+    size?: ElementSizeType;
+    /** `Function` Click function, alone does not nothing, but can be reused for other components */
+    onClick?: () => void;
+}
+export interface ProgressBarProps extends ElementProps, React.ComponentPropsWithoutRef<'progress'> {
+    /** `Attribute` Sets colored bar at the level against `max` value (`100` by default) */
+    value?: number;
+    /** `Attribute` Sets the entire bar length comparing with current `value` */
+    max?: number;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Set progress bar's size */
+    size?: ElementSizeType;
+    /** `Styling` Will change `value` for an animated loading */
+    isLoading?: boolean;
+}
+export interface BlockProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
+    /** `Attribute` Reffers to the component or array of components that will be shown inside the block */
+    children?: ChildrenType;
+}
+export interface TagProps extends ComposedElementProps, React.ComponentPropsWithoutRef<'span'> {
+    /** `Attribute` `Required` The text will be shown in the `Tag` */
+    text: string;
+    /** `Attribute` Will add a delete button (for both single or addon cases) */
+    withDelete?: boolean;
+    /** `Attribute` Will add a second tag element (that could have its own text, color and delete) */
+    withAddon?: boolean;
+    /** `Attribute` The text will be shown in the tag's addon */
+    addonText?: string;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Will adjust the selected color with a ligther style */
+    isLight?: boolean;
+    /** `Styling` Will add round borders to tag's shape */
+    isRounded?: boolean;
+    /** `Styling` Set tag's size */
+    size?: SizeWithoutNormalType;
+    /** `Styling` Color on tag's addon based on bulma's color tokens */
+    addonColor?: BasicColorType;
+    /** `Function` Click function for `delete` option, alone does not nothing, but can be reused for other components */
+    onDeleteClick?: () => void;
+}
+export interface ImageProps extends ComposedElementProps, React.ComponentPropsWithoutRef<'figure'> {
+    /** `Attribute` `Required` The image source that will be shown */
+    src: string;
+    /** `Attribute` A description text for the image, useful for accessibility purposes */
+    alt?: string;
+    /** `Styling` Will add round borders to image's shape */
+    fixedSize?: FixedImageSizeType;
+    /** `Styling` Sets image size based on one of fixed ratios/fixed sizes */
+    isRounded?: boolean;
+}
+export interface BoxProps extends ElementProps, React.ComponentPropsWithoutRef<'section'> {
+    /** `Attribute` Reffers to the component or array of components that will be shown inside the box */
+    children?: ChildrenType;
+}
+export interface TitleSectionProps extends ElementProps, React.ComponentPropsWithoutRef<'p'> {
+    /** `Attribute` Sets the text you want to show */
+    text: string;
+    /** `Styling` Set text size */
+    size?: TitleSizeType;
+    /** `Styling` Set type of title (`title` at top, `subtitle` at below) */
+    type: 'title' | 'subtitle';
+    /** `Styling` Set text spacing at default or maximun length */
+    isSpaced?: boolean;
+}
+export interface TitleProps {
+    /** `Attribute` Main title configuration object */
+    main?: TitleSectionProps;
+    /** `Attribute` Subtitle title configuration object */
+    secondary?: TitleSectionProps;
+}
+export interface IconProps extends ComposedElementProps {
+    /** `Attribute` `Required` Sets the icon key work based on [Material Design icon list](https://pictogrammers.com/library/mdi/) */
+    iconLabel: string;
+    /** `Attribute` Sets the text you want to show next to the icon */
+    text?: string;
+    /** `Styling` Color based on bulma's text color tokens */
+    color?: TextColorType;
+    /** `Styling` Set icons's size */
+    size?: SizeWithoutNormalType;
+    /** `Styling` Special usage in case you want to set as dark or light mode */
+    colorMode?: IconColorModeType;
+    /** `Styling` Animates the icon spinning 360° */
+    isSpinning?: boolean;
+    /** `Styling` Used for `InputControl` styling purpose only. Will move the Icon itself to control's Input side */
+    position?: RightLeftAlignType;
+}
+export interface InputProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` What type of input will be used */
+    type: InputType;
+    /** `Attribute` The value that will be shown on the input */
+    text?: string;
+    /** `Attribute` The text that will be shown if the user does not type any value */
+    placeholder?: string;
+    /** `Attribute` Will disable the input */
+    isDisabled?: boolean;
+    /** `Attribute` Will show the input as a normal one, but is not editable and has no shadow */
+    isReadonly?: boolean;
+    /** `Styling` Color based on bulma's text color tokens */
+    color?: BasicColorType;
+    /** `Styling` Set input's size */
+    size?: SizeWithoutNormalType;
+    /** `Styling` Will add round borders to input's shape */
+    isRounded?: boolean;
+    /** `Styling` Will add a specific border when the input is hovered by the user */
+    isHovered?: boolean;
+    /** `Styling` Will add a specific border when the input is focused by the user */
+    isFocused?: boolean;
+    /** `Function` Reffers to each time the user press a key. Alone does not nothing, but can be reused for other components */
+    onChange?: () => void;
+}
+export interface TextAreaProps extends Omit<InputProps, 'isRounded' | 'type'> {
+    /** `Attribute` Text area's columns value that sets its width */
+    cols?: number;
+    /** `Attribute` Text area's rows value that sets its height */
+    rows?: number;
+    /** `Styling` Will disable characteristic sizable property by removing its control on bottom-right corner */
+    isFixedSize?: boolean;
+}
+export interface DeleteProps extends ElementProps, ClickeableProps {
+    /** `Styling` Set icons's size */
+    size?: SizeWithoutNormalType;
+}
+export interface SelectOption {
+    id: string | number;
+    name: string;
+    selected?: boolean;
+}
+export interface SelectProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` Indicates the options contained on the select */
+    options?: SelectOption[];
+    /** `Attribute` Indicates how many options will be shown at first glance (before looking for the whole list */
+    showOptions?: number;
+    /** `Attribute` Will allow multiple selection */
+    isMultiple?: boolean;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Set select's size */
+    size?: ElementSizeType;
+    /** `Styling`Will add round borders to input's shape */
+    isRounded?: boolean;
+    /** `Styling`Will add a specific border when the input is hovered by the user */
+    isHovered?: boolean;
+    /** `Styling`Will add a specific border when the input is focused by the user */
+    isFocused?: boolean;
+}
+export interface FileProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` The name of the file to be uploaded */
+    fileName?: string;
+    /** `Attribute` The icon displayed in file's button" */
+    uploadIcon?: IconProps;
+    /** `Attribute` The text displayed in file's button */
+    uploadText?: string;
+    /** `Styling` Changes button's position to its right */
+    buttonOnRight?: boolean;
+    /** `Styling` The whole container (button and file name) will occupy its parent container width */
+    isFullWidth?: boolean;
+    /** `Styling` Changes styling to a box style, making the button bigger and file name's position below the button */
+    isBoxed?: boolean;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Set button's size */
+    size?: ElementSizeType;
+}
+export interface CheckBoxProps extends ComposedElementProps {
+    /** `Attribute` Sets checkbox's text that will be shown next to its control */
+    content?: ChildrenType;
+    /** `Attribute` Will disable the checkbox */
+    isDisabled?: boolean;
+    /** `Function` Click function, alone does not nothing, but can be reused for other components */
+    onChange?: () => void;
+}
+export interface RadioButtonItemProps extends Pick<ElementProps, 'testId' | 'style'> {
+    /** `Attribute` `Required` Sets checkbox's text*/
+    label: string;
+    /** `Attribute` Sets the name that will relate this checkbox with the others */
+    name?: string;
+    /** `Attribute` Shows the checkbox as checked or unchecked */
+    isChecked?: boolean;
+    /** `Attribute` Will disable the checkbox */
+    isDisabled?: boolean;
+    /** `Function` Click function, alone does not nothing, but can be reused for other components */
+    onChange?: () => void;
+}
+export interface RadioButtonProps extends ComposedElementProps {
+    /** `Attribute` `Required` Indicates the options contained to be selected */
+    options: RadioButtonItemProps[];
+    /** `Attribute` `Required` Sets the name that will relate this checkbox with the others */
+    name: string;
+    /** `Function` Click function, alone does not nothing, but can be reused for other components */
+    onChange?: () => void;
+}
+export interface BreadcrumbItemProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` `Required` Indicates item text that will be shown */
+    text: string;
+    /** `Styling` Marks the item as the one where user is located (based on breadcrumb hierarchy) */
+    isActiveItem?: boolean;
+}
+export interface DropdownTriggerProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` `Required` Sets the name will be shown on the dropdown input */
+    menuText: string;
+    /** `Attribute` Sets a relationship between trigger's button and dropdown's menu to toggle display */
+    dropdownPointer?: string;
+}
+export interface DropdownItemProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` Sets the name will be shown on the item */
+    itemText: string;
+    /** `Attribute` Changes item's composition into a `<hr>`, a `<a>` or a `<div>` depending its type */
+    type?: DropdownItemType;
+    /** `Styling` Marks the item as the one where user is located (based on dropdown hierarchy) */
+    isActiveItem?: boolean;
+}
+export interface MenuItemProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` Sets the text will be shown on the menu item */
+    text: string;
+    /** `Styling` Generates a blue background to mark the item as the active one in the `MenuList` */
+    isActive?: boolean;
+}
+export interface PaginationItemProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` Sets the number string that will be shown in the item and in its title when user hovers it */
+    text: string | number;
+    /** `Attribute` Sets a custom text before the `text` when user hovers the item */
+    labelText?: string;
+    /** `Attribute` Sets a custom text before the `text` when user hovers the item if is the current one */
+    currentLabelText?: string;
+    /** `Styling` Makes the item the selected one, changing its background to blue */
+    isSelected?: boolean;
+}
+export interface TabItemProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` `Required` The text will be shown in the `TabItem` */
+    text: string;
+    /** `Attribute` Adds an `Icon` component before the text */
+    icon?: IconProps;
+    /** `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;
+}
+export interface TileProps extends ElementProps {
+    /** `Attribute` Reffers to the component or array of components that will be shown inside the tile */
+    children?: ChildrenType;
+    /** `Attribute` Indicates its hierarchy level based on [Bulma documantation](https://bulma.io/documentation/layout/tiles/#nesting-requirements). Selection any level besides `is-child` will invalidate any `color` you select */
+    context?: TileContextType;
+    /** `Styling` Set tile's size */
+    size?: CommonSizeType;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Used for hierarchy level as ancestor or parent. It selects its children in a vertical format (like a column) */
+    isVertical?: boolean;
+}
+export interface NavBarItemProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` Reffers to the component or string that will be shown inside the item */
+    children: SingleChildType;
+    /** `Styling` Used for `NavBarDropdown` styling purpose only. Will mark the item as the one selected among its group */
+    isActive?: boolean;
+}
+export interface TableHeadCellProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` It will display cell's content, which could be text, an html tag or a custom component */
+    content: SingleChildType;
+}
+export interface TableCellProps extends ElementProps, ClickeableProps {
+    /** `Attribute` `Required` It will display cell's content, which could be text, an html tag or a custom component */
+    content: SingleChildType;
+}

package/dist/interfaces/atomProps.js

@@ -0,0 +1 @@
+

package/dist/interfaces/commonProps.d.ts

@@ -0,0 +1,25 @@
+export interface ContainerProps {
+    /** `Attribute` *For container case*. ID used to locate the element in unit test suites (like Jest) */
+    containerTestId?: string;
+    /** `Attribute` *For container case*. Custom CSS classes, applicable for specific scenarios */
+    containerCssClasses?: string;
+    /** `Attribute` *For container case*. Custom styling applicable for specific scenarios */
+    containerStyle?: React.CSSProperties;
+}
+export interface ElementProps {
+    /** `Attribute` ID used to locate the element in unit test suites (like Jest) */
+    testId?: string;
+    /** `Attribute` Custom CSS classes, applicable for specific scenarios */
+    cssClasses?: string;
+    /** `Attribute` Custom styling applicable for specific scenarios */
+    style?: React.CSSProperties;
+}
+export interface ComposedElementProps extends ElementProps, ContainerProps {
+}
+export interface ClickeableProps {
+    /** `Function` Click function, alone does not nothing, but can be reused for other components */
+    onClick?: () => void;
+}
+export interface GenericObjectProps {
+    [key: string]: string | number | boolean | object;
+}

package/dist/interfaces/commonProps.js

@@ -0,0 +1 @@
+

package/dist/interfaces/functionProps.d.ts

@@ -0,0 +1,16 @@
+import { GenericObjectProps } from './commonProps';
+interface RegExpRule {
+    regExp?: RegExp;
+    replacer?: string;
+}
+export interface ParseTestIdProps {
+    tag: string;
+    parsedClasses: string;
+    rules?: RegExpRule[];
+    separator?: string;
+}
+export interface CreateObjArrayProps {
+    numberOfItems?: number;
+    externalParser?: (i: number) => GenericObjectProps;
+}
+export {};

package/dist/interfaces/functionProps.js

@@ -0,0 +1 @@
+

package/dist/interfaces/moleculeProps.d.ts

@@ -0,0 +1,231 @@
+import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
+import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, ImageProps, InputProps, MenuItemProps, NavBarItemProps, PaginationItemProps, TabItemProps, TableCellProps, TableHeadCellProps, TileProps } from './atomProps';
+import { BasicColorType, RightCenteredAlignType, BreadcrumbSeparatorType, ColumnGapType, SizeWithoutNormalType, TabsFormatType, MediumAndLargeSizeType, RightLeftAlignType } from '../types/styleTypes';
+import { ChildrenType, SingleChildType, PanelBlockItemType } from '../types/domTypes';
+export interface ButtonGroupProps extends ElementProps {
+    /** `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;
+}
+export interface NotificationProps extends ElementProps {
+    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
+    children?: ChildrenType;
+    /** `Atribute` Includes a `Delete` config object that will be shown */
+    deleteButton?: DeleteProps;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Will adjust the selected color with a ligther style */
+    isLightColor?: boolean;
+}
+export interface BreadcrumbsProps extends ComposedElementProps {
+    /** `Atribute` `Required` Array of `BreadcrumbItems` objects that will be shown */
+    items: BreadcrumbItemProps[];
+    /** `Styling` Will adjust element position on screen */
+    alignment?: RightCenteredAlignType | null;
+    /** `Styling` Will adjust element position on screen */
+    separator?: BreadcrumbSeparatorType | null;
+    /** `Styling` Set breadcrumb's size on bulma's size tokens */
+    size?: SizeWithoutNormalType;
+}
+export interface DropdownProps extends ElementProps {
+    /** `Atribute` `Required` Sets the name will be shown on the dropdown input */
+    inputText: string;
+    /** `Attribute` Sets a relationship between dropdown trigger's button and dropdown's menu to toggle display */
+    dropdownPointer?: string;
+    /** `Atribute` `Required` Array of `DropdownItem` objects that will be shown on its menu */
+    listOfItems: DropdownItemProps[];
+}
+export interface MessageProps extends ElementProps {
+    /** `Atribute` Sets the header's text that will be shown on message's darker zone */
+    headerText?: string;
+    /** `Atribute` `Required` Sets the body's text that will be shown on message's lighter zone */
+    bodyText: string;
+    /** `Atribute` Includes a `Delete` config object that will be shown */
+    deleteButton?: DeleteProps;
+    /** `Styling` Color based on bulma's color tokens */
+    color?: BasicColorType;
+    /** `Styling` Set button's size on bulma's size tokens */
+    size?: SizeWithoutNormalType;
+}
+interface MenuSubListProps {
+    subListTitle: MenuItemProps;
+    subItems: MenuItemProps[];
+}
+type MenuListItemType = MenuItemProps | MenuSubListProps;
+export interface MenuListProps extends ElementProps {
+    /** `Attribute` `Required` List of menu items that can be used as single ones or in a list/sublist format */
+    itemList: Array<MenuListItemType>;
+}
+interface MenuSectionProps {
+    /** `Attribute` `Required` Label that will be show at the beginning of each section */
+    label: string;
+    /** `Attribute` `Required` List of menu items that can be used as single ones or in a list/sublist format */
+    itemList: Array<MenuListItemType>;
+}
+export interface MenuProps extends ElementProps {
+    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
+    menuSections: MenuSectionProps[];
+}
+export interface PaginationNavigationButtonProps extends ClickeableProps {
+    /** `Attribute` `Required` Text that will be shown on the button */
+    text: string;
+    /** `Attribute` Will disable the button */
+    isDisabled?: boolean;
+    /** `Attribute` Custom CSS classes, applicable for specific scenarios */
+    cssClasses?: string;
+}
+export interface PaginationProps extends ComposedElementProps {
+    /** `Attribute` `Required` List of sections that can be single or second level MenuItems */
+    pages: PaginationItemProps[];
+    /** `Attribute` Adds a couple of ellipsis between the first and last item */
+    hasEllipsis?: boolean;
+    /** `Attribute` Number of items that will be hidden if `hasEllipsis` is `true` */
+    ellipsisItems?: number;
+    /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
+    showPreviousPageButton?: PaginationNavigationButtonProps | null;
+    /** `Attribute` Toogle `Previous` and `Next page` buttons next to the selectable pages */
+    showNextPageButton?: PaginationNavigationButtonProps | null;
+    /** `Styling` Will add round borders to each page's shape */
+    isRounded?: boolean;
+    /** `Styling` Set button's size on bulma's size tokens */
+    size?: SizeWithoutNormalType;
+    /** `Styling` Will adjust the pages position on screen */
+    alignment?: RightCenteredAlignType | null;
+}
+export interface ModalProps extends ComposedElementProps {
+    /** `Attribute` Reffers to the component or array of components that will be shown inside the column */
+    children?: ChildrenType | null;
+    /** `Function` Custom function related to the modal's close button to inject custom code if needed */
+    onCloseClick?: () => void;
+}
+export interface TabsProps extends ElementProps {
+    /** `Attribute` `Required` List of tabs that will be shown in order */
+    tabs: TabItemProps[];
+    /** `Styling` Will adjust the tabs position on screen */
+    alignment?: RightCenteredAlignType;
+    /** `Styling` Set tab's size on bulma's size tokens */
+    size?: SizeWithoutNormalType;
+    /** `Styling` Set tab's size on bulma's size tokens */
+    format?: TabsFormatType;
+    /** `Styling` Will add round tabs borders. Only visible if `format` is set to `is-toggle` */
+    isRounded?: boolean;
+    /** `Styling` The whole container will occupy its parent container width */
+    isFullWidth?: boolean;
+}
+export interface InputControlProps extends ElementProps {
+    /** `Attribute` `Required` control's input configuration which will be wrapped */
+    inputConfig: InputProps;
+    /** `Attribute` `Icon` configuration that will be shown in Input's left side */
+    leftIcon?: IconProps;
+    /** `Attribute` `Icon` configuration that will be shown in Input's right side */
+    rightIcon?: IconProps;
+    /** `Styling` Set control and its input size on bulma's size tokens */
+    size?: SizeWithoutNormalType;
+    /** `Styling` Will add an animated spinner on input's right side */
+    isLoading?: boolean;
+    /** `Styling` Used for `FormField` styling purpose only. Will strech the input and its container in full-width */
+    isExpanded?: boolean;
+}
+export interface PanelBlockItemProps {
+    /** `Attribute` `Required` Indicates to component's parser which type of component will be rendered based on its option */
+    type: PanelBlockItemType;
+    /** `Attribute` `Required` The component properties that will configure that specific instance */
+    props: InputControlProps | IconProps | ButtonProps;
+}
+export interface PanelBlockProps extends ComposedElementProps, ClickeableProps {
+    /** `Attribute` `Required` Configuration object with a type and a set of props based on the available components that could be rendered in each `PanelBlock` */
+    config: PanelBlockItemProps;
+    /** `Attribute` Usable when config's U is `icon` only. It will display a text next to mentioned icon (for user purposes) */
+    blockText?: string;
+    /** `Styling` Used for `PanelBlock` styling purpose only. Will mark its rendered component as the one selected among its group */
+    isActive?: boolean;
+}
+export interface PanelTabItem extends ClickeableProps {
+    /** `Attribute` `Required` Will show the text to the user in shape of tab */
+    text: string;
+    /** `Styling` Used for `PanelTab` styling purpose only. Will mark its rendered component as the one selected among its group */
+    isActive?: boolean;
+}
+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: SingleChildType;
+    /** `Styling` Centers item's content horizontally */
+    isCentered?: boolean;
+}
+export interface TileBoxProps extends TileProps {
+}
+export interface FooterProps extends ComposedElementProps {
+    /** `Attribute` `Required` Reffers to the component, list of components or string content that will be shown inside the footer */
+    content: ChildrenType;
+    /** `Styling` Centers footer¿s content horizontally */
+    isContentCentered?: boolean;
+}
+export interface MediaProps extends ElementProps {
+    /** `Attribute` Reffers to the component or string content that will be shown inside the component's left side */
+    leftContent?: SingleChildType;
+    /** `Attribute` Reffers to the component or string content that will be shown inside the component's center */
+    centerContent?: SingleChildType;
+    /** `Attribute` Reffers to the component or string content that will be shown inside the component's right side */
+    rightContent?: SingleChildType;
+}
+export interface SectionProps extends ElementProps {
+    /** `Attribute` `Required` Reffers to the component or string content that will be shown inside the section */
+    content: SingleChildType;
+    /** `Styling` Set button's size on bulma's size tokens */
+    size?: MediumAndLargeSizeType;
+}
+export interface NavBarDropdownProps extends ComposedElementProps {
+    /** `Attribute` `Required` It will show the presentation text to be clicked or hovered in order to display its menu */
+    text: string;
+    /** `Attribute` `Required` A list of configuration objects that will render in dropdown's menu. Those can be items or dividers */
+    items: Array<NavBarItemProps | 'divider'>;
+    /** `Styling` Used for `NavBar` styling purpose only. Will set the dropdown on a specific position based on the proveded value */
+    position?: RightLeftAlignType;
+    /** `Styling` Used to display dropdown's menu when user clicks on its text */
+    isActive?: boolean;
+    /** `Styling` Similar to `isActive`, but will display when user hovers its pointer on its text */
+    isHoverable?: boolean;
+    /** `Styling` Sets dropdown's menu on top of the text instead default styling */
+    hasDropdownUp?: boolean;
+    /** `Styling` Sets dropdown's menu design like a box, also adds some animation when its diplayed */
+    hasBoxedMenu?: boolean;
+}
+interface BrandConfigProps extends Omit<NavBarItemProps, 'children'> {
+    children: ImageProps;
+}
+export interface NavBarBrandProps extends ElementProps {
+    /** `Attribute` `Required` Configuration object to inject a `NavBarItem` with a Image configuration as its children */
+    brandConfig: BrandConfigProps;
+    /** `Styling` It sets brand's burger button as active (changing looks from a burger to a cross) */
+    isBurgerActive?: boolean;
+}
+export interface TableRowProps extends ElementProps, ClickeableProps {
+    /** `Attribute` Configuration object to inject a `TableHeaderCell` as row's head */
+    headCell?: TableHeadCellProps;
+    /** `Attribute` `Required` List of `TableCell` that will be rendered on the table */
+    listOfCells: TableCellProps[];
+    /** `Styling` Used for `Table` styling purpose only. Will set row's background color to indicate it has been selected by the user */
+    isSelected?: boolean;
+}
+export {};

package/dist/interfaces/moleculeProps.js

@@ -0,0 +1 @@
+