gantri-components 2.112.0 → 2.113.0

package/dist/components/checkbox/checkbox.styles.d.ts

@@ -2,6 +2,7 @@ import { CheckboxVariant } from './checkbox.types';
 export declare const StyledCheckboxWrapper: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCheckbox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     $checked: boolean;
+    $hasError?: boolean | undefined;
     $variant?: CheckboxVariant | undefined;
 }, never>;
 export declare const StyledCheckboxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {

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

@@ -1,6 +1,6 @@
-import { JSXElementConstructor, MouseEventHandler } from 'react';
-import { TextVariant } from '../typography';
-import { FieldChangeEvent } from '../text-field';
+import { FocusEvent, JSXElementConstructor, MouseEventHandler } from 'react';
+import { TextVariant, TypographyColor } from '../typography';
+import { ErrorMessageType, FieldChangeEvent } from '../text-field';
 export type CheckboxVariant = 'primary' | 'alert';
 export interface CheckboxProps<T = boolean> {
     /** Overrides `labelTx` and `labelText` props to render `Component` inside a `label` element. */
@@ -9,19 +9,31 @@ export interface CheckboxProps<T = boolean> {
     }>;
     checked?: boolean;
     disabled?: boolean;
+    /**
+     * This field is used to map the error message, it can be a string
+     * or an object that contains tx and the values used to be mapped
+     * against translation keys.
+     * */
+    errorMessage?: ErrorMessageType;
     indeterminate?: boolean;
+    /**
+     * This field is used only if `Component` is not provided.
+     * */
+    labelColor?: TypographyColor;
     labelHtmlText?: string;
     labelPosition?: 'left' | 'right';
     labelText?: string;
     labelTx?: string;
     labelVariant?: TextVariant;
     name?: string;
+    onBlur?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onChange?: (event: FieldChangeEvent<T>) => void;
     /** Only fired if not disabled. */
     onClick?: MouseEventHandler<HTMLDivElement>;
+    onFocus?: (event: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onSelected?: (value: T) => void;
     variant?: CheckboxVariant;
 }
-export interface LabelContentProps extends Pick<CheckboxProps, 'labelText' | 'labelTx' | 'labelVariant' | 'Component' | 'labelHtmlText'> {
+export interface LabelContentProps extends Pick<CheckboxProps, 'labelText' | 'labelTx' | 'labelVariant' | 'labelColor' | 'Component' | 'labelHtmlText'> {
     isChecked: boolean;
 }