@allxsmith/bestax-bulma 5.11.7 → 5.12.0

package/dist/index.esm.js

@@ -1866,6 +1866,7 @@ const Menu = withSubComponents(MenuComponent, {
     Item: MenuItem,
 }, 'Menu');
 
+const validMessageSizes = ['small', 'medium', 'large'];
 /**
  * The `Message` component provides Bulma's flexible notice/message box for your Bulma React UI.
  *
@@ -1874,7 +1875,7 @@ const Menu = withSubComponents(MenuComponent, {
  * @returns {JSX.Element} The rendered message.
  * @see {@link https://bulma.io/documentation/components/message/ | Bulma Message documentation}
  */
-const MessageComponent = ({ className, title, textColor, color, bgColor, onClose, children, ...props }) => {
+const MessageComponent = ({ className, title, textColor, color, bgColor, size, onClose, children, ...props }) => {
     const { classPrefix } = useConfig();
     const { bulmaHelperClasses, rest } = useBulmaClasses({
         color: textColor,
@@ -1884,6 +1885,7 @@ const MessageComponent = ({ className, title, textColor, color, bgColor, onClose
     // Generate Bulma classes with prefix
     const bulmaClasses = usePrefixedClassNames('message', {
         [`is-${color}`]: color,
+        [`is-${size}`]: size && validMessageSizes.includes(size),
     });
     const deleteClass = usePrefixedClassNames('delete');
     const messageClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
@@ -4682,6 +4684,7 @@ const LinkButton = ({ variant = 'text', color, className, ...props }) => {
     return (jsx(Button, { color: buttonColor, className: classNames(prefixedClasses, className), ...props }));
 };
 
+const validButtonsSizes = ['small', 'medium', 'large'];
 /**
  * The `Buttons` component lets you group multiple `Button` elements together with Bulma's spacing, alignment, and add-on features.
  *
@@ -4690,11 +4693,12 @@ const LinkButton = ({ variant = 'text', color, className, ...props }) => {
  * @returns {JSX.Element} The rendered group of buttons.
  * @see {@link https://bulma.io/documentation/elements/button/#group | Bulma Button Group documentation}
  */
-const ButtonsComponent = ({ className, textColor, color, bgColor, isCentered, isRight, hasAddons, children, ...props }) => {
+const ButtonsComponent = ({ className, textColor, color, bgColor, isCentered, isRight, hasAddons, size, children, ...props }) => {
     const buttonsClasses = usePrefixedClassNames('buttons', {
         'is-centered': isCentered,
         'is-right': isRight,
         'has-addons': hasAddons,
+        [`are-${size}`]: size && validButtonsSizes.includes(size),
     });
     /**
      * Generates Bulma helper classes and separates out remaining props.
@@ -5593,6 +5597,7 @@ const Tag = ({ className, color, size, isLight, isRounded, isDelete, isHoverable
     return (jsx("span", { className: tagClasses, ...rest, children: children }));
 };
 
+const validTagsSizes = ['medium', 'large'];
 /**
  * The `Tags` component groups multiple `Tag` components together in a horizontal (or multiline) Bulma-styled container.
  *
@@ -5601,7 +5606,7 @@ const Tag = ({ className, color, size, isLight, isRounded, isDelete, isHoverable
  * @returns {JSX.Element} The rendered tags container.
  * @see {@link https://bulma.io/documentation/elements/tag/#list-of-tags | Bulma Tags documentation}
  */
-const TagsComponent = ({ className, hasAddons, isMultiline, children, ...props }) => {
+const TagsComponent = ({ className, hasAddons, isMultiline, size, children, ...props }) => {
     /**
      * Generates Bulma helper classes and separates out remaining props.
      */
@@ -5609,6 +5614,7 @@ const TagsComponent = ({ className, hasAddons, isMultiline, children, ...props }
     const bulmaClasses = usePrefixedClassNames('tags', {
         'has-addons': hasAddons,
         'are-multiline': isMultiline,
+        [`are-${size}`]: size && validTagsSizes.includes(size),
     });
     const tagsClasses = classNames(bulmaClasses, bulmaHelperClasses, className);
     return (jsx("div", { className: tagsClasses, ...rest, children: children }));