@allxsmith/bestax-bulma 2.0.0 → 2.0.1
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/dist/index.cjs.js +457 -452
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +455 -454
- package/dist/index.esm.js.map +1 -1
- package/dist/types/helpers/Config.d.ts +1 -0
- package/dist/types/helpers/classNames.d.ts +3 -0
- package/dist/types/helpers/useBulmaClasses.d.ts +7 -2
- package/dist/types/layout/Media.d.ts +8 -6
- package/package.json +1 -1
|
@@ -1,2 +1,5 @@
|
|
|
1
1
|
export declare function classNames(...args: (string | number | undefined | null | false | Record<string, unknown> | unknown[])[]): string;
|
|
2
|
+
export declare function createPrefixedClassNames(classPrefix: string): (...args: (string | number | undefined | null | false | Record<string, unknown> | unknown[])[]) => string;
|
|
2
3
|
export default classNames;
|
|
4
|
+
export declare function prefixedClassNames(prefix: string | undefined, ...args: (string | number | undefined | null | false | Record<string, unknown> | unknown[])[]): string;
|
|
5
|
+
export declare function usePrefixedClassNames(...args: (string | number | undefined | null | false | Record<string, unknown> | unknown[])[]): string;
|
|
@@ -14,7 +14,7 @@ export declare const validJustifyContents: readonly ["flex-start", "flex-end", "
|
|
|
14
14
|
export declare const validAlignContents: readonly ["flex-start", "flex-end", "center", "space-between", "space-around", "space-evenly", "stretch"];
|
|
15
15
|
export declare const validAlignItems: readonly ["stretch", "flex-start", "flex-end", "center", "baseline", "start", "end"];
|
|
16
16
|
export declare const validAlignSelfs: readonly ["auto", "flex-start", "flex-end", "center", "baseline", "stretch"];
|
|
17
|
-
export declare const validFlexGrowShrink: readonly ["0", "1"];
|
|
17
|
+
export declare const validFlexGrowShrink: readonly ["0", "1", "2", "3", "4", "5"];
|
|
18
18
|
export declare const validViewports: readonly ["mobile", "tablet", "desktop", "widescreen", "fullhd"];
|
|
19
19
|
export interface BulmaClassesProps {
|
|
20
20
|
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -39,7 +39,7 @@ export interface BulmaClassesProps {
|
|
|
39
39
|
textTransform?: (typeof validTextTransforms)[number];
|
|
40
40
|
textWeight?: (typeof validTextWeights)[number];
|
|
41
41
|
fontFamily?: (typeof validFontFamilies)[number];
|
|
42
|
-
display?: (typeof validDisplays)[number];
|
|
42
|
+
display?: (typeof validDisplays)[number] | 'none';
|
|
43
43
|
visibility?: (typeof validVisibilities)[number];
|
|
44
44
|
flexDirection?: (typeof validFlexDirections)[number];
|
|
45
45
|
flexWrap?: (typeof validFlexWraps)[number];
|
|
@@ -57,6 +57,11 @@ export interface BulmaClassesProps {
|
|
|
57
57
|
shadow?: 'shadowless';
|
|
58
58
|
responsive?: 'mobile' | 'narrow';
|
|
59
59
|
viewport?: (typeof validViewports)[number];
|
|
60
|
+
displayMobile?: (typeof validDisplays)[number] | 'none';
|
|
61
|
+
displayTablet?: (typeof validDisplays)[number] | 'none';
|
|
62
|
+
displayDesktop?: (typeof validDisplays)[number] | 'none';
|
|
63
|
+
displayWidescreen?: (typeof validDisplays)[number] | 'none';
|
|
64
|
+
displayFullhd?: (typeof validDisplays)[number] | 'none';
|
|
60
65
|
skeleton?: boolean;
|
|
61
66
|
}
|
|
62
67
|
export declare const useBulmaClasses: <T extends Record<string, unknown>>(props: BulmaClassesProps & T) => {
|
|
@@ -8,11 +8,7 @@ export interface MediaProps extends React.HTMLAttributes<HTMLElement>, Omit<Bulm
|
|
|
8
8
|
className?: string;
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
}
|
|
11
|
-
export declare const Media: React.FC<MediaProps
|
|
12
|
-
Left: typeof MediaLeft;
|
|
13
|
-
Content: typeof MediaContent;
|
|
14
|
-
Right: typeof MediaRight;
|
|
15
|
-
};
|
|
11
|
+
export declare const Media: React.FC<MediaProps>;
|
|
16
12
|
export interface MediaLeftProps extends React.HTMLAttributes<HTMLElement>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
|
|
17
13
|
as?: 'figure' | 'div';
|
|
18
14
|
color?: (typeof validColors)[number] | 'inherit' | 'current';
|
|
@@ -38,4 +34,10 @@ export interface MediaRightProps extends React.HTMLAttributes<HTMLDivElement>, O
|
|
|
38
34
|
children?: React.ReactNode;
|
|
39
35
|
}
|
|
40
36
|
export declare const MediaRight: React.FC<MediaRightProps>;
|
|
41
|
-
|
|
37
|
+
interface MediaComponent extends React.FC<MediaProps> {
|
|
38
|
+
Left: React.FC<MediaLeftProps>;
|
|
39
|
+
Content: React.FC<MediaContentProps>;
|
|
40
|
+
Right: React.FC<MediaRightProps>;
|
|
41
|
+
}
|
|
42
|
+
declare const MediaWithSubcomponents: MediaComponent;
|
|
43
|
+
export default MediaWithSubcomponents;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@allxsmith/bestax-bulma",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.1",
|
|
4
4
|
"description": "A fully-typed React component library for the Bulma CSS framework. Build modern UIs quickly with reusable, accessible, and customizable Bulma-based React components.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.esm.js",
|