@allxsmith/bestax-bulma 5.11.7 → 5.12.0

package/dist/types/components/Message.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+declare const validMessageSizes: readonly ["small", "medium", "large"];
+/**
+ * Valid size values for the Message component (Bulma message sizes).
+ */
+export type MessageSize = (typeof validMessageSizes)[number];
 /**
  * Props for the Message component.
  */
-export interface MessageProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor'> {
+export interface MessageProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'>, Omit<BulmaClassesProps, 'color' | 'backgroundColor' | 'size'> {
     /** Additional CSS classes. */
     className?: string;
     /** Title string/node (renders header section). */
@@ -14,6 +19,8 @@ export interface MessageProps extends Omit<React.HTMLAttributes<HTMLElement>, 't
     color?: 'primary' | 'link' | 'info' | 'success' | 'warning' | 'danger';
     /** Background color for the message (Bulma helper). */
     bgColor?: (typeof validColors)[number] | 'inherit' | 'current';
+    /** Size of the message. */
+    size?: MessageSize;
     /** Callback for the close ("X") button. */
     onClose?: () => void;
     /** Body content for the message. */

package/dist/types/elements/Buttons.d.ts

@@ -1,9 +1,14 @@
 import React from 'react';
 import { BulmaClassesProps, validColors } from '../helpers/useBulmaClasses';
+declare const validButtonsSizes: readonly ["small", "medium", "large"];
+/**
+ * Valid size values for the Buttons component (Bulma button group sizes).
+ */
+export type ButtonsSize = (typeof validButtonsSizes)[number];
 /**
  * Props for the Buttons component.
  */
-interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement>, BulmaClassesProps {
+interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BulmaClassesProps, 'size'> {
     /** Additional CSS classes to apply. */
     className?: string;
     /** Text color helper for the button group. */
@@ -23,6 +28,8 @@ interface ButtonsProps extends React.HTMLAttributes<HTMLDivElement>, BulmaClasse
     isRight?: boolean;
     /** Group buttons together as addons (removes spacing between them). */
     hasAddons?: boolean;
+    /** Size of the button group. */
+    size?: ButtonsSize;
     /** The button elements to render inside the group. */
     children: React.ReactNode;
 }

package/dist/types/elements/Icon.d.ts

@@ -49,7 +49,15 @@ export interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, BulmaC
     libraryFeatures?: string | string[];
     /** Size modifier for the icon container. */
     size?: 'small' | 'medium' | 'large';
-    /** ARIA label for accessibility (default: 'icon'). */
+    /**
+     * ARIA label for accessibility. Applied unconditionally to the container span, so an
+     * icon that never sets it still renders `aria-label="icon"`. For an icon-only control,
+     * put the real `aria-label` on the control (e.g. `Button`) and set `aria-hidden` here
+     * instead — otherwise the control's accessible name is announced as just "icon". For a
+     * decorative icon beside visible text, set `aria-hidden` here rather than leaving the
+     * default, so it doesn't add "icon" to the text's accessible name.
+     * @defaultValue 'icon'
+     */
     ariaLabel?: string;
     /** Inline style object. */
     style?: React.CSSProperties;

package/dist/types/elements/Tags.d.ts

@@ -1,18 +1,26 @@
 import React from 'react';
 import { BulmaClassesProps } from '../helpers/useBulmaClasses';
+declare const validTagsSizes: readonly ["medium", "large"];
+/**
+ * Valid size values for the Tags component (Bulma tag group sizes).
+ */
+export type TagsSize = (typeof validTagsSizes)[number];
 /**
  * Props for the Tags component.
  */
-export interface TagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color'> {
+export interface TagsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, Omit<BulmaClassesProps, 'backgroundColor' | 'color' | 'size'> {
     /** Additional CSS classes to apply. */
     className?: string;
     /** Group tags together as add-ons (no spacing). */
     hasAddons?: boolean;
     /** Allow tags to wrap onto multiple lines. */
     isMultiline?: boolean;
+    /** Size of every tag in the group. */
+    size?: TagsSize;
     /** Tag elements to render inside the container. */
     children?: React.ReactNode;
 }
 export declare const Tags: React.FC<TagsProps> & {
     Tag: React.FC<import("./Tag").TagProps>;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allxsmith/bestax-bulma",
-  "version": "5.11.7",
+  "version": "5.12.0",
   "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.",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",