@cdek-it/react-native-ui-kit 0.6.9 → 1.0.0-beta.1

package/dist/components/Button/styles/useWarningButtonStyles.js

@@ -1,61 +0,0 @@
-import { makeStyles } from '../../../utils/makeStyles';
-export const useWarningButtonStyles = () => {
-    const labelVariantStyles = useLabelVariantStyles();
-    const pressedVariantStyles = usePressedVariantStyles();
-    const containerVariantStyles = useContainerVariantStyles();
-    const iconVariantStyles = useIconVariantStyles();
-    return {
-        containerVariantStyles,
-        labelVariantStyles,
-        pressedVariantStyles,
-        iconVariantStyles,
-        pressedLabelVariantStyles: labelVariantStyles,
-    };
-};
-const useLabelVariantStyles = makeStyles(({ theme }) => ({
-    basic: { color: theme.Button.Severity.Warning.Basic.warningButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonTextColor,
-    },
-    text: {
-        color: theme.Button.Severity.Warning.Text.warningTextButtonTextColor,
-    },
-}));
-const usePressedVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Warning.Basic.warningButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Warning.Basic.warningButtonHoverBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Warning.Outlined
-            .warningOutlinedButtonHoverBorderColor,
-        backgroundColor: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonHoverBg,
-    },
-    text: {
-        borderColor: theme.Surface['surface-transparent'],
-        backgroundColor: theme.Button.Severity.Warning.Text.warningTextButtonHoverBg,
-    },
-}));
-const useContainerVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Warning.Basic.warningButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Warning.Basic.warningButtonBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonBg,
-    },
-    text: {
-        borderColor: theme.Button.Severity.Warning.Basic.warningButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Warning.Text.warningTextButtonBg,
-    },
-}));
-const useIconVariantStyles = makeStyles(({ theme }) => ({
-    basic: { color: theme.Button.Severity.Warning.Basic.warningButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Warning.Outlined.warningOutlinedButtonTextColor,
-    },
-    text: {
-        color: theme.Button.Severity.Warning.Text.warningTextButtonTextColor,
-    },
-}));

package/dist/components/Button/utils/useButtonContainerCallbackStyle.d.ts

@@ -1,3 +0,0 @@
-import { type PressableStateCallbackType, type ViewStyle } from 'react-native';
-import type { BaseButtonProps, ButtonVariant, ContainerVariantStyles, PressedVariantStyles } from '../types';
-export declare const useButtonContainerCallbackStyle: <Variant extends ButtonVariant>(size: Required<BaseButtonProps<Variant>>["size"], variant: Required<BaseButtonProps<Variant>>["variant"], shape: Required<BaseButtonProps<Variant>>["shape"], disabled: Required<BaseButtonProps<Variant>>["disabled"], loading: Required<BaseButtonProps<Variant>>["loading"], iconOnly: Required<BaseButtonProps<Variant>>["iconOnly"], style: BaseButtonProps<Variant>["style"], containerVariantStyles: ContainerVariantStyles<Variant>, pressedVariantStyles: PressedVariantStyles<Variant>) => ({ pressed }: PressableStateCallbackType) => ViewStyle;

package/dist/components/Button/utils/useButtonContainerCallbackStyle.js

@@ -1,141 +0,0 @@
-import { useCallback, useMemo } from 'react';
-import { StyleSheet, } from 'react-native';
-import { makeStyles } from '../../../utils/makeStyles';
-import { useTypeBasedStyle } from './useTypeBasedStyle';
-export const useButtonContainerCallbackStyle = (size, variant, shape, disabled, loading, iconOnly, style, containerVariantStyles, pressedVariantStyles) => {
-    const styles = useButtonContainerStyle();
-    const sizeBasedStyle = useTypeBasedStyle(size, styles);
-    const variantBasedStyle = useTypeBasedStyle(variant, containerVariantStyles);
-    const shapeBasedStyle = useTypeBasedStyle(shape, styles);
-    const pressedStyle = useTypeBasedStyle(variant, pressedVariantStyles);
-    const iconOnlyLinkContainerStyle = useIconOnlyLinkContainerStyle();
-    const disabledStyle = useMemo(() => {
-        if (variant === 'link') {
-            return;
-        }
-        return styles.disabled;
-    }, [styles.disabled, variant]);
-    return useCallback(({ pressed }) => {
-        const containerStyle = [
-            styles.container,
-            sizeBasedStyle,
-            variantBasedStyle,
-            shapeBasedStyle,
-        ];
-        if (iconOnly) {
-            containerStyle.push(styles.iconOnly);
-            if (variant === 'link') {
-                containerStyle.push(iconOnlyLinkContainerStyle[size]);
-            }
-        }
-        if (disabled || loading) {
-            containerStyle.push(disabledStyle);
-        }
-        if (pressed) {
-            containerStyle.push(pressedStyle);
-        }
-        if (typeof style === 'function') {
-            containerStyle.push(style({ pressed }));
-        }
-        else {
-            containerStyle.push(style);
-        }
-        return StyleSheet.flatten(containerStyle);
-    }, [
-        disabled,
-        disabledStyle,
-        iconOnly,
-        iconOnlyLinkContainerStyle,
-        loading,
-        pressedStyle,
-        shapeBasedStyle,
-        size,
-        sizeBasedStyle,
-        style,
-        styles.container,
-        styles.iconOnly,
-        variant,
-        variantBasedStyle,
-    ]);
-};
-const useButtonContainerStyle = makeStyles(({ theme, border, spacing }) => ({
-    container: {
-        flexDirection: 'row',
-        justifyContent: 'center',
-        alignItems: 'center',
-        borderWidth: border.Width.border,
-    },
-    xlarge: {
-        paddingHorizontal: spacing.Padding['p-6'],
-        paddingVertical: theme.Button.Common.buttonPaddingTopBottom,
-        height: theme.Button.Common.buttonHeightXL,
-        minHeight: theme.Button.Common.buttonHeightXL,
-        maxHeight: theme.Button.Common.buttonHeightXL,
-        gap: spacing.Gap['gap-3'],
-        borderRadius: theme.General.borderRadius2XL,
-    },
-    large: {
-        paddingHorizontal: spacing.Padding['p-6'],
-        paddingVertical: theme.Button.Common.buttonPaddingTopBottom,
-        height: theme.Button.Common.buttonHeightLG,
-        minHeight: theme.Button.Common.buttonHeightLG,
-        maxHeight: theme.Button.Common.buttonHeightLG,
-        gap: spacing.Gap['gap-3'],
-        borderRadius: theme.General.borderRadius2XL,
-    },
-    base: {
-        paddingHorizontal: theme.Button.Common.buttonPaddingLeftRight,
-        paddingVertical: theme.Button.Common.buttonPaddingTopBottom,
-        height: theme.Button.Common.buttonHeight,
-        minHeight: theme.Button.Common.buttonHeight,
-        maxHeight: theme.Button.Common.buttonHeight,
-        gap: theme.General.inlineSpacing,
-        borderRadius: theme.General.borderRadiusXL,
-    },
-    small: {
-        paddingHorizontal: spacing.Padding['p-3'],
-        paddingVertical: theme.Button.Common.buttonPaddingTopBottom,
-        height: theme.Button.Common.buttonHeightSM,
-        minHeight: theme.Button.Common.buttonHeightSM,
-        maxHeight: theme.Button.Common.buttonHeightSM,
-        gap: theme.General.inlineSpacing,
-        borderRadius: theme.General.borderRadiusXL,
-    },
-    square: {},
-    circle: { borderRadius: border.Radius['rounded-full'] },
-    disabled: {
-        backgroundColor: theme.Button.Disabled.disabledButtonBg,
-        borderColor: theme.Button.Disabled.disabledButtonBorderColor,
-    },
-    iconOnly: { aspectRatio: 1 },
-}));
-const useIconOnlyLinkContainerStyle = makeStyles(({ spacing, sizing }) => ({
-    xlarge: {
-        paddingHorizontal: spacing.Gap['gap-1'],
-        paddingVertical: spacing.Gap['gap-1'],
-        height: sizing.Height['h-2'],
-        minHeight: sizing.Height['h-2'],
-        maxHeight: sizing.Height['h-2'],
-    },
-    large: {
-        paddingHorizontal: spacing.Gap['gap-0'],
-        paddingVertical: spacing.Gap['gap-0'],
-        height: 24.5,
-        minHeight: 24.5,
-        maxHeight: 24.5,
-    },
-    base: {
-        paddingHorizontal: spacing.Gap['gap-1'],
-        paddingVertical: spacing.Gap['gap-1'],
-        height: 21.5,
-        minHeight: 21.5,
-        maxHeight: 21.5,
-    },
-    small: {
-        paddingHorizontal: spacing.Gap['gap-1'],
-        paddingVertical: spacing.Gap['gap-1'],
-        height: sizing.Height['h-1'],
-        minHeight: sizing.Height['h-2'],
-        maxHeight: sizing.Height['h-2'],
-    },
-}));

package/dist/components/Button/utils/useButtonLabelStyle.d.ts

@@ -1,3 +0,0 @@
-import { type TextStyle } from 'react-native';
-import type { BaseButtonProps, ButtonVariant, LabelVariantStyles } from '../types';
-export declare const useButtonLabelStyle: <Variant extends ButtonVariant>(size: Required<BaseButtonProps<Variant>>["size"], variant: Required<BaseButtonProps<Variant>>["variant"], disabled: Required<BaseButtonProps<Variant>>["disabled"], loading: Required<BaseButtonProps<Variant>>["loading"], labelVariantStyles: LabelVariantStyles<Variant>) => TextStyle;

package/dist/components/Button/utils/useButtonLabelStyle.js

@@ -1,40 +0,0 @@
-import { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { makeStyles } from '../../../utils/makeStyles';
-import { useTypeBasedStyle } from './useTypeBasedStyle';
-export const useButtonLabelStyle = (size, variant, disabled, loading, labelVariantStyles) => {
-    const styles = useButtonLabelStyles();
-    const sizeBasedStyle = useTypeBasedStyle(size, styles);
-    const variantBasedStyle = useTypeBasedStyle(variant, labelVariantStyles);
-    return useMemo(() => {
-        const containerStyle = [
-            styles.font,
-            sizeBasedStyle,
-            variantBasedStyle,
-        ];
-        if (disabled || loading) {
-            containerStyle.push(styles.disabled);
-        }
-        return StyleSheet.flatten(containerStyle);
-    }, [
-        disabled,
-        loading,
-        sizeBasedStyle,
-        styles.disabled,
-        styles.font,
-        variantBasedStyle,
-    ]);
-};
-const useButtonLabelStyles = makeStyles(({ theme, typography, fonts }) => ({
-    font: {
-        fontWeight: 600,
-        includeFontPadding: false,
-        verticalAlign: 'middle',
-        fontFamily: fonts.primary,
-    },
-    xlarge: { fontSize: typography.Size['text-xl'] },
-    large: { fontSize: typography.Size['text-xl'] },
-    base: { fontSize: typography.Size['text-base'] },
-    small: { fontSize: typography.Size['text-sm'] },
-    disabled: { color: theme.Button.Disabled.disabledButtonTextColor },
-}));

package/dist/components/Button/utils/useIconStyle.d.ts

@@ -1,7 +0,0 @@
-import { type ColorValue } from 'react-native';
-import type { BaseButtonProps, ButtonVariant, IconVariantStyles } from '../types';
-export declare const useIconStyle: <Variant extends ButtonVariant>(size: Required<BaseButtonProps<Variant>>["size"], variant: Required<BaseButtonProps<Variant>>["variant"], disabled: Required<BaseButtonProps<Variant>>["disabled"], loading: Required<BaseButtonProps<Variant>>["loading"], iconVariantStyles: IconVariantStyles<Variant>) => {
-    width: number;
-    height: number;
-    color: ColorValue;
-};

package/dist/components/Button/utils/useIconStyle.js

@@ -1,35 +0,0 @@
-import { useMemo } from 'react';
-import { StyleSheet } from 'react-native';
-import { makeStyles } from '../../../utils/makeStyles';
-import { useTypeBasedStyle } from './useTypeBasedStyle';
-export const useIconStyle = (size, variant, disabled, loading, iconVariantStyles) => {
-    const styles = useStyles();
-    const sizeBasedStyle = useTypeBasedStyle(size, styles);
-    const variantBasedStyle = useTypeBasedStyle(variant, iconVariantStyles);
-    return useMemo(() => {
-        const containerStyle = [sizeBasedStyle, variantBasedStyle];
-        if (disabled || loading) {
-            containerStyle.push(styles.disabled);
-        }
-        return StyleSheet.flatten(containerStyle);
-    }, [disabled, loading, sizeBasedStyle, styles.disabled, variantBasedStyle]);
-};
-const useStyles = makeStyles(({ theme, typography }) => ({
-    xlarge: {
-        height: typography.Size['text-2xl'],
-        width: typography.Size['text-2xl'],
-    },
-    large: {
-        height: typography.Size['text-2xl'],
-        width: typography.Size['text-2xl'],
-    },
-    base: {
-        height: typography.Size['text-xl'],
-        width: typography.Size['text-xl'],
-    },
-    small: {
-        height: typography.Size['text-base'],
-        width: typography.Size['text-base'],
-    },
-    disabled: { color: theme.Button.Disabled.disabledButtonTextColor },
-}));

package/dist/components/Button/utils/useTypeBasedStyle.d.ts

@@ -1,2 +0,0 @@
-import type { StyleProp, ViewStyle, TextStyle, ImageStyle } from 'react-native';
-export declare const useTypeBasedStyle: <Type extends string, Style extends TextStyle | ViewStyle | ImageStyle | object>(type: Type, styles: Record<Type, StyleProp<Style>>) => Record<Type, StyleProp<Style>>[Type];

package/dist/components/Button/utils/useTypeBasedStyle.js

@@ -1,4 +0,0 @@
-import { useMemo } from 'react';
-export const useTypeBasedStyle = (type, styles) => {
-    return useMemo(() => styles[type], [styles, type]);
-};

package/dist/components/Checkbox/hooks/usePressableStyles.d.ts

@@ -1,15 +0,0 @@
-import type { CheckboxProps } from '../Checkbox';
-export declare const usePressableStyles: ({ checked, indeterminate, disabled, state, }: Pick<CheckboxProps, "checked" | "indeterminate" | "disabled" | "state">) => (pressed: boolean) => (false | {
-    width: number;
-    height: number;
-    borderRadius: number;
-    borderWidth: number;
-} | {
-    backgroundColor: string;
-    borderColor: string;
-} | {
-    borderColor: string;
-    opacity: number;
-    outlineWidth: number;
-    mixBlendMode: "luminosity";
-})[];

package/dist/components/Checkbox/hooks/usePressableStyles.js

@@ -1,91 +0,0 @@
-import { useCallback, useMemo } from 'react';
-import { makeStyles } from '../../../utils/makeStyles';
-export const usePressableStyles = ({ checked, indeterminate = false, disabled = false, state, }) => {
-    const styles = useStyles();
-    const styleMap = useMemo(() => ({
-        default: { filled: styles.defaultFilled, clean: styles.defaultClean },
-        disabled: { filled: styles.disabledFilled, clean: styles.disabledClean },
-        danger: {
-            filled: { ...styles.dangerFilled, ...styles.dangerOutline },
-            clean: { ...styles.dangerClean, ...styles.dangerOutline },
-        },
-        hover: { filled: styles.hoverFilled, clean: styles.hoverClean },
-    }), [
-        styles.defaultFilled,
-        styles.defaultClean,
-        styles.disabledFilled,
-        styles.disabledClean,
-        styles.dangerFilled,
-        styles.dangerClean,
-        styles.hoverFilled,
-        styles.hoverClean,
-        styles.dangerOutline,
-    ]);
-    return useCallback((pressed) => {
-        const isFilled = checked || indeterminate;
-        const stateStyles = state in styleMap && isFilled
-            ? styleMap[state].filled
-            : styleMap[state].clean;
-        const disabledStyles = isFilled
-            ? styleMap.disabled.filled
-            : styleMap.disabled.clean;
-        const pressedStyles = isFilled
-            ? styleMap.hover.filled
-            : styleMap.hover.clean;
-        return [
-            styles.container,
-            stateStyles,
-            disabled && disabledStyles,
-            pressed && pressedStyles,
-        ];
-    }, [checked, indeterminate, disabled, state, styles.container, styleMap]);
-};
-const useStyles = makeStyles(({ theme, border }) => ({
-    container: {
-        width: theme.Form.Checkbox.checkboxWidth,
-        height: theme.Form.Checkbox.checkboxHeight,
-        borderRadius: border.Radius['rounded-lg'],
-        borderWidth: border.Width.border,
-    },
-    defaultClean: {
-        backgroundColor: theme.Form.InputText.inputBg,
-        borderColor: theme.Form.InputText.inputBorderColor,
-    },
-    defaultFilled: {
-        backgroundColor: theme.Form.Checkbox.checkboxActiveBg,
-        borderColor: theme.Form.Checkbox.checkboxActiveBorderColor,
-    },
-    hoverClean: {
-        backgroundColor: theme.Form.InputText.inputBg,
-        borderColor: theme.Form.InputText.inputHoverBorderColor,
-    },
-    hoverFilled: {
-        backgroundColor: theme.Form.Checkbox.checkboxActiveHoverBg,
-        borderColor: theme.Form.Checkbox.checkboxActiveHoverBorderColor,
-    },
-    dangerClean: {
-        backgroundColor: theme.Form.InputText.inputBg,
-        borderColor: theme.Form.InputText.inputErrorBorderColor,
-    },
-    dangerFilled: {
-        backgroundColor: theme.Form.Checkbox.checkboxActiveBg,
-        borderColor: theme.Form.InputText.inputErrorBorderColor,
-    },
-    dangerOutline: {
-        outlineStyle: 'solid',
-        outlineColor: theme.General.focusOutlineErrorColor,
-        outlineWidth: Math.round(theme.General.focusShadowWidth),
-    },
-    disabledClean: {
-        backgroundColor: theme.Button.Disabled.disabledButtonBg,
-        borderColor: theme.Form.InputText.inputBorderColor,
-        outlineWidth: 0,
-        mixBlendMode: 'luminosity',
-    },
-    disabledFilled: {
-        borderColor: theme.Form.Checkbox.checkboxActiveBorderColor,
-        opacity: 0.2,
-        outlineWidth: 0,
-        mixBlendMode: 'luminosity',
-    },
-}));

package/dist/components/Input/FloatLabel.d.ts

@@ -1,22 +0,0 @@
-import { type StyleProp, type ViewStyle } from 'react-native';
-import type { InputTextBaseProps } from './InputTextBase/types';
-export interface FloatLabelProps extends InputTextBaseProps {
-    /** Текст плейсхолдера */
-    placeholder: string;
-    /** Показать индикатор загрузки в поле */
-    loading?: boolean;
-    /** Дополнительная стилизация для контейнера компонента */
-    style?: StyleProp<ViewStyle>;
-}
-/**
- * Компонент для ввода текста с плавающим плейсхолдером
- * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=2168-9279
- * @see InputTextBaseProps
- * @deprecated Используйте {@link InputText} с `floatLabel={true}`
- */
-export declare const FloatLabel: import("react").NamedExoticComponent<FloatLabelProps>;
-export declare const FloatLabelTestId: {
-    root: string;
-    pressable: string;
-    placeholder: string;
-};

package/dist/components/Input/FloatLabel.js

@@ -1,19 +0,0 @@
-import { memo } from 'react';
-import { View } from 'react-native';
-import { InputTextBase } from './InputTextBase/InputTextBase';
-/**
- * Компонент для ввода текста с плавающим плейсхолдером
- * @link https://www.figma.com/design/4TYeki0MDLhfPGJstbIicf/UI-kit-PrimeFace-(DS)?node-id=2168-9279
- * @see InputTextBaseProps
- * @deprecated Используйте {@link InputText} с `floatLabel={true}`
- */
-export const FloatLabel = memo(({ style, ...otherProps }) => {
-    return (<View style={style}>
-      <InputTextBase {...otherProps}/>
-    </View>);
-});
-export const FloatLabelTestId = {
-    root: 'FloatLabel',
-    pressable: 'PressableContainer',
-    placeholder: 'Placeholder',
-};

package/dist/components/ToggleButton/hooks/useIconSize.d.ts

@@ -1,14 +0,0 @@
-import type { ToggleButtonProps } from '../ToggleButton';
-export declare const useIconSize: (size?: ToggleButtonProps["size"]) => {
-    width: number;
-    height: number;
-} | {
-    width: number;
-    height: number;
-} | {
-    width: number;
-    height: number;
-} | {
-    width: number;
-    height: number;
-};

package/dist/components/ToggleButton/hooks/useIconSize.js

@@ -1,26 +0,0 @@
-import { useMemo } from 'react';
-import { makeStyles } from '../../../utils/makeStyles';
-export const useIconSize = (size = 'base') => {
-    const styles = useStyles();
-    return useMemo(() => {
-        return styles[size];
-    }, [size, styles]);
-};
-const useStyles = makeStyles(({ typography }) => ({
-    xlarge: {
-        width: typography.Size['text-4xl'],
-        height: typography.Size['text-4xl'],
-    },
-    large: {
-        width: typography.Size['text-2xl'],
-        height: typography.Size['text-2xl'],
-    },
-    base: {
-        width: typography.Size['text-xl'],
-        height: typography.Size['text-xl'],
-    },
-    small: {
-        width: typography.Size['text-base'],
-        height: typography.Size['text-base'],
-    },
-}));

package/dist/components/ToggleButton/hooks/useLabelSize.d.ts

@@ -1,8 +0,0 @@
-import type { ToggleButtonProps } from '../ToggleButton';
-export declare const useLabelSize: (size?: ToggleButtonProps["size"]) => ({
-    fontWeight: "600";
-    includeFontPadding: false;
-    verticalAlign: "middle";
-} | {
-    fontSize: number;
-})[];

package/dist/components/ToggleButton/hooks/useLabelSize.js

@@ -1,19 +0,0 @@
-import { useMemo } from 'react';
-import { makeStyles } from '../../../utils/makeStyles';
-export const useLabelSize = (size = 'base') => {
-    const styles = useStyles();
-    return useMemo(() => {
-        return [styles.common, styles[size]];
-    }, [size, styles]);
-};
-const useStyles = makeStyles(({ typography }) => ({
-    common: {
-        fontWeight: '600',
-        includeFontPadding: false,
-        verticalAlign: 'middle',
-    },
-    xlarge: { fontSize: typography.Size['text-2xl'] },
-    large: { fontSize: typography.Size['text-xl'] },
-    base: { fontSize: typography.Size['text-base'] },
-    small: { fontSize: typography.Size['text-sm'] },
-}));

package/dist/components/ToggleButton/hooks/useStateStyles.d.ts

@@ -1,11 +0,0 @@
-export declare const useStateStyles: (checked?: boolean, disabled?: boolean, pressed?: boolean) => {
-    borderContainer: (false | {
-        borderColor: string;
-    })[];
-    contentContainer: (false | {
-        backgroundColor: string;
-    })[];
-    label: (false | {
-        color: string;
-    })[];
-};

package/dist/components/ToggleButton/hooks/useStateStyles.js

@@ -1,92 +0,0 @@
-import { useMemo } from 'react';
-import { makeStyles } from '../../../utils/makeStyles';
-export const useStateStyles = (checked = false, disabled = false, pressed = false) => {
-    const styles = useStyles();
-    const borderContainer = useMemo(() => [
-        styles.borderContainer,
-        pressed && styles.pressedBorderContainer,
-        checked && styles.checkedBorderContainer,
-        checked && pressed && styles.checkedPressedBorderContainer,
-        disabled && styles.disabledBorderContainer,
-    ], [
-        checked,
-        disabled,
-        pressed,
-        styles.borderContainer,
-        styles.checkedBorderContainer,
-        styles.checkedPressedBorderContainer,
-        styles.disabledBorderContainer,
-        styles.pressedBorderContainer,
-    ]);
-    const contentContainer = useMemo(() => [
-        styles.contentContainer,
-        pressed && styles.pressedContentContainer,
-        checked && styles.checkedContentContainer,
-        checked && pressed && styles.checkedPressedContentContainer,
-        disabled && styles.disabledContentContainer,
-    ], [
-        checked,
-        disabled,
-        pressed,
-        styles.checkedContentContainer,
-        styles.checkedPressedContentContainer,
-        styles.contentContainer,
-        styles.disabledContentContainer,
-        styles.pressedContentContainer,
-    ]);
-    const label = useMemo(() => [
-        styles.label,
-        pressed && styles.pressedLabel,
-        checked && styles.checkedLabel,
-        checked && pressed && styles.checkedPressedLabel,
-        disabled && styles.disabledLabel,
-    ], [
-        checked,
-        disabled,
-        pressed,
-        styles.checkedLabel,
-        styles.checkedPressedLabel,
-        styles.disabledLabel,
-        styles.label,
-        styles.pressedLabel,
-    ]);
-    return useMemo(() => ({ borderContainer, contentContainer, label }), [borderContainer, contentContainer, label]);
-};
-const useStyles = makeStyles(({ theme }) => ({
-    borderContainer: {
-        borderColor: theme.Form.ToggleButton.toggleButtonBorderColor,
-    },
-    pressedBorderContainer: {
-        borderColor: theme.Form.ToggleButton.toggleButtonHoverBg,
-    },
-    checkedBorderContainer: {
-        borderColor: theme.Form.ToggleButton.toggleButtonActiveBorderColor,
-    },
-    checkedPressedBorderContainer: {
-        borderColor: theme.Form.ToggleButton.toggleButtonActiveHoverBorderColor,
-    },
-    disabledBorderContainer: {
-        borderColor: theme.Button.Disabled.disabledButtonBorderColor,
-        opacity: 0.6,
-    },
-    contentContainer: { backgroundColor: theme.Form.ToggleButton.toggleButtonBg },
-    pressedContentContainer: {
-        backgroundColor: theme.Form.ToggleButton.toggleButtonHoverBg,
-    },
-    checkedContentContainer: {
-        backgroundColor: theme.Form.ToggleButton.toggleButtonActiveBg,
-    },
-    checkedPressedContentContainer: {
-        backgroundColor: theme.Form.ToggleButton.toggleButtonActiveHoverBg,
-    },
-    disabledContentContainer: {
-        backgroundColor: theme.Button.Disabled.disabledButtonBg,
-    },
-    label: { color: theme.Form.ToggleButton.toggleButtonTextColor },
-    pressedLabel: { color: theme.Form.ToggleButton.toggleButtonHoverTextColor },
-    checkedLabel: { color: theme.Form.ToggleButton.toggleButtonActiveTextColor },
-    checkedPressedLabel: {
-        color: theme.Form.ToggleButton.toggleButtonTextActiveHoverColor,
-    },
-    disabledLabel: { color: theme.Button.Disabled.disabledButtonTextColor },
-}));

package/dist/utils/makeStyles.d.ts

@@ -1,11 +0,0 @@
-import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';
-import { type FontsConfigType, type ThemeType } from '../theme';
-export declare const makeStyles: <T extends StylesObject>(createStyles: CreateStyles<T>) => (() => T);
-type StylesItem = ViewStyle | ImageStyle | TextStyle;
-type StylesObject = Record<string, StylesItem>;
-type CreateStyles<T extends StylesObject> = (theme: ThemeType & FontsConfigType) => CheckInvalidProps<T> extends never ? T : 'TypeError. Invalid key of style property was used.';
-type ExcludeStylesProps<T> = Exclude<keyof T, keyof (ViewStyle & ImageStyle & TextStyle)>;
-type CheckInvalidProps<T extends object> = {
-    [Key in keyof T]: ExcludeStylesProps<T[Key]>;
-}[keyof T];
-export {};

package/dist/utils/makeStyles.js

@@ -1,19 +0,0 @@
-import { useMemo } from 'react';
-import { useFonts } from '../hooks/useFonts';
-import { useTheme } from '../hooks/useTheme';
-import { darkTheme, lightTheme, ThemeVariant, } from '../theme';
-export const makeStyles = (createStyles) => () => {
-    const fonts = useFonts();
-    const theme = useTheme();
-    const themeValues = useMemo(() => {
-        switch (theme) {
-            case ThemeVariant.Light:
-                return lightTheme;
-            case ThemeVariant.Dark:
-                return darkTheme;
-            default:
-                return lightTheme;
-        }
-    }, [theme]);
-    return useMemo(() => createStyles({ ...themeValues, fonts }), [fonts, themeValues]);
-};