reactive-bulma 1.10.2 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +49 -41
- package/dist/cjs/index.js +1 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/atoms/Image/index.d.ts +4 -0
- package/dist/cjs/types/functions/parsers.d.ts +1 -3
- package/dist/cjs/types/interfaces/atomProps.d.ts +6 -1
- package/dist/cjs/types/types/styleTypes.d.ts +1 -0
- package/dist/esm/index.js +1 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/atoms/Image/index.d.ts +4 -0
- package/dist/esm/types/functions/parsers.d.ts +1 -3
- package/dist/esm/types/interfaces/atomProps.d.ts +6 -1
- package/dist/esm/types/types/styleTypes.d.ts +1 -0
- package/package.json +1 -1
@@ -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/dist/esm/index.js
CHANGED
@@ -2839,14 +2839,12 @@ function requireReact_development () {
|
|
2839
2839
|
var React = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
|
2840
2840
|
|
2841
2841
|
/**
|
2842
|
-
*
|
2843
2842
|
* @param { Array<string | null> } _classes Required. Array of classNames on `string` (or `null`) values
|
2844
2843
|
* @returns { string } A single string product of merge all classNames, separated by spaces
|
2845
2844
|
*/
|
2846
2845
|
const parseClasses = (_classes) => _classes.filter(_class => _class).join(' ');
|
2847
2846
|
/**
|
2848
|
-
*
|
2849
|
-
* @param { ParseTestIdProps } config Configuration of tag, parsedClasses and tag
|
2847
|
+
* @param { ParseTestIdProps } config Configuration object
|
2850
2848
|
* @param { string } config.tag Required. Component tag used between to build the final testId string.
|
2851
2849
|
* @param { string } config.parsedClasses Required. A single string of previously parsed classes what will be joined with `tag` property.
|
2852
2850
|
* @param { string } config.separator Optional. `''` by default. Will replace final string empty spaces with a configurable string.
|