@preply/ds-rn-lib 0.59.0 → 0.60.0

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

@@ -0,0 +1,18 @@
+import { ButtonSize, ButtonVariant } from '@preply/ds-core';
+import { FC } from 'react';
+import { GestureResponderEvent } from 'react-native';
+import { CommonProps } from '../../props/common/types';
+import { ButtonIcon } from './private/ButtonIcon';
+export interface ButtonProps extends CommonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+    wrap?: boolean;
+    assistiveText?: string;
+    disabled?: boolean;
+    busy?: boolean;
+    onPress?: (event: GestureResponderEvent) => void;
+}
+export declare const Button: FC<ButtonProps> & {
+    Icon: typeof ButtonIcon;
+};

package/dist/components/Button/Button.js

@@ -0,0 +1,87 @@
+import { BUTTON_VARIANT_DEFAULT, BUTTON_SIZE_DEFAULT, action, root } from '@preply/ds-core';
+import { createStyleSheet, useStyleSheet, useToken } from '@preply/ds-rn-core';
+import React, { useState } from 'react';
+import { useWindowDimensions, View, Pressable, Platform, StyleSheet, ActivityIndicator } from 'react-native';
+import { ButtonContent } from './private/ButtonContent.js';
+import { ButtonIcon } from './private/ButtonIcon.js';
+import { useTextStyle } from '../../props/typography/hooks/useTextStyle.js';
+
+const Button = ({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = true, assistiveText, disabled = false, busy = false, onPress, children, testID, }) => {
+    const [pressed, setPressed] = useState(false);
+    const { fontScale } = useWindowDimensions();
+    const rawStyles = createStyleSheet({
+        container: {
+            width: fullWidth ? '100%' : 'auto',
+            borderRadius: action.base.borderRadius,
+            overflow: 'hidden',
+        },
+        action: {
+            backgroundColor: action.variant[variant].bgColor,
+            borderRadius: action.base.borderRadius,
+            borderColor: action.variant[variant].borderColor,
+            justifyContent: 'center',
+            alignItems: 'center',
+        },
+        active: {
+            backgroundColor: action.variant[variant].active.bgColor,
+        },
+        disabled: {
+            backgroundColor: action.base.disabled.bgColor,
+            borderColor: action.base.disabled.borderColor,
+        },
+        text: {
+            color: action.variant[variant].color,
+        },
+        textActive: {
+            color: action.variant[variant].active.color,
+        },
+        disabledText: {
+            color: action.base.disabled.color,
+        },
+        hiddenText: {
+            opacity: 0,
+        },
+    });
+    const styles = useStyleSheet(rawStyles);
+    const height = useToken(action.size[size].height) * fontScale;
+    const verticalPadding = useToken(action.size[size].verticalPadding) * fontScale;
+    const horizontalPadding = useToken(action.size[size].horizontalPadding) * fontScale;
+    const { lineHeight: _lineHeight, fontSize: _fontSize, ...textStyle } = useTextStyle({ variant: 'm-medium', centered: true });
+    const fontSize = useToken(action.size[size].fontSize);
+    const lineHeight = useToken(root.text.base.lineHeight) * fontSize * fontScale;
+    const handlePress = (event) => {
+        if (!disabled && !busy) {
+            onPress === null || onPress === void 0 ? void 0 : onPress(event);
+        }
+    };
+    return (React.createElement(View, { style: styles.container },
+        React.createElement(Pressable, { onPressIn: () => setPressed(true), onPressOut: () => setPressed(false), onPress: handlePress, disabled: disabled || busy, style: [
+                styles.action,
+                {
+                    minHeight: height,
+                    paddingVertical: verticalPadding,
+                    paddingHorizontal: horizontalPadding,
+                },
+                pressed && Platform.OS !== 'android' && styles.active,
+                disabled && styles.disabled,
+            ], accessibilityLabel: assistiveText, accessibilityRole: "button", accessibilityState: { disabled, busy }, android_ripple: {
+                color: styles.active.backgroundColor,
+            }, testID: testID },
+            React.createElement(ButtonContent, { style: StyleSheet.flatten([
+                    textStyle,
+                    styles.text,
+                    {
+                        fontSize,
+                        lineHeight,
+                        flexWrap: wrap ? 'wrap' : 'nowrap',
+                    },
+                    pressed && styles.textActive,
+                    disabled && styles.disabledText,
+                    busy && styles.hiddenText,
+                ]), wrap: wrap }, children),
+            busy && (React.createElement(ActivityIndicator, { testID: `${testID}-busy`, color: styles.text.color, size: lineHeight, style: StyleSheet.absoluteFillObject })))));
+};
+Button.Icon = ButtonIcon;
+
+export { Button };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEJVVFRPTl9TSVpFX0RFRkFVTFQsXG4gICAgQlVUVE9OX1ZBUklBTlRfREVGQVVMVCxcbiAgICBCdXR0b25TaXplLFxuICAgIEJ1dHRvblZhcmlhbnQsXG4gICAgYWN0aW9uLFxuICAgIHJvb3QsXG59IGZyb20gJ0BwcmVwbHkvZHMtY29yZSc7XG5pbXBvcnQgeyBjcmVhdGVTdHlsZVNoZWV0LCB1c2VTdHlsZVNoZWV0LCB1c2VUb2tlbiB9IGZyb20gJ0BwcmVwbHkvZHMtcm4tY29yZSc7XG5pbXBvcnQgUmVhY3QsIHsgRkMsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBBY3Rpdml0eUluZGljYXRvcixcbiAgICBHZXN0dXJlUmVzcG9uZGVyRXZlbnQsXG4gICAgUGxhdGZvcm0sXG4gICAgUHJlc3NhYmxlLFxuICAgIFN0eWxlU2hlZXQsXG4gICAgVmlldyxcbiAgICB1c2VXaW5kb3dEaW1lbnNpb25zLFxufSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyB1c2VUZXh0U3R5bGUgfSBmcm9tICcuLi8uLi9wcm9wcyc7XG5pbXBvcnQgeyBDb21tb25Qcm9wcyB9IGZyb20gJy4uLy4uL3Byb3BzL2NvbW1vbi90eXBlcyc7XG5cbmltcG9ydCB7IEJ1dHRvbkNvbnRlbnQgfSBmcm9tICcuL3ByaXZhdGUvQnV0dG9uQ29udGVudCc7XG5pbXBvcnQgeyBCdXR0b25JY29uIH0gZnJvbSAnLi9wcml2YXRlL0J1dHRvbkljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvblByb3BzIGV4dGVuZHMgQ29tbW9uUHJvcHMge1xuICAgIHZhcmlhbnQ/OiBCdXR0b25WYXJpYW50O1xuICAgIHNpemU/OiBCdXR0b25TaXplO1xuICAgIGZ1bGxXaWR0aD86IGJvb2xlYW47XG4gICAgd3JhcD86IGJvb2xlYW47XG4gICAgYXNzaXN0aXZlVGV4dD86IHN0cmluZztcbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG4gICAgYnVzeT86IGJvb2xlYW47XG4gICAgb25QcmVzcz86IChldmVudDogR2VzdHVyZVJlc3BvbmRlckV2ZW50KSA9PiB2b2lkO1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uOiBGQzxCdXR0b25Qcm9wcz4gJiB7IEljb246IHR5cGVvZiBCdXR0b25JY29uIH0gPSAoe1xuICAgIHZhcmlhbnQgPSBCVVRUT05fVkFSSUFOVF9ERUZBVUxULFxuICAgIHNpemUgPSBCVVRUT05fU0laRV9ERUZBVUxULFxuICAgIGZ1bGxXaWR0aCA9IGZhbHNlLFxuICAgIHdyYXAgPSB0cnVlLFxuICAgIGFzc2lzdGl2ZVRleHQsXG4gICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICBidXN5ID0gZmFsc2UsXG4gICAgb25QcmVzcyxcbiAgICBjaGlsZHJlbixcbiAgICB0ZXN0SUQsXG59KSA9PiB7XG4gICAgY29uc3QgW3ByZXNzZWQsIHNldFByZXNzZWRdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIGNvbnN0IHsgZm9udFNjYWxlIH0gPSB1c2VXaW5kb3dEaW1lbnNpb25zKCk7XG5cbiAgICBjb25zdCByYXdTdHlsZXMgPSBjcmVhdGVTdHlsZVNoZWV0KHtcbiAgICAgICAgY29udGFpbmVyOiB7XG4gICAgICAgICAgICB3aWR0aDogZnVsbFdpZHRoID8gJzEwMCUnIDogJ2F1dG8nLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBhY3Rpb24uYmFzZS5ib3JkZXJSYWRpdXMsXG4gICAgICAgICAgICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gICAgICAgIH0sXG4gICAgICAgIGFjdGlvbjoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5iZ0NvbG9yLFxuICAgICAgICAgICAgYm9yZGVyUmFkaXVzOiBhY3Rpb24uYmFzZS5ib3JkZXJSYWRpdXMsXG4gICAgICAgICAgICBib3JkZXJDb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uYm9yZGVyQ29sb3IsXG4gICAgICAgICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgICAgICAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICAgICAgfSxcbiAgICAgICAgYWN0aXZlOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGFjdGlvbi52YXJpYW50W3ZhcmlhbnRdLmFjdGl2ZS5iZ0NvbG9yLFxuICAgICAgICB9LFxuICAgICAgICBkaXNhYmxlZDoge1xuICAgICAgICAgICAgYmFja2dyb3VuZENvbG9yOiBhY3Rpb24uYmFzZS5kaXNhYmxlZC5iZ0NvbG9yLFxuICAgICAgICAgICAgYm9yZGVyQ29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmJvcmRlckNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICB0ZXh0OiB7XG4gICAgICAgICAgICBjb2xvcjogYWN0aW9uLnZhcmlhbnRbdmFyaWFudF0uY29sb3IsXG4gICAgICAgIH0sXG4gICAgICAgIHRleHRBY3RpdmU6IHtcbiAgICAgICAgICAgIGNvbG9yOiBhY3Rpb24udmFyaWFudFt2YXJpYW50XS5hY3RpdmUuY29sb3IsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkVGV4dDoge1xuICAgICAgICAgICAgY29sb3I6IGFjdGlvbi5iYXNlLmRpc2FibGVkLmNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICBoaWRkZW5UZXh0OiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLFxuICAgICAgICB9LFxuICAgIH0pO1xuXG4gICAgY29uc3Qgc3R5bGVzID0gdXNlU3R5bGVTaGVldChyYXdTdHlsZXMpO1xuICAgIGNvbnN0IGhlaWdodCA9IHVzZVRva2VuPG51bWJlcj4oYWN0aW9uLnNpemVbc2l6ZV0uaGVpZ2h0KSAqIGZvbnRTY2FsZTtcbiAgICBjb25zdCB2ZXJ0aWNhbFBhZGRpbmcgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLnZlcnRpY2FsUGFkZGluZykgKiBmb250U2NhbGU7XG4gICAgY29uc3QgaG9yaXpvbnRhbFBhZGRpbmcgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLmhvcml6b250YWxQYWRkaW5nKSAqIGZvbnRTY2FsZTtcbiAgICBjb25zdCB7XG4gICAgICAgIGxpbmVIZWlnaHQ6IF9saW5lSGVpZ2h0LFxuICAgICAgICBmb250U2l6ZTogX2ZvbnRTaXplLFxuICAgICAgICAuLi50ZXh0U3R5bGVcbiAgICB9ID0gdXNlVGV4dFN0eWxlKHsgdmFyaWFudDogJ20tbWVkaXVtJywgY2VudGVyZWQ6IHRydWUgfSk7XG4gICAgY29uc3QgZm9udFNpemUgPSB1c2VUb2tlbjxudW1iZXI+KGFjdGlvbi5zaXplW3NpemVdLmZvbnRTaXplKTtcbiAgICBjb25zdCBsaW5lSGVpZ2h0ID0gdXNlVG9rZW48bnVtYmVyPihyb290LnRleHQuYmFzZS5saW5lSGVpZ2h0KSAqIGZvbnRTaXplICogZm9udFNjYWxlO1xuXG4gICAgY29uc3QgaGFuZGxlUHJlc3MgPSAoZXZlbnQ6IEdlc3R1cmVSZXNwb25kZXJFdmVudCkgPT4ge1xuICAgICAgICBpZiAoIWRpc2FibGVkICYmICFidXN5KSB7XG4gICAgICAgICAgICBvblByZXNzPy4oZXZlbnQpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxWaWV3IHN0eWxlPXtzdHlsZXMuY29udGFpbmVyfT5cbiAgICAgICAgICAgIDxQcmVzc2FibGVcbiAgICAgICAgICAgICAgICBvblByZXNzSW49eygpID0+IHNldFByZXNzZWQodHJ1ZSl9XG4gICAgICAgICAgICAgICAgb25QcmVzc091dD17KCkgPT4gc2V0UHJlc3NlZChmYWxzZSl9XG4gICAgICAgICAgICAgICAgb25QcmVzcz17aGFuZGxlUHJlc3N9XG4gICAgICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkIHx8IGJ1c3l9XG4gICAgICAgICAgICAgICAgc3R5bGU9e1tcbiAgICAgICAgICAgICAgICAgICAgc3R5bGVzLmFjdGlvbixcbiAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgbWluSGVpZ2h0OiBoZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWRkaW5nVmVydGljYWw6IHZlcnRpY2FsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHBhZGRpbmdIb3Jpem9udGFsOiBob3Jpem9udGFsUGFkZGluZyxcbiAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgcHJlc3NlZCAmJiBQbGF0Zm9ybS5PUyAhPT0gJ2FuZHJvaWQnICYmIHN0eWxlcy5hY3RpdmUsXG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5kaXNhYmxlZCxcbiAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICAgIGFjY2Vzc2liaWxpdHlMYWJlbD17YXNzaXN0aXZlVGV4dH1cbiAgICAgICAgICAgICAgICBhY2Nlc3NpYmlsaXR5Um9sZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgICAgYWNjZXNzaWJpbGl0eVN0YXRlPXt7IGRpc2FibGVkLCBidXN5IH19XG4gICAgICAgICAgICAgICAgYW5kcm9pZF9yaXBwbGU9e3tcbiAgICAgICAgICAgICAgICAgICAgY29sb3I6IHN0eWxlcy5hY3RpdmUuYmFja2dyb3VuZENvbG9yLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgdGVzdElEPXt0ZXN0SUR9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPEJ1dHRvbkNvbnRlbnRcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9e1N0eWxlU2hlZXQuZmxhdHRlbihbXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZXh0U3R5bGUsXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZXMudGV4dCxcbiAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBmb250U2l6ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBsaW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZsZXhXcmFwOiB3cmFwID8gJ3dyYXAnIDogJ25vd3JhcCcsXG4gICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgcHJlc3NlZCAmJiBzdHlsZXMudGV4dEFjdGl2ZSxcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc2FibGVkICYmIHN0eWxlcy5kaXNhYmxlZFRleHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBidXN5ICYmIHN0eWxlcy5oaWRkZW5UZXh0LFxuICAgICAgICAgICAgICAgICAgICBdKX1cbiAgICAgICAgICAgICAgICAgICAgd3JhcD17d3JhcH1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgICAgICA8L0J1dHRvbkNvbnRlbnQ+XG4gICAgICAgICAgICAgICAge2J1c3kgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8QWN0aXZpdHlJbmRpY2F0b3JcbiAgICAgICAgICAgICAgICAgICAgICAgIHRlc3RJRD17YCR7dGVzdElEfS1idXN5YH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtzdHlsZXMudGV4dC5jb2xvcn1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e2xpbmVIZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17U3R5bGVTaGVldC5hYnNvbHV0ZUZpbGxPYmplY3R9XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvUHJlc3NhYmxlPlxuICAgICAgICA8L1ZpZXc+XG4gICAgKTtcbn07XG5cbkJ1dHRvbi5JY29uID0gQnV0dG9u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

package/dist/components/Button/private/ButtonContent.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { TextStyle } from 'react-native';
+import { CommonProps } from '../../../props/common/types';
+export interface ButtonContentProps extends CommonProps {
+    style: TextStyle;
+    wrap?: boolean;
+}
+export declare const ButtonContent: FC<ButtonContentProps>;

package/dist/components/Button/private/ButtonContent.js

@@ -0,0 +1,38 @@
+import { action } from '@preply/ds-core';
+import { useToken } from '@preply/ds-rn-core';
+import React from 'react';
+import { StyleSheet, useWindowDimensions, View, Text } from 'react-native';
+import { ButtonIcon } from './ButtonIcon.js';
+
+const styles = StyleSheet.create({
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+});
+const ButtonContent = ({ style, wrap = true, children }) => {
+    const { fontScale } = useWindowDimensions();
+    const gap = useToken(action.base.gap) * fontScale;
+    if (__DEV__ && React.Children.count(children) === 1) {
+        const child = React.Children.toArray(children)[0];
+        if (child && typeof child === 'object' && 'type' in child && child.type === ButtonIcon) {
+            console.error('ERROR you are trying to render a Button with only an icon. Try using IconButton instead.');
+        }
+    }
+    return (React.createElement(View, { style: [styles.content, { gap }] }, React.Children.map(children, child => {
+        if (child &&
+            typeof child === 'object' &&
+            'type' in child &&
+            child.type === ButtonIcon) {
+            return React.createElement(child.props.svg, {
+                height: style.lineHeight,
+                width: style.lineHeight,
+                fill: style.color,
+            });
+        }
+        return (React.createElement(Text, { style: style, numberOfLines: wrap ? 2 : 1 }, child));
+    })));
+};
+
+export { ButtonContent };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uQ29udGVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL3ByaXZhdGUvQnV0dG9uQ29udGVudC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgYWN0aW9uIH0gZnJvbSAnQHByZXBseS9kcy1jb3JlJztcbmltcG9ydCB7IHVzZVRva2VuIH0gZnJvbSAnQHByZXBseS9kcy1ybi1jb3JlJztcbmltcG9ydCBSZWFjdCwgeyBGQyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRleHQgYXMgUk5UZXh0LCBTdHlsZVNoZWV0LCBUZXh0U3R5bGUsIFZpZXcsIHVzZVdpbmRvd0RpbWVuc2lvbnMgfSBmcm9tICdyZWFjdC1uYXRpdmUnO1xuXG5pbXBvcnQgeyBDb21tb25Qcm9wcyB9IGZyb20gJy4uLy4uLy4uL3Byb3BzL2NvbW1vbi90eXBlcyc7XG5cbmltcG9ydCB7IEJ1dHRvbkljb24gfSBmcm9tICcuL0J1dHRvbkljb24nO1xuXG5leHBvcnQgaW50ZXJmYWNlIEJ1dHRvbkNvbnRlbnRQcm9wcyBleHRlbmRzIENvbW1vblByb3BzIHtcbiAgICBzdHlsZTogVGV4dFN0eWxlO1xuICAgIHdyYXA/OiBib29sZWFuO1xufVxuXG5jb25zdCBzdHlsZXMgPSBTdHlsZVNoZWV0LmNyZWF0ZSh7XG4gICAgY29udGVudDoge1xuICAgICAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uQ29udGVudDogRkM8QnV0dG9uQ29udGVudFByb3BzPiA9ICh7IHN0eWxlLCB3cmFwID0gdHJ1ZSwgY2hpbGRyZW4gfSkgPT4ge1xuICAgIGNvbnN0IHsgZm9udFNjYWxlIH0gPSB1c2VXaW5kb3dEaW1lbnNpb25zKCk7XG4gICAgY29uc3QgZ2FwID0gdXNlVG9rZW48bnVtYmVyPihhY3Rpb24uYmFzZS5nYXApICogZm9udFNjYWxlO1xuXG4gICAgaWYgKF9fREVWX18gJiYgUmVhY3QuQ2hpbGRyZW4uY291bnQoY2hpbGRyZW4pID09PSAxKSB7XG4gICAgICAgIGNvbnN0IGNoaWxkID0gUmVhY3QuQ2hpbGRyZW4udG9BcnJheShjaGlsZHJlbilbMF07XG4gICAgICAgIGlmIChjaGlsZCAmJiB0eXBlb2YgY2hpbGQgPT09ICdvYmplY3QnICYmICd0eXBlJyBpbiBjaGlsZCAmJiBjaGlsZC50eXBlID09PSBCdXR0b25JY29uKSB7XG4gICAgICAgICAgICBjb25zb2xlLmVycm9yKFxuICAgICAgICAgICAgICAgICdFUlJPUiB5b3UgYXJlIHRyeWluZyB0byByZW5kZXIgYSBCdXR0b24gd2l0aCBvbmx5IGFuIGljb24uIFRyeSB1c2luZyBJY29uQnV0dG9uIGluc3RlYWQuJyxcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8VmlldyBzdHlsZT17W3N0eWxlcy5jb250ZW50LCB7IGdhcCB9XX0+XG4gICAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCBjaGlsZCA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICAgICBjaGlsZCAmJlxuICAgICAgICAgICAgICAgICAgICB0eXBlb2YgY2hpbGQgPT09ICdvYmplY3QnICYmXG4gICAgICAgICAgICAgICAgICAgICd0eXBlJyBpbiBjaGlsZCAmJlxuICAgICAgICAgICAgICAgICAgICBjaGlsZC50eXBlID09PSBCdXR0b25JY29uXG4gICAgICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KGNoaWxkLnByb3BzLnN2Zywge1xuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBzdHlsZS5saW5lSGVpZ2h0LFxuICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IHN0eWxlLmxpbmVIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBmaWxsOiBzdHlsZS5jb2xvcixcbiAgICAgICAgICAgICAgICAgICAgfSk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxSTlRleHQgc3R5bGU9e3N0eWxlfSBudW1iZXJPZkxpbmVzPXt3cmFwID8gMiA6IDF9PlxuICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgICAgICAgICA8L1JOVGV4dD5cbiAgICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgfSl9XG4gICAgICAgIDwvVmlldz5cbiAgICApO1xufTtcbiJdLCJuYW1lcyI6WyJSTlRleHQiXSwibWFwcGluZ3MiOiI7Ozs7OztBQWNBLE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7SUFDN0IsT0FBTyxFQUFFO1FBQ0wsYUFBYSxFQUFFLEtBQUs7UUFDcEIsVUFBVSxFQUFFLFFBQVE7S0FDdkI7Q0FDSixDQUFDLENBQUM7TUFFVSxhQUFhLEdBQTJCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxHQUFHLElBQUksRUFBRSxRQUFRLEVBQUU7SUFDbEYsTUFBTSxFQUFFLFNBQVMsRUFBRSxHQUFHLG1CQUFtQixFQUFFLENBQUM7SUFDNUMsTUFBTSxHQUFHLEdBQUcsUUFBUSxDQUFTLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLEdBQUcsU0FBUyxDQUFDO0lBRTFELElBQUksT0FBTyxJQUFJLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUNqRCxNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUNsRCxJQUFJLEtBQUssSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksTUFBTSxJQUFJLEtBQUssSUFBSSxLQUFLLENBQUMsSUFBSSxLQUFLLFVBQVUsRUFBRTtZQUNwRixPQUFPLENBQUMsS0FBSyxDQUNULDBGQUEwRixDQUM3RixDQUFDO1NBQ0w7S0FDSjtJQUVELFFBQ0ksb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUNqQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsS0FBSztRQUMvQixJQUNJLEtBQUs7WUFDTCxPQUFPLEtBQUssS0FBSyxRQUFRO1lBQ3pCLE1BQU0sSUFBSSxLQUFLO1lBQ2YsS0FBSyxDQUFDLElBQUksS0FBSyxVQUFVLEVBQzNCO1lBQ0UsT0FBTyxLQUFLLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFO2dCQUN4QyxNQUFNLEVBQUUsS0FBSyxDQUFDLFVBQVU7Z0JBQ3hCLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVTtnQkFDdkIsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLO2FBQ3BCLENBQUMsQ0FBQztTQUNOO1FBQ0QsUUFDSSxvQkFBQ0EsSUFBTSxJQUFDLEtBQUssRUFBRSxLQUFLLEVBQUUsYUFBYSxFQUFFLElBQUksR0FBRyxDQUFDLEdBQUcsQ0FBQyxJQUM1QyxLQUFLLENBQ0QsRUFDWDtLQUNMLENBQUMsQ0FDQyxFQUNUO0FBQ047Ozs7In0=

package/dist/components/Button/private/ButtonIcon.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface ButtonIconProps {
+    svg: FC<{
+        fill?: string;
+        height?: number;
+        width?: number;
+    }>;
+}
+export declare const ButtonIcon: FC<ButtonIconProps>;
+export {};

package/dist/components/Button/private/ButtonIcon.js

@@ -0,0 +1,6 @@
+const ButtonIcon = () => {
+    return null;
+};
+
+export { ButtonIcon };
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uSWNvbi5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQnV0dG9uL3ByaXZhdGUvQnV0dG9uSWNvbi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRkMgfSBmcm9tICdyZWFjdCc7XG5cbmludGVyZmFjZSBCdXR0b25JY29uUHJvcHMge1xuICAgIHN2ZzogRkM8eyBmaWxsPzogc3RyaW5nOyBoZWlnaHQ/OiBudW1iZXI7IHdpZHRoPzogbnVtYmVyIH0+O1xufVxuXG5leHBvcnQgY29uc3QgQnV0dG9uSWNvbjogRkM8QnV0dG9uSWNvblByb3BzPiA9ICgpID0+IHtcbiAgICByZXR1cm4gbnVsbDtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ik1BTWEsVUFBVSxHQUF3QjtJQUMzQyxPQUFPLElBQUksQ0FBQztBQUNoQjs7OzsifQ==

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export { Button, ButtonProps } from './Button/Button';
 export { Heading, HeadingProps } from './Heading/Heading';
 export { LayoutFlex, LayoutFlexProps } from './LayoutFlex/LayoutFlex';
 export { LayoutFlexItem, LayoutFlexItemProps } from './LayoutFlexItem/LayoutFlexItem';

package/dist/components/index.js

@@ -1,6 +1,7 @@
+export { Button } from './Button/Button.js';
 export { Heading } from './Heading/Heading.js';
 export { LayoutFlex } from './LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './LayoutFlexItem/LayoutFlexItem.js';
 export { Text } from './Text/Text.js';
 export { TextInline } from './TextInline/TextInline.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OzsifQ==

package/dist/index.js

@@ -1,3 +1,4 @@
+export { Button } from './components/Button/Button.js';
 export { Heading } from './components/Heading/Heading.js';
 export { LayoutFlex } from './components/LayoutFlex/LayoutFlex.js';
 export { LayoutFlexItem } from './components/LayoutFlexItem/LayoutFlexItem.js';
@@ -5,4 +6,4 @@ export { Text } from './components/Text/Text.js';
 export { TextInline } from './components/TextInline/TextInline.js';
 export { useHeadingStyle } from './props/typography/hooks/useHeadingStyle.js';
 export { useTextStyle } from './props/typography/hooks/useTextStyle.js';
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7OyJ9

package/dist/props/typography/hooks/private/useTextColorStyle.d.ts

@@ -1,3 +1,3 @@
-export declare const useTextColorStyle: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "branded" | "positive" | undefined) => {
+export declare const useTextColorStyle: (color?: "white" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "teal-100" | "teal-200" | "teal-300" | "teal-400" | "teal-500" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "magenta-100" | "magenta-200" | "magenta-300" | "magenta-400" | "magenta-500" | undefined, accent?: "primary" | "secondary" | "branded" | "positive" | "error" | "tertiary" | "selected" | "warning" | "info" | "accent" | "disabled" | undefined) => {
     color: string | import("react-native/types").OpaqueColorValue | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@preply/ds-rn-lib",
-    "version": "0.59.0",
+    "version": "0.60.0",
     "publishConfig": {
         "access": "public"
     },
@@ -18,15 +18,15 @@
         "dev": "run build:rollup -w"
     },
     "dependencies": {
-        "@preply/ds-core": "0.59.0",
-        "@preply/ds-rn-core": "0.59.0",
-        "@preply/ds-rn-root": "0.59.0"
+        "@preply/ds-core": "0.60.0",
+        "@preply/ds-rn-core": "0.60.0",
+        "@preply/ds-rn-root": "0.60.0"
     },
     "peerDependencies": {
-        "@preply/ds-core": "0.59.0",
+        "@preply/ds-core": "0.60.0",
         "@preply/ds-core-types": "0.43.2",
-        "@preply/ds-rn-core": "0.59.0",
-        "@preply/ds-rn-root": "0.59.0",
+        "@preply/ds-rn-core": "0.60.0",
+        "@preply/ds-rn-root": "0.60.0",
         "react": "^16.8.3",
         "react-native": "^0.72.1"
     },
@@ -38,5 +38,5 @@
         "react-native": "^0.72.1",
         "react-test-renderer": "16.8.3"
     },
-    "gitHead": "c077d2cb3dfd73027a60ce96700c9686b4239fce"
+    "gitHead": "944b9eb386d5b0e2f1d5b8c7e370f2dc16c1b9b1"
 }