@cerebruminc/cerebellum 16.1.1-beta.dangerous.94a8f04 → 16.1.1-beta.dangerous.bc77c27

package/lib/esm/validateColorContrast.js

@@ -1,50 +0,0 @@
-import { contrast } from './pressedEnter.js';
-
-/**
- * Validates that a color has sufficient contrast against a background color
- * according to WCAG AA accessibility standards (4.5:1 ratio for normal text).
- *
- * @param color - The foreground color (hex format, e.g., "#ff0000")
- * @param backgroundColor - The background color to check against (hex format, defaults to "#ffffff")
- * @returns boolean - true if the contrast ratio is >= 4.5:1, false otherwise
- */
-var validateColorContrast = function (color, backgroundColor) {
-    if (backgroundColor === void 0) { backgroundColor = "#ffffff"; }
-    if (!color) {
-        return true; // Allow empty values, let required validation handle this
-    }
-    try {
-        var contrastRatio = contrast(color, backgroundColor);
-        // WCAG AA requires 4.5:1 for normal text, 3:1 for large text
-        // Using 4.5 as the threshold for accessibility compliance
-        return contrastRatio >= 4.5;
-    }
-    catch (error) {
-        // If there's an error in contrast calculation (invalid color format, etc.)
-        // return true to avoid blocking the form, let other validation handle format issues
-        return true;
-    }
-};
-/**
- * Validates that a color has sufficient contrast against a background color
- * and returns an error message if validation fails.
- *
- * @param color - The foreground color (hex format, e.g., "#ff0000")
- * @param backgroundColor - The background color to check against (hex format, defaults to "#ffffff")
- * @param errorMessage - Custom error message (optional)
- * @returns string | null - Error message if validation fails, null if valid
- */
-var validateColorContrastWithMessage = function (color, backgroundColor, errorMessage) {
-    if (backgroundColor === void 0) { backgroundColor = "#ffffff"; }
-    if (!color) {
-        return null; // Allow empty values, let required validation handle this
-    }
-    var isValid = validateColorContrast(color, backgroundColor);
-    if (!isValid) {
-        return errorMessage || "This color does not have sufficient contrast for accessibility";
-    }
-    return null;
-};
-
-export { validateColorContrast, validateColorContrastWithMessage };
-//# sourceMappingURL=validateColorContrast.js.map

package/lib/esm/validateColorContrast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validateColorContrast.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/esm/validateColorContrastWithMessage.js

@@ -1,3 +0,0 @@
-import './pressedEnter.js';
-export { validateColorContrast, validateColorContrastWithMessage } from './validateColorContrast.js';
-//# sourceMappingURL=validateColorContrastWithMessage.js.map

package/lib/esm/validateColorContrastWithMessage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validateColorContrastWithMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/lib/types/src/components/ColorPickerInput/ColorPickerInput.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-import { ColorPickerInputType } from "./types";
-export declare const ColorPickerInput: FC<ColorPickerInputType>;

package/lib/types/src/components/ColorPickerInput/InlineColorPickerInput.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-import { InlineColorPickerInputType } from "./types";
-export declare const InlineColorPickerInput: FC<InlineColorPickerInputType>;

package/lib/types/src/components/ColorPickerInput/index.d.ts

@@ -1,3 +0,0 @@
-export { ColorPickerInput } from "./ColorPickerInput";
-export { InlineColorPickerInput } from "./InlineColorPickerInput";
-export type { ColorPickerInputType, InlineColorPickerInputType, ThemeOverride, ColorPickerInputThemeOverride } from "./types";

package/lib/types/src/components/ColorPickerInput/types.d.ts

@@ -1,48 +0,0 @@
-import { ReactElement, ReactNode } from "react";
-import { InlineInputType } from "../InlineInput";
-export interface InlineColorPickerInputType extends Omit<InlineInputType, "activeColor" | "characterLimit" | "clearButton" | "failColor" | "failColorSecondary" | "inputMode" | "LeadingIcon" | "lookLikeAButton" | "numberArrows" | "onValueChange" | "placeholder" | "placeholderColor" | "required" | "step" | "textColor" | "TrailingIcon" | "trailingIconColor" | "trailingIconFunction" | "trailingText" | "type" | "value"> {
-    /** If true, checks if the color is legible against the background color */
-    checkLegible?: boolean;
-    /** The background color to check legibility against. Defaults to #ffffff (white) */
-    legibleAgainst?: string;
-    /** Called when the value is changed & returns the new value. Required if you want to update `value`. If not present, `InlineColorPickerInput` becomes a display only component */
-    onValueChange?: (value: string) => void;
-    /** You can override the theme by passing a `themeOverride` object. */
-    themeOverride?: ThemeOverride;
-    /** Input value - a hex color string (e.g., "#ff0000") */
-    value: string;
-}
-export interface ColorPickerInputType extends Omit<InlineColorPickerInputType, "themeOverride"> {
-    /** Descriptive text for your input. Keep it short & concise */
-    helperText?: string | ReactElement;
-    /** A label for your input. Not required, but strongly recommended. */
-    inputLabel?: ReactNode;
-    /** Instructional text, that goes between the label and the color picker. */
-    instructionalText?: string;
-    /** You can override the theme by passing a `themeOverride` object. */
-    themeOverride?: ColorPickerInputThemeOverride;
-    /** A message for when the input fails validation. Only displays if `showValidationMessage: true`  */
-    validationMessage?: string;
-}
-export interface ThemeOverride {
-    activeBackgroundColor?: string;
-    activeBorderColor?: string;
-    activeColor?: string;
-    disabledBorderColor?: string;
-    disabledColor?: string;
-    failColor?: string;
-    failColorSecondary?: string;
-    hoverBorderColor?: string;
-    inactiveBorderColor?: string;
-    inputBackgroundColor?: string;
-    inputBorderRadius?: number;
-    inputHeight?: number;
-    inputPadding?: number;
-}
-export interface ColorPickerInputThemeOverride extends ThemeOverride {
-    helperTextColor?: string;
-    instructionalTextColor?: string;
-    instructionalTextFontSize?: number;
-    labelColor?: string;
-    legibilityFontSize?: number;
-}

package/lib/types/src/components/Form/fields/ColorPickerField/ColorPickerField.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ColorPickerFieldProps } from "../../types";
-export declare const ColorPickerField: FC<ColorPickerFieldProps>;
-export default ColorPickerField;

package/lib/types/src/components/Form/fields/ColorPickerField/index.d.ts

@@ -1 +0,0 @@
-export { ColorPickerField } from "./ColorPickerField";

package/lib/types/src/helpers/colorValidators.d.ts

@@ -1,19 +0,0 @@
-/**
- * Validates that a color has sufficient contrast against a background color
- * according to WCAG AA accessibility standards (4.5:1 ratio for normal text).
- *
- * @param color - The foreground color (hex format, e.g., "#ff0000")
- * @param backgroundColor - The background color to check against (hex format, defaults to "#ffffff")
- * @returns boolean - true if the contrast ratio is >= 4.5:1, false otherwise
- */
-export declare const validateColorContrast: (color: string, backgroundColor?: string) => boolean;
-/**
- * Validates that a color has sufficient contrast against a background color
- * and returns an error message if validation fails.
- *
- * @param color - The foreground color (hex format, e.g., "#ff0000")
- * @param backgroundColor - The background color to check against (hex format, defaults to "#ffffff")
- * @param errorMessage - Custom error message (optional)
- * @returns string | null - Error message if validation fails, null if valid
- */
-export declare const validateColorContrastWithMessage: (color: string, backgroundColor?: string, errorMessage?: string) => string | null;