@cerebruminc/cerebellum 17.1.0 → 17.1.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # react-component-lib-boilerplate
 
+## [17.1.2](https://github.com/cerebruminc/cerebellum/compare/v17.1.1...v17.1.2) (2026-05-27)
+
+
+### Bug Fixes
+
+* **deps:** update dependency react-dropzone to v14.4.1 ([1bc330f](https://github.com/cerebruminc/cerebellum/commit/1bc330f3c89a5a73c8e1a6225e811635850f13f1))
+
+## [17.1.1](https://github.com/cerebruminc/cerebellum/compare/v17.1.0...v17.1.1) (2026-05-22)
+
+
+### Bug Fixes
+
+* **image-picker:** move alternate action text into theme ([fb5b4de](https://github.com/cerebruminc/cerebellum/commit/fb5b4de517eaaa553bbb2c53b5d9f9e1fbe540dd))
+
 ## [17.1.0](https://github.com/cerebruminc/cerebellum/compare/v17.0.2...v17.1.0) (2026-05-19)
 
 

package/package.json

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

package/src/components/Form/Form.tsx

@@ -766,7 +766,7 @@ export const Form = <T extends Record<string, any>>({
                   formikProps.handleSubmit();
                   setSubmitAttempt(true);
                 }}
-                shadow
+                shadow={themeOverride?.buttonShadow ?? true}
                 text={submitButtonText}
               />
             </SubmitButton>

package/src/components/Form/types.ts

@@ -113,6 +113,7 @@ export interface ThemeOverride {
   addButtonsGap?: number;
   bgColor?: string;
   bottomPadding?: number;
+	buttonShadow?: boolean;
   cancelButtonColorFamily?: ButtonColorFamilyEnum;
   clearButtonColorFamily?: ButtonColorFamilyEnum;
   removeButtonColorFamily?: ButtonColorFamilyEnum;

package/src/components/ImagePicker/ImagePickerStyles.tsx

@@ -201,8 +201,8 @@ export const ActionTextBox = styled.div<ActionTextBoxProps>`
 `;
 
 export const FakeTextLink = styled.span<FakeTextLinkProps>`
-  border-bottom: 1px solid ${({ $themeOverride }) => $themeOverride?.actionTextColor || colors.BLUE_100};
-  color: ${({ $themeOverride }) => $themeOverride?.actionTextColor || colors.BLUE_100};
+  border-bottom: 1px solid ${({ $themeOverride, theme }) => $themeOverride?.actionTextColor || theme.imagePicker.actionTextColor};
+  color: ${({ $themeOverride, theme }) => $themeOverride?.actionTextColor || theme.imagePicker.actionTextColor};
   padding-bottom: 4px;
   position: relative;
 `;
@@ -210,7 +210,7 @@ export const FakeTextLink = styled.span<FakeTextLinkProps>`
 export const AlternatePickerText = styled(BodyXSPrimary)<AlternatePickerTextProps>`
   margin-top: ${({ $noTopMargin }) => ($noTopMargin ? 0 : 16)}px;
   text-align: center;
-  color: ${colors.COOL_GREY_60};
+  color: ${({ theme }) => theme.imagePicker.helperTextColor};
 `;
 
 export const HiddenButton = styled.button<ImageInputProps>`

package/src/theme.ts

@@ -224,6 +224,7 @@ interface IconTileTheme {
 }
 interface ImagePickerTheme {
   actionButtonGap: number;
+  actionTextColor: string;
   asteriskColor: string;
   borderColor: string;
   borderRadius: number;
@@ -979,6 +980,7 @@ export const cerebellumTheme: DefaultTheme = {
   },
   imagePicker: {
     actionButtonGap: 6,
+		actionTextColor: colors.BLUE_100,
     asteriskColor: colors.BLUE_70,
     borderColor: colors.COOL_GREY_25,
     borderRadius: 5,
@@ -1560,6 +1562,7 @@ export const highContrastTheme: DefaultTheme = {
   imagePicker: {
     ...cerebellumTheme.imagePicker,
     asteriskColor: colors.BLACK,
+    actionTextColor: colors.BLACK,
     borderColor: colors.BLACK,
     failColor: colors.RED_130,
     helperTextColor: colors.BLACK,