@aic-kits/react-native 0.0.3 → 0.0.5

package/lib/components/Box/types.d.ts

@@ -0,0 +1,53 @@
+import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
+import type { AnimatedStyle } from 'react-native-reanimated';
+import type { BorderWidth, Color, Radius, Space } from '../../theme';
+import type { ConfigType, FlexPropsKeyType } from './config';
+export interface ThemeScale {
+    colors: Color;
+    spaces: Space;
+    radii: Radius;
+    borderWidths: BorderWidth;
+}
+type ConfigKeyType = keyof ConfigType;
+export type StyleProps = {
+    [key in ConfigKeyType]?: ThemeScale[ConfigType[key]['scale']];
+};
+export type FlexStyleProps = Pick<Omit<ViewStyle, keyof StyleProps>, FlexPropsKeyType>;
+export interface CustomBoxProps {
+    /**
+     * If true, the box will take the full width and height of its parent.
+     */
+    absoluteFill?: boolean | undefined;
+    /**
+     * If true, the box will use the Animated API from react-native-reanimated.
+     */
+    useAnimated?: boolean | undefined;
+    /**
+     * Additional styles for the animated box. Only used if `useAnimated` is true.
+     */
+    animatedStyle?: StyleProp<AnimatedStyle> | undefined;
+    /**
+     * Shared transition tag for the box in the shared-element transition of react-navigation.
+     * @tutorial
+     * https://reactnavigation.org/docs/shared-element-transitions/
+     */
+    sharedTransitionTag?: string | undefined;
+}
+export interface BoxViewProps extends ViewProps {
+    /**
+     * Box's content.
+     */
+    children?: React.ReactNode | undefined;
+    /**
+     * Additional styles.
+     */
+    style?: StyleProp<ViewStyle> | undefined;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string | undefined;
+}
+export interface BoxProps extends StyleProps, FlexStyleProps, CustomBoxProps, BoxViewProps {
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Box/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Box/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAErE,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAE7D,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,KAAK,CAAC;IACd,MAAM,EAAE,KAAK,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,WAAW,CAAC;CAC3B;AAED,KAAK,aAAa,GAAG,MAAM,UAAU,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG;KACtB,GAAG,IAAI,aAAa,CAAC,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;CAC9D,CAAC;AACF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,IAAI,CAAC,SAAS,EAAE,MAAM,UAAU,CAAC,EACjC,gBAAgB,CACjB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACJ,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAEnC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAElC;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC,aAAa,CAAC,GAAG,SAAS,CAAC;IAErD;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACzC;AAED,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C;;OAEG;IACJ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IAEtC;;OAEG;IACJ,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC;IAExC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAED,MAAM,WAAW,QACf,SAAQ,UAAU,EAChB,cAAc,EACd,cAAc,EACd,YAAY;CAAG"}

package/lib/components/Box/types.js

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

package/lib/components/Bubble/index.d.ts

@@ -0,0 +1,8 @@
+import type { BubbleProps } from './type';
+/**
+ * Bubble component that uses the calculateBorderRadius function to determine
+ * the border radius properties. It applies these properties along with other styles
+ * and text properties to the Box component.
+ */
+export declare const Bubble: ({ positionType, ...otherProps }: BubbleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Bubble/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Bubble/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAI1C;;;;GAIG;AACH,eAAO,MAAM,MAAM,oCAGhB,WAAW,4CAsBb,CAAC"}

package/lib/components/Bubble/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { Box } from '../Box';
+import { calculateAlignment, calculateBorderRadius } from './utils';
+/**
+ * Bubble component that uses the calculateBorderRadius function to determine
+ * the border radius properties. It applies these properties along with other styles
+ * and text properties to the Box component.
+ */
+export const Bubble = ({ positionType = 'left', ...otherProps }) => {
+    // Use the theme context to get the current theme.
+    const theme = useTheme();
+    // Memoize themeBubble to avoid recalculating it on every render.
+    const themeBubble = useMemo(() => theme.__hd__.bubble, [theme]);
+    // Calculate border radius properties based on the type.
+    const borderRadiusProps = calculateBorderRadius(positionType);
+    const alignSelf = calculateAlignment(positionType);
+    return (_jsx(Box, { overflow: "hidden", alignSelf: alignSelf, backgroundColor: themeBubble.defaultBackgroundColor, borderColor: themeBubble.defaultBorderColor, borderWidth: themeBubble.defaultBorderWidth, ...borderRadiusProps, ...otherProps }));
+};

package/lib/components/Bubble/type.d.ts

@@ -0,0 +1,18 @@
+import type { BoxProps, RadiiPropsKeyType } from '../Box';
+/**
+ * These are the variants of Bubble that correspond to the component's position.
+ */
+export type BubblePositionType = 'right-top' | 'right-bottom' | 'right-middle' | 'left-top' | 'left-bottom' | 'left-middle' | 'left' | 'right';
+/**
+ * BubbleProps interface extends BoxProps but omits certain border radius properties.
+ * It includes a positionType property to determine the bubble's position.
+ */
+export interface BubbleProps extends Omit<BoxProps, RadiiPropsKeyType> {
+    /**
+     * Determines the position and orientation of the bubble.
+     * Can be one of the values defined in BubblePositionType.
+     * If not provided, a default position will be used.
+     */
+    positionType?: BubblePositionType;
+}
+//# sourceMappingURL=type.d.ts.map

package/lib/components/Bubble/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/components/Bubble/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC1B,WAAW,GACX,cAAc,GACd,cAAc,GACd,UAAU,GACV,aAAa,GACb,aAAa,GACb,MAAM,GACN,OAAO,CAAC;AAEZ;;;GAGG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CAAC;IACpE;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;CACnC"}

package/lib/components/Bubble/type.js

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

package/lib/components/Bubble/utils.d.ts

@@ -0,0 +1,12 @@
+import type { FlexAlignType } from 'react-native';
+import type { BoxProps, RadiiPropsKeyType } from '../Box';
+import type { BubblePositionType } from './type';
+/**
+ * Helper function to calculate border radius values based on the BubblePositionType.
+ * Returns an object with the appropriate border radius values for each corner.
+ */
+export declare const calculateBorderRadius: (type: BubblePositionType) => Pick<BoxProps, RadiiPropsKeyType>;
+/**
+ */
+export declare const calculateAlignment: (type: any) => FlexAlignType;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/Bubble/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Bubble/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAGlD,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,SAC1B,kBAAkB,KACvB,IAAI,CAAC,QAAQ,EAAE,iBAAiB,CA6BlC,CAAC;AAEF;GACG;AACH,eAAO,MAAM,kBAAkB,SAAU,GAAG,KAAG,aAE9C,CAAC"}

package/lib/components/Bubble/utils.js

@@ -0,0 +1,33 @@
+/**
+ * Helper function to calculate border radius values based on the BubblePositionType.
+ * Returns an object with the appropriate border radius values for each corner.
+ */
+export const calculateBorderRadius = (type) => {
+    const semiRadius = 'medium';
+    const fullRadius = 'xxxlarge';
+    const borderTopRightRadius = type.includes('right') &&
+        (type.includes('bottom') || type.includes('middle'))
+        ? semiRadius
+        : fullRadius;
+    const borderBottomRightRadius = type.includes('right') && (type.includes('top') || type.includes('middle'))
+        ? semiRadius
+        : fullRadius;
+    const borderTopLeftRadius = type.includes('left') &&
+        (type.includes('bottom') || type.includes('middle'))
+        ? semiRadius
+        : fullRadius;
+    const borderBottomLeftRadius = type.includes('left') && (type.includes('top') || type.includes('middle'))
+        ? semiRadius
+        : fullRadius;
+    return {
+        borderTopRightRadius,
+        borderBottomRightRadius,
+        borderTopLeftRadius,
+        borderBottomLeftRadius,
+    };
+};
+/**
+ */
+export const calculateAlignment = (type) => {
+    return type.includes('right') ? 'flex-end' : 'flex-start';
+};

package/lib/components/Button/StyledButton.d.ts

@@ -0,0 +1,34 @@
+import type { Theme } from '@emotion/react';
+import { View } from 'react-native';
+import type { Color } from '../../theme';
+export declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("..").CardProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+}, {}, {}>;
+export declare const StyledButtonText: import("@emotion/native").StyledComponent<import("..").TextProps & {
+    useRichText?: boolean;
+} & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    themeColor: Color;
+    themeTextColor?: Color;
+}, {}, {}>;
+export declare const StyledButtonIconWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    themePosition: "left" | "right";
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledButtonIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
+    theme?: Theme;
+    as?: React.ElementType;
+} & {
+    disabled?: boolean;
+    themeColor: Color;
+    themeTextColor?: Color;
+}, {}, {}>;
+//# sourceMappingURL=StyledButton.d.ts.map

package/lib/components/Button/StyledButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledButton.d.ts","sourceRoot":"","sources":["../../../src/components/Button/StyledButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAsBzC,eAAO,MAAM,qBAAqB;;SAgDw2H,MAAO,WAAW;UAxC15H,CAAC;AAEH,eAAO,MAAM,gBAAgB;;;;SAsC62H,MAAO,WAAW;;eArCh5H,OAAO;gBACN,KAAK;qBACA,KAAK;UAUrB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;SAuB2iG,MAAO,WAAW;;mBAtBjlG,MAAM,GAAG,OAAO;;;EAQ9B,CAAC;AAEH,eAAO,MAAM,gBAAgB;;SAY62H,MAAO,WAAW;;eAXh5H,OAAO;gBACN,KAAK;qBACA,KAAK;UAQrB,CAAC"}

package/lib/components/Button/StyledButton.js

@@ -0,0 +1,49 @@
+import styled from '@emotion/native';
+import { View } from 'react-native';
+import { Card } from '../Card';
+import { Icon } from '../Icon';
+import { Text } from '../Text';
+import { getTextColor } from './utils';
+const genTextStyles = (theme, color, textColor, disabled) => {
+    if (disabled) {
+        return {
+            color: theme.colors.white,
+        };
+    }
+    return { color: theme.colors[getTextColor(theme, color, textColor)] };
+};
+export const StyledButtonContainer = styled(Card)(({ theme }) => {
+    return {
+        flexDirection: 'row',
+        justifyContent: 'center',
+        alignItems: 'center',
+        alignSelf: 'stretch',
+        padding: theme.spaces.large,
+    };
+});
+export const StyledButtonText = styled(Text)(({ disabled, themeColor, themeTextColor, theme }) => {
+    return {
+        flexShrink: 1,
+        textAlign: 'center',
+        fontSize: theme.fontSizes.large,
+        fontFamily: theme.fonts.neutral.bold,
+        lineHeight: theme.lineHeights.large,
+        ...genTextStyles(theme, themeColor, themeTextColor, disabled),
+    };
+});
+export const StyledButtonIconWrapper = styled(View)(({ themePosition, theme }) => {
+    return {
+        marginRight: themePosition === 'left' ? theme.spaces.medium : undefined,
+        marginLeft: themePosition === 'right' ? theme.spaces.medium : undefined,
+        width: theme.fontSizes.h5,
+        height: theme.fontSizes.h5,
+    };
+});
+export const StyledButtonIcon = styled(Icon)(({ disabled, themeColor, themeTextColor, theme }) => {
+    return {
+        fontSize: theme.fontSizes.h5,
+        width: theme.fontSizes.h5,
+        height: theme.fontSizes.h5,
+        ...genTextStyles(theme, themeColor, themeTextColor, disabled),
+    };
+});

package/lib/components/Button/index.d.ts

@@ -0,0 +1,64 @@
+import type { ReactChild, ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { GestureResponderEvent } from 'react-native/Libraries/Types/CoreEventTypes';
+import type { ButtonCorner, Color } from '../../theme';
+import { type BoxProps } from '../Box';
+import type { IconName } from '../Icon';
+export interface ButtonProps extends BoxProps {
+    /**
+     * Helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.
+     */
+    accessibilityHint?: string;
+    /**
+     * A succinct label in a localized string that identifies the accessibility element
+     */
+    accessibilityLabel?: string;
+    /**
+     * Disable state of button.
+     */
+    disabled?: boolean;
+    /**
+     * Places an icon within the button, before the button's text
+     */
+    icon?: IconName | ReactNode;
+    /**
+     * Visual color to apply to button.
+     */
+    color?: Color;
+    /**
+     * Visual color to apply to button's text.
+     */
+    textColor?: Color;
+    /**
+     * Loading state of button.
+     */
+    loading?: boolean;
+    /**
+     * Set the handler to handle press event.
+     *
+     * @param event The GestureResponderEvent object
+     */
+    onPress?: null | ((event: GestureResponderEvent) => void) | undefined;
+    /**
+     * Places an icon within the button, after the button's text
+     */
+    rightIcon?: IconName | ReactNode;
+    /**
+     * Corner style of button.
+     */
+    corner?: ButtonCorner;
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * Index label.
+     */
+    text: ReactChild;
+}
+export declare const Button: ({ accessibilityHint, accessibilityLabel, disabled, icon, color, textColor, loading, onPress, rightIcon, corner, style, testID, text, ...rest }: ButtonProps) => JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AAEzF,OAAO,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,KAAK,QAAQ,EAAe,MAAM,QAAQ,CAAC;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAaxC,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC5C;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtE;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;CAIjB;AAMD,eAAO,MAAM,MAAM,mJAehB,WAAW,KAAG,GAAG,CAAC,OA8EpB,CAAC"}

package/lib/components/Button/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isNil } from 'lodash';
+import { useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { genBoxStyle } from '../Box';
+import { isSimpledAIIcon } from '../Icon';
+import { Loading } from '../Loading';
+import { Touchable } from '../Touchable';
+import { StyledButtonContainer, StyledButtonIcon, StyledButtonIconWrapper, StyledButtonText, } from './StyledButton';
+import { getTextColor } from './utils';
+const isIconName = (icon) => {
+    return isSimpledAIIcon(icon);
+};
+export const Button = ({ accessibilityHint, accessibilityLabel, disabled = false, icon, color = 'primary', textColor, loading = false, onPress, rightIcon, corner = 'circle', style, testID, text, ...rest }) => {
+    const theme = useTheme();
+    const backgroundColor = useMemo(() => (!loading && disabled ? 'disabled' : color), [color, disabled, loading]);
+    const squircleBorderRadius = useMemo(() => theme.__hd__.button.squircleBorderRadii[corner], [corner, theme.__hd__.button.squircleBorderRadii]);
+    const boxStyle = useMemo(() => genBoxStyle(theme, rest), [rest, theme]);
+    return (_jsx(Touchable, { onPress: onPress, children: _jsx(StyledButtonContainer, { accessibilityHint: accessibilityHint, accessibilityLabel: accessibilityLabel, backgroundColor: backgroundColor, borderRadius: squircleBorderRadius, testID: testID, style: style, ...boxStyle, ...rest, children: _jsxs(Loading, { loading: loading, size: theme.__hd__.button.loadingConfig.size, color: getTextColor(theme, color, textColor), testID: `${testID}-loading-indicator`, flexDirection: "row", justifyContent: "center", alignItems: "center", children: [!isNil(icon) && (_jsx(StyledButtonIconWrapper, { themePosition: "left", children: isIconName(icon) ? (_jsx(StyledButtonIcon, { disabled: disabled, icon: icon, testID: `${testID}-left-icon`, themeColor: color, themeTextColor: textColor })) : (icon) })), _jsx(StyledButtonText, { ellipsizeMode: "tail", numberOfLines: 1, disabled: disabled, themeColor: color, themeTextColor: textColor, children: text }), rightIcon !== undefined && (_jsx(StyledButtonIconWrapper, { themePosition: "right", children: isIconName(rightIcon) ? (_jsx(StyledButtonIcon, { disabled: disabled, icon: rightIcon, testID: `${testID}-right-icon`, themeColor: color, themeTextColor: textColor })) : (rightIcon) }))] }) }) }));
+};

package/lib/components/Button/utils.d.ts

@@ -0,0 +1,4 @@
+import type { ButtonColor, Color, Theme } from '../../theme';
+export declare const isButtonColor: (color: Color) => color is ButtonColor;
+export declare const getTextColor: (theme: Theme, color: Color, textColor?: Color) => Color;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/Button/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Button/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE7D,eAAO,MAAM,aAAa,UAAW,KAAK,KAAG,KAAK,IAAI,WAErD,CAAC;AAEF,eAAO,MAAM,YAAY,UAChB,KAAK,SACL,KAAK,cACA,KAAK,KAChB,KAQF,CAAC"}

package/lib/components/Button/utils.js

@@ -0,0 +1,10 @@
+export const isButtonColor = (color) => {
+    return ['primary', 'secondary', 'dark', 'white', 'primary01'].includes(color);
+};
+export const getTextColor = (theme, color, textColor) => {
+    const finalTextColor = textColor ||
+        (isButtonColor(color)
+            ? theme.__hd__.button.defaultTextColors[color]
+            : 'white');
+    return finalTextColor;
+};