@cerebruminc/cerebellum 17.1.2 → 17.2.0

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # react-component-lib-boilerplate
 
+## [17.2.0](https://github.com/cerebruminc/cerebellum/compare/v17.1.2...v17.2.0) (2026-05-29)
+
+
+### Features
+
+* **button:** add ariaLabel prop to Button component ([896e094](https://github.com/cerebruminc/cerebellum/commit/896e094d16e691a7706e1f1dcd7afc8b2e530bd9))
+
 ## [17.1.2](https://github.com/cerebruminc/cerebellum/compare/v17.1.1...v17.1.2) (2026-05-27)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerebruminc/cerebellum",
-  "version": "17.1.2",
+  "version": "17.2.0",
   "description": "Cerebrum's React Component Library",
   "type": "module",
   "main": "src/index.ts",

package/src/components/Button/Button.test.tsx

@@ -131,6 +131,13 @@ describe("Button", () => {
     expect(button).toHaveStyle({ "background-color": customColorFamily.main });
   });
 
+  test("renders Button with ariaLabel", () => {
+    const onClick = jest.fn();
+    render(<ThemedButton text="foo" onClick={onClick} ariaLabel="Submit form" colorFamily={ButtonColorFamilyEnum.Blue} />);
+    const button = screen.getByRole("button");
+    expect(button).toHaveAttribute("aria-label", "Submit form");
+  });
+
   test("Button in loading mode will render the LoadingEllipsis component", () => {
     const onClick = jest.fn();
     render(<ThemedButton focus text="foo" onClick={onClick} loading={true} />);

package/src/components/Button/Button.tsx

@@ -23,6 +23,7 @@ import { ButtonType } from "./types";
 
 export const Button: FC<ButtonType> = (props: ButtonType) => {
   const {
+    ariaLabel,
     borderRadius,
     boxed = false,
     boxedOutline = false,
@@ -109,6 +110,7 @@ export const Button: FC<ButtonType> = (props: ButtonType) => {
         {...(useA && target ? { target: target } : {})}
         as={useA ? "a" : "button"}
         ref={buttonRef}
+        aria-label={ariaLabel}
         $backButton={backButton}
         $borderRadius={borderRadius}
         $boxedOutline={boxedOutline}

package/src/components/Button/types.ts

@@ -5,6 +5,8 @@ import { ButtonColorFamilyEnum } from "../../sharedTypes/enums";
 import { ColorFamilyType } from "../../sharedTypes/types";
 import { LoadingEllipsisType } from "../LoadingEllipsis";
 export interface ButtonType {
+  /** Sets the `aria-label` attribute on the button element */
+  ariaLabel?: string;
   /** Adds an arrow pointing left and pushes the text right */
   backButton?: boolean;
   /** The button's border-radius, in px. Default is 8 for BoxedButton and TextButton, and 30 for the others */