reactive-bulma 3.1.0 → 3.2.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { CardProps } from '../../../interfaces/organismProps';
3
+ declare const Card: React.FC<CardProps>;
4
+ export default Card;
@@ -4,3 +4,4 @@ export { default as Level } from './Level';
4
4
  export { default as Hero } from './Hero';
5
5
  export { default as TileGroup } from './TileGroup';
6
6
  export { default as NavBar } from './NavBar';
7
+ export { default as Card } from './Card';
@@ -1,8 +1,8 @@
1
- import { ElementProps } from './commonProps';
1
+ import { ClickeableProps, ElementProps } from './commonProps';
2
2
  import { InputControlProps, LevelItemProps, NavBarBrandProps, NavBarDropdownProps, PanelBlockProps, PanelTabsProps } from './moleculeProps';
3
+ import { ImageProps, NavBarItemProps, TileProps } from './atomProps';
3
4
  import { BasicColorType, SizeWithHeightType } from '../types/styleTypes';
4
5
  import { ChildrenType, NavBarFixedPositionType } from '../types/domTypes';
5
- import { NavBarItemProps, TileProps } from './atomProps';
6
6
  export interface FormFieldHelperProps {
7
7
  text?: string;
8
8
  color?: BasicColorType;
@@ -77,3 +77,16 @@ export interface NavBarProps extends ElementProps {
77
77
  /** `Styling` Adds a small shadow on navbar's bottom */
78
78
  hasShadow?: boolean;
79
79
  }
80
+ export interface CardFooterProps extends ClickeableProps {
81
+ text: string;
82
+ }
83
+ export interface CardProps extends ElementProps {
84
+ /** `Attribute` It will shot a text on card's top, just a paragraph */
85
+ headerText?: string;
86
+ /** `Attribute` A single configuration object that will render an `Image` component */
87
+ image?: ImageProps;
88
+ /** `Attribute` `Required` Deisgnated section where you can include a string, a single or list of components (each one separated in its own `content` section) */
89
+ content: ChildrenType;
90
+ /** `Attribute` A list of footer links that will be rendered on card's bottom, below its content */
91
+ footerLinks?: CardFooterProps[];
92
+ }
package/dist/index.d.ts CHANGED
@@ -731,6 +731,19 @@ interface NavBarProps extends ElementProps {
731
731
  /** `Styling` Adds a small shadow on navbar's bottom */
732
732
  hasShadow?: boolean;
733
733
  }
734
+ interface CardFooterProps extends ClickeableProps {
735
+ text: string;
736
+ }
737
+ interface CardProps extends ElementProps {
738
+ /** `Attribute` It will shot a text on card's top, just a paragraph */
739
+ headerText?: string;
740
+ /** `Attribute` A single configuration object that will render an `Image` component */
741
+ image?: ImageProps;
742
+ /** `Attribute` `Required` Deisgnated section where you can include a string, a single or list of components (each one separated in its own `content` section) */
743
+ content: ChildrenType;
744
+ /** `Attribute` A list of footer links that will be rendered on card's bottom, below its content */
745
+ footerLinks?: CardFooterProps[];
746
+ }
734
747
 
735
748
  declare const FormField: React$1.FC<FormFieldProps>;
736
749
 
@@ -744,4 +757,6 @@ declare const TileGroup: React$1.FC<TileGroupProps>;
744
757
 
745
758
  declare const NavBar: React$1.FC<NavBarProps>;
746
759
 
747
- 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, NavBar, NavBarBrand, NavBarDropdown, NavBarItem, Notification, Pagination, PaginationItem, Panel, PanelBlock, PanelTabs, ProgressBar, RadioButton, Section, Select, TabItem, Tabs, Tag, TextArea, Tile, TileBox, TileGroup, Title };
760
+ declare const Card: React$1.FC<CardProps>;
761
+
762
+ export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, Card, 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, NavBar, NavBarBrand, NavBarDropdown, NavBarItem, Notification, Pagination, PaginationItem, Panel, PanelBlock, PanelTabs, ProgressBar, RadioButton, Section, Select, TabItem, Tabs, Tag, TextArea, Tile, TileBox, TileGroup, Title };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reactive-bulma",
3
- "version": "3.1.0",
3
+ "version": "3.2.0",
4
4
  "description": "A component library based on React, Bulma, Typescript and Rollup",
5
5
  "keywords": [
6
6
  "typescript",
@@ -76,25 +76,25 @@
76
76
  "@storybook/react": "^7.6.10",
77
77
  "@storybook/react-webpack5": "^7.6.10",
78
78
  "@storybook/testing-library": "^0.2.2",
79
- "@testing-library/jest-dom": "^6.3.0",
79
+ "@testing-library/jest-dom": "^6.4.0",
80
80
  "@testing-library/react": "^14.1.2",
81
81
  "@testing-library/user-event": "^14.5.2",
82
82
  "@types/jest": "^29.5.11",
83
83
  "@types/react": "^18.2.48",
84
- "@typescript-eslint/eslint-plugin": "^6.19.1",
85
- "@typescript-eslint/parser": "^6.19.1",
84
+ "@typescript-eslint/eslint-plugin": "^6.20.0",
85
+ "@typescript-eslint/parser": "^6.20.0",
86
86
  "babel-jest": "^29.7.0",
87
87
  "babel-loader": "^9.1.3",
88
88
  "bulma": "^0.9.4",
89
89
  "eslint": "^8.56.0",
90
90
  "eslint-config-prettier": "^9.1.0",
91
91
  "eslint-plugin-react": "^7.33.2",
92
- "husky": "^9.0.6",
92
+ "husky": "^9.0.7",
93
93
  "hygen": "^6.2.11",
94
94
  "jest": "^29.7.0",
95
95
  "jest-environment-jsdom": "^29.7.0",
96
96
  "lint-staged": "^15.2.0",
97
- "npm-check-updates": "^16.14.13",
97
+ "npm-check-updates": "^16.14.14",
98
98
  "postcss": "^8.4.33",
99
99
  "prettier": "^3.2.4",
100
100
  "react": "^18.2.0",