@itcase/ui 1.9.71 → 1.9.72

package/dist/types/components/Dropdown/Dropdown.interface.d.ts

@@ -0,0 +1,174 @@
+import { CSSProperties, MouseEvent, MouseEventHandler, ReactNode } from 'react';
+import { AlignmentProps, AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, ElevationProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { BadgeProps } from '../Badge/Badge.interface';
+import { DividerProps } from '../Divider/Divider.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type DropdownAppearanceProps = {
+    alignment?: AlignmentProps;
+    animationClose?: string;
+    animationOpen?: string;
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextSize?: BadgeProps['textSize'];
+    before?: ReactNode;
+    borderColor?: BorderColorProps;
+    className?: string;
+    dividerFill?: DividerProps['fill'];
+    dividerSize?: DividerProps['size'];
+    elevation?: ElevationProps;
+    emptyMessageTextColor?: TextProps['textColor'];
+    emptyMessageTextSize?: TextProps['size'];
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
+    iconAfterFillIcon?: IconProps['iconFill'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeSize?: IconProps['iconSize'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorActive?: TextProps['textColorActive'];
+    labelTextColorActiveHover?: TextProps['textColorActiveHover'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+};
+type DropdownListItem = {
+    badgeValue?: DropdownItemProps['badgeValue'];
+    emptyMessage?: DropdownItemProps['emptyMessage'];
+    icon?: DropdownItemProps['iconSrc'];
+    iconAfter?: DropdownItemProps['iconAfter'];
+    iconBefore?: DropdownItemProps['iconBefore'];
+    isActive?: DropdownItemProps['isActive'];
+    key?: string;
+    label?: DropdownItemProps['label'];
+    onClick?: DropdownItemProps['onClick'];
+};
+type DropdownProps = DropdownAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    animationClose?: string;
+    animationOpen?: string;
+    appearance?: CompositeAppearanceKey;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    dropdownList?: DropdownListItem[];
+    isOpen: boolean;
+    isSkeleton?: boolean;
+    onClickItem?: (item: DropdownListItem, event: MouseEvent<HTMLDivElement>) => void;
+    setIsOpen: (newState: boolean) => void;
+    showDivider?: boolean;
+    style?: CSSProperties;
+};
+type DropdownAppearanceKeys = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type DropdownAppearance = {
+    [key in DropdownAppearanceKeys]?: DropdownAppearanceProps;
+};
+type DropdownConfig = {
+    appearance: DropdownAppearance;
+    setAppearance: (appearanceConfig: DropdownAppearance) => void;
+};
+type DropdownItemAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
+    badgeAppearance?: BadgeProps['appearance'];
+    badgeShape?: BadgeProps['shape'];
+    badgeSize?: BadgeProps['size'];
+    badgeTextColor?: BadgeProps['textColor'];
+    badgeTextSize?: BadgeProps['textSize'];
+    borderColor?: BorderColorProps;
+    descTextColor?: TextProps['textColor'];
+    descTextColorHover?: TextProps['textColorHover'];
+    descTextGradient?: TextProps['textColorGradient'];
+    descTextSize?: TextProps['size'];
+    descTextStyle?: TextProps['textStyle'];
+    descTextWeight?: TextProps['textWeight'];
+    descTextWrap?: TextProps['textWrap'];
+    direction?: DirectionProps;
+    dividerDirection?: DividerProps['direction'];
+    dividerFill?: DividerProps['fill'];
+    dividerSize?: DividerProps['size'];
+    emptyMessageTextColor?: TextProps['textColor'];
+    emptyMessageTextColorHover?: TextProps['textColorHover'];
+    emptyMessageTextSize?: TextProps['size'];
+    emptyMessageTextStyle?: TextProps['textStyle'];
+    emptyMessageTextWeight?: TextProps['textWeight'];
+    emptyMessageTextWrap?: TextProps['textWrap'];
+    fill?: FillProps;
+    fillActive?: FillActiveProps | FillProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFill'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterShape?: IconProps['shape'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBadgeAppearance?: IconProps['badgeAppearance'];
+    iconBadgeShape?: IconProps['badgeShape'];
+    iconBadgeSize?: IconProps['badgeSize'];
+    iconBadgeTextColor?: IconProps['badgeTextColor'];
+    iconBadgeTextSize?: IconProps['badgeTextSize'];
+    iconBadgeValue?: IconProps['badgeValue'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeShape?: IconProps['shape'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    justifyContent?: JustifyContentProps;
+    labelTextAlign?: TextProps['textAlign'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorActive?: TextProps['textColorActive'];
+    labelTextColorActiveHover?: TextProps['textColorActiveHover'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    labelTextStyle?: TextProps['textStyle'];
+    labelTextWeight?: TextProps['textWeight'];
+    labelTextWrap?: TextProps['textWrap'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    width?: WidthProps;
+};
+type DropdownItemAppearance = {
+    [key in DropdownAppearanceKeys]?: DropdownItemAppearanceProps;
+};
+type DropdownItemConfig = {
+    appearance: DropdownItemAppearance;
+    setAppearance: (appearanceConfig: DropdownItemAppearance) => void;
+};
+type DropdownItemProps = DropdownItemAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    appearance?: CompositeAppearanceKey;
+    badgeValue?: BadgeProps['value'];
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    emptyMessage?: string;
+    iconSrc?: IconProps['SvgImage'];
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isHover?: boolean;
+    isSkeleton?: boolean;
+    label?: string;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    showDivider?: boolean;
+    style?: CSSProperties;
+};
+export type { DropdownAppearance, DropdownConfig, DropdownItemAppearance, DropdownItemConfig, DropdownItemProps, DropdownProps, };

package/dist/types/components/Dropdown/DropdownItem.appearance.d.ts

@@ -0,0 +1,3 @@
+import { DropdownItemAppearance } from './Dropdown.interface';
+declare const dropdownItemAppearance: DropdownItemAppearance;
+export { dropdownItemAppearance };

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,4 @@
+import type { DropdownItemConfig, DropdownItemProps } from './Dropdown.interface';
+declare const dropdownItemConfig: DropdownItemConfig;
+declare function DropdownItem(props: DropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export { DropdownItem, dropdownItemConfig };

package/dist/types/components/Dropdown/appearance/dropdownAccent.d.ts

@@ -0,0 +1,3 @@
+import { DropdownAppearance } from '../Dropdown.interface';
+declare const dropdownAppearanceAccent: DropdownAppearance;
+export { dropdownAppearanceAccent };

package/dist/types/components/Dropdown/appearance/dropdownShape.d.ts

@@ -0,0 +1,3 @@
+import { DropdownAppearance } from '../Dropdown.interface';
+declare const dropdownAppearanceShape: DropdownAppearance;
+export { dropdownAppearanceShape };

package/dist/types/components/Dropdown/appearance/dropdownSize.d.ts

@@ -0,0 +1,3 @@
+import { DropdownAppearance } from '../Dropdown.interface';
+declare const dropdownAppearanceSize: DropdownAppearance;
+export { dropdownAppearanceSize };

package/dist/types/components/Dropdown/appearance/dropdownStyle.d.ts

@@ -0,0 +1,3 @@
+import { DropdownAppearance } from '../Dropdown.interface';
+declare const dropdownAppearanceStyle: DropdownAppearance;
+export { dropdownAppearanceStyle };

package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts

@@ -0,0 +1,3 @@
+import { DropdownAppearance } from '../Dropdown.interface';
+declare const dropdownAppearanceSurface: DropdownAppearance;
+export { dropdownAppearanceSurface };

package/dist/types/components/Dropdown/index.d.ts

@@ -0,0 +1,5 @@
+import { Dropdown } from './Dropdown';
+import { DropdownItem, dropdownItemConfig } from './DropdownItem';
+import { dropdownItemAppearance } from './DropdownItem.appearance';
+export { Dropdown, DropdownItem, dropdownItemAppearance, dropdownItemConfig };
+export type { DropdownAppearance, DropdownConfig, DropdownItemAppearance, DropdownItemConfig, DropdownItemProps, DropdownProps, } from './Dropdown.interface';

package/dist/types/components/Dropzone/Dropzone.appearance.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from './Dropzone.interface';
+declare const dropzoneAppearance: DropzoneAppearance;
+export { dropzoneAppearance };

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DropzoneProps } from './Dropzone.interface';
+declare const Dropzone: React.NamedExoticComponent<DropzoneProps>;
+export { Dropzone };

package/dist/types/components/Dropzone/Dropzone.interface.d.ts

@@ -0,0 +1,82 @@
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, BorderColorHoverProps, BorderColorProps, BorderTypeProps, BorderWidthProps, CompositeAppearanceStateDefault, DirectionProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { TextProps } from '../Text/Text.interface';
+type DropzoneAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    errorMessageTextColor?: TextProps['textColor'];
+    errorMessageTextSize?: TextProps['size'];
+    errorMessageTextWeight?: TextProps['textWeight'];
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    hintDescriptionTextColor?: TextProps['textColor'];
+    hintDescriptionTextSize?: TextProps['size'];
+    hintDescriptionTextWeight?: TextProps['textWeight'];
+    hintDescriptionTextWrap?: TextProps['textWrap'];
+    hintTitle?: string;
+    hintTitleTextColor?: TextProps['textColor'];
+    hintTitleTextSize?: TextProps['size'];
+    hintTitleTextWeight?: TextProps['textWeight'];
+    hintTitleTextWrap?: TextProps['textWrap'];
+    removeThumbAppearance?: ButtonProps['appearance'];
+    removeThumbShape?: ButtonProps['shape'];
+    removeThumbText?: ButtonProps['label'];
+    removeThumbTextColor?: TextProps['textColor'];
+    removeThumbTextHoverColor?: TextProps['textColorHover'];
+    removeThumbTextWeight?: ButtonProps['labelTextWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: AppearanceSizeKey;
+    thumbBorderColor?: BorderColorProps;
+    thumbBorderColorHover?: BorderColorHoverProps;
+    thumbBorderType?: BorderTypeProps;
+    thumbBorderWidth?: BorderWidthProps;
+    thumbDirection?: DirectionProps;
+    thumbNameTextColor?: TextProps['textColor'];
+    thumbNameTextSize?: TextProps['size'];
+    thumbNameTextWeight?: TextProps['textWeight'];
+    thumbNameTextWrap?: TextProps['textWrap'];
+};
+type FileItem = {
+    id: string;
+    dataURL: string;
+    error: string;
+    file: null | (File & {
+        error?: string;
+    });
+    image?: string;
+    isNew: boolean;
+    name: string;
+    preview: string;
+};
+type DropzoneProps = DropzoneAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceStateDefault;
+    dropzoneProps?: Record<string, unknown>;
+    fieldValuesList?: FileItem[] | null;
+    fileErrorText?: React.ReactNode;
+    hintDescription?: React.ReactNode;
+    hintTitle?: React.ReactNode;
+    inputName: string;
+    isPreviews?: boolean;
+    isSkeleton?: boolean;
+    maxFiles?: number;
+    maxSize?: number;
+    onAddFiles?: (newFiles: FileItem[], inputName: string) => void;
+    onChangeFiles?: (newFiles: FileItem[]) => void;
+    onClickPreview?: (fileItem: FileItem, event: React.MouseEvent<HTMLImageElement, MouseEvent>) => void;
+    onDeleteFile?: (deletedFile: FileItem, inputName: string) => void;
+    showFilename?: boolean;
+    thumbColumn?: number;
+};
+type DropzoneAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | (AppearanceKeysDefault | AppearanceStateKeysDefault);
+type DropzoneAppearance = {
+    [key in DropzoneAppearanceKey]?: DropzoneAppearanceProps;
+};
+type DropzoneConfig = {
+    appearance: DropzoneAppearance;
+    setAppearance: (appearanceConfig: DropzoneAppearance) => void;
+};
+export type { DropzoneAppearance, DropzoneConfig, DropzoneProps, FileItem };

package/dist/types/components/Dropzone/appearance/dropzoneDefault.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceDefault: DropzoneAppearance;
+export { dropzoneAppearanceDefault };

package/dist/types/components/Dropzone/appearance/dropzoneDisabled.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceDisabled: DropzoneAppearance;
+export { dropzoneAppearanceDisabled };

package/dist/types/components/Dropzone/appearance/dropzoneError.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceError: DropzoneAppearance;
+export { dropzoneAppearanceError };

package/dist/types/components/Dropzone/appearance/dropzoneRequire.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceRequire: DropzoneAppearance;
+export { dropzoneAppearanceRequire };

package/dist/types/components/Dropzone/appearance/dropzoneShape.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceShape: DropzoneAppearance;
+export { dropzoneAppearanceShape };

package/dist/types/components/Dropzone/appearance/dropzoneSuccess.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneAppearance } from '../Dropzone.interface';
+declare const dropzoneAppearanceSuccess: DropzoneAppearance;
+export { dropzoneAppearanceSuccess };

package/dist/types/components/Dropzone/index.d.ts

@@ -0,0 +1,2 @@
+export { Dropzone } from './Dropzone';
+export type { DropzoneAppearance, DropzoneConfig, DropzoneProps, FileItem, } from './Dropzone.interface';

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

@@ -0,0 +1,3 @@
+import type { FlexProps } from './Flex.interface';
+declare function Flex(props: FlexProps): import("react/jsx-runtime").JSX.Element;
+export { Flex };

package/dist/types/components/Flex/Flex.interface.d.ts

@@ -0,0 +1,141 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, BorderTypeProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, PositionProps, ShapeProps, WidthProps, WrapProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type FlexAppearanceProps = {
+    alignContent?: JustifyContentProps;
+    alignContentDesktop?: JustifyContentProps;
+    alignContentMobile?: JustifyContentProps;
+    alignContentTablet?: JustifyContentProps;
+    alignItems?: AlignProps;
+    alignItemsDesktop?: AlignProps;
+    alignItemsMobile?: AlignProps;
+    alignItemsTablet?: AlignProps;
+    border?: BorderColorProps;
+    borderColor?: BorderColorProps;
+    borderType?: BorderTypeProps;
+    children?: ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    direction?: DirectionProps;
+    directionDesktop?: DirectionProps;
+    directionMobile?: DirectionProps;
+    directionTablet?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    flow?: string;
+    flowDesktop?: string;
+    flowMobile?: string;
+    flowTablet?: string;
+    gapWrapper?: string;
+    justifyContent?: JustifyContentProps;
+    justifyContentDesktop?: JustifyContentProps;
+    justifyContentMobile?: JustifyContentProps;
+    justifyContentTablet?: JustifyContentProps;
+    justifyItems?: AlignProps;
+    justifyItemsDesktop?: AlignProps;
+    justifyItemsMobile?: AlignProps;
+    justifyItemsTablet?: AlignProps;
+    maxWidthWrapper?: string;
+    position?: PositionProps;
+    positionDesktop?: PositionProps;
+    positionMobile?: PositionProps;
+    positionTablet?: PositionProps;
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
+    width?: WidthProps;
+    widthDesktop?: WidthProps;
+    widthMobile?: WidthProps;
+    widthTablet?: WidthProps;
+    wrap?: WrapProps;
+    wrapDesktop?: WrapProps;
+    wrapMobile?: WrapProps;
+    wrapTablet?: WrapProps;
+};
+type FlexProps = FlexAppearanceProps & StyleAttributes & {
+    id?: number;
+    children?: ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    onClick?: () => void;
+    print?: boolean;
+    style?: CSSProperties;
+    tag?: ElementType;
+    type?: string;
+};
+type FlexItemAppearanceProps = {
+    alignItems?: AlignProps;
+    alignItemsDesktop?: AlignProps;
+    alignItemsMobile?: AlignProps;
+    alignItemsTablet?: AlignProps;
+    alignSelf?: AlignProps;
+    alignSelfDesktop?: AlignProps;
+    alignSelfMobile?: AlignProps;
+    alignSelfTablet?: AlignProps;
+    columnEnd?: number;
+    columnEndDesktop?: number;
+    columnEndMobile?: number;
+    columnEndTablet?: number;
+    columnSpan?: string;
+    columnSpanDesktop?: string;
+    columnSpanMobile?: string;
+    columnSpanTablet?: string;
+    columnStart?: number;
+    columnStartDesktop?: number;
+    columnStartMobile?: number;
+    columnStartTablet?: number;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    direction?: DirectionProps;
+    directionDesktop?: DirectionProps;
+    directionMobile?: DirectionProps;
+    directionTablet?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillHover?: FillHoverProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    grow?: number;
+    growDesktop?: number;
+    growMobile?: number;
+    growTablet?: number;
+    justifyContent?: JustifyContentProps;
+    justifyContentDesktop?: JustifyContentProps;
+    justifyContentMobile?: JustifyContentProps;
+    justifyContentTablet?: JustifyContentProps;
+    position?: PositionProps;
+    positionDesktop?: PositionProps;
+    positionMobile?: PositionProps;
+    positionTablet?: PositionProps;
+    shape?: ShapeProps;
+    shapeDesktop?: ShapeProps;
+    shapeMobile?: ShapeProps;
+    shapeTablet?: ShapeProps;
+    width?: WidthProps;
+    widthDesktop?: WidthProps;
+    widthMobile?: WidthProps;
+    widthTablet?: WidthProps;
+    wrap?: WrapProps;
+    wrapDesktop?: WrapProps;
+    wrapMobile?: WrapProps;
+    wrapTablet?: WrapProps;
+};
+type FlexItemProps = FlexItemAppearanceProps & StyleAttributes & {
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    htmlFor?: string;
+    print?: boolean;
+    style?: CSSProperties;
+    tag?: ElementType;
+};
+export type { FlexItemProps, FlexProps };

package/dist/types/components/Flex/FlexItem.d.ts

@@ -0,0 +1,3 @@
+import type { FlexItemProps } from './Flex.interface';
+declare function FlexItem(props: FlexItemProps): import("react/jsx-runtime").JSX.Element;
+export { FlexItem };

package/dist/types/components/Flex/index.d.ts

@@ -0,0 +1,4 @@
+import { Flex } from './Flex';
+import { FlexItem } from './FlexItem';
+export { Flex, FlexItem };
+export type { FlexItemProps, FlexProps } from './Flex.interface';

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

@@ -0,0 +1,3 @@
+import type { GridProps } from './Grid.interface';
+declare function Grid(props: GridProps): import("react/jsx-runtime").JSX.Element;
+export { Grid };

package/dist/types/components/Grid/Grid.interface.d.ts

@@ -0,0 +1,143 @@
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type GridBaseAppearanceProps = {
+    alignContent?: AlignProps;
+    alignContentDesktop?: AlignProps;
+    alignContentMobile?: AlignProps;
+    alignContentTablet?: AlignProps;
+    alignItems?: AlignProps;
+    alignItemsDesktop?: AlignProps;
+    alignItemsMobile?: AlignProps;
+    alignItemsTablet?: AlignProps;
+    alignSelf?: AlignProps;
+    alignSelfDesktop?: AlignProps;
+    alignSelfMobile?: AlignProps;
+    alignSelfTablet?: AlignProps;
+    borderColor?: BorderColorProps;
+    columnEnd?: string;
+    columnEndDesktop?: string;
+    columnEndMobile?: string;
+    columnEndTablet?: string;
+    columnGap?: string;
+    columnGapDesktop?: string;
+    columnGapMobile?: string;
+    columnGapTablet?: string;
+    columns?: string;
+    columnsDesktop?: string;
+    columnsMobile?: string;
+    columnSpan?: string;
+    columnSpanDesktop?: string;
+    columnSpanMobile?: string;
+    columnSpanTablet?: string;
+    columnsTablet?: string;
+    columnStart?: string;
+    columnStartDesktop?: string;
+    columnStartMobile?: string;
+    columnStartTablet?: string;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillDesktop?: FillProps;
+    fillHover?: FillHoverProps;
+    fillMobile?: FillProps;
+    fillTablet?: FillProps;
+    gap?: string;
+    gridBackground?: string;
+    gridBackgroundDesktop?: string;
+    gridBackgroundMobile?: string;
+    gridBackgroundTablet?: string;
+    gridBackgroundWrapper?: string;
+    gridBackgroundWrapperDesktop?: string;
+    gridBackgroundWrapperMobile?: string;
+    gridBackgroundWrapperTablet?: string;
+    gridTemplateColumns?: string;
+    justifyContent?: JustifyContentProps;
+    justifyContentDesktop?: JustifyContentProps;
+    justifyContentMobile?: JustifyContentProps;
+    justifyContentTablet?: JustifyContentProps;
+    justifyItems?: string;
+    justifyItemsDesktop?: string;
+    justifyItemsMobile?: string;
+    justifyItemsTablet?: string;
+    justifySelf?: string;
+    justifySelfDesktop?: string;
+    justifySelfMobile?: string;
+    justifySelfTablet?: string;
+    order?: string;
+    orderDesktop?: string;
+    orderMobile?: string;
+    orderTablet?: string;
+    rowEnd?: string;
+    rowEndDesktop?: string;
+    rowEndMobile?: string;
+    rowEndTablet?: string;
+    rowGap?: string;
+    rowGapDesktop?: string;
+    rowGapMobile?: string;
+    rowGapTablet?: string;
+    rows?: string;
+    rowsDesktop?: string;
+    rowsMobile?: string;
+    rowSpan?: string;
+    rowSpanDesktop?: string;
+    rowSpanMobile?: string;
+    rowSpanTablet?: string;
+    rowsTablet?: string;
+    rowStart?: string;
+    rowStartDesktop?: string;
+    rowStartMobile?: string;
+    rowStartTablet?: string;
+    shapeWrapper?: ShapeProps;
+    shapeWrapperDesktop?: ShapeProps;
+    shapeWrapperInner?: ShapeProps;
+    shapeWrapperInnerDesktop?: ShapeProps;
+    shapeWrapperInnerMobile?: ShapeProps;
+    shapeWrapperInnerTablet?: ShapeProps;
+    shapeWrapperMobile?: ShapeProps;
+    shapeWrapperTablet?: ShapeProps;
+    zIndex?: string;
+    zIndexDesktop?: string;
+    zIndexMobile?: string;
+    zIndexTablet?: string;
+};
+type GridItemProps = GridBaseAppearanceProps & StyleAttributes & {
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    onClick?: () => void;
+    print?: boolean;
+    style?: CSSProperties;
+};
+type GridRowProps = GridBaseAppearanceProps & StyleAttributes & {
+    id?: string;
+    children?: ReactNode;
+    className?: string;
+    dataId?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    htmlFor?: string;
+    onClick?: () => void;
+    print?: boolean;
+    tag?: ElementType;
+};
+type GridProps = GridBaseAppearanceProps & StyleAttributes & {
+    id?: string;
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    horizontalResizing?: WidthProps;
+    horizontalScroll?: boolean;
+    onClick?: () => void;
+    onDoubleClick?: () => void;
+    print?: boolean;
+    tag?: ElementType;
+    type?: string;
+    useGridSystem?: boolean;
+    verticalResizing?: WidthProps;
+};
+export type { GridItemProps, GridProps, GridRowProps };

package/dist/types/components/Grid/GridItem.d.ts

@@ -0,0 +1,3 @@
+import type { GridItemProps } from './Grid.interface';
+declare function GridItem(props: GridItemProps): import("react/jsx-runtime").JSX.Element;
+export { GridItem };

package/dist/types/components/Grid/GridRow.d.ts

@@ -0,0 +1,3 @@
+import type { GridRowProps } from './Grid.interface';
+declare function GridRow(props: GridRowProps): import("react/jsx-runtime").JSX.Element;
+export { GridRow };

package/dist/types/components/Grid/index.d.ts

@@ -0,0 +1,5 @@
+import { Grid } from './Grid';
+import { GridItem } from './GridItem';
+import { GridRow } from './GridRow';
+export { Grid, GridItem, GridRow };
+export type { GridItemProps, GridProps, GridRowProps } from './Grid.interface';