gantri-components 2.113.0-beta.1 → 2.114.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, ReactElement } 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,34 @@ 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;
+    labelTxComponents?: readonly ReactElement[] | {
+        readonly [tagName: string]: ReactElement;
+    };
     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' | 'labelTxComponents' | 'labelVariant' | 'labelColor' | 'Component' | 'labelHtmlText'> {
     isChecked: boolean;
 }

package/dist/components/color-picker/components/color-picker-item/color-picker-item.styles.d.ts

@@ -8,5 +8,7 @@ export declare const StyledColorOutline: import("styled-components").StyledCompo
     $variant?: ColorPickerVariant | undefined;
 }, never>;
 export declare const StyledColor: import("styled-components").StyledComponent<import("react-spring").AnimatedComponent<"span">, import("styled-components").DefaultTheme, {
+    $size?: CSSProperties['width'];
+    $variant?: ColorPickerVariant | undefined;
     color: ProductColorCode;
 }, never>;

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

@@ -21,6 +21,9 @@ export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
     labelPosition?: LabelPosition;
     labelText?: string;
     labelTx?: string;
+    labelTxComponents?: readonly ReactElement[] | {
+        readonly [tagName: string]: ReactElement;
+    };
     labelVariant?: ResolutionAwareProp<TextVariant>;
     name?: string;
     onBlur?: (event: BlurChangeEvent) => void;

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

@@ -1,3 +1,4 @@
+import { ReactElement } from 'react';
 import { TextVariant } from '../typography';
 export type RadioVariant = 'primary' | 'alert';
 export interface RadioProps {
@@ -7,6 +8,9 @@ export interface RadioProps {
     labelPosition?: 'left' | 'right';
     labelText?: string;
     labelTx?: string;
+    labelTxComponents?: readonly ReactElement[] | {
+        [tagName: string]: ReactElement;
+    };
     labelVariant?: TextVariant;
     name: string;
     onChange?: (event: any) => void;

package/dist/components/table/components/table-draggable-row/table-draggable-row.styles.d.ts

@@ -1 +1,4 @@
+export declare const StyledDraggableRowTr: import("styled-components").StyledComponent<"tr", import("styled-components").DefaultTheme, {
+    reorderEnabled: boolean;
+}, never>;
 export declare const StyledDraggableRowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/components/text-field/text-field.types.d.ts

@@ -31,6 +31,9 @@ export interface TextFieldProps {
     labelPosition?: LabelPosition;
     labelText?: string;
     labelTx?: string;
+    labelTxComponents?: readonly ReactElement[] | {
+        readonly [tagName: string]: ReactElement;
+    };
     labelTxValues?: Record<string, unknown>;
     labelVariant?: ResolutionAwareProp<TextVariant>;
     leftIcon?: ReactElement;