@janiscommerce/ui-native 1.25.2 → 1.27.0-beta.0

package/dist/components/atoms/SwipeUp/childComponents/index.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import { BottomSheetFlatList, BottomSheetScrollView, BottomSheetView, } from '@gorhom/bottom-sheet';
-export const SwipeUpFlatList = React.forwardRef(({ data, renderItem, ...props }, ref) => {
-    if (!data || !data.length || !renderItem) {
-        return null;
-    }
-    return <BottomSheetFlatList ref={ref} data={data} renderItem={renderItem} {...props}/>;
-});
-export const SwipeUpScrollView = React.forwardRef(({ children, ...props }, ref) => {
-    if (!children) {
-        return null;
-    }
-    return (<BottomSheetScrollView ref={ref} {...props}>
-				{children}
-			</BottomSheetScrollView>);
-});
-export const SwipeUpView = ({ children, ...props }) => {
-    if (!children) {
-        return null;
-    }
-    return <BottomSheetView {...props}>{children}</BottomSheetView>;
-};

package/dist/components/atoms/SwipeUp/index.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { BottomSheetProps } from '@gorhom/bottom-sheet';
-import { ViewStyle } from 'react-native';
-export interface SwipeUpProps extends BottomSheetProps {
-    onChangeSnap?: () => void;
-    swipeWrapperStyle?: ViewStyle;
-    snapPosition?: number;
-}
-declare const SwipeUp: React.ForwardRefExoticComponent<SwipeUpProps & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>>;
-export default SwipeUp;

package/dist/components/atoms/SwipeUp/index.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import BottomSheet from '@gorhom/bottom-sheet';
-const SwipeUp = React.forwardRef(({ children, snapPoints = ['100%'], snapPosition = 0, style, onChangeSnap, backgroundStyle, swipeWrapperStyle, ...props }, ref) => {
-    if (!children) {
-        return null;
-    }
-    return (<BottomSheet ref={ref} snapPoints={snapPoints} index={snapPosition} onChange={onChangeSnap} style={style} containerStyle={backgroundStyle} backgroundStyle={swipeWrapperStyle} {...props}>
-				{children}
-			</BottomSheet>);
-});
-export default SwipeUp;

package/dist/components/atoms/Text/index.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactElement } from 'react';
-import { StyleProp, TextProps as TextComponentProps, TextStyle } from 'react-native';
-export interface TextProps extends TextComponentProps {
-    children?: ReactElement | string;
-    style?: StyleProp<TextStyle>;
-}
-declare const Text: ({ children, style, ...props }: TextProps) => React.JSX.Element | null;
-export default Text;

package/dist/components/atoms/Text/index.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { StyleSheet, Text as TextComponent, } from 'react-native';
-import { moderateScale, scaledForDevice } from '../../../scale';
-const Text = ({ children, style, ...props }) => {
-    if (!children) {
-        return null;
-    }
-    const validFontSize = scaledForDevice(13, moderateScale);
-    const styles = StyleSheet.create({
-        TextStyles: {
-            fontSize: validFontSize,
-            fontFamily: 'Roboto',
-        },
-    });
-    return (<TextComponent style={[styles.TextStyles, style]} {...props}>
-			{children}
-		</TextComponent>);
-};
-export default Text;

package/dist/components/atoms/Typography/index.d.ts

@@ -1,13 +0,0 @@
-import React, { ReactElement } from 'react';
-import { StyleProp, TextStyle, TextProps } from 'react-native';
-export type TypographyType = 'display' | 'heading' | 'title' | 'label' | 'body' | 'overline';
-export type TypographySize = 'large' | 'medium' | 'small';
-interface TypographyProps extends TextProps {
-    children?: ReactElement | string;
-    style?: StyleProp<TextStyle>;
-    type?: TypographyType;
-    size?: TypographySize;
-    color?: string;
-}
-declare const Typography: ({ children, style, type, size, color, ...props }: TypographyProps) => React.JSX.Element | null;
-export default Typography;

package/dist/components/atoms/Typography/index.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Text } from 'react-native';
-import getStyleByTypography from './utils/getStyleByTypography';
-const Typography = ({ children, style, type, size, color, ...props }) => {
-    if (!children) {
-        return null;
-    }
-    const typographyStyles = getStyleByTypography(type, size, color);
-    return (<Text style={[style, typographyStyles.typography]} {...props}>
-			{children}
-		</Text>);
-};
-export default Typography;

package/dist/components/atoms/Typography/utils/getStyleByTypography/index.d.ts

@@ -1,8 +0,0 @@
-import { TextStyle } from 'react-native';
-import typography, { Typography } from '../../../../../theme/typography';
-type TypographyType = keyof Typography;
-type TypographySize = 'large' | 'medium' | 'small';
-declare const getStyleByTypography: (type?: TypographyType | string, size?: TypographySize | string, color?: string) => {
-    typography: TextStyle;
-};
-export default getStyleByTypography;

package/dist/components/atoms/Typography/utils/getStyleByTypography/index.js

@@ -1,19 +0,0 @@
-import { StyleSheet } from 'react-native';
-import typography from '../../../../../theme/typography';
-const getStyleByTypography = (type = 'body', size = 'medium', color) => {
-    const validType = Object.keys(typography).includes(type)
-        ? type
-        : 'body';
-    const typographyCategory = typography[validType];
-    const validSize = Object.keys(typographyCategory).includes(size)
-        ? size
-        : 'medium';
-    const typographyStyle = typographyCategory[validSize];
-    return StyleSheet.create({
-        typography: {
-            ...typographyStyle,
-            ...(color && { color }),
-        },
-    });
-};
-export default getStyleByTypography;

package/dist/components/molecules/Avatar/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { ViewStyle } from 'react-native';
-export declare const sizeValues: {
-    sm: number;
-    md: number;
-    lg: number;
-};
-export type sizeType = typeof sizeValues;
-export type sizeKeys = keyof sizeType;
-export interface AvatarProps {
-    placeholder: string;
-    textColor?: string;
-    bgColor?: string;
-    size?: sizeKeys;
-    customSize?: number;
-    imageUrl?: string;
-    onErrorImg?: () => void;
-    style?: ViewStyle;
-}
-export declare const getSize: (size: sizeKeys, customSize?: number) => number;
-declare const Avatar: ({ size, textColor, bgColor, imageUrl, placeholder, customSize, onErrorImg, style, ...props }: AvatarProps) => React.JSX.Element | null;
-export default Avatar;

package/dist/components/molecules/Avatar/index.js

@@ -1,64 +0,0 @@
-import React, { useState } from 'react';
-import { StyleSheet, View } from 'react-native';
-import Image from '../../atoms/Image';
-import Typography from '../../atoms/Typography';
-import { formatPlaceholder } from './utils/formatPlaceholder/index';
-import { horizontalScale, moderateScale, scaledForDevice } from '../../../scale';
-export const sizeValues = {
-    sm: 24,
-    md: 36,
-    lg: 60,
-};
-const styles = StyleSheet.create({
-    container: {
-        justifyContent: 'center',
-        overflow: 'hidden',
-    },
-    text: {
-        textAlign: 'center',
-        textTransform: 'uppercase',
-    },
-});
-export const getSize = (size, customSize) => customSize || sizeValues[size];
-const Avatar = ({ size = 'sm', textColor = '#FFFFFF', bgColor = '#E8EAF6', imageUrl = '', placeholder, customSize, onErrorImg, style, ...props }) => {
-    const [showInitials, setShowInitials] = useState(false);
-    if (!placeholder) {
-        return null;
-    }
-    const initials = formatPlaceholder(String(placeholder));
-    const calculateBorderRadius = getSize(size, customSize) / 2;
-    const calculateSize = getSize(size, customSize);
-    const calculateFontSize = getSize(size, customSize) * 0.4;
-    const validBorderRadius = scaledForDevice(calculateBorderRadius, moderateScale);
-    const validWidth = scaledForDevice(calculateSize, horizontalScale);
-    const validHeight = scaledForDevice(calculateSize, moderateScale);
-    const validFontSize = scaledForDevice(calculateFontSize, moderateScale);
-    const handleOnErrorImage = () => {
-        setShowInitials(true);
-        if (onErrorImg) {
-            onErrorImg();
-        }
-    };
-    return (<View style={[
-            styles.container,
-            {
-                backgroundColor: bgColor,
-                borderRadius: validBorderRadius,
-                height: validHeight,
-                width: validWidth,
-            },
-            style,
-        ]} {...props}>
-			{!!imageUrl && !showInitials && (<Image accessibilityRole="image" onError={handleOnErrorImage} onLoad={() => setShowInitials(false)} source={{
-                uri: imageUrl,
-            }} style={{
-                height: validHeight,
-                width: validWidth,
-            }}/>)}
-
-			{(showInitials || !imageUrl) && !!initials.length && (<Typography style={[styles.text, { color: textColor, fontSize: validFontSize }]}>
-					{initials}
-				</Typography>)}
-		</View>);
-};
-export default Avatar;

package/dist/components/molecules/Avatar/utils/formatPlaceholder/index.d.ts

@@ -1,12 +0,0 @@
-/**
- * Checks if the placeholder provided is single or compound and returns either the first two letters,
- * or the initials of the two first words.
- * @param {string} placeholder
- * @return {string} An array with the first two leters of the placeholder, or initials of the
- * first two words in uppercase
- * @example formatPlaceholder('Juan') // returns 'JU'
- * @example formatPlaceholder('Juan Perez') // returns 'JP'
- * @example formatPlaceholder('Juan Perez Rodriguez') // returns 'JP'
- * @example formatPlaceholder('') // returns ''
- */
-export declare const formatPlaceholder: (placeholder?: string) => string;

package/dist/components/molecules/Avatar/utils/formatPlaceholder/index.js

@@ -1,20 +0,0 @@
-/**
- * Checks if the placeholder provided is single or compound and returns either the first two letters,
- * or the initials of the two first words.
- * @param {string} placeholder
- * @return {string} An array with the first two leters of the placeholder, or initials of the
- * first two words in uppercase
- * @example formatPlaceholder('Juan') // returns 'JU'
- * @example formatPlaceholder('Juan Perez') // returns 'JP'
- * @example formatPlaceholder('Juan Perez Rodriguez') // returns 'JP'
- * @example formatPlaceholder('') // returns ''
- */
-export const formatPlaceholder = (placeholder = '') => {
-    const names = placeholder.split(' ');
-    if (names.length > 1) {
-        const firstLetter = names[0].substring(0, 1).toUpperCase();
-        const secondLetter = names[1].substring(0, 1).toUpperCase();
-        return `${firstLetter}${secondLetter}`;
-    }
-    return placeholder.substring(0, 2).toUpperCase();
-};

package/dist/components/molecules/BaseDetail/components/BaseDetailModal/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ModalMethods } from '../../../../atoms/Modal';
-declare const BaseDetailModal: React.ForwardRefExoticComponent<{
-    componentType: "modal";
-} & import("../../../../atoms/Modal").UIModalProps & {
-    scrollProps?: import("react-native").ScrollViewProps | undefined;
-} & React.RefAttributes<ModalMethods>>;
-export default BaseDetailModal;

package/dist/components/molecules/BaseDetail/components/BaseDetailModal/index.js

@@ -1,12 +0,0 @@
-import React, { forwardRef } from 'react';
-import Modal from '../../../../atoms/Modal';
-import { ScrollView } from 'react-native';
-const BaseDetailModal = forwardRef((props, ref) => {
-    const { children, scrollProps = {}, ...rest } = props;
-    return (<Modal ref={ref} {...rest}>
-			<ScrollView showsVerticalScrollIndicator={false} {...scrollProps}>
-				{children}
-			</ScrollView>
-		</Modal>);
-});
-export default BaseDetailModal;

package/dist/components/molecules/BaseDetail/components/BaseDetailSwipe/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const BaseDetailSwipe: React.ForwardRefExoticComponent<{
-    componentType: "swipe";
-} & import("../../../../atoms/SwipeUp").SwipeUpProps & {
-    scrollProps?: import("@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types").BottomSheetScrollViewProps | undefined;
-} & React.RefAttributes<import("@gorhom/bottom-sheet/lib/typescript/types").BottomSheetMethods>>;
-export default BaseDetailSwipe;

package/dist/components/molecules/BaseDetail/components/BaseDetailSwipe/index.js

@@ -1,12 +0,0 @@
-import React, { forwardRef } from 'react';
-import SwipeUp from '../../../../atoms/SwipeUp';
-import { SwipeUpScrollView } from '../../../../atoms/SwipeUp/childComponents';
-const BaseDetailSwipe = forwardRef((props, ref) => {
-    const { children, scrollProps = {}, ...rest } = props;
-    return (<SwipeUp ref={ref} {...rest}>
-			<SwipeUpScrollView showsVerticalScrollIndicator={false} {...scrollProps}>
-				{children}
-			</SwipeUpScrollView>
-		</SwipeUp>);
-});
-export default BaseDetailSwipe;

package/dist/components/molecules/BaseDetail/components/index.d.ts

@@ -1,3 +0,0 @@
-import BaseDetailModal from './BaseDetailModal';
-import BaseDetailSwipe from './BaseDetailSwipe';
-export { BaseDetailModal, BaseDetailSwipe };

package/dist/components/molecules/BaseDetail/components/index.js

@@ -1,3 +0,0 @@
-import BaseDetailModal from './BaseDetailModal';
-import BaseDetailSwipe from './BaseDetailSwipe';
-export { BaseDetailModal, BaseDetailSwipe };

package/dist/components/molecules/BaseDetail/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { BaseModalProps, BaseSwipeUpProps } from './types';
-import { ModalMethods } from '../../atoms/Modal';
-import { BottomSheetMethods } from '@gorhom/bottom-sheet/lib/typescript/types';
-type BaseDetailProps = BaseModalProps | BaseSwipeUpProps;
-export type BaseDetailMethods = ModalMethods & BottomSheetMethods;
-declare const BaseDetail: React.ForwardRefExoticComponent<BaseDetailProps & React.RefAttributes<BaseDetailMethods>>;
-export default BaseDetail;

package/dist/components/molecules/BaseDetail/index.js

@@ -1,9 +0,0 @@
-import React, { forwardRef } from 'react';
-import { BaseDetailModal, BaseDetailSwipe } from './components';
-const BaseDetail = forwardRef((props, ref) => {
-    if (props.componentType === 'swipe') {
-        return <BaseDetailSwipe {...props} ref={ref} enablePanDownToClose index={-1}/>;
-    }
-    return <BaseDetailModal {...props} fullScreen componentType="modal" ref={ref}/>;
-});
-export default BaseDetail;

package/dist/components/molecules/BaseDetail/types/index.d.ts

@@ -1,15 +0,0 @@
-import { BottomSheetScrollViewProps } from '@gorhom/bottom-sheet/lib/typescript/components/bottomSheetScrollable/types';
-import { UIModalProps } from '../../../atoms/Modal';
-import { SwipeUpProps } from '../../../atoms/SwipeUp';
-import { ScrollViewProps } from 'react-native';
-export type ComponentType = 'modal' | 'swipe';
-export type BaseModalProps = {
-    componentType: 'modal';
-} & UIModalProps & {
-    scrollProps?: ScrollViewProps;
-};
-export type BaseSwipeUpProps = {
-    componentType: 'swipe';
-} & SwipeUpProps & {
-    scrollProps?: BottomSheetScrollViewProps;
-};

package/dist/components/molecules/BaseDetail/types/index.js

@@ -1 +0,0 @@
-export {};

package/dist/components/molecules/Button/index.d.ts

@@ -1,50 +0,0 @@
-import { FC } from 'react';
-import { ViewStyle, TextStyle } from 'react-native';
-import { BaseButtonProps } from '../../atoms/BaseButton';
-export declare const types: {
-    main: string;
-    secondary: string;
-};
-export declare const variant: {
-    contained: string;
-    outlined: string;
-    text: string;
-};
-export declare const color: {
-    primary: string;
-    black: string;
-    success: string;
-    error: string;
-    warning: string;
-    alert: string;
-};
-export declare const iconPosition: {
-    top: string;
-    bottom: string;
-    left: string;
-    right: string;
-};
-export type buttonType = typeof types;
-export type keyType = keyof buttonType;
-export type buttonVariant = typeof variant;
-export type keyVariant = keyof buttonVariant;
-export type buttonColor = typeof color;
-export type keyColor = keyof buttonColor;
-export type buttonIconPosition = typeof iconPosition;
-export type keyIconPosition = keyof buttonIconPosition;
-export interface ButtonProps extends BaseButtonProps {
-    type?: keyType;
-    variant?: keyVariant;
-    color?: keyColor;
-    isLoading?: boolean;
-    value?: string | null;
-    icon?: string;
-    iconPosition?: keyIconPosition;
-    disabled?: boolean;
-    style?: ViewStyle;
-    pressedStyle?: ViewStyle;
-    iconStyle?: TextStyle;
-    textStyle?: TextStyle;
-}
-declare const Button: FC<ButtonProps>;
-export default Button;

package/dist/components/molecules/Button/index.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import BaseButton from '../../atoms/BaseButton';
-import getButtonStyles from './utils/getButtonStyles';
-import Loading from '../../atoms/Loading';
-import Typography from '../../atoms/Typography';
-import Icon from '../../atoms/Icon';
-export const types = {
-    main: 'main',
-    secondary: 'secondary',
-};
-export const variant = {
-    contained: 'contained',
-    outlined: 'outlined',
-    text: 'text',
-};
-export const color = {
-    primary: 'primary',
-    black: 'black',
-    success: 'success',
-    error: 'error',
-    warning: 'warning',
-    alert: 'alert',
-};
-export const iconPosition = {
-    top: 'top',
-    bottom: 'bottom',
-    left: 'left',
-    right: 'right',
-};
-const Button = ({ type = 'main', variant = 'contained', color = 'primary', iconPosition = 'left', isLoading = false, value = '', icon = null, disabled = false, style, iconStyle, textStyle, ...props }) => {
-    if (!value && !icon) {
-        return null;
-    }
-    const validDisabled = disabled || isLoading;
-    const hasIconAndText = !!icon && !!value;
-    const borderRadius = variant === 'text' ? 6 : 50;
-    const buttonStyles = getButtonStyles({
-        type,
-        variant,
-        color,
-        iconPosition,
-        isLoading,
-        isDisabled: disabled,
-        hasIconAndText,
-    });
-    const styles = StyleSheet.create(buttonStyles);
-    const LoadingComponent = <Loading isLoading={isLoading} color={styles.loadingColor} size={24}/>;
-    const WrapperComponent = (<View style={styles.direction}>
-			{icon && <Icon name={icon} style={[styles.icon, iconStyle]} size={24}/>}
-			{!!value && <Typography style={[styles.text, textStyle]}>{value}</Typography>}
-		</View>);
-    return (<BaseButton style={[styles.container, style]} pressedStyle={!validDisabled && styles.pressed} borderRadius={borderRadius} disabled={validDisabled} {...props}>
-			{isLoading ? LoadingComponent : WrapperComponent}
-		</BaseButton>);
-};
-export default Button;

package/dist/components/molecules/Button/types/index.d.ts

@@ -1,45 +0,0 @@
-import type { keyColor, keyIconPosition, keyType, keyVariant } from '../';
-export interface SelectedColor {
-    main: string;
-    dark: string;
-}
-export interface Params {
-    type: keyType;
-    variant: keyVariant;
-    color: keyColor;
-    iconPosition: keyIconPosition;
-    isLoading: Boolean;
-    isDisabled: Boolean;
-    hasIconAndText?: Boolean;
-}
-export interface ReturnStyles {
-    container: object;
-    direction: object;
-    pressed: object;
-    icon: object;
-    text: object;
-    loadingColor: any;
-}
-export interface ContainerStyle {
-    isDisabled: Boolean;
-    isLoading: Boolean;
-    color: keyColor;
-    variant: keyVariant;
-    type: keyType;
-    iconPosition: keyIconPosition;
-}
-export interface TextStyle {
-    type: keyType;
-    variant: keyVariant;
-    color: keyColor;
-    isDisabled: Boolean;
-    isLoading: Boolean;
-    hasIconAndText?: Boolean;
-    iconPosition: keyIconPosition;
-}
-export interface LoadingStyle {
-    color: keyColor;
-}
-export interface DirectionStyle {
-    iconPosition: keyIconPosition;
-}

package/dist/components/molecules/Button/types/index.js

@@ -1 +0,0 @@
-export {};

package/dist/components/molecules/Button/utils/getButtonStyles/index.d.ts

@@ -1,3 +0,0 @@
-import type { Params, ReturnStyles } from '../../types';
-declare const getButtonStyles: (params: Params) => ReturnStyles;
-export default getButtonStyles;

package/dist/components/molecules/Button/utils/getButtonStyles/index.js

@@ -1,84 +0,0 @@
-import { moderateScale, scaledForDevice } from '../../../../../scale';
-import { palette } from '../../../../../theme/palette';
-import { colorConfig, styleConfig } from './utils/styleConfigs';
-import { validTypes, validVariants, validIconPositions, verticalHeights } from './utils/constants';
-import { defaultColor, defaultIconPosition, defaultType, defaultVariant, } from './utils/defaultValues';
-const containerStyle = ({ isDisabled, isLoading, color, variant, type, iconPosition, }) => {
-    const selectedColor = palette[color] || palette[defaultColor];
-    const { main, disabled } = colorConfig(selectedColor);
-    const { container } = styleConfig;
-    const validType = validTypes.includes(type) ? type : defaultType;
-    const validVariant = validVariants.includes(variant) ? variant : defaultVariant;
-    const mainBgColor = main.background[validVariant];
-    const mainBorderColor = main.border[validVariant];
-    const disabledBgColor = disabled.background[validVariant];
-    const disabledBorderColor = disabled.border[validType][validVariant];
-    const containerHeight = container.height[validType];
-    // validation of height
-    const hasVerticalHeight = verticalHeights.includes(iconPosition);
-    return {
-        borderWidth: 1,
-        borderColor: isDisabled || isLoading ? disabledBorderColor : mainBorderColor,
-        backgroundColor: isDisabled || isLoading ? disabledBgColor : mainBgColor,
-        paddingHorizontal: scaledForDevice(type === 'main' ? 12 : 8, moderateScale),
-        ...(hasVerticalHeight && { paddingVertical: scaledForDevice(10, moderateScale) }),
-        ...(!hasVerticalHeight && {
-            height: variant !== 'text' ? containerHeight : scaledForDevice(35, moderateScale),
-        }),
-    };
-};
-const pressedStyle = ({ variant, color }) => {
-    const selectedColor = palette[color] || palette[defaultColor];
-    const { pressed } = colorConfig(selectedColor);
-    const validVariant = validVariants.includes(variant) ? variant : defaultVariant;
-    return {
-        borderColor: pressed.border[validVariant],
-        backgroundColor: pressed.background[validVariant],
-    };
-};
-const directionWrapperStyle = ({ iconPosition }) => {
-    const { directionWrapper } = styleConfig;
-    const flexCenter = directionWrapper.center;
-    const validIconPosition = validIconPositions.includes(iconPosition)
-        ? iconPosition
-        : defaultIconPosition;
-    const flexDirection = directionWrapper.flexDirection[validIconPosition];
-    return {
-        ...flexCenter,
-        flexDirection,
-    };
-};
-const baseTextStyle = ({ isDisabled, type, variant, color, isLoading }) => {
-    const selectedColor = palette[color] || palette[defaultColor];
-    const { main, disabled } = colorConfig(selectedColor);
-    const { text: textStyle } = styleConfig;
-    const validType = validTypes.includes(type) ? type : defaultType;
-    const validVariant = validVariants.includes(variant) ? variant : defaultVariant;
-    const mainTextColor = main.text[validType][validVariant];
-    const disabledTextColor = disabled.text[validType][validVariant];
-    return {
-        ...textStyle,
-        color: isDisabled || isLoading ? disabledTextColor : mainTextColor,
-    };
-};
-const textStyle = (params) => ({
-    ...baseTextStyle(params),
-    fontSize: scaledForDevice(14, moderateScale),
-});
-const iconStyle = (params) => {
-    const { hasIconAndText, iconPosition } = params;
-    const { icon } = styleConfig;
-    return {
-        ...baseTextStyle(params),
-        ...((!!hasIconAndText && icon.margin[iconPosition]) || {}),
-    };
-};
-const getButtonStyles = (params) => ({
-    container: containerStyle(params),
-    pressed: pressedStyle(params),
-    direction: directionWrapperStyle(params),
-    text: textStyle(params),
-    icon: iconStyle(params),
-    loadingColor: palette.primary.main,
-});
-export default getButtonStyles;

package/dist/components/molecules/Button/utils/getButtonStyles/utils/constants/index.d.ts

@@ -1,5 +0,0 @@
-declare const verticalHeights: string[];
-declare const validTypes: string[];
-declare const validVariants: string[];
-declare const validIconPositions: string[];
-export { verticalHeights, validTypes, validVariants, validIconPositions };

package/dist/components/molecules/Button/utils/getButtonStyles/utils/constants/index.js

@@ -1,5 +0,0 @@
-const verticalHeights = ['top', 'bottom'];
-const validTypes = ['main', 'secondary'];
-const validVariants = ['contained', 'outlined', 'text'];
-const validIconPositions = ['top', 'bottom', 'left', 'right'];
-export { verticalHeights, validTypes, validVariants, validIconPositions };

package/dist/components/molecules/Button/utils/getButtonStyles/utils/defaultValues/index.d.ts

@@ -1,5 +0,0 @@
-declare const defaultColor = "primary";
-declare const defaultType = "main";
-declare const defaultVariant = "contained";
-declare const defaultIconPosition = "left";
-export { defaultColor, defaultType, defaultVariant, defaultIconPosition };

package/dist/components/molecules/Button/utils/getButtonStyles/utils/defaultValues/index.js

@@ -1,5 +0,0 @@
-const defaultColor = 'primary';
-const defaultType = 'main';
-const defaultVariant = 'contained';
-const defaultIconPosition = 'left';
-export { defaultColor, defaultType, defaultVariant, defaultIconPosition };