reactive-bulma 1.10.2 → 1.11.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 { ImageProps } from '../../../interfaces/atomProps';
3
+ declare const Image: React.FC<ImageProps>;
4
+ export default Image;
@@ -1,13 +1,11 @@
1
1
  import { ParseTestIdProps } from '../interfaces/functionProps';
2
2
  /**
3
- *
4
3
  * @param { Array<string | null> } _classes Required. Array of classNames on `string` (or `null`) values
5
4
  * @returns { string } A single string product of merge all classNames, separated by spaces
6
5
  */
7
6
  export declare const parseClasses: (_classes: Array<string | null>) => string;
8
7
  /**
9
- *
10
- * @param { ParseTestIdProps } config Configuration of tag, parsedClasses and tag
8
+ * @param { ParseTestIdProps } config Configuration object
11
9
  * @param { string } config.tag Required. Component tag used between to build the final testId string.
12
10
  * @param { string } config.parsedClasses Required. A single string of previously parsed classes what will be joined with `tag` property.
13
11
  * @param { string } config.separator Optional. `''` by default. Will replace final string empty spaces with a configurable string.
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { basicColorType, columnOffsetType, columnSizeType, sizeType } from '../types/styleTypes';
2
+ import { basicColorType, columnOffsetType, columnSizeType, fixedImageSizeType, sizeType } from '../types/styleTypes';
3
3
  interface BasicProps {
4
4
  testId?: string;
5
5
  style?: React.CSSProperties;
@@ -46,4 +46,9 @@ export interface TagProps extends BasicProps, React.ComponentPropsWithoutRef<'sp
46
46
  addonColor?: basicColorType;
47
47
  onDeleteClick?: () => void;
48
48
  }
49
+ export interface ImageProps extends BasicProps, React.ComponentPropsWithoutRef<'figure'> {
50
+ src: string;
51
+ fixedSize?: fixedImageSizeType;
52
+ isRounded?: boolean;
53
+ }
49
54
  export {};
@@ -1,4 +1,5 @@
1
1
  export type columnSizeType = 'is-three-quarters' | 'is-two-thirds' | 'is-half' | 'is-one-third' | 'is-one-quarter' | 'is-full' | 'is-four-fifths' | 'is-three-fifths' | 'is-two-fifths' | 'is-one-fifth' | 'is-1' | 'is-2' | 'is-3' | 'is-4' | 'is-5' | 'is-6' | 'is-7' | 'is-8' | 'is-9' | 'is-10' | 'is-11' | 'is-12';
2
2
  export type columnOffsetType = 'is-offset-1' | 'is-offset-2' | 'is-offset-3' | 'is-offset-4' | 'is-offset-5' | 'is-offset-6' | 'is-offset-7' | 'is-offset-8' | 'is-offset-9' | 'is-offset-10' | 'is-offset-11' | 'is-offset-12';
3
3
  export type basicColorType = 'is-white' | 'is-light' | 'is-dark' | 'is-black' | 'is-text' | 'is-ghost' | 'is-primary' | 'is-link' | 'is-info' | 'is-success' | 'is-warning' | 'is-danger';
4
+ 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';
4
5
  export type sizeType = 'is-small' | 'is-normal' | 'is-medium' | 'is-large';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "reactive-bulma",
3
- "version": "1.10.2",
3
+ "version": "1.11.0",
4
4
  "description": "A typescript-react-based component library based on bulma",
5
5
  "keywords": [
6
6
  "typescript",