gantri-components 2.119.3 → 2.120.0

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

@@ -1,15 +1,26 @@
+/// <reference types="react" />
+import { Property } from 'csstype';
 import { DefaultTheme } from 'styled-components';
 export declare const getTableRowBackgroundColors: ({ theme, backgroundColor, clickableRowHoverBackgroundColor, }: {
     backgroundColor: string | undefined;
     clickableRowHoverBackgroundColor: string | undefined;
     theme: DefaultTheme;
 }) => {
-    readonly statusErrorClickableHoverColor: any;
-    readonly statusErrorColor: any;
-    readonly statusNoneClickableHoverColor: any;
-    readonly statusNoneColor: any;
-    readonly statusWarningClickableHoverColor: any;
-    readonly statusWarningColor: any;
+    readonly statusErrorClickableHoverColor: string;
+    readonly statusErrorColor: string;
+    readonly statusNoneClickableHoverColor: string;
+    readonly statusNoneColor: string;
+    readonly statusWarningClickableHoverColor: string;
+    readonly statusWarningColor: string;
 };
-export declare const StyledTableContainer: any;
-export declare const StyledTable: any;
+export declare const StyledTableContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTable: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {
+    backgroundColor: string | undefined;
+    clickableRowHoverBackgroundColor: string | undefined;
+    highlightHoveredRow: boolean | undefined;
+    isCustomColumnsEnabled: boolean;
+    stickyFirstColumn: boolean | undefined;
+    stickyFooter: boolean | undefined;
+    stickyLastColumn: boolean | undefined;
+    verticalAlign: Property.VerticalAlign | undefined;
+}>> & string;

package/dist/components/tabs/components/tab/tab.styled.d.ts

@@ -1 +1,5 @@
-export declare const StyledTab: any;
+/// <reference types="react" />
+export declare const StyledTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $active: boolean;
+    $disabled?: boolean | undefined;
+}>> & string;

package/dist/components/tabs/components/tab-panel/tab-panel.styles.d.ts

@@ -1 +1,2 @@
-export declare const StyledTabPanel: any;
+/// <reference types="react" />
+export declare const StyledTabPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/components/tabs/components/tabs-list/tabs-list.styles.d.ts

@@ -1,2 +1,9 @@
-export declare const StyledTabsList: any;
-export declare const StyledTabsContent: any;
+/// <reference types="react" />
+import { Property } from 'csstype';
+export declare const StyledTabsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $align?: Property.JustifyContent | undefined;
+}>> & string;
+export declare const StyledTabsContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasBorder?: boolean | undefined;
+    $variant?: "default" | "plain" | undefined;
+}>> & string;

package/dist/components/text-area/text-area.styles.d.ts

@@ -1,4 +1,6 @@
-export declare const StyledTextareaParentContainer: any;
-export declare const StyledContainer: any;
-export declare const StyledInputWrapper: any;
-export declare const StyledTextarea: any;
+/// <reference types="react" />
+import { StyledInputContainerProps, StyledParentContainerProps } from '../text-field';
+export declare const StyledTextareaParentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledParentContainerProps>> & string;
+export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContainerProps>> & string;
+export declare const StyledInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledTextarea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;

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

@@ -1,3 +1,5 @@
-export declare const StyledParentContainer: any;
-export declare const StyledInputContainer: any;
-export declare const StyledInput: any;
+/// <reference types="react" />
+import { StyledInputContainerProps, StyledParentContainerProps } from './text-field.types';
+export declare const StyledParentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledParentContainerProps>> & string;
+export declare const StyledInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledInputContainerProps>> & string;
+export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

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

@@ -1,3 +1,10 @@
-export declare const StyledToggleContainer: any;
-export declare const StyledToggle: any;
-export declare const StyledToggleSwitch: any;
+/// <reference types="react" />
+export declare const StyledToggleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled?: boolean | undefined;
+}>> & string;
+export declare const StyledToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $checked: boolean;
+    $disabled?: boolean | undefined;
+    $withErrors: boolean;
+}>> & string;
+export declare const StyledToggleSwitch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1 +1,8 @@
-export declare const StyledTooltipContainer: any;
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { OverlayPosition } from '../overlay/overlay.types';
+export declare const StyledTooltipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasPadding?: boolean | undefined;
+    $maxWidth: Property.MaxWidth | undefined;
+    $position?: OverlayPosition | undefined;
+}>> & string;

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

@@ -1,2 +1,7 @@
-export declare const StyledText: any;
-export declare const StyledIconContainer: any;
+/// <reference types="react" />
+import { TypographyProps } from './typography.types';
+export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TypographyProps>> & string;
+export declare const StyledIconContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    marginLeft?: string | undefined;
+    marginRight?: string | undefined;
+}>> & string;

package/dist/components/video/video.presets.d.ts

@@ -1,3 +1,2 @@
-import { Transformations, VideoProps } from './video.types';
+import { VideoProps } from './video.types';
 export declare const VideoPresets: Partial<VideoProps>;
-export declare const TransformationPresets: Partial<Transformations>;

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

@@ -1,3 +1,18 @@
-import { StyledImageContainerProps } from './video.types';
-export declare const StyledImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledImageContainerProps, never>;
-export declare const StyledVideo: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+import { Property } from 'csstype';
+import { Color } from '../../styles';
+import { Optional } from '../../types/common';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { AspectRatio, ImageDimension } from '../image/image.types';
+export interface StyledVideoContainerProps {
+    $containerAspectRatio?: ResolutionAwareProp<AspectRatio>;
+    $fallbackColor?: Optional<Color>;
+    $height?: Optional<ResolutionAwareProp<ImageDimension>>;
+    $maxHeight?: Optional<ResolutionAwareProp<Property.MaxHeight>>;
+    $maxWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
+    $minHeight?: Optional<ResolutionAwareProp<Property.MinHeight>>;
+    $minWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
+    $width?: Optional<ResolutionAwareProp<ImageDimension>>;
+}
+export declare const StyledVideoContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledVideoContainerProps>> & string;
+export declare const StyledPoster: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,33 +1,34 @@
 import { Property } from 'csstype';
+import { CSSProperties, ReactEventHandler, VideoHTMLAttributes } from 'react';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-import { Color } from '../../styles';
 import { Optional } from '../../types/common';
-export interface VideoProps {
-    aspectRatio?: Optional<ResolutionAwareProp<string>>;
-    commonTransformations?: Optional<Transformations>;
+import { Color } from '../../styles';
+import { AspectRatio, ImageDimension } from '../image/image.types';
+export interface VideoDefaultProps extends Pick<VideoHTMLAttributes<HTMLVideoElement>, 'autoPlay' | 'loop' | 'playsInline'> {
+    muted: boolean;
+}
+export interface VideoProps extends Partial<VideoDefaultProps>, Omit<VideoHTMLAttributes<HTMLVideoElement>, 'height' | 'width' | 'src'> {
+    className?: string;
+    containerAspectRatio?: ResolutionAwareProp<AspectRatio>;
+    containerClassName?: string;
     fallbackColor?: Optional<Color>;
-    height?: Optional<ResolutionAwareProp<string | number>>;
-    immediateAvailable?: Optional<boolean>;
+    height?: Optional<ResolutionAwareProp<ImageDimension>>;
+    immediateAvailable?: boolean;
     maxHeight?: Optional<ResolutionAwareProp<Property.MaxHeight>>;
     maxWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
     minHeight?: Optional<ResolutionAwareProp<Property.MinHeight>>;
     minWidth?: Optional<ResolutionAwareProp<Property.MinWidth>>;
-    mode?: Optional<ResolutionAwareProp<TransformationMode>>;
-    name: ResolutionAwareProp<string>;
-    quality?: Optional<TransformationQuality>;
-    showLoadingIndicator?: Optional<boolean>;
-    source?: Optional<ImageSource>;
-    transformations?: Optional<ResolutionAwareProp<Transformations>>;
-    width?: Optional<ResolutionAwareProp<string | number>>;
-}
-export interface Transformations {
-    aspectRatio?: Optional<string>;
-    height?: Optional<number>;
-    mode?: Optional<TransformationMode>;
-    width?: Optional<number>;
+    objectFit?: Optional<ResolutionAwareProp<Property.ObjectFit>>;
+    objectPosition?: Optional<ResolutionAwareProp<Property.ObjectPosition>>;
+    observerMargin?: string;
+    onLoad?: ReactEventHandler<HTMLVideoElement>;
+    src: ResolutionAwareProp<string>;
+    style?: CSSProperties;
+    transformations?: VideoTransformations;
+    width?: Optional<ResolutionAwareProp<ImageDimension>>;
 }
-export declare type ImageSource = 'static' | 'dynamic' | 'absolute';
-export declare type TransformationMode = 'scale' | 'limitFit' | 'limitFill' | 'limitPad' | 'fill' | 'fit' | 'crop' | 'pad' | 'imaggaCrop' | 'imaggaScale' | 'minimumFit' | 'minimumPad' | 'fillPad';
-export declare type TransformationQuality = 'auto' | 'autoBest' | 'autoEco' | 'autoGood' | 'autoLow' | 'jpegmini' | 'jpegminiBest' | 'jpegminiHigh' | 'jpegminiMedium';
-export interface StyledImageContainerProps extends Pick<VideoProps, 'aspectRatio' | 'width' | 'height' | 'fallbackColor' | 'maxWidth' | 'maxHeight' | 'minWidth' | 'minHeight'> {
+export interface VideoTransformations {
+    aspectRatio?: Optional<ResolutionAwareProp<AspectRatio>>;
+    height?: Optional<ResolutionAwareProp<number>>;
+    width?: Optional<ResolutionAwareProp<number>>;
 }

package/dist/helpers/layout.helpers.d.ts

@@ -7,7 +7,7 @@ export declare const calculateDimensionsFromAspectRatio: (aspectRatio: string) =
     height: string;
     width: string;
 };
-export declare function generateStylesForResolutionAwareProps<T>(entries: ExtractStyleFromResolutionAwarePropEntry[]): any;
+export declare function generateStylesForResolutionAwareProps<T>(entries: ExtractStyleFromResolutionAwarePropEntry[]): import("styled-components").RuleSet<object>;
 export declare const isLargeScreen: () => boolean;
 export declare const isSmallScreen: () => boolean;
 export declare const extractValueFromResolutionAwarePropertyForCurrentScreenSize: (property: ResolutionAwareProp<any>) => any;