@cerebruminc/cerebellum 19.1.1 → 19.2.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # react-component-lib-boilerplate
 
+## [19.2.0](https://github.com/cerebruminc/cerebellum/compare/v19.1.1...v19.2.0) (2026-07-30)
+
+
+### Features
+
+* **backArrow:** add BackArrow component ([69a249c](https://github.com/cerebruminc/cerebellum/commit/69a249c7be035f9357f1a0038cf335e140463d9e))
+
+
+### Bug Fixes
+
+* **modal:** move modal title line height fix into theme ([9d10206](https://github.com/cerebruminc/cerebellum/commit/9d102066919676af0f7ab7b942dd3341fc10d135))
+
 ## [19.1.1](https://github.com/cerebruminc/cerebellum/compare/v19.1.0...v19.1.1) (2026-07-29)
 
 

package/package.json

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

package/src/components/Icons/BackArrow.tsx

@@ -0,0 +1,36 @@
+import { JSXElementConstructor } from "react";
+
+import { boxColorLookup } from "../../helpers/colors";
+import { BoringSpan, IconBox, InnerIconBox, Svg } from "./IconComponentStyles";
+import { IconProps, IconType } from "./types";
+
+export const BackArrow: IconType = (props: IconProps) => {
+  const { boxed = false, boxedSize = 67, boxColor, fill = "currentColor", round = false, scale = 1, title } = props;
+
+  const Container: JSXElementConstructor<any> = boxed || round ? IconBox : BoringSpan;
+  const InnerContainer: JSXElementConstructor<any> = boxed || round ? InnerIconBox : BoringSpan;
+
+  return (
+    <Container $boxedSize={boxedSize}>
+      <InnerContainer $boxColor={boxColor ?? boxColorLookup(fill)} $round={round} $paddingString={round ? "35%" : "25.4%"}>
+        <Svg
+          version="1.1"
+          x="0px"
+          y="0px"
+          role="img"
+          {...(title ? { "aria-labelledby": "back-arrow-icon-title-id" } : { "aria-hidden": "true" })}
+          viewBox="1.8 1.8 16.5 16.5"
+          scale={scale}
+          style={{ transform: "scaleX(-1)" }}
+        >
+          {title && <title id="back-arrow-icon-title-id">{title}</title>}
+          <path
+            fill={fill}
+            fillRule="evenodd"
+            d="M12.29 5.29c.39-.4 1.02-.4 1.41 0l4 4c.39.39.39 1.02 0 1.41l-4 4c-.4.39-1.03.39-1.42 0 -.4-.4-.4-1.03 0-1.42l2.29-2.3H2.98c-.56 0-1-.45-1-1 0-.56.44-1 1-1h11.58l-2.3-2.3c-.4-.4-.4-1.03 0-1.42Z"
+          />
+        </Svg>
+      </InnerContainer>
+    </Container>
+  );
+};

package/src/components/Icons/index.tsx

@@ -6,6 +6,7 @@ import { ArrowLong } from "./ArrowLong";
 import { Assign } from "./Assign";
 import { At } from "./At";
 import { Attachment } from "./Attachment";
+import { BackArrow } from "./BackArrow";
 import { BackCircle } from "./BackCircle";
 import { BackgroundCheck } from "./BackgroundCheck";
 import { BellOutline } from "./BellOutline";
@@ -191,6 +192,7 @@ export {
   Assign,
   At,
   Attachment,
+  BackArrow,
   BackCircle,
   BackgroundCheck,
   BellOutline,

package/src/index.ts

@@ -174,6 +174,7 @@ export {
   Assign,
   At,
   Attachment,
+  BackArrow,
   BackCircle,
   BackgroundCheck,
   BellOutline,

package/src/mantine/components/modalHelpers.module.css

@@ -8,10 +8,6 @@
   gap: 27px;
 }
 
-.confirmModalTitle {
-  line-height: 1.3333333333;
-}
-
 /* Applied programmatically via useContainerQuery when buttons don't fit side-by-side */
 .confirmModalGroupStacked {
   flex-direction: column-reverse !important;

package/src/mantine/components/modalHelpers.tsx

@@ -158,7 +158,6 @@ export const openConfirmModal = (props: ConfirmModalWithTitle) => {
     classNames: {
       content: clsx(styles.confirmModalContent, classNames?.content),
       body: clsx(styles.confirmModalBody, classNames?.body),
-      title: clsx(styles.confirmModalTitle, classNames?.title),
       ...classNames,
     },
     children: (

package/src/mantine/mantineTheme.ts

@@ -592,6 +592,7 @@ export const createCustomMantineTheme = (optionsOrBrandColor?: CreateCustomManti
           title: {
             fontSize: "30px",
             fontWeight: 600,
+            lineHeight: 1.33333,
           },
           content: {
             // Custom scrollbar to match Cerebellum's Modal component