reactive-bulma 2.3.0 → 2.4.0

package/dist/cjs/types/components/atoms/BreadcrumbItem/index.d.ts

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

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

@@ -13,3 +13,4 @@ export { default as Select } from './Select';
 export { default as File } from './File';
 export { default as Checkbox } from './Checkbox';
 export { default as RadioButton } from './RadioButton';
+export { default as BreadcrumbItem } from './BreadcrumbItem';

package/dist/cjs/types/components/molecules/Breadcrumbs/index.d.ts

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

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

@@ -1,3 +1,4 @@
 export { default as ButtonGroup } from './ButtonGroup';
 export { default as ColumnGroup } from './ColumnGroup';
 export { default as Notification } from './Notification';
+export { default as Breadcrumbs } from './Breadcrumbs';

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

@@ -229,3 +229,11 @@ export interface RadioButtonProps extends ComposedElementProps {
     /** `Function` Click function, alone does not nothing, but can be reused for other components */
     onChange?: () => void;
 }
+export interface BreadcrumbItemProps extends ComposedElementProps {
+    /** `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;
+    /** `Function` Click function, alone does not nothing, but can be reused for other components */
+    onClick?: () => void;
+}

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementProps } from './commonProps';
-import { ButtonProps, ColumnProps, DeleteProps } from './atomProps';
-import { basicColorType, columnGapType } from '../types/styleTypes';
+import { ComposedElementProps, ElementProps } from './commonProps';
+import { BreadcrumbItemProps, ButtonProps, ColumnProps, DeleteProps } from './atomProps';
+import { basicColorType, basicSizeType, breadcrumbAlignType, breadcrumbSeparatorType, columnGapType } from '../types/styleTypes';
 export interface ButtonGroupProps extends ElementProps {
     /** `Atribute` `Required` Array of `Button` objects that will be shown */
     buttonList: ButtonProps[];
@@ -34,3 +34,13 @@ export interface NotificationProps extends ElementProps {
     /** `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?: breadcrumbAlignType | null;
+    /** `Styling` Will adjust element position on screen */
+    separator?: breadcrumbSeparatorType | null;
+    /** `Styling` Set button's size on bulma's size tokens */
+    size?: Exclude<basicSizeType, 'is-normal'>;
+}

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

@@ -7,3 +7,5 @@ export type fixedImageSizeType = 'is-16x16' | 'is-24x24' | 'is-32x32' | 'is-48x4
 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';
+export type breadcrumbAlignType = 'is-centered' | 'is-right';
+export type breadcrumbSeparatorType = 'has-arrow-separator' | 'has-bullet-separator' | 'has-dot-separator' | 'has-succeeds-separator';