@cdek-it/react-native-ui-kit 0.6.8 → 1.0.0-beta.0

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

@@ -1,81 +0,0 @@
-import { makeStyles } from '../../../utils/makeStyles';
-export const useBasicButtonStyles = () => {
-    const labelVariantStyles = useLabelVariantStyles();
-    const pressedVariantStyles = usePressedVariantStyles();
-    const containerVariantStyles = useContainerVariantStyles();
-    const iconVariantStyles = useIconVariantStyles();
-    const pressedLabelVariantStyles = usePressedLabelVariantStyles();
-    return {
-        containerVariantStyles,
-        labelVariantStyles,
-        pressedVariantStyles,
-        iconVariantStyles,
-        pressedLabelVariantStyles,
-    };
-};
-const useLabelVariantStyles = makeStyles(({ theme }) => ({
-    primary: { color: theme.Button.Brand.buttonTextColor },
-    secondary: { color: theme.Button.Primary.secondaryButtonTextColor },
-    tertiary: { color: theme.Button.Secondary.helpButtonTextColor },
-    text: { color: theme.Button.Text.textButtonTextColor },
-    link: { color: theme.Button.Text.textButtonTextColor },
-}));
-const usePressedVariantStyles = makeStyles(({ theme }) => ({
-    primary: {
-        borderColor: theme.Button.Brand.buttonBorderColor,
-        backgroundColor: theme.Button.Brand.buttonHoverBg,
-    },
-    secondary: {
-        borderColor: theme.Button.Primary.secondaryButtonHoverBorderColor,
-        backgroundColor: theme.Button.Primary.secondaryButtonHoverBg,
-    },
-    tertiary: {
-        borderColor: theme.Button.Secondary.helpButtonHoverBorderColor,
-        backgroundColor: theme.Button.Secondary.helpButtonHoverBg,
-    },
-    text: {
-        borderColor: theme.Button.Brand.buttonBorderColor,
-        backgroundColor: theme.Button.Text.textButtonHoverBg,
-    },
-    link: {},
-}));
-const useContainerVariantStyles = makeStyles(({ theme, spacing }) => ({
-    primary: {
-        borderColor: theme.Button.Brand.buttonBorderColor,
-        backgroundColor: theme.Button.Brand.buttonBg,
-    },
-    secondary: {
-        borderColor: theme.Button.Primary.secondaryButtonBorderColor,
-        backgroundColor: theme.Button.Primary.secondaryButtonBg,
-    },
-    tertiary: {
-        borderColor: theme.Button.Secondary.helpButtonBorderColor,
-        backgroundColor: theme.Button.Secondary.helpButtonBg,
-    },
-    text: {
-        borderColor: theme.Button.Brand.buttonBorderColor,
-        backgroundColor: theme.Button.Text.textButtonBg,
-    },
-    link: {
-        paddingHorizontal: 0,
-        paddingVertical: spacing.Padding['p-1'],
-        height: 'auto',
-        minHeight: 'auto',
-        borderColor: theme.Button.Brand.buttonBorderColor,
-        backgroundColor: theme.Button.Text.textButtonBg,
-    },
-}));
-const useIconVariantStyles = makeStyles(({ theme }) => ({
-    primary: { color: theme.Button.Brand.buttonTextColor },
-    secondary: { color: theme.Button.Primary.secondaryButtonTextColor },
-    tertiary: { color: theme.Button.Secondary.helpButtonTextColor },
-    text: { color: theme.Button.Text.textButtonTextColor },
-    link: { color: theme.Button.Text.textButtonTextColor },
-}));
-const usePressedLabelVariantStyles = makeStyles(({ theme, typography }) => ({
-    primary: { color: theme.Button.Brand.buttonTextColor },
-    secondary: { color: theme.Button.Primary.secondaryButtonTextColor },
-    tertiary: { color: theme.Button.Secondary.helpButtonTextColor },
-    text: { color: theme.Button.Text.textButtonTextColor },
-    link: { color: typography.Color.Common['text-color-secondary'] },
-}));

package/dist/components/Button/styles/useDangerButtonStyles.d.ts

@@ -1,63 +0,0 @@
-export declare const useDangerButtonStyles: () => {
-    containerVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    labelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    iconVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedLabelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-};

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

@@ -1,57 +0,0 @@
-import { makeStyles } from '../../../utils/makeStyles';
-export const useDangerButtonStyles = () => {
-    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.Danger.Basic.dangerButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Danger.Outlined.dangerOutlinedButtonTextColor,
-    },
-    text: { color: theme.Button.Severity.Danger.Text.dangerTextButtonTextColor },
-}));
-const usePressedVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Danger.Basic.dangerButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Danger.Basic.dangerButtonHoverBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Danger.Outlined
-            .dangerOutlinedButtonHoverBorderColor,
-        backgroundColor: theme.Button.Severity.Danger.Outlined.dangerOutlinedButtonHoverBg,
-    },
-    text: {
-        borderColor: theme.Surface['surface-transparent'],
-        backgroundColor: theme.Button.Severity.Danger.Text.dangerTextButtonHoverBg,
-    },
-}));
-const useContainerVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Danger.Basic.dangerButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Danger.Basic.dangerButtonBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Danger.Outlined.dangerOutlinedButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Danger.Outlined.dangerOutlinedButtonBg,
-    },
-    text: {
-        borderColor: theme.Button.Severity.Danger.Basic.dangerButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Danger.Text.dangerTextButtonBg,
-    },
-}));
-const useIconVariantStyles = makeStyles(({ theme }) => ({
-    basic: { color: theme.Button.Severity.Danger.Basic.dangerButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Danger.Outlined.dangerOutlinedButtonTextColor,
-    },
-    text: { color: theme.Button.Severity.Danger.Text.dangerTextButtonTextColor },
-}));

package/dist/components/Button/styles/useInfoButtonStyles.d.ts

@@ -1,63 +0,0 @@
-export declare const useInfoButtonStyles: () => {
-    containerVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    labelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    iconVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedLabelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-};

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

@@ -1,56 +0,0 @@
-import { makeStyles } from '../../../utils/makeStyles';
-export const useInfoButtonStyles = () => {
-    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.Info.Basic.infoButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Info.Outlined.infoOutlinedButtonTextColor,
-    },
-    text: { color: theme.Button.Severity.Info.Text.infoTextButtonTextColor },
-}));
-const usePressedVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Info.Basic.infoButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Info.Basic.infoButtonHoverBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Info.Outlined.infoOutlinedButtonHoverBorderColor,
-        backgroundColor: theme.Button.Severity.Info.Outlined.infoOutlinedButtonHoverBg,
-    },
-    text: {
-        borderColor: theme.Surface['surface-transparent'],
-        backgroundColor: theme.Button.Severity.Info.Text.infoTextButtonHoverBg,
-    },
-}));
-const useContainerVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Info.Basic.infoButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Info.Basic.infoButtonBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Info.Outlined.infoOutlinedButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Info.Outlined.infoOutlinedButtonBg,
-    },
-    text: {
-        borderColor: theme.Button.Severity.Info.Basic.infoButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Info.Text.infoTextButtonBg,
-    },
-}));
-const useIconVariantStyles = makeStyles(({ theme }) => ({
-    basic: { color: theme.Button.Severity.Info.Basic.infoButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Info.Outlined.infoOutlinedButtonTextColor,
-    },
-    text: { color: theme.Button.Severity.Info.Text.infoTextButtonTextColor },
-}));

package/dist/components/Button/styles/useSeverityButtonStyles.d.ts

@@ -1,64 +0,0 @@
-import type { ButtonSeverityProps } from '../types';
-export declare const useSeverityButtonStyles: (severity: ButtonSeverityProps["severity"]) => {
-    containerVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    labelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    iconVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedLabelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-};

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

@@ -1,29 +0,0 @@
-import { useMemo } from 'react';
-import { useDangerButtonStyles } from './useDangerButtonStyles';
-import { useInfoButtonStyles } from './useInfoButtonStyles';
-import { useSuccessButtonStyles } from './useSuccessButtonStyles';
-import { useWarningButtonStyles } from './useWarningButtonStyles';
-export const useSeverityButtonStyles = (severity) => {
-    const dangerButtonStyles = useDangerButtonStyles();
-    const warningButtonStyles = useWarningButtonStyles();
-    const infoButtonStyles = useInfoButtonStyles();
-    const successButtonStyles = useSuccessButtonStyles();
-    return useMemo(() => {
-        switch (severity) {
-            case 'danger':
-                return dangerButtonStyles;
-            case 'warning':
-                return warningButtonStyles;
-            case 'info':
-                return infoButtonStyles;
-            case 'success':
-                return successButtonStyles;
-        }
-    }, [
-        dangerButtonStyles,
-        infoButtonStyles,
-        severity,
-        successButtonStyles,
-        warningButtonStyles,
-    ]);
-};

package/dist/components/Button/styles/useSuccessButtonStyles.d.ts

@@ -1,63 +0,0 @@
-export declare const useSuccessButtonStyles: () => {
-    containerVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    labelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    iconVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedLabelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-};

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

@@ -1,61 +0,0 @@
-import { makeStyles } from '../../../utils/makeStyles';
-export const useSuccessButtonStyles = () => {
-    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.Success.Basic.successButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Success.Outlined.successOutlinedButtonTextColor,
-    },
-    text: {
-        color: theme.Button.Severity.Success.Text.successTextButtonTextColor,
-    },
-}));
-const usePressedVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Success.Basic.successButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Success.Basic.successButtonHoverBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Success.Outlined
-            .successOutlinedButtonHoverBorderColor,
-        backgroundColor: theme.Button.Severity.Success.Outlined.successOutlinedButtonHoverBg,
-    },
-    text: {
-        borderColor: theme.Surface['surface-transparent'],
-        backgroundColor: theme.Button.Severity.Success.Text.successTextButtonHoverBg,
-    },
-}));
-const useContainerVariantStyles = makeStyles(({ theme }) => ({
-    basic: {
-        borderColor: theme.Button.Severity.Success.Basic.successButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Success.Basic.successButtonBg,
-    },
-    outlined: {
-        borderColor: theme.Button.Severity.Success.Outlined.successOutlinedButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Success.Outlined.successOutlinedButtonBg,
-    },
-    text: {
-        borderColor: theme.Button.Severity.Success.Basic.successButtonBorderColor,
-        backgroundColor: theme.Button.Severity.Success.Text.successTextButtonBg,
-    },
-}));
-const useIconVariantStyles = makeStyles(({ theme }) => ({
-    basic: { color: theme.Button.Severity.Success.Basic.successButtonTextColor },
-    outlined: {
-        color: theme.Button.Severity.Success.Outlined.successOutlinedButtonTextColor,
-    },
-    text: {
-        color: theme.Button.Severity.Success.Text.successTextButtonTextColor,
-    },
-}));

package/dist/components/Button/styles/useWarningButtonStyles.d.ts

@@ -1,63 +0,0 @@
-export declare const useWarningButtonStyles: () => {
-    containerVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    labelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedVariantStyles: {
-        basic: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        outlined: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-        text: {
-            borderColor: string;
-            backgroundColor: string;
-        };
-    };
-    iconVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-    pressedLabelVariantStyles: {
-        basic: {
-            color: string;
-        };
-        outlined: {
-            color: string;
-        };
-        text: {
-            color: string;
-        };
-    };
-};

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;