reactive-bulma 2.16.0 → 3.0.0

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

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

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

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

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

@@ -15,3 +15,5 @@ export { default as PanelTabs } from './PanelTabs';
 export { default as LevelItem } from '../molecules/LevelItem';
 export { default as TileBox } from './TileBox';
 export { default as Footer } from './Footer';
+export { default as Media } from './Media';
+export { default as Section } from './Section';

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

@@ -1,6 +1,6 @@
 import { ClickeableProps, ComposedElementProps, ElementProps } from './commonProps';
 import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps, DropdownItemProps, IconProps, InputProps, MenuItemProps, PaginationItemProps, TabItemProps, TileProps } from './atomProps';
-import { BasicColorType, RightCenteredAlignType, BreadcrumbSeparatorType, ColumnGapType, SizeWithoutNormalType, TabsFormatType } from '../types/styleTypes';
+import { BasicColorType, RightCenteredAlignType, BreadcrumbSeparatorType, ColumnGapType, SizeWithoutNormalType, TabsFormatType, MediumAndLargeSizeType } 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 */
@@ -41,7 +41,7 @@ export interface BreadcrumbsProps extends ComposedElementProps {
     alignment?: RightCenteredAlignType | null;
     /** `Styling` Will adjust element position on screen */
     separator?: BreadcrumbSeparatorType | null;
-    /** `Styling` Set button's size on bulma's size tokens */
+    /** `Styling` Set breadcrumb's size on bulma's size tokens */
     size?: SizeWithoutNormalType;
 }
 export interface DropdownProps extends ElementProps {
@@ -181,4 +181,18 @@ export interface FooterProps extends ComposedElementProps {
     /** `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 {};

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

@@ -1,6 +1,6 @@
 import { ElementProps } from './commonProps';
 import { InputControlProps, LevelItemProps, PanelBlockProps, PanelTabsProps } from './moleculeProps';
-import { BasicColorType, SizeWithoutNormalType } from '../types/styleTypes';
+import { BasicColorType, SizeWithHeightType } from '../types/styleTypes';
 import { ChildrenType } from '../types/domTypes';
 import { TileProps } from './atomProps';
 export interface FormFieldHelperProps {
@@ -47,7 +47,7 @@ export interface HeroProps extends ElementProps {
     /** `Attribute` Designated section for hero's footer, it will be visible only if container's `size` is setted to `is-fullheight` */
     footer?: ChildrenType;
     /** `Styling` Set hero's size */
-    size?: SizeWithoutNormalType | 'is-halfheight' | 'is-fullheight';
+    size?: SizeWithHeightType;
     /** `Styling` Color based on bulma's text color tokens */
     color?: BasicColorType;
 }

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

@@ -11,3 +11,5 @@ export declare enum IconSizeEnum {
     'is-large' = 48
 }
 export type TileContextType = 'is-child' | 'is-parent' | 'is-ancestor';
+export type HeroContentType = 'head' | 'body' | 'foot';
+export type MediaSectionType = 'left' | 'content' | 'right';

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

@@ -8,6 +8,8 @@ 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 ElementSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
 export type SizeWithoutNormalType = Exclude<ElementSizeType, 'is-normal'>;
+export type SizeWithHeightType = SizeWithoutNormalType | 'is-halfheight' | 'is-fullheight';
+export type MediumAndLargeSizeType = Exclude<SizeWithoutNormalType, 'is-small'>;
 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';
 export type ElementAlignType = 'is-centered' | 'is-right' | 'is-left';

package/dist/index.d.ts

@@ -34,6 +34,8 @@ type TextColorType = 'has-text-white' | 'has-text-black' | 'has-text-light' | 'h
 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';
 type ElementSizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
 type SizeWithoutNormalType = Exclude<ElementSizeType, 'is-normal'>;
+type SizeWithHeightType = SizeWithoutNormalType | 'is-halfheight' | 'is-fullheight';
+type MediumAndLargeSizeType = Exclude<SizeWithoutNormalType, 'is-small'>;
 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 ElementAlignType = 'is-centered' | 'is-right' | 'is-left';
@@ -424,7 +426,7 @@ interface BreadcrumbsProps extends ComposedElementProps {
     alignment?: RightCenteredAlignType | null;
     /** `Styling` Will adjust element position on screen */
     separator?: BreadcrumbSeparatorType | null;
-    /** `Styling` Set button's size on bulma's size tokens */
+    /** `Styling` Set breadcrumb's size on bulma's size tokens */
     size?: SizeWithoutNormalType;
 }
 interface DropdownProps extends ElementProps {
@@ -564,6 +566,20 @@ interface FooterProps extends ComposedElementProps {
     /** `Styling` Centers footer¿s content horizontally */
     isContentCentered?: boolean;
 }
+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;
+}
+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;
+}
 
 declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
 
@@ -599,6 +615,10 @@ declare const TileBox: React$1.FC<TileBoxProps>;
 
 declare const Footer: React$1.FC<FooterProps>;
 
+declare const Media: React$1.FC<MediaProps>;
+
+declare const Section: React$1.FC<SectionProps>;
+
 interface FormFieldHelperProps {
     text?: string;
     color?: BasicColorType;
@@ -643,7 +663,7 @@ interface HeroProps extends ElementProps {
     /** `Attribute` Designated section for hero's footer, it will be visible only if container's `size` is setted to `is-fullheight` */
     footer?: ChildrenType;
     /** `Styling` Set hero's size */
-    size?: SizeWithoutNormalType | 'is-halfheight' | 'is-fullheight';
+    size?: SizeWithHeightType;
     /** `Styling` Color based on bulma's text color tokens */
     color?: BasicColorType;
 }
@@ -662,4 +682,4 @@ declare const Hero: React$1.FC<HeroProps>;
 
 declare const TileGroup: React$1.FC<TileGroupProps>;
 
-export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Footer, FormField, Hero, 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, Tile, TileBox, TileGroup, Title };
+export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, Footer, FormField, Hero, Icon, Image, Input, InputControl, Level, LevelHeader, LevelItem, Media, Menu, MenuItem, MenuList, Message, Modal, Notification, Pagination, PaginationItem, Panel, PanelBlock, PanelTabs, ProgressBar, RadioButton, Section, Select, TabItem, Tabs, Tag, TextArea, Tile, TileBox, TileGroup, Title };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactive-bulma",
-  "version": "2.16.0",
+  "version": "3.0.0",
   "description": "A component library based on React, Bulma, Typescript and Rollup",
   "keywords": [
     "typescript",
@@ -52,8 +52,8 @@
     "update:doctor": "npm run lint && npm run test && npm run build"
   },
   "devDependencies": {
-    "@babel/core": "^7.23.7",
-    "@babel/preset-env": "^7.23.8",
+    "@babel/core": "^7.23.9",
+    "@babel/preset-env": "^7.23.9",
     "@babel/preset-react": "^7.23.3",
     "@babel/preset-typescript": "^7.23.3",
     "@mdi/font": "^7.4.47",
@@ -76,7 +76,7 @@
     "@storybook/react": "^7.6.10",
     "@storybook/react-webpack5": "^7.6.10",
     "@storybook/testing-library": "^0.2.2",
-    "@testing-library/jest-dom": "^6.2.1",
+    "@testing-library/jest-dom": "^6.3.0",
     "@testing-library/react": "^14.1.2",
     "@testing-library/user-event": "^14.5.2",
     "@types/jest": "^29.5.11",
@@ -89,12 +89,12 @@
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react": "^7.33.2",
-    "husky": "^8.0.3",
+    "husky": "^9.0.6",
     "hygen": "^6.2.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "lint-staged": "^15.2.0",
-    "npm-check-updates": "^16.14.12",
+    "npm-check-updates": "^16.14.13",
     "postcss": "^8.4.33",
     "prettier": "^3.2.4",
     "react": "^18.2.0",