reactive-bulma 2.15.0 → 2.17.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 { FooterProps } from '../../../interfaces/moleculeProps';
3
+ declare const Footer: React.FC<FooterProps>;
4
+ export default Footer;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { MediaProps } from '../../../interfaces/moleculeProps';
3
+ declare const Media: React.FC<MediaProps>;
4
+ export default Media;
@@ -14,3 +14,5 @@ export { default as PanelBlock } from './PanelBlock';
14
14
  export { default as PanelTabs } from './PanelTabs';
15
15
  export { default as LevelItem } from '../molecules/LevelItem';
16
16
  export { default as TileBox } from './TileBox';
17
+ export { default as Footer } from './Footer';
18
+ export { default as Media } from './Media';
@@ -175,4 +175,18 @@ export interface LevelItemProps extends ElementProps {
175
175
  }
176
176
  export interface TileBoxProps extends TileProps {
177
177
  }
178
+ export interface FooterProps extends ComposedElementProps {
179
+ /** `Attribute` `Required` Reffers to the component, list of components or string content that will be shown inside the footer */
180
+ content: ChildrenType;
181
+ /** `Styling` Centers footer¿s content horizontally */
182
+ isContentCentered?: boolean;
183
+ }
184
+ export interface MediaProps extends ElementProps {
185
+ /** `Attribute` Reffers to the component or string content that will be shown inside the component's left side */
186
+ leftContent?: SingleChildType;
187
+ /** `Attribute` Reffers to the component or string content that will be shown inside the component's center */
188
+ centerContent?: SingleChildType;
189
+ /** `Attribute` Reffers to the component or string content that will be shown inside the component's right side */
190
+ rightContent?: SingleChildType;
191
+ }
178
192
  export {};
@@ -11,3 +11,4 @@ export declare enum IconSizeEnum {
11
11
  'is-large' = 48
12
12
  }
13
13
  export type TileContextType = 'is-child' | 'is-parent' | 'is-ancestor';
14
+ export type MediaSectionType = 'left' | 'content' | 'right';
package/dist/index.d.ts CHANGED
@@ -558,6 +558,20 @@ interface LevelItemProps extends ElementProps {
558
558
  }
559
559
  interface TileBoxProps extends TileProps {
560
560
  }
561
+ interface FooterProps extends ComposedElementProps {
562
+ /** `Attribute` `Required` Reffers to the component, list of components or string content that will be shown inside the footer */
563
+ content: ChildrenType;
564
+ /** `Styling` Centers footer¿s content horizontally */
565
+ isContentCentered?: boolean;
566
+ }
567
+ interface MediaProps extends ElementProps {
568
+ /** `Attribute` Reffers to the component or string content that will be shown inside the component's left side */
569
+ leftContent?: SingleChildType;
570
+ /** `Attribute` Reffers to the component or string content that will be shown inside the component's center */
571
+ centerContent?: SingleChildType;
572
+ /** `Attribute` Reffers to the component or string content that will be shown inside the component's right side */
573
+ rightContent?: SingleChildType;
574
+ }
561
575
 
562
576
  declare const ButtonGroup: React$1.FC<ButtonGroupProps>;
563
577
 
@@ -591,6 +605,10 @@ declare const LevelItem: React$1.FC<LevelItemProps>;
591
605
 
592
606
  declare const TileBox: React$1.FC<TileBoxProps>;
593
607
 
608
+ declare const Footer: React$1.FC<FooterProps>;
609
+
610
+ declare const Media: React$1.FC<MediaProps>;
611
+
594
612
  interface FormFieldHelperProps {
595
613
  text?: string;
596
614
  color?: BasicColorType;
@@ -654,4 +672,4 @@ declare const Hero: React$1.FC<HeroProps>;
654
672
 
655
673
  declare const TileGroup: React$1.FC<TileGroupProps>;
656
674
 
657
- export { Block, Box, BreadcrumbItem, Breadcrumbs, Button, ButtonGroup, CheckBox as Checkbox, Column, ColumnGroup, Delete, Dropdown, DropdownItem, DropdownTrigger, File, 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 };
675
+ 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, 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": "2.15.0",
3
+ "version": "2.17.0",
4
4
  "description": "A component library based on React, Bulma, Typescript and Rollup",
5
5
  "keywords": [
6
6
  "typescript",
@@ -76,13 +76,13 @@
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.2.0",
79
+ "@testing-library/jest-dom": "^6.2.1",
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.0",
85
- "@typescript-eslint/parser": "^6.19.0",
84
+ "@typescript-eslint/eslint-plugin": "^6.19.1",
85
+ "@typescript-eslint/parser": "^6.19.1",
86
86
  "babel-jest": "^29.7.0",
87
87
  "babel-loader": "^9.1.3",
88
88
  "bulma": "^0.9.4",
@@ -99,7 +99,7 @@
99
99
  "prettier": "^3.2.4",
100
100
  "react": "^18.2.0",
101
101
  "react-dom": "^18.2.0",
102
- "rollup": "^4.9.5",
102
+ "rollup": "^4.9.6",
103
103
  "rollup-plugin-dts": "^6.1.0",
104
104
  "rollup-plugin-postcss": "^4.0.2",
105
105
  "semantic-release": "^23.0.0",