gantri-components 2.98.1 → 2.99.0

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

@@ -9,7 +9,7 @@ export type ButtonWidth = 'sm' | 'md' | 'lg' | string;
  * large = desktop on figma design
  * small = mobile on figma design
  * */
-export type ButtonSize = 'large' | 'small' | string;
+export type ButtonSize = 'small' | 'medium' | 'large' | 'extraLarge' | string;
 export interface ButtonProps extends Pick<BaseProps, Exclude<keyof BaseProps, 'color'>> {
     alignSelf?: ResolutionAwareProp<Property.AlignSelf>;
     borderRadius?: ResolutionAwareProp<Property.BorderRadius>;

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

@@ -1,9 +1,10 @@
 import { ChangeEvent, CSSProperties, FocusEvent, ReactElement } from 'react';
 import { Property } from 'csstype';
 import { DropdownMenuProps } from '../dropdown-menu/dropdown-menu.types';
-import { ErrorMessageType, TextFieldSize } from '../text-field';
+import { ErrorMessageType, LabelPosition, TextFieldSize, TextFieldVariant } from '../text-field';
 import { Maybe } from '../../global';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { TextVariant } from '../typography';
 export type DropdownVariant = 'inline' | 'external';
 export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
     borderless?: boolean;
@@ -17,9 +18,10 @@ export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
     items?: T[];
     keepOpenAfterSelection?: boolean;
     keyProperty?: (option?: T) => string;
-    labelPosition?: 'top' | 'left';
+    labelPosition?: LabelPosition;
     labelText?: string;
     labelTx?: string;
+    labelVariant?: ResolutionAwareProp<TextVariant>;
     name?: string;
     onBlur?: (event: BlurChangeEvent) => void;
     onChange?: (event: DropdownChangeEvent<T>) => void;
@@ -35,7 +37,7 @@ export interface DropdownProps<T> extends Omit<DropdownMenuProps<T>, 'items'> {
     resetSelectionOnDisabled?: boolean;
     size?: ResolutionAwareProp<TextFieldSize>;
     style?: CSSProperties;
-    variant?: 'line' | 'filled';
+    variant?: TextFieldVariant;
 }
 export interface DefaultOptionProps {
     label?: string;

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

@@ -5,6 +5,7 @@ import { ErrorMessageType, TextFieldSize } from '../text-field';
 import { BlurChangeEvent, DropdownChangeEvent } from '../dropdown';
 import { Maybe } from '../../global';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { TextVariant } from '../typography';
 export interface SearchFieldProps<T = Record<string, unknown>> extends Omit<DropdownMenuProps<T>, 'items'> {
     borderless?: boolean;
     className?: string;
@@ -22,6 +23,7 @@ export interface SearchFieldProps<T = Record<string, unknown>> extends Omit<Drop
     labelPosition?: 'top' | 'left';
     labelText?: string;
     labelTx?: string;
+    labelVariant?: ResolutionAwareProp<TextVariant>;
     /**
      * System will start searching after user has input n digits
      * There will be no dropdown shown initially, until user enters the n digits and systems begins search.

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

@@ -1,3 +1,2 @@
 import { TextFieldSize } from './text-field.types';
 export declare const textFieldSizeHeights: Record<TextFieldSize, string>;
-export declare const textFieldIconsTop: Record<TextFieldSize, string>;

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

@@ -1,13 +1,16 @@
 import { ChangeEvent, CSSProperties, FocusEvent, HTMLInputTypeAttribute, KeyboardEventHandler, MouseEvent, ReactElement } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
 import { BoxDimension } from '../box/box.types';
+import { TextVariant } from '../typography';
 export type ErrorMessageType = string | {
     tx: string;
     values?: {
         [key: string]: string;
     };
 };
-export type TextFieldSize = 'small' | 'large';
+export type TextFieldSize = 'small' | 'medium' | 'large';
+export type TextFieldVariant = 'line' | 'filled';
+export type LabelPosition = 'top' | 'left';
 export interface TextFieldProps {
     ariaLabel?: string;
     ariaLabelTx?: string;
@@ -25,10 +28,11 @@ export interface TextFieldProps {
     hideErrors?: boolean;
     horizontalMargin?: ResolutionAwareProp<BoxDimension>;
     id?: string;
-    labelPosition?: 'top' | 'left';
+    labelPosition?: LabelPosition;
     labelText?: string;
     labelTx?: string;
     labelTxValues?: Record<string, unknown>;
+    labelVariant?: ResolutionAwareProp<TextVariant>;
     leftIcon?: ReactElement;
     margin?: ResolutionAwareProp<BoxDimension>;
     marginBottom?: ResolutionAwareProp<BoxDimension>;
@@ -61,7 +65,7 @@ export interface TextFieldProps {
     throttle?: number;
     type?: HTMLInputTypeAttribute | undefined;
     value?: string;
-    variant?: 'line' | 'filled';
+    variant?: TextFieldVariant;
     verticalMargin?: ResolutionAwareProp<BoxDimension>;
 }
 export interface FieldChangeEvent<T = boolean> extends Pick<ChangeEvent<Partial<HTMLInputElement>>, Exclude<keyof ChangeEvent<HTMLInputElement>, 'target'>> {
@@ -77,6 +81,7 @@ export interface StyledInputContainerProps extends Pick<TextFieldProps, 'variant
 }
 export interface StyledParentContainerProps extends Pick<TextFieldProps, 'labelPosition' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'horizontalMargin' | 'verticalMargin' | 'margin'> {
     $disabled?: boolean;
+    variant?: TextFieldVariant;
 }
 export interface ErrorMessageProps {
     errorMessage?: ErrorMessageType;