@itcase/ui 1.4.13 → 1.5.1

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

@@ -1,8 +1,7 @@
 import { CSSProperties } from 'react';
-import { tAlignDirectionProps, tAlignProps, tFlexAlignProps, tSizeProps, tWidthProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iLogoThemeColor {
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, FlexAlignProps, SizeProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface LogoThemeColor {
     [key: number | string | symbol]: any;
     alt?: string;
     size?: string;
@@ -10,31 +9,31 @@ export interface iLogoThemeColor {
     src?: string;
     title?: string;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type logoAppearanceType = {
-    [key in tAppearanceKeys]?: iLogoThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type LogoAppearanceType = {
+    [key in AppearanceKeys]?: LogoThemeColor;
 };
-export interface iLogoConfig {
+export interface LogoConfig {
     [key: number | string | symbol]: any;
-    appearance: logoAppearanceType | undefined;
-    setAppearance: (newComponent: logoAppearanceType) => void;
+    appearance: LogoAppearanceType | undefined;
+    setAppearance: (newComponent: LogoAppearanceType) => void;
 }
-export interface iLogoProps extends iLogoThemeColor, iStyleAttributes {
+export interface LogoProps extends LogoThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    alignItems?: tFlexAlignProps;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    alignItems?: FlexAlignProps;
     alt?: string;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     className?: string;
     href?: string;
     link?: string;
     mode?: string;
-    size?: tSizeProps;
+    size?: SizeProps;
     source?: string;
     src?: string;
     style?: CSSProperties;
     title?: string;
-    width?: tWidthProps;
+    width?: WidthProps;
 }
 export {};

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

@@ -1,2 +1,2 @@
-import { menuItemAppearanceType } from './MenuItem.interface';
-export declare const menuItemAppearance: menuItemAppearanceType;
+import { MenuItemAppearanceType } from './MenuItem.interface';
+export declare const menuItemAppearance: MenuItemAppearanceType;

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

@@ -1,11 +1,4 @@
-import type { iMenuItemConfig, iMenuItemProps } from './MenuItem.interface';
-declare const menuItemConfig: iMenuItemConfig;
-declare function MenuItem(props: iMenuItemProps): import("react/jsx-runtime").JSX.Element;
-declare namespace MenuItem {
-    var defaultProps: {
-        direction: string;
-        LinkComponent: string;
-        size: string;
-    };
-}
+import type { MenuItemConfig, MenuItemProps } from './MenuItem.interface';
+declare const menuItemConfig: MenuItemConfig;
+declare function MenuItem(props: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 export { MenuItem, menuItemConfig };

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

@@ -1,53 +1,52 @@
 import { CSSProperties, ReactNode } from 'react';
-import { tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iMenuItemThemeColor {
+import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextStyleProps, TextWeightProps, TextWrapProps, UnderlineProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface MenuItemThemeColor {
     [key: number | string | symbol]: any;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    descTextColor?: tTextColorProps;
-    descTextColorHover?: tTextColorHoverProps;
-    descTextGradient?: tTextGradientProps;
-    descTextSize?: tTextSizeProps;
-    descTextStyle?: tTextStyleProps;
-    descTextWeight?: tTextWeightProps;
-    descTextWrap?: tTextWrapProps;
-    direction?: tDirectionProps;
-    fill?: tFillProps;
-    fillActive?: tFillProps;
-    fillActiveHover?: tFillHoverProps;
-    fillDisabled?: tFillProps;
-    fillHover?: tFillHoverProps;
-    justifyContent?: tJustifyContentProps;
-    linkFill?: tFillProps;
-    shape?: tShapeProps;
-    size?: tSizeProps;
-    textColor?: tTextColorProps;
-    textColorActive?: tTextColorActiveProps;
-    textColorGradient?: tTextGradientProps;
-    textColorHover?: tTextColorHoverProps;
-    textGradient?: tTextGradientProps;
-    textSize?: tTextSizeProps;
-    textStyle?: tTextStyleProps;
-    textWeight?: tTextWeightProps;
-    textWrap?: tTextWrapProps;
-    underline?: tUnderlineProps;
-    width?: tWidthProps;
+    align?: AlignProps;
+    alignDirection?: AlignDirectionProps;
+    descTextColor?: TextColorProps;
+    descTextColorHover?: TextColorHoverProps;
+    descTextGradient?: TextGradientProps;
+    descTextSize?: TextSizeProps;
+    descTextStyle?: TextStyleProps;
+    descTextWeight?: TextWeightProps;
+    descTextWrap?: TextWrapProps;
+    direction?: DirectionProps;
+    fill?: FillProps;
+    fillActive?: FillProps;
+    fillActiveHover?: FillHoverProps;
+    fillDisabled?: FillProps;
+    fillHover?: FillHoverProps;
+    justifyContent?: JustifyContentProps;
+    linkFill?: FillProps;
+    shape?: ShapeProps;
+    size?: SizeProps;
+    textColor?: TextColorProps;
+    textColorActive?: TextColorActiveProps;
+    textColorGradient?: TextGradientProps;
+    textColorHover?: TextColorHoverProps;
+    textGradient?: TextGradientProps;
+    textSize?: TextSizeProps;
+    textStyle?: TextStyleProps;
+    textWeight?: TextWeightProps;
+    textWrap?: TextWrapProps;
+    underline?: UnderlineProps;
+    width?: WidthProps;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type menuItemAppearanceType = {
-    [key in tAppearanceKeys]?: iMenuItemThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type MenuItemAppearanceType = {
+    [key in AppearanceKeys]?: MenuItemThemeColor;
 };
-export interface iMenuItemConfig {
+export interface MenuItemConfig {
     [key: number | string | symbol]: any;
-    appearance: menuItemAppearanceType | undefined;
-    setAppearance: (newComponent: menuItemAppearanceType) => void;
+    appearance: MenuItemAppearanceType | undefined;
+    setAppearance: (newComponent: MenuItemAppearanceType) => void;
 }
-export interface iMenuItemProps extends iMenuItemThemeColor, iStyleAttributes {
+export interface MenuItemProps extends MenuItemThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;

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

@@ -1,2 +1,2 @@
-import { tModalAppearance } from './Modal.interface';
-export declare const modalAppearance: tModalAppearance;
+import { ModalAppearance } from './Modal.interface';
+export declare const modalAppearance: ModalAppearance;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { iModalConfig } from './Modal.interface';
-declare const modalConfig: iModalConfig;
+import type { ModalConfig } from './Modal.interface';
+declare const modalConfig: ModalConfig;
 declare const Modal: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
 export { Modal, modalConfig };

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

@@ -1,39 +1,38 @@
 import type { FocusEvent, MouseEvent, MouseEventHandler, ReactNode } from 'react';
-import type { tBorderColorProps, tElevationProps, tFillGradientProps, tFillProps, tShapeProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iModalThemeColor {
+import { AppearanceKeysDefault, BorderColorProps, ElevationProps, FillGradientProps, FillProps, ShapeProps } from '@itcase/types';
+import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface ModalThemeColor {
     [key: number | string | symbol]: any;
-    borderColor?: tBorderColorProps;
-    elevation?: tElevationProps;
-    fill?: tFillProps;
-    overlayFill?: tFillProps;
-    overlayFillGradient?: tFillGradientProps;
+    borderColor?: BorderColorProps;
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    overlayFill?: FillProps;
+    overlayFillGradient?: FillGradientProps;
     overlayOpacity?: string;
-    shape?: tShapeProps;
+    shape?: ShapeProps;
     isOverlay?: boolean;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type tModalAppearance = {
-    [key in tAppearanceKeys]?: iModalThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type ModalAppearance = {
+    [key in AppearanceKeys]?: ModalThemeColor;
 };
-export interface iModalConfig {
+export interface ModalConfig {
     [key: number | string | symbol]: any;
-    appearance: tModalAppearance | undefined;
-    setAppearance: (newComponent: tModalAppearance) => void;
+    appearance: ModalAppearance | undefined;
+    setAppearance: (newComponent: ModalAppearance) => void;
 }
-interface iModalLoaderProps {
+interface ModalLoaderProps {
 }
-interface iModalRef {
+interface ModalRef {
     closeModal: MouseEventHandler<HTMLDivElement>;
     modalElement: Element | HTMLDivElement | null;
     openModal: () => void;
     isOpen: boolean;
 }
-interface iModalProps extends iModalThemeColor, iStyleAttributes {
+interface ModalProps extends ModalThemeColor, StyleAttributes {
     id?: string;
     [key: number | string | symbol]: any;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     children?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
@@ -49,4 +48,4 @@ interface iModalProps extends iModalThemeColor, iStyleAttributes {
     onCloseModal?: (event?: FocusEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => void;
     onOpenModal?: () => void;
 }
-export type { iModalLoaderProps, iModalRef, iModalProps };
+export type { ModalLoaderProps, ModalRef, ModalProps };

package/dist/types/components/Modal/ModalLoader.d.ts

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

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

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

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

@@ -1,13 +1,14 @@
 import { CSSProperties, ReactNode } from 'react';
 import { Sheet } from 'react-modal-sheet';
-import { tFillProps } from 'types';
+import { FillProps } from '@itcase/types';
 export type a = typeof Sheet;
-export interface iModalSheetBottomProps extends a {
+export interface ModalSheetBottomProps extends a {
     children?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
     closeModal: () => void;
-    fill?: tFillProps;
+    dataTestId: string;
+    fill?: FillProps;
     style?: CSSProperties;
     isOpenModal: boolean;
     onClick?: () => void;

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

@@ -1,53 +1,52 @@
 import { CSSProperties, ReactNode } from 'react';
-import { tFillProps, tSizeProps, tTextColorProps, tTextSizeProps, tWidthProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iNotificationItemThemeColor {
+import { AppearanceKeysDefault, FillProps, SizeProps, TextColorProps, TextSizeProps, WidthProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface NotificationItemThemeColor {
     [key: number | string | symbol]: any;
-    fill?: tFillProps;
-    size?: tSizeProps;
-    textColor?: tTextColorProps;
-    textSize?: tTextSizeProps;
-    titleTextColor?: tTextColorProps;
-    titleTextSize?: tTextSizeProps;
-    width?: tWidthProps;
+    fill?: FillProps;
+    size?: SizeProps;
+    textColor?: TextColorProps;
+    textSize?: TextSizeProps;
+    titleTextColor?: TextColorProps;
+    titleTextSize?: TextSizeProps;
+    width?: WidthProps;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type notificationItemAppearanceType = {
-    [key in tAppearanceKeys]?: iNotificationItemThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type NotificationItemAppearanceType = {
+    [key in AppearanceKeys]?: NotificationItemThemeColor;
 };
-export interface iNotificationItemConfig {
+export interface NotificationItemConfig {
     [key: number | string | symbol]: any;
-    appearance: notificationItemAppearanceType | undefined;
-    setAppearance: (newComponent: notificationItemAppearanceType) => void;
+    appearance: NotificationItemAppearanceType | undefined;
+    setAppearance: (newComponent: NotificationItemAppearanceType) => void;
 }
-export interface iNotificationItemProps extends iStyleAttributes {
+export interface NotificationItemProps extends StyleAttributes {
     id?: number | string;
     [key: number | string | symbol]: any;
     after?: ReactNode;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     before?: ReactNode;
     className?: string;
     closeButton?: ReactNode;
     dataTour?: string;
-    fill?: tFillProps;
-    size?: tSizeProps;
+    fill?: FillProps;
+    size?: SizeProps;
     status?: string;
     style?: CSSProperties;
     text?: string;
-    textColor?: tTextColorProps;
-    textSize?: tTextSizeProps;
+    textColor?: TextColorProps;
+    textSize?: TextSizeProps;
     title?: string;
-    titleTextColor?: tTextColorProps;
-    titleTextSize?: tTextSizeProps;
+    titleTextColor?: TextColorProps;
+    titleTextSize?: TextSizeProps;
     type?: string;
     onClickClose?: (id?: number | string) => void;
     set?: string;
 }
-export interface iNotificationListProps {
+export interface NotificationListProps {
     className?: string;
     closeButton?: ReactNode;
-    size?: tSizeProps;
+    size?: SizeProps;
     type?: string;
     set?: string;
 }

package/dist/types/components/Notification/NotificationItem.appearance.d.ts

@@ -1,2 +1,2 @@
-import { notificationItemAppearanceType } from './Notification.interface';
-export declare const notificationItemAppearance: notificationItemAppearanceType;
+import { NotificationItemAppearanceType } from './Notification.interface';
+export declare const notificationItemAppearance: NotificationItemAppearanceType;

package/dist/types/components/Notification/NotificationItem.d.ts

@@ -1,4 +1,4 @@
-import type { iNotificationItemConfig, iNotificationItemProps } from './Notification.interface';
-declare const notificationItemConfig: iNotificationItemConfig;
-declare function NotificationItem(props: iNotificationItemProps): import("react/jsx-runtime").JSX.Element;
+import type { NotificationItemConfig, NotificationItemProps } from './Notification.interface';
+declare const notificationItemConfig: NotificationItemConfig;
+declare function NotificationItem(props: NotificationItemProps): import("react/jsx-runtime").JSX.Element;
 export { NotificationItem, notificationItemConfig };

package/dist/types/components/Notification/NotificationList.d.ts

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

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

@@ -1,2 +1,2 @@
-import { overlayAppearanceType } from './Overlay.interface';
-export declare const overlayAppearance: overlayAppearanceType;
+import { OverlayAppearanceType } from './Overlay.interface';
+export declare const overlayAppearance: OverlayAppearanceType;

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

@@ -1,4 +1,4 @@
-import type { iOverlayConfig, iOverlayProps } from './Overlay.interface';
-declare const overlayConfig: iOverlayConfig;
-declare function Overlay(props: iOverlayProps): import("react/jsx-runtime").JSX.Element;
+import type { OverlayConfig, OverlayProps } from './Overlay.interface';
+declare const overlayConfig: OverlayConfig;
+declare function Overlay(props: OverlayProps): import("react/jsx-runtime").JSX.Element;
 export { Overlay, overlayConfig };

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

@@ -1,26 +1,25 @@
-import type { tFillGradientProps, tFillProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import type { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iOverlayThemeColor {
+import { AppearanceKeysDefault, FillGradientProps, FillProps } from '@itcase/types';
+import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface OverlayThemeColor {
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type overlayAppearanceType = {
-    [key in tAppearanceKeys]?: iOverlayThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type OverlayAppearanceType = {
+    [key in AppearanceKeys]?: OverlayThemeColor;
 };
-export interface iOverlayConfig {
+export interface OverlayConfig {
     [key: number | string | symbol]: any;
-    appearance: overlayAppearanceType | undefined;
-    setAppearance: (newComponent: overlayAppearanceType) => void;
+    appearance: OverlayAppearanceType | undefined;
+    setAppearance: (newComponent: OverlayAppearanceType) => void;
 }
-interface iOverlayProps extends iOverlayThemeColor, iStyleAttributes {
+interface OverlayProps extends OverlayThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     className?: string;
-    fill?: tFillProps;
-    fillGradient?: tFillGradientProps;
+    fill?: FillProps;
+    fillGradient?: FillGradientProps;
     opacity?: string;
     type?: string;
     isOverlay?: boolean;
     onClick?: () => void;
 }
-export type { iOverlayProps };
+export type { OverlayProps };

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

@@ -1,2 +1,2 @@
-import { paginationAppearanceType } from './Pagination.interface';
-export declare const paginationAppearance: paginationAppearanceType;
+import { PaginationAppearanceType } from './Pagination.interface';
+export declare const paginationAppearance: PaginationAppearanceType;

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

@@ -1,4 +1,4 @@
-import type { iPaginationConfig, iPaginationProps } from './Pagination.interface';
-declare const paginationConfig: iPaginationConfig;
-declare function Pagination(props: iPaginationProps): import("react/jsx-runtime").JSX.Element;
+import type { PaginationConfig, PaginationProps } from './Pagination.interface';
+declare const paginationConfig: PaginationConfig;
+declare function Pagination(props: PaginationProps): import("react/jsx-runtime").JSX.Element;
 export { Pagination, paginationConfig };

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

@@ -1,60 +1,59 @@
 import { type ReactNode } from 'react';
-import { tAlignmentProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tIconFillSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorProps, tTextSizeProps, tTextWrapProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface iPaginationThemeColor {
+import { AlignmentProps, AppearanceKeysDefault, DirectionProps, ElevationProps, FillHoverProps, FillProps, IconFillSizeProps, ItemColorProps, ShapeProps, SizeProps, TextAlignProps, TextColorActiveProps, TextColorProps, TextSizeProps, TextWrapProps } from '@itcase/types';
+import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
+export interface PaginationThemeColor {
     [key: number | string | symbol]: any;
-    fill?: tFillProps;
-    fillHover?: tFillHoverProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
     gap?: string;
     marginPagesDisplayed?: number;
     pageCountDesc?: string;
-    pageCountDescTextColor?: tTextColorProps;
-    pageCountDescTextSize?: tTextSizeProps;
-    pageCountDropdownAlignment?: tAlignmentProps;
-    pageCountDropdownElevation?: tElevationProps;
-    pageCountDropdownFill?: tFillProps;
-    pageCountDropdownItemDividerFill?: tFillProps;
-    pageCountDropdownItemDividerSize?: tSizeProps;
-    pageCountDropdownItemFill?: tFillProps;
-    pageCountDropdownItemFillActive?: tFillProps;
-    pageCountDropdownItemFillActiveHover?: tFillHoverProps;
-    pageCountDropdownItemFillHover?: tFillHoverProps;
-    pageCountDropdownItemLabelAlign?: tTextAlignProps;
-    pageCountDropdownItemLabelColor?: tTextColorProps;
-    pageCountDropdownItemLabelColorActive?: tTextColorActiveProps;
-    pageCountDropdownItemLabelSize?: tTextSizeProps;
+    pageCountDescTextColor?: TextColorProps;
+    pageCountDescTextSize?: TextSizeProps;
+    pageCountDropdownAlignment?: AlignmentProps;
+    pageCountDropdownElevation?: ElevationProps;
+    pageCountDropdownFill?: FillProps;
+    pageCountDropdownItemDividerFill?: FillProps;
+    pageCountDropdownItemDividerSize?: SizeProps;
+    pageCountDropdownItemFill?: FillProps;
+    pageCountDropdownItemFillActive?: FillProps;
+    pageCountDropdownItemFillActiveHover?: FillHoverProps;
+    pageCountDropdownItemFillHover?: FillHoverProps;
+    pageCountDropdownItemLabelAlign?: TextAlignProps;
+    pageCountDropdownItemLabelColor?: TextColorProps;
+    pageCountDropdownItemLabelColorActive?: TextColorActiveProps;
+    pageCountDropdownItemLabelSize?: TextSizeProps;
     pageCountDropdownItemShowDivider?: boolean;
-    pageCountDropdownItemSize?: tSizeProps;
+    pageCountDropdownItemSize?: SizeProps;
     pageCountDropdownItemWidth?: string;
     pageCountDropdownSet?: string;
-    pageCountDropdownShape?: tShapeProps;
-    pageCountInputIconColor?: tItemColorProps;
-    pageCountInputIconFillSize?: tIconFillSizeProps;
-    pageCountInputTextColor?: tTextColorProps;
-    pageCountInputTextSize?: tTextSizeProps;
+    pageCountDropdownShape?: ShapeProps;
+    pageCountInputIconColor?: ItemColorProps;
+    pageCountInputIconFillSize?: IconFillSizeProps;
+    pageCountInputTextColor?: TextColorProps;
+    pageCountInputTextSize?: TextSizeProps;
     pageRangeDisplayed?: number;
     isPageCount?: boolean;
 }
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type paginationAppearanceType = {
-    [key in tAppearanceKeys]?: iPaginationThemeColor;
+type AppearanceKeys = AppearanceKeysDefault & {};
+export type PaginationAppearanceType = {
+    [key in AppearanceKeys]?: PaginationThemeColor;
 };
-export interface iPaginationConfig {
+export interface PaginationConfig {
     [key: number | string | symbol]: any;
-    appearance: paginationAppearanceType | undefined;
-    setAppearance: (newComponent: paginationAppearanceType) => void;
+    appearance: PaginationAppearanceType | undefined;
+    setAppearance: (newComponent: PaginationAppearanceType) => void;
 }
-interface iPaginationProps extends iPaginationThemeColor, iStyleAttributes {
+interface PaginationProps extends PaginationThemeColor, StyleAttributes {
     [key: number | string | symbol]: any;
     allItemsCount?: number;
-    appearance?: tAppearanceKeys;
+    appearance?: AppearanceKeys;
     className?: string;
     marginPagesDisplayed?: number;
     nextLabel?: ReactNode;
     pageCountArray?: number[];
-    pageCountDropdownItemDividerDirection?: tDirectionProps;
-    pageCountDropdownItemLabelWrap?: tTextWrapProps;
+    pageCountDropdownItemDividerDirection?: DirectionProps;
+    pageCountDropdownItemLabelWrap?: TextWrapProps;
     pageCountInputIcon?: ReactNode;
     pageCountInputIconSrc?: ReactNode;
     pageNumber: string | string;
@@ -73,4 +72,4 @@ interface iPaginationProps extends iPaginationThemeColor, iStyleAttributes {
      */
     onPerPageCountChange?: (perPageCount: number) => void;
 }
-export type { iPaginationProps };
+export type { PaginationProps };

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { iPanelConfig, iPanelProps } from './Panel.interface';
-declare const panelConfig: iPanelConfig;
-declare const Panel: React.ForwardRefExoticComponent<Omit<iPanelProps, "ref"> & React.RefAttributes<unknown>>;
+import type { PanelConfig, PanelProps } from './Panel.interface';
+declare const panelConfig: PanelConfig;
+declare const Panel: React.ForwardRefExoticComponent<Omit<PanelProps, "ref"> & React.RefAttributes<unknown>>;
 export { Panel, panelConfig };