reactive-bulma 2.13.0 → 2.14.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/dist/cjs/index.js +10 -0
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/organisms/Hero/index.d.ts +4 -0
- package/dist/cjs/types/components/organisms/index.d.ts +1 -0
- package/dist/cjs/types/interfaces/atomProps.d.ts +28 -27
- package/dist/cjs/types/interfaces/moleculeProps.d.ts +18 -18
- package/dist/cjs/types/interfaces/organismProps.d.ts +16 -3
- package/dist/cjs/types/types/componentEnums.d.ts +3 -0
- package/dist/cjs/types/types/styleTypes.d.ts +15 -15
- package/dist/esm/index.js +10 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/organisms/Hero/index.d.ts +4 -0
- package/dist/esm/types/components/organisms/index.d.ts +1 -0
- package/dist/esm/types/interfaces/atomProps.d.ts +28 -27
- package/dist/esm/types/interfaces/moleculeProps.d.ts +18 -18
- package/dist/esm/types/interfaces/organismProps.d.ts +16 -3
- package/dist/esm/types/types/componentEnums.d.ts +3 -0
- package/dist/esm/types/types/styleTypes.d.ts +15 -15
- package/dist/index.d.ts +77 -60
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -3708,6 +3708,15 @@ const Level = ({ testId = null, cssClasses = null, style = null, leftSide = null
|
|
|
3708
3708
|
rightSide ? (React.createElement("section", { className: 'level-right' }, renderLevelSection(rightSide))) : null));
|
|
3709
3709
|
};
|
|
3710
3710
|
|
|
3711
|
+
const Hero = ({ testId = null, cssClasses = null, style = null, header = null, body, footer = null, color = null, size = null }) => {
|
|
3712
|
+
const heroClasses = parseClasses(['hero', color, size, cssClasses]);
|
|
3713
|
+
const heroTestId = testId !== null && testId !== void 0 ? testId : parseTestId({ tag: 'hero', parsedClasses: heroClasses });
|
|
3714
|
+
return (React.createElement("section", { "data-testid": heroTestId, className: heroClasses, style: style !== null && style !== void 0 ? style : undefined },
|
|
3715
|
+
size === 'is-fullheight' ? (React.createElement("section", { "data-testid": `${heroTestId}-head`, className: 'hero-head' }, header)) : null,
|
|
3716
|
+
React.createElement("section", { "data-testid": `${heroTestId}-body`, className: 'hero-body' }, body),
|
|
3717
|
+
size === 'is-fullheight' ? (React.createElement("section", { "data-testid": `${heroTestId}-foot`, className: 'hero-foot' }, footer)) : null));
|
|
3718
|
+
};
|
|
3719
|
+
|
|
3711
3720
|
exports.Block = Block;
|
|
3712
3721
|
exports.Box = Box;
|
|
3713
3722
|
exports.BreadcrumbItem = BreadcrumbItem;
|
|
@@ -3723,6 +3732,7 @@ exports.DropdownItem = DropdownItem;
|
|
|
3723
3732
|
exports.DropdownTrigger = DropdownTrigger;
|
|
3724
3733
|
exports.File = File;
|
|
3725
3734
|
exports.FormField = FormField;
|
|
3735
|
+
exports.Hero = Hero;
|
|
3726
3736
|
exports.Icon = Icon;
|
|
3727
3737
|
exports.Image = Image;
|
|
3728
3738
|
exports.Input = Input;
|