@itcase/ui 1.9.71 → 1.9.73

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

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceShape: ModalAppearance;
+export { modalAppearanceShape };

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

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceSize: ModalAppearance;
+export { modalAppearanceSize };

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

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceStyle: ModalAppearance;
+export { modalAppearanceStyle };

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

@@ -0,0 +1,3 @@
+import { ModalAppearance } from '../Modal.interface';
+declare const modalAppearanceSurface: ModalAppearance;
+export { modalAppearanceSurface };

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

@@ -0,0 +1,5 @@
+import { Modal, modalConfig } from './Modal';
+import { modalAppearance } from './Modal.appearance';
+import { ModalLoader } from './ModalLoader';
+export { Modal, modalAppearance, modalConfig, ModalLoader };
+export type { ModalAppearance, ModalConfig, ModalProps, ModalRef, } from './Modal.interface';

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

@@ -0,0 +1,3 @@
+import { ModalSheetBottomAppearance } from './ModalSheetBottom.interface';
+declare const modalSheetBottomAppearance: ModalSheetBottomAppearance;
+export { modalSheetBottomAppearance };

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { ModalSheetBottomRef } from './ModalSheetBottom.interface';
+declare const ModalSheetBottom: React.ForwardRefExoticComponent<{
+    fill?: import("@itcase/types-ui").FillProps;
+    titleTextColor?: import("src/components/Title").TitleProps["textColor"];
+    titleTextColorHover?: import("src/components/Title").TitleProps["textColorHover"];
+    titleTextSize?: import("src/components/Title").TitleProps["size"];
+    titleTextTruncate?: import("src/components/Title").TitleProps["textTruncate"];
+    titleTextWeight?: import("src/components/Title").TitleProps["textWeight"];
+    titleTextWidth?: import("src/components/Title").TitleProps["width"];
+    titleTextWrap?: import("src/components/Title").TitleProps["textWrap"];
+    zeroPadding?: boolean;
+} & Partial<import("react-modal-sheet").SheetProps> & {
+    appearance?: import("@itcase/types-ui").AppearanceSizeKey;
+    children?: React.ReactNode;
+    closeButton?: React.ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsOpen?: boolean;
+    isDisabled?: boolean;
+    onCloseModalSheetBottom?: () => void;
+    onOpenModalSheetBottom?: () => void;
+    style?: React.CSSProperties;
+    title?: string;
+} & React.RefAttributes<ModalSheetBottomRef>>;
+export { ModalSheetBottom };

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

@@ -0,0 +1,42 @@
+import { CSSProperties, ReactNode } from 'react';
+import { SheetProps } from 'react-modal-sheet';
+import { AppearanceSizeKey, FillProps } from '@itcase/types-ui';
+import { TitleProps } from '../Title/Title.interface';
+type ModalSheetBottomRef = {
+    closeModal: ModalSheetBottomProps['onCloseModalSheetBottom'];
+    isOpen: boolean;
+    openModal: ModalSheetBottomProps['onOpenModalSheetBottom'];
+};
+type ModalSheetBottomAppearanceProps = {
+    fill?: FillProps;
+    titleTextColor?: TitleProps['textColor'];
+    titleTextColorHover?: TitleProps['textColorHover'];
+    titleTextSize?: TitleProps['size'];
+    titleTextTruncate?: TitleProps['textTruncate'];
+    titleTextWeight?: TitleProps['textWeight'];
+    titleTextWidth?: TitleProps['width'];
+    titleTextWrap?: TitleProps['textWrap'];
+    zeroPadding?: boolean;
+};
+type ModalSheetBottomProps = ModalSheetBottomAppearanceProps & Partial<SheetProps> & {
+    appearance?: AppearanceSizeKey;
+    children?: ReactNode;
+    closeButton?: ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
+    initialIsOpen?: boolean;
+    isDisabled?: boolean;
+    onCloseModalSheetBottom?: () => void;
+    onOpenModalSheetBottom?: () => void;
+    style?: CSSProperties;
+    title?: string;
+};
+type ModalSheetBottomAppearanceKey = AppearanceSizeKey & {};
+type ModalSheetBottomAppearance = {
+    [key in ModalSheetBottomAppearanceKey]?: ModalSheetBottomAppearanceProps;
+};
+type ModalSheetBottomConfig = {
+    appearance: ModalSheetBottomAppearance;
+    setAppearance: (appearanceConfig: ModalSheetBottomAppearance) => void;
+};
+export type { ModalSheetBottomAppearance, ModalSheetBottomConfig, ModalSheetBottomProps, ModalSheetBottomRef, };

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

@@ -0,0 +1,3 @@
+import { ModalSheetBottomAppearance } from '../ModalSheetBottom.interface';
+declare const modalSheetBottomAppearanceSize: ModalSheetBottomAppearance;
+export { modalSheetBottomAppearanceSize };

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

@@ -0,0 +1,3 @@
+export { ModalSheetBottom } from './ModalSheetBottom';
+export { modalSheetBottomAppearance } from './ModalSheetBottom.appearance';
+export type { ModalSheetBottomAppearance, ModalSheetBottomConfig, ModalSheetBottomProps, ModalSheetBottomRef, } from './ModalSheetBottom.interface';

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from './Notification.interface';
+declare const notificationAppearance: NotificationAppearance;
+export { notificationAppearance };

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

@@ -0,0 +1,4 @@
+import type { NotificationConfig, NotificationProps } from './Notification.interface';
+declare const notificationConfig: NotificationConfig;
+declare function Notification(props: NotificationProps): import("react/jsx-runtime").JSX.Element;
+export { Notification, notificationConfig };

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

@@ -0,0 +1,73 @@
+import { CSSProperties, ReactNode } from 'react';
+import { GeneratedId } from '@itcase/types-core';
+import { AppearanceIconSizeKey, AppearanceNotificationKeys, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceNotificationKeys, ElevationProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { ButtonProps } from '../Button/Button.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { LoaderProps } from '../Loader/Loader.interface';
+import { TextProps } from '../Text/Text.interface';
+type NotificationAppearanceProps = {
+    borderColor?: BorderColorProps;
+    buttonAppearance?: ButtonProps['appearance'];
+    buttonLabel?: ButtonProps['label'];
+    closeIcon?: IconProps['SvgImage'];
+    closeIconAppearance?: IconProps['appearance'];
+    closeIconAppearanceSize?: AppearanceIconSizeKey;
+    closeIconSrc?: IconProps['imageSrc'];
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    elevation?: ElevationProps;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    loaderAppearance?: LoaderProps['appearance'];
+    loaderAppearanceSize?: AppearanceSizeKey;
+    loaderFill?: LoaderProps['fill'];
+    loaderItemFill?: LoaderProps['itemFill'];
+    loaderSize?: LoaderProps['size'];
+    loaderType?: LoaderProps['type'];
+    set?: string;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+    status?: string;
+    text?: string;
+    textColor?: TextProps['textColor'];
+    textSize?: TextProps['size'];
+    titleTextColor?: TextProps['textColor'];
+    titleTextSize?: TextProps['size'];
+    width?: WidthProps;
+};
+type NotificationProps = NotificationAppearanceProps & StyleAttributes & {
+    id?: GeneratedId;
+    after?: ReactNode;
+    appearance?: CompositeAppearanceNotificationKeys;
+    before?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isLoading?: boolean;
+    isSkeleton?: boolean;
+    onClickButton?: ButtonProps['onClick'];
+    onClickClose?: (targetId?: GeneratedId) => void;
+    style?: CSSProperties;
+    title?: string;
+    type?: string;
+};
+type NotificationWrapperProps = {
+    className?: string;
+    closeButton?: ReactNode;
+    dataTestId?: string;
+    dataTour?: string;
+    set?: string;
+    size?: SizeProps;
+    type?: string;
+};
+type NotificationAppearanceKeys = AppearanceNotificationKeys | AppearanceSizeKey | AppearanceStyleKey | AppearanceShapeKey;
+type NotificationAppearance = {
+    [key in NotificationAppearanceKeys]?: NotificationAppearanceProps;
+};
+type NotificationConfig = {
+    appearance: NotificationAppearance;
+    setAppearance: (appearanceConfig: NotificationAppearance) => void;
+};
+export type { NotificationAppearance, NotificationConfig, NotificationProps, NotificationWrapperProps, };

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

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

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceDefault: NotificationAppearance;
+export { notificationAppearanceDefault };

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceError: NotificationAppearance;
+export { notificationAppearanceError };

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceInfo: NotificationAppearance;
+export { notificationAppearanceInfo };

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceShape: NotificationAppearance;
+export { notificationAppearanceShape };

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceSize: NotificationAppearance;
+export { notificationAppearanceSize };

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceStyle: NotificationAppearance;
+export { notificationAppearanceStyle };

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceSuccess: NotificationAppearance;
+export { notificationAppearanceSuccess };

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

@@ -0,0 +1,3 @@
+import { NotificationAppearance } from '../Notification.interface';
+declare const notificationAppearanceWarning: NotificationAppearance;
+export { notificationAppearanceWarning };

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

@@ -0,0 +1,5 @@
+import { Notification, notificationConfig } from './Notification';
+import { notificationAppearance } from './Notification.appearance';
+import { NotificationWrapper } from './NotificationWrapper';
+export { Notification, notificationAppearance, notificationConfig, NotificationWrapper, };
+export type { NotificationAppearance, NotificationConfig, NotificationProps, NotificationWrapperProps, } from './Notification.interface';

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

@@ -0,0 +1,3 @@
+import { OverlayAppearance } from './Overlay.interface';
+declare const overlayAppearance: OverlayAppearance;
+export { overlayAppearance };

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,27 @@
+import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
+import { AppearanceOverlayKey, BlurProps, FillProps, OpacityProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type OverlayAppearanceProps = {
+    blur?: BlurProps;
+    fill?: FillProps;
+    opacity?: OpacityProps;
+};
+type OverlayProps = OverlayAppearanceProps & StyleAttributes & {
+    appearance?: AppearanceOverlayKey;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isOverlay?: boolean;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    style?: CSSProperties;
+};
+type OverlayAppearanceKey = AppearanceOverlayKey;
+type OverlayAppearance = {
+    [key in OverlayAppearanceKey]?: OverlayAppearanceProps;
+};
+type OverlayConfig = {
+    appearance: OverlayAppearance;
+    setAppearance: (appearanceConfig: OverlayAppearance) => void;
+};
+export type { OverlayAppearance, OverlayConfig, OverlayProps };

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

@@ -0,0 +1,3 @@
+import { OverlayAppearance } from '../Overlay.interface';
+declare const overlayAppearanceDefault: OverlayAppearance;
+export { overlayAppearanceDefault };

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

@@ -0,0 +1,3 @@
+export { Overlay, overlayConfig } from './Overlay';
+export { overlayAppearance } from './Overlay.appearance';
+export type { OverlayAppearance, OverlayConfig, OverlayProps, } from './Overlay.interface';

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

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from './Pagination.interface';
+declare const paginationAppearance: PaginationAppearance;
+export { paginationAppearance };

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,114 @@
+import { type ReactNode } from 'react';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { DropdownItemProps, DropdownProps } from '../Dropdown/Dropdown.interface';
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+type PaginationAppearanceProps = {
+    borderColor?: BorderColorProps;
+    builderIcon?: IconProps['SvgImage'];
+    builderIconFill?: IconProps['fill'];
+    builderIconFillIcon?: IconProps['iconFill'];
+    builderIconFillSize?: IconProps['fillSize'];
+    builderIconSize?: IconProps['iconSize'];
+    fill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
+    fillInput?: FillProps;
+    fillInputHover?: FillHoverProps;
+    fillInputShape?: ShapeProps;
+    fillInputShapeStrength?: ShapeStrengthProps;
+    gap?: string;
+    justifyContent?: JustifyContentProps;
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: DropdownItemProps['labelTextSize'];
+    loaderFill?: FillProps;
+    loaderItemFill?: IconProps['iconFill'];
+    marginPagesDisplayed?: number;
+    nextIcon?: IconProps['SvgImage'];
+    nextIconFill?: IconProps['fill'];
+    nextIconFillIcon?: IconProps['iconFill'];
+    nextIconFillSize?: IconProps['fillSize'];
+    nextIconSize?: IconProps['iconSize'];
+    pageCountDescTextColor?: TextProps['textColor'];
+    pageCountDescTextSize?: TextProps['size'];
+    pageCountDropdownAlignment?: DropdownProps['alignment'];
+    pageCountDropdownElevation?: DropdownProps['elevation'];
+    pageCountDropdownFill?: DropdownProps['fill'];
+    pageCountDropdownFillHover?: DropdownProps['fillHover'];
+    pageCountDropdownItemDividerFill?: DropdownItemProps['dividerFill'];
+    pageCountDropdownItemDividerSize?: DropdownItemProps['dividerSize'];
+    pageCountDropdownItemFill?: DropdownItemProps['fill'];
+    pageCountDropdownItemFillActive?: DropdownItemProps['fillActive'];
+    pageCountDropdownItemFillActiveHover?: DropdownItemProps['fillActiveHover'];
+    pageCountDropdownItemFillHover?: DropdownItemProps['fillHover'];
+    pageCountDropdownItemLabelAlign?: DropdownItemProps['labelTextAlign'];
+    pageCountDropdownItemLabelColor?: DropdownItemProps['labelTextColor'];
+    pageCountDropdownItemLabelColorActive?: DropdownItemProps['labelTextColorActive'];
+    pageCountDropdownItemLabelColorActiveHover?: DropdownItemProps['labelTextColorActiveHover'];
+    pageCountDropdownItemLabelColorHover?: DropdownItemProps['labelTextColorHover'];
+    pageCountDropdownItemLabelSize?: DropdownItemProps['labelTextSize'];
+    pageCountDropdownItemLabelWrap?: DropdownItemProps['labelTextWrap'];
+    pageCountDropdownItemShowDivider?: DropdownItemProps['showDivider'];
+    pageCountDropdownItemSize?: DropdownItemProps['size'];
+    pageCountDropdownItemWidth?: DropdownItemProps['width'];
+    pageCountDropdownShape?: DropdownItemProps['shape'];
+    pageCountDropdownShapeStrength?: DropdownProps['shapeStrength'];
+    pageCountInputIcon?: IconProps['SvgImage'];
+    pageCountInputIconColor?: IconProps['iconFill'];
+    pageCountInputIconFillSize?: IconProps['fillSize'];
+    pageCountInputIconSrc?: IconProps['imageSrc'];
+    pageCountInputTextColor?: TextProps['textColor'];
+    pageCountInputTextSize?: TextProps['size'];
+    pageRangeDisplayed?: number;
+    previousIcon?: IconProps['SvgImage'];
+    previousIconFill?: IconProps['fill'];
+    previousIconFillIcon?: IconProps['iconFill'];
+    previousIconFillSize?: IconProps['fillSize'];
+    previousIconSize?: IconProps['iconSize'];
+    shape?: ShapeProps;
+    size?: SizeProps;
+    textColor?: TextProps['textColor'];
+    textColorActive?: TextProps['textColorActive'];
+    textColorActiveHover?: TextProps['textColorActiveHover'];
+    textColorHover?: TextProps['textColorHover'];
+    textSize?: TextProps['size'];
+};
+type PaginationProps = PaginationAppearanceProps & StyleAttributes & {
+    allItemsCount?: number;
+    appearance?: CompositeAppearanceKey;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    isDisabled?: boolean;
+    isPageCount?: boolean;
+    isPageCountDropdownReversed?: boolean;
+    isPageLabelBuilder?: (page: number) => ReactNode;
+    isSkeleton?: boolean;
+    onChangePage: (arg: {
+        selected: number;
+    }) => void;
+    onChangePerPageCount: (perPageCount: number) => void;
+    /** @deprecated Use `onChangePage` instead */
+    onPageChange?: (arg: {
+        selected: number;
+    }) => void;
+    /** @deprecated Use `onChangePerPageCount` instead */
+    onPerPageCountChange?: (perPageCount: number) => void;
+    pageCountDesc?: string;
+    pageCountDropdownItemDividerDirection?: DirectionProps;
+    pageCountList?: number[];
+    pageNumber: number;
+    perPageCount?: number;
+};
+type AppearanceKeys = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type PaginationAppearance = {
+    [key in AppearanceKeys]?: PaginationAppearanceProps;
+};
+type PaginationConfig = {
+    appearance: PaginationAppearance;
+    setAppearance: (appearanceConfig: PaginationAppearance) => void;
+};
+export type { PaginationAppearance, PaginationConfig, PaginationProps };

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

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceAccent: PaginationAppearance;
+export { paginationAppearanceAccent };

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

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceShape: PaginationAppearance;
+export { paginationAppearanceShape };

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

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceSize: PaginationAppearance;
+export { paginationAppearanceSize };

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

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceStyle: PaginationAppearance;
+export { paginationAppearanceStyle };

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

@@ -0,0 +1,3 @@
+import { PaginationAppearance } from '../Pagination.interface';
+declare const paginationAppearanceSurface: PaginationAppearance;
+export { paginationAppearanceSurface };

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

@@ -0,0 +1,3 @@
+export { Pagination, paginationConfig } from './Pagination';
+export { paginationAppearance } from './Pagination.appearance';
+export type { PaginationAppearance, PaginationConfig, PaginationProps, } from './Pagination.interface';

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

@@ -0,0 +1,3 @@
+import { RadioAppearance } from './Radio.interface';
+declare const radioAppearance: RadioAppearance;
+export { radioAppearance };

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

@@ -0,0 +1,4 @@
+import type { RadioConfig, RadioProps } from './Radio.interface';
+declare const radioConfig: RadioConfig;
+declare function Radio(props: RadioProps): import("react/jsx-runtime").JSX.Element;
+export { Radio, radioConfig };

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

@@ -0,0 +1,53 @@
+import { ElementType } from 'react';
+import { AppearanceShapeKey, AppearanceSizeKey, AppearanceStateKeysDefault, AppearanceStyleKey, BorderColorActiveProps, BorderColorHoverProps, BorderColorProps, CompositeAppearanceStateDefault, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, SizeProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+import { TextProps } from '../Text/Text.interface';
+type RadioAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorHover?: BorderColorHoverProps;
+    borderRadioColor?: BorderColorProps;
+    borderRadioColorActive?: BorderColorActiveProps;
+    borderRadioColorActiveHover?: BorderColorHoverProps;
+    borderRadioColorHover?: BorderColorHoverProps;
+    descTextColor?: TextProps['textColor'];
+    descTextSize?: TextProps['size'];
+    descTextWeight?: TextProps['textWeight'];
+    fill?: FillProps;
+    fillCheckmark?: FillProps;
+    fillHover?: FillHoverProps;
+    fillRadio?: FillProps;
+    fillRadioActive?: FillActiveProps;
+    fillRadioActiveHover?: FillActiveHoverProps;
+    fillRadioHover?: FillHoverProps;
+    labelTextColor?: TextProps['textColor'];
+    labelTextSize?: TextProps['size'];
+    labelTextWeight?: TextProps['textWeight'];
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
+    size?: SizeProps;
+};
+type RadioProps = RadioAppearanceProps & StyleAttributes & {
+    id?: string;
+    appearance?: CompositeAppearanceStateDefault;
+    checked?: boolean;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    desc?: string;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    isSkeleton?: boolean;
+    label?: string;
+    onChange?: () => void;
+    tag?: ElementType;
+    value?: string;
+};
+type RadioAppearanceKey = AppearanceShapeKey | AppearanceSizeKey | AppearanceStateKeysDefault | AppearanceStyleKey;
+type RadioAppearance = {
+    [key in RadioAppearanceKey]?: RadioAppearanceProps;
+};
+type RadioConfig = {
+    appearance: RadioAppearance;
+    setAppearance: (newComponent: RadioAppearance) => void;
+};
+export type { RadioAppearance, RadioConfig, RadioProps };

package/dist/types/components/Radio/appearance/radioDefault.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceDefault: RadioAppearance;
+export { radioAppearanceDefault };

package/dist/types/components/Radio/appearance/radioDisabled.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceDisabled: RadioAppearance;
+export { radioAppearanceDisabled };

package/dist/types/components/Radio/appearance/radioError.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceError: RadioAppearance;
+export { radioAppearanceError };

package/dist/types/components/Radio/appearance/radioRequire.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceRequire: RadioAppearance;
+export { radioAppearanceRequire };

package/dist/types/components/Radio/appearance/radioShape.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceShape: RadioAppearance;
+export { radioAppearanceShape };

package/dist/types/components/Radio/appearance/radioSize.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceSize: RadioAppearance;
+export { radioAppearanceSize };

package/dist/types/components/Radio/appearance/radioStyle.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceStyle: RadioAppearance;
+export { radioAppearanceStyle };

package/dist/types/components/Radio/appearance/radioSuccess.d.ts

@@ -0,0 +1,3 @@
+import { RadioAppearance } from '../Radio.interface';
+declare const radioAppearanceSuccess: RadioAppearance;
+export { radioAppearanceSuccess };

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

@@ -0,0 +1,3 @@
+export { Radio, radioConfig } from './Radio';
+export { radioAppearance } from './Radio.appearance';
+export type { RadioAppearance, RadioConfig, RadioProps, } from './Radio.interface';

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

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

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

@@ -0,0 +1,34 @@
+import { CSSProperties, ReactNode } from 'react';
+import { FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types-ui';
+import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
+type RangeSliderAppearanceProps = {
+    fill?: FillProps;
+    fillHandle?: FillProps;
+    fillHandleDragging?: FillProps;
+    fillHandleDraggingHover?: FillHoverProps;
+    fillHandleHover?: FillHoverProps;
+    fillRail?: FillProps;
+    fillTrack?: FillProps;
+    shape?: ShapeProps;
+    width?: WidthProps;
+};
+type RangeSliderProps = RangeSliderAppearanceProps & StyleAttributes & {
+    after?: ReactNode;
+    before?: ReactNode;
+    children?: ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    disabled?: boolean;
+    max?: number;
+    min?: number;
+    onChangeSlider?: (value: number | number[]) => void;
+    pushable?: boolean;
+    range?: boolean;
+    set?: string;
+    step?: number;
+    style?: CSSProperties;
+    value?: number;
+    vertical?: boolean;
+};
+export type { RangeSliderProps };

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

@@ -0,0 +1,2 @@
+export { RangeSlider } from './RangeSlider';
+export type { RangeSliderProps } from './RangeSlider.interface';

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

@@ -0,0 +1,3 @@
+import { ResponseAppearance } from './Response.interface';
+declare const responseAppearance: ResponseAppearance;
+export { responseAppearance };